@charset "UTF-8";

#hd .inner_container {max-width: 1920px;}


/* Main Menu */
header .full_container {position: relative;}
header .full_container .gnb_bg {position: absolute;     top: 5.5rem;    left: 0;    width: 100%;  height:0;  background: #fff; z-index: 1; transition:all 0.15s}
.header {position: relative; z-index: 10; }
.main-menu > ul {display: flex;   justify-content: center;   align-items: center;}
.main-menu .depth_1 {display: flex;     position: relative; margin-right: 5.625rem;  height: 4.375rem;   align-items: center;}
.main-menu .depth_1 > a {font-size: 1.188rem; font-weight: 500; padding: 10px; transition:all 0.15s}
.main-menu .depth_1.current > a {color:var(--main-color_2)}
.main-menu .depth_1:last-child { margin-right:0}
.main-menu .depth_1 > a.out_link {display: flex;   align-items: center;  gap: 10px;}
.main-menu .depth_1 > a.out_link .naver_cafe {display: inline-block; width:0.84em; height:0.84em; background-image:url(../img/main/naver_logo.png); background-size:cover}
.main-menu .depth_1 > .sub-menu-wrap { display:none; position: absolute; top: 100%; left: 50%;   width: 200px;  margin-left: -100px;   text-align: center;    padding-top: 12px;  height: auto;}
.main-menu .depth_1 > .sub-menu-wrap > .sub-menu {background: #fff;    border-radius: 0.938rem; padding: 1rem 0.938rem;  box-shadow: 0 4px 4px rgba(0, 0, 0, 0.15);}
.main-menu .depth_2 > a {font-size: 0.938rem; color:#666;   font-weight: 400;    line-height: 1em;    transition: all 0.15s;    display: flex;    justify-content: flex-start;    width: 100%;    height: 3em;    align-items: center;    padding: 0 1em;    border-radius: 10px;}
.main-menu .sub-menu .sub-menu {display:none; padding:10px 0}
.main-menu .sub-menu .sub-menu li {padding: 5px 0 5px 10px; }
.main-menu .sub-menu .sub-menu li a {font-size: 14px;    text-align: left;    display: block;    padding-left: 0.6em;    color: #666;    transition: all 0.15s; position:relative}
.main-menu .sub-menu .sub-menu li a::before {content: "·"; position: absolute;    left: 0;   top: 0;}	
	
.header .sns li a {font-size: 0.938rem;   color: #fff;    transition: all 0.15s;    display: flex;    justify-content: center;    align-items: center;    width: 8em;    height: 2.9em;    background: #222;    border-radius: 30px; gap: 10px;}
.header .sns li a .ico {display: inline-block;   width: 12px;   height: 12px;    background: #444;   mask-image: url(../img/main/plus_icon.svg); mask-size: cover;}









/*-------------------모바일 메뉴----------------------*/
.gnbWrap{     padding-top: 10px; padding-bottom: 8px;     width: 890px; margin: 0 auto;}
.gnbWrap>img{     width: 250px; height: 42px;}
/* 모바일 메뉴 버튼 */
.mobile_menu {display: none; position: absolute; top: 50%; right:0; transform: translateY(-50%);}
.mobile_menu>a{width: 100%;height: 100%; display: block; font-size:1.75rem;  color: var(--text-primary);}

a.close{     background-color: #fff; width: 50px; height: 50px;	font-size:22px;    position: absolute; right: 0; top: 0; color: #999;    line-height: 50px; text-align: center;}
.hamburger {  font: inherit; display: inline-block; overflow: visible; margin: 0; padding: 0; line-height:1em; cursor: pointer; transition-timing-function: linear;  transition-duration: .15s;
    transition-property: opacity,filter;     text-transform: none; color: inherit;  border: 0; }
.hamburger-box {   position: relative;  display: inline-block;  width: 22px;height: 20px; }
.hamburger-inner:after, .hamburger-inner:before {  display: block;   content: ""; }
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before { width: 100%; height: 3px; border-radius: 0; }
.hamburger-inner {  margin-top: 1px; }
.hamburger-inner, .hamburger-inner:after, .hamburger-inner:before {  position: absolute;  transition-timing-function: ease; transition-duration: .10s;  transition-property: transform;  border-radius: 4px; background-color: #222;}
.haeder_menu_area.menu_fixed .hamburger-inner, .haeder_menu_area.menu_fixed .hamburger-inner:after, .haeder_menu_area.menu_fixed .hamburger-inner:before  {background-color: #222;}
.hamburger-inner:before {   top: 8px;  transition-property: transform,opacity;}
.hamburger-inner:after {   bottom: -16px; }
.mobile_menu.active .hamburger-inner {     transform: translate3d(0,5px,0) rotate(45deg);   -webkit-transform:translate3d(0,5px,0) rotate(45deg);   -ms-transform:translate3d(0,5px,0) rotate(45deg);}
.mobile_menu.active .hamburger-inner:before {    transform: rotate(-45deg) translate3d(0px,0px,0);	-webkit-transform:rotate(-45deg) translate3d(0px,0px,0);    -ms-transform:rotate(-45deg) translate3d(0px,0px,0);    opacity: 0;}
.mobile_menu.active .hamburger-inner:after {    transform: translate3d(0,-16px,0) rotate(-90deg);	-webkit-transform: translate3d(0,-16px,0) rotate(-90deg);	 -ms-transform: translate3d(0,-16px,0) rotate(-90deg);}


.left_gnbWrap{     height: 100vh;     width: 100%;     position: fixed; right: -100%; top: 4.375rem;   background-color: #fff;     padding-top: 0;     z-index: 999;     transition: all 0.3s;}
.left_gnbWrap.on{   right:0;}
.left_gnbWrap ul>li{     width: 100%; 	border-top:1px solid #eee;}
.left_gnbWrap ul>li:last-child{border-bottom:1px solid #eee;}

.left_gnbWrap ul>li>a {     display: block; text-align: left; line-height: 50px;     width: 100%; height: 50px; background-color: #fff;     color: var(--text-primary); font-size:16px; 	padding:0 15px;  font-weight:600; position:relative }
.left_gnbWrap ul>li>a.on{     background-color: #f3f3f3;}
.left_gnbWrap ul>li.has_children>a::after {content: "";    position: absolute;    right: 2rem;    top: 50%;    transform: translateY(-50%) rotate(45deg);    width: 10px;    height: 10px;    border-bottom: 2px solid #999;    border-right: 2px solid #888;   transition: all 0.15s;}
.left_gnbWrap ul>li.has_children>a.on::after { transform: translateY(-50%) rotate(227deg); }
.left_gnbWrap ul>li>.sub-menu-wrap {  display: none;}
.left_gnbWrap ul>li>ul>li>a{     display: block; text-align: left; line-height: 50px;    width: 100%; height: 50px; background-color: #eee;    color: var(--text-primary); font-size:14px;	padding:0 15px;}
.left_gnbWrap ul>li>ul>li>ul>li{padding:10px 20px; font-size:14px;}
.left_gnbWrap ul>li>span{display: block;    text-align: left;    line-height: 50px;    width: 100%;    height: 50px;    background-color: #fff;}
.left_gnbWrap ul>li>span a{ color: #214ba0; font-size: 16px; display:block; width:100%; padding:0 15px; font-weight: 600;}
.left_gnbWrap .depth_2 > a {font-size: 15px;  padding-left: 2em;}
.left_gnbWrap .depth_2 .sub-menu {display:none}
.left_gnbWrap .depth_2 .sub-menu li > a {font-size: 13px;   padding-left: 3em;  background: #e3e3e3;}

/*-------------------모바일 메뉴----------------------*/







/* visual */
.visual {position: relative; }
.visual .visual_swiper{height: 600px; position: relative; overflow: hidden;}
.visual .swiper-wrapper {height: 100%;}
.visual_slide {width: 100%; height: 100%; background-size: cover; background-position: center;}
.visual_slide .overlay {position: absolute; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.2);}
.visual_slide .inner {height: 100%; position: relative;}
.visual .swiper-slide .cont {position: relative; top: 148px; }

.visual .swiper-slide h2 {font-size: 3.438rem;  margin-bottom: 0.4em; color: #fff; line-height: 1; font-weight: 700; transform:translateY(40px); opacity:0; transition:all 1s;}
.visual .swiper-slide p {font-size: 1.625rem;color: #fff; line-height: 1.2; transform:translateY(40px); opacity:0; transition:all 1s;}
.visual .swiper-slide.swiper-slide-active h2 { transform:translateY(0); opacity:1; transition-delay:0.5s}
.visual .swiper-slide.swiper-slide-active p { transform:translateY(0); opacity:1; transition-delay:0.8s}
.visual .inner_container.ctrl { position: absolute;    top: 0;    left: 50%;    transform: translateX(-50%);  height: 100%;     z-index: 5;}
.visual_control {position: absolute;  left: 50%;     top: 5.625rem;    transform: translateX(-50%);    width: 100%;    padding: 0;    display: flex;    align-items: center;    gap: 5px;    color: #fff;    z-index: 5;}
.visual_control span {font-size: 15px; font-weight: 600; opacity:0.5}
.visual_control span.current,
.visual_control span.progress {opacity:1}
.visual_control .bar {position: relative; width: 50px; height: 2px; background: rgba(255, 255, 255, 0.25); overflow: hidden;}
.visual_control .progress {position: absolute; left: 0; top: 0; width: 0; height: 100%; background: #fff;}
.visual_control button {width: 16px; height: 16px; font-size: 0;  background: transparent;   cursor: pointer; border: none;   transition: all 0.3s ease; background-size:6px !important; opacity:0.8}
.visual_control button.prev { background:url(../img/main/ctrl_prev.png) no-repeat center;}
.visual_control button.next { background:url(../img/main/ctrl_next.png) no-repeat center;}
.visual_control button.pause {font-size: 16px;  color: #fff;}
.visual_control button:hover {opacity:1}
.visual .info_box_wrap {position: absolute;   left: 0;    width: 100%;    bottom: 4.25rem;    z-index: 5;}
.visual .info_box_wrap .inner_container {display: flex; gap: 10px;}
.visual .info_box_wrap .info_box {display: flex;    justify-content: space-between;      align-items: center;     width: 228px;    height: 62px;    border-radius: 10px;    backdrop-filter: blur(10px);    border: 1px solid rgba(255, 255, 255, 0.1);    padding: 0 30px;}
.visual .info_box_wrap .info_box p {font-size: 1rem; color:#fff }
.visual .info_box_wrap .info_box .count {font-size: 26px; color:#fff ; font-weight:600}
.visual .info_box_wrap .info_box .count  b { font-weight:500}



/* main banner */
.top_banner {padding:5rem 0}
.top_banner .swiper-container {overflow:hidden; margin-left: -14px; margin-right: -14px;}
.top_banner .swiper-slide {padding:14px}
.top_banner .swiper-slide a { display:block; border-radius:15px; overflow:hidden; transition:all 0.3s}
.top_banner .swiper-slide img {transition:all 0.3s}




/* main find tab  */
.main_find_tab {padding:6.875rem 0; background-size:cover; background-image:url(../img/main/main_tab_bg.jpg)}
.section_title {font-size: 3.25rem;   font-weight: 700;  margin-bottom: 0.58em; word-break: keep-all;}
.section_desc {font-size: 1.25rem;  line-height: 1.4em;word-break: keep-all;}
.main_find_tab .title_wrap {margin-bottom:5rem}
.flex_column {display: flex;  flex-wrap: wrap;}
.main_find_tab .flex_column > div {width:50%}
.main_find_tab .flex_column .tabs_select {padding-right: 150px;}
.dot_title {font-size: 1.375rem;    margin-bottom: 1.36em;    position: relative;    padding-left: 1em;}
.dot_title::before {content: "";    position: absolute;    left: 0;    top: 50%;    transform: translateY(-50%);    width: 0.46em;    height: 0.46em;    border-radius: 100%;    background: var(--main-color);}
.main_find_tab .tab_list_wrap ul {display: flex;  flex-wrap: wrap;  gap: 10px;}
.main_find_tab .tab_list_wrap li a {display: flex;    justify-content: center;    align-items: center;    font-size: 17px;    padding: 0 25px;    height: 48px;    background: #fff;    border-radius: 30px;    transition: all 0.15s;}
.main_find_tab .tab_list_wrap li a.on {font-weight:600; background:var(--main-color);}
.main_find_tab .tab_list_wrap.program ul {display: flex;   gap: 10px; width: 100%; max-width: 700px;}
.main_find_tab .tab_list_wrap li a i {display:inline-block; width:1rem; height:1rem; background-image:url(../img/main/tab_check_icon.png); background-size:cover; margin-right: 8px;}

.tab_contents_info_wrap {display: flex;  justify-content: flex-end;align-items: flex-start;}
.tab_cont_box {display:none; position: relative;}
.tab_cont_box .cont_box {width: 780px; height: 730px;   padding: 20px;  position: relative;  display: flex;  align-items: flex-start;  background-size:cover !important;
--r: 25px;
--s: 31px;
--x: 100px;
--y: 8px;
 background: #3FB8AF; border-radius: var(--r); --_m: /calc(2*var(--r)) calc(2*var(--r)) radial-gradient(#000 70%,#0000 72%);--_g: conic-gradient(from 90deg at calc(100% - var(--r)) calc(100% - var(--r)), #0000 25%, #000 0);    --_d: (var(--s) + var(--r));    mask: calc(100% - var(--_d) - var(--x)) 100% var(--_m), 100% calc(100% - var(--_d) - var(--y)) var(--_m), radial-gradient(var(--s) at 100% 100%, #0000 99%, #000 calc(100% + 1px)) calc(-1 * var(--r) - var(--x)) calc(-1 * var(--r) - var(--y)), var(--_g) calc(-1 * var(--_d) - var(--x)) 0, var(--_g) 0 calc(-1 * var(--_d) - var(--y));    mask-repeat: no-repeat;}
.tab_cont_box .round_box {width: 100%;    max-width: 400px;    background: rgba(255, 255, 255, 0.9);    border: 1px solid #fff;    border-radius: 20px;    padding: 35px;    backdrop-filter: blur(5px);}
.tab_cont_box .round_box h3 {font-size: 2rem;  margin-bottom: 0.55em;} 
.tab_cont_box .round_box p {font-size: 1rem;   line-height: 1.5em;   word-break: keep-all;   letter-spacing: -0.02em;}
.link_btn {  display: flex;  justify-content: center;    align-items: center;  gap: 10px;   font-size: 0.938rem;    width: fit-content;    height: 3.125rem;  padding:0 1.66em;   background: #222;  color: #fff; transition:all 0.3s}
.link_btn .arrw {display:block; width:1em; height:1em; background:#fff; mask-image: url(../img/main/link_arrow.svg);  mask-size: 100% 100%; }
.tab_cont_box .link_btn {position: absolute;    right: 0;    bottom: 0;  border-radius: 30px;   }


#usa_info {display:block}
#usa_info .cont_box {background-image:url(../img/main/tab_usa_bg.jpg); }
#canada_info .cont_box {background-image:url(../img/main/tab_canada_bg.jpg); }
#england_info .cont_box {background-image:url(../img/main/tab_uk_bg.jpg); }
#australia_info .cont_box {background-image:url(../img/main/tab_aust_bg.jpg); }
#nederland_info .cont_box {background-image:url(../img/main/tab_nederland_bg.jpg); } 
#china_info .cont_box {background-image:url(../img/main/tab_china_bg.jpg); } 



/* main link column  */
.main_link_column {padding: 6.25rem 0 3.125rem}
.main_link_column .flex_column {gap:27px}
.main_link_column .flex_column > div {width:calc((100% - 54px) / 3); height: 530px;  position: relative;}
.section_mid_title {font-size: 2.5rem;}
.main_link_column .box {padding:3.125rem 2.813rem; border-radius:20px; overflow:hidden}
.main_link_column .box .section_mid_title {line-height: 1.3em;}
.main_link_column .box.naver {background:#00B44B}
.main_link_column .box.naver .section_mid_title {color:#fff; margin-bottom: 0.5em}
.main_link_column .box.naver  .section_desc {color:#fff; }
.main_link_column .box.naver ul {display: flex;  flex-wrap: wrap; justify-content: space-around;}
.main_link_column .box.naver ul li { position:relative;  flex:1}
.main_link_column .box.naver ul li a {  display: flex;  flex-direction: column;  justify-content: center;  align-items: center; gap:10px; position:relative; transition: all 0.35s;}
.main_link_column .box.naver .icon {display:block; width:50px; height:50px; background-size:cover; }
.main_link_column .box.naver .icon.num_01 {background-image:url(../img/main/main_b_icon_01.png);}
.main_link_column .box.naver .icon.num_02 {background-image:url(../img/main/main_b_icon_02.png);}
.main_link_column .box.naver .icon.num_03 {background-image:url(../img/main/main_b_icon_03.png);}
.main_link_column .box.naver .icon.num_04 {background-image:url(../img/main/main_b_icon_04.png);}
.main_link_column .box.naver li p {font-size: 1rem;   color: #fff;  font-weight: 300;}
.main_link_column .box.naver li + li::before {content: "";    position: absolute;    left: 0;    top: 0;    width: 1px;    height: 100%;    background: rgba(255, 255, 255, 0.1);}
.main_link_column .link_btn { border-radius: 10px; font-size:1.125rem; position: absolute;   bottom: 3.375rem;   left: 2.813rem;}
.main_link_column .link_btn .naver_icon {display: inline-block;   width: 1rem;    height: 1rem;    background-image: url(../img/main/naver_logo.png);    background-size: cover;}
.main_link_column .link_btn .arrw { width: 0.9rem;    height: 0.9rem; margin-left: 0.2em;}
.main_link_column .box.malrang {background: #FFD13A; }
.main_link_column .naver_search_box {display: inline-flex;     margin-bottom: 1.875rem;    background: #00b44b;    padding: 4px;    border-radius: 10px;    overflow: hidden; }
.main_link_column .naver_search_box  .inner {background: #fff;     padding: 12px 20px;    border-radius: 8px;}
.main_link_column .naver_search_box p {font-size: 1.375rem;   font-weight: 700;   color: #00b44b;  line-height: 1em;}
.main_link_column .naver_search_box .s_icon {width: 50px;background:url(../img/main/search_icon_white.png) no-repeat center; background-size:24px}
.main_link_column .box.malrang .section_mid_title {margin-bottom: 1.875rem;     padding-bottom: 0.938rem;    padding-right: 2.313rem;    display: inline-block;    border-bottom: 1px solid #222;}
.main_link_column .recent .basic_li {font-size: 1rem;    position: relative;    padding-left: 0.8em;    margin-bottom: 0.9em;    display: block;    max-width: 220px;    overflow: hidden;    text-overflow: ellipsis;    white-space: nowrap;  width: fit-content;   padding-right: 1.4em;}
.main_link_column .recent .basic_li .new_icon {display: inline-block;   position: absolute;   right: 0;  top: 0; background-image:url(../img/main/new_icon.png);  background-size:cover;   width: 1.125em;    height: 1.125em;text-indent: -99999px; }
.main_link_column .recent .basic_li::before {content: "";  position: absolute;   left: 0;   top: 50%;    transform: translateY(-50%);    width: 0.2em;    height: 0.2em;    background: #222;    border-radius: 100%;}
.main_link_column .recent .basic_li .lt_info {display:none}
.main_link_column .box.malrang::before {content: "";   position: absolute;   right: 0;   bottom: 0;   width: 236px;  height: 413px;  background-image:url(../img/main/character_img.png);  background-size:cover; }
.main_link_column .box .front {position:relative;z-index: 2;}
.main_link_column .box.reserve {background:#F0F1F5; padding-top: 2.5rem}
.main_link_column .box.reserve .section_mid_title {margin-bottom:10px; font-size:  2rem}
.main_link_column .box.reserve .section_desc {font-size:  1.063rem}
.main_link_column .r_box a {display: flex;    height: 10rem;    background: #fff;    border-radius: 10px;    padding: 1.875rem;    align-items: center;    justify-content: space-between; transition: all 0.15s;}
.main_link_column .r_box h4 {font-size: 1.5rem;   line-height: 1.4em;   margin-bottom: 10px;   letter-spacing: -0.02em;}
.main_link_column .r_box p {font-size: 1rem;  line-height: 1.4em;}
.main_link_column .r_box .icon {width: 50px;     height: 50px;    background: #ffd13a;    border-radius: 100%;    display: flex;    justify-content: center;    align-items: center; transition: all 0.3s}
.main_link_column .r_box .icon .ico {width: 0.9rem;     height: 0.9rem; background: #222;    mask-image: url(../img/main/link_arrow.svg);  mask-size: 100% 100%;}




/* main review slider  */
.main_review {padding:8.75rem 0 13.75rem; overflow:hidden}
.main_review .title_wrap {margin-bottom: 90px; position: relative;}
.main_review .swiper-slide a {display: flex;   height: 427px;    flex-direction: column;    justify-content: flex-end;}
.main_review .img_box {border-radius: 20px;    overflow: hidden;  max-height: 288px; backface-visibility: hidden;  transition: all 0.3s }
.main_review .img_box img {transform: scale(1.01); transition: all 0.3s}
.main_review .txt {padding: 25px 10px;}
.main_review .txt .tit {font-size: 1.438rem;     overflow: hidden;    line-height: 1.4em;    margin-bottom: 15px;    text-overflow: ellipsis;    white-space: nowrap;}
.main_review .txt .desc {font-size: 0.938rem;   color: #666;  line-height: 1.5em;  overflow: hidden;  transition: all 0.5s; height:0}
.main_review .swiper-slide.swiper-slide-active .txt .desc { height: 3em; transition-delay:0.3s}
.main_review .ctrl {position: absolute;   right: 0;   bottom: 0;   display: flex;   gap: 10px;}
.main_review .ctrl button {width: 50px;     height: 50px;    border: 1px solid #E3E9ED;    border-radius: 100%;    background: #F0F1F5;    display: flex;    justify-content: center;    align-items: center; transition: all 0.3s;}
.main_review .ctrl button .ico {width: 8px;    height: 15px;    background: #222;   mask-size: 100% 100%;}
.main_review .ctrl .prev .ico { mask-image: url(../img/main/slider_prev.svg); }
.main_review .ctrl .next .ico { mask-image: url(../img/main/slider_next.svg); }

   
   
   
   
/* main contact */
.main_contact {padding-bottom:11.25rem}
.main_contact .contact_wrap {display: flex;  flex-wrap: wrap; background: #ddd;     padding: 5.625rem 5rem 5.625rem 6.25rem;    border-radius: 20px;    overflow: hidden; background-image:url(../img/main/main_contact_bg.jpg); background-size:cover}
.main_contact .contact_wrap > div {width:50%}
.main_contact .contact_wrap .tit {padding-right:50px}
.main_contact .section_title, .main_contact .section_desc  {color:#fff}
.main_contact .btn_wrap {margin-top: 4.375rem;}
.main_contact .btn_wrap a {display: flex;   justify-content: center;    align-items: center;    font-size: 15px;    width: 160px;    height: 50px;  background: #fff;    border-radius: 30px;    gap: 10px;    font-weight: 600;   transition: all 0.3s;}
.main_contact .btn_wrap .tel .ico {display:inline-block; width:1.2em; height:1.2em;mask-image: url(../img/main/tel_icon.svg); mask-size: 100% 100%; background: #222;} 
.main_contact .btn_wrap .talk .ico {display:inline-block; width:1.4em; height:1.33em;mask-image: url(../img/main/katalk_icon.svg); mask-size: 100% 100%; background: #222;} 
.ctf_wrap .input_wrap .form_input { height: 3.75em;   border: 1px solid #E3E9ED;     border-radius: 8px;   font-size: 1rem;    padding: 1rem;  padding-left: 2em; background: #fff; position: relative;}
.ctf_wrap .input_wrap .form_input.full {width: 100%;    }
.ctf_wrap .input_wrap {position: relative; margin-bottom: 20px;}
.ctf_wrap .input_wrap::before {content: "";   position: absolute;  left: 20px;  top: 28px;   width: 4px;    height: 4px;    background: var(--main-color);    border-radius: 100%; z-index:1}
.ctf_wrap .input_wrap.txtarea textarea {height:220px !important; width: 100% ! IMPORTANT;}
.ctf_wrap .input_wrap.txtarea::before {top: 25px;}
.check_btn_wrap {position: relative;   display: flex;   align-items: center;    justify-content: space-between;}
.check_btn_wrap .check_wrap {display: flex;     align-items: center;    font-size: 15px;    color: #fff; position: relative;}
.check_wrap label {cursor: pointer;}
.check_wrap label input {position:absolute; visibility:hidden}
.check_wrap label input + span {display: inline-block;   padding-left: 2.2em;  position: relative;}
.check_wrap label input + span::before {content: "";    position: absolute;    left: 0;    top: -2px;    width: 22px;    height: 22px;    background: #fff;    border-radius: 3px;    border: 1px solid #ddd;}
.check_wrap label input:checked + span::after {content: "";    position: absolute;    left: 8px;    top: 0;    width: 9px;    height: 17px;    border-bottom: 3px solid #222;    border-right: 3px solid #222;    transform: rotate(45deg);}
.ctf_wrap .view_privacy_btn {display: inline-block;     font-size: 14px;    color: #fff;    margin-left: 0.5em;}
.ctf_wrap .submit_btn {width: 9.375em;    height: 3.5em;    border-radius: 30px;    border: none;    font-size: 1rem;    font-weight: 600;    color: #222;    background: var(--main-color);    transition: all 0.3s;}

.term_popup_wrap {    display: none;    position: fixed;    top: 0;    left: 0;    width: 100%;    height: 100%;    z-index: 199999;    background: rgba(0, 0, 0, 0.2);backdrop-filter: blur(3px);}
.pop_close_bg {    position: absolute;    top: 0;    left: 0;    width: 100%;    height: 100%;}
.term_popup_wrap .inner_wrap {    position: absolute;    top: 50%;    left: 50%;    transform: translate(-50%, -50%);    background: #f9f9fa;    width: 90%;    max-width: 700px;    height: 70vh;    max-height: 500px;    border-radius: 20px;    overflow: hidden;    box-shadow: 5px 5px 15px rgba(0, 0, 0, 0.12);}   
.term_popup_wrap .pop_title {    height: 60px;    display: flex;    align-items: center;    justify-content: center;    font-size: 20px;    background: #fff;    color: #111;    font-weight: 700;   padding: 0;} 
.term_popup_wrap .contents {    padding: 20px;    height: calc(100% - 140px);    overflow-y: auto;    margin-bottom: 15px;}   
.term_popup_wrap .btn_wrap {    display: flex;    justify-content: center;    gap: 10px;}   
.term_popup_wrap .btns {    display: block;    text-align: CENTER;    width: 100px;    height: 40px;    border-radius: 50px;    background: #eaeaeb;    font-size: 14px;    font-weight: 600;    line-height: 40px;    transition: all 0.3s;} 
.term_popup_wrap .btns.ok_pop {  color: #222;    background: var(--main-color);  }   
.term_popup_wrap .close_btn {display: flex;    justify-content: center;    align-items: center;  width: 36px;    height: 36px;    position: absolute;    top: 12px;    right: 20px; background: #f2f2f2;border-radius: 100%;  transition: all 0.3s; }
.term_popup_wrap .close_btn .ico {display: block;  width: 20px;  height: 20px;  background: #222; mask-image: url(../img/main/x_icon.svg); mask-size: 100% 100%;}
.term_popup_wrap .contents h3 {display:none}
.term_popup_wrap .contents .detail_con p,
.term_popup_wrap .contents .detail_con li {font-size:15px; line-height:1.8em}
.term_popup_wrap .contents .grey_box {margin-bottom:30px}
.term_popup_wrap .contents .para01 {margin-bottom:30px}
.term_popup_wrap .contents .blet01 {font-size:17px; line-height:1.4em; font-weight:600}

/* main ytb */
.main_review.ytb {padding: 0 0 11.25rem}
.main_ytb_slide { display: flex; flex-wrap: wrap;  align-items: flex-start;}
.main_ytb_slide > div {width: 50%; position: relative;}
.main_ytb_slide .mainSwiper, 
.main_ytb_slide .thumbSwiper {overflow:hidden; padding-top: 10px;} 
.main_ytb_slide .main_big {padding-right:30px}
.main_ytb_slide .main_big .swiper-slide {padding-right:10px}
.main_ytb_slide .main_small .thumbSwiper {position:absolute; top: 0;    left: 0;  width: 1235px;}
.main_review.ytb .swiper-slide a {height:auto; transition:all 0.3s }
.main_review.ytb .swiper-slide .thumb {border-radius:20px; overflow:hidden; position:relative}
.main_review.ytb .swiper-slide .thumb::after {content: "";   position: absolute;    left: 50%;    top: 50%;    transform: translate(-50%, -50%);    width: 58px;    height: 40px;  background-image: url(../img/main/ytb_icon.png);    background-size: cover; }
.main_review.ytb .swiper-slide .thumb img { transition:all 0.3s}
.main_ytb_slide .main_big .thumb {margin-bottom:1.563rem}
.main_ytb_slide .main_small .thumb {margin-bottom:1.25rem}
.main_ytb_slide .main_big h4 {font-size: 1.625rem;   font-weight: 600;  line-height: 1.4em;}
.main_ytb_slide .main_small h4 {font-size: 1.125rem;     line-height: 1.4em;    font-weight: 400;    word-break: keep-all;}
.main_ytb_slide .main_big .swiper-slide img {max-height:436px}
.main_ytb_slide .main_small .swiper-slide img {max-height:217px}
.round_link_btn {display: inline-flex;    justify-content: center;    align-items: center;    width: fit-content;    height: 3.33em;   padding:0 1.66em;  border: 1px solid #E3E9ED;    border-radius: 30px;  font-size: 0.938rem;    gap: 10px;  transition:all 0.3s}
.round_link_btn .ico  {display: block;   width: 0.93em;   height: 0.93em;   background: #222; mask-image: url(../img/main/plus_icon.svg); mask-size: 100% 100%;}




/* main recent */
.main_board_recent {padding-bottom:13.75rem}
.main_board_recent > .inner_container {display: flex;  flex-wrap: wrap;}
.main_board_recent .recent {width:50%}
.recent.faq {padding-right:40px}
.recent.faq .list {min-height: 380px}
.recent.faq .list .wrap{ display: grid;   align-self: stretch;   row-gap: 10px;   grid-auto-rows: minmax(80px, auto) minmax(80px, auto) minmax(80px, auto); height: 100%; min-height: 380px;}
.main_board_recent .title_wrap {display: flex;   align-items: center;   justify-content: space-between;}
.main_board_recent .title_wrap h3 {font-size: 2rem;  line-height: 1em;}
.toggle_box {background: #f0f1f5;   padding: 1.875rem;   border-radius: 15px; display: flex;    flex-direction: column;  justify-content: center;}
.toggle_box .toggle_box_contents {display:none; margin-top: 20px;     padding-top: 20px;     border-top: 1px solid #222; font-size: 16px;  line-height: 1.6em;}
.toggle_heading {font-size: 1.25rem;     position: relative;    padding-left: 2em;    font-weight: 600; cursor:pointer}
.toggle_heading::after {content: "";     position: absolute;    right: 0;    top: 50%;    transform: translateY(-70%) rotate(45deg);    width: 10px;    height: 10px;     border-bottom: 2px solid #222;    border-right: 2px solid #222; transition:all 0.3s}
.toggle_heading.active::after {  transform: translateY(-55%) rotate(227deg);   }
.recent.faq .list .wrap .toggle_box:nth-child(1) .toggle_heading::before {content:"Q1."; position:absolute; left:0; top:0}
.recent.faq .list .wrap .toggle_box:nth-child(2) .toggle_heading::before {content:"Q2."; position:absolute; left:0; top:0}
.recent.faq .list .wrap .toggle_box:nth-child(3) .toggle_heading::before {content:"Q3."; position:absolute; left:0; top:0}
.recent.notice {padding-left: 40px;}
.recent.notice .lat ul {display: flex;    flex-direction: column;  gap: 10px; position: relative;}
.recent.notice .lat ul li {position:relative}
.recent.notice .lat ul li .lt_info {position:absolute; right: 30px;   top: 50%;   transform: translateY(-50%);  font-size: 15px;}
.recent.notice .lat ul li a::before {content: "";     position: absolute;    left: 30px;  top: 50%;    transform: translateY(-50%);    width: 4px;    height: 4px;    background: var(--main-color);    border-radius: 100%;    z-index: 1;}
.recent.notice .lat ul li a {font-weight: 600; display: flex;     font-size: 1.25rem;    border: 1px solid #E3E9ED;    height: 88px;    align-items: center;    padding: 30px;    border-radius: 15px;    padding-left: 44px; transition:all 0.15s; position:relative}
.recent.notice .lat ul::before {content: "";     position: absolute;    left: -40px;    top: 0;    height: 100%;    width: 1px;    background: #E3E9ED;}






/* footer */
.footer_banner {display: flex;     align-items: center;    padding: 14px 0 14px;    justify-content: space-between;}
.footer_banner .tit {font-size: 1.25rem;  font-weight: 600;}
.footer_banner .list ul {display: flex;   align-items: center;  gap: 6.25rem;}
.footer_cont_flex {background: #161620;   position: relative; padding: 5rem 0 5rem;}
.footer_cont_flex .inner_container {display: flex;  flex-direction: row-reverse; justify-content: space-between; position: relative;}
.footer_info p.key {font-size: 1.25rem;     font-weight: 700;    color: var(--main-color);    line-height: 1.4em;    margin-bottom: 0.75em;}
.footer_info h3 {font-size: 2.5rem;     line-height: 1.3em;    color: #fff;    margin-bottom:1.5em;}
.footer_info h4 {font-size: 1.25rem;   color: #fff;   line-height: 1.4em;  margin-bottom:1em;}
.footer_info dl {display: flex;     gap: 15px;    margin-bottom: 8px;}
.footer_info dl dt {font-size: 0.875rem;    color: #fff;   line-height: 1.4em;}
.footer_info dl dd {font-size: 0.938rem;    color: #B5B5B5;   line-height: 1.4em;}
.footer_info dl dd a {color:inherit}
.footer_info .info_box.last {margin-top:3.125rem}
.footer_info dl ul {display: flex;   align-items: center;  gap: 12px;}
.footer_info dl ul li { position: relative;}
.footer_info dl ul li + li::before {content: "";     position: absolute;    left: -6px;    top: 25%;    height: 50%;    width: 1px;    background: #B5B5B5;}
.footer_menu ul  {display: flex;   align-items: center;  gap: 30px;}
.footer_menu ul li { position: relative;}
.footer_menu ul li + li::before {content: "";    position: absolute;    left: -15px;    top: 15%;    height: 70%;    width: 1px;    background: #434343;}
.footer_menu ul  li a {font-size: 1rem;    color: #fff;  transition:all 0.3s}
.footer_sns {position: absolute;    bottom: 0;    right: 0;}
.footer_sns ul {display: flex;     align-items: center;    gap: 9px;}
.footer_sns li a {display:block; transition:all 0.3s}
.footer_sns li img {max-width:2.5rem}
.footer_copyright {background: #161620;border-top: 1px solid rgba(255, 255, 255, 0.1);}
.footer_copyright p {display: flex;    align-items: center;    font-size: 0.875rem;    color: #fff;    height: 60px;}

.side_quick_menu {position: fixed;     right: 16px;    top: 70vh;    z-index: 1999;}
.side_quick_menu .inner {display: flex;    flex-direction: column;    gap: 10px;    align-content: flex-end;    align-items: flex-end;}
.side_quick_menu .btns {display: flex;    font-size: 14px;    justify-content: space-between;    align-items: center;    padding: 0 20px;    width: 115px;    height: 50px;    border-radius: 50px;    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1); transition: all 0.3s;}
.side_quick_menu .btns .ico {display: block; mask-size: 100% 100%;}
.side_quick_menu .btns.katalk {background:#F7DA00; padding-right: 17px;}
.side_quick_menu .btns.katalk .ico {width:1.57em; height:1.42em; mask-image: url(../img/main/katalk_icon.svg); background:#222 }
.side_quick_menu .btns.simple {background:#fff;  padding-right: 17px; border: 1px solid #E3E9ED}
.side_quick_menu .btns.simple .ico {width:1.42em; height:1.42em; mask-image: url(../img/main/monitor_icon.svg); background:#222 }
.side_quick_menu .btns.cafe {background:#03C75A; color:#fff}
.side_quick_menu .btns.cafe .ico {width:1.4em; height:1.64em; mask-image: url(../img/main/cafe_icon.svg); background:#FFF }
.side_quick_menu .gototop { width: 50px;   height: 50px;   border-radius: 100%;   border: none;  display: flex;   justify-content: center;   align-items: center;  background: #222; visibility:hidden; opacity:0; transition:all 0.3s}
.side_quick_menu .gototop .ico {display: block;  width:14px; height:14px; mask-image: url(../img/main/up_arrow.svg); mask-size: 100% 100%; background:#fff }
.side_quick_menu .gototop.on {visibility:visible; opacity:1;}

#simple_contact_popup.term_popup_wrap {z-index: 19999;}
#simple_contact_popup .ctf_wrap .input_wrap .form_input {  height: 3.5em; }
#simple_contact_popup .ctf_wrap .input_wrap {margin-bottom: 10px;}
#simple_contact_popup .ctf_wrap .input_wrap::before {top: 25px;}
#simple_contact_popup .ctf_wrap .input_wrap.txtarea textarea {height: 150px !important;}
#simple_contact_popup .check_btn_wrap .check_wrap,
#simple_contact_popup .ctf_wrap .view_privacy_btn {color: #222;}
#simple_contact_popup.term_popup_wrap .inner_wrap {height: auto;  max-height: unset;}
#simple_contact_popup.term_popup_wrap .contents {margin-bottom: 0;}




#call_number_popup .contents h4 {font-size: 18px;  margin-bottom: 0.6em;}
#call_number_popup .contents ul li {margin-bottom: 12px;}
#call_number_popup .contents li a {display: flex;  align-items: center;  background: #fff;  border-radius: 20px;  padding: 12px;  font-size: 16px;  gap: 10px; padding-left: 20px;    box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.1);}
#call_number_popup .contents li a .ico {display: block;  width: 18px;    height: 18px;    background: #222;   mask-image: url(../img/main/tel_icon.svg);  mask-size: 100% 100%;}
#call_number_popup .contents ul.seoul {margin-bottom:30px}
#call_number_popup.term_popup_wrap .inner_wrap {height: auto;}





/***** media queries *****/

@media (hover:hover) and (min-width:768px) {
/* 메인메뉴 */
.main-menu .depth_1:hover .sub-menu-wrap{display:block}
.main-menu .depth_2:hover > a  {color:#222 ; font-weight:600;  background:#F0F1F5}
.main-menu .sub-menu .sub-menu li a:hover {color:#222; font-weight:600;  }


/* main banner */
.top_banner .swiper-slide a:hover {box-shadow:2px 2px 8px rgba(0,0,0,0.4)}

/* main find tab  */
.main_find_tab .tab_list_wrap li a:hover { background:var(--main-color);}

.header .sns li a:hover {background: var(--main-color); color:#222}
.side_quick_menu .btns:hover {transform: scale(1.1);}
.side_quick_menu .gototop:hover {transform: scale(1.1);}
.top_banner .swiper-slide a:hover img {transform: scale(1.1);}
.link_btn:hover {transform: scale(1.1);}
.link_btn:hover .arrw {animation: 1s arrow_ani ease-in-out forwards;}
.main_link_column .r_box a:hover .icon {transform: scale(1.1);}
.main_link_column .r_box a:hover .icon .ico {animation: 1s arrow_ani2 ease-in-out forwards;}
.main_review .ctrl button:hover {background: #d1d1d1;}
.main_review .swiper-slide a:hover .img_box{box-shadow:2px 2px 8px rgba(0,0,0,0.4)}
.main_review .swiper-slide a:hover img  {transform: scale(1.1);}
.main_contact .btn_wrap a:hover {background: var(--main-color);}
.ctf_wrap .submit_btn:hover {transform: scale(1.1);}
.term_popup_wrap .close_btn:hover {background:#222}
.term_popup_wrap .close_btn:hover .ico {background:#fff}
.term_popup_wrap .btns.ok_pop:hover {transform: scale(1.1);}
.round_link_btn:hover {background: var(--main-color);}
.main_review.ytb .swiper-slide a:hover .thumb {box-shadow:2px 2px 8px rgba(0,0,0,0.4)}
.toggle_heading:not(.active):hover {text-decoration: underline;  text-underline-offset: 4px;}
.recent.notice .lat ul li a:hover {text-decoration: underline;  text-underline-offset: 4px;}
.footer_menu ul  li a:hover {text-decoration: underline;  text-underline-offset: 4px;}
.footer_sns li a:hover {transform: scale(1.1);}

.main_link_column .box.naver ul li a:hover {transform: scale(1.1);}
} 


@keyframes arrow_ani {
	0% {
		transform:translateX(0);
	}
	20% {
		transform:translateX(13px);
	}
	40% {
		transform:translateX(10px);
	}
	60% {
		transform:translateX(13px);
	}
	100% {
		transform:translateX(13px);
	}
}

@keyframes arrow_ani2 {
	0% {
		transform:translateX(0);
	}
	15% {
		transform:translateX(8px);
	}
	30% {
		transform:translateX(-3px);
	}
	45% {
		transform:translateX(0);
	}

	100% {
		transform:translateX(0);
	}
}



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

.tab_cont_box .cont_box {   width: 100%;}
.tab_cont_box {width: 100%;}
.main_link_column .box {  padding: 3rem 2rem;}
.section_mid_title {   font-size: 2rem;}
.section_desc {  font-size: 1rem;}
.main_link_column .box.naver li p {  font-size: 0.8rem;}
.main_link_column .r_box h4 {  font-size: 1.2rem;}
.main_link_column .box.reserve .section_desc {  font-size: 1rem;}

.footer_cont_flex .inner_container {flex-direction: column;}
.footer_menu {margin-bottom: 30px;}
}




@media screen and (max-width: 1366px) {
/* 메인메뉴 */
.main-menu .depth_1 {margin-right: 2.5rem;}
.main-menu .depth_1 > a {   font-size: 1.1rem; }


.main_find_tab .flex_column .tabs_select {   padding-right: 50px;}
.section_mid_title {  font-size: 1.8rem; }
.main_link_column .naver_search_box p { font-size: 0.9rem;} 
.main_link_column .r_box a {padding: 1.2rem;}
.main_review .swiper-slide a {height: 390px;}
.main_contact .check_wrap {padding-bottom: 70px;}
.main_contact .ctf_wrap .submit_btn {position: absolute;   bottom: 0;  right: 0;}

}



@media screen and (max-width: 1080px) {
/* 메인메뉴 */
.main-menu {display:none}
.header {height: 4.375rem; padding-right: 5rem;}
.mobile_menu { display: block; }


.main_find_tab .flex_column > div {   width: 100%;}
.main_find_tab .flex_column {gap:50px}
.main_find_tab .flex_column .tabs_select {   padding-right: 0;    }
.main_find_tab .tab_list_wrap.program ul {max-width: 100%;}

}


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

/* visual */
.visual .info_box_wrap .info_box .count {  font-size: 20px;}
.visual .info_box_wrap .info_box {width: 190px;padding: 0 20px; }
 
 
.main_link_column .flex_column > div { width: 100%;} 
.main_link_column .box.malrang .section_mid_title {display: block;width: fit-content; margin-bottom: 1.3rem;}
.main_review .swiper-slide a {height: 290px;}
.main_contact .contact_wrap > div {   width: 100%;}
.main_contact .contact_wrap .tit {   padding-right: 0;  margin-bottom: 50px;}
.main_contact .contact_wrap {padding: 3rem 2rem 3rem 2rem;}
.main_ytb_slide .main_small .thumbSwiper {width: 900px;}
.main_board_recent .recent {   width: 100%;}
.recent.faq {   padding-right: 0;  margin-bottom: 50px;}
.recent.notice {  padding-left: 0;}
.recent.notice .lat ul::before {content:none}
.recent.faq .list {   height: auto; min-height: unset;}

.footer_banner {align-items: flex-start;flex-direction: column;}
.footer_banner .list {width: 100%;}
.footer_banner .list ul {  gap: unset;   justify-content: space-between;  width: 100%;}
}



@media screen and (max-width: 767px) {
/* visual */
.visual .info_box_wrap .info_box {justify-content: center;   align-items: flex-start;flex-direction: column; height: 54px;}
.visual .visual_swiper {  height: 350px;}
.visual .info_box_wrap {bottom: 2rem;}
.visual_control {top: 2rem}
.visual_control span {  font-size: 12px}
.visual .swiper-slide .cont {top: 80px;}
.visual .swiper-slide h2 {  font-size: 3rem;}
.visual .swiper-slide p {   font-size: 1.4rem;}
.main_review .swiper-slide a { height: 60vw; }
.main_review .inner_container.slider {padding:0 5rem}
.main_review .ctrl button {  width: 30px;  height: 30px;}
.main_review .title_wrap {padding-bottom: 70px;}
.round_link_btn {height: 30px;  padding: 0 1.2em;}
.main_ytb_slide .main_big {  width: 60%;}
.main_ytb_slide .main_small {width:40%}
.main_ytb_slide .main_small .thumbSwiper {   width: 700px; }


.footer_menu ul {gap: 20px;  flex-wrap: wrap;}
.footer_menu ul li + li::before {content:none}
.footer_info dl dt {flex-shrink: 0;}
.footer_sns {position: relative; padding-top: 20px;}
.footer_sns ul {justify-content: center;}
}




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

.top_banner {   padding: 3rem 0;}
.top_banner .swiper-slide {padding: 5px}
.main_find_tab {   padding: 3rem 0;}
.section_title {   font-size: 2.2rem;} 
.section_desc {  font-size: 1.2rem;}
.main_find_tab .title_wrap {   margin-bottom: 3rem;}
.main_find_tab .tab_list_wrap li a {font-size: 1rem;padding: 0 20px;  height: 30px;}

.main_find_tab .tab_list_wrap ul,
.main_find_tab .tab_list_wrap.program ul  {display: block;white-space: nowrap;  overflow: auto; width: 100%;padding-bottom: 5px; }
.main_find_tab .tab_list_wrap ul li {display: inline-block;  margin-right: 5px;}
.tab_cont_box .round_box {padding: 20px;}
.main_find_tab .flex_column {   gap: 30px;  }
.tab_cont_box .cont_box {height: 430px; --r: 15px;     --s: 25px;    --x: 84px;    --y: 8px;}
.main_link_column .flex_column > div {height: 350px;}
.main_link_column {   padding: 3rem 0 3rem;}
.main_link_column .box.naver .icon {width: 30px;  height: 30px;}
.main_link_column .link_btn {bottom: 2rem;  left: 2rem;}
.main_link_column .box.malrang::before {width: 160px;  height: 280px;}
.main_link_column .r_box a {height: 7rem;}
.main_link_column .r_box .icon {   width: 40px;   height: 40px;}
.main_review {  padding: 3rem 0 3rem;}
.main_review .title_wrap {  margin-bottom: 20px;  padding-bottom: 40px;}
.main_review .img_box {border-radius: 10px;}
.main_review .txt {   padding: 15px 10px;}
.main_review .txt .tit {font-size: 1.2rem; margin-bottom:5px }
.main_contact .btn_wrap {   margin-top: 3rem;}
.ctf_wrap .input_wrap::before {top: 50%;  transform: translateY(-50%);}
.ctf_wrap .input_wrap.txtarea::before {   top: 21px;}
.ctf_wrap .input_wrap.txtarea textarea {height: 150px !important;}
.check_wrap label, .ctf_wrap .view_privacy_btn {font-size: 0.95rem;}
.check_wrap label input + span::before {top: -1px;   width: 18px;  height: 18px;}
.check_wrap label input:checked + span::after {left: 6px;    top: 0px;    width: 9px;   height: 14px;}
.main_contact {  padding-bottom: 5rem;}
.main_ytb_slide .main_big {  width: 80%;  padding-right: 20px; }
.main_ytb_slide .main_big .swiper-slide {padding-right: 0}
.main_ytb_slide .main_small { width: 20%; }
.main_ytb_slide .main_small .thumbSwiper {     width: 500px;    }
.main_review.ytb .swiper-slide .thumb {border-radius: 10px; margin-bottom: 10px;}
.main_ytb_slide .main_small h4 {font-size:0.95rem}
.main_ytb_slide .main_big h4  {font-size:1.2rem}
.main_review.ytb {   padding: 0 0 5rem;}
.toggle_box {padding: 1.2rem;}
.recent.faq .list .wrap {grid-auto-rows: minmax(60px, auto) minmax(60px, auto) minmax(60px, auto); min-height: unset;}
.toggle_heading {  font-size: 1.12rem;}
.toggle_box .toggle_box_contents {margin-top: 10px;   padding-top: 10px;  font-size: 1rem;}
.recent.notice .lat ul li a {font-size: 1.15rem;height: 55px;padding: 10px;padding-left: 20px;}
.recent.notice .lat ul li a::before {left: 10px;}
.recent.notice .lat ul li a span {display: block;   width: 60vw;  overflow: hidden;   white-space: nowrap;    text-overflow: ellipsis;}
.recent.notice .lat ul li .lt_info {right: 10px;font-size: 0.95rem;}
.main_board_recent {   padding-bottom: 3rem;}
.main_link_column .naver_search_box p {  font-size: 1.2rem; }
.main_link_column .recent .basic_li {margin-bottom: 0.5em;}

.footer_banner .list ul {display: grid;   grid-template-columns: repeat(2, 1fr);  grid-auto-rows: auto;  gap: 10px;}
.footer_banner .list li img {height:45px; object-fit: contain;}
.footer_info dl dt {line-height: 1.6em;}
.footer_info .info_box.last dl {flex-wrap: wrap; gap:5px; margin-bottom:10px}
.footer_info .info_box.last dt {width:100%}
.ft_bar {display: block;   font-size: 0;  line-height: 0;}
.footer_cont_flex {padding: 3rem 0 3rem;}


#simple_contact_popup .check_btn_wrap {padding-bottom: 60px;}
#simple_contact_popup .ctf_wrap .submit_btn {position: absolute;   bottom: 0;  right: 0;}
#simple_contact_popup .ctf_wrap .submit_btn {width: 8em;  height: 3em;}


.term_popup_wrap .contents .detail_con p,
.term_popup_wrap .contents .detail_con li {font-size:13px;}
.term_popup_wrap .contents .grey_box {margin-bottom:20px}
.term_popup_wrap .contents .para01 {margin-bottom:20px}
.term_popup_wrap .contents .blet01 {font-size:15px;}

/* side quick menu */
.side_quick_menu {right: 5px;}
.side_quick_menu .btns {font-size: 12px;padding: 0 15px ! IMPORTANT;   width: 90px; height: 34px;}
.side_quick_menu .btns .ico {width: 13px ! IMPORTANT;   height: 13px ! IMPORTANT;}
.side_quick_menu .gototop {   width: 40px;   height: 40px;}

}