@charset "utf-8";

:root {
	--xxx-large-font-size:32px;
	--xx-large-font-size:28px;
	--x-large-font-size:24px;
	--large-font-size:20px;
	--font-size:18px;
	--sub-font-size: 16px;
	--small-font-size: 15px;
	--x-small-font-size: 14px;
}

.m_gnb .sub_menu {display:none !important;}
.web_dis {display:block;}
.mb_dis {display:none;}
.pc_view {display:block}
.mb_view {display:none}
.mont {font-family:'Montserrat', sans-serif; }




#header.down, #header.over {background-color: rgba(0, 0, 0, 0.7); /*backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);*/ box-shadow:0px 0px 9px rgba(0, 0, 0, 10%);}

/*.sub_wrap .menu_btn span, .sub_wrap .menu_btn span:before, .sub_wrap .menu_btn span:after{background:#000;}*/

:is(.down, .over) .w_gnb .gnb > li > a {color:#fff;}
:is(.down, .over) .top_lang > a {color:#fff;}
:is(.down, .over) .top_lang > a img  {webkit-filter:brightness(1) invert(0.9); filter:brightness(1) invert(1);}

:is(.down, .over) .top_sns > li img {-webkit-filter:brightness(1) invert(1); filter:brightness(1) invert(1);}
:is(#header.down, #header.over) h1 img {-webkit-filter:brightness(1) invert(0); filter:brightness(1) invert(0);}



/* header */
#header {width:100%; position: fixed; left:0px; top:0px; z-index:9999; background: rgba(0, 0, 0, 0.5); border-bottom: 1px solid rgba(255, 255, 255, 0.3); box-sizing:border-box; transition:all 0.3s 0s ease-in-out;}
#header h1 {position:absolute; left:0px; top:50%; transform:translateY(-50%); -wbkit-transform:translateY(-50%); z-index:10; line-height:0px}
/* #header h1 a img {filter: brightness(0) invert(1); -webkit-filter: brightness(0) invert(1);} */
.header_bar {padding:0px 10px;}
/* .header_bar.fix {width:100%; position: fixed; left: 0px; top:0px;  box-shadow:0px 6px 5px rgba(0, 0, 0, 10%);} */
.in_header {max-width:var(--cont-inner); width:100%; height:110px; box-sizing:border-box; margin:0 auto; position:relative; z-index:9;}

/* wrap */
#wrap {width:100%; overflow:hidden; word-break:keep-all; transition:all 0.3s 0s ease-in-out;}
#inner_wrap {position:relative; padding:min(80px, 8vw) 10px 100px 10px;}
.inner {max-width:var(--inner); margin:0 auto;}

.top_util {display: flex; flex-direction: column; align-items: center; font-weight: 300; justify-content: center; gap: 12px;}
.top_util > ul {display: flex; align-items: center; gap:12px;}
.top_util > ul > li > a {font-size: var(--sub-font-size); color: #fff;}
.top_util .logos {display:none;}
.top_util .lang_select { position: relative; width:80px; display: flex; align-items: center; }
.lang_select .btn {width: 100%; height:26px; background: none; color: #fff; font-size: 14px;  border-radius: 30px; border:2px solid #fff; cursor: pointer; display: flex; justify-content:center; align-items: center; gap:10px; transition:all 0.3s 0s ease-in-out;}
.lang_select .btn .arrow {line-height: 6px;}
.lang_select .btn .arrow img {transition:all 0.3s 0s ease-in-out;}
.lang_select .list { display: none; position: absolute; top:100%; left: 0; width: 100%; background:#fff; border: 1px solid #ddd; border-radius:14px; padding: 10px 0; list-style: none; margin: 0; z-index: 999;}
.lang_select.is-active .list {display: block;}
.lang_select .list li a {display: block; text-align: center; padding: 5px; text-decoration: none; font-size: var(--x-small-font-size); color: #333;}
.lang_select .list li a:hover { background: #f8f8f8; }


.top_d_day {position:absolute; left:290px; top: 50%; transform: translateY(-50%) ;}

.all_menu {display: none;}
.m_gnb_on {display:none;  position:absolute; right:10px; top:50%; box-sizing:border-box; transform:translateY(-50%);}
.m_gnb_on .menu_btn {margin:0 auto;}
.menu_btn {position:absolute; right:0px; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); box-sizing:border-box; display:block; }
.menu_btn a {display: block; line-height: 0px;}


.top_search {position:absolute; right:45px; line-height:0px;; top:50%; transform:translateY(-50%); display:none;}
.top_search > button {padding:0px; line-height: 0px;}
.top_search > button img {width: 26px; height: 26px;}

.searchPop {width:100%; position:absolute; left:0px; top:100%; background:#fff; border-top:1px solid #eee; border-bottom:1px solid #eee; box-shadow:0px 3px 5px rgba(0, 0, 0, 10%); padding:0px 10px; font-size:var(--font-size); z-index: 2;}
.searchPop .inner {width:100%; max-width:1720px; position:relative; height:200px; display:flex; justify-content:center; align-items:center;}
.searchPop .search_area .input {background:none} 
.searchPop .close {position:absolute; right:0px; top:50%; transform: translateY(-50%);} 
.searchPop .close a {color:#fff; font-weight:400; line-height:1.4em; font-size:1px; text-indent:-99999em; display: block; width:30px; height:30px;} 
.searchPop .x_btn {padding-left:0px;}
.searchPop .x_btn:after {display:block; content:""; width:20px; height:4px; background:#333; transform-origin:center; transform:translate(-50%, -50%) rotate(45deg); position:absolute; top:55%; left:10px}
.searchPop .x_btn:before {display:block; content:""; width:20px; height:4px; background:#333; transform-origin:center; transform:translate(-50%, -50%) rotate(135deg); position:absolute; top:55%; left:10px;}
.search_area_wrap {margin:20px auto 0px auto; max-width:570px; border-bottom:9px solid #000; border-width:min(9px, 2vw); width:80%; position:relative;}
.search_area {display:flex; overflow:hidden; height:75px; align-items:center; position:relative; z-index:1; font-weight:500;}
.search_area .input {border:none; outline:none; flex:1; width:100%;}
.search_area .check {min-width:160px; color:#999999;}
.search_area .btn {min-width:50px; height:100%; display:flex; justify-content:center ;align-items:center; text-indent:-999999em; font-size:1px; color:#fff; background: url(../img/common/search.svg) no-repeat center center ;}



/* GNB */
.w_gnb {padding:0px 0px 0px 200px; height: 100%; display: flex; gap:30px; align-items:center; justify-content: flex-end;}
.w_gnb .gnb {flex:1; height: 100%; display:flex; flex-wrap:wrap; justify-content:flex-end; gap:10px;  transition:all 0.5s 0s ease-out;}
.w_gnb .gnb > li {position: relative;}
.w_gnb .gnb > li > a {display:flex; align-items: center; height: 100%; color:#fff;}
.w_gnb .gnb > li > a > span {display:flex; justify-content:center; align-items:center; font-weight:600; padding:0px 1em; height:3em; transition:all 0.2s 0s ease-in-out; position:relative; border-radius:8px; gap:1em; min-width:7em;}
.w_gnb .gnb > li:has(.sub_menu) > a > span:after {content: ""; width:12px; height:7px; margin-top:2px; background: url(../img/common/gnb_arrow.svg) no-repeat center center; transition:all 0.2s 0s ease-in-out; }
.w_gnb .gnb > li:hover > a > span {}
.w_gnb .gnb > li.on > a > span {}
.w_gnb .sub_menu {display:none; position: absolute; left:-1em; top:90%; width: 100%; min-width:220px; border-radius:16px; overflow: hidden; padding-top:7px; background:rgba(0, 0, 0, 0.6); border:2px solid #fff; padding:1em 1em 1em 2em}
.w_gnb .sub_menu > li > a {display:flex; align-items:center; padding:0.5em 0px; font-size:var(--sub-font-size); line-height: 1.4em; color: #fff; opacity: 0.7; transition:all 0.2s 0s ease-in-out;}
.w_gnb .sub_menu > li > a:hover {opacity: 1; font-weight: 600;}
.w_gnb .m_gnb_on {position:absolute; right:0px; top:-1px; padding:21px; background:#2d3749}


.gnb08 {display:none !important;}
.gnb09 {display:none !important;}

#gnb_bar {border-top:1px solid #000;position:absolute; display:none; left:0%; top:100%; width:100%; background:rgba(0, 0, 0, 0.7); /*backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);*/ box-shadow:0px 2px 5px rgba(0, 0, 0, 10%); }
.gnb_bar_in {max-width:var(--cont-inner); height: 100%; margin: 0 auto; }


.three_depth {padding:20px 20px 10px 35px}
.three_depth > li + li {margin-top:5px;}
.three_depth > li > a {position:relative; padding-left:27px; display: block;}
.three_depth > li > a:before {content:""; width:16px; height:16px; border:1px solid #eee; border-radius:3px; background: #fff; position: absolute; left: 0px; top:50%; margin-top:-8px}
.three_depth > li > a:after {content: ""; width:3px; height:3px; border-top:1px solid #a9a9a9; border-right:1px solid #a9a9a9;transform: rotate(45deg) translateY(-50%); position: absolute; left:5px; top:50%;}
.three_depth > li > a:hover {color: var(--key-color); font-weight:600;}
.three_depth > li > a:hover::before {background: var(--key-color); border-color: var(--key-color);}
.three_depth > li > a:hover::after {border-color:#fff;}



/* slide_menu */
.slide_menu_wrap {width:100vw; height:100%;  z-index:998; position:fixed; top:-100%; left:0px; overflow: hidden;}
.slide_menu_inner {height:100%; background:#fff; overflow-x:inherit; -webkit-overflow-scrolling:touch; z-index:2; position:relative;}
.slide_menu_inner .header {height:100px; max-width: 1820px; margin:0 auto; position:relative;}
.slide_menu_inner .header::after {content:""; width:100vw; height:1px; background:#000; position:absolute; left:50%; top:100%; transform: translateX(-50%)}
.slide_menu_inner .bt_close {position:absolute; right:10px; top:50%; transform: translateY(-50%); display: flex; width: 26px; height:26px; text-indent: -999999em;}
.slide_menu_inner .bt_close:after {display:block; content:""; width:20px; height:4px; background:#333; transform-origin:center; transform:translate(-50%, -50%) rotate(45deg); position:absolute; top:50%; left:50%}
.slide_menu_inner .bt_close:before {display:block; content:""; width:20px; height:4px; background:#333; transform-origin:center; transform:translate(-50%, -50%) rotate(135deg); position:absolute; top:50%; left:50%;}
.slide_menu_inner .gnb {max-width:1820px; margin:0 auto; border-left:1px solid #000; border-right:1px solid #000; font-size:var(--sub-font-size); overflow-y: auto; height:calc(100% - 100px); overflow-x: hidden;}
.slide_menu_inner .gnb::-webkit-scrollbar { width: 6px; }
.slide_menu_inner .gnb::-webkit-scrollbar-thumb { background-color:#ccc; border-radius: 10px; }
.slide_menu_inner .gnb::-webkit-scrollbar-track { background-color: transparent;  }
.slide_menu_inner .gnb > li {border-bottom:1px solid #000; display: flex;}
.slide_menu_inner .gnb > li > a {font-size:2em; color:#000; font-weight:800 ; line-height:1.4em; padding:min(50px, 6vw) min(44px, 5vw); min-width:12em; align-self: flex-start;}
.slide_menu_inner .gnb a {color:#000;}
.slide_menu_inner .gnb .sub_menu {display: flex !important; gap:0.8em min(6em, 5vw); flex:1; flex-wrap:wrap; padding:min(50px, 6vw) min(44px, 5vw); border-left:1px solid #000; height: auto !important;}
.slide_menu_inner .sub_menu > li > a {font-size:1.5em; line-height:1.4em; font-weight:700;}
.slide_menu_inner .three_depth {padding:10px 0px 10px 0px;}
.slide_menu_inner .three_depth > li {padding-top:0px;}


.section {padding-top:min(60px, 8vw); padding-bottom:min(60px, 8vw); padding-left:10px; padding-right: 10px; font-size: var(--font-size); line-height:1.5em}
.section .inner {max-width:1520px}
.section .more {position:absolute; right:0px; top:0px;}
.section .more > a {display:flex; font-size: var(--small-font-size); font-weight:700; align-items:center;}
.section .more span {display:flex; width:clamp(24px, 4vw, 32px); aspect-ratio: 1/1; border-radius:100%; border:1px solid #000; justify-content:center; align-items:center; margin-left:10px; background:#000; color:#fff; position:relative;}
.section .more span:after {display:block; content:""; width:10px; height:2px; background:#fff; position:absolute; left:50%; top:50%; margin-left:-5px; margin-top:-1px; transition:all 0.5s;}
.section .more span:before {display:block; content:""; width:2px; height:10px; background:#fff; position:absolute; left:50%; top:50%; margin-top:-5px; margin-left:-1px; transition:all 0.5s;}
.section .more > a:hover span:after {transform:rotate(90deg);}
.section .more > a:hover span:before {transform:rotate(90deg);}
.m_tit {padding:1em 0px 0.8em 0px; color:#000000; font-size:2.88888em; line-height:120%; font-weight:400; }
.m_tit > strong {font-weight:800;}
.m_tit_txt {color:#e71b36; margin-bottom: 0.3em; font-weight:600;}
.m_tit_txt + .m_tit {padding-top:0px;}


#section1 {padding:0px; }
.main_visual {max-width: 100%;}
.main_visual .banner_slide {position: relative; overflow: hidden; }
.main_visual .swiper-slide { position: relative;}
.main_visual .swiper-slide .bg_img {position:absolute; transform: translateX(-50%) scale(1.3); left: 50%; top: 0px; width:100%; height:100%; object-fit: cover;transition:all 2s 0s ease-out;}
.main_visual .swiper-slide-active .bg_img { transform:translateX(-50%) scale(1);}
.main_visual .txt_frame {position:relative; height:920px; z-index:2; color:#fff; display: flex; justify-content: center; flex-direction: column; width:100%; max-width:var(--cont-inner); padding:0px 10px; margin:0 auto; text-shadow: 2px 2px 4px #333;}

.main_visual .txt_frame strong {font-weight:700}
.main_visual .txt_frame .txt_b {font-size:2.3333em; font-weight:100; line-height:1.4em;}
.main_visual .txt_frame .txt_a {font-size:3.55555em; font-weight:700; line-height:1.4em;}
.main_visual .slide_control { display: flex; justify-content: center; align-items: center; height: 34px; position: absolute; left: 0px; bottom: 5%; width: 100%; z-index: 5;}
.main_visual .slide_control .swiper-pagination {display: flex; align-items: center; gap:5px; font-size:11px; color:#000; font-weight:300;}
.main_visual .slide_control .swiper-pagination > span {font-size:14px; width: 15px; height: 15px; font-weight:600; background: #fff; border: none; opacity: 0.5;}
.main_visual .slide_control .swiper-pagination .swiper-pagination-bullet-active {opacity:1 ;}
.main_visual .slide_control .play_stop {font-size:0px; display: flex; width:14px; height:26px; justify-content: center; align-items: center; color:#000; display:none;}
.main_visual .slide_control .play_stop:focus {outline:1px solid #000}
.main_visual .slide_control .play:before {display: block; content: "▶"; font-size:9px;}
.main_visual .slide_control .stop:before {display: block; content: ""; width: 2px; height: 9px; border-left:3px solid #000; border-right:3px solid #000;}
/* .main_visual .swiper-button-next {margin:0px 10px 0px 10px; }
.main_visual .swiper-button-prev:after {width: auto; height: auto; border: none; transform: none; border-radius: 0px; content: "??; color: #000; font-size:19px; font-weight:600;}
.main_visual .swiper-button-next:after {width: auto; height: auto; border: none; transform: none; border-radius: 0px; content: "??; color: #000; font-size:19px; font-weight:600;} */
.main_visual .scroll_ico {position:absolute; left:50%; transform: translateX(-50%); text-align: center; bottom:5%; z-index:97}
.main_visual .scroll_ico > a {cursor:default; display:block; width:88px; height:70px; text-align:center; color:#fff; font-weight:600; background:url(../img/main/ico_scroll.svg) no-repeat center top; position:relative;}
.main_visual .scroll_ico .arrow {display:block; width:12px; height:12px; border-top:2px solid #fff; border-right:2px solid #fff; transform:rotate(136deg) translateX(-50%); opacity:0.8; position:absolute; left:50%; bottom:0px; -webkit-transform:rotate(136deg) translateX(-50%); transform-origin:0px}
.main_visual .scroll_ico .arrow2 {bottom:0px;}
.main_visual .scroll_ico .arrow1 {animation:mv1 0.7s ease-in-out 0.7s infinite;}
 @keyframes mv1 {
     0%{opacity:1; bottom:0px;} 
    40%{opacity:1; bottom:-8px;} 
     100%{opacity:1; bottom:0px;} 
}
.main_visual .key_visual {max-width: var(--cont-inner); width: 100%; position: absolute; left: 50%; top: 0px; transform: translateX(-50%); width: 100%; z-index:3; display: flex; justify-content: center; flex-direction: column; height: 100%; padding:0px 10px; color: #fff; color: #fff; line-height: 1.4em; font-size: min(4.5vw, 35px);}
.main_visual .key_visual > div {width: 100%;}
.main_visual .key_visual .swiper-pagination { position: absolute; left: 50%; transform: translateX(-50%); max-width: max-content; border-radius:40px; background: rgba(0, 0, 0, 0.6); bottom:10%; gap:5px; padding:clamp(5px, 5vw, 10px) clamp(10px, 8vw, 30px) ;}
.main_visual .key_visual .swiper-pagination-bullet {border: none; opacity: 0.4;}
.main_visual .key_visual .swiper-pagination-bullet-active {position: relative; background: #fff; opacity: 1;}

.main_visual .txt_a {font-weight: 700;}


.slide_arrow {display: block; width:60px; height:60px;  background-color: rgba(255, 255, 255, 0.3) !important; backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); display: flex; gap:2em; justify-content: space-between; padding:clamp(15px, 5vw, 30px); color: #fff; position: absolute; z-index: 4; cursor: pointer; border-radius:100%;}
.swiper-button-prev {background: url(../img/main/bt_prev.svg) no-repeat center center;}
.swiper-button-next {background: url(../img/main/bt_next.svg) no-repeat center center;}

#section2 {padding: 0px; background: url(../img/main/ba_bg.jpg) no-repeat center center/cover;}
#section2 .inner {max-width: var(--cont-inner);}
.review2025 {display: flex; flex-wrap: wrap; justify-content: space-between; gap: 1em; align-items: center; min-height:clamp(200px, 20vw, 320px); padding:clamp(20px, 5vw, 30px); color: #fff;}
.review2025 .left {max-width: 455px; display: flex; flex:1; flex-direction: column; gap:1em;}
.review2025 .left h3 {font-size: clamp(20px, 9vw, 68px); font-weight:700; line-height: 1.1em;}
.review2025 .btn_g {display: flex; gap:0.5em;}
.review2025 .btn_g > a {display: flex; flex: 1; border-radius:60px; background: var(--key-color); color: #fff; font-size: var(--font-size); line-height: 1.3em; gap: 0.5em; padding: 0px 0.5em; align-items: center; justify-content: center; text-align: center; min-height:3em;}
.review2025 .btn_g > a img {max-width: clamp(18px, 2vw, 25px);}
.review2025 .right { margin-left:auto;}
.review2025 .count_list {display: flex; justify-content: flex-end; gap:2em;}
.review2025 .count_list .txt_a {font-size: var(--large-font-size); font-weight: 700;}
.review2025 .count_list .txt {font-size: var(--large-font-size);}
.review2025 .count_list .txt .counter {min-width:1em; display: inline-block; font-size:clamp(20px, 7vw, 4em); line-height: 1em; color:var(--point-color); font-weight: 700; position: relative;}
.review2025 .count_list .txt .counter .original {opacity: 0;}
.review2025 .count_list .txt .counter .num {position: absolute; right: 0px; top: 0px;}

.main_tit {display: flex; justify-content: center; margin-bottom: min(40px, 7vw); position: relative; flex-wrap: wrap; font-size:clamp(20px, 7vw, 2.333em);}

.main_banner {display: flex; justify-content: space-between; gap: 1em;}
.main_banner > li {flex:1;}
.main_banner > li * {transition: all 0.3s 0s ease-in-out;}
.main_banner .box {display: flex; flex-direction: column; position: relative; overflow: hidden; height: 100%; min-height:clamp(200px, 38vw, 320px); border:1px solid #406CF5; border-radius:30px; padding: clamp(20px, 4vw, 2em);}
.main_banner .box .info {z-index: 3; position: relative;}
.main_banner .box .info dt {font-size:var(--xxx-large-font-size); line-height: 1.4em; color: #000; font-weight:800;}
.main_banner .box .info dd {font-size: var(--sub-font-size); line-height: 1.4em; margin-top: 0.3em;}
.main_banner .box .bottom {display: flex; justify-content: space-between; margin-top: auto; align-items: flex-end;}

.main_banner .box .arrow img {width:clamp(30px, 7vw, 62px); aspect-ratio: 1/1;}
.main_banner .box .ico {margin-left:auto;}
.main_banner .box .ico img {max-height:clamp(50px, 8vw, 87px);}

.main_banner .box .bg_img {position: absolute; left: 0px; top: 0px; width: 100%; height: 100%; opacity: 0;}
.main_banner .box .bg_img img {object-fit:cover; width: 100%; height: 100%;}
.main_banner .login_box .info {height: 100%; display: flex; flex-direction: column; gap:1em;}
.main_banner .login_box .info dd {margin-top: auto; display: flex; flex-direction: column; gap:5px;}
.main_banner .login_box .info .input {background: #EFF1F6; font-size: 12px; height:4.2em; border:none; text-indent:1em;}
.main_banner .login_box .info .btn {background: var(--deep-key-color); height:3em; color: #fff; font-size: var(--font-size); font-weight: 700;}


@media (hover: hover) and (pointer: fine) {
	.main_banner a.box:hover { border-color:#fff; transform: translateY(-0.5em);}
	.main_banner a.box:hover .info {color: #fff;}
	.main_banner a.box:hover .info dt {color: #FFEEB4;}
	.main_banner a.box:hover .bg_img {opacity: 1; z-index:2;}
	.main_banner a.box:hover .bottom {opacity:0;}
 }

 
.movie_frame {padding-bottom:calc(388 / 691 * 100%); position: relative; overflow:hidden;}
.movie_frame > img, .movie_frame iframe {position:absolute; left:0px; top:0px; width:100%; height:100%; object-fit: cover;}

.main_board_wrap {position: relative;}
.main_board_wrap .slide_control {display: flex; align-items:center; gap: 1em; position: absolute; right: 0px; top: 0px;}
.main_board_wrap .slide_control .slide_arrow {position: relative; left: auto; top: auto; right: auto;}
.main_board_wrap .more {position: relative; right: auto; top: auto; margin-top:clamp(20px, 5vw, 40px);}
.main_board_wrap .more a {justify-content: center; font-size: var(--font-size); text-decoration: underline; text-underline-position: under;}
.main_board_wrap .more a > span {display:none;}

.main_board {flex:1; overflow: hidden;} 
.main_board .m_tit {padding-bottom:0.5em}
.main_board .tab {display: flex; justify-content: center; gap:5px; margin-bottom: 2.5em;}
.main_board .tab > li { max-width:6.8em; flex: 1;}
.main_board .tab > li > a {display:flex; height:2.25em; padding:0.5em; justify-content: center; align-items: center; text-align: center; background:#fff; border-radius:30px; border:1px solid #ccc; font-weight:700; color: #CCCCCC; width: 100%; }
.main_board .tab > li > a.on {background:var(--deep-key-color); color: #fff; border-color:var(--deep-key-color);}
.main_board .box * {transition: all 0.3s 0s ease-in-out;}
.main_board .box {background:#fff; display: block; border-radius:min(30px, 5vw); padding:min(30px, 4vw) min(35px, 5vw); border: 1px solid #CCCCCC; height: 100%;}
.main_board .box .txt_a {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-clamp:2; -webkit-line-clamp: 2; -webkit-box-orient: vertical; font-size:var(--x-large-font-size); line-height: 1.4em; height:2.8em; font-weight:600;}
.main_board .box .txt_b {overflow: hidden; text-overflow: ellipsis; display: -webkit-box; line-clamp:3; -webkit-line-clamp:3; -webkit-box-orient: vertical; font-size:var(--sub-font-size); line-height: 1.4em; height:4.2em; margin-top:1em; }
.main_board .box .type {font-weight:600; color: var(--key-color); margin-bottom:1em;}
.main_board .box .date {margin-top: 1em; display: block; font-size: var(--sub-font-size);}


@media (hover: hover) and (pointer: fine) {
	.main_board .box:hover {border-color: var(--key-color); box-shadow: 0px 5px 10px rgba(0, 0, 0, 10%); }
	.main_board .box:hover {color:var(--key-color);}
 }

 .with_butech_slide .swiper-slide {width:clamp(100px, 25vw, 282px);}
 .with_butech_slide .box {width:100%;  border: 1px solid #ccc; border-radius:8px; display: flex; justify-content: center; align-items: center; overflow: hidden;}
 
 
 


/* footer */
#footer {background:#000000; padding:0px 10px; color: #fff;}
#footer a {color: #fff;}
#footer .inner {max-width:1520px; display: flex; position:relative; margin:0 auto; padding:min(6vw, 70px) 0px }
#footer .navi {display:flex; flex-wrap: wrap; align-items: center; gap:1em 2em; margin-bottom:1em;}

#footer .navi > li {position: relative;}
#footer .navi > li + li::before {content:""; width: 1px; height:10px; background: #fff; position: absolute; left: -1em; top:50%; transform: translateY(-50%); opacity: 0.5;}
#footer .navi > li > a {color: #fff; font-size:var(--sub-font-size) ;  font-weight: 300;}

#footer .f_logo {margin-right:clamp(20px, 4vw, 90px);}
#footer .go_top {position:absolute; right:10px; top:30%; z-index:99}
#footer .go_top > a {display:flex; width:95px; height:95px; line-height:1.6em; background:#303030; justify-content:center; text-align: center; align-items:center; flex-direction:column; color:#fff; font-size:14px; font-weight:600; border-radius:100%}


.addressW {position:relative; font-weight: 300; font-size: var(--sub-font-size); max-width:1060px;}
.addressW .txt_t{font-size:1.1em; font-weight:700; line-height: 1.4em ;}
.addressW address {display: flex; flex-wrap: wrap; gap:0em 2em; overflow: hidden;}
.addressW address + address {margin-top: 0.2em;}
.addressW address .tel {font-weight:700; font-size:1.333em; line-height: 1.4em;}
.addressW address > span {position:relative; font-weight:300;}
.addressW address > span+span:before {content:""; width:1px; height:clamp(10px, 1.7vw, 14px); background: #fff; opacity: 0.5; position: absolute; left:-1em; top: 50%; transform: translateY(-50%);}
.addressW .copy {width:100%; font-weight:100; padding-top:1em;}




/* sub_page */


.sub_visual {width:100%; border-bottom: 1px solid #000; position:relative; background-size:cover !important;}
.sub_visual .sub_txt {text-align:center; display:flex; flex-direction:column; align-items:center; height:320px; z-index:9; margin:0 auto; max-width:var(--inner); padding:30px 10px 0px 10px; color: #000;}
.sub_visual .sub_txt h2 {font-size:min(46px, 7vw); line-height:1.4em; font-weight:700;}

.sub_wrap_1 .sub_visual {background:url(../img/introduce/sub_visual.jpg) no-repeat center center;}
.sub_wrap_2 .sub_visual {background:url(../img/apply/sub_visual.jpg) no-repeat center center;}
.sub_wrap_3 .sub_visual {background:url(../img/guide/sub_visual.jpg) no-repeat center center;}
.sub_wrap_4 .sub_visual {background:url(../img/event/sub_visual.jpg) no-repeat center center;}
.sub_wrap_5 .sub_visual {background:url(../img/bizmatching/sub_visual.jpg) no-repeat center center;}
.sub_wrap_6 .sub_visual {background:url(../img/community/sub_visual.jpg) no-repeat center center;}
.sub_wrap_8 .sub_visual {background:url(../img/member/sub_visual.jpg) no-repeat center center;}



.location {position:relative; text-align:center; margin-top: 1em; display: flex; justify-content: center; font-size:var(--small-font-size);}
.location span {margin-left:14px; font-weight:400;}
.location span.home {display: inline-flex; justify-content:center; align-items: center; /*background: #fff; border-radius:100%; width:40px; height:40px;*/}
.location > span:after {display:block; content:""; width:5px; height:5px; border-top:2px solid #000; border-right:2px solid #000; display:inline-block; transform:rotate(45deg); margin-left:11px; border-bottom:2px solid transparent; border-left:2px solid transparent;}
.location > span.home:after {display:none;}
.location > span:last-child:after {display:none;}
.location span:first-child {padding-left:0px; margin-left:0px;}
.location #location_2 {font-weight:600; color:#fff}
.location #location_3 {font-weight:600;}
.location img {vertical-align:middle; margin-top:-2px;}


.lnb_position {width: 100%; margin-top: auto;}
.lnbs3 {margin: 0 auto; width: 100%; max-width: var(--inner); position: relative;}
.lnbs3 > ul {display:flex;}
.lnbs3 li {flex:1}
.lnbs3 li > a {display: flex; height:50px; align-items: center; justify-content: center; text-align: center;  font-size:var(--large-font-size); line-height: 1.4em; font-weight:600;}
.lnbs3 li.on > a {background: var(--key-color); color: #fff;}


.lnbs3 .three_depth {display:none;}
#lnb_wrap {background: #F6F6F6;}
#lnb_wrap.fix {position:fixed; left:0; width:100%; z-index:9998; margin-left:0; margin-right:0;}
#lnb_wrap .lnbs {display:none;}
#lnb_wrap .ico_home {display:none;}


.lnb_tit, a.lnb_tit {font-size:16px; display:block; box-sizing:border-box; padding-left:20px; color:#000; line-height:60px; height:60px; cursor:pointer; padding-right:20px; font-weight:400; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; -o-text-overflow:ellipsis; text-align: left;}
.lnb_tit:after {display:block; content:""; position:absolute; right:20px; top:50%; transform:translateY(-50%); width:0; height:0;border-top:7px solid #fff; border-left:5px solid transparent; border-right:5px solid transparent; transition:all 0.2s 0s ease-in-out;}
.lnb_tit.on:after {transform:rotate(-180deg); margin-top:-5px}

.sub_con { max-width:var(--inner); margin:0 auto; font-size:var(--font-size); word-break:keep-all;}
.sub_con > .s_tit:first-child, .sub_con > .ss_tit:first-child {margin-top:0px;}
.s_tit {font-size:1.778em; color:#000000; line-height:130%; margin:2em 0px 0.5em 0px;  position:relative; font-weight:800; display:flex; align-items:center;}
.s_tit.no-flex {display:block; line-height:1.3em;}
/*
.s_tit:before {display:block; content:""; z-index:0; width:26px; height:26px; border-radius:100%; background:linear-gradient( 120deg, #00aa53, #005e9c ); align-self:flex-start; margin-right:10px;}
.s_tit:after {display:block; content:""; position:absolute; left:9px; top:10px; width:4px; height:4px; border-top:1px solid #fff; border-right:1px solid #fff; transform:rotate(45deg);}
*/
.s_tit.tc {text-align:center; justify-content:center; background:none !important; padding-left:0px;}
.s_tit.tc:after {display:none;}
.s_tit.tc:before {display:none;}

.ss_tit {font-size:1.4445em; color:#000; margin:2.26em 0px 0.5em 0px; font-weight:800; display:flex; align-items:baseline;}
.ss_tit.tc {justify-content:center; text-align:center}
.ss_tit.no-flex {display:block;}
.ss_tit > span{font-weight:300;}
.tit_group {display: flex; justify-content: space-between; align-items: baseline; gap: 0.5em; flex-wrap: wrap;}



.b_txt {font-size:min(2em , 5.5vw); line-height:1.6em;}
.b_txt_s {font-size:min(1.44em , 4.5vw); line-height:1.6em;}

.title_bar {text-align: center; padding:0em 0px 3em 0px;}
.title_bar > h2 {font-size:clamp(20px, 4vw, 2.33em); line-height: 1.4em; font-weight:800}
.title_bar .pageName1 {font-size:var(--font-size); line-height: 1.4em; color: var(--key-color); font-weight: 600; padding-bottom: 0.5em;}

/* 준비중 페이지 */
.coming_page #inner_wrap {background:#EEF2FF;}
.coming_tit {display:flex; align-items:center; justify-content:center; gap:clamp(12px, 2.4vw, 24px); margin:0 0 clamp(24px, 5vw, 60px); font-size:clamp(20px, 3vw, 32px); font-weight:700; line-height:1.4; color:#000; text-align:center;}
.coming_tit:before, .coming_tit:after {content:""; width:clamp(40px, 12vw, 188px); height:8px; background-image:radial-gradient(circle closest-side, #406CF5 80%, transparent 71%), linear-gradient(#406CF5, #406CF5); background-repeat:no-repeat;}
.coming_tit:before {background-position:left center, left 10px center; background-size:8px 8px, calc(100% - 10px) 1px;}
.coming_tit:after {background-position:right center, right 10px center; background-size:8px 8px, calc(100% - 10px) 1px;}
.coming_soon_card {display:flex; align-items:center; gap:clamp(16px, 3vw, 40px); min-height:260px; padding:clamp(24px, 4vw, 44px) clamp(20px, 4vw, 80px); background:#fff; border:2px solid var(--key-color); border-radius:16px; box-shadow:7px 3px 17px rgba(0,0,0,0.05), 29px 13px 32px rgba(0,0,0,0.04);}
.coming_soon_card .ico {flex:0 0 auto; width:clamp(88px, 14vw, 172px); aspect-ratio:1; margin:0; line-height:0; overflow:hidden;}
.coming_soon_card .ico img {display:block; width:100%; height:100%; object-fit:contain;}
.coming_soon_card .con {flex:1; min-width:0;}
.coming_soon_card .con h3 {margin:0 0 0.4em; font-size:clamp(20px, 3vw, 32px); font-weight:700; line-height:1.4; color:#1B40BD;}
.coming_soon_card .con p {margin:0; font-size:var(--sub-font-size); font-weight:600; line-height:1.6; color:#666;}

.acd main {position: relative; padding:clamp(30px, 5vw, 60px) 0; font-size: 1.33em; line-height: 1.4em;}
.acd main::before {content: ""; background: #F8F8F8; width: 100vw; height: 100%; position: absolute; left: 50%; top: 0px; transform: translateX(-50%); z-index: -1;}
.acd_tag {display:inline-flex; align-items:center; justify-content:center; border:1px solid var(--key-color); font-size:var(--sub-font-size); color: var(--key-color); padding:4px 12px; min-width: 12.5em; height:3.125em; border-radius:60px; margin-bottom:20px;}
.acd_hd {text-align:center; margin-bottom:clamp(30px, 5vw, 50px);}
.acd_tit {font-size:clamp(20px, 4vw, 2.333em); font-weight:700; line-height:1.3em;}
.acd_btns {display:flex; gap:10px; justify-content: flex-end; margin-top: clamp(20px, 4vw, 40px);}
.acd_btn {display:inline-flex; align-items:center; justify-content:center; background:var(--key-color); color:#fff; padding:0px 1em; border-radius:6px; height:3.3333em; width:13.888em; font-size: var(--font-size); }
.acd_bt_wrap {text-align:right; margin-top:40px;}


.first-txt {font-size:2em; line-height: 1.4em;}
.first-txt > strong {font-weight:800}


.overview > li {border-bottom:1px solid #DDDDDD; display: flex;}
.overview > li:first-child {border-top:1px solid #ddd;}
.overview > li:first-child .txt_a::after {content: ""; width: 100%; height: 1px; background: var(--deep-key-color); position: absolute; left: 0px;top: -1px;}
.overview .txt_a {display: flex; align-items: center; text-align: center; justify-content: center; width: clamp(5em, 16vw, 12.5em); font-weight:700; color: var(--deep-key-color); position: relative;}
.overview .txt_a::before {content: ""; width: 100%; height: 1px; background: var(--deep-key-color); position: absolute; left: 0px;bottom: -1px;}
.overview .txt_b {padding: 1em 1em 1em 2em; flex:1;}
.overview .name_tit {font-size:var(--x-large-font-size); line-height: 1.5em;}
.overview .list {display: flex; flex-wrap: wrap; gap: 1em;}
.overview .list li {max-width: max-content;}
.overview .list img {max-width:28vw; max-height:6vw;}

.apply_info {display: flex; gap: clamp(10px, 3vw, 32px);}
.apply_info .box {flex:1; padding: clamp(15px, 3vw, 30px) clamp(20px, 5vw, 54px); position: relative; border:1px solid var(--key-color); border-radius: 8px;}
.apply_info .ico {display: block; position: absolute; right:clamp(20px, 5vw, 40px); top:clamp(15px, 3vw, 20px); width: clamp(25px, 4vw, 47px);}
.apply_info .con {display: flex; flex-direction: column;}
.apply_info .tit {font-weight: 700; font-size: var(--font-size); margin-bottom: 0.8em;}
.apply_info .txt {font-size:var(--large-font-size); line-height: 1.4em;}
.apply_info .list {text-indent: -1.1em; padding-left: 1.1em;}
.apply_info .note {margin-top: 0.7em; font-weight: 300;}

.apply_booth {display: flex; gap: clamp(10px, 2vw, 20px); margin-top: clamp(20px, 4vw, 40px);}
.apply_booth > article { flex:1; border-radius: 20px 20px 15px 15px; overflow: hidden; background: #fff; box-shadow: 0px 4px 10px rgba(0, 0, 0, 0.2); border-bottom: clamp(8px, 1.2vw, 13px) solid #002BC1}
.apply_booth > article:nth-child(1) {border-bottom-color:var(--key-color) ;}
.apply_booth > article:nth-child(1) .head{background: var(--key-color);}
.apply_booth > article:nth-child(2) .head{background: #002BC1;}
.apply_booth > article:nth-child(3) {margin-left: 14px;}
.apply_booth .head {background:var(--deep-key-color); min-height: 3.4em; text-align: center; display: flex; align-items: center; justify-content:center;}
.apply_booth .tit {font-size: var(--x-large-font-size); font-weight: 700; color: #fff;}
.apply_booth .size { font-size: var(--sub-font-size); font-weight: 600; color: var(--key-color); text-align: center;}
.apply_booth .box {display: flex; flex-direction: column; gap: clamp(13px, 1.8vw, 1em); padding: clamp(16px, 2vw, 24px);}

.apply_booth .txt {flex: 1;}
.apply_booth .txt > p {margin-bottom: 1em; text-align: center; font-weight: 700; font-size: var(--x-large-font-size); line-height: 1.5em;}
.apply_booth .txt > p .note {display: block; font-weight: 400; font-size: var(--sub-font-size); line-height: 1.4em;}
.apply_booth .txt ul li { font-size: var(--x-small-font-size); line-height: 1.4em;}
.apply_booth .txt ul li::before {background: #333;}
.apply_booth .txt ul li + li {margin-top:0.8em;}

.apply_pay {display: flex; background: var(--deep-key-color); color: #fff; text-align: center;  padding: clamp(24px, 4vw, 30px) 0px;}
.apply_pay .box {flex: 1; padding:0px clamp(24px, 4vw, 40px) ; display: flex; flex-direction: column; align-items: center; justify-content: center; gap: 0.2em;}
.apply_pay .box + .box {border-left: 1px solid rgba(255, 255, 255, 0.15);}
.apply_pay .tit {font-weight: 700;}
.apply_pay .txt {font-size: clamp(18px, 3vw, var(--xxx-large-font-size)); color: var(--point-color); font-weight: 300; line-height: 1.4;}
.apply_pay .txt strong {font-weight: 800;}
.apply_pay .desc {font-weight:300;}

/* 怨듭떇 ?묒갔 ?꾨줈洹몃옩 */
.sponsor_table tbody tr th.sponsor_cate {color:var(--deep-key-color); font-size:var(--font-size); vertical-align:middle;}
.sponsor_table td {height:auto; padding:clamp(14px, 2vw, 22px) clamp(8px, 1.5vw, 16px);}
.sponsor_table .bul01 {text-align:left;}
.sponsor_table .bul01 li {font-size:var(--x-small-font-size); line-height:1.5em;}
.sponsor_table .bul01 li + li {margin-top:0.6em;}
.sponsor_table .bul01 .bul01 {margin-top:0.4em;}
.sponsor_tier_cell {display:flex; align-items:center; justify-content:center; gap:clamp(10px, 2vw, 16px); min-height:72px;}
.sponsor_tier_cell.type_text {justify-content:center;}
.sponsor_tier_info {text-align:center;}
.sponsor_tier_info .name {font-weight:700; color:var(--deep-key-color); line-height:1.4em;}
.sponsor_tier_info .name_ko {font-weight:600;}
.sponsor_price {font-weight:700; color:#333;}
.sponsor_badge {display:block; flex-shrink:0; width:clamp(46px, 6vw, 58px); line-height:0;}
.sponsor_badge img {width:100%; height:auto;}


.tab_content > div {display: none;}
.tab_content > div.on {display: block;}

.fair_acd > li {border: 1px solid #CCCCCC; border-radius: 8px; overflow: hidden; background: #fff;}
.fair_acd > li + li {margin-top:6px;}
.fair_acd > li.on {border-color:var(--key-color); outline: 1px solid var(--key-color); box-shadow:0px 3px 5px rgba(0, 0, 0, 0.2)}
.fair_acd .head {display: flex; align-items: center; gap: clamp(12px, 2vw, 20px); min-height: clamp(20px, 7vw, 70px); width: 100%; padding: clamp(16px, 2vw, 18px) clamp(20px, 4vw, 44px); text-align: left; background: #fff; transition: color 0.2s;}
.fair_acd .num {flex-shrink: 0; min-width: 2.5em;}
.fair_acd .ico {flex-shrink: 0; width: clamp(40px, 6vw, 55px); line-height: 0;}
.fair_acd .ico img {width: 100%; height: auto;}
.fair_acd .tit {flex: 1;  font-weight: 700; line-height: 1.4; }
.fair_acd .desc {font-size: var(--sub-font-size); font-weight: 400; margin-top:0.2em; display: block; color: #000;}
.fair_acd .arrow {flex-shrink: 0; width: 24px; height: 24px; position: relative;}
.fair_acd .arrow::before {content: ""; position: absolute; left: 50%; top: 50%; width:8px; height: 8px; border-right: 2px solid #333; border-bottom: 2px solid #333; transform: translate(-50%, -70%) rotate(45deg); transition: transform 0.2s, border-color 0.2s;}
.fair_acd li.on .head {color: var(--key-color);}
.fair_acd li.on .ico img {filter: invert(39%) sepia(86%) saturate(3289%) hue-rotate(215deg) brightness(97%) contrast(98%);}
.fair_acd li.on .tit {color: var(--key-color);}
.fair_acd li.on .arrow::before {border-color: var(--key-color); transform: translate(-50%, -30%) rotate(-135deg);}
.fair_acd .con {display: none; padding:clamp(20px, 4vw, 44px); padding-top:0.5em;}
.fair_acd .inner {padding:clamp(16px, 3vw, 30px); /*padding-left:calc(clamp(40px, 6vw, 55px) + clamp(12px, 2vw, 20px)) ;*/ background:#EEF2FF; border-radius: 8px; font-size: var(--sub-font-size); line-height: 1.5em;}

.booth_layout {position: relative; margin-bottom: clamp(10px, 2vw, 20px);}
.booth_layout a {display: block; position: absolute; background: #000; opacity:0;}
.booth_layout a.bt1 {width: 56%; height: 82%; left: 6%; top: 10%;}
.booth_layout a.bt2 {width: 29%; height: 100%; right: 1%; top: 0%;}

.guide_step {display: flex; margin-top: clamp(38px, 5vw, 42px); padding:0px 10px}
.guide_step > li {flex: 1; position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; min-height: clamp(100px, 14vw, 140px); padding:1.2em; border-radius:20px; text-align: center; margin:0px -10px}
.guide_step .step_num {position: absolute; bottom:100%; left: 50%; transform: translate(-50%, 0px); display: inline-flex; align-items: center; justify-content: center; min-width: 6em; min-height:3em; padding: 0.45em 1em; border: 1px solid #E66C5C; border-radius: 999px; background: #fff; color: #E66C5C; font-size: var(--x-small-font-size); font-weight: 700; line-height: 1.3em; white-space: nowrap;}
.guide_step .step_num::after {content: ""; position: absolute; left: 50%; bottom: -6px; width:10px; aspect-ratio: 1 / 1; transform: translateX(-50%) rotate(225deg); border-left: 1px solid #E66C5C; /* border-right: 1px solid transparent; */ border-top: 1px solid #E66C5C; background: #fff;}

.guide_step .icon {display: block; width: clamp(36px, 5vw, 50px); margin-bottom: clamp(12px, 2vw, 15px);}
.guide_step .txt {font-size:var(--font-size); font-weight: 700; line-height: 1.4;}
.guide_step .step1 {border: 1px solid var(--key-color); background: #fff; color: var(--key-color);}
.guide_step .step2 {background: var(--key-color); color: #fff;}
.guide_step .step3 {background: #002BC1; color: #fff;}
.guide_step .step4 {background: var(--deep-key-color); color: #fff;}


.form_guide {margin-bottom: clamp(24px, 4vw, 40px); padding: clamp(15px, 2vw, 20px) clamp(20px, 3vw, 30px); border-radius: 8px; background: var(--deep-key-color); color: #fff; text-align: center;}
.form_guide .txt {font-size: var(--large-font-size); line-height: 1.6; font-weight: 400;}

.form_guide .email {display: inline-flex; align-items: center; justify-content: center; gap: 1em; margin-top: clamp(13px, 2.1vw, 21px); font-size: var(--sub-font-size); color: #fff;}
.form_guide .email a {color: #fff; font-weight: 300;}
.form_guide .email img {width: clamp(30px, 3.2vw, 38px);}



.join_step {margin-bottom: clamp(20px, 4vw, 40px);}
.join_step > ol {max-width:500px; margin:0 auto; gap: 0.5em; display:flex; justify-content:space-between; position:relative;}
.join_step > ol:before {display:block; content:""; width:90%; height:1px; background:#DDDDDD; position:absolute; left:5%; top:90px;}
.join_step > ol > li {position:relative; text-align:center; display: flex; flex-direction: column; align-items: center;}
.join_step .step_num {display: inline-flex; align-items: center; justify-content: center; width:5.5em; min-height:3em; padding: 0.45em 1em; border: 1px solid #CCCCCC; border-radius: 999px; background: #fff; color: #CCCCCC; font-size:12px; font-weight:600; line-height: 1.3em; white-space: nowrap; position: relative; margin-bottom:15px;}
.join_step .step_num::after {content: ""; position: absolute; left: 50%; bottom: -6px; width:10px; aspect-ratio: 1 / 1; transform: translateX(-50%) rotate(225deg); border-left: 1px solid #CCCCCC; /* border-right: 1px solid transparent; */ border-top: 1px solid #CCCCCC; background: #fff;}
.join_step > ol > li .ico {display: flex; align-items: center; justify-content: center; border-radius:100%; background: #ECF0F8; width:70px; aspect-ratio: 1/1;}
.join_step > ol > li .ico img {max-width:80%;}
.join_step > ol > li .txt {font-size: var(--sub-font-size); line-height: 1.4em; margin-top: 0.8em;}
.join_step > ol > li.on .txt {color: var(--deep-key-color); font-weight: 700;}
.join_step > ol > li.on .ico {background: var(--deep-key-color);}
.join_step > ol > li.on .ico img {-webkit-filter: brightness(0) invert(1); filter: brightness(0) invert(1);}
.join_step .on .step_num {border-color:#E66C5C; color: #E66C5C;}
.join_step .on .step_num::after {border-left-color:#E66C5C; border-top-color:#E66C5C;}




.apply_form {border-top:1px solid #000; display: flex; flex-direction:column; padding-top: 1.5em; gap:1.5em; font-size: var(--sub-font-size);}

.apply_form .form_item {display: flex; flex-direction: column;}
.apply_form .tit {color: var(--deep-key-color); font-weight:700; line-height: 1.4em;}
.apply_form .tit .note {display: inline; font-weight: 400; font-size: var(--small-font-size); margin-left: 0.35em; color:#333;}
.apply_form .con {padding:10px 0px; min-width: 0;}
.apply_form .input,
.apply_form .select {width: 100%; height:2.6em;}
.apply_form .field_pair {display: grid; grid-template-columns: repeat(2, 1fr); gap: clamp(10px, 2vw, 24px);}
.apply_form .field_item .label {display: block; margin-bottom: 0.4em; font-weight: 600;}
.apply_form .btn {cursor: pointer; white-space: nowrap; height: 2.6em; font-size:var(--sub-font-size);}
.apply_form .form_item.col2 {flex-direction:row; gap: clamp(1.5em, 6vw, 60px);}
.apply_form .form_item.col2 .form_col {display: flex; flex-direction: column; flex:1; min-width: 0;}
.apply_form .form_item.col2 .bt_include {max-width: none;}
.apply_form .url_input {display:flex; align-items:stretch; border:1px solid #dcdcdc; border-radius:4px; background:#fff; overflow:hidden;}
.apply_form .url_input .prefix {display:flex; align-items:center; padding:0 0.8em; color:#333; white-space:nowrap; border-right:1px solid #dcdcdc; background:#fafafa;}
.apply_form .url_input .input {border:0; border-radius:0;}
.apply_form .lang_input_list {display:flex; flex-direction:column; gap:5px; max-width:630px;}
.apply_form .lang_input_list > li {display:flex; align-items:stretch;}
.apply_form .lang_input_list .lang_label {display:flex; align-items:center; justify-content:center; min-width:4.5em; padding:0 0.8em; background:#f5f5f5; border:1px solid #dcdcdc; border-right:0; border-radius:4px 0 0 4px; color:#333; font-weight:600; white-space:nowrap;}
.apply_form .lang_input_list .input {flex:1; border-radius:0 4px 4px 0;}
.apply_form .field_chk_box {border:1px solid #dcdcdc; border-radius:4px; padding: clamp(14px, 2vw, 22px);}
.apply_form .field_chk_list {display:flex; flex-wrap:wrap; gap:0.8em clamp(16px, 3vw, 40px);}

.apply_order_table .item_radio label {font-weight:600; color:var(--deep-key-color);}
.apply_order_table .qty_cell,
.apply_order_table .amount_cell {display:flex; align-items:center; justify-content:center; gap:0.35em;}
.apply_order_table .qty_cell .input,
.apply_order_table .amount_cell .input {flex:1;}
.apply_order_table .unit {white-space:nowrap; flex-shrink: 0;}
.apply_order_table tfoot .total_amount {font-size:var(--x-large-font-size); font-weight:700; line-height:1.4em; margin-left:0.5em;}


.apply_discount_table td label {font-weight:600;}
.apply_discount_info {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; gap:0.5em 1.5em; margin-top:0.8em;}
.apply_discount_info .discount_calc {font-weight:600;}
.apply_price_total {display:flex; flex-wrap:wrap; justify-content:flex-end; align-items:center; gap:0.5em 1.2em; margin-top:clamp(20px, 3vw, 30px); padding:1em 1.5em; background:#000; color:#fff; font-weight:600; text-align:center;}
.apply_price_total .item strong {font-weight:700; font-size:var(--x-large-font-size);}
.apply_price_total .sign {font-size:1.1em; line-height:1;}

.apply_sign {max-width:420px; margin-left:auto; margin-top:clamp(24px, 4vw, 40px); font-size: var(--sub-font-size);}
.apply_sign .sign_date {display:flex; justify-content:flex-end; margin-bottom:1em;}
.apply_sign .flex_input.date {flex-wrap:nowrap; justify-content:flex-end;}
.apply_sign .flex_input.date .input {width:4em; flex:none; text-align:center; height:2.6em;}
.apply_sign .flex_input.date .input:first-of-type {width:5em;}
.apply_sign .sign_list li {display:flex; align-items:center; gap:0.8em; margin-top:0.6em;}
.apply_sign .sign_list label {white-space:nowrap; min-width:6em; font-size: var(--font-size); font-weight:600;}
.apply_sign .sign_list .input {flex:1; height:2.6em;}


/*atab*/
.atab {display:flex; justify-content: center; flex-wrap: wrap; position:relative;}
.atab li a {display:flex; min-width:11.7em; height:3.05em; justify-content:center; align-items:center; background:#fff; text-align:center; font-weight:700; line-height:1.2em; padding:0px 1.4em; border-radius:60px; color:#CCCCCC; border:1px solid #ccc;}
.atab li a.on {border-color: var(--deep-key-color); background: var(--deep-key-color); color:#fff;}


.btab {display:flex;flex-wrap: wrap; margin-bottom:min(50px, 5vw); justify-content:center; position:relative;}
.btab li a {display:flex; height:2.88em; justify-content:center; align-items:center; word-break: break-all; background:#fff; border:1px solid #cccccc; border-radius:4px; text-align:center; font-weight:500; line-height:1.2em; box-sizing:border-box; color:#000; padding:0px 0.5em; min-width:6.6em;}
.btab li.on {position:relative; z-index:2;}
.btab li.on a {background:#d6c0fb;}

.ctab {display:flex; overflow-x:auto; margin-bottom:50px; padding-bottom:10px; position:relative; margin:0px -5px;}
.ctab::-webkit-scrollbar {width:5px; height:8px; background-color:#eee;}
.ctab::-webkit-scrollbar-thumb {background:#666;}
.ctab li {flex:1; padding:0px 5px; min-width:fit-content;}
.ctab li a {display:flex; height:60px; justify-content:center; align-items:center; background:#fff; box-sizing:border-box; text-align:center; font-weight:700; font-size:18px; line-height:1.2em; box-sizing:border-box; color:#999999; padding:0px 1em; border:1px solid #cccccc;}
.ctab li.on {position:relative; z-index:2;}
.ctab li.on a { color:#009477; border-color:#009477}




.of_hi .fl50 {float:left; width:49%;}
.of_hi .fr50 {float:right; width:49%;}
.graybox { background:#cccccc; padding:10px;}
.no_flash { display:none;}

/* ?덉씠?댄뙘 */
.layerPop {-webkit-overflow-scrolling:touch; display: flex; align-items: center; justify-content:center; width:100%; position:fixed; left:0; right:0; top:0; bottom:0; padding:10px; z-index:99999;  background:rgba(0, 0, 0, 50%); font-size:var(--font-size); line-height:1.5em; padding:10px;}
.pop_wrap {width:100%; max-height:100%; padding:clamp(15px, 2vw, 20px) clamp(15px, 2vw, 30px); position:relative;  background:#fff; border-radius: clamp(10px, 3vw, 20px);}
.pop_wrap .pop_body {padding:15px 0px; word-break:keep-all; overflow-y:auto; max-height: calc(100vh - 150px); font-size: var(--sub-font-size); line-height: 1.5em;}
.pop_wrap .pop_body::-webkit-scrollbar { width: 6px; }
.pop_wrap .pop_body::-webkit-scrollbar-thumb { background-color:#ccc; border-radius: 10px;}
.pop_wrap .pop_body::-webkit-scrollbar-track { background-color: transparent; }
.pop_wrap .x_btn {position:absolute; right:clamp(10px, 2vw, 30px); top:clamp(2px, 4vw, 30px); display:block; cursor:pointer; background:none; width:30px; height:30px;  font-size:1px !important; text-indent:-999999px;}
.pop_wrap .x_btn:after {display:block; content:""; width:24px; height:4px; background:#000; transform-origin:center; transform:translate(-50%, -50%) rotate(45deg); position:absolute; top:50%; left:50%;}
.pop_wrap .x_btn:before {display:block; content:""; width:24px; height:4px; background:#000; transform-origin:center; transform:translate(-50%, -50%) rotate(135deg); position:absolute; top:50%; left:50%;}
.pop_wrap .pop_head.bg_no {background:#fff;}
.pop_wrap .pop_head.bg_no .title {color:#000; border-bottom:2px solid #000}
.pop_wrap .pop_head.bg_no .x_btn:after {background:#000}
.pop_wrap .pop_head.bg_no .x_btn:before {background:#000;}
.pop_wrap .pop_head {background:var(--key-color); position:relative;}

.pop_wrap .pop_head .title {font-size:26px; line-height:140%; color:#fff; padding:15px 50px 15px 0px; text-align:left; font-weight:700;}
.pop_wrap .pop_head .title.tc {padding-left:50px;}
.pop_wrap .pop_head .s_txt {font-size:14px; line-height:14px;  color:#646464; text-align:center; padding:0px 0px 30px 0px;}



/* ?앹뾽 */
.main_layer_pop {position:absolute; left:5%;  top:100px; z-index:9999}
.main_pop_bottom {background:#fff; font-weight:300; color:#000; padding:10px; position:relative; font-size:14px; box-sizing:border-box; border:1px solid #ccc;}
.main_pop_bottom .close {position:absolute; right:10px; top:10px; padding-right:30px; background:url(../img/common/close.png) no-repeat right center; background-size:20px auto;}
.main_layer_pop_inner {width:100%; height:100%; display:table; position:relative; margin:0 auto; box-sizing:border-box;}
.main_layer_pop_inner .cell {display:table-cell; vertical-align:middle; position:relative; padding:0px 10px;}
.main_layer_pop .bx-wrapper .bx-controls-direction a {margin-top:-22px; width:44px; height:44px;}
.main_layer_pop .bx-wrapper .bx-prev {left:0px; background:url(../img/main/pop_l.png) no-repeat 0 0;}
.main_layer_pop .bx-wrapper .bx-next {right:0px; background:url(../img/main/pop_r.png) no-repeat 0 0;}
.main_layer_pop .pop_wrap_in {margin:0 auto;}
.main_layer_pop .pop_wrap_in{overflow-y:auto;}


.layers_wrap {background:#FFF; position:relative; min-width:300px;  font-weight:300;}
.layers_wrap .layers_tit {width:100%; padding:15px 0px; line-height:150%; background:#333;  text-align:center; font-size:1.8em; color:#fff; position:relative;}
.layers_wrap .layers_tit .logo {padding-left:25px; padding-top:20px;}
.layers_wrap  .close_pop { position:absolute; right:25px; top:17px;}
.layers_wrap .layers {padding:20px; font-size:14px; position:relative; /*min-height:100px; max-height:760px; overflow-x:hidden; overflow-y:auto; -webkit-print-color-adjust:exact;*/}

.layers_wrap .close {height:30px; border-top:none; text-align:right; background:#e2e2e2; line-height:30px;}
.layers_wrap .close a { display:inline-block; zoom:1; font-family:Pretendard; color:#2d2d2d; padding-right:20px; background:url(http://pic.neungyule.com/newnetimes/img/btn/pop_close_s.gif) no-repeat right center; margin-right:10px;}
.layers_wrap .pop_tit {padding-left:5px; border-bottom:1px solid #afafaf; min-height:41px; padding-bottom:3px; font-family:Pretendard; color:#444444; font-size:22px; line-height:41px;}
.layers_wrap .pop_tit.ico_check2 { font-size:13px; min-height:20px; padding:10px 10px 10px 50px; background:url(../img/common/ico_check2.gif) no-repeat 10px 10px #f9f9f9; line-height:150%; border-bottom:none;}
.layers_wrap .pop_tit_no {min-height:38px; font-family:Pretendard; color:#444444; font-size:22px; line-height:38px;}


.print_wrap #header {display:none !important}
.print_wrap .sub_visual {display:none !important}
.print_wrap .lnb_position {display:none !important}
.print_wrap #lnb_wrap {display:none !important}
.print_wrap .title_bar {display:none !important}
.print_wrap .page_tab {display:none !important}
.print_wrap #footerW {display:none !important}
.print_wrap .print_bt {display:none !important}
.print_wrap .p_none {display:none !important}
.print_wrap .print_hide {display:none !important}
#wrap.print_wrap, .print_wrap #inner_wrap {padding:0px !important}


.date_picker_two {overflow:hidden; position:relative}
.date_picker_two .date_picker {float:left; width:47%;}
.date_picker {display:flex; align-items:center;}
.date_picker .input {width:100%; flex:1;}
.date_picker img {min-width:fit-content; margin:0px 10px;}
.date_picker.two_col .input {width:100%;}
.date_picker_two .col-sm-2  {float:left; width:47%;}
.date_picker_two .pa {left:50%; top:0%; line-height:30px; text-align:center; width:10px; margin:0px 0px 0px -5px;}








/* 1280px ?댁긽 */
@media screen and (min-width:1199px) {
	.m_gnb {display:none !important;}
     
}





/* 1440px ?댄븯 */
@media screen and (max-width:1439px) {
	.all_menu {display:block;}
	.w_gnb .gnb {display: none;}
	.top_util {margin-right:70px;}


	.gnb_bar_in {background-position:-10% center ;}
	

	#footer .go_top {transform: none; top: 10px;}
	#footer .inner  {flex-direction: column; gap: 1em;}
	#footer .f_logo {margin:0px; text-align: center; order: 1;}
	#footer .f_logo img {max-width:clamp(154px, 42vw, 390px);}
	.addressW {max-width:100%; order: 4; text-align: center;}
	#footer .sns {order: 3; justify-content: center;}
	#footer .navi {order: 2; justify-content: center; display: flex; }

	.addressW address {justify-content: center;}
	
}

/* 1200px ?댄븯 */
@media screen and (max-width:1200px) {
	
	.top_search {right: auto; left: 0px;}

	.main_visual {flex-wrap: wrap;}
	.main_visual .banner_slide {width:100%; max-width: none;}
	
	.main_visual .txt_frame {height:auto; aspect-ratio: 1080/900; min-height:450px;}
	
	
	.review2025 {flex-direction: column;}
	.review2025 .left {width:100%; text-align: center;}
	.review2025 .right {width:100%;}
	.review2025 .count_list {justify-content: center;}

	

	.main_banner {flex-wrap: wrap;}
	.main_banner > li.login_box {order:1; flex:none; width: 100%;}
	.main_banner > li {order: 2;}
	


	.lnb_position .lnb_title, .lnbs3, .lnb_quick {display:none;}

	

	#lnb_wrap {position: relative; margin:0px -10px}
	#lnb_wrap:before {content:""; width:100vw; height:100%; position: absolute; left: 50%; top: 0px; transform: translateX(-50%); background: var(--key-color);}
	#lnb_wrap .lnbs {display:block;}
	#lnb_wrap .lnb {display:flex; margin:0 auto; position:relative; z-index:9; transition:all 0.3s;}
	#lnb_wrap .lnb .lnbs { width:50%; max-width:300px; box-sizing:border-box; border-right:1px solid rgba(255, 255, 255, 30%); position:relative;}
	#lnb_wrap .lnb .lnbs .copy_menu { position:absolute; left:0px; top:calc(100% + 0px); top:-webkit-calc(100% + 0px); width:100%; border-left:1px solid #e2e2e2;  border-right:1px solid #e2e2e2;  border-top:1px solid #e2e2e2; display:none; background:#fff; box-shadow: 0px 0px 13px rgba(0, 0, 0, 10%);}
	#lnb_wrap .lnb .lnbs .sub_menu {display:none !important;}
	#lnb_wrap .lnb .lnbs .three_depth {padding: 10px 20px 10px 20px; display:none}
	#lnb_wrap .lnb  .lnbs .three_depth a {font-size:14px; min-height:auto; padding:15px 0px 15px 25px; border-bottom: 1px dashed #e2e2e2;}

	.lnb_tit, a.lnb_tit {color:#fff; font-size: 16px; padding-left: 20px; line-height: 60px; height: 60px;}
	.lnb ul li a {font-size:15px; display:block; line-height:130%; min-height:30px; height:auto; padding:15px 0px 15px 20px; border-bottom:1px solid #e2e2e2; box-sizing:border-box; text-align:left; border-top:none; font-weight:500;}
	.lnb ul li a:hover {color:#000;}


	

}

/* 1024px ?댄븯 */
@media screen and (max-width:1024px) {
	:root {
		--xxx-large-font-size:28px;
		--xx-large-font-size:24px;
		--x-large-font-size:20px;
		--large-font-size:19px;
		--font-size:17px;
		--sub-font-size:15px;
		--small-font-size: 14px;
		--x-small-font-size: 13px;
	}

	#header h1 img {height:46px;}
	.in_header {height:80px;}

	.top_d_day {left:200px;}
	.top_d_day img {height:40px;}
	.top_util {gap:5px}
	.top_util .logos img {height:30px;}

	.main_visual .scroll_ico {display:none;}

	.review2025 {padding-left: 10px; padding-right: 10px;}
	.review2025 .count_list {gap: clamp(10px, 4vw, 2em);}
	.review2025 .count_list .txt_a {font-size:clamp(12px, 2vw, 16px);}
	.review2025 .count_list .txt {font-size: clamp(13px, 3vw, 25px);}

	

	.slide_menu_inner .header {height:80px; background-size: auto 40px;}
	.slide_menu_inner .header::after {display:none;}
	.slide_menu_inner .gnb {height: calc(100% - 80px); display: block; width: 33.3333333333%; overflow:initial; margin: 0px; border:none;}
	.slide_menu_inner.active .gnb {background:#f7f7f7;}
	.slide_menu_inner .gnb > li {padding:0px; border: none !important;}
	.slide_menu_inner .gnb > li > a {font-size:1.4em; color:#000; font-weight:400 ; line-height:1.4em; width: 100%;  height: 76px; padding: 0px; padding-left:clamp(15px, 6vw, 40px); display: flex; align-items: center; min-width: auto;}
	.slide_menu_inner .gnb > li.active > a {background: #fff;}
	.slide_menu_inner .gnb > li > a > span::after {display: none !important;}
	.slide_menu_inner a {color:#000;}
	.slide_menu_inner .gnb > li .sub_menu {display: none !important; height: 100%; position: absolute; width: 66.6666666667%; transform: translateY(-100px); transition:all 0.2s 0s ease-in-out; top:80px; left: auto; right: 0px; padding: 0px; border:none; background: none;}
	
	.slide_menu_inner .gnb > li.active > .sub_menu {display: block !important; transform: translateY(0);}
	.slide_menu_inner .three_depth {display: none; padding: 0px; padding-bottom:10px; padding-left:clamp(30px, 5.2vw, 45px);}
	.slide_menu_inner .three_depth li {margin-top:0em;}
	.slide_menu_inner .three_depth li:not(:first-child) {margin-top:1.5em;}
	.slide_menu_inner .three_depth li > a {color: #666; font-weight:300;}
	.slide_menu_inner .sub_menu > li > a {height:76px; padding:0px; padding-left:clamp(15px, 5vw, 30px); display: flex; align-items: center; font-size: 1.3em; font-weight: 400; }

	.slide_menu_inner .sub_menu > li > a.blank {background-position:calc(100% - 20px) center ;}
	.slide_menu_inner .sub_menu > li:has(.three_depth) > a {position: relative; padding-right: 30px;}
	.slide_menu_inner .sub_menu > li:has(.three_depth) > a:after {content: ""; display: block; width: 16px; height: 16px; background:url(../img/common/select_arrow.svg) no-repeat center center; background-size:90% auto; position: absolute; right:20px; top: 50%; transform: translateY(-50%); opacity: 0.4;}
	.slide_menu_inner .sub_menu > li:has(.three_depth) > a.active:after {transform: translateY(-50%) rotate(180deg);}

	@keyframes total-menu-2depth-item-open-effect {
		0% {
		  -webkit-transform: translateY(-20px);
		  transform: translateY(-20px);
		  opacity: 0;
		}
		100% {
		  -webkit-transform: translateY(0px);
		  transform: translateY(0px);
		  opacity: 1;
		}
	  }
 
 
	.slide_menu_inner .gnb > li.active > .sub_menu > li {
		-webkit-animation: total-menu-2depth-item-open-effect 0.5s both;
		animation: total-menu-2depth-item-open-effect 0.5s both;
	}
	
	.slide_menu_inner .gnb > li.active >  .sub_menu > li:nth-child(1) {
		-webkit-animation-delay: 0.1s;
		animation-delay: 0.1s;
	}
	
	.slide_menu_inner .gnb > li.active > .sub_menu > li:nth-child(2) {
		-webkit-animation-delay: 0.2s;
		animation-delay: 0.2s;
	}
	
	.slide_menu_inner .gnb > li.active > .sub_menu > li:nth-child(3) {
		-webkit-animation-delay: 0.3s;
		animation-delay: 0.3s;
	}
	
	.slide_menu_inner .gnb > li.active > .sub_menu > li:nth-child(4) {
		-webkit-animation-delay: 0.4s;
		animation-delay: 0.4s;
	}
	
	.slide_menu_inner .gnb > li.active > .sub_menu > li:nth-child(5) {
		-webkit-animation-delay: 0.5s;
		animation-delay: 0.5s;
	}
	
	.slide_menu_inner .gnb > li.active > .sub_menu > li:nth-child(6) {
		-webkit-animation-delay: 0.6s;
		animation-delay: 0.6s;
	}
	
	.slide_menu_inner .gnb > li.active > .sub_menu > li:nth-child(7) {
		-webkit-animation-delay: 0.7s;
		animation-delay: 0.7s;
	}
	
	.slide_menu_inner .gnb > li.active > .sub_menu > li:nth-child(8) {
		-webkit-animation-delay: 0.8s;
		animation-delay: 0.8s;
	}
	

	

	.introduce .box {flex-direction: column;}
	.introduce .box .txt {max-width: none;}
	.introduce .box .img {width: 100%; }

	.apply_info {flex-direction: column;}

	.guide_step {flex-wrap: wrap; gap:3em 1em; padding: 0px;}
	.guide_step > li {width: calc(50% - 0.5em); flex:none; margin: 0px;;}
	
	.apply_booth {flex-wrap: wrap; gap: clamp(10px, 4vw, 20px);}
	.apply_booth > article {flex:none; width: calc((100% - clamp(10px, 4vw, 20px) * 1) / 2);}
	.apply_booth > article:nth-child(3) {margin: 0px;}
	.apply_booth .box .img {text-align: center;}


	.map_wrap {flex-direction: column;}
	.map_wrap > div {width: 100%; max-width: none;}
	
}

/* 768 ?댄븯 */
@media screen and (max-width:767px) {
	:root {
		--xxx-large-font-size:26px;
		--xx-large-font-size:22px;
		--x-large-font-size:19px;
		--large-font-size:16px;		
		--font-size:15px;
		--sub-font-size:14px;
		--small-font-size:13px;
		--x-small-font-size: 12px;
	}
	
	.coming_soon_card {flex-direction:column; min-height:auto; text-align:center; padding:clamp(24px, 6vw, 36px) clamp(16px, 4vw, 24px);}

	.pc_view {display:none}
	.mb_view {display:block}

	.top_util {margin-right: 50px;}
	.top_d_day {display: none;}
	

	.main_visual .key_visual {padding: 0px 10px; justify-content: center; text-align: center;}
	.main_visual .txt_frame {aspect-ratio: 1 / 1; }
	.pop_zone .swiper-slide {width:calc(80% - 0px);}
	
	.main_img_banner .txt {font-size: clamp(14px, 3vw, 26px);}
	
	.main_board_wrap {padding: 0px 10px;}
	.main_board_wrap .slide_control {position:inherit; top: auto; right:auto;}
	.main_board_wrap .slide_control .slide_arrow {position: absolute; top: 50%; transform: translateY(-50%); width: 40px; height: 40px; background-size: cover;}
	.main_board_wrap .slide_control .swiper-button-prev {left:-20px;}
	.main_board_wrap .slide_control .swiper-button-next {right:-20px; }

	.main_layer_pop {-webkit-overflow-scrolling:touch; position:fixed; overflow-y:auto; width:100% !important; max-width:100% !important; transform:none !important; -webkit-transform:none !important; left:0 !important; right:0 !important; top:0 !important; bottom:0; z-index:99999; background:rgba(0, 0, 0, 50%); margin:0px !important}
    .main_pop_bottom {padding:10px; font-size:14px;}
    .main_pop_bottom .close {right:10px; top:10px;}
	.main_layer_pop .pop_wrap_in {float:none !important;}

	

	.m_tit {font-size:min(2.5em, 8vw);}

	

	.over_layerW {position:relative;}
	.over_layerW .table_style1 {width:100%; margin:0px;}
	.over_layerW .table_style1 tbody tr th.tl {word-break: keep-all}
	.over_layerW table td, .over_layerW table th {word-break: keep-all}
    .over_layer {overflow:auto;}
	.over_layer > div {overflow:inherit; min-width:680px;}
	.over_layer::-webkit-scrollbar {width:5px; height:8px; background-color:#eee;}
	.over_layer::-webkit-scrollbar-thumb {background:#666;}
    .over_layerW:after {display:block; content:""; width:10px; height:100%; position:absolute; right:0px; top:0px; background:url(../img/common/bg_shadow.png) repeat-y left top}
    .over_layer > table {min-width:900px;}



	.sub_visual .sub_txt {height:40.5vw}
	.sub_visual .location {display:none;}


	
	
	.table_wrap::-webkit-scrollbar {height:3px }
	.table_wrap::-webkit-scrollbar-thumb { background-color:#ccc; border-radius: 10px;}
	.table_wrap::-webkit-scrollbar-track { background-color: transparent; }

	.apply_info .box,
	.apply_booth > article {flex: 1 1 100%;}
	.apply_booth .box {flex-direction: column;}
	.apply_booth .img {width: 100%; max-width: 280px; margin: 0 auto;}
	.apply_pay {flex-direction: column; padding:clamp(20px, 3vw, 30px)}
	.apply_pay .box + .box {border-left: none; padding-top: clamp(15px, 3vw, 30px); margin-top: clamp(15px, 3vw, 30px); border-top: 1px solid rgba(255, 255, 255, 0.25);}

	.guide_step > li {flex: 1 1 100%; min-width: 100%;}

	.apply_form .form_item.col2 {flex-direction: column; gap:1.5em;}

}




/* 480px ?댄븯 */
@media screen and (max-width:479px) {
	:root {
		--xxx-large-font-size:22px;
		--xx-large-font-size:20px;
		--x-large-font-size:18px;
		--large-font-size:15px;
		--font-size:14px;
		--sub-font-size:13px;
		--small-font-size:12px;
		--x-small-font-size: 11px;
	}
	
	#header h1 img {height:32px;}
	.top_d_day img {height:30px;}
	.top_d_day {left: 130px; display: none;}
	.top_util {margin-right:40px;}
	.top_util .logos {display: none;}
	.top_util .logos img {height: 22px;}
	.top_util .lang_select {width: auto;}
	
	.lang_select .btn {gap: 0px; font-size: 12px;} 
	.lang_select .btn .arrow {display:none;}

    .in_header, .slide_menu_inner .header {height:60px;}
	.slide_menu_inner .gnb {height: calc(100% - 60px); width: 40%; }
	.slide_menu_inner .header {background-size: auto 30px;}
	.slide_menu_inner .gnb > li > a {font-size:1.3em; height: 66px;}
	.slide_menu_inner .gnb > li .sub_menu  {top: 60px; width: 60%;}

	.slide_menu_inner .gnb .sub_menu > li > a {font-size:1.25em; height: 66px;}
	.slide_menu_inner .bt_close {right:10px}

	.three_depth > li > a {padding-left:20px}
	.three_depth > li > a:before {width:12px; height:12px; margin-top: -7px;}
	.three_depth > li > a:after {left:3px;}
	
	.menu_btn a > span {width:28px; height:28px}
	.menu_btn a > span > span:after {top:-8px;}
	.menu_btn a > span > span:before {bottom:-8px;}	

	.search_area_wrap {margin-top:0px; border-width:4px}
	.search_area .btn {background-size:20px auto ;}
	.searchPop .inner {height:130px;}
	.search_area {height: 55px;}

	.main_visual .key_visual {padding-top:20px;}
	.pop_zone > h3 {width: 160px; height: 37px;  font-size: 13px; }
	

	.main_banner {flex-direction: column;}
	.main_banner > li {width: 100%;}
	.main_banner .box {min-height: auto;}


	
	
	#footer .go_top > a {width:50px; height:50px; font-size:10px;}
	.addressW address {gap:0.2em 2em;}
	.addressW address > span+span:before {left:-1em;}
	
    .pop_wrap .pop_head .title {text-align:left !important; font-size:20px; padding-left:15px !important; padding:15px 45px 15px 15px;}
    .pop_wrap .pop_head .title br {display:none;}
	.pop_wrap .pop_body {padding:10px}

	#inner_wrap {padding-bottom:50px;}

	.sub_visual {border-radius: 0px;;}
	.lnb_tit, a.lnb_tit {height:50px; line-height:50px; font-size:14px; }
	.lnb ul li a {font-size:13px;}
	.lnb_tit:after {right:10px;}

	.overview .name_tit {font-size:1.1em;}
	

	.fair_acd .inner {padding-left:clamp(16px, 3vw, 30px);}
	

	
}