@font-face {
	font-family: 'SUIT';
	font-weight: 100;
	src: url('/css/fonts/SUIT-Thin.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 200;
	src: url('/css/fonts/SUIT-ExtraLight.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 300;
	src: url('/css/fonts/SUIT-Light.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 400;
	src: url('/css/fonts/SUIT-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 500;
	src: url('/css/fonts/SUIT-Medium.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 600;
	src: url('/css/fonts/SUIT-SemiBold.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 700;
	src: url('/css/fonts/SUIT-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 800;
	src: url('/css/fonts/SUIT-ExtraBold.woff2') format('woff2');
}
@font-face {
	font-family: 'SUIT';
	font-weight: 900;
	src: url('/css/fonts/SUIT-Heavy.woff2') format('woff2');
}
@font-face {
    font-family: 'Pretendard-Regular';
    src: url('https://fastly.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'nanumpenscript';
    src: url('https://www.didalliance.org/css/fonts/NanumPenScript-Regular.ttf') format('truetype');
    font-weight: 400;
    font-style: normal;
}

@import url('https://fonts.googleapis.com/css2?family=Poppins:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&family=Tektur:wght@400..900&display=swap');

/*
배너 스타일
*/
.popContent > img {width: 100%;}

/* :::::::::::::::: Common Layout :::::::::::::::: */
.sub_contents{min-height: 680px; padding-top: 100px;}

.p_inline { display: inline;}
.p_only { display: block; }
.p_t_inline { display: inline;}
.p_t_only { display: block; }
.t_m_only { display: none; }
.m_only { display: none; }

/* :::::::: RESPONSIVE :::::::: */
@media screen and (max-width:1560px){
	.in_Layer2{width: 100%; padding: 0 3%;}
	.top_title_banner .text_con .txt_area.m_txt span { display: none; }
}

@media screen and (max-width:1260px){
	.p_inline { display: none; }
	.p_only { display: none; }
	.p_t_inline { display: inline;}
	.p_t_only { display: block; }
	.t_m_only { display: block; }
	.m_only { display: none; }
  
}

@media screen and (max-width:1024px){
	.sub_contents{padding-top: 80px;}

	.p_inline { display: none; }
	.p_only { display: none; }
	.p_t_inline { display: none;}
	.p_t_only { display: none; }
	.t_m_only { display: block; }
	.m_only { display: block; }
}

@media screen and (max-width:768px){
	.sub_contents{min-height: auto;}
	.sub_contents{padding-top: 60px;}

	.p_inline { display: none; }
	.p_only { display: none; }
	.p_t_inline { display: none;}
	.p_t_only { display: none; }
	.t_m_only { display: block; }
	.m_only { display: block; }
}

@media screen and (max-width:480px){
	
}



.Main.new select {
 appearance: none; /* html의 기본적인 디자인 없애기 */
 -webkit-appearance: none;  /* Vendor Prefix */
 -moz-appearance: none; /* Vendor Prefix */
 background: url('/img/renewal/select_arrow.png') 95% center / 24px no-repeat; }
}


/* modal */
.jquery-modal { z-index: 9999; }
.blocker {  z-index: 200; }
#privacy_modal { padding:36px 40px 30px 40px; max-width: 1000px; height:90%; }
#privacy_modal .close-modal { display: none !important; }

#privacy_modal .modal_warp { display: flex; gap:20px; flex-direction: column;      height: 100%;}
#privacy_modal .modal_warp .modal_header { border-bottom:1px solid #D5D5D5; padding-bottom:20px; display: flex; align-items: center; justify-content: space-between; }
#privacy_modal .modal_warp .modal_header .title { font-size: 22px; font-weight: 700; color:#333; }
#privacy_modal .modal_warp .modal_header .img  { width:32px; display: block; }
#privacy_modal .modal_warp .modal_header .img img { width: 100%; }
#privacy_modal .modal_warp .modal_body { flex:1; overflow-y: scroll; }
#privacy_modal .modal_warp .modal_footer { border-top:1px solid #D5D5D5; padding-top:20px; }
#privacy_modal .modal_warp .modal_footer a { margin-left: auto; border-radius:6px; display:block; width: 103px; height:44px; text-align:center; background-color:#1A235A; color:#fff; font-size: 18px; font-weight:700; line-height:42px; }

.Main.new.center_ui_wrap * {
	font-family: "SUIT", sans-serif;
	word-break: keep-all;
}
/**/
.bar { width: 40px; height: 2px; background-color:#fff; margin: 36px auto; }
.mini_bar { width: 24px; height: 1px; margin:16px 0; background-color: #000; }

.ellipsis {
  width: 100%;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;  /* 말줄임 적용 */
}

.ellipsis_2 {
  width: 100%;
  overflow: hidden;
  text-overflow: ellipsis;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}


.new_main_title { text-align: center; font-size: 44px; font-weight: 700; color: #222; }
.new_main_var { margin: 40px auto; width: 40px; height: 2px; background-color: #203791; }
.new_main_var.gray { background-color: #F4F6FF; }
.new_main_var.white { background-color: #fff; }
.new_main_var.black { background-color: #192042; }

.new_main_subtitle {}

 
/**/
.main_sections { padding: 80px 0; min-height: 620px; }
.main_sections_1 { padding:100px 0; }
.main_section_1 {  position:relative; height: 620px; display: flex; align-items: center; }
.main_section_1 .txt_wrap { color: #fff; text-align: center; margin-top: -100px; }
.main_section_1 .txt_wrap .title { font-size:58px; line-height:1.25; font-weight: 700; }
.main_section_1 .txt_wrap .subtitle { font-size: 20px; line-height:1.5; font-weight: 500; }

.main_section_1 .board_list { position: absolute; bottom: -240px; left:0; width: 100%;  }

.main_section_1 .board_list .lists { display: flex; justify-content: space-between; gap: 24px; }
.main_section_1 .board_list .lists .list { border-radius: 16px; width: 100%;  background-color:#fff; box-shadow: 3.44px 3.44px 17.19px 0px #0000001A; }
.main_section_1 .board_list .lists .list .list_con { padding: 32px; height:321px; display: flex; flex-direction: column;  }
.main_section_1 .board_list .lists .list .list_con .list_head { display: flex; align-items: center; gap: 16px; }
.main_section_1 .board_list .lists .list .list_con .list_head p { color: #192042; font-size: 28px; line-height: 1.2; font-weight: 700; }
.main_section_1 .board_list .lists .list .list_con .list_head a {}
.main_section_1 .board_list .lists .list .list_con .list_head a img { width: 26px; }

.main_section_1 .board_list .lists .list .list_con .list_body { flex: 1; display: flex; flex-direction: column; }
.main_section_1 .board_list .lists .list .list_con .list_body ul {}
.main_section_1 .board_list .lists .list .list_con .list_body ul li { padding-top:12px; padding-bottom:12px; border-bottom: 1px solid #DDDDDD; }
.main_section_1 .board_list .lists .list .list_con .list_body ul li:first-child { padding-top: 0; }
.main_section_1 .board_list .lists .list .list_con .list_body ul li:last-child { padding-bottom: 0; border-bottom: none; }
.main_section_1 .board_list .lists .list .list_con .list_body ul li a { display: flex; gap: 4px; }
.main_section_1 .board_list .lists .list .list_con .list_body ul li a span { display: none; margin-top: 0px;  background-color: #FF8400; width: 22px; height: 22px; line-height: 22px; color: #fff; font-size: 12px; font-weight: 700; text-align: center; border-radius: 50%; }
.main_section_1 .board_list .lists .list .list_con .list_body ul li a p { flex: 1; font-size: 20px; color: #000; font-weight: 400; line-height: 1.25;   overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; }
.main_section_1 .board_list .lists .list .list_con .list_body ul li.active {  }
.main_section_1 .board_list .lists .list .list_con .list_body ul li.active a span { display: block; }
.main_section_1 .board_list .lists .list .list_con .list_body ul li.active a p { min-height:22px; font-weight: 700; -webkit-line-clamp: 1; }

.main_section_1 .board_list .lists .list .list_con .list_body .gallery_bbs { font-size:24px; line-height: 1.5;     flex: 1; }
.main_section_1 .board_list .lists .list .list_con .list_body .gallery_bbs span { font-size: 26px; font-weight: 700; line-height: 1.5; }

.main_section_1 .list_page { display: flex;justify-content: flex-end; gap: 24px;  }
.main_section_1 .list_page .list_move { display: flex; gap: 4px; cursor: pointer;  }
.main_section_1 .list_page .list_move p { color: ##999999; font-size: 18px; }
.main_section_1 .list_page .list_move span { width: 26px; background: url("/img/renewal/list_page.png") center center / cover no-repeat; }

.main_section_1 .list_page .list_move.next span { transform: rotate(180deg); }

.main_section_1 .list_page .list_move.on p { font-weight:500; color: #192042; }
.main_section_1 .list_page .list_move.on span { background: url("/img/renewal/list_page_on.png") center center / cover no-repeat; }


.main_section_2 { padding: 200px 0 80px; background-color: #F4F6FF; }
.main_section_2 .section_con {}
.main_section_2 .section_con ul { display: flex; flex-direction: row; flex-wrap: wrap; column-gap: 40px; row-gap: 80px; }
.main_section_2 .section_con ul li { width: calc(50% - 20px); display: flex; gap: 40px; }
.main_section_2 .section_con ul li > div:first-child { display: flex; align-items: center; justify-content: center; width: 140px; height:140px; border-radius:50px; background-color: #fff;  box-shadow: 4px 4px 10px 0px #E2E6F9; }
.main_section_2 .section_con ul li > div:first-child img { height: 64px; width: auto; }
.main_section_2 .section_con ul li > div:last-child { flex: 1; }
.main_section_2 .section_con ul li > div:last-child .subject { margin-bottom: 16px; font-size: 30px; line-height: 1.25; font-weight: 700; color:#192042; }
.main_section_2 .section_con ul li > div:last-child .txt { font-size: 20px; line-height: 1.5; letter-spacing: 0; font-weight: 500; color: #575D7D; }


.main_section_3 { overflow:hidden; min-height: auto;  height: auto; background: url("/img/renewal/main_sections_3_bg.png") center center / cover no-repeat; }
.main_section_3 .new_main_title {  color: #fff; }

.main_section_3 .section_con {}
.main_section_3 .section_con .section_tab { margin-bottom: 40px; }
.main_section_3 .section_con .section_tab ul {  display:flex; justify-content: center; gap:24px; }
.main_section_3 .section_con .section_tab ul li { cursor: pointer; border-radius: 60px; padding:0 24px; color:#fff; font-weight:700; font-size:26px; line-height: 54px; }
.main_section_3 .section_con .section_tab ul li.on { background-color: #fff; color: #203791;}
.main_section_3 .section_con .section_tab ul li:hover { background-color: #fff; color: #203791;}

.main_section_3 .members { }
.main_section_3 .members .lists { display: grid; grid-template-columns: repeat(8, 1fr); gap:10px; }
.main_section_3 .members .lists .list {}
.main_section_3 .members .lists .list img { width: 100%;  }

.main_section_4 { background-color: #F4F6FF;  }
.main_section_4 .new_main_title { color: #222; }
.main_section_4 .section_con { display: flex; gap:48px; }
.main_section_4 .section_con > div { width: 50%; border-radius: 16px; box-shadow: 5px 5px 20px 0px #E2E6F9; background-color: #fff; display: flex; flex-direction: column; }

.main_section_4 .section_con > div .con_img {  }
.main_section_4 .section_con > div .con_img img { width: 100%; }

.main_section_4 .section_con > div .con { padding:32px; }

.main_section_4 .section_con > div .con_title { margin-bottom: 32px; text-align: center; font-size: 32px; line-height: 1.4; font-weight: 800; color: #222; }

.main_section_4 .section_con > div .con .con_tag {}
.main_section_4 .section_con > div .con .con_tag { display: flex; flex-direction: column; align-items: center; gap: 8px; margin-bottom: 40px; }
.main_section_4 .section_con > div .con .con_tag span { width: max-content; text-align: center; border-radius:60px; border: 1px solid #1A235A80; padding: 12px 24px; font-size: 20px; font-weight:700; color: #1A235A;  }

.main_section_4 .section_con > div .con .con_btn {  }
.main_section_4 .section_con > div .con .con_btn a { pointer-events: none; display: flex; align-items: center; justify-content: center;  gap: 16px; height: 100px; background-color: #EDEDED; border: 2px solid #99999933; border-radius: 16px; }
.main_section_4 .section_con > div .con .con_btn a p {  font-size:28px; font-weight: 700; color:#666666; }
.main_section_4 .section_con > div .con .con_btn a span { width: 30px; height: 30px; background: url("/img/renewal/section_arrow_off.png") center center / cover no-repeat;  }

.main_section_4 .section_con > div .con .con_btn.on a {  pointer-events: auto; background-color:#1A235A; border: 1px solid #1A235A; }
.main_section_4 .section_con > div .con .con_btn.on a p { color:#fff; }
.main_section_4 .section_con > div .con .con_btn.on a span { background: url("/img/renewal/section_arrow_on.png") center center / cover no-repeat; }

.main_section_5 { background-color: #fff;  }
.main_section_5 .new_main_title { color: #222; }
.main_section_5 .section_con { }
.main_section_5 .section_con .banner_title { padding: 0 104px; margin-bottom: 48px; border-radius: 20px; height:157px; display: flex; align-items: center; justify-content: space-between; background: url("/img/renewal/main_banner_title.png") center center / cover no-repeat; }
.main_section_5 .section_con .banner_title > p { width: 51%; font-size:30px; line-height:1.25; font-weight: 700; color:#fff; }
.main_section_5 .section_con .banner_title > p span { display: inline-black; }

.main_section_5 .section_con .banner_title a { display: flex; gap: 12px; border-radius:50px; padding: 8px 10px 8px 20px; background-color: #fff;  }
.main_section_5 .section_con .banner_title a p { font-size:20px; line-height: 28px; font-weight: 700; color: #192042;  }
.main_section_5 .section_con .banner_title a span {  width: 28px; height: 28px; background: url("/img/renewal/black_arrow.png") center center / cover no-repeat;  }


.main_section_5 .section_con .slides {}
.main_section_5 .section_con .slides .events_contents {}
.main_section_5 .section_con .slides .events_contents a {}
.main_section_5 .section_con .slides .events_contents a span { top: 50%; left:auto; bottom: auto; right: 14px; background-color: #FF8400; border-radius: 60px; }
.main_section_5 .section_con .slides .events_title_wrap { padding: 24px 0; height: 120px; }

.main_section_5 .section_con .slides .events_title { margin-top: 12px; padding-left: 0; }
.main_section_5 .section_con .slides .events_title h1 {  color: #192042; font-size: 24px; line-height: 1.25; font-weight: 700; }
.main_section_5 .section_con .slides .events_contents a p { margin-top: 0; font-size:18px; line-height: 1.25; font-weight: 400; color: #192042B2;}
.main_section_5 .section_con .slides .img_wrap { border-radius: 16px; }

.main_section_5 .section_con { overflow: hidden; }

.new_event_swiper { height: 290px; }
.new_event_swiper a { position: relative; }
.new_event_swiper a span { z-index:2; display:inline-block; position:absolute; right:0; top:31px; padding:0 25px; font-size:18px; font-weight:600; color:#fff; line-height:38px; background:#3e4294; border-radius:4px 0 0 4px; }
.new_event_swiper a span { top: 42%; left:auto; bottom: auto; right: 14px; background-color: #FF8400; border-radius: 60px; }

.new_event_swiper .events_title_wrap { padding: 24px 0; height: 120px; }
.new_event_swiper .events_title_wrap p { font-size: 18px; }
.new_event_swiper .events_title { margin-top: 12px; padding-left: 0; }
.new_event_swiper .events_title h1 {  color: #192042; font-size: 24px; line-height: 1.25; font-weight: 700; }
.new_event_swiper .events_contents a p { margin-top: 0; font-size:18px; line-height: 1.25; font-weight: 400; color: #192042B2;}
.new_event_swiper .img_wrap { position:relative; height:177px; overflow: hidden; border-radius: 16px; }
.new_event_swiper .img_wrap img { position: absolute; left: 0; top: 50%; transform: translateY(-50%) scale(1); max-width:100%; -webkit-transform: translateY(-50%) scale(1); -moz-transform: translateY(-50%) scale(1); -ms-transform: translateY(-50%) scale(1);  -o-transform: translateY(-50%) scale(1); transition: all 0.3s ease-in-out; width: 100% !important; }
.new_event_swiper .img_wrap:hover img { transform: translateY(-50%) scale(1.1); -webkit-transform: translateY(-50%) scale(1.1); -moz-transform: translateY(-50%) scale(1.1); -ms-transform: translateY(-50%) scale(1.1); -o-transform: translateY(-50%) scale(1.1); }

.new_event_swiper .swiper-pagination { bottom: -35px !important; }
.new_event_swiper .swiper-pagination .swiper-pagination-bullet { margin: 0 8px; width: 16px; height:16px; background-color: #2F307E; }
.new_event_swiper .swiper-pagination .swiper-pagination-bullet-active { background-color:#2F307E; }

/* 메인 슬라이드 */
.flexslider_new { margin-bottom: 46px; }
.flexslider_new .flex-control-nav{ width: 100%; position: absolute; bottom: -32px; left:0px; text-align: center; z-index:2; }
.flexslider_new .flex-control-nav li { margin: 0 4px; display: inline-block; zoom: 1; *display: inline; }
.flexslider_new .flex-control-paging li a { width:16px; height:16px; display: block; background:#E4E7F3; cursor: pointer; border:none; text-indent:-9999px; font-size:0; border-radius:100px; }
.flexslider_new .flex-control-paging li a { -webkit-transition-duration:0.3s; -moz-transition-duration:0.3s; -o-transition-duration:0.3s; -ms-transition-duration:0.3s; transition-duration:0.3s; }
.flexslider_new .flex-control-paging li a > div{ display:none; }
.flexslider_new .flex-control-paging li a:hover { width:16px; background:#2F307E; border:none; }
.flexslider_new .flex-control-paging li a.flex-active { width:16px; background:#2F307E; cursor: default; border:none; }

.flexslider_new .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;}
.flexslider_new .flex-control-thumbs li {width: 25%; float: left; margin: 0;}
.flexslider_new .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;}
.flexslider_new .flex-control-thumbs img:hover {opacity: 1;}
.flexslider_new .flex-control-thumbs .active {opacity: 1; cursor: default;}


/* 메인 계열사 슬라이드 */
.memberLogoSwiper_zigzag { height: 150px; }
.memberLogoSwiper_zigzag .swiper-wrapper { transition-timing-function: linear !important; }
.memberLogoSwiper_zigzag .swiper-wrapper .swiper-slide { display: inline-block; border-radius: 16px; color: #fff; width: 140px; height: 64px; margin-right: 20px; background-color: #fff; margin-left: -80px; }
.memberLogoSwiper_zigzag .swiper-wrapper .swiper-slide img { width: 100%; }
.memberLogoSwiper_zigzag .swiper-wrapper .swiper-slide:not(.dissibled):nth-child(odd) { margin-top: 84px; }
.memberLogoSwiper_zigzag .swiper-wrapper .swiper-slide.dissibled { display:none !important; }
.memberLogoSwiper_zigzag .swiper-wrapper .swiper-slide.dissibled a { display:none !important; }



/* 푸터 */
.new_footer { padding: 48px 0; background-color: #1A235A; color: #FFFFFF;  }
.new_footer .footerWrap { position:relative; width: 90%; margin: 0 auto; }
.new_footer .footerWrap .info { padding: 0 15px; }
.new_footer .footerWrap .info .nl { opacity: 0.7; }
.new_footer .footerWrap .info .nl p { font-size: 22px; color: #fff; font-weight: 700; }
.new_footer .footerWrap .info .nl:first-child { margin-bottom: 16px; }

.new_footer .footerWrap .info .nl ul { display: flex;  gap: 32px; }
.new_footer .footerWrap .info .nl ul li { display: flex; align-items: center; gap: 10px; }
.new_footer .footerWrap .info .nl ul li img {  }
.new_footer .footerWrap .info .nl ul li span { font-size: 16px; }
.new_footer .footerWrap .info .nl ul li a { display: block; font-size: 16px; font-weight: 700; color: #fff; }
.new_footer .footerWrap .info .nl ul li a.privacy { text-decoration:underline; }

.new_footer .footerWrap .info .nl ul li.mail img { height:18px; }
.new_footer .footerWrap .info .nl ul li.call img { height:16px;  }

.new_footer .footerWrap .info .copy { margin-top: 40px; font-size:16px; color:#fff; opacity:0.5;  }

.new_footer .footerWrap .more { display: flex; align-items: center; gap:28px; position: absolute; right:0; top:30%; /* top: 35%; */ transform: translateY(-50%); }
.new_footer .footerWrap .more a { display: block; color:#fff; }
.new_footer .footerWrap .more a img { width: 60px; height: 60px; }

.new_footer .footerWrap .more .community {margin-right:-20px; cursor:pointer; }
.new_footer .footerWrap .more .community > div { height:40px; border-radius:4px; border: 1px solid #FFFFFF40;   display: flex; align-items: center; justify-content: center; padding:0px 16px; background: #FFFFFF1A; font-size:18px;color:#fff; }
.new_footer .footerWrap .more .community > div img {margin: 2px 0 0 8px; width: 10px; }
.new_footer .footerWrap .more .community > div span { margin-left:4px; }

.new_footer .footerWrap .more_links { position: absolute; right: 0; top: 80%; transform: translateY(-50%); }
.new_footer .footerWrap .more_links ul { display: flex; flex-wrap: wrap; gap: 26px; }
.new_footer .footerWrap .more_links ul li {}
.new_footer .footerWrap .more_links ul li a { display: inline-block; opacity: 0.5; }
.new_footer .footerWrap .more_links ul li a img { width: auto; height: 40px; }

.nice-select { width: 140px; font-size: 18px; border: 1px solid #FFFFFF1A !important; background-color: #474D68 !important;  opacity:0.9;  }
.nice-select > span { line-height: 40px; display: block; }
.nice-select .list { width: 100%; top: auto !important; bottom: 115% !important;     border: 1px solid #FFFFFF1A !important;      background-color: transparent !important;}
.nice-select .option { background-color: #474D68 !important;  color: #fff !important; }
.nice-select .option.selected { font-weight: 400; }
.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus { background-color: #474D68 !important;  }
.nice-select .list:hover .option:not(:hover) { background-color: #474D68 !important; }

.nice-select .option:hover,
.nice-select .option.focus,
.nice-select .option.selected.focus { background-color: #222 !important;  }

.top_line { }

/* 헤더 */
.Main.new { height: auto !important; }
.Main.new .navbar_center { padding: 0; border-bottom: 1px solid #FFFFFF33; box-shadow: 0px 0px 20px 0px #0000001A;  z-index:9;}
.Main.new .navbar_center.fixed { border-bottom: 1px solid #DDD;  box-shadow: 0px 0px 20px 0px #0000001A; }
.Main.new .navbar_center .top_menu { margin-right: 8%; }
.Main.new .navbar_center .centerWrap { padding: 0 85px; }
.Main.new .navbar_center.on .centerWrap:before { position: absolute; left: 0; top: 100px; width: 100%; height: 1px; content: ''; background: rgba(180, 180, 180, 0.5); }
.Main.new .navbar_center .top_menu .depth_2 li { text-align: left; }
.Main.new .navbar_center .top_menu > li { display: flex; min-width: 200px; padding: 0px 10px; margin-right:5px;  }
.Main.new .navbar_center .top_menu > li:last-child { padding: 25px 0 35px 0; }

.Main.new .navbar_center .top_menu > li:nth-child(2) { }


.Main.new .navbar_center .top_menu > li:nth-child(1) { min-width: 165px; }
.Main.new .navbar_center .top_menu > li:nth-child(2) { min-width: 165px; }
.Main.new .navbar_center .top_menu > li:nth-child(3) { min-width: 165px; }
.Main.new .navbar_center .top_menu > li:nth-child(4) { min-width: 165px; }
.Main.new .navbar_center .top_menu > li:nth-child(5) { min-width: 165px; }
.Main.new .navbar_center .top_menu > li:nth-child(6) { min-width: 165px; }
.Main.new .navbar_center .top_menu > li:last-child {  }



.Main.new .navbar_center.on { height: 580px; }
.Main.new .navbar_center .top_menu > li .depth_1 { font-size:20px; text-align: left; display: inline-block;  }
.Main.new .navbar_center .top_menu > li .depth_1 { font-size:20px; text-align: left; display: inline-block;  }
.Main.new .navbar_center .top_menu > li .depth_2 .depth_title { margin-bottom: 10px; text-align: left; font-size:18px; line-height:1.25; font-weight: 500; color: #222; cursor:pointer; }
.Main.new .navbar_center .top_menu > li .depth_2 .depth_title.top_line { margin-top: 0px; padding-top:16px;  border-top: 0px solid #DDDDDD }
.Main.new .navbar_center .top_menu .depth_2 a { font-size: 18px; padding: 12px 0; }
.Main.new .navbar_center .top_menu .depth_2 a.eng { font-weight:500; }
.Main.new .navbar_center .top_menu .depth_2 a:hover { font-weight:700 }

.Main.new .navbar_center .top_menu > li:last-child { position: absolute; right:0; }
.Main.new .navbar_center .centerWrap.ta_center {  }

.Main.new .navbar_center .top_menu > li:last-child a { color:#fff !important; border: 2px solid #fff; background-color:transparent; }
.Main.new .navbar_center.fixed .top_menu > li:last-child a { font-size:20px; color:#1A235A !important; border: 2px solid #1A235A; background-color:#fff; }
.Main.new .navbar_center.on .top_menu > li:last-child a { color:#1A235A !important; border: 2px solid #1A235A; background-color:#fff; }

.Main.new .navbar_center .top_menu .depth_2 li:hover > a{ color:#1A235A; }

.Main.new .navbar_center .top_menu > li.active:hover .depth_1{ color:#1A235A; }
.Main.new .navbar_center .top_menu > li:hover .depth_1{ color:#1A235A; }
.Main.new .navbar_center .top_menu > li:not(.menu_none) .depth_1:before{ display:block; position:absolute; bottom:30px; left:50%; content:""; height:2px; background:#1A235A; transition: width 0.3s ease 0s, left 0.3s ease 0s; width: 0; }
.Main.new .navbar_center .top_menu > li:hover .depth_1:before{ width:100%; left:0; }

.Main.new .navbar_center .top_menu .depth_2.list_type { padding: 28px 10px 42px 10px; }
.Main.new .navbar_center .top_menu .depth_2.list_type > li { position: relative;}
/*.Main.new .navbar_center .top_menu .depth_2.list_type > li:before { position: absolute; content: "·"; top: 50%; transform: translateY(-50%); left: 0; font-size:20px; color:#666; }*/
.Main.new .navbar_center .top_menu .depth_2.list_type > li:before { position: absolute; content: "·"; top: 5%; left: 0; font-size:20px; color:#666; }
.Main.new .navbar_center .top_menu .depth_2.list_type > li a { padding: 4px 0 4px 16px;  font-weight:400; color:#666666; }
.Main.new .navbar_center .top_menu .depth_2.list_type > li.han a { font-weight:300; }
.Main.new .navbar_center .top_menu .depth_2.list_type > li a:hover { font-weight:600; }

.Main.new .navbar_center .top_menu > li.cus_gnb { padding: 25px 0 35px 0; }

.navbar_center .top_menu > li .depth_1:before{ content:""; display:none !important; }

.Main.new .navbar_center .top_menu > li.cus_gnb .depth_1 {
	padding: 0 20px;
	border: 1px solid #FFFFFF40;
	display: flex;
    align-items: center;
    justify-content: center;
	gap:10px;
	height: 47px;	
	background: #FFFFFF26;
	border-radius: 4px;
	font-size: 20px;	
}

.Main.new .navbar_center .top_menu > li.cus_gnb .depth_1 img {
	width: 12px;
}
.Main.new .navbar_center .top_menu > li:last-child a {	
	min-width: 117px;
	height: 47px;
	padding: 0 10px;
	text-align: center;
	border: 1px solid #FFFFFF40;
}


.Main.new .navbar_center.fixed .top_menu > li.cus_gnb a,
.Main.new .navbar_center.on .top_menu > li.cus_gnb a {
	background-color: #1A235A;
	color: #fff;
}

.Main.new .navbar_center .top_menu > li {}

/* 영문 헤더 */
.Main.new .navbar_center.eng .top_menu { margin-right: 8%; }
.Main.new .navbar_center.eng .top_menu > li {  margin-right:0px; }
.Main.new .navbar_center.eng .top_menu > li:nth-child(1) { min-width: 130px; }
.Main.new .navbar_center.eng .top_menu > li:nth-child(2) { min-width: 190px; }
.Main.new .navbar_center.eng .top_menu > li:nth-child(3) { min-width: 150px; }
.Main.new .navbar_center.eng .top_menu > li:nth-child(4) { min-width: 150px; }
.Main.new .navbar_center.eng .top_menu > li:nth-child(5) { min-width: 170px;}
.Main.new .navbar_center.eng .top_menu > li:nth-child(6) { min-width: 170px; margin-right:20px;}
.Main.new .navbar_center.eng .top_menu > li:last-child {  }




/* 페이지 탑 */
.sub_visual_wrap.renewal { height: 360px; display: flex; align-items: center; justify-content: center; }
.sub_visual_wrap.renewal > h1 { margin:80px 0 0 0; font-size: 48px; line-height:1.25; font-weight: 700; }


.sub_visual_wrap.renewal.greetings { background:url(/img/contents/sub_visual_01.png) no-repeat center; }
.sub_visual_wrap.renewal.overview { background:url(/img/contents/sub_visual_01.png) no-repeat center; }
.sub_visual_wrap.renewal.background { background:url(/img/contents/sub_visual_01.png) no-repeat center; }
.sub_visual_wrap.renewal.founder { background:url(/img/contents/sub_visual_01.png) no-repeat center; }
.sub_visual_wrap.renewal.management { background:url(/img/contents/sub_visual_01.png) no-repeat center; }
.sub_visual_wrap.renewal.management_eng { background:url(/img/contents/sub_visual_01.png) no-repeat center; }


.sub_visual_wrap.renewal.policy { background:url(/img/contents/sub_visual_02.png) no-repeat center; }

.sub_visual_wrap.renewal.principles {background:url(/img/contents/sub_visual_02.png) no-repeat center; }
.sub_visual_wrap.renewal.trust {background:url(/img/contents/sub_visual_02.png) no-repeat center; }
.sub_visual_wrap.renewal.wallet {background:url(/img/contents/sub_visual_02.png) no-repeat center; }
.sub_visual_wrap.renewal.did {background:url(/img/contents/sub_visual_02.png) no-repeat center; }
.sub_visual_wrap.renewal.security {background:url(/img/contents/sub_visual_02.png) no-repeat center; }
.sub_visual_wrap.renewal.global { background:url(/img/contents/sub_visual_02.png) no-repeat center; }

.sub_visual_wrap.renewal.membership { background:url(/img/contents/sub_visual_03.png) no-repeat center; }
.sub_visual_wrap.renewal.join { background:url(/img/contents/sub_visual_03.png) no-repeat center; }

.sub_visual_wrap.renewal.notice { background:url(/img/contents/sub_visual_04.png) no-repeat center; }
.sub_visual_wrap.renewal.notice_eng { background:url(/img/contents/sub_visual_04.png) no-repeat center; }
.sub_visual_wrap.renewal.press { background:url(/img/contents/sub_visual_05.png) no-repeat center; }
.sub_visual_wrap.renewal.press_eng { background:url(/img/contents/sub_visual_05.png) no-repeat center; }

.sub_visual_wrap.renewal.contact { background:url(/img/contents/sub_visual_06.png) no-repeat center; }


.sub_contents_wrap.renewal { padding: 60px 0; overflow: auto; }
#overview .sub_contents_wrap.renewal { padding: 60px 0 0 0; }
#founder .sub_contents_wrap.renewal { padding: 60px 0 0 0; }
#membership .sub_contents_wrap.renewal { padding: 60px 0 0 0; }
#bbs_list .sub_contents_wrap.renewal { padding: 80px 0 80px 0; }
#contact.contact .sub_contents_wrap.renewal { padding: 80px 0 80px 0; }


.sub_contents_wrap.renewal .centerWrap { padding:0px 15px 0px; }
.sub_contents_wrap.renewal.fixed .contents_1 { margin-top:150px; }

.page_title_wrap.renewal { margin-bottom: 60px; }
.page_title_wrap.renewal.con_page { margin-bottom: 60px; }
.page_title_wrap.renewal h1 { font-size: 44px; }
.page_title_wrap.renewal h1:after { width: 40px; margin: 32px auto 0; background-color: #203791;}

/* 페이징 */
.pagings { margin-top: 48px; }
.pagings ul { display: flex; align-items: center; justify-content: center; }
.pagings ul li { text-align: center; margin: 0; }
.pagings ul li a { width: 44px; height: 44px; }
.pagings ul li a:hover { font-weight: 700; color: #1A235A; }
.pagings ul li .page-numbers { display: block; margin: 0 2px;  line-height: 42px; color: #666666; font-size: 18px; font-weight: 400; }
.pagings ul li.selected { margin: 0 2px; width: 44px; height: 44px; line-height: 42px; color: #1A235A; font-size: 18px; font-weight: 700; }

.pagings ul li.arrow a { margin: 0 2px; border: 1px solid #D9D9D9; border-radius: 8px; display: flex; justify-content: center; align-items: center; }
.pagings ul li.arrow a img { width: 20px; }

.pagings ul li.arrow.l { margin-right: 14px; }
.pagings ul li.arrow.r { margin-left: 14px; }

.contents_tab { position:sticky; width: 100%; max-width:100%; top:99px; z-index:2; height:70px; border-top:1px solid #DFE3F7; border-bottom: 1px solid #DFE3F7; display: flex; justify-content: center; align-items: center; gap: 40px; background-color: #F4F6FF;}
.contents_tab .tabs { cursor:pointer; padding:0 32px; color:#999; font-weight:700; font-size:20px; border-radius:46px; border: 1px solid #F4F6FF; }
.contents_tab .tabs.on {  border: 1px solid #1A235A; background-color:#fff; color:#1A235A; font-size:20px; line-height:44px; font-weight:700; }
.contents_tab.fixed { z-index:2; position: fixed; top: 100px; }

#contents_tab { opacity:0; z-index: -1; }
#contents_tab_fixed { opacity:0; z-index: -1; }

#contents_tab.on { opacity:1; z-index: 2; }
#contents_tab_fixed.on { opacity:1; z-index: 2; }

/* 인사말 */
#greetings {}
#greetings .page_contents_wrap { color:#222222; line-height: 1.5; background: url("/img/renewal/greetings_bg.png") top right no-repeat; }
#greetings .page_contents_wrap .txt_area_1 { margin-bottom: 72px; font-size: 68px; font-weight: 800; color:#1A235A; }
#greetings .page_contents_wrap .txt_area_2 { margin-bottom: 56px; font-size:32px;  font-weight: 700; }
#greetings .page_contents_wrap .txt_area_3 { margin-bottom: 80px; font-size:24px; }
#greetings .page_contents_wrap .txt_area_4 { text-align: right; font-size:28px; font-weight: 700; }

/* 협회개요 */
#overview {}
#overview .txt_group { color: #222; line-height: 1.5; }
#overview .txt_group .txt_title { font-size: 30px; font-weight: 700; }
#overview .txt_group .txt_con { font-size: 24px; }
#overview .txt_group .txt_con.fw_5 { font-weight: 500; }

#overview .contents_1 { margin-bottom: 80px; display: flex; gap:78px; }
#overview .contents_1 .left_area { width: 499px; min-width:499px; height: 422px;  }
#overview .contents_1 .left_area img { width: 100%; }
#overview .contents_1 .right_area {}
#overview .contents_1 .right_area .con_title { margin-bottom:22px; font-size:36px; font-weight:700; color: #1A235A; }
#overview .contents_1 .right_area .con_info { color:#222; font-size:22px; line-height:1.5; }
#overview .contents_1 .right_area .con_info span { font-size:22px; line-height:1.5; font-weight: 700; }

#overview .contents_2 { margin-bottom:80px; display: flex; gap: 30px; }

#overview .contents_2 .nl { border-radius:12px; overflow: hidden; width: 100%; }
#overview .contents_2 .nl .con_top { position:relative; height:140px;  background-color: #1A235A;}
#overview .contents_2 .nl .con_top .icon { width:100%; display:flex; justify-content: center; position: absolute; bottom:-50%; left:0%; }
#overview .contents_2 .nl .con_top .icon img { width: 140px; }
#overview .contents_2 .nl .con_body { height:447px; padding:95px 20px 0px 20px; background-color: #F4F6FF; border: 1px solid #DFE3F7; border-radius: 0 0 12px 12px; }
#overview .contents_2.eng .nl .con_body { height:537px; }

#overview .contents_2 .nl .con_body .bar { margin:24px auto; width: 20px; height:3px; background-color:#1A235A; }
#overview .contents_2 .nl .con_body .title { font-size:36px; line-height:1.5; font-weight:700; color: #1A235A; text-align: center; }
#overview .contents_2 .nl .con_body .info { font-size:20px; line-height:1.5; color: #575D7D; }

#overview .contents_3 { margin-bottom: 80px; }
#overview .contents_3 .con_title { margin-bottom:46px; font-size: 36px; line-height:1.5; font-weight:700;  color: #1A235A; text-align:center; }
#overview .contents_3 .con_body { display: flex; flex-direction: column; gap: 24px; }
#overview .contents_3 .con_body .nl { display: flex; height:164px; gap:40px; }
#overview .contents_3 .con_body .nl .img { width: 270px; min-width: 270px; }
#overview .contents_3 .con_body .nl .img img { width: 100%; }
#overview .contents_3 .con_body .nl .txt {}
#overview .contents_3 .con_body .nl .txt .title { margin-bottom:12px; font-size:28px; line-height: 1.5; font-weight:700; color:#1A235A; }
#overview .contents_3 .con_body .nl .txt .list {}
#overview .contents_3 .con_body .nl .txt .list ul {}
#overview .contents_3 .con_body .nl .txt .list ul li { margin-left: 26px; list-style: disc; font-size: 20px; line-height: 1.5; color: #444; }

#overview .contents_4 { padding:80px 0; height:830px; background: url("/img/renewal/overview/overview_4_1.png") center center / cover no-repeat;}
#overview .contents_4 .con_title { margin-bottom:40px; font-size: 36px; line-height:1.5; font-weight:700;  color: #fff; text-align:center; }
#overview .contents_4 .con_body { display: flex; flex-direction: row; flex-wrap: wrap; gap:16px; }
#overview .contents_4 .con_body .nl { padding:24px 20px; display: flex; flex-direction: column; gap:16px; background: url("/img/renewal/overview/nl_line.png") center center / cover no-repeat; width: 288px; height:280px; }

#overview .contents_4 .con_body .nl .icon { width: 60px; min-width: 60px; }
#overview .contents_4 .con_body .nl .icon img { width: 100%; }
#overview .contents_4 .con_body .nl .txt { color:#fff; font-size: 22px; line-height:1.5; font-weight: 500; }

#overview .contents_4.eng { height: auto; }
#overview .contents_4.eng .con_body .nl { align-items: flex-start; background: url("/img/renewal/overview/nl_line_eng.png") center center / cover no-repeat; height:360px; }



/* 설립배경 */
#background {}
#background .txt_group { color: #222; line-height: 1.5; }
#background .txt_group .txt_title { margin-bottom:14px; font-size: 30px; font-weight: 700; }
#background .txt_group .txt_con { font-size: 24px; }
#background .txt_group .txt_con.fw_5 { font-weight: 500; }


#background .contents_1 { margin-bottom:80px; }
#background .contents_1 .con_title { margin-bottom:80px; font-size:22px; font-weight: 500; color:#000; text-align:center; }
#background .contents_1 .con_title span { font-weight: 700; }

#background .contents_1 .con_img { display: flex; gap:30px; }
#background .contents_1 .con_img .nl { width: 100%; border-radius: 12px; overflow: hidden; }
#background .contents_1 .con_img .nl .img { width: 100%; }
#background .contents_1 .con_img .nl .img img { width: 100%; }
#background .contents_1 .con_img .nl .txt { background-color:#F4F6FF; border-radius: 0 0 12px 12px; border: 1px solid #DFE3F7; text-align:center; height:222px; padding:24px 0 0 0; line-height:1.5; }
#background .contents_1 .con_img .nl .txt .title { margin-bottom: 16px;  font-size:24px; font-weight:700; color: #1A235A; }
#background .contents_1 .con_img .nl .txt .info { color:#575D7D; font-size:20px; }
#background .contents_1.eng .con_img .nl .txt { height: 289px; }
#background .contents_1.eng .con_img .nl .txt .title { line-height:1.2; }
#background .contents_1.eng .con_img .nl .txt .info { line-height:1.2; }


#background .contents_2 { margin-bottom:80px; }
#background .contents_2 .con_title { margin-bottom:40px; font-size:36px; line-height:1.5; font-weight:700; color:#1A235A; text-align: center; }
#background .contents_2 .img { margin-bottom:40px; }
#background .contents_2 .img img { width: 100%; }
#background .contents_2 .info { font-size: 22px; color:#222; line-height:1.5; }

#background .contents_3 { padding:24px 40px; border: 1px solid #EAEAEA; border-radius:12px; background-color: #F9F9F9; }
#background .contents_3 .nl { padding:16px 0; border-bottom: 1px solid #D9D9D9; display:flex; gap:24px;     align-items: center; }
#background .contents_3 .nl:last-child { border-bottom: 0px; }
#background .contents_3 .nl .img  { width: 100px; min-width: 100px; }
#background .contents_3 .nl .img img { width: 100%; }
#background .contents_3 .nl .txt  { line-height: 1.5; }
#background .contents_3 .nl .txt .subject { margin-bottom:12px; font-size: 27px; font-weight:700; color: #1A235A; }
#background .contents_3 .nl .txt .info { color: #444444; font-size:20px; }

/* 설립자 소개 */
#founder {}
#founder .txt_group { color: #222; line-height: 1.5; }
#founder .txt_group .txt_title { margin-bottom:14px; font-size: 30px; font-weight: 700; }
#founder .txt_group .txt_con { font-size: 24px; }
#founder .txt_group .txt_con.fw_5 { font-weight: 500; }

#founder .contents_1 { padding-bottom: 80px; }
#founder .contents_1 .img { margin-bottom: 56px; }
#founder .contents_1 .img img { width: 100%; }
#founder .contents_1 .info { font-size:22px; color: #222; line-height:1.5 }
#founder .contents_1 .info span { font-weight: 700; }
#founder .contents_1 .info .line { margin: 40px 0; }
#founder .contents_1 .info .txt { margin-bottom:  24px; }

#founder .contents_2 { padding:80px 0; background-color: #F9F9F9; }

#founder .contents_2 .nl { margin-bottom:60px; padding-bottom: 60px; border-bottom: 1px solid #D9D9D9; display: flex; gap:47px; }
#founder .contents_2 .nl:last-child { border-bottom: 0; margin-bottom:0px; padding-bottom: 0; }
#founder .contents_2 .nl .img { order:1; width: 140px; min-width: 140px; }
#founder .contents_2 .nl .img img { width: 100%; }
#founder .contents_2 .nl .info { order:2; }
#founder .contents_2 .nl .info .title { margin-bottom:22px; color: #1A235A; font-size: 24px; font-weight:700; line-height: 1.5; }
#founder .contents_2 .nl .info .txt { position: relative; padding: 0 34px; color:#222; font-size:18px; line-height: 1.5;  }
#founder .contents_2 .nl .info .txt:after { content: ""; position:absolute; top:0; left: 0; width: 24px; height:22px; background: url("/img/renewal/founder/q_marks_down.png") center center / cover no-repeat; }
#founder .contents_2 .nl .info .txt:before { content: ""; position:absolute;  bottom: 0; right: 0; width: 24px; height:22px; background: url("/img/renewal/founder/q_marks_up.png") center center / cover no-repeat; }

#founder .contents_2 .nl:nth-child(even) { justify-content: flex-end; }
#founder .contents_2 .nl:nth-child(even) .img { order:2; }
#founder .contents_2 .nl:nth-child(even) .info { order:1; }
#founder .contents_2 .nl:nth-child(even) .info { text-align: right; }

/* 약관 폼 */
#privacy_con {  }
#privacy_con div {  margin-bottom:32px; color: #222; font-size: 18px; line-height: 1.5; font-weight: 400;}
#privacy_con div h1 { margin-bottom:16px; font-size: 22px; line-height:1.5; font-weight:700; color: #000; }
#privacy_con div p { margin-bottom: 16px; font-size: 18px; line-height:1.5;}
#privacy_con div ul {  }
#privacy_con div ul li { font-size: 18px; }

#privacy_con table { margin-top: 16px; }
#privacy_con table thead { border-top: 2px solid #1A235A;  border-bottom: 1px solid #1A235A; }
#privacy_con table thead tr { height: 46px; }
#privacy_con table thead tr th { font-size: 20px; font-weight: 700; color: #1A235A; }
#privacy_con table tbody { }
#privacy_con table tbody tr { height:43px; border-bottom: 1px solid #DFE3F7; }
#privacy_con table tbody tr:nth-child(odd) { background-color: #F4F6FF; }
#privacy_con table tbody tr td { padding:8px;  font-size: 18px; line-height:1.5; color:#1A235A; }
#privacy_con table tbody tr td:nth-child(2) { font-weight: 700; }

#privacy_con .subTitle { margin-bottom: 16px; font-size: 20px; color:#000; line-height:1.5; font-weight:700; }
#privacy_con .str_info {}
#privacy_con .str_info span { font-weight: 700; }
#privacy_con .str_info a { color: #006adf; }


/*  워킹그룹 - 개인정보 보호 정책 */
#policy { }
#policy .contents_1 { }
#policy .contents_1 .img { margin-bottom: 56px; }
#policy .contents_1 .img img { width: 100%; }
#policy .contents_1 .test_img {  }
#policy .contents_1 .test_img img { width: 100%; }



/*  워킹그룹 - 개요원칙 */
#principles { }
#principles .contents_1 { padding-bottom: 80px; }
#principles .contents_1 .img { margin-bottom: 56px; }
#principles .contents_1 .img img { width: 100%; }

#principles .contents_1 .info {   }
#principles .contents_1 .info .title { margin-bottom:16px; font-size:26px; font-weight: 800;  color: #1A235A;}
#principles .contents_1 .info p { margin-bottom:8px; font-size:18px; line-height:1.5; color: #222222; font-weight:400; }
#principles .contents_1 .info span { font-weight:700; font-size:18px; line-height:1.5; color: #222222; }
#principles .contents_1 .info ul  { margin-top: 16px; }
#principles .contents_1 .info ul li { margin-left: 26px;  color: #222222; font-size:18px; line-height:1.5; list-style: disc; }

#principles .contents_2 { }
#principles .contents_2 .img { margin-bottom: 80px; }
#principles .contents_2 .img img { width: 100%; }

#principles .contents_2 .info { }
#principles .contents_2 .info .title { margin-bottom:16px; font-size:26px; font-weight: 800;  color: #222222;}

#principles .contents_2 .info .info_boxs { display: flex; flex-direction: row; flex-wrap: wrap; column-gap: 16px; row-gap:8px; }
#principles .contents_2 .info .info_boxs .box { height:135px; padding:16px 20px; display: flex; gap:20px; width: calc(50% - 8px); background-color: F4F6FF; border: 1px solid #DFE3F7; border-radius: 8px; }
#principles .contents_2 .info .info_boxs .box .img { width: 48px; min-width: 48px; }
#principles .contents_2 .info .info_boxs .box .img img { width: 100%; }
#principles .contents_2 .info .info_boxs .box .con {}
#principles .contents_2 .info .info_boxs .box .con .title { margin-bottom:4px; font-size:18px; font-weight:700; line-height:1.5; }
#principles .contents_2 .info .info_boxs .box .con .txt { color:#575D7D; font-size:16px; line-height:1.5; }


/* 게시판 - 리스트 */
#bbs_list {}
#bbs_list .cs_search_wrap { margin-bottom: 48px; text-align: right; }
#bbs_list .cs_search_wrap .select { padding:0 10px; border-radius:6px; font-size: 18px; height: 44px; width: 160px; color: #333; }
#bbs_list .cs_search_wrap input[type=text] { margin: 0 12px; border-radius:6px; width: 360px; height: 44px;font-size: 18px;  }
	
#bbs_list .cs_search_wrap button { gap:8px; display: flex; align-items: center; justify-content: center; border-radius:6px; width: 100px; height: 44px;  background-color: #1A235A;  } 
#bbs_list .cs_search_wrap button span { font-size:18px; color: #fff;}
#bbs_list .cs_search_wrap button img { width: 15px; }

#bbs_list  .basic_list_wrap { padding: 16px 0; }

#bbs_list .basic_list .board_contents_title { font-size: 20px; color: #222; font-weight: 700; }
#bbs_list .basic_list .board_contents_title .subject_area { display: flex; flex-direction: row; flex-wrap: wrap; align-items: center;  }
#bbs_list .basic_list .board_contents_title .subject_area div { font-size:20px; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; max-width: 930px; font-weight:700; }
#bbs_list .basic_list .board_contents_title p { color: #666666; font-size: 16px; width: 100%; }
#bbs_list .basic_list .board_contents_title .subject_area > span { display: block; height: 20px; padding:0px; margin-top: 0px; margin-right:8px; }
#bbs_list .basic_list .board_contents_title .subject_area > span img { height: 100%; }

#bbs_list .basic_list .board_view_btn { border: none; height: auto; width: auto;  }
#bbs_list .basic_list .board_view_btn img { width: 14px; }

#bbs_list .board_date { width: 80px;  }
#bbs_list .board_date strong { font-size: 18px; font-weight: 400; color: #666; }
#bbs_list .board_date:after { background: transparent; }

#bbs_list .basic_list_block { position: relative; }
#bbs_list .basic_list_block .bbs_cnt { position: absolute; left:0; top: -44px; font-size: 18px; color:#222; display: flex; align-items: center; }
#bbs_list .basic_list_block .bbs_cnt span { font-weight: 700; }
#bbs_list .basic_list_block .bbs_cnt p { margin-left:4px; font-size: 18px; }

#bbs_list .title_img { margin-bottom: 56px; }
#bbs_list .title_img img { width: 100%; }

/* 게시판 - 상세 */
#bbs_view { }
#bbs_view .basic_view_block.renewal { padding: 10px 45px 45px; border-bottom: 1px solid #ddd; }
#bbs_view .basic_view_head_wrap { padding: 32px 0; text-align: left;}
#bbs_view .basic_view_head_wrap .subject { margin-bottom:8px; font-size:40px; color: #222; font-weight: 700; word-break: keep-all; }
#bbs_view .basic_view_head_wrap .dt { font-size:26px; color: #666; }

#bbs_view .basic_view_file_wrap { padding: 0 16px; margin-top: 24px; height: 62px; display: flex; align-items: center; border: 1px solid #D9D9D9; cursor: pointer; border-radius:8px; }
#bbs_view .basic_view_file_wrap img { margin-right: 16px; width: 20px; height: 20px; }
#bbs_view .basic_view_file_wrap .file_name { margin-right: 8px; font-size: 20px; color: #222;  }
#bbs_view .basic_view_file_wrap .file_size { font-size: 18px; color: #666; }

#bbs_view .board_view_contents_wrap { width: 100%; margin-top: 24px; padding: 0; overflow:hidden; }
#bbs_view .board_view_contents_wrap .view_contents {}
#bbs_view .board_view_contents_wrap .view_contents p { overflow-wrap: break-word; word-break: keep-all; font-family: "SUIT", sans-serif; }

#bbs_view .board_bottom_btn_wrap { margin-top: 45px; }
#bbs_view .board_bottom_btn_wrap .prev_next_bottom_btn { border: none; padding: 0;  display: flex; gap: 40px; }
#bbs_view .board_bottom_btn_wrap .prev_next_bottom_btn li { padding: 0 24px; border: 1px solid #ddd; display: flex;     align-items: center; height:100px; border-radius: 16px; }
#bbs_view .board_bottom_btn_wrap .prev_next_bottom_btn li a { font-size: 20px; color:#222; opacity: 0.5; width: 100%; }
#bbs_view .board_bottom_btn_wrap .prev_next_bottom_btn li a div { white-space: nowrap; overflow: hidden; text-overflow: ellipsis;  }
#bbs_view .board_bottom_btn_wrap .prev_next_bottom_btn li img { width: 14px; }
#bbs_view .board_bottom_btn_wrap .previous {}
#bbs_view .board_bottom_btn_wrap .next { flex-direction: row; justify-content: flex-end; }
#bbs_view .board_bottom_btn_wrap .next a { opacity: 1 !important;}

#bbs_view .bbs_list_move { margin-top:48px; }
#bbs_view .bbs_list_move a { margin-left:auto; display: block; height:48px; width: 100px; background-color: #1A235A; text-align:center; color:#fff; font-size:18px; line-height: 48px; border-radius:6px; }


/* 회원사 소개 */
#members {}
#members .txt_group { color: #222; line-height: 1.5; }
#members .txt_group .txt_title { margin-bottom:14px; font-size: 30px; font-weight: 700; }
#members .txt_group .txt_con { font-size: 24px; }
#members .txt_group .txt_con.fw_5 { font-weight: 500; }

#members .contents_1 { padding-bottom: 20px; }
#members .contents_1 .img { margin-bottom: 56px; }
#members .contents_1 .img img { width: 100%; }

#members .contents_1 .page_title{ margin-top: 58px; font-size:36px; font-weight:700; color:#222; line-height:1.5; text-align:center; }

#members .contents_1 .lists { padding-top:40px; border-top: 1px solid #D9D9D9;  display: grid; grid-template-columns: repeat(8, 1fr); gap:10px; }
#members .contents_1 .lists .list { border: 1px solid #D9D9D9; border-radius: 10px; }
#members .contents_1 .lists .list img { width: 100%;  }


/* 가입 혜택 */
#membership {}
#membership .contents_1 { padding:80px 0; background-color: #F4F6FF; }
#membership .contents_1 .con_title { margin-bottom:40px; font-size:36px; font-weight: 700; color:#1A235A; line-height: 1.5; text-align: center; }
#membership .contents_1 .con_info { display: flex; gap:10px; }
#membership .contents_1 .con_info .box {}
#membership .contents_1 .con_info .box .img { margin-bottom:20px; }
#membership .contents_1 .con_info .box .img img { width: 100%; }
#membership .contents_1 .con_info .box .txt { text-align: center; font-size:26px; font-weight:700; color:#222; line-height:1.5; }

#membership .contents_2 { padding: 80px 0; }
#membership .contents_2 .con_title { margin-bottom:40px; font-size:36px; font-weight: 700; color:#1A235A; line-height: 1.5; text-align: center; }
#membership .contents_2 .con_info { display: flex; flex-direction: column; gap:16px; }
#membership .contents_2 .con_info .nl { padding:0 40px; display:flex; align-items: center; gap:48px; height:140px; border-radius:12px; background-color: #F9F9F9; border: 1px solid #EAEAEA;}
#membership .contents_2 .con_info .nl .img { width:100px; }
#membership .contents_2 .con_info .nl .img img { width: 100%; }
#membership .contents_2 .con_info .nl .txt { font-size: 30px; color:#222; }
#membership .contents_2 .con_info .nl .txt span { font-weight: 700; }

#membership .contents_3 {  padding:80px 0; background: url("/img/renewal/membership/membership_3.png") center center / cover no-repeat;  }
#membership .contents_3 .con_info { display: flex; gap: 32px; }
#membership .contents_3 .con_info .nl {  cursor:pointer; height:200px; width: 100%; display: flex; gap:16px; background-color: #FFFFFF1A;  border: 3px solid #FFFFFF; border-radius:16px; align-items: center; justify-content: center; }
#membership .contents_3 .con_info .nl .img  { height: 28px; }
#membership .contents_3 .con_info .nl .img img { height: 100%; }
#membership .contents_3 .con_info .nl .txt { font-size:30px; color:#fff; font-weight:700; }
#membership .contents_3 .con_mail { margin: 40px auto 0 auto; width: 752px; height:68px; display: flex; align-items: center; justify-content: center; border-radius:68px; gap:24px; background-color: #00000033; border: 1px solid #FFFFFF33 }
#membership .contents_3 .con_mail .txt { font-size:24px; font-weight:700; color: #fff; } 
#membership .contents_3 .con_mail .mail { color:#50A3FF; font-size:24px; font-weight: 700; text-decoration: underline; } 

#membership .contents_3.eng { }
#membership .contents_3.eng .con_mail { width: 1140px; min-height:68px;  height: auto; }

/* 워킹그룹 - 소개 */
#intro {}
#intro .txt_group { color: #222; line-height: 1.5; }
#intro .txt_group .txt_title { margin-bottom:14px; font-size: 30px; font-weight: 700; }
#intro .txt_group .txt_con { font-size: 24px; }
#intro .txt_group .txt_con.fw_5 { font-weight: 500; }

#intro .contents_1 {}
#intro .contents_1 .img { margin-bottom: 56px; }
#intro .contents_1 .img img { width: 100%; }
#intro .contents_1 .info { font-size:22px; color: #222; line-height:1.5 }
#intro .contents_1 .info .title { margin-bottom:16px; color:#1A235A; font-size:26px; font-weight: 700; }
#intro .contents_1 .info span { font-weight: 700; }
#intro .contents_1 .info .line { margin: 56px 0; }
#intro .contents_1 .info .txt { margin-bottom:  24px; font-size:18px; }

#intro .contents_1 .info ul { padding:24px; margin-bottom:24px; background-color: #F4F6FF; border: 1px solid #DFE3F7; border-radius:12px; }
#intro .contents_1 .info ul .li_title { margin-bottom:16px; font-size:18px; line-height:1.5; font-weight:700; color:#1A235A; }
#intro .contents_1 .info ul li { margin-bottom:16px; padding-bottom:16px; display:flex; gap:16px; border-bottom: 1px solid #DFE3F7; }
#intro .contents_1 .info ul li .img { width: 48px; min-width: 48px; margin-bottom:0; }
#intro .contents_1 .info ul li .img img { width: 100%; }
#intro .contents_1 .info ul li .txt {  min-height: 48px; margin-bottom:0; font-size: 18px; line-height: 1.5; color: #575D7D; }
	
#intro .contents_1 .info ul:last-child { margin-bottom:0; }
#intro .contents_1 .info ul li:last-child { margin-bottom:0; padding-bottom:0; border-bottom: none;}


/* Global Cooperation */
#global {}
#global {}
#global .txt_group { color: #222; line-height: 1.5; }
#global .txt_group .txt_title { margin-bottom:14px; font-size: 30px; font-weight: 700; }
#global .txt_group .txt_con { font-size: 24px; }
#global .txt_group .txt_con.fw_5 { font-weight: 500; }

#global .contents_1 {}
#global .contents_1 .img { margin-bottom: 56px; }
#global .contents_1 .img img { width: 100%; }
#global .contents_1 .info { font-size:22px; color: #222; line-height:1.5 }
#global .contents_1 .info .title { margin-bottom:16px; color:#1A235A; font-size:26px; font-weight: 700; }
#global .contents_1 .info span { font-weight: 700; }
#global .contents_1 .info .line { margin: 56px 0; }
#global .contents_1 .info .txt { margin-bottom:  24px; font-size:18px; }

#global .contents_1 .info ul { padding:24px; background-color: #F9F9F9; border: 1px solid #EAEAEA; border-radius:12px; }
#global .contents_1 .info ul li { margin-left:16px; margin-bottom:8px; list-style: disc; font-size:18px; line-height: 1.5; color: #222; }
#global .contents_1 .info ul li:last-child { margin-bottom:0; }
#global .contents_1 .info ul li a { color: #006ADF; font-weight: 700; text-decoration: underline; }
#global .contents_1 .info ul li span { font-weight:700; }


/* security */
#security { position:relative; }
#security .contents_1 { margin-top:80px; }
#security .contents_1 .img { margin-bottom: 56px; }
#security .contents_1 .img img { width: 100%; }

#security .contents_1 .info { font-size:22px; color: #222; line-height:1.5 }
#security .contents_1 .info .title { margin-bottom:16px; color:#1A235A; font-size:26px; font-weight: 700; }
#security .contents_1 .info span { font-weight: 700; }
#security .contents_1 .info .line { margin: 56px 0; }
#security .contents_1 .info .txt { margin-bottom:  24px; font-size:18px; }

#security .contents_1 .info ul { padding:24px; background-color: #F9F9F9; border: 1px solid #EAEAEA; border-radius:12px; }
#security .contents_1 .info ul.mb { margin-bottom:16px; }
#security .contents_1 .info ul li { margin-left:16px; margin-bottom:8px; list-style: disc; font-size:18px; line-height: 1.5; color: #222; }
#security .contents_1 .info ul li:last-child { margin-bottom:0; }
#security .contents_1 .info ul li a { color: #006ADF; font-weight: 700; text-decoration: underline; }
#security .contents_1 .info ul li span { font-weight:700; }

#security .contents_1 .info ul li a {  text-decoration: underline; display: flex; align-items: center; gap: 8px; }
#security .contents_1 .info ul li span { font-weight:700; }
#security .contents_1 .info ul li a p { color: #006ADF; font-size: 16px; line-height:1.2; font-weight: 700; text-decoration: underline; }
#security .contents_1 .info ul li a img { width: 20px; height: 20px; }



/* did */
#did { position:relative; }
#did .contents_1 { margin-top:80px; }
#did .contents_1 .img { margin-bottom: 56px; }
#did .contents_1 .img img { width: 100%; }

#did .contents_1 .info { font-size:22px; color: #222; line-height:1.5 }
#did .contents_1 .info .title { margin-bottom:16px; color:#1A235A; font-size:26px; font-weight: 700; }
#did .contents_1 .info span { font-weight: 700; }
#did .contents_1 .info .line { margin: 56px 0; }
#did .contents_1 .info .txt { margin-bottom:  24px; font-size:18px;}
#did .contents_1 .info .txt > div { font-size:18px; margin-bottom:8px; }
#did .contents_1 .info .txt > div:last-child { margin-bottom:0; }
#did .contents_1 .info .img { margin-top:24px; } 
#did .contents_1 .info .img img { width: 100%; } 
#did .contents_1 .info .img p { margin-top: 24px; color:#222; font-weight:400; font-size:18px; }
#did .contents_1 .info .preparing { display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight:700; color:#999; height:148px; border:1px solid #eaeaea; background-color:#F9F9F9; border-radius:12px; }
#did .contents_1 .info .preparing.eng { font-size: 18px; font-weight:400;  }

#did .contents_1 .info ul { padding:24px; background-color: #F9F9F9; border: 1px solid #EAEAEA; border-radius:12px; }
#did .contents_1 .info ul.mb { margin-bottom:16px; }
#did .contents_1 .info ul li { margin-left:16px; margin-bottom:8px; list-style: disc; font-size:18px; line-height: 1.5; color: #222; }
#did .contents_1 .info ul li:last-child { margin-bottom:0; }
#did .contents_1 .info ul li a { text-decoration: underline; display: flex; align-items: center; gap: 8px; }
#did .contents_1 .info ul li a span { font-size: 18px; }
#did .contents_1 .info ul li span { font-weight:700; }
#did .contents_1 .info ul li a p { color: #006ADF; font-size: 16px; line-height:1.2; font-weight: 700; text-decoration: underline; }
#did .contents_1 .info ul li a img { width: 20px; height: 20px; }


/* wallet */
#wallet { position:relative; }
#wallet .contents_1 { margin-top:80px; }
#wallet .contents_1 .img { margin-bottom: 56px; }
#wallet .contents_1 .img img { width: 100%; }

#wallet .contents_1 .info { font-size:22px; color: #222; line-height:1.5 }
#wallet .contents_1 .info .title { margin-bottom:16px; color:#1A235A; font-size:26px; font-weight: 700; }
#wallet .contents_1 .info span { font-weight: 700; }
#wallet .contents_1 .info .line { margin: 56px 0; }
#wallet .contents_1 .info .txt { margin-bottom: 24px; font-size:18px; }
#wallet .contents_1 .info .txt > div { font-size:18px; margin-bottom:8px; }
#wallet .contents_1 .info .txt > div:last-child { margin-bottom:0; }
#wallet .contents_1 .info .img { margin-top:24px; } 
#wallet .contents_1 .info .img img { width: 100%; } 
#wallet .contents_1 .info .img p { margin-top: 24px; color:#222; font-weight:400; font-size:18px; }
#wallet .contents_1 .info .preparing { display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight:700; color:#999; height:148px; border:1px solid #eaeaea; background-color:#F9F9F9; border-radius:12px; }
#wallet .contents_1 .info .preparing.eng { font-size: 18px; font-weight:400;  }

#wallet .contents_1 .info ul { padding:24px; background-color: #F9F9F9; border: 1px solid #EAEAEA; border-radius:12px; }
#wallet .contents_1 .info ul.mb { margin-bottom:16px; }
#wallet .contents_1 .info ul li { margin-left:16px; margin-bottom:8px; list-style: disc; font-size:18px; line-height: 1.5; color: #222; }
#wallet .contents_1 .info ul li:last-child { margin-bottom:0; }
#wallet .contents_1 .info ul li a {  text-decoration: underline; display: flex; align-items: center; gap: 8px; }
#wallet .contents_1 .info ul li span { font-weight:700; }
#wallet .contents_1 .info ul li a p { color: #006ADF; font-size: 16px; line-height:1.2; font-weight: 700; text-decoration: underline; }
#wallet .contents_1 .info ul li a img { width: 20px; height: 20px; }



/* trust */
#trust { position:relative; }
#trust .contents_1 { margin-top:80px; }
#trust .contents_1 .img { margin-bottom: 56px; }
#trust .contents_1 .img img { width: 100%; }

#trust .contents_1 .info { font-size:22px; color: #222; line-height:1.5 }
#trust .contents_1 .info .title { margin-bottom:16px; color:#1A235A; font-size:26px; font-weight: 700; }
#trust .contents_1 .info span { font-weight: 700; }
#trust .contents_1 .info .line { margin: 56px 0; }
#trust .contents_1 .info .txt { margin-bottom:  24px; font-size:18px; }
#trust .contents_1 .info .txt > div { font-size:18px; margin-bottom:8px; }
#trust .contents_1 .info .txt > div:last-child { margin-bottom:0; }
#trust .contents_1 .info .img { margin-top:24px; } 
#trust .contents_1 .info .img img { width: 100%; } 
#trust .contents_1 .info .img p { margin-top: 24px; color:#222; font-weight:400; font-size:18px; }
#trust .contents_1 .info .preparing { display: flex; align-items: center; justify-content: center; font-size: 24px; font-weight:700; color:#999; height:148px; border:1px solid #eaeaea; background-color:#F9F9F9; border-radius:12px; }
#trust .contents_1 .info .preparing.eng { font-size: 18px; font-weight:400;  }

#trust .contents_1 .info ul { padding:24px; background-color: #F9F9F9; border: 1px solid #EAEAEA; border-radius:12px; }
#trust .contents_1 .info ul.mb { margin-bottom:16px; }
#trust .contents_1 .info ul li { margin-left:16px; margin-bottom:8px; list-style: disc; font-size:18px; line-height: 1.5; color: #222; }
#trust .contents_1 .info ul li:last-child { margin-bottom:0; }
#trust .contents_1 .info ul li a {  text-decoration: underline; display: flex; align-items: center; gap: 8px; }
#trust .contents_1 .info ul li span { font-weight:700; }
#trust .contents_1 .info ul li a p { color: #006ADF; font-size: 16px; line-height:1.2; font-weight: 700; text-decoration: underline; }
#trust .contents_1 .info ul li a img { width: 20px; height: 20px; }




/* 문의하기 & 가입하기 */
#contact {}
#contact .contact_wrap {}
#contact .contact_wrap .title_bg { padding-left: 80px; height:200px; display: flex; align-items: center; border-radius:8px; background: url("/img/renewal/contact_title.png") center center / cover no-repeat; }
#contact .contact_wrap .title_bg.join { height: 240px; background: url("/img/renewal/join_title.png") center center / cover no-repeat; }
#contact .contact_wrap .line { padding-bottom: 80px; margin-bottom: 80px; border:none; border-bottom:1px solid #D9D9D9;  }
#contact .contact_wrap .title_txt { font-size:28px; line-height:1.8; color:#fff; }
#contact .contact_wrap .title_txt span { font-size:28px; text-decoration: underline; font-weight: 700; }

#contact .contact_wrap.eng .title_bg.join { background: url("/img/renewal/join_title_eng.png") center center / cover no-repeat; }


#contact .form_group { margin-top:78px; }
#contact .form_group  .input { padding: 24px; width: 100%; height: 80px; border-radius: 16px; border: 1px solid rgba(217, 217, 217, 1); font-size: 22px; color: rgba(51, 51, 51, 1); }
#contact .form_group  .input:autofill,
#contact .form_group  .input:autofill:hover,
#contact .form_group  .input:autofill:focus,
#contact .form_group  .input:autofill:active { -webkit-text-fill-color: #000; -webkit-box-shadow: 0 0 0px 1000px #fff inset; box-shadow: 0 0 0px 1000px #fff inset; transition: background-color 5000s ease-in-out 0s; }

#contact .form_group .input_group {  position: relative; margin-top: 24px; }
#contact .form_group .input_group:first-child { margin-top: 0; }
#contact .form_group .input_group label { position: absolute; height: 24px; padding: 0 8px; top: 28px; left: 16px; font-size: 22px; color: rgba(51, 51, 51, 1); display: flex; align-items: center; gap:12px; background-color: #fff;  transition: all 0.2s; }
#contact .form_group .input_group label span { font-size: 10px; color: rgba(255, 77, 0, 1); }
#contact .form_group .input_group .input:focus { outline: none; border: 2px solid #1A235A; }
#contact .form_group .input_group .input.privacy:focus { border: 1px solid rgba(217, 217, 217, 1); }

#contact .form_group .input_group .input_title { margin-bottom: 12px; font-size: 22px; color: rgba(51, 51, 51, 1); display: flex; align-items: center; gap:12px; }
#contact .form_group .input_group .input_title span { font-size: 10px; color: rgba(255, 77, 0, 1); }

#contact .form_group .error_group { display: none; margin-top: 8px; gap: 8px; color: rgba(255, 77, 0, 1); font-size: 20px; align-items: center; justify-content: flex-start; }
#contact .form_group .error_group img { width: 24px; }
#contact .form_group .error_group.on { display: flex; }

#contact .form_group .input_group.on { }
#contact .form_group .input_group.on label { top: -11px; font-size: 18px; }
#contact .form_group textarea.input { height: 184px; resize: none; }
#contact .form_group textarea.input.privacy { height: 204px; font-size: 20px; background-color: rgba(245, 245, 245, 1); border: 1px solid rgba(204, 204, 204, 1); }

#contact .form_group .select_group select { -webkit-appearance: none;  -moz-appearance: none;  appearance: none;  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="none" stroke="%23000" stroke-width="1.8" d="M3 6l7 7 7-7"/></svg>');  background-repeat: no-repeat;  background-position: right 0.7em top 50%, 0 0;  background-size: 1em auto, 100%;  padding-right: 1.5em;  background-color: #fff; }
#contact .form_group .nl { display: flex; gap: 24px; margin-bottom: 24px; }
#contact .form_group .nl.column { flex-direction: column; gap: 16px; }
#contact .form_group .nl .nl_con { width: 100%; }
#contact .form_group .submit_btn { cursor: auto;}


#contact .check_group { display: inline-block; position: relative; }
#contact .check_group input[type="checkbox"] { width: 0; height: 0; position: absolute; top: 0; left: 0; z-index: 0; }
#contact .check_group input[type="checkbox"] + label { display: inline-block; line-height: 1.3; padding-left: 36px; font-size: 20px; color: rgba(51, 51, 51, 1);  background: url("../img/renewal/checkbox_off.png") top left no-repeat; background-size: auto 24px; position: relative; z-index: 1;     background-position-y: 2px; }
#contact .check_group input[type="checkbox"] + label span { color: rgba(255, 132, 0, 1);}
#contact .check_group input[type="checkbox"]:checked + label { background-image: url("../img/renewal/checkbox_on.png"); }
#contact .check_group a { color: #006adf; font-weight: 700; text-decoration: underline; }


#contact .file_area {width: 100%; }
#contact .file_area .file_title {}
#contact .file_area .file_title { display: flex; gap: 8px; align-items: center; }
#contact .file_area .file_title label { font-size:22px; color: #000; font-weight: 700; }
#contact .file_area .file_title span { font-size: 10px; color: #FF4D00;}

#contact .file_area .file_con { margin-top:12px; display: flex; gap: 12px; }
#contact .file_area .file_con >  div { width: 50%; }
#contact .file_area .file_con .file_info { height: 62px; padding: 0 16px; border: 1px solid #D9D9D9; display: flex; align-items: center; border-radius: 6px; cursor:pointer; }
#contact .file_area .file_con .file_info span { display: block; }
#contact .file_area .file_con .file_info span:nth-child(1) { max-width: 400px; margin-right:8px; font-size:20px; color:#222; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
#contact .file_area .file_con .file_info span:nth-child(2) { margin-right:16px; font-size:18px; color: #666; }
#contact .file_area .file_con .file_info span:nth-child(3) { width: 20px; cursor: pointer; }
#contact .file_area .file_con .file_info span:nth-child(3) img { width: 100%; }

#contact .file_area .file_con .file_btns { display: flex; gap: 24px; }
#contact .file_area .file_con .file_add,
#contact .file_area .file_con .file_down { cursor: pointer; height:62px; background-color:#1A235A; display:flex; align-items: center; justify-content: center; border-radius: 6px; gap:12px; }
#contact .file_area .file_con .file_add span,
#contact .file_area .file_con .file_down span { color:#fff; font-size:18px; font-weight: 700; }
#contact .file_area .file_con .file_add img,
#contact .file_area .file_con .file_down img { height:20px; width: auto; }
#contact .file_area .file_con .file_add { width: 200px; }
#contact .file_area .file_con .file_down { width: 376px; }
#contact .file_area .file_con .file_down a { display: flex; align-items: center; justify-content: center; gap: 12px; width: 100%; height:62px; }
#contact .file_area .file_description { margin-top: 12px; font-size:18px; color: #666; line-height:1.5;  }
#contact .file_area .file_con .file_add.p_btn { display:flex; }
#contact .file_area .file_con .file_add.m_btn { display:none; }

	
.submit_btn { cursor: pointer; margin-top: 48px; display: flex; justify-content: center; }
.submit_btn button { background-color: #1A235A; width: 660px; height:100px; line-height: 100px; text-align: center; border-radius: 8px; color: #fff; font-size: 26px; font-weight: 700; }
.submit_btn button.discible { background-color: #E5E5E5; border: 1px solid #E5E5E5; pointer-events: none; }

.dp_flex { display: flex; }
.t_center { text-align: center; }
.Main.new .top_contact { margin: 0 48px 0 0; width: 73px; height: 28px; border-radius: 4px; font-size: 14px; border: 1px solid #fff; color: #fff; font-weight: 700; display: flex; align-items: center; justify-content: center; }
.Main.new .header_center.fixed .top_contact { border: 1px solid #1A235A; color: #1A235A; }


.Main.new .top_contact.cus_gnb {
	margin-right:9px;
}

/*
.Main.new .nav.navbar_center { display: flex;
    align-items: center; }
.Main.new #sitemap { display: none; }	
.Main.new .top_wrap {display: none; }
*/

.Main.new .middle_wrap .logo a { z-index: 999999; }
.Main.new .middle_wrap.fixed .logo a { background: url(/data/config/shop_logo.png) no-repeat; background-size: 100%; }
	


/* 해커톤 */
#hackathon {}
#hackathon .hackathon_area {}
#hackathon  .hackathon_tab {
	padding: 12px 0;
	background-color: #F4F6FF;
	border-bottom: 1px solid #DFE3F7;
	 position: sticky;
    top: 99px;
    z-index: 4;
}
#hackathon  .hackathon_tab ul {
	display: flex;
	justify-content: center;
	gap: 40px;
}
#hackathon  .hackathon_tab ul li {
	cursor: pointer;
	padding: 0 32px;
	font-weight: 700;
	font-size: 20px;
	line-height: 46px;
	color: #999999;
	border-radius: 46px;
	background-color: #F4F6FF;
	border: 1px solid #F4F6FF;
}

#hackathon .hackathon_tab ul li.on,
#hackathon .hackathon_tab ul li:hover {
	background-color: #fff;
	color: #1A235A;
	border: 1px solid #1A235A;
}

#hackathon .hackathon_area .hackathon_con {}
#hackathon .hackathon_area .hackathon_con .ht_sections {
	
}
#hackathon .hackathon_area .hackathon_con .ht_sections.gray {
	background-color: #e1e1e1;
}
/* 대회안내 */
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 {
	padding-top: 80px;
} 

#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area {
	border-bottom: 1px solid #1A235A80;
	margin-bottom: 80px;
}


#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area:last-child {
	margin-bottom: 0;
}

#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 {
   display: flex;
    flex-direction: column;
    gap: 80px;
	padding-bottom: 80px;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_top {
	display: flex;
    flex-direction: column;	
	text-align: center;
    align-items: center;
	gap: 33px;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_top .title {
	font-weight: 500;
	font-size: 44px;	
	padding: 0 40px;
	line-height: 87px;
	color:#fff;	
	background-color: #EE382A;
	border-radius: 100px;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_top .title span {
	display: inline-block;
	color: #F4D469;
	font-size: 44px;
	line-height: 87px;
	font-weight:800;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_top .subTitle {
	font-weight: 700;
	color:#242021;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_top .subTitle .txts{
	font-size: 62px;
	line-height: 1.5;
	font-weight: 800;
	padding: 0 20px;
	display: inline-block;

	background: linear-gradient(to bottom, #124790 25%, #121E56 75%); /* 위에서 아래로 빨간색에서 파란색으로 */
	-webkit-background-clip: text; /* 텍스트 영역에만 배경 적용 (웹킷 브라우저용) */
	-webkit-text-fill-color: transparent; /* 텍스트 색상을 투명하게 만들어 배경이 보이도록 함 */
	background-clip: text; /* 표준 속성 (지원하는 브라우저) */
	color: transparent; /* 기본 텍스트 색상을 투명하게 */

}

#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_top .subTitle .txts.icon {
	position: relative;
	padding-left: 80px;
	margin-bottom: 10px;
	font-size: 52px;
	background: linear-gradient(to bottom, #5F5F5F 15%, #000 85%); /* 위에서 아래로 빨간색에서 파란색으로 */
	-webkit-background-clip: text; /* 텍스트 영역에만 배경 적용 (웹킷 브라우저용) */
	-webkit-text-fill-color: transparent; /* 텍스트 색상을 투명하게 만들어 배경이 보이도록 함 */
	background-clip: text; /* 표준 속성 (지원하는 브라우저) */
	color: transparent; /* 기본 텍스트 색상을 투명하게 */
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_top .subTitle .txts.icon span {
	background: linear-gradient(to bottom, #9C9C9C 15%, #000 85%); /* 위에서 아래로 빨간색에서 파란색으로 */
	-webkit-background-clip: text; /* 텍스트 영역에만 배경 적용 (웹킷 브라우저용) */
	-webkit-text-fill-color: transparent; /* 텍스트 색상을 투명하게 만들어 배경이 보이도록 함 */
	background-clip: text; /* 표준 속성 (지원하는 브라우저) */
	color: transparent; /* 기본 텍스트 색상을 투명하게 */
	font-weight: 500;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_top .subTitle .txts.icon:after {
	position: absolute;
	width: 56px;
	height: 48px;
	content: "";
	left: 12px;
	top: 50%;
	transform: translateY(-50%);	
	background: url(/img/hackathon/mobile_id_64.png) center center / cover no-repeat;
}

#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_top .subTitle .subtitle_span {
	margin-bottom: 10px;
	font-size: 52px;
	background: linear-gradient(to bottom, #5F5F5F 15%, #000 85%);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
	background-clip: text;
	color: transparent;
}	


#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_top .subTitle .bar_txt {
	margin-top: 33px;
	font-weight: 400;
	font-size: 55px;
	color: #242021;
	position: relative;
    display: inline-block;
	 font-family: 'nanumpenscript', sans-serif;

}

#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_top .subTitle .bar_txt::before {
  content: "";
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  bottom: -15px; /* 밑줄이 텍스트에 얼마나 근접할지 조절 */
  width: 100%;
  height: 20px;  /* 하이라이트 두께 */
  background-color: #F4D469; /* 노란색 하이라이트 */
  opacity: 0.6;
  z-index: -1;    /* 텍스트보다 뒤에 위치 */
  padding: 0;
}

#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_body {
	display: flex;
	justify-content: center;
    gap: 16px;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_body > div {
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	gap: 10px;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_body > div .title {
	display: flex;
    align-items: center;
    justify-content: center;
	
	padding: 6px 24px;
	width: auto;
	min-width: 148px;
	font-weight: 700;
	font-size: 20px;
	min-height: 39px;
	line-height: 1.25;
	border-radius:50px;
	color:#fff;
	background-color: #242021;
	text-align: center;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_body > div .img_area {
	border: 12px solid #FFB70D33;
	border-radius:150px;
	width: 240px;
	height: 240px;
	text-align: center;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
	gap: 12px;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_body > div .img {}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_body > div .img img {}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_body > div .txt {
	
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_body > div .txt p {
	font-size: 20px;
	line-height: 1.3;
	font-weight: 700;
	color: #000;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_body > div .txt span {
	font-size: 16px;
	line-height: 1.3;
	font-weight: 400;
	color: #000;
}

#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 {
	padding-bottom: 80px;
}

#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group {
	display: flex;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_left {
	width: 549px;
}

#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_left .poster {
	cursor: pointer;
	margin-bottom:22px;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_left .poster img { width: 100%; }

#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_left .utm_area {
	display: flex;
	flex-direction: row;
    flex-wrap: wrap;
	gap: 8px;
}

#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_left .utms {
	cursor: pointer;
	height:80px;
	width: calc(50% - 4px);
	/*width: 100%;*/
	border-radius:6px;
	display: flex;
	align-items: center;
    justify-content: center;
	gap: 12px;
	border: 1px solid #1A235A;
	background-color: #fff;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_left .utms p {	
	font-weight: 700;
	font-size: 22px;
	color: #1A235A;
}

#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_left .utms.turn {
	background-color: #1A235A;
	border: 1px solid #1A235A;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_left .utms.turn p {
	color: #fff;
}


#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_left .utms img {
	width: 24px;
}


#hackthon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_left .utms.plus p {
	color: #1A235A;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_left .utms.join {
	width: 100%;
	background-color: #1A235A;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_left .utms.join p {
	color: #fff;
}



#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_right {
	flex: 1;
	padding:0 0 0 40px ;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_right .right_top {
	display: flex;
	flex-direction: column;
	gap: 16px;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_right .right_top .title {
	font-weight: 700;
	font-size: 40px;
	line-height: 1.25;
	letter-spacing: -2px;
	color:#000;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_right .right_top .title p {
	font-weight: 700;
	font-size: 45px;
	line-height: 1.25;
	letter-spacing: -2px;
	color:#000;
}	
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_right .right_top .title .mobile_id {
	display: inline-block;	
    margin: 6px 4px -4px 0;
	width: 45px;
	height: 40px;
	background: url("/img/hackathon/mobile_id_36.png") center center / cover no-repeat ;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_right .right_top .subTitle {
	font-weight: 400;
	font-size: 30px;
	line-height: 1.25;
	color: #242021;
	font-family: 'nanumpenscript', sans-serif;
}

#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_right .right_body { margin-top: 40px; }
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_right .right_body .info {
	border-top: 1px solid #1A235A80;
	padding: 20px 0;
	display: flex;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_right .right_body .info .info_title {
	padding: 0;
	width: 120px;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.5;
	color: #1A235A;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_right .right_body .info .info_txt {
	flex: 1;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_right .right_body .info .info_txt span {
	font-weight: 700;
	font-size: 18px;
	line-height: 1.25;
	color:#000;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_right .right_body .info .info_txt p {	
	font-weight: 400;
	font-size: 14px;
	line-height: 1.25;
	color: #000;
}

#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_right .right_body .info .info_txt .sub_info {
	margin-top: 8px;
	display: flex;
    flex-direction: column;
	gap: 4px;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_right .right_body .info .info_txt .sub_info > div {	
    display: flex;
	gap: 10px;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_right .right_body .info .info_txt .sub_info > div .sub_info_title {
	font-weight: 700;
	font-size: 16px;
	line-height: 1.25;
	color:#000;

}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_right .right_body .info .info_txt .sub_info > div .sub_info_txt {
	flex: 1;
	color: #000;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.25;

}

#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_right .right_body .info.info_2 .info_txt p {
	margin-top: 10px;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_right .right_body .info.info_3 .info_txt p {
	margin-top: 8px;
}

#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_right .right_body .info.info_4 {
	flex-direction: column;
	gap: 8px;
}

#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_right .right_body .info.info_4 img { width: 100%;}


#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_3 { 
	display: flex;
    flex-direction: column;
	gap: 60px;
	padding-bottom: 80px;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_3 .con_group {
	position: relative;
	display: flex;
    flex-direction: column;
    align-items: center;
}

#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_3 .con_group:after {
	position: absolute;
	bottom: 0;
	left: 30px;
	width: 130px;
	height: 266px;
	content: "";
	background: url("/img/hackathon/ht_section1_bg_left.png") center center / cover no-repeat ;
}

#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_3 .con_group:before {
	position: absolute;
	bottom: 0;
	right: 30px;
	width: 130px;
	height: 266px;
	content: "";
	background: url("/img/hackathon/ht_section1_bg_right.png") center center / cover no-repeat ;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_3 .con_group .title {
	margin-bottom: 16px;
	width: 189px;
	border-radius: 43px;
	background-color: #FFB70D;
	font-weight: 700;
	font-size: 22px;
	line-height: 43px;
	color:#fff;
	text-align: center;	
}

#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_3 .con_group .title.mb {
	margin-bottom: 32px;
}

#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_3 .con_group .subTitle {
	font-family: SUIT;
	font-weight: 800;
	font-size: 32px;
	line-height: 1.25;
	letter-spacing: 0px;
	vertical-align: middle;
	color: #242021;
	text-align: center;	
	display: block;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_3 .con_group .subTitle span {	
	font-weight: 700;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_3 .con_group .crape {
	margin-top: 16px;
	display: flex;
    flex-direction: column;
    gap: 8px;
}

#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_3 .con_group .crape > div {
	display: flex;
	gap: 16px;
	align-items: center;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_3 .con_group .crape > div > div {
	

}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_3 .con_group .crape > div > div:nth-child(1) {
	background-color: #242021;
	border-radius: 30px;
	width: 170px;
	height: 34px;	
	font-weight: 700;
	font-size: 18px;
	line-height:34px;
	color:#fff;
	text-align: center;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_3 .con_group .crape > div > div:nth-child(1) span {
	font-weight: 400;
	font-size: 18px;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_3 .con_group .crape > div > div:nth-child(2) {
	width: 96px;
	font-weight: 700;
	font-size: 18px;
	line-height:1.25;
	text-align: right;
	color: #222;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_3 .con_group .crape > div > div:nth-child(3) {
	font-weight: 400;
	font-size: 18px;
	line-height:1.25;
	color: #222;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_3 .con_group .description {	
	display: flex;
    flex-direction: column;
    gap: 11px;
	padding: 16px 0 32px;	
	text-align: center;
	color: #000;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_3 .con_group .description > div {
	font-weight: 700;
	font-size: 22px;
	line-height:1.25;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_3 .con_group .description span {
	font-size: 24px;
	line-height:1.25;
	font-weight: 400;
}



#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .mt_7 { margin-top:7px; }

/* 대회안내 */

/* 참가신청 */
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section2 {
	padding-top: 80px;
}

#hackathon .hackathon_area .hackathon_con .partner { 
   	padding-top: 80px;	
	padding-bottom: 80px;
	border-bottom: 1px solid #1A235A80;
}
#hackathon .hackathon_area .hackathon_con .partner img { width: 100%; }

#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section2 .banner {
	position:relative;
	height: 260px;
	width: 100%;
	border-radius: 20px;
	background: #1A235A url("/img/hackathon/banner_bg.png") center center / cover no-repeat ;
}
	
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section2 .banner:after {
	position: absolute;
	top: 50%;
	right:150px;
	transform: translateY(-50%);
	content: "";
	width: 282px;
	height: 221px;
	z-index: 1;
	background: url("/img/hackathon/banner_img.png") center center / cover no-repeat ;
}

#hackathon.eng .hackathon_area .hackathon_con .ht_sections.ht_section2 .banner:after {
	background: url("/img/hackathon/banner_img_en.png") center center / cover no-repeat ;
}

#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section2 .banner .con_area {
	padding: 0 187px;
	height: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	align-items: flex-start;
	gap: 22px;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section2 .banner .con_area .txt {
	font-weight: 500;
	font-size: 36px;
	color: #fff;
	background-color: #1a235a;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section2 .banner .con_area .txt span {
	font-weight: 800;
	color: #F6D95E;
}

#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section2 .banner .con_area .btns {
	display: flex;
	gap: 8px;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section2 .banner .con_area .btns .join_btn {
	cursor: pointer;
	padding: 0 21px;
	background-color: #FF8400;
	display: flex;
	align-items: center;
	gap: 12px;
	border-radius: 6px;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section2 .banner .con_area .btns .join_btn p {
	font-weight: 700;
	font-size: 18px;
	line-height: 45px;
	color: #fff;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section2 .banner .con_area .btns .join_btn img {
	width: 16px;
	height: 15px;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section2 .banner .con_area .btns .down_btn {
	cursor: pointer;
	padding: 0 16px;
	background-color: #fff;
	display: flex;
	align-items: center;
	gap: 12px;
	border-radius: 6px;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section2 .banner .con_area .btns .down_btn p {
	font-weight: 700;
	font-size: 18px;
	line-height: 45px;
	color: #1A235A;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section2 .banner .con_area .btns .down_btn img {
	width: 20px;
	height: 20px;
}

/* 참가신청 */

/* FAQ */
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section3 {
	padding: 60px 0 40px;
}

#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section4 {
	padding: 60px 0 80px;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section4.mid {
	padding: 60px 0 220px;
}

#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section4 .section_top {
	margin-bottom: 80px;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section3 .section_top .section_title,
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section4 .section_top .section_title {
	display: flex;
    align-items: center;
    justify-content: center;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section3 .section_top .section_title > div,
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section4 .section_top .section_title > div {	
	margin-bottom: 70px;
	font-size: 44px;
	line-height: 1.25;
	font-weight: 700;
	color: #222;
	text-align: center;
	position: relative;	
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section3 .section_top .section_title > div:after,
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section4 .section_top .section_title > div:after {	
	position: absolute;
	content: "";
	height: 2px;
	width:40px;
	background-color: #203791;
	left: 50%;
	transform: translateX(-50%);
	bottom: -24px;
}

#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section3 .section_top .section_subtitle,	
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section4 .section_top .section_subtitle {
	font-weight: 500;
	font-size: 22px;
	line-height: 1.5;
	text-align: center;
	color:#000;
}

#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section4 .section_top .section_subtitle span {
	font-weight: 700;
}

#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section4 .section_body {
	
}

#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section3 .section_footer {
	margin-top: 32px;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section3 .section_footer .section_con {
	display: flex;
    align-items: center;
    justify-content: center;
	flex-direction: row;
    flex-wrap: wrap;
	background-color: #F4F6FF;
	gap: 4px;
	height: 72px;
	border-radius: 6px;
	font-weight: 400;
	font-size: 16px;
	color: #000;
}
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section3 .section_footer .section_con span { text-align: center; }
#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section3 .section_footer .section_con a {
	font-weight: 700;
	color: #006ADF;
}
/**/
.ht_section3 .accordion-table {	
	width: 100%;
	border-collapse: separate;
	border-spacing: 0 16px;
}

.ht_section3 .accordion-table th,
.ht_section3 .accordion-table td {
  padding: 16px 12px;
  text-align: left;
}

.ht_section3 .accordion-table thead {
  background-color: #f2f2f2;
}

.ht_section3 .accordion-table .accordion-header {
  cursor: pointer;
  border-radius: 6px;
  background-color: #fff;
  color: #222222;
  transition: background-color 0.3s;
  height: 53px;
  
  border: 1px solid #1A235A80;
}

.ht_section3 .accordion-table .accordion-header.active {
  background-color: #1A235A;
  color: #fff;
}
.ht_section3 .accordion-table .accordion-header.active .icon span {
	background:url("/img/hackathon/icon_minus.png") center center / cover no-repeat;
}

.ht_section3 .accordion-table .accordion-header .type {
	font-weight: 700;
	font-size: 18px;
	line-height: 1.5;
	letter-spacing: 0px;
	padding: 9px 12px 9px 40px;
	border-radius: 6px 0 0 6px;
	border-top: 1px solid #1A235A80;
	border-left: 1px solid #1A235A80;
	border-bottom: 1px solid #1A235A80;
	color: #1A235A;
}
.ht_section3 .accordion-table .accordion-header .type span {
	font-size: 22px;
	margin-right: 8px;
	line-height: 1;
}


.ht_section3 .accordion-table .accordion-header .title {
	color: #222;
	padding: 9px 20px 9px 20px;
	position: relative;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.5;
	border-top: 1px solid #1A235A80;
	border-bottom: 1px solid #1A235A80;
}
.ht_section3 .accordion-table .accordion-header .title:after {
	position: absolute;
	left: 0;
	top: 50%;
	transform: translateY(-50%);
	content: "";
	height: 70%;
	width: 1px;
	background-color: #D9D9D9;
}
.ht_section3 .accordion-table .accordion-header .title span {
	display: none;
}

.ht_section3 .accordion-table .accordion-header.active .type {
	color: #fff;
}

.ht_section3 .accordion-table .accordion-header.active .title {
	color: #fff;
}
.ht_section3 .accordion-table .accordion-header.active .title span {
	color: #fff;
}


.ht_section3 .accordion-table .accordion-header.active .title:after {
	background-color: #FFFFFF4D;
}

.ht_section3 .accordion-table .accordion-header .icon {
	padding: 9px 40px 9px 12px;
	border-radius: 0 6px 6px 0;
	border-top: 1px solid #1A235A80;
	border-right: 1px solid #1A235A80;
	border-bottom: 1px solid #1A235A80;
}
.ht_section3 .accordion-table .accordion-header .icon span {
	display:block;
	width: 24px;
	height: 24px;
	background:url("/img/hackathon/icon_plus.png") center center / cover no-repeat;
}

.ht_section3 .accordion-table .accordion-content {	
	display: none;	
}

.ht_section3 .accordion-table .accordion-content td {
	padding: 32px 24px;
	font-weight: 400;
	font-size: 20px;
	line-height: 1.5;
	color: #222;	
	background-color: #F9F9F9;
	border-radius: 6px;
}

.ht_section3 .accordion-table .accordion-content td .content_area {
	display: flex;
	align-items: flex-start;
	gap: 8px;
}
.ht_section3 .accordion-table .accordion-content td .content_area .answer {
	font-weight: 700;
	font-size: 22px;
	line-height: 1.5;
	color: #666;
}
.ht_section3 .accordion-table .accordion-content td .content_area .txt {
	margin-top: 5px;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color:#222;
}
.ht_section3 .accordion-table .accordion-content td .content_area .txt p {
	margin-top: 0px;
	font-weight: 400;
	font-size: 16px;
	line-height: 1.5;
	color:#222;
}

.ht_section3 .accordion-table .accordion-content td .content_area .txt p span {
	background-color: #F9F9F9 !important;
}

.ht_section3 .accordion-table td .none_data {
	padding: 100px 0;
	display: flex;
    align-items: center;
    justify-content: center;
	gap: 10px;
}
.ht_section3 .accordion-table td .none_data .img { width: 44px; }
.ht_section3 .accordion-table td .none_data .img img { width: 100%;}
.ht_section3 .accordion-table td .none_data .txt {}
.ht_section3 .accordion-table td .none_data .txt p {
	font-weight: 700;
	font-size: 18px;
	line-height: 1.5;
	color:#222222;	
	background-color: #F9F9F9;
}

.ht_section3 .accordion-table td .none_data .txt span {
	font-weight: 400;
	font-size: 14px;
	line-height: 1.5;
	color: #666666;	
}


.ht_section3 #searchForm {
	margin-bottom: 12px;
	display: flex;
    align-items: center;
    justify-content: center;
	gap: 12px;
}

.ht_section3 #searchForm select {
	padding: 0 6px;
}

.ht_section3 #searchForm select.eng {
	width: 168px;
}

.ht_section3 #searchForm select,
.ht_section3 #searchForm input {
	margin: 0;
	height: 44px;
	border-radius:6px;
}
.ht_section3 #searchForm input {
	width: 360px;
}
.ht_section3 #searchForm  button {
	display: flex;
	align-items: center;
    justify-content: center;
	background-color: #1A235A;
	gap: 8px;
	width: 100px;
	height: 44px;
	border-radius:6px;
}
.ht_section3 #searchForm  button img { width: 15px; }
.ht_section3 #searchForm  button span {
	font-family: SUIT;
	font-weight: 700;
	font-size: 18px;
	line-height: 24px;
	letter-spacing: -0.5px;
	color: #fff;

}

#faqPagination {
	margin-top:12px;
}

/* FAQ */

/* 공지사항 */

.ht_section4 .accordion-table {
	border-top: 3px solid #222222;
	
  width: 100%;
  border-collapse: collapse;
}

.ht_section4 .accordion-table th,
.ht_section4 .accordion-table td {
  padding: 16px 12px;
  text-align: left;
}

.ht_section4 .accordion-table thead {
  background-color: #f2f2f2;
}

.ht_section4 .accordion-table .accordion-header {
  cursor: pointer;
  background-color: #fff;
  transition: background-color 0.3s;
  border-bottom: 1px solid #D9D9D9;
}

.ht_section4 .accordion-table .accordion-header.active {
  /*background-color: #e9e9e9;*/
}

.ht_section4 .accordion-table .accordion-header .num {
	width: 80px;
	font-size: 18px;
	text-align: center;
}
.ht_section4 .accordion-table .accordion-header .title {}
.ht_section4 .accordion-table .accordion-header .title > div {
	display: flex;
	flex-direction: column;
    gap: 8px;
}
.ht_section4 .accordion-table .accordion-header .title > div .con_top {
	display: flex;
    gap: 8px;
}
.ht_section4 .accordion-table .accordion-header .title > div .con_top > div:first-child { width: 22px; }
.ht_section4 .accordion-table .accordion-header .title > div .con_top > div:first-child img { width: 100%;}
.ht_section4 .accordion-table .accordion-header .title > div .con_top > div:last-child {
	font-weight: 700;
	font-size: 20px;
	line-height: 1.2;
	color: #222;
	flex: 1;
}
.ht_section4 .accordion-table .accordion-header .title > div .con_bottom {
	font-weight: 400;
	font-size: 16px;
	line-height: 1.25;
	color: #666;
}

.ht_section4 .accordion-table .accordion-header .arrow {
	width: 60px;
}
.ht_section4 .accordion-table .accordion-header .arrow img {
	width: 60px;
}

.ht_section4 .accordion-table .accordion-content {	
	display: none;	
}

.ht_section4 .accordion-table .accordion-content td {
	padding: 40px;
	font-weight: 400;
	font-size: 20px;
	line-height: 1.5;
	color: #222;	
	background-color: #F9F9F9;
	border-bottom: 1px solid #D9D9D9;
}

.ht_section4 .accordion-table .accordion-content td .file_down {
	cursor: pointer;
	margin-bottom: 24px;
	padding: 16px;
	display: flex;
	align-items: center;
	gap: 8px;
	background-color: #fff;
	border: 1px solid #D9D9D9;
	border-radius: 8px;
}
.ht_section4 .accordion-table .accordion-content td .file_down img { 
	margin-right: 8px;
	width: 20px;
	height: 20px;
}
.ht_section4 .accordion-table .accordion-content td .file_down p {
	font-weight: 400;
	font-size: 20px;
	line-height: 1.5;
	color: #222;
}
.ht_section4 .accordion-table .accordion-content td .file_down span {
	font-weight: 400;
	font-size: 18px;
	line-height: 1.5;
	color: #666;
}
.ht_section4 .accordion-table .accordion-content td .mail {
	color: #006ADF;
}

/* 특수 css */
.ht_section4 .accordion-table .accordion-content.cus td {
	min-height: 78px;
	height: 78px;
}

.inner_table .center {
	text-align: center !important;
}
.inner_table td {
	font-size: 14px !important;
    padding: 8px 12px !important;
}


.inner_table.ec .center {
	text-align: center !important;
}
.inner_table.ec th {
	font-size: 20px !important;
}
.inner_table.ec td{
	font-size: 20px !important;
    padding: 8px 12px !important;
}

.ht_section5 {
  position: fixed;
  bottom: 20px;
  left: 50%;
  transform: translateX(-50%) translateY(30px);
  opacity: 0;
  pointer-events: none;
  transition: opacity 0.5s ease, transform 0.5s ease;
  z-index: 100;
}

.ht_section5.fixed {
  opacity: 1;
  transform: translateX(-50%) translateY(0);
  pointer-events: auto;
}

.ht_section5.attached {
  position: absolute;
  pointer-events: auto;
  bottom: 300px; /* 바닥에서 위로 120px 위치 (원하는 값으로 조절) */
  left: 50%;
  transform: translateX(-50%);
  opacity: 1;
}


.ht_section5 a {	
	width: 460px;
	height: 100px;
	border-radius: 13px;
	background: linear-gradient(180deg, #123790 0%, #141F68 100%);
	display: flex;	
    align-items: center;
    justify-content: center;
	gap: 12px;
	box-shadow: 4px 4px 20px 0px #00000026;
}
.ht_section5 a.submit_file {
	width: 650px;
}

	

.ht_section5 a p {
	font-weight: 700;
	font-size: 30px;
	line-height: 100%;
	color: #fff;
}
.ht_section5 a .bell { width: 32px; 
	animation: bell-ring 0.7s ease-in-out 0s 2, ring-timer 1s linear infinite;
	transform-origin: top center;
}

.ht_section5 a .bells { display: block; }
.ht_section5 a .bells_on { display: none; }


.ht_section5.eng a { width: 760px;  }

.ht_section5 a:hover {background: linear-gradient(180deg, #E4C440 0%, #F6D95E 100%);}
.ht_section5 a:hover .bells { display: none; }
.ht_section5 a:hover .bells_on { display: block; }
.ht_section5 a:hover p { color: #000000; }


.bell {
  width: 32px;
  transform-origin: top center;
  animation: bell-ring 3s infinite;
}

.ht_section5 a .bell {
  width: 32px;
  animation: bell-ring 0.7s ease-in-out;
  transform-origin: top center;
  animation-delay: 0s;
  animation-iteration-count: infinite;
  animation-direction: normal;
  animation-fill-mode: both;
  animation-play-state: running;
  animation-timing-function: ease-in-out;
  animation-duration: 3s;
}

.ht_section5 a .arrow { display: block; }
.ht_section5 a .arrow_on { display: none; }

.ht_section5.eng a { width: 760px;  }

.ht_section5 a:hover {background: linear-gradient(180deg, #E4C440 0%, #F6D95E 100%);}
.ht_section5 a:hover .arrow { display: none; }
.ht_section5 a:hover .arrow_on { display: block; }
.ht_section5 a:hover p { color: #000000; }


.ht_section5 .arrow-animate {
	width: 32px;
  
  animation: arrow-smooth-slide 1s ease-in-out infinite;
}


.gtm_cover {	
	position:relative;
}

.gtm_cover:before {
	content: "";
	position: absolute;
	width: 100%;
	height: 100%;
	left:0;
	top: 0;
	z-index: 1;
}

@keyframes bell-ring {
  0%, 84% { transform: rotate(0); } /* 전체 duration의 84% 동안은 대기 */
  85% { transform: rotate(-15deg); }
  86% { transform: rotate(15deg); }
  87% { transform: rotate(-10deg); }
  88% { transform: rotate(10deg); }
  89% { transform: rotate(-5deg); }
  90% { transform: rotate(5deg); }
  91% { transform: rotate(0); }
  100% { transform: rotate(0); }
}

@keyframes arrow-smooth-slide {
  0%   { transform: translateX(0); }
  50%  { transform: translateX(40%); }
  100% { transform: translateX(0); }
}
/* 공지사항 */
/* 60px 값 병경 */

body.cust { padding-top: 0px; transition:all 0.05s; }
body.cust.active { padding-top: 60px; }
body.cust.active .middle_wrap .logo a { top: 90px; transition:all 0.05s; }
body.cust.active .navbar_center { top: 60px; transition:all 0.05s; }


.top_title_banner {
}
.top_title_banner .con_mo_area {
	display: none;
}
.top_title_banner .con_pc_area {
	
	display: flex;
    align-items: center;
    justify-content: center;
    flex-direction: row;
    flex-wrap: wrap;	
	background-color: #F4D26A;
	word-break: keep-all;
    width: 100%;
    position: absolute;
    z-index: 99;
    margin-top: -60px;
    height: 60px;    
}
.top_title_banner .text_con { 
	display: flex;
}
.top_title_banner .text_con .txt_area { 
	font-size: 18px; 
	color: #242021;
}
.top_title_banner.sub_page.eng .text_con .txt_area {
	font-size: 16px;
}

.top_title_banner .text_con .txt_area span { 
	font-weight: 700;
}
.top_title_banner .text_con .img_area { 
	margin:0 6px 0 12px; 
	width: 22px; 
	display: flex; 
	align-items: center; 
	justify-content: center; 
}
.top_title_banner .text_con .img_area img { 
	width: 100%;
}
.top_title_banner .con_right {
	display: flex;
	align-items: center;
}

.top_title_banner .con_right .details {
	margin-left: 20px;
}
.top_title_banner .con_right .details a {
	width: 86px;
	height: 32px;
	display:flex;	
    align-items: center;
    justify-content: center;
	font-weight: 700;
	font-size: 14px;
	line-height: 31px;
	vertical-align: middle;
	color: #242021;
	border: 1px solid #000;
	border-radius: 6px;
}
.top_title_banner .con_right .check_group {
		margin-left: 80px;
		display: inline-block;
		position: relative;
	}
.top_title_banner .con_right .check_group input[type="checkbox"] {
	width: 0;
	height: 0;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
}
.top_title_banner .con_right .check_group input[type="checkbox"] + label { 
	display: inline-block; 
	line-height: 30px; 
	padding-left: 20px; 
	font-size: 14px; 
	color: rgba(51, 51, 51, 1);  
	background: url("../img/renewal/checkbox_off.png") top left no-repeat; 
	background-size: auto 16px; 
	position: relative; 
	z-index: 1;  
	background-position-y: 48%; 
}
.top_title_banner .con_right .check_group input[type="checkbox"] + label span {
	color: rgba(255, 132, 0, 1);
}
.top_title_banner .con_right .check_group input[type="checkbox"]:checked + label {
	background-image: url("../img/renewal/checkbox_on.png");
}
.top_title_banner .con_right .check_group a {
	color: #006adf;
	font-weight: 700;
	text-decoration: underline;
}
.top_title_banner .con_right .banner_close {
	margin-left: 24px;
	width: 12px;
	cursor: pointer;
}
.top_title_banner .con_right .banner_close img {
	width: 100%;
}

.top_title_banner.sub_page {}
.top_title_banner.sub_page .m_title { margin-right: 12px;}
.top_title_banner.sub_page .con_right .check_group { margin-left: 160px; }

/*.Main.new #sitemap { display: none; }*/


/**/

.contributors_page .con_area {
  padding: 32px 40px;
  border-radius: 20px;  
  background-color: #F4F6FF;
}
.contributors_page .con_area.bg_w {
	background-color: #ffF;
	border: 1px solid #dfe4f3;
}
.contributors_page .con_area .con_top {
}
.contributors_page .con_area  .con_title_adv {
  margin-bottom: 20px;
  font-size: 26px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -1px;
  color: #202a45;
  text-align: left !important;
}

.contributors_page .item_line {
  margin: 16px 0;
  width: 100%;
  height: 1px;
  /* background-color: #e0e0e0; */
}
.contributors_page .con_items {
  display: flex;
  flex-wrap: nowrap;
  flex-direction: column;
}
.contributors_page .con_item {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.contributors_page .con_item .item_info {
  display: flex;
  gap: 30px;
  align-items: center;
  align-items: flex-start;
}
.contributors_page .con_item .item_info .img {
  width: 180px;
}
.contributors_page .con_item .item_info .img img {
	width: 100%;
}
.contributors_page .con_item .item_info .img .txt {
  display: none;
}
.contributors_page .con_item .item_info .txt {
  flex: 1;
}
.contributors_page .con_item .item_info .txt .txt_title {
  margin-bottom: 6px;
  font-size: 22px;
  font-weight: 700;
  line-height: 1.25;
  letter-spacing: -1px;
  color: #1b1b1b;
}
.contributors_page .con_item .item_info .txt .txt_subject {
  font-size: 22px;
  font-weight: 500;
  line-height: 1.25;
  letter-spacing: -1px;
  color: #444;
}
.contributors_page .con_item .item_info .txt .txt_subject span {
  color: #202a45;
  display: block;
  font-weight: 700;
  font-size: 18px;
}

.contributors_page .con_item .item_info .txt .txt_subject .tag {
  margin-right: 8px;
  display: inline-block;
  padding: 0 12px;
  font-size: 20px;
  font-weight: 700;
  line-height: 25px;
  border-radius: 30px;
}

.contributors_page .con_item .item_info .txt .txt_subject .tag.prof {
  color: #FF8400;
  border: 1px solid #FF8400;
}
.contributors_page .con_item .item_info .txt .txt_subject .tag.ceo {
  color: #44931b;
  border: 1px solid #44931b;
}


.contributors_page .con_item .item_info .txt .txt_ul {
  margin-top: 20px;
}
.contributors_page .con_item .item_info .txt .txt_ul ul {
  width: 100%;
  margin-left: 16px;
  display: flex;
  flex-direction: column;
  flex-wrap: wrap;
  gap: 6px 0;
}
.contributors_page .con_item .item_info .txt .txt_ul ul li {
  width: 100%;
  font-size: 18px;
  font-weight: 400;
  line-height: 1.25;
  color: #222;
  position: relative;
}
.contributors_page .con_item .item_info .txt .txt_ul ul li::after {
  content: "";
  width: 5px;
  height: 5px;
  border-radius: 50%;
  background-color: #202a45;
  position: absolute;
  left: -12px;
  top: 8px;
}

.contributors_page .con_item .item_txt {
  font-size: 18px;
  font-weight: 400;
  line-height: 1.25;
  letter-spacing: -1px;
  color: #222;
}

.contributors_page .con_item .item_txt.bg {
  padding: 24px 30px;
  border-radius: 12px;
  background-color: #fff;
}

.contributors_page .con_bottom {
}
.contributors_page .con_bottom .con_items {
  gap: 24px;
}
.contributors_page .con_bottom .con_items .con_item {
  padding-top: 24px;
  border-top: 1px solid #E0E0E0;
  width: 100%;
}
.contributors_page .con_bottom .con_items .con_item:first-child {
  padding-top: 0px;
  border-top: none;
}
.contributors_page .con_bottom .con_items .item_info {
  align-items: flex;
}
.contributors_page .con_bottom .item_info .txt .txt_title {
  font-size: 20px;
  margin-bottom: 4px;
}
.contributors_page .con_bottom .item_info .txt .txt_subject {
  font-size: 18px;
}
.contributors_page .con_bottom .item_info .txt .txt_subject .tag {
  font-size: 16px;
  line-height: 24px;
}

.contributors_page .con_bottom .item_info .txt .txt_ul {
  margin-top: 12px;
}
.contributors_page .con_bottom .item_info .txt .txt_ul ul {
  width: 100%;
  gap: 2px;
}
.contributors_page .con_bottom .item_info .txt .txt_ul ul li {
  font-size: 18px;
}
.contributors_page .con_bottom .item_info .img {
  width: 140px;
}
.contributors_page .con_bottom .item_info .img img {
	width: 100% !important;
}
/**/




/* 해커톤 영문 추가 css */
#hackathon.eng .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_body > div .img {
	width: 60px;}
#hackathon.eng .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_body > div .img img {
	width: 100%;
}
#hackathon.eng .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_body > div .txt p {
	font-size: 18px;
}
#hackathon.eng .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_body > div .txt span {
	font-size: 14px;
}
#hackathon.eng .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_right .right_top .title .mobile_id {
	margin: 6px 4px -4px 8px;
}
#hackathon.eng .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_3 .con_group .crape > div {
	align-items: flex-start;
}
#hackathon.eng .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_3 .con_group .crape > div > div:nth-child(1) {	
	min-width: 270px;
}


/* 메인 영상 색션 */
#movie {
	padding: 24px 0;
	width: 960px;
    margin: 0 auto;
}
#movie .movie_area { height:540px; }



/**************************************************/
/******************** 오프라인    *******************/
/**************************************************/

.offline_banner {
	position: relative;
}
.offline_banner .bg { 
	border-radius: 10px;
	background-color: #1A235A;
}
.offline_banner .bg img { width: 100%; }

.offline_banner .contnents {
	padding: 0 90px;
	position: absolute;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	
	display: flex;
    flex-direction: column;
    gap: 15px;
    align-items: flex-start;
	justify-content: center;
}

.offline_banner .contnents .txt {}
.offline_banner .contnents .txt p {
	font-size:28px;
	line-height: 1.25;
	color: #F6D95E;
	font-weight: 800;
}
.offline_banner .contnents .txt span {
	display: block;
	margin-top:0;
	font-size:26px;
	color:#fff;
}

.offline_banner .contnents .btn {
	border: none;
    margin-left: 0;
	cursor: pointer;
    padding: 0 21px;
    background-color: #FF8400;
    display: flex;
    align-items: center;
    gap: 12px;
    border-radius: 6px;
	border: none;
}
.offline_banner .contnents .btn p {
	font-weight: 700;
    font-size: 18px;
    line-height: 45px;
    color: #fff;
}
.offline_banner .contnents .btn img {
	width: 16px;
    height: 15px;
}

/**************************************************/
/**************************************************/



@media all and (max-width: 1700px){ 
	.Main.new .navbar_center .top_menu { margin-right: 5.5vw; }
	.Main.new .navbar_center .top_menu > li { min-width: 10vw; }

	.Main.new .navbar_center .top_menu > li:nth-child(1) { min-width: 140px; }
	.Main.new .navbar_center .top_menu > li:nth-child(2) { min-width: 154px; }
	.Main.new .navbar_center .top_menu > li:nth-child(3) { min-width: 145px; }
	.Main.new .navbar_center .top_menu > li:nth-child(4) { min-width: 145px; }
	.Main.new .navbar_center .top_menu > li:nth-child(5) { min-width: 145px; }
	.Main.new .navbar_center .top_menu > li:nth-child(6) { min-width: 145px; }
	
	.Main.new .navbar_center.eng .top_menu > li .depth_1 { font-size: 18px; }
	.Main.new .navbar_center.eng .top_menu > li.cus_gnb .depth_1 span { display: none;}

}

@media all and (max-width: 1600px){
	/* 영문 헤더 */
	.Main.new .navbar_center.eng .top_menu { margin-right: 6.5%; }
	.Main.new .navbar_center.eng .top_menu > li {  margin-right:0px; }
	.Main.new .navbar_center.eng .top_menu > li:nth-child(1) { min-width: 130px; }
	.Main.new .navbar_center.eng .top_menu > li:nth-child(2) { min-width: 180px; }
	.Main.new .navbar_center.eng .top_menu > li:nth-child(3) { min-width: 150px; }
	.Main.new .navbar_center.eng .top_menu > li:nth-child(4) { min-width: 150px; }
	.Main.new .navbar_center.eng .top_menu > li:nth-child(5) { min-width: 170px;}
	.Main.new .navbar_center.eng .top_menu > li:nth-child(6) { min-width: 150px; margin-right:0px;}
	.Main.new .navbar_center.eng .top_menu > li:last-child {  }
}
	
@media all and (max-width: 1500px){
	/*.Main.new #sitemap { display: none; }	
.Main.new .top_wrap {display: none; }

.Main.new .header.header_center { display: none; }
*/

	
	/*.Main.new .navbar_center .top_menu > li { min-width: 11vw; }*/
	.Main.new .navbar_center .top_menu { margin-right: 3.5vw; }
	.Main.new .navbar_center .top_menu > li { min-width: 8vw; margin-right: 0;  }

	.Main.new .navbar_center .top_menu > li .depth_1 { font-size:1.3vw; }
	.Main.new .navbar_center .top_menu .depth_2 a { font-size: 1.1vw; }
	.Main.new .navbar_center .top_menu > li .depth_2 .depth_title { padding-bottom: 0.667vw; margin-bottom:0; font-size: 1.155vw; }
	.Main.new .navbar_center .top_menu > li:nth-child(1) { min-width: 9.7vw; }
	.Main.new .navbar_center .top_menu > li:nth-child(2) { min-width: 9.7vw; }
	.Main.new .navbar_center .top_menu > li:nth-child(3) { min-width: 9.7vw; }
	.Main.new .navbar_center .top_menu > li:nth-child(4) { min-width: 9.7vw; }
	.Main.new .navbar_center .top_menu > li:nth-child(5) { min-width: 9.7vw; }
	.Main.new .navbar_center .top_menu > li:nth-child(6) { min-width: 9.7vw;}

	.Main.new .navbar_center .top_menu > li.cus_gnb .depth_1 span { display: none;}
	
	/* 영문 헤더 */
	.Main.new .navbar_center.eng .top_menu { margin-right: 6%; }
	.Main.new .navbar_center.eng .top_menu { margin-right: 1vw; }
	.Main.new .navbar_center.eng .top_menu > li .depth_1 { font-size:1.167vw; }
	.Main.new .navbar_center.eng .top_menu .depth_2 a { font-size:1.167vw;}
	.Main.new .navbar_center.eng .top_menu > li {  margin-right: 0.8vw; }
	.Main.new .navbar_center.eng .top_menu > li:nth-child(1) { min-width: 8vw; }
	.Main.new .navbar_center.eng .top_menu > li:nth-child(2) { min-width: 10vw; }
	.Main.new .navbar_center.eng .top_menu > li:nth-child(3) { min-width: 10vw; }
	.Main.new .navbar_center.eng .top_menu > li:nth-child(4) { min-width: 11vw; }
	.Main.new .navbar_center.eng .top_menu > li:nth-child(5) { min-width: 8vw;}
	.Main.new .navbar_center.eng .top_menu > li:nth-child(6) { min-width: 8vw; margin-right:1vw;}
	.Main.new .navbar_center.eng .top_menu > li:last-child { margin-right: 0; }
	.Main.new .navbar_center.eng .top_menu > li.cus_gnb { margin-right: 2vw;}
	
	.Main.new .navbar_center.eng .top_menu > li span { display: none; }

	.Main.new .navbar_center.fixed .top_menu > li:last-child a { font-size:1.167vw; }
}



@media all and (max-width: 1400px){	
	/* 영문 헤더 */
	.Main.new .navbar_center.eng .top_menu { margin-right: 6%; }
	.Main.new .navbar_center.eng .top_menu > li { min-width: auto; margin-right: 2.714vw;}
	.Main.new .navbar_center.eng .top_menu > li .depth_1 { font-size: 1.429vw; }
	.Main.new .navbar_center.eng .top_menu .depth_2 a { font-size:1.143vw; }
	.Main.new .navbar_center.eng .top_menu > li .depth_2 .depth_title { font-size: 1vw; } 
	.Main.new .navbar_center.eng .top_menu > li:last-child {  }


		/* 영문 헤더 */
	.Main.new .navbar_center.eng .top_menu { margin-right: 8%; }
	.Main.new .navbar_center.eng .top_menu > li { margin-right:1vw; }
	.Main.new .navbar_center.eng .top_menu > li:nth-child(1) { min-width: 8vw; }
	.Main.new .navbar_center.eng .top_menu > li:nth-child(2) { min-width: 10vw; }
	.Main.new .navbar_center.eng .top_menu > li:nth-child(3) { min-width: 12.5vw; }
	.Main.new .navbar_center.eng .top_menu > li:nth-child(4) { min-width: 12vw; }
	.Main.new .navbar_center.eng .top_menu > li:nth-child(5) { min-width: 9vw;}
	.Main.new .navbar_center.eng .top_menu > li:nth-child(6) { min-width: 9vw; margin-right:0.5vw;}
	.Main.new .navbar_center.eng .top_menu > li:last-child { margin-right: 0.5vw; }
	
	
		
	/* 영문 헤더 */
	.Main.new .navbar_center.eng .top_menu { margin-right: 1vw; }
	.Main.new .navbar_center.eng .top_menu > li .depth_1 { font-size:1.167vw; }
	.Main.new .navbar_center.eng .top_menu .depth_2 a { font-size:1.167vw;}
	.Main.new .navbar_center.eng .top_menu > li {  margin-right:0vw; }
	.Main.new .navbar_center.eng .top_menu > li:nth-child(1) { min-width: 8vw; }
	.Main.new .navbar_center.eng .top_menu > li:nth-child(2) { min-width: 10vw; }
	.Main.new .navbar_center.eng .top_menu > li:nth-child(3) { min-width: 10vw; }
	.Main.new .navbar_center.eng .top_menu > li:nth-child(4) { min-width: 11vw; }
	.Main.new .navbar_center.eng .top_menu > li:nth-child(5) { min-width: 8vw;}
	.Main.new .navbar_center.eng .top_menu > li:nth-child(6) { min-width: 8vw; margin-right:0.5vw;}
	.Main.new .navbar_center.eng .top_menu > li:last-child { margin-right: 0; }
	.Main.new .navbar_center.eng .top_menu > li.cus_gnb { margin-right: 2vw;}

	.Main.new .navbar_center.eng .top_menu > li span { display: none; }
}
@media all and (max-width: 1240px){	
	.contents_tab.fixed { top: 100px; }
}

@media all and (max-width: 1200px){	
	.contents_tab.fixed { top: 60px; }
	#hackathon .hackathon_tab { top: 60px;}
	
	.Main.new .header_center .top_wrap .right { top: 0; }
	.Main.new .header_center .top_wrap .right > li { height: auto; }
	.Main.new .header_center { height: 60px; border-bottom: 1px solid #FFFFFF4D; display: flex; align-items: center; justify-content: flex-end; }
	.Main.new .header_center .top_wrap .centerWrap { padding: 0 15px 0 14px; display: flex; align-items: center; justify-content: flex-end; }
	
	.Main.new .top_contact { margin: 0 48px 0 0; width: 73px; height: 28px; border-radius: 4px; font-size: 14px; border: 1px solid #fff; color: #fff; font-weight: 700; display: flex; align-items: center; justify-content: center; }
	.Main.new .header_center.fixed .top_contact { border: 1px solid #1A235A; color: #1A235A; }
		
	.Main.new .siteMap { background-color: transparent; padding: 7px 0; }
	.Main.new .header_center.fixed .siteMap span { background-color: #222222; }
	
	.Main.new .header.header_center { display: flex; }
	.Main.new .navbar_center { display:none; }
	.Main.new .top_wrap { display: block;  }
	.Main.new #sitemap .mobile.logo { display:flex; align-items: center; justify-content: flex-end; height: 60px; background-color:#fff; border-bottom: 1px solid #DDDDDD;         padding: 0 15px 0; }
	.Main.new #sitemap .mobile.logo .btns {}
	.Main.new #sitemap .mobile.logo .btns img {}
	.Main.new #sitemap .mobile.logo .m_contact { margin: 0 48px 0 0; width: 73px; height: 28px; border-radius: 4px; font-size: 14px; border: 1px solid #1A235A; color: #1A235A; font-weight:700; display: flex; align-items: center; justify-content: center; }
	
	.Main.new #sitemap .mobile.logo .m_logo { width:65px; height: 27px; margin: 0 auto 0 0; }
	.Main.new #sitemap .mobile.logo .m_logo img { width: 100%; }
	.Main.new #sitemap .btn_close { top: 14px; }
	.Main.new #sitemap .btn_close img { width: 32px; }
	
		
	.Main.new #sitemap .depth_1 { border-bottom: 0; font-size:18px; color:#555555; }
	.Main.new #sitemap li > .depth_1 { padding: 12px 16px; background-color: #F2F4FC; }
	
	.Main.new #sitemap li.active .depth_1 { color:#1A235A; font-weight: 500;  }
	.Main.new #sitemap li.active .depth_1 span { position:relative;}
	.Main.new #sitemap li.active .depth_1 span:before { content: ""; width: 100%; height:2px; position:absolute; left:0; bottom: -8px; background-color: #1A235A; }
	.Main.new #sitemap li:first-child > .depth_1 { padding-top:30px; }
	.Main.new #sitemap li:first-child > .depth_2 { padding-top:20px; }
	
		
	.Main.new #sitemap .depth_2 { padding-top:0; }
	.Main.new #sitemap .depth_2.working { padding-top:30px; }
	.Main.new #sitemap .depth_2.working .depth_title { padding:1px 25px; font-weight:700; font-size:16px; margin:12px 0; cursor:pointer; }
	.Main.new #sitemap .depth_2.working .depth_title:first-child { margin:0 0 12px 0; }
	.Main.new #sitemap .depth_2.list_type li { padding-left: 16px; position: relative; color:#666666;}
	.Main.new #sitemap .depth_2.list_type li:before {  position: absolute; content: "·"; top: 50%; transform: translateY(-50%); left: 24px;; font-size:20px; color:#666;}
	.Main.new #sitemap .depth_2.list_type li a { line-height: 1.8; color: #666; font-weight:400; }
	
	.Main.new #sitemap .depth_2 li > a { font-size: 16px; line-height: 2.5;  border-bottom: 0; color: #555555; font-weight: 500; }
	
	.Main.new #sitemap.eng li > .depth_1 { min-width: 180px;  }
	.Main.new #sitemap.eng .depth_2 { width: calc(100% - 180px); }
	
	
	.Main.new .top_contact { margin: 0 48px 0 0; width: 73px; height: 28px; border-radius: 4px; font-size: 14px; border: 1px solid #fff; color: #fff; font-weight: 700; display: flex; align-items: center; justify-content: center; }
	.Main.new .header_center.fixed .top_contact { border: 1px solid #1A235A; color: #1A235A; }
	
	
	.Main.new .top_contact.cus_gnb {
		border: none;
		width: 36px;
		height: 32px;
		background:url("/img/contents/gnb_contact_02.png");
		background-size: cover;
	}
	.Main.new .top_contact.cus_gnb.contact {
		margin-right: 48px;
		background:url("/img/contents/gnb_contact_01.png");
		background-size: cover;
	}
	.Main.new .top_contact.cus_gnb img {
		width: 100%;
	}
	.Main.new .header_center.fixed .top_contact.cus_gnb {
		height: 100%;
	}
	
	.Main.new .header_center.fixed .top_contact.cus_gnb {
		width: 36px;
		height: 32px;
		background:url("/img/contents/gnb_contact_02_on.png");
		background-size: cover;
		border: none;
	}
	.Main.new .header_center.fixed .top_contact.cus_gnb.contact {
		width: 36px;
		height: 32px;
		background:url("/img/contents/gnb_contact_01_on.png");		
		background-size: cover;
		border: none;
	}
	
	.Main.new .header_center .move_community {
		padding: 8px;
		height: 32px;
		display: flex;
		gap: 4px;
		margin-right: 49px;
		align-items: center;
        justify-content: center;
		background: #FFFFFF26;
		border: 1px solid #FFFFFF80;
		border-radius:4px;
	}	

	.Main.new .header_center  .move_community .cc_first { width: 18px; }
	.Main.new .header_center  .move_community .cc_first img { width:100%; }
	.Main.new .header_center  .move_community .cc_txt { font-size:13px; color: #fff; font-weight: 600;	font-family: "Pretendard-Regular", sans-serif; }
	.Main.new .header_center  .move_community .cc_last {}
	.Main.new .header_center  .move_community .cc_last img { width: 8px; }	
	
	.Main.new .header_center.fixed {}
	.Main.new .header_center.fixed .move_community  {
		background: #1A235A;
		border: 1px solid #1A235A;
	}
	
	.Main.new #sitemap .mobile.logo .site_link {
		margin-right: 33px;
		display: flex;
		gap: 9px;
	}
	.Main.new #sitemap .mobile.logo .site_link > .did {
		display: block;
		border: none;
        width: 36px;
        height: 32px;
		background: url(/img/contents/gnb_contact_02_on.png);
        background-size: cover;
        border: none;
	}
	.Main.new #sitemap .mobile.logo .site_link > .contact {
		display: block;
		border: none;
		width: 36px;
        height: 32px;
        background: url(/img/contents/gnb_contact_01_on.png);
        background-size: cover;
        border: none;
	}
	
	.Main.new #sitemap .mobile.logo .site_link_ct > .did {
		margin-right: 49px;
		padding: 0 8px;
		height: 32px;
		display: flex;
		gap: 4px;
		background-color: #1A235A;
		border: 1px solid #1A235A;
		align-items: center;
		border-radius: 4px;
	}
	
	
	.Main.new #sitemap .mobile.logo .site_link_ct > .did .cc_first { width: 18px; }
	.Main.new #sitemap .mobile.logo .site_link_ct > .did .cc_first img { width:100%; }
	.Main.new #sitemap .mobile.logo .site_link_ct > .did .cc_txt {
		font-size:13px;
		color: #fff;
		font-weight: 600;
		font-family: "Pretendard-Regular", sans-serif;
	}
	.Main.new #sitemap .mobile.logo .site_link_ct > .did .cc_last {}
	.Main.new #sitemap .mobile.logo .site_link_ct > .did .cc_last img { width: 8px; }
	
	.Main.new #sitemap .mo_contact {
		padding: 16px 12px;
	}
	.Main.new #sitemap .mo_contact a {
		display: flex;		
        align-items: center;
        justify-content: center;
		border-radius: 4px;
		background-color: #1A235A;
		color: #fff;
		font-weight: 600;
		font-size: 16px;
		line-height: 42px;
		font-family: "Pretendard-Regular", sans-serif;

	}
	.top_title_banner .text_con .txt_area .m_title { display:none; }
	body.cust.active .header.header_center { top: 60px; }
	body.cust.active .middle_wrap .logo a { top: 74px; }
	
	.top_title_banner .con_pc_area {}
}

@media all and (max-width: 1100px){
	.new_footer .footerWrap .more .community > div span { display:none; }
}



@media all and (max-width: 1023px) {
	.contents_tab.custom {
		padding: 4.4444vw 0;
		display: flex;
		flex-direction: row;
		flex-wrap: wrap;
		height: auto;
	}
	
	    
	
	.contents_tab.custom .tabs:last-child { 
		margin-right: -4.5%;
	}
	
	.Main.new .header_center {
		height: 140px;
	}

	.top_title_banner .con_pc_area { display:none; }
	.top_title_banner .con_mo_area {	
		background-color: #F4D26A;
		display: flex;
		flex-direction: column;
		position: relative;
		gap: 12px;
		padding: 16px 32px;
		width: 100%;
		position: absolute;
		z-index: 99;
		margin-top: -140px;
		height: 140px;
	}

	.top_title_banner .con_mo_area .top_dp_flex {
		display: flex;
	}
	.top_title_banner .con_mo_area .top_content_between {
		justify-content: space-between;
	}

	.top_title_banner .con_mo_area .mo_1 {
		align-items: center;
	}
	.top_title_banner .con_mo_area .mo_1 > div {
		display: block;
		width: 36px;
		height: 32px;
		margin-right: 5px;
		background: url("/img/hackathon/mobile_id.svg") center center / cover no-repeat;
	}

	.top_title_banner .con_mo_area .mo_1 p {
		font-weight: 400;	
		color: #242021;
		font-size: 28px;
		line-height: 1.25;
	}
	.top_title_banner .con_mo_area .mo_1 p strong {
		font-weight: 700;
	}
	.top_title_banner .con_mo_area .mo_1 p span {
	}
	.top_title_banner .con_mo_area .mo_2 {}
	.top_title_banner .con_mo_area .mo_2 .more_btn {
		cursor: pointer;
		background-color: #FFEBAE;	
		display: flex;
		align-items: center;	
		border: 1px solid #BAA154;
		border-radius: 8px;
		padding: 0px 16px;
		gap: 12px;
		
	}
	.top_title_banner .con_mo_area .mo_2 .more_btn p {
		font-weight: 700;
		font-size: 24px;
		line-height: 48px;
		color: #242021;

	}
	
	.top_title_banner.eng .con_mo_area .mo_1 p {
		font-size: 26px;
	}
	.top_title_banner.eng.sub_page .con_mo_area .mo_1 p {
		font-size: 24px;
	}
	.top_title_banner.eng .con_mo_area .mo_2 .more_btn p {
		font-size: 20px;
	}
	.top_title_banner .con_mo_area .mo_2 .more_btn img {
		width: 8px;
	}

	.top_title_banner .con_mo_area .mo_2 .check_group {
		display: flex;
		align-items: center;
	}

	.top_title_banner .con_mo_area .mo_2 .check_group {
		margin-left: auto;
		display: inline-block;
		position: relative;
	}
	.top_title_banner .con_mo_area .mo_2 .check_group input[type="checkbox"] {
		width: 0;
		height: 0;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
	}
	.top_title_banner .con_mo_area .mo_2  .check_group input[type="checkbox"] + label { 
		display: inline-block; 
		line-height: 52px; 
		padding-left: 36px; 
		font-size: 24px; 
		color: rgba(51, 51, 51, 1);  
		background: url("../img/renewal/checkbox_off.png") top left no-repeat; 
		background-size: auto 26px; 
		position: relative; 
		z-index: 1;  
		background-position-y: 48%; 
	}
	.top_title_banner .con_mo_area .mo_2 .check_group input[type="checkbox"] + label span {
		color: rgba(255, 132, 0, 1);
	}
	.top_title_banner .con_mo_area .mo_2  .check_group input[type="checkbox"]:checked + label {
		background-image: url("../img/renewal/checkbox_on.png");
	}
	.top_title_banner .con_mo_area .mo_2  .check_group a {
		color: #006adf;
		font-weight: 700;
		text-decoration: underline;
	}



	.top_title_banner .con_mo_area .banner_close {
		cursor: pointer;
		position: absolute;	
		top: 26px;
		right: 24px;
		z-index: 9;
		width: 20px;
	}

	.top_title_banner .con_mo_area .banner_close img {
		width: 100%;
	}

	body.cust { padding-top: 0px; transition:all 0.05s; }
	body.cust.active { padding-top: 140px; }
	/*body.cust.active .middle_wrap .logo a { top: 170px; transition:all 0.05s; }*/
	body.cust.active .middle_wrap .logo a { top: 170px; transition:all 0.05s; }
	body.cust.active .header.header_center { margin-top: 140px; top:0px; }


	/**********************/
	/*
	.Main.new .header_center {
		margin-top: 19.444vw;
	}
	body.cust.active .middle_wrap .logo a {
		top: 200px;
		transition: all 0.05s;
	}
	*/
	/**********************/


	/* 메인 영상 색션 */
	#movie { padding: 2.222vw 0; width: 100%; }
	#movie .movie_area { height:52.2vw; }
	
	.bar { width: 40px; height: 2px; margin: 36px auto; }
	.mini_bar { width: 5.556vw; margin:3.333vw 0; }

	.new_main_title { font-size: 6.111vw; }
	
	.new_main_var { margin: 4.444vw auto; width: 5.556vw; height: 2px; }

	.main_sections { padding: 11.111vw 0; min-height: auto; }
	.main_sections_1 { padding: 100px 0 11.111vw 0; }
	.main_sections.short { height: auto; }
	.main_section_1 { height: 77.778vw; }
	.main_section_1 .txt_wrap { margin-top: -12.778vw; }
	.main_section_1 .txt_wrap .title { font-size: 7.778vw;  }
	.main_section_1 .txt_wrap .subtitle { font-size: 3.333vw; }


	.main_section_1 .board_list { bottom: auto; top: 95%; }

	.main_section_1 .board_list .lists { display: flex; justify-content: space-between; flex-direction: column; gap: 4.444vw; }
	.main_section_1 .board_list .lists .list { border-radius: 3.333vw; }
	.main_section_1 .board_list .lists .list .list_con { padding: 6.667vw; height:auto; }
	.main_section_1 .board_list .lists .list .list_con .list_head { gap: 3.333vw; }
	.main_section_1 .board_list .lists .list .list_con .list_head p {  font-size: 5.556vw; }
	.main_section_1 .board_list .lists .list .list_con .list_head a img { width: 5.556vw; }

	.main_section_1 .board_list .lists .list .list_con .list_body ul li { padding-top:2.222vw; padding-bottom:2.222vw; }
	.main_section_1 .board_list .lists .list .list_con .list_body ul li a { gap: 1.667vw; }
	.main_section_1 .board_list .lists .list .list_con .list_body ul li a span {  margin-top: 0px; width: 5.000vw; height: 5.000vw; line-height: 5.000vw;  font-size: 2.500vw; }
	.main_section_1 .board_list .lists .list .list_con .list_body ul li a p { font-size: 4.167vw; }
	.main_section_1 .board_list .lists .list .list_con .list_body ul li.active a p { min-height: auto; -webkit-line-clamp: 1;  }
	

	.main_section_2 { padding: 125vw 0 11.111vw; }
	.main_section_2 .section_con {}
	.main_section_2 .section_con ul { display: flex; flex-direction: column; flex-wrap: nowrap; column-gap: 0px; row-gap: 6.667vw; }
	.main_section_2 .section_con ul li { width: 100%; display: flex; gap: 4.444vw; }
	.main_section_2 .section_con ul li > div:first-child { width: 22.222vw; height:22.222vw; border-radius:7.778vw; box-shadow: 4px 4px 10px 0px #E2E6F9; }
	.main_section_2 .section_con ul li > div:first-child img { height: 10.000vw; width: auto; }
	.main_section_2 .section_con ul li > div:last-child { flex: 1; }
	.main_section_2 .section_con ul li > div:last-child .subject { margin-bottom: 2.222vw; font-size: 5.000vw; }
	.main_section_2 .section_con ul li > div:last-child .txt { letter-spacing: -0.139vw; font-size: 3.333vw; }

	.main_section_3 { }
	.main_section_3 .section_con {}
	.main_section_3 .section_con .section_tab { margin-bottom: 6.667vw; }
	.main_section_3 .section_con .section_tab ul {  gap:3.333vw; }
	.main_section_3 .section_con .section_tab ul li { border-radius: 16.667vw; padding:0 3.333vw; font-size:4.167vw; line-height: 8.333vw; }

	.memberLogoSwiper_zigzag { overflow: hidden; height: 38vw; }
	.memberLogoSwiper_zigzag .swiper-wrapper .swiper-slide { border-radius: 2.222vw; width: 29.167vw; height: 13.333vw; margin-right: 2.222vw; margin-left: -10.889vw; }
	.memberLogoSwiper_zigzag .swiper-wrapper .swiper-slide img { width: 38.889vw; }
	.memberLogoSwiper_zigzag .swiper-wrapper .swiper-slide:not(.dissibled):nth-child(odd) {  margin-top: 20.556vw;}
	
		
		
	.ht_section3 .accordion-table td .none_data {
		padding: 22.222vw 0;
		gap: 2.778vw;
	}
	.ht_section3 .accordion-table td .none_data .img { width: 12.222vw; }
	.ht_section3 .accordion-table td .none_data .txt p {
		font-size: 5.000vw;
	}
	.ht_section3 .accordion-table td .none_data .txt span {
		font-size: 3.889vw;
	}


		
	.ht_section3 #searchForm {
		padding: 0 15px;
		position: relative;
		margin-bottom: 3.333vw;
		gap: 0;
	}
	.ht_section3 #searchForm select {
		padding: 0 2.22vw;
        border-radius: 1.667vw;
        font-size: 3.611vw;
        height: 11.111vw;
        width: 27.778vw;
	}
	
	
	.ht_section3 #searchForm select,
	.ht_section3 #searchForm input {
		margin: 0;
		height: 11.111vw;
		border-radius:1.667vw;
	}
	.ht_section3 #searchForm input {
		margin: 0 0 0 1.667vw;
        border-radius: 1.667vw;
        width: calc(100% - 29.445vw);
        height: 11.111vw;
        font-size: 3.611vw;
	}
	
	.ht_section3 #searchForm select.eng { width: 45%; }
	.ht_section3 #searchForm input.eng { width: 53%; }
	
	.ht_section3 #searchForm  button {
		position: absolute;
        top: 0.278vw;
        right: 3.278vw;
        gap: 0;
        border-radius: 1.667vw;
        width: 10.556vw;
        height: 10.556vw;
        background-color: #fff;
        border: 0;
	}
	.ht_section3 #searchForm  button img { width: 4.167vw; }
	.ht_section3 #searchForm  button span {
		display:none;
	}

	#faqPagination {
		margin-top:12px;
	}
	
	
	.main_section_4 .section_con { display: flex; flex-direction: column; gap:6.667vw; }
	.main_section_4 .section_con > div { width: 100%; border-radius: 2.778vw; box-shadow: 0.833vw 0.833vw 3.333vw 0px #E2E6F9; }
	.main_section_4 .section_con > div .con_img {  }
	.main_section_4 .section_con > div .con_img img { width: 100%; }
	.main_section_4 .section_con > div .con { padding:5.556vw; }
	
	.main_section_4 .section_con > div .con_title { margin-bottom: 4.444vw; font-size: 5vw; line-height: 1.4; }
	
	.main_section_4 .section_con > div .con .con_tag { }
	.main_section_4 .section_con > div .con .con_tag { gap: 1.667vw; margin-bottom: 5.556vw; }
	.main_section_4 .section_con > div .con .con_tag span { border-radius:8.333vw; padding: 1.667vw 4.444vw; font-size: 3.611vw;  }

	.main_section_4 .section_con > div .con .con_btn { }
	.main_section_4 .section_con > div .con .con_btn a { gap: 2.222vw; height: 15.556vw; border-radius: 2.222vw; }
	.main_section_4 .section_con > div .con .con_btn a p { font-size:4.444vw; }
	.main_section_4 .section_con > div .con .con_btn a span { width: 4.444vw; height: 4.444vw; }
	
	.main_section_5 { padding: 11.111vw 0 22.222vw; }
	.main_section_5 .section_con .banner_title { padding: 0 8.889vw; margin-bottom: 6.667vw; height:27.778vw; border-radius: 2.778vw; }
	.main_section_5 .section_con .banner_title > p { font-size:5vw;  }
	.main_section_5 .section_con .banner_title > p span { display: none; }
	
	.main_section_5 .section_con .banner_title a { gap: 1.667vw; border-radius:50px; padding: 1.667vw 1.667vw 1.667vw 3.333vw;   }
	.main_section_5 .section_con .banner_title a p { font-size:3.333vw; line-height: 3.889vw;  }
	.main_section_5 .section_con .banner_title a span {  width: 3.889vw; height: 3.889vw; }

		
		
	.main_section_5 .section_con .slides {}
	.main_section_5 .section_con .slides .events_contents {}
	.main_section_5 .section_con .slides .events_contents a {}
	.main_section_5 .section_con .slides .events_contents a span { top: 50%; left:auto; bottom: auto; right: 14px; background-color: #FF8400; border-radius: 60px; }
	.main_section_5 .section_con .slides .events_title_wrap { padding: 24px 0; height: 120px; }

	.main_section_5 .section_con .slides .events_title { margin-top: 12px; padding-left: 0; }
	.main_section_5 .section_con .slides .events_title h1 {  color: #192042; font-size: 24px; line-height: 1.25; font-weight: 700; }
	.main_section_5 .section_con .slides .events_contents a p { margin-top: 0; font-size:18px; line-height: 1.25; font-weight: 400; color: #192042B2;}
	.main_section_5 .section_con .slides .img_wrap { border-radius: 16px; }


	.new_event_swiper { height: 65vw; }
	.new_event_swiper a span {padding:0 3.333vw ; line-height: 8.333vw; font-size:4.167vw; top: 29.722vw; left:auto; bottom: auto; right: 5.556vw; border-radius: 8.333vw; }
	.new_event_swiper .events_title_wrap { padding: 4.444vw 0; height: 21.667vw; }
	.new_event_swiper .events_title_wrap p { font-size: 3.611vw; }
	.new_event_swiper .events_title { margin-top: 2.222vw; }
	.new_event_swiper .events_title h1 { font-size: 5vw; line-height: 1.25; }
	
	.new_event_swiper .img_wrap { height:43.611vw; border-radius: 2.778vw; }

	.new_event_swiper .swiper-pagination { bottom: -5.556vw !important; }
	.new_event_swiper .swiper-pagination .swiper-pagination-bullet { margin: 0 2.222vw; width: 3.333vw; height:3.333vw; }


	/* 푸터 */
	.new_footer { padding: 11.111vw 0; }
	.new_footer .footerWrap { width: 100%; }
	.new_footer .footerWrap .info { }
	.new_footer .footerWrap .info .nl {}
	.new_footer .footerWrap .info .nl p { font-size: 5.000vw;  }
	.new_footer .footerWrap .info .nl:first-child { margin-bottom: 6.667vw; }

	.new_footer .footerWrap .info .nl ul { flex-direction: column; gap: 1.778vw; }
	.new_footer .footerWrap .info .nl ul li { display: flex; align-items: center; gap: 2.778vw; }
	.new_footer .footerWrap .info .nl ul li img {  }
	.new_footer .footerWrap .info .nl ul li span { font-size: 3.889vw; }
	.new_footer .footerWrap .info .nl ul li a { font-size: 3.889vw; }

	.new_footer .footerWrap .info .nl ul li.mail img { height:3.333vw; }
	.new_footer .footerWrap .info .nl ul li.call img { height:3.889vw;  }

	.new_footer .footerWrap .info .copy { margin-top: 30vw; font-size:3.889vw; }

	.new_footer .footerWrap .more { display: flex; flex-direction: column; align-items: flex-end; gap:4.444vw; right:15px; top:-5%; transform: translateY(-0%); }
	.new_footer .footerWrap .more a img { width: 12.778vw; height: 12.7778vw; }
	
	
	
	.new_footer .footerWrap .more_links { position: static; margin-top: -20vw; padding:0 15px; }
	.new_footer .footerWrap .more_links ul { display: flex; gap: 3.333vw; }
	.new_footer .footerWrap .more_links ul li {}
	.new_footer .footerWrap .more_links ul li a {  }
	.new_footer .footerWrap .more_links ul li a img { width: auto; height: 7.222vw; }
	.new_footer .footerWrap .more_links ul li:last-child { width: 100%; }
	
	.new_footer.cus .footerWrap .info .copy { margin-top: 44vw; }
	
	
	.new_footer.cus .footerWrap .more.cus {
		left:15px;
		gap: 2vw;    	
		display: flex;
		align-items: center;
		top: 34.5vw;
		transform: translateY(0%);
		flex-direction: row;
	}
	.new_footer .footerWrap .more .community { margin-right: 0; }
	.new_footer .footerWrap .more .community > div {font-size: 3.45vw;	}
	.new_footer .footerWrap .more .community > div span { display: inline-block; }
	
	.new_footer .footerWrap .more .community > div { height: 9.167vw; }
	
	
	.nice-select { width: 30vw; font-size: 3.611vw; height:9.167vw; }
	.nice-select > span { line-height: 8.611vw; }
	.nice-select .list { width: 100%; top: auto !important; bottom: 115% !important;}

	
	
	.Main.new .header_center .top_wrap .right { top: 0; }
	.Main.new .header_center .top_wrap .right > li { height: auto; }
	.Main.new .header_center { height: 60px; border-bottom: 1px solid #FFFFFF4D; display: flex; align-items: center; justify-content: flex-end; }
	.Main.new .header_center .top_wrap .centerWrap { padding: 0 15px 0 14px; display: flex; align-items: center; justify-content: flex-end; }
	
	
		
	.Main.new .siteMap { background-color: transparent; padding: 7px 0; }
	.Main.new .header_center.fixed .siteMap span { background-color: #222222; }
	
	.Main.new .header.header_center { display: flex;  }
	.Main.new .navbar_center { display:none; }
	.Main.new .top_wrap { display: block;  }
	.Main.new #sitemap { display: none; }
	.Main.new #sitemap.active { display: block; }
	.Main.new #sitemap .mobile.logo { display:flex; align-items: center; justify-content: flex-end; height: 60px; background-color:#fff; border-bottom: 1px solid #DDDDDD; }
	.Main.new #sitemap .mobile.logo .btns {}
	.Main.new #sitemap .mobile.logo .btns img {}
	.Main.new #sitemap .mobile.logo .m_contact { margin: 0 48px 0 0; width: 73px; height: 28px; border-radius: 4px; font-size: 14px; border: 1px solid #1A235A; color: #1A235A; font-weight:700; display: flex; align-items: center; justify-content: center; }
	
	.Main.new #sitemap .mobile.logo .m_logo { width:65px; height: 27px; margin: 0 auto 0 0; }
	.Main.new #sitemap .mobile.logo .m_logo img { width: 100%; }
	.Main.new #sitemap .btn_close { top: 14px; }
	.Main.new #sitemap .btn_close img { width: 32px; }
	
		
	.Main.new #sitemap .depth_1 { border-bottom: 0; font-size:18px; color:#555555; }
	.Main.new #sitemap li > .depth_1 { padding: 12px 16px; background-color: #F2F4FC; }
	
	.Main.new #sitemap li.active .depth_1 { color:#1A235A; font-weight: 500;  }
	.Main.new #sitemap li.active .depth_1 span { position:relative;}
	.Main.new #sitemap li.active .depth_1 span:before { content: ""; width: 100%; height:2px; position:absolute; left:0; bottom: -8px; background-color: #1A235A; }
	.Main.new #sitemap li:first-child > .depth_1 { padding-top:30px; }
	.Main.new #sitemap li > .depth_2 { padding-top:20px; }
	
		
	.Main.new #sitemap .depth_2 { padding-top:0; }
	.Main.new #sitemap .depth_2 li > a {  line-height: 2.5;  border-bottom: 0; color: #555555; }
		
		
	
	/* 페이지 탑 */
	.sub_visual_wrap.renewal { height: 50vw; }
	.sub_visual_wrap.renewal > h1 { margin-top:12.22vw; font-size: 6.667vw; }
	
	
	.sub_visual_wrap.renewal.greetings { background:url(/img/contents/m_sub_visual_01.png) no-repeat center; }
	.sub_visual_wrap.renewal.overview { background:url(/img/contents/m_sub_visual_01.png) no-repeat center; }
	.sub_visual_wrap.renewal.background { background:url(/img/contents/m_sub_visual_01.png) no-repeat center; }
	.sub_visual_wrap.renewal.founder { background:url(/img/contents/m_sub_visual_01.png) no-repeat center; }

	.sub_visual_wrap.renewal.policy { background:url(/img/contents/m_sub_visual_02.png) no-repeat center; }

	.sub_visual_wrap.renewal.principles {background:url(/img/contents/m_sub_visual_02.png) no-repeat center; }
	.sub_visual_wrap.renewal.trust {background:url(/img/contents/m_sub_visual_02.png) no-repeat center; }
	.sub_visual_wrap.renewal.wallet {background:url(/img/contents/m_sub_visual_02.png) no-repeat center; }
	.sub_visual_wrap.renewal.did {background:url(/img/contents/m_sub_visual_02.png) no-repeat center; }
	.sub_visual_wrap.renewal.security {background:url(/img/contents/m_sub_visual_02.png) no-repeat center; }
	.sub_visual_wrap.renewal.global { background:url(/img/contents/m_sub_visual_02.png) no-repeat center; }

	.sub_visual_wrap.renewal.membership { background:url(/img/contents/m_sub_visual_03.png) no-repeat center; }
	.sub_visual_wrap.renewal.join { background:url(/img/contents/m_sub_visual_03.png) no-repeat center; }

	.sub_visual_wrap.renewal.notice { background:url(/img/contents/m_sub_visual_04.png) no-repeat center; }
	.sub_visual_wrap.renewal.notice_eng { background:url(/img/contents/m_sub_visual_04.png) no-repeat center; }
	.sub_visual_wrap.renewal.press { background:url(/img/contents/m_sub_visual_05.png) no-repeat center; }
	.sub_visual_wrap.renewal.press_eng { background:url(/img/contents/m_sub_visual_05.png) no-repeat center; }

	.sub_visual_wrap.renewal.contact { background:url(/img/contents/m_sub_visual_06.png) no-repeat center; }



	
	.sub_contents_wrap.renewal { padding: 8.889vw 0; overflow: auto; }
	#overview .sub_contents_wrap.renewal { padding: 8.889vw0 0 0; }
	#founder .sub_contents_wrap.renewal { padding: 8.889vw 0 0 0; }
	#membership .sub_contents_wrap.renewal { padding: 8.889vw 0 0 0; }
	#bbs_list .sub_contents_wrap.renewal { padding: 11.111vw 0 8.889vw 0; }
	#bbs_view .sub_contents_wrap.renewal { padding: 11.111vw 0 8.889vw 0; }
	#contact.contact .sub_contents_wrap.renewal { padding: 11.111vw 0 8.889vw 0; }
	
	.sub_contents_wrap.renewal .centerWrap { padding:0px 15px 0px; }
	.sub_contents_wrap.renewal.fixed .contents_1 { margin-top:150px; }



	.page_title_wrap.renewal { margin-bottom: 8.889vw; }
	.page_title_wrap.renewal.con_page { margin-bottom: 8.889vw; }
	.page_title_wrap.renewal h1 { font-size: 5.556vw; }
	.page_title_wrap.renewal h1:after { width: 5vw; margin: 4.444vw auto 0; }

	
	/* 인사말 */
	#greetings {}
	#greetings .page_contents_wrap {  background: url("/img/renewal/m_greetings_bg.png") top right / 80% no-repeat;  }
	#greetings .page_contents_wrap .txt_area_1 { letter-spacing: -1px; padding-top: 6.667vw; margin-bottom: 6.667vw; font-size: 6.667vw; }
	#greetings .page_contents_wrap .txt_area_2 { margin-bottom: 6.667vw; font-size:4.444vw;  }
	#greetings .page_contents_wrap .txt_area_3 { margin-bottom: 6.667vw; font-size:3.889vw; }
	#greetings .page_contents_wrap .txt_area_4 { font-size:4.167vw; }
	
	/* 협회개요 */
	#overview {}

	#overview .contents_1 { margin-bottom: 8.889vw; gap:4.444vw; flex-direction: column;}
	#overview .contents_1 .left_area { width: 100%; min-width: 100%; height: auto; }
	
	#overview .contents_1 .right_area .con_title { margin-bottom:2.222vw; font-size:5.000vw; }
	#overview .contents_1 .right_area .con_info { font-size: 3.889vw;  }
	#overview .contents_1 .right_area .con_info span { font-size: 3.889vw; }

	#overview .contents_2 { margin-bottom:8.889vw; gap: 4.444vw; flex-direction: column;}
	#overview .contents_2 .nl { border-radius: 3.333vw; }
	#overview .contents_2 .nl .con_top { height:17.778vw;  background-color: #5261A2;}
	
	#overview .contents_2 .nl .con_top .icon { width:100%; display:flex; justify-content: center; position: absolute; bottom:-50%; left:0%; }
	#overview .contents_2 .nl .con_top .icon img { width: 22.222vw; }
	#overview .contents_2 .nl .con_body { height:57.500vw; padding:10.444vw 4.444vw 0px 4.444vw; border-radius: 0 0 3.333vw 3.333vw; }
	#overview .contents_2 .nl .con_body .bar { margin:3.333vw auto; width: 3.333vw; height:1px; }
	#overview .contents_2 .nl .con_body .title { font-size: 5.000vw;  }
	#overview .contents_2 .nl .con_body .info { font-size: 3.611vw; }
	
	#overview .contents_2.eng .nl .con_body { height: auto;  padding:10.444vw 4.444vw 6.66vw 4.444vw;  }
	
	#overview .contents_3 { margin-bottom: 8.889vw; }
	#overview .contents_3 .con_title { margin-bottom:4.444vw; font-size: 5.556vw; }
	#overview .contents_3 .con_body { display: flex; flex-direction: column; gap: 4.444vw; }
	#overview .contents_3 .con_body .nl { height:auto; gap:2.222vw; flex-direction: column; }
	#overview .contents_3 .con_body .nl .img { width: 100%; min-width: auto; }
	#overview .contents_3 .con_body .nl .img img { width: 100%; }
	#overview .contents_3 .con_body .nl .txt .title { margin-bottom:1.111vw; font-size:4.167vw; }
	#overview .contents_3 .con_body .nl .txt .list ul li { margin-left: 4.444vw; font-size: 3.611vw; }

	#overview .contents_4 { padding:8.889vw 0; height:auto; }
	#overview .contents_4 .con_title { margin-bottom:4.444vw; font-size: 5.556vw; }
	#overview .contents_4 .con_body { display: flex; flex-direction: column;  gap: 2.222vw; lex-wrap: nowrap; }
	#overview .contents_4 .con_body .nl { padding: 3.333vw 11.111vw 3.333vw 5.56vw;  display: flex; flex-direction: row; align-items: center; gap: 2.222vw; background: url("/img/renewal/overview/m_nl_line.png") center center / 99% no-repeat; width: 100%; height:24.444vw; }
	#overview .contents_4 .con_body .nl .icon { width: 10.000vw; min-width: 10vw; }
	#overview .contents_4 .con_body .nl .icon img { width: 100%; }
	#overview .contents_4 .con_body .nl .txt { font-size: 3.333vw; }

	#overview .contents_4.eng .con_body .nl {   height:26.667vw; background: url("/img/renewal/overview/m_nl_line.png") center center / 99% no-repeat; }
	
	/* 설립배경 */
	#background .contents_1 { margin-bottom:8.889vw; }
	#background .contents_1 .con_title { margin-bottom:8.889vw; font-size:3.889vw; }
	#background .contents_1 .con_img { display: flex; flex-direction: column; gap:2.222vw; }
	#background .contents_1 .con_img .nl { border-radius: 3.333vw; }
	#background .contents_1 .con_img .nl .txt { border-radius: 0 0 3.333vw 3.333vw; height: auto !important; padding:3.333vw 0 6.667vw 0;}
	#background .contents_1 .con_img .nl .txt .title { margin-bottom: 2.222vw;  font-size:5.000vw; }
	#background .contents_1 .con_img .nl .txt .info { font-size:3.611vw; }

	#background .contents_2 { margin-bottom:6.667vw; }
	#background .contents_2 .con_title { margin-bottom:4.444vw; font-size:5.556vw; }
	#background .contents_2 .img { margin-bottom:4.444vw; }
	#background .contents_2 .info { font-size: 3.611vw; }

	#background .contents_3 { padding:0 4.444vw; border-radius:3.333vw;  }
	#background .contents_3 .nl { padding:4.444vw 0; gap:3.333vw; align-items: flex-start; }
	#background .contents_3 .nl .img  { width: 15.556vw; min-width: 15.556vw; }
	#background .contents_3 .nl .txt .subject { margin-bottom:1.111vw; font-size: 4.167vw; }
	#background .contents_3 .nl .txt .info { font-size:3.611vw; }
	
	/* 설립자 소개 */
	#founder .contents_1 { padding-bottom: 6.667vw; }
	#founder .contents_1 .img { margin-bottom: 4.4444vw; }
	#founder .contents_1 .info { font-size:3.8889vw; }
	#founder .contents_1 .info .line { margin: 4.4444vw 0; }
	#founder .contents_1 .info .txt { margin-bottom: 2.2222vw; }

	#founder .contents_2 { padding:8.8889vw 0; }
	#founder .contents_2 .nl { margin-bottom:6.6667vw; padding-bottom: 6.6667vw; gap:4.4444vw; }
	#founder .contents_2 .nl .img { width: 22.2222vw; min-width: 22.2222vw; }
	#founder .contents_2 .nl .info .title { margin-bottom:2.2222vw; font-size: 4.1667vw; }
	#founder .contents_2 .nl .info .txt { padding: 0 5.5vw; font-size:3.6111vw; }
	#founder .contents_2 .nl .info .txt:after { content: ""; position:absolute; top:0; left: 0; width: 3.8889vw; height:3.3333vw; background: url("/img/renewal/founder/q_marks_down.png") center center / cover no-repeat; }
	#founder .contents_2 .nl .info .txt:before { content: ""; position:absolute;  bottom: 0; right: 0; width: 3.8889vw; height:3.3333vw; background: url("/img/renewal/founder/q_marks_up.png") center center / cover no-repeat; }
	
	/*  워킹그룹 - 개인정보 보호 정책 */
	#policy { }
	#policy .contents_1 { }
	#policy .contents_1 .img { margin-bottom: 4.4444vw; }

	/* 약관 폼 */
	#privacy_con {  }
	#privacy_con div {  margin-bottom:4.4444vw; font-size: 3.6111vw; }
	#privacy_con div h1 { margin-bottom:2.2222vw; font-size: 4.1667vw; }
	#privacy_con div p { margin-bottom: 2.2222vw; font-size:3.6111vw; color:#222222; }
	#privacy_con div ul {  }
	#privacy_con div ul li { font-size: 3.6111vw; }

	#privacy_con table { margin-top: 2.2222vw; }
	#privacy_con table thead tr { height: 8.3333vw; }
	#privacy_con table thead tr th { font-size: 3.8889vw; }
	#privacy_con table tbody { }
	#privacy_con table tbody tr { height:auto; border-bottom: 1px solid #DFE3F7; }
	#privacy_con table tbody tr td { padding:2.2222vw;  font-size: 3.6111vw; }
	#privacy_con table tbody tr td span { font-weight: 700; }
	#privacy_con .subTitle { margin-bottom: 2.2222vw; font-size: 3.8889vw; }


	/*  워킹그룹 - 개요원칙 */
	#principles { }
	#principles .contents_1 { padding-bottom: 4.4444vw; }
	#principles .contents_1 .img { margin-bottom: 4.4444vw; }

	#principles .contents_1 .info .title { margin-bottom:2.2222vw; font-size:4.1667vw; }
	#principles .contents_1 .info p { margin-bottom:3.3333vw; font-size:3.6111vw; }
	#principles .contents_1 .info span {  font-size:3.6111vw; }
	#principles .contents_1 .info ul  { margin-top: 3.3333vw; }
	#principles .contents_1 .info ul li { margin-left: 4.1667vw; font-size:3.6111vw; }

	#principles .contents_2 .img { margin-bottom: 4.4444vw; }
	
	#principles .contents_2 .info .title { margin-bottom:2.2222vw; font-size:4.1667vw; }

	#principles .contents_2 .info .info_boxs { display: flex; flex-direction: row; flex-wrap: wrap; column-gap: 1.1111vw; row-gap:1.1111vw; }
	#principles .contents_2 .info .info_boxs .box { min-height: 30.2778vw; height:auto; padding:3.3333vw; gap:2.2222vw; width: 100%; border-radius: 2.2222vw; }
	#principles .contents_2 .info .info_boxs .box .img { width: 10vw; min-width: 10vw }
	
	#principles .contents_2 .info .info_boxs .box .con .title { margin-bottom:1.1111vw; font-size:3.8889vw; }
	#principles .contents_2 .info .info_boxs .box .con .txt {  font-size:3.6111vw; }
	
	/* 컨텐츠 탭 */
	.contents_tab { top:60px; height:13.6111vw; gap: 4.4444vw; }
	.contents_tab .tabs { padding:0 4.4444vw; font-size:3.8889vw; border-radius:12.7778vw; }
	.contents_tab .tabs.on {  font-size:3.8889vw; line-height:7.5000vw; }
	.contents_tab.fixed { top: 60px; }


	/* trust */
	#trust .contents_1 { margin-top:6.6667vw; }
	#trust .contents_1 .img { margin-bottom: 4.4444vw; }

	#trust .contents_1 .info { font-size:4.4444vw; }
	#trust .contents_1 .info .title { margin-bottom:2.2222vw; font-size:4.4444vw; }
	#trust .contents_1 .info .line { margin: 4.4444vw 0; }
	#trust .contents_1 .info .txt { margin-bottom:  2.222vw; font-size:3.6111vw; }
	#trust .contents_1 .info .txt > div { font-size:3.6111vw; margin-bottom:2.2222vw; }
	#trust .contents_1 .info .img { margin-top:2.2222vw; font-size:3.6111vw; }
	#trust .contents_1 .info .preparing { font-size: 4.4444vw; height:27.7778vw; border-radius: 2.222vw; }
	#trust .contents_1 .info .preparing.eng { font-size: 3.6vw; line-height:1.5; text-align:center; }

	#trust .contents_1 .info ul { padding:3.3333vw 4.4444vw; border-radius:2.2222vw; }
	#trust .contents_1 .info ul.mb { margin-bottom:2.2222vw; }
	#trust .contents_1 .info ul li { margin-left:4.1667vw; margin-bottom:1.1111vw; font-size:3.6111vw; }

	#trust .contents_1 .info ul li a { gap: 1.111vw; }
	#trust .contents_1 .info ul li a p { font-size: 3.6111vw; line-height:1.2; }
	#trust .contents_1 .info ul li a img { width: 3.6111vw; height: 3.6111vw; }


	
	/* wallet */
	#wallet .contents_1 {  margin-top:6.6667vw; }
	#wallet .contents_1 .img {  margin-bottom: 4.4444vw; }

	#wallet .contents_1 .info { font-size:4.4444vw; }
	#wallet .contents_1 .info .title { margin-bottom:2.2222vw; font-size:4.4444vw; }
	#wallet .contents_1 .info .line { margin: 4.4444vw 0; }
	#wallet .contents_1 .info .txt { margin-bottom: 2.222vw; font-size:3.6111vw; }
	#wallet .contents_1 .info .txt > div  { font-size:3.6111vw; margin-bottom:2.2222vw; }
	#wallet .contents_1 .info .img { margin-top:2.2222vw; font-size:3.6111vw; }
	
	#wallet .contents_1 .info .preparing { font-size: 4.4444vw; height:27.7778vw; border-radius: 2.222vw;}
	#wallet .contents_1 .info .preparing.eng { font-size: 3.6vw; line-height:1.5; text-align:center; }
	
	#wallet .contents_1 .info ul { padding:3.3333vw 4.4444vw; border-radius:2.2222vw; }
	#wallet .contents_1 .info ul.mb { margin-bottom:2.2222vw; }
	#wallet .contents_1 .info ul li { margin-left:4.1667vw; margin-bottom:1.1111vw; font-size:3.6111vw; }
	
	#wallet .contents_1 .info ul li a { gap: 1.111vw; }
	#wallet .contents_1 .info ul li a p { font-size: 3.6111vw; line-height:1.2; }
	#wallet .contents_1 .info ul li a img { width: 3.6111vw; height: 3.6111vw; }
	
	
	/* did */
	#did .contents_1 {  margin-top:6.6667vw; }
	#did .contents_1 .img {  margin-bottom: 4.4444vw; }

	#did .contents_1 .info { font-size:4.4444vw; }
	#did .contents_1 .info .title { margin-bottom:2.2222vw; font-size:4.4444vw; }
	#did .contents_1 .info .line { margin: 4.4444vw 0; }
	#did .contents_1 .info .txt { margin-bottom: 2.222vw; font-size:3.6111vw; }
	#did .contents_1 .info .txt > div  { font-size:3.6111vw; margin-bottom:2.2222vw; }
	#did .contents_1 .info .img { margin-top:2.2222vw; font-size:3.6111vw; }
	#did .contents_1 .info .img p { margin-top: 4.4444vw; font-size:3.6111vw; }
	#did .contents_1 .info .preparing { font-size: 4.4444vw; height:27.7778vw; border-radius: 2.222vw;}
	#did .contents_1 .info .preparing.eng { font-size: 3.6vw; line-height:1.5; text-align:center; }
	
	#did .contents_1 .info ul { padding:3.3333vw 4.4444vw; border-radius:2.2222vw; }
	#did .contents_1 .info ul.mb { margin-bottom:2.2222vw; }
	#did .contents_1 .info ul li { margin-left:4.1667vw; margin-bottom:1.1111vw; font-size:3.6111vw; }
	
	#did .contents_1 .info ul li a { gap: 1.111vw; }
	#did .contents_1 .info ul li a span { font-size: 3.6111vw; }
	#did .contents_1 .info ul li a p { font-size: 3.6111vw; line-height:1.2; }
	#did .contents_1 .info ul li a img { width: 3.6111vw; height: 3.6111vw; }
	
	/* security */
	#security .contents_1 {  margin-top:6.6667vw; }
	#security .contents_1 .img {  margin-bottom: 4.4444vw; }

	#security .contents_1 .info { font-size:4.4444vw; }
	#security .contents_1 .info .title { margin-bottom:2.2222vw; font-size:4.4444vw; }
	#security .contents_1 .info .line { margin: 4.4444vw 0; }
	#security .contents_1 .info .txt { margin-bottom: 2.222vw; font-size:3.6111vw; }
	#security .contents_1 .info .txt > div  { font-size:3.6111vw; margin-bottom:2.2222vw; }
	#security .contents_1 .info .img { margin-top:2.2222vw; font-size:3.6111vw; }
	#security .contents_1 .info .img p { margin-top: 4.4444vw; font-size:3.6111vw; }
	#security .contents_1 .info .preparing { font-size: 4.4444vw; height:27.7778vw; border-radius: 2.222vw;}
	#security .contents_1 .info .preparing.eng { font-size: 3.6vw; line-height:1.5; text-align:center; }

	#security .contents_1 .info ul { padding:3.3333vw 4.4444vw; border-radius:2.2222vw; }
	#security .contents_1 .info ul.mb { margin-bottom:2.2222vw; }
	#security .contents_1 .info ul li { margin-left:4.1667vw; margin-bottom:1.1111vw; font-size:3.6111vw; }

	#security .contents_1 .info ul li a { gap: 1.111vw; }
	#security .contents_1 .info ul li a p { font-size: 3.6111vw; line-height:1.2; }
	#security .contents_1 .info ul li a img { width: 3.6111vw; height: 3.6111vw; }
	
	
	/* Global Cooperation */
	#global .contents_1 {  margin-top:6.6667vw; }
	#global .contents_1 .img {  margin-bottom: 4.4444vw; }

	#global .contents_1 .info { font-size:4.4444vw; }
	#global .contents_1 .info .title { margin-bottom:2.2222vw; font-size:4.4444vw; }
	#global .contents_1 .info .line { margin: 4.4444vw 0; }
	#global .contents_1 .info .txt { margin-bottom: 2.222vw; font-size:3.6111vw; }
	#global .contents_1 .info .txt > div  { font-size:3.6111vw; margin-bottom:2.2222vw; }
	
	#global .contents_1 .info ul { padding:3.3333vw 4.4444vw; border-radius:2.2222vw; }
	#global .contents_1 .info ul.mb { margin-bottom:2.2222vw; }
	#global .contents_1 .info ul li { margin-left:4.1667vw; margin-bottom:1.1111vw; font-size:3.6111vw; }
	#global .contents_1 .info ul li a { font-size:3.6111vw; }
	
	/* 회원사 소개 */
	#members .contents_1 .img { margin-bottom:4.444vw; }
	#members .contents_1 .page_title{ margin-top: 4.444vw; font-size:4.444vw; }

	#members .contents_1 .lists { padding-top:4.444vw; display: grid; grid-template-columns: repeat(2, 1fr); gap:3.333vw; }
	#members .contents_1 .lists .list { border: 1px solid #D9D9D9; border-radius: 2.778vw; }
	#members .contents_1 .lists .list img { width: 100%;  }

	/* 가입 혜택 */
	#membership {}
	#membership .contents_1 { padding:6.6667vw 0; }
	
	#membership .contents_1 .con_title { margin-bottom:4.4444vw; font-size:4.4444vw; }
	#membership .contents_1 .con_info { display: flex; flex-direction: row; flex-wrap: wrap;  gap:1.6667vw; }
	#membership .contents_1 .con_info .box {}
	#membership .contents_1 .con_info .box .img { margin-bottom:2.2222vw; }
	#membership .contents_1 .con_info .box .img img { width: 100%; }
	#membership .contents_1 .con_info .box .txt { font-size:3.8889vw; }
	
	#membership .contents_1 .con_info .box:nth-child(1) { width: calc(50% - 0.8333vw);}
	#membership .contents_1 .con_info .box:nth-child(2) { width: calc(50% - 0.8333vw);}
	#membership .contents_1 .con_info .box:nth-child(3) { width: calc(33% - 0.8333vw);}
	#membership .contents_1 .con_info .box:nth-child(4) { width: calc(33% - 0.8333vw);}
	#membership .contents_1 .con_info .box:nth-child(5) { width: calc(33% - 0.8333vw);}

	#membership .contents_2 { padding: 6.6667vw 0; }
	#membership .contents_2 .con_title { margin-bottom:4.4444vw; font-size:4.4444vw; }
	#membership .contents_2 .con_info { display: flex; flex-direction: column; gap:2.2222vw; }
	#membership .contents_2 .con_info .nl { padding:0 6.6667vw; gap:2.2222vw; height:23.3333vw; border-radius:3.3333vw; }
	#membership .contents_2 .con_info .nl .img { width:16.6667vw; }
	#membership .contents_2 .con_info .nl .txt { font-size: 4.1667vw; text-align: center; flex: 1; }

	#membership .contents_3 {  padding:8.8889vw 0; background: url("/img/renewal/membership/membership_3.png") center center / cover no-repeat;  }
	#membership .contents_3 .con_info { display: flex; flex-direction: column; gap: 2.2222vw; }
	#membership .contents_3 .con_info .nl {  height:22.2222vw; border: 3px solid #FFFFFF; border-radius:2.2222vw; }
	#membership .contents_3 .con_info .nl .img  { height: 4.4444vw; }
	#membership .contents_3 .con_info .nl .txt { font-size:5.0000vw; }
	#membership .contents_3 .con_mail { margin: 4.4444vw auto 0 auto; width: 100%; height:21.6667vw; border-radius:18.8889vw; gap:1.1111vw; flex-direction: column; }
	#membership .contents_3 .con_mail .txt { font-size:3.8889vw; } 
	#membership .contents_3 .con_mail .mail { font-size:3.8889vw; } 

	#membership .contents_3.eng {}
	#membership .contents_3.eng .con_mail { width: 100%; height:27.500vw; }

	/* 워킹그룹 - 소개 */
	#intro .contents_1 {}
	#intro .contents_1 .img { margin-bottom: 4.444vw; }
	
	#intro .contents_1 .img img { width: 100%; }
	#intro .contents_1 .info { font-size:22px; color: #222; line-height:1.5 }
	#intro .contents_1 .info .title { margin-bottom:2.222vw; font-size:4.167vw;  }
	#intro .contents_1 .info .line { margin: 4.444vw 0; }
	#intro .contents_1 .info .txt { margin-bottom:  0px; font-size:3.611vw; }

	#intro .contents_1 .info ul { padding:3.333vw; margin-bottom:2.222vw;  border-radius:2.222vw; }
	#intro .contents_1 .info ul .li_title { margin-bottom:2.222vw; font-size:3.889vw; }
	#intro .contents_1 .info ul li { margin-bottom:2.22vw; padding-bottom:2.22vw; gap:2.22vw; }
	#intro .contents_1 .info ul li .img { width: 10vw; min-width: 10vw; }
	#intro .contents_1 .info ul li .txt {  min-height: auto; font-size: 3.611vw;}
		
	
	
	/* 문의하기 & 가입하기 */
	#contact {}
	#contact .contact_wrap {}
	#contact .contact_wrap .title_bg { padding-left: 0px; height:auto;  }
	#contact .contact_wrap .title_bg.join { height: auto; }
	#contact .contact_wrap .title_bg.join img { width: 100%; }
	
	#contact.contact .contact_wrap .title_bg { height:33.333vw; background: url("/img/renewal/m_contact_title.png") center center / cover no-repeat;  }
	
	
	#contact .contact_wrap .line { padding-bottom: 4.444vw; margin-bottom: 4.444vw; }
	#contact .contact_wrap .title_txt { padding-left: 6.667vw; font-size:3.611vw; line-height:1.8; color:#fff; }
	#contact .contact_wrap .title_txt span { font-size:3.611vw; }

	#contact .form_group { margin-top:4.444vw; }
	#contact .form_group  .input { padding: 3.333vw 2.222vw; height: 12.778vw; border-radius: 2.778vw; font-size: 3.889vw; }

	#contact .form_group .input_group { margin-top: 3.333vw; }
	#contact .form_group .input_group:first-child { margin-top: 0; }
	#contact .form_group .input_group label { height: 5.000vw; padding: 0 1.111vw; top: 4.22vw; left: 3.333vw; font-size: 3.889vw; gap: 1.667vw; }
	#contact .form_group .input_group label span { font-size: 1.250vw; }
	#contact .form_group .input_group .input:focus { outline: none; border: 2px solid #1A235A; }
	#contact .form_group .input_group .input.privacy:focus { border: 1px solid rgba(217, 217, 217, 1); }

	#contact .form_group .input_group .input_title { margin-bottom: 2.222vw; font-size: 3.889vw; gap:1.667vw;  }
	#contact .form_group .input_group .input_title span { font-size: 1.250vw; }

	#contact .form_group .error_group { display: none; margin-top: 1.111vw; gap: 1.389vw; font-size: 3.333vw; }
	#contact .form_group .error_group img {  width: 2.778vw;  }
	#contact .form_group .error_group.on { display: flex; }

	#contact .form_group .input_group.on { }
	#contact .form_group .input_group.on label { top: -2.500vw; font-size: 3.333vw; }
		
	#contact .form_group textarea.input { height: 26.667vw; resize: none; }
	#contact .form_group textarea.input.privacy { height: 204px; font-size: 20px; background-color: rgba(245, 245, 245, 1); border: 1px solid rgba(204, 204, 204, 1); }

	#contact .form_group .select_group select { -webkit-appearance: none;  -moz-appearance: none;  appearance: none;  background-image: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 20 20"><path fill="none" stroke="%23000" stroke-width="1.8" d="M3 6l7 7 7-7"/></svg>');  background-repeat: no-repeat;  background-position: right 0.7em top 50%, 0 0;  background-size: 1em auto, 100%;  padding-right: 1.5em;  background-color: #fff; }
	#contact .form_group .nl { display: flex; gap: 4.444vw; margin-bottom: 4.444vw; flex-direction: column; }
	#contact .form_group .nl.column { flex-direction: column; gap: 16px; }
	#contact .form_group .nl .nl_con { width: 100%; }
	
	#contact .form_group .submit_btn { max-width:100%; width: 100%; margin-top: 4.44vw; padding:0; }
	#contact .form_group .submit_btn  button { height: 16.667vw; font-size:4.44vw; line-height:16.667vw; }

	#contact .check_group input[type="checkbox"] + label { padding-left: 6.667vw; font-size: 3.611vw; color: rgba(51, 51, 51, 1);  background: url("../img/renewal/checkbox_off.png") top left no-repeat; background-size: auto 3.889vw;    background-position-y: 2px; }
	#contact .check_group a {font-size: 3.611vw; }

	#contact .file_area {width: 100%; }
	#contact .file_area .file_title { gap: 2.222vw; }
	#contact .file_area .file_title label { font-size:4.167vw;  }
	#contact .file_area .file_title span { font-size: 1.667vw; }
	

	#contact .file_area .file_con { margin-top:3.333vw; display: flex; gap: 1.667vw; flex-direction: row; flex-wrap: wrap; justify-content: space-between; }
	#contact .file_area .file_con >  div { width: 50%; }
	#contact .file_area .file_con .file_info { width: 58.556vw; height: 12.778vw; padding: 0 3.333vw; border: 1px solid #D9D9D9; display: flex; align-items: center; border-radius:1.667vw; }
	#contact .file_area .file_con .file_info span { display: block; }
	#contact .file_area .file_con .file_info span:nth-child(1) { max-width: 50%; margin-right:1.111vw; font-size:3.611vw; }
	#contact .file_area .file_con .file_info span:nth-child(2) { margin-right:2.222vw; font-size:3.333vw; }
	#contact .file_area .file_con .file_info span:nth-child(3) { width: 3.889vw; }

	#contact .file_area .file_con .file_btns { display: flex; gap: 0px; width: 100%;	}
	#contact .file_area .file_con .file_add,
	#contact .file_area .file_con .file_down { cursor: pointer; height:12.778vw; background-color:#1A235A; border-radius: 6px; gap:12px; }
	#contact .file_area .file_con .file_add span,
	#contact .file_area .file_con .file_down span { font-size:3.611vw; }
	#contact .file_area .file_con .file_add img,
	#contact .file_area .file_con .file_down img { height:3.889vw; width: auto; }
	#contact .file_area .file_con .file_add { width: 29.444vw; }
	#contact .file_area .file_con .file_down { width: 100%; }
	#contact .file_area .file_con .file_down a { gap: 2.222vw; height:12.778vw; }

	#contact .file_area .file_con .file_add.p_btn { display:none; }
	#contact .file_area .file_con .file_add.m_btn { display:flex; flex: 1; }
	#contact .file_area .file_description { margin-top:2.222vw; font-size:3.333vw; }

	/* 모달 */	
	#privacy_modal { padding:5.556vw; max-width: 91.667vw; height:90%; }
	
	#privacy_modal .modal_warp { display: flex; gap:2.222vw; flex-direction: column; height: 100%;}
	#privacy_modal .modal_warp .modal_header { padding-bottom:2.778vw; }
	#privacy_modal .modal_warp .modal_header .title { font-size: 4.167vw; }
	#privacy_modal .modal_warp .modal_header .img  { width:8.889vw; }
	#privacy_modal .modal_warp .modal_footer {  padding-top:5.556vw; }
	#privacy_modal .modal_warp .modal_footer a { border-radius:1.667vw; width: 19.722vw; height:10.000vw; font-size: 3.611vw; line-height:9.444vw; }

	
	/* 게시판 - 리스트 */
	#bbs_list {}
	
	#bbs_list .cs_search_wrap { margin-bottom: 13.333vw; text-align: right; }
	#bbs_list .cs_search_wrap > form { position:relative; }	
	#bbs_list .cs_search_wrap .select { padding:0 2.22vw; border-radius:1.667vw; font-size: 3.611vw; height: 11.111vw; width: 27.778vw; }
	#bbs_list .cs_search_wrap input[type=text] { margin: 0 0 0 1.667vw; border-radius:1.667vw; width: calc( 100% -  29.445vw); height: 11.111vw; font-size: 3.611vw;  }
		
	#bbs_list .cs_search_wrap button {  position: absolute; top: 0.278vw; right: 0.278vw; gap:0; border-radius:1.667vw; width: 10.556vw; height: 10.556vw; background-color: #fff; border:0; } 
	#bbs_list .cs_search_wrap button span { display:none; }
	#bbs_list .cs_search_wrap button img { width: 4.167vw; }	
	
	#bbs_list .basic_list_wrap { padding: 2.222vw 0; }
	#bbs_list .basic_list .board_contents_title { font-size: 4.167vw; }
	#bbs_list .basic_list .board_contents_title .subject_area {  }
	#bbs_list .basic_list .board_contents_title .subject_area div { font-size:4.167vw; max-width: 67vw; color:#222; font-weight:700; }
	#bbs_list .basic_list .board_contents_title p { font-size: 3.333vw;  }
	#bbs_list .basic_list .board_contents_title .subject_area > span { height: 2.778vw; margin-right:0.833vw; }
	#bbs_list .basic_list .board_contents_title h2 { padding: 0 2.222vw; }
	#bbs_list .basic_list .board_view_btn { display: block; }
	#bbs_list .basic_list .board_view_btn img { width: 2.778vw; }

	#bbs_list .board_date { width: 8.333vw; }
	#bbs_list .board_date strong { font-size: 3.333vw; }
	#bbs_list .basic_list_block .bbs_cnt { top: -9.99vw; font-size: 3.611vw; }
	#bbs_list .basic_list_block .bbs_cnt p { font-size:3.611vw; }

	/* 페이징 */
	.pagings { margin-top: 4.444vw; }
	.pagings ul li a { width: 7.778vw; height: 7.778vw; }
	.pagings ul li .page-numbers { margin: 0 1.111vw;  line-height: 7.778vw; font-size: 3.611vw;  }
	.pagings ul li.selected { margin: 0 1.111vw; width: 7.778vw; height: 7.778vw; line-height: 7.778vw; font-size: 3.611vw; }

	.pagings ul li.arrow a { margin: 0 0.556vw; border-radius: 1.111vw;  }
	.pagings ul li.arrow a img { width: 3.889vw; }

	.pagings ul li.arrow.l { margin-right: 1.111vw; }
	.pagings ul li.arrow.r { margin-left: 1.111vw; }
	
	
	
	/* 게시판 - 상세 */
	#bbs_view { }
	#bbs_view .basic_view_block.renewal { padding: 4.444vw 0 0 0; border-bottom: 3px solid #ddd; }
	#bbs_view .basic_view_head_wrap { padding: 0 0 4.444vw 0;}
	#bbs_view .basic_view_head_wrap .subject { margin-bottom:1.111vw; font-size:5.000vw; }
	#bbs_view .basic_view_head_wrap .dt { font-size:3.889vw;}
	
	#bbs_view .basic_view_file_wrap { padding: 2.222vw 3.333vw; margin-top: 4.444vw; height: auto; border-radius:1.667vw; }	
	#bbs_view .basic_view_file_wrap img { margin-right: 2.22vw; width: 3.889vw; height: 3.889vw; }
	#bbs_view .basic_view_file_wrap .file_name { text-align: left; margin-right: 2.222vw; font-size: 3.611vw; }
	#bbs_view .basic_view_file_wrap .file_size { font-size: 3.333vw; }
	#bbs_view .board_view_contents_wrap { margin-top: 4.444vw; padding: 0 0 4.444vw 0; }

	#bbs_view .board_bottom_btn_wrap { margin-top: 4.444vw; }
	#bbs_view .board_bottom_btn_wrap .prev_next_bottom_btn { border: none; padding: 0;  display: flex; gap: 4.444vw; }
	#bbs_view .board_bottom_btn_wrap .prev_next_bottom_btn li { padding: 0 5.000vw; height:14.444vw; border-radius: 2.222vw; }
	#bbs_view .board_bottom_btn_wrap .prev_next_bottom_btn li a { font-size: 3.889vw; }
	#bbs_view .board_bottom_btn_wrap .prev_next_bottom_btn li img { width: 3.889vw; }
	#bbs_view .board_bottom_btn_wrap .prev_next_bottom_btn li.next a div { text-align: right; }

	#bbs_view .bbs_list_move { margin-top: 4.444vw; }
	#bbs_view .bbs_list_move a { height:16.667vw; width: 100%; font-size:4.167vw; line-height: 16.667vw; border-radius:1.667vw; }



	/************/
	/*   해커톤   */
	/************/
	#hackathon {}
	#hackathon .hackathon_area {}
	#hackathon  .hackathon_tab {
		padding: 2.778vw 0;
		top: 59px;
	}
	#hackathon  .hackathon_tab ul {
		gap: 2.222vw;
	}
	#hackathon  .hackathon_tab ul li {
		padding: 0 4.444vw;
		font-size: 3.889vw;
		line-height: 8.056vw;
		border-radius: 8.056vw;
	}


	/* 대회안내 */
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 {
		padding-top: 8.889vw;
	}
	
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area {
		margin-bottom: 11.111vw;
	}

	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 {
		display: flex;
		flex-direction: column;
		gap: 13.889vw;
		padding-bottom: 11.111vw;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_top {		
		gap: 3.333vw;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_top .title {		
		font-size: 4.444vw;
		padding: 0 4.444vw;
		line-height: 8.889vw;
		border-radius: 10.000vw;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_top .title span {
		font-size: 4.444vw;		
		line-height: 8.889vw;
	}
	
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_top .subTitle .txts {
		font-size: 5.278vw;
		padding: 0;
	}

	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_top .subTitle .txts.icon {
		font-size: 5vw;
		padding-left: 8.889vw;
		margin-bottom: 0;
		letter-spacing: -0.08vw;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_top .subTitle .txts.icon span {
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_top .subTitle .txts.icon:after {		
		width: 5.556vw;
		height: 5.000vw;
		left: 1.333vw;
		top: 50%;
	}

	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_top .subTitle .bar_txt {
		margin-top: 3.333vw;
		font-size: 6.111vw;

	}

	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_top .subTitle .bar_txt::before {
	  
	  bottom: -1.667vw;
	  height:2.778vw;  /* 하이라이트 두께 */
	}

	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_body {
		display: flex;
		justify-content: center;
		flex-direction: row;
        flex-wrap: wrap;
		gap: 4.167vw 3.333vw;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_body > div {
		gap: 1.667vw;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_body > div .title {
		padding: 1.667vw 3.333vw;
		width: 27.778vw;
		font-size: 3.889vw;
		min-height: 6.944vw;
		border-radius: 6.944vw;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_body > div .img_area {
		border: 1.944vw solid #FFB70D33;
		border-radius: 42.778vw;
		width: 42.778vw;
		height: 42.778vw;
		text-align: center;
		display: flex;
		flex-direction: column;
		align-items: center;
		justify-content: center;
		gap: 1.944vw;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_body > div .img {
		width: 15.000vw;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_body > div .img img { width: 100%; }
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_body > div .txt {
		
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_body > div .txt p {
		font-size: 3.889vw;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_body > div .txt span {
		font-size: 3.333vw;
	}

	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 {
		padding-bottom: 11.111vw;
	}

	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group {
		display: flex;
		flex-direction: column;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_left {
		width: 100%;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_left .poster {
		margin-bottom:2.778vw;
	}

	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_left .utm_area {
		gap: 1.667vw;
	}

	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_left .utms {
		height:15.556vw;
		width: calc(50% - 4px);
		width: 100%;
		border-radius:2.222vw;
		gap: 2.778vw;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_left .utms p {
		font-size: 4.444vw;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_left .utms img {
		width: 4.444vw;
	}
	#hackthon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_left .utms.plus p {
		color: #1A235A;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_left .utms.join {
		width: 100%;
		background-color: #1A235A;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_left .utms.session_info.eng {
		letter-spacing: -0.08vw;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_right {
		flex: 1;
		padding:8.889vw 0 0 0 ;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_right .right_top {
		gap: 1.667vw;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_right .right_top .title {
		font-size: 5.556vw;
		letter-spacing: -0.556vw;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_right .right_top .title p {
		font-size: 8.333vw;
		letter-spacing: -0.556vw;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_right .right_top .title .mobile_id {
		display: inline-block;	
		margin: 0.556vw 1.667vw -0.556vw 0;
		width: 5.000vw;
		height: 4.167vw;
		background: url("/img/hackathon/mobile_id_36.png") center center / cover no-repeat ;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_right .right_top .subTitle {
		font-size: 5.556vw;
	}

	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_right .right_body {
		margin-top: 5.556vw;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_right .right_body .info {
		gap: 0.833vw;
		padding: 3.333vw 0;
		flex-direction: column;		
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_right .right_body .info .info_title {		
		width: auto;
		font-size: 3.333vw;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_right .right_body .info .info_txt {
		flex: 1;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_right .right_body .info .info_txt span {		
		font-size: 3.889vw;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_right .right_body .info .info_txt p {	
		font-size: 3.056vw;
	}

	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_right .right_body .info .info_txt .sub_info {
		margin-top: 1.667vw;
		gap: 0.833vw;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_right .right_body .info .info_txt .sub_info > div {	
		gap: 1.667vw;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_right .right_body .info .info_txt .sub_info > div .sub_info_title {
		font-size: 3.333vw;
		letter-spacing: -0.1px;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_right .right_body .info .info_txt .sub_info > div .sub_info_txt {
		font-size: 3.333vw;
		letter-spacing: -0.028vw
	}

	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_right .right_body .info.info_2 .info_txt p {
		margin-top: 10px;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_right .right_body .info.info_3 .info_txt p {
		margin-top: 1.667vw;
	}

	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_right .right_body .info.info_4 {
		flex-direction: column;
		gap: 0.833vw;
	}

	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_2 .con_group .con_right .right_body .info.info_4 img { width: 100%;}


	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_3 { 
		display: flex;
		flex-direction: column;
		gap: 8.889vw;
		padding-bottom: 5.556vw;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_3 .con_group {
		position: relative;
		display: flex;
		flex-direction: column;
		align-items: center;
	}

	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_3 .con_group:after {
		position: absolute;
		bottom: auto;
		top: 12.778vw;
		left: 3.333vw;
		width: 6.944vw;
		height: 14.444vw;
		content: "";
		background: url("/img/hackathon/ht_section1_bg_left.png") center center / cover no-repeat ;
	}

	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_3 .con_group:before {
		position: absolute;
		bottom: auto;
		top: 12.778vw;
		right: 3.333vw;
		width: 6.944vw;
		height: 14.444vw;
		content: "";
		background: url("/img/hackathon/ht_section1_bg_right.png") center center / cover no-repeat ;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_3 .con_group .title {
		margin-bottom: 2.778vw;
		width: 33.333vw;
		border-radius: 11.944vw;
		font-size: 4.444vw;
		line-height: 10.000vw;
	}

	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_3 .con_group .title.mb {
		margin-bottom: 2.778vw;
	}

	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_3 .con_group .subTitle {
		font-size: 5.556vw;		
		line-height: 14.444vw;
	}
	
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_3 .con_group .crape {
		margin-top: 2.778vw;
		display: flex;
		flex-direction: column;
		gap: 2.222vw;
	}

	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_3 .con_group .crape > div {
		display: flex;		
        align-items: center !important;
        flex-direction: column;		
		gap: 1.111vw;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_3 .con_group .crape > div > div:nth-child(1) {
		border-radius: 8.333vw;
		width: 28.056vw;
		height: 6.944vw;	
		font-size: 3.889vw;
		line-height:6.944vw;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_3 .con_group .crape > div > div:nth-child(1) span {
		width: auto;
		padding: 0;
		font-size: 3.889vw;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_3 .con_group .crape > div > div:nth-child(2) {
		width: auto;
		font-size: 3.611vw;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_3 .con_group .crape > div > div:nth-child(3) {
		font-size: 3.611vw;
		text-align: center;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_3 .con_group .description {	
		gap: 2.778vw;
		padding: 2.778vw 0 5.556vw;	
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_3 .con_group .description > div {
		font-size: 3.889vw;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_3 .con_group .description span {
		font-size: 3.889vw;
	}

	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section1 .mt_7 { margin-top:0; }

	/* 대회안내 */

	/* 참가신청 */
	#hackathon .hackathon_area .hackathon_con {
		padding-top: 11.111vw;
	}
	
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section2 {
		padding-top: 11.111vw;
	}
	#hackathon .hackathon_area .hackathon_con .partner { 
		padding-top: 11.111vw;
		padding-bottom: 11.111vw;
	}

	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section2 .banner {
		height: 56.667vw;
		border-radius: 2.222vw;
		background: #1A235A url("/img/hackathon/m_banner_bg.png") center center / cover no-repeat ;
	}
		
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section2 .banner:after {
		position: absolute;
		top: 60%;
		right:5.556vw;
		transform: translateY(-50%);
		content: "";
		/*width: 45.556vw;*/
		/*height: 35.278vw;*/
		width: 40.556vw;
		height: 31.278vw;
		z-index: 1;
		background: url("/img/hackathon/banner_img.png") center center / cover no-repeat ;
	}
	
	#hackathon.eng .hackathon_area .hackathon_con .ht_sections.ht_section2 .banner:after {
		background: url("/img/hackathon/banner_img_en.png") center center / cover no-repeat ;
	}

	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section2 .banner .con_area {
		padding: 8.056vw 6.056vw;
		gap: 2.778vw;
		justify-content: flex-start;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section2 .banner .con_area .txt {
		font-size: 6.111vw;
		line-height: 1;
	}
	

	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section2 .banner .con_area .btns {
		gap: 8px;		
		flex-direction: column;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section2 .banner .con_area .btns .join_btn {
		padding: 0 3vw;
		align-items: center;
		gap: 1.667vw;
		border-radius: 1.667vw;
	}
	
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section2 .banner .con_area .btns .join_btn.not {
		padding: 0 3vw;
	}
	
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section2 .banner .con_area .btns .join_btn p {
		font-size: 3.611vw;
		line-height: 8.889vw;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section2 .banner .con_area .btns .join_btn img {
		width: 2.778vw;
		height: 2.500vw;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section2 .banner .con_area .btns .down_btn {
		padding: 0 3.000vw;
		gap: 1.667vw;
		border-radius: 1.667vw;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section2 .banner .con_area .btns .down_btn p {
		font-size: 3.611vw;
		line-height: 8.889vw;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section2 .banner .con_area .btns .down_btn img {
		width: 2.778vw;
		height: 2.778vw;;
	}

	/* 참가신청 */

	/* FAQ */
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section3 {
		padding: 11.111vw 0 1.111vw;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section4 {
		padding: 11.111vw 0 11.11vw;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section4.min {
		padding: 11.111vw 0 33.33vw;
	}
	
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section4.mid {
		padding: 11.111vw 0 39.33vw;
	}

	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section4 .section_top {
		margin-bottom: 5.556vw;
	}

	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section3 .section_top .section_title > div,
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section4 .section_top .section_title > div {	
		margin-bottom: 11.111vw;
		font-size: 5.556vw;
		line-height: 1.25;
	}
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section3 .section_top .section_title > div:after,
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section4 .section_top .section_title > div:after {	
		height: 2px;
		width:5vw;	
		bottom: -4.444vw;
	}

	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section3 .section_top .section_subtitle,	
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section4 .section_top .section_subtitle {
		font-size: 3.889vw;
	}


	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section3 .section_footer {
		margin-top: 2.222vw;
	}
	
	#hackathon .hackathon_area .hackathon_con .ht_sections.ht_section3 .section_footer .section_con {
		gap: 4px;
		height: 25.000vw;
		border-radius: 1.667vw;
		font-size: 3.889vw;
	}
	
	/**/
	.ht_section3 .accordion-table {
		border-spacing: 0 2.222vw;
	}
	
	.ht_section3 .accordion-table colgroup col:first-child {
		display: none;
	}

	.ht_section3 .accordion-table th,
	.ht_section3 .accordion-table td {
	  padding: 16px 12px;
	}


	.ht_section3 .accordion-table .accordion-header {
	  border-radius: 1.667vw;
	  height: auto;
	  min-height: 12.222vw;
	}


	.ht_section3 .accordion-table .accordion-header .type {
		display: none;
	}
	.ht_section3 .accordion-table .accordion-header .type span {
		font-size: 22px;
		margin-right: 8px;
	}


	.ht_section3 .accordion-table .accordion-header .title {
		padding: 3.333vw 20px 3.333vw 20px;
		font-size: 4.167vw;		
		border-radius: 1.667vw 0 0 1.667vw;
		border-top: 1px solid #1A235A80;
		border-left: 1px solid #1A235A80;
		border-bottom: 1px solid #1A235A80;
		font-weight: 400;
	}
	.ht_section3 .accordion-table .accordion-header .title span {
		display: inline-block;
		color: #1A235A;
		font-weight: 700;
	}
	.ht_section3 .accordion-table .accordion-header .title:after {
		display: none;
	}

	.ht_section3 .accordion-table .accordion-header .icon {
		vertical-align: top;
		padding: 3.333vw 4.444vw 3.333vw 0;
		border-radius: 0 1.667vw 1.667vw 0;
	}
	.ht_section3 .accordion-table .accordion-header .icon span {
		margin-left: 6.66vw;
		width: 5.556vw;
		height: 5.556vw;
		background:url("/img/hackathon/icon_plus.png") center center / cover no-repeat;
	}

	.ht_section3 .accordion-table .accordion-content td {
		padding: 4.167vw;
		font-size: 3.611vw;
	}

	.ht_section3 .accordion-table .accordion-content td .content_area {
		gap: 1.111vw;
	}
	.ht_section3 .accordion-table .accordion-content td .content_area .answer {
		font-size: 4.444vw;
	}
	.ht_section3 .accordion-table .accordion-content td .content_area .txt {
		margin-top: 0.5vw;
		font-size: 3.611vw;
	}
	.ht_section3 .accordion-table .accordion-content td .content_area .txt p {
		margin-top: 0;
		font-size: 3.611vw;
	}

	/* FAQ */

	/* 공지사항 */
	.ht_section4 .accordion-table th,
	.ht_section4 .accordion-table td {
	  padding: 2.222vw;
	}

	.ht_section4 .accordion-table .accordion-header .num {
		display: none;
		font-size: 3.333vw;
		width: 6.111vw;
	}
	.ht_section4 .accordion-table .accordion-header .title {}
	.ht_section4 .accordion-table .accordion-header .title > div {
		gap: 1.111vw;
	}
	.ht_section4 .accordion-table .accordion-header .title > div .con_top {
		gap: 1.667vw;
	}
	.ht_section4 .accordion-table .accordion-header .title > div .con_top > div:first-child { margin-top: 0.5vw; width: 4.444vw; }
	.ht_section4 .accordion-table .accordion-header .title > div .con_top > div:last-child {
		font-size: 4.167vw;
		line-height: 1.3;
	}
	.ht_section4 .accordion-table .accordion-header .title > div .con_bottom {
		font-size: 3.333vw;
	}

	.ht_section4 .accordion-table .accordion-header .arrow {
		width: 5.556vw;
		padding: 0 1.667vw ;
	}
	.ht_section4 .accordion-table .accordion-header .arrow img {
		width: 5.556vw;
	}

	.ht_section4 .accordion-table .accordion-content td {
		padding: 4.444vw;
		font-size: 3.611vw;
	}

	.ht_section4 .accordion-table .accordion-content td .file_down {
		margin-bottom: 4.444vw;
		padding: 3.333vw;
		gap: 2.222vw;
		border-radius: 2.222vw;
	}
	
	.ht_section4 .accordion-table .accordion-content td .file_down img { 
		margin-right: 2.222vw;
		width: 3.889vw;
		height: 3.889vw;
	}
	
	.ht_section4 .accordion-table .accordion-content td .file_down p {
		font-size: 3.611vw;
	}
	
	.ht_section4 .accordion-table .accordion-content td .file_down span {
		font-size: 3.333vw;
	}
	
	.in_bar { font-size: 3.611vw !important; }
	.inner_table td {
		font-size: 3.611vw !important;
		padding: 1.667vw !important;
	}

	.inner_table.ec th {
		font-size: 3.611vw !important;
	}
	.inner_table.ec td {
		font-size: 3.611vw !important;
		padding: 1.667vw  3.333vw !important;
	}

	/* 공지사항 */
	
	
	/* 영문 추가 css */
	
	#hackathon.eng .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_top .title {
		padding: 2.222vw 4.444vw;
		width: 100%;
		line-height: 1.5;
	}
	
	#hackathon.eng .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_top .subTitle .subtitle_span {
		font-size: 5vw;
	}
	
	#hackathon.eng .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_3 .con_group:after {
		left: 1.111vw;
	}
	#hackathon.eng .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_3 .con_group:before {
		right: 1.111vw;
	}
	
	#hackathon.eng .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_3 .con_group .subTitle {
		line-height: 1.25;
		height: 14.444vw;
		letter-spacing: -0.278vw;
	}
	
	#hackathon.eng .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_3 .con_group .subTitle span {
		line-height: 1.25;
	
	}
	
	#hackathon.eng .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_3 .con_group .crape > div > div:nth-child(1) {
		width: auto;
		padding: 0 6.667vw;
	}
	
	#hackathon.eng .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_3 .con_group .crape > div > div:nth-child(1) span {
		padding: 0;
	}
	
	#hackathon.eng .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_body > div .img {
		width: 12.778vw;
	}
	
	#hackathon.eng .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_body > div .txt p {
		font-size: 3.333vw;
	}
	
	#hackathon.eng .hackathon_area .hackathon_con .ht_sections.ht_section1 .con_area.con_area_1 .con_body > div .txt span {
		font-size: 2.778vw;
	}
	
	
	
		
	/**/
	.contributors_page .con_area {
	  padding: 4.444vw;
	  border-radius: 4.444vw;
	}	
	.contributors_page .con_area  .con_title_adv {
	  margin-bottom: 2.222vw;
	  font-size: 4.444vw;
	}

	.contributors_page .item_line {
	  margin: 2.222vw 0;
	}

	.contributors_page .con_item {
	  gap: 2.222vw;
	}
	.contributors_page .con_item .item_info {
	  gap: 3.333vw;
	}
	.contributors_page .con_top .con_item .item_info {
	  flex-direction: column;
	}
	.contributors_page .con_item .item_info .img {
		width: 100%;
	}
	.contributors_page .con_item .item_info .img img {
		width: 27.778vw;
}
	.contributors_page .con_item .item_info .txt .txt_title {
	  margin-bottom: 1.111vw;
	  font-size: 4.167vw;
	}
	.contributors_page .con_item .item_info .txt .txt_subject {
	  font-size: 3.611vw;
	}
	.contributors_page .con_item .item_info .txt .txt_subject span {
	  font-size: 3.611vw;
	}
	
	.contributors_page .con_item .item_info .img {        
        display: flex;
        gap: 3.333vw;
    }
	.contributors_page .con_item .item_info .img .txt {
		display: flex;
		flex-direction: column;
		flex: 1;
	}

	.contributors_page .con_item .item_info .txt .txt_ul {
	  margin-top: 0;
	}
	.contributors_page .con_item .item_info .txt .txt_ul ul {
	  margin-left: 2.222vw;
	  gap: 1.111vw 0;
	}
	.contributors_page .con_item .item_info .txt .txt_ul ul li {
	  font-size: 3.611vw;
	}
	.contributors_page .con_item .item_info .txt .txt_ul ul li::after {	  
		content: "";
		width: 0.833vw;
		height: 0.833vw;
		left: -3.333vw;
		top: 2.222vw;
	}

	.contributors_page .con_item .item_txt {
	   font-size: 3.889vw;
	}

	.contributors_page .con_item .item_txt.bg {
	  padding: 4.167vw;
	  border-radius: 2.222vw;
	  font-size: 3.889vw;
	}

	.contributors_page .con_bottom .con_items {
	  gap: 4.444vw;
	}
	.contributors_page .con_bottom .con_items .con_item {
	  padding-top: 4.444vw;
	}
	
	.contributors_page .con_bottom .item_info .txt .txt_title {
	  font-size: 3.889vw;
	  margin-bottom: 1.111vw;
	}
	.contributors_page .con_bottom .item_info .txt .txt_subject {
	  font-size: 3.611vw;
	}
	.contributors_page .con_bottom .item_info .txt .txt_subject span {
		font-size: 3.611vw;
	}
	.contributors_page .con_bottom .item_info .txt .txt_ul {
	  margin-top: 2.222vw;
	}
	.contributors_page .con_bottom .item_info .txt .txt_ul ul {
	  width: 100%;
	}
	.contributors_page .con_bottom .item_info .txt .txt_ul ul li {
	  font-size: 3.333vw;
	}
	.contributors_page .con_bottom .item_info .img {
	  width: 16.667vw;
	}
	/**/


	.ht_section5 {
	  position: fixed;
	  bottom: 8.333vw;
	  left: 50%;
	  transform: translateX(-50%) translateY(30px);
	  opacity: 0;
	  pointer-events: none;
	  transition: opacity 0.5s ease, transform 0.5s ease;
	  z-index: 100;
	}

	.ht_section5.attached {
	  position: absolute;
	  pointer-events: auto;
	  bottom: 109vw; /* 바닥에서 위로 120px 위치 (원하는 값으로 조절) */
	  left: 50%;
	  transform: translateX(-50%);
	  opacity: 1;
	}


	.ht_section5 a {	
		width: 91.667vw;
		height: 20vw;
		border-radius: 2.778vw;
		gap: 2.222vw;
		box-shadow: 1.111vw 1.111vw 5.556vw 0px #00000026;
	}


	.ht_section5 a p {
		font-size: 5.556vw;
	}
	.ht_section5 a img {
		width: 5.833vw;
	}

	.ht_section5 a .bells { display: block; }
	.ht_section5 a .bells_on { display: none; }

	.ht_section5.eng a {
		width: 91.667vw;
	}
	
	.ht_section5.eng a p {
        font-size: 4.556vw;
    }
	
	.ht_section5 a.submit_file {width: 91.667vw;}
	.ht_section5 a.submit_file p { font-size: 4.44vw; }
	
		
	.ht_section5 a:hover {background: linear-gradient(180deg, #E4C440 0%, #F6D95E 100%);}
	.ht_section5 a:hover .bells { display: none; }
	.ht_section5 a:hover .bells_on { display: block; }
	.ht_section5 a:hover p { color: #000000; }


	.bell {
	  width: 5.833vw;
	  transform-origin: top center;
	  animation: bell-ring 3s infinite;
	}

	
		
	.offline_banner .bg { 
		border-radius: 2.778vw;
	}

	.offline_banner .contnents {
		padding: 0 5.833vw;		
		gap: 5.556vw;
	}

	.offline_banner .contnents .txt {}
	.offline_banner .contnents .txt p {
		font-size:4.444vw;
	}
	.offline_banner .contnents .txt span {
		margin-top: 1.944vw;
		font-size:3.333vw;
	}

	.offline_banner .contnents .btn {	
		padding: 0 3vw;
		gap: 1.667vw;
        border-radius: 1.667vw;
	}
	.offline_banner .contnents .btn p {
		font-size: 3.611VW;
		line-height: 8.889vw;
	}
	.offline_banner .contnents .btn img {
		width: 2.778vw;
		height: 2.500vw;
	}
}



@media all and (max-width: 768px) {
		
	.contents_tab.fixed { top: 70px; }
		
	.Main.new .header_center {
		height: 70px;
	}

	.top_title_banner .con_pc_area { display:none; }
	.top_title_banner .con_mo_area {	
		background-color: #F4D26A;
		display: flex;
		flex-direction: column;
		position: relative;
		gap: 6px;
		padding: 8px 16px;
		width: 100%;
		position: absolute;
		z-index: 99;
		margin-top: -70px;
		height: 70px;
	}

	.top_title_banner .con_mo_area .top_dp_flex {
		display: flex;
	}
	.top_title_banner .con_mo_area .top_content_between {
		justify-content: space-between;
	}

	.top_title_banner .con_mo_area .mo_1 {
		align-items: center;
	}
	.top_title_banner .con_mo_area .mo_1 > div {
		display: block;
		width: 18px;
		height: 16px;
		margin-right: 5px;
		background: url("/img/hackathon/mobile_id.svg") center center / cover no-repeat;
	}

	.top_title_banner .con_mo_area .mo_1 p {
		font-weight: 400;	
		color: #242021;
		font-size: 14px;
		line-height: 1.25;
	}
	.top_title_banner .con_mo_area .mo_1 p strong {
		font-weight: 700;
	}
	.top_title_banner .con_mo_area .mo_1 p span {
	}
	.top_title_banner .con_mo_area .mo_2 {}
	.top_title_banner .con_mo_area .mo_2 .more_btn {
		cursor: pointer;
		background-color: #FFEBAE;	
		display: flex;
		align-items: center;	
		border: 1px solid #BAA154;
		border-radius: 4px;
		padding: 0px 8px;
		gap: 6px;
		
	}
	.top_title_banner .con_mo_area .mo_2 .more_btn p {
		font-weight: 700;
		font-size: 12px;
		line-height: 24px;
		color: #242021;

	}
	
	.top_title_banner.eng .con_mo_area .mo_1 p {
		font-size: 16px;
	}
	
	.top_title_banner.eng .con_mo_area .mo_1 p {
		font-size: 16px;
	}
	.top_title_banner.sub_page .con_mo_area .mo_1 p {
		font-size: 12px;
	}
	.top_title_banner.sub_page .con_mo_area .mo_2 .more_btn p {
		font-size: 9px;
	}
	
	.top_title_banner.eng.sub_page .con_mo_area .mo_1 p {
		font-size: 16px;
	}
	
	.top_title_banner.eng .con_mo_area .mo_2 .more_btn p {
		font-size: 12px;
	}
	
	
	
	.top_title_banner .con_mo_area .mo_2 .more_btn img {
		width: 4px;
	}

	.top_title_banner .con_mo_area .mo_2 .check_group {
		display: flex;
		align-items: center;
	}

	.top_title_banner .con_mo_area .mo_2 .check_group {
		margin-left: auto;
		display: inline-block;
		position: relative;
	}
	.top_title_banner .con_mo_area .mo_2 .check_group input[type="checkbox"] {
		width: 0;
		height: 0;
		position: absolute;
		top: 0;
		left: 0;
		z-index: 0;
	}
	.top_title_banner .con_mo_area .mo_2  .check_group input[type="checkbox"] + label { 
		display: inline-block; 
		line-height: 26px; 
		padding-left: 18px; 
		font-size: 12px; 
		color: rgba(51, 51, 51, 1);  
		background: url("../img/renewal/checkbox_off.png") top left no-repeat; 
		background-size: auto 13px; 
		position: relative; 
		z-index: 1;  
		background-position-y: 48%; 
	}
	.top_title_banner .con_mo_area .mo_2 .check_group input[type="checkbox"] + label span {
		color: rgba(255, 132, 0, 1);
	}
	.top_title_banner .con_mo_area .mo_2  .check_group input[type="checkbox"]:checked + label {
		background-image: url("../img/renewal/checkbox_on.png");
	}
	.top_title_banner .con_mo_area .mo_2  .check_group a {
		color: #006adf;
		font-weight: 700;
		text-decoration: underline;
	}



	.top_title_banner .con_mo_area .banner_close {
		position: absolute;	
		top: 13px;
		right: 12px;
		z-index: 9;
		width: 10px;
	}

	.top_title_banner .con_mo_area .banner_close img {
		width: 100%;
	}
	

	body.cust { padding-top: 0px; transition:all 0.05s; }
	body.cust.active { padding-top: 70px; }
	body.cust.active .middle_wrap .logo a { top: 85px; transition:all 0.05s; }
	body.cust.active .header.header_center { margin-top: 70px; top:0px; }
	
	
	
		
	.offline_banner .bg { 
		border-radius: 2.778vw;
	}

	.offline_banner .contnents {
		padding: 0 5.833vw;		
		gap: 5.556vw;
	}

	.offline_banner .contnents .txt {}
	.offline_banner .contnents .txt p {
		font-size:4.444vw;
	}
	.offline_banner .contnents .txt span {
		margin-top: 1.944vw;
		font-size:3.333vw;
	}

	.offline_banner .contnents .btn {	
		padding: 0 3vw;
		gap: 1.667vw;
        border-radius: 1.667vw;
	}
	.offline_banner .contnents .btn p {
		font-size: 3.611VW;
		line-height: 8.889vw;
	}
	.offline_banner .contnents .btn img {
		width: 2.778vw;
		height: 2.500vw;
	}


}