@charset "utf-8";

@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@200..800&display=swap');
@font-face {
    font-family: 'NEXON Lv2 Gothic Light';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic Light.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NEXON Lv2 Gothic';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NEXON Lv2 Gothic Bold';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv2 Gothic Bold.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'NEXON Lv1 Gothic OTF';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



@font-face{
    font-family: 'Codec-Cold';
    font-style: normal;
    font-weight: 100;

    src: local('☺'),
         url('/2025/font/Codec-Cold-Extralight-trial.ttf') format('truetype');
}


@font-face{
    font-family: 'Codec-Cold';
    font-style: normal;
    font-weight: 200;

    src: local('☺'),
         url('/2025/font/Codec-Cold-Light-trial.ttf') format('truetype');
}


@font-face{
    font-family: 'Codec-Cold';
    font-style: normal;
    font-weight: 300;

    src: local('☺'),
         url('/2025/font/Codec-Cold-Bold-trial.ttf') format('truetype');
}


@font-face{
    font-family: 'Codec-Cold';
    font-style: normal;
    font-weight: 400;

    src: local('☺'),
         url('/2025/font/Codec-Cold-ExtraBold-trial.ttf') format('truetype');
}


@font-face{
    font-family: 'Codec-Cold';
    font-style: normal;
    font-weight: 500;

    src: local('☺'),
         url('/2025/font/Codec-Cold-Heavy-trial.ttf') format('truetype');
}

/* reset */
* {box-sizing:border-box;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, time, figure, article, nav, header, footer, hgroup, video, audio, aside, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-style:inherit;vertical-align:baseline;}
dl,ul,ol,menu,li{list-style:none}
blockquote, q{quotes:none}
blockquote:before, blockquote:after,q:before, q:after{content:'';content:none}
table {width:100%;border-spacing:0px;border-collapse:collapse;}
input,select,textarea,button{vertical-align:middle}
input::-ms-clear{display:none}
input::-webkit-contacts-auto-fill-button{visibility:hidden;display:none !important;pointer-events:none;position:absolute;right:0}
button{font-family:'NEXON Lv2 Gothic';border:0 none;border-radius:0;background-color:transparent;cursor:pointer}
body{color:#24272d;font:500 16px/1.6 'NEXON Lv2 Gothic','sans-serif';word-wrap:break-word;word-break:keep-all;-webkit-touch-callout:none; overflow:hidden;overflow-y: scroll;}
body,th,td,input,select,textarea {font-family:'NEXON Lv2 Gothic','sans-serif'}
a{color:#24272d;text-decoration:none}
a:active, a:hover{text-decoration:none}
a:active{background-color:transparent}
figure, article, header, footer, nav, hgroup, video, audio, aside, main {display:block; }
address,caption,cite,code,dfn,em,var{font-style:normal;font-weight:normal}
html {width:100%;height:100%;text-size-adjust:none;box-sizing:border-box;}
h1, h2, h3, h4, h5, h6, strong {font-weight:700;-webkit-font-smoothing:subpixel-antialiased;}
img::selection {background:none; }
input[type=text],
input[type=tel],
input[type=email],
input[type=password],
input[type=url],
input[type=number],
input[type=search],
textarea {appearance:none;-moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;font-family:'NEXON Lv2 Gothic', sans-serif;font-size:14px;font-weight:300 } /* #06.18: fw수정 */
input[type=submit], input[type=button], button {appearance:none;font-family:'NEXON Lv2 Gothic', sans-serif; border-radius:0;}
input[type=radio] {border-radius: 100%;cursor:pointer;}
::-webkit-input-placeholder {font-family:'NEXON Lv2 Gothic', sans-serif;font-size:14px;color:#b9c1c9;font-weight:300 } 
::-moz-placeholder {font-family:'NEXON Lv2 Gothic', sans-serif;font-size:14px;color:#b9c1c9;} 
:-ms-input-placeholder {font-family:'NEXON Lv2 Gothic', sans-serif;font-size:14px;color:#b9c1c9;} 
input:focus::-webkit-input-placeholder, textarea:focus::-webkit-input-placeholder {color:transparent;} 
input:focus::-moz-placeholder, textarea:focus::-moz-placeholder {color:transparent; } 
input:focus:-ms-input-placeholder, textarea:focus:-ms-input-placeholder {color:transparent; }
input::-ms-clear {display:none;width:0;height:0;}
input::-ms-reveal {display:none;width:0;height:0;}
input::-webkit-search-decoration,
input::-webkit-search-cancel-button,
input::-webkit-search-results-button,
input::-webkit-search-results-decoration {display:none;}

.wrap {overflow:hidden;}

/* commnon */
.blind {position:absolute;clip:rect(1px, 1px, 1px, 1px);clip-path:inset(50%);width:1px;height:1px;margin:-1px;overflow:hidden;padding:0;color:transparent;}
.m_none{display:block;} /* 1024까지 */
.m_nonet{display:block;} /*  413까지  */
.w_nonet{display:none;}/*  412부터  */
.w_none{display:none;} /*  1023부터  */
span.m_none{display:inline-block;}
span.w_none{display:none;}
.hide{display:none;}

/* skip_Navi */
#skipNavi{position:relative;}
#skipNavi a{display:block;position:absolute;left:0;top:-300px;width:300px;text-align:center;color:#fff;background:#000;z-index:200;}
#skipNavi a:focus, #skipNavi a:hover{top:0px;}

.html_no {overflow:hidden;background:#fff}
.html_no body {display:none}
.over_hidden {overflow-x:hidden}

/* layout */
#wrap {position:relative;-webkit-tap-highlight-color :transparent}
#header.init_bg {background:rgba(255, 255, 255, .5)}
#header {position:fixed;width:100%;height:auto;top:0;left:0;z-index:50;margin:0 auto;transition: transform 500ms}
#header .inner {max-width:1920px;display:flex;line-height:80px;height:80px;justify-content:center;padding:0 50px;flex:auto;;box-sizing:border-box;margin:0 auto;transition:height .3s;z-index:55;}
#header .inner .bg {display:none}
#header .inner.open {position:relative;opacity:1;overflow:visible;border-bottom:1px solid #D6DBE1;} 
#header .inner .logo {position:absolute;z-index:51;height:80px; left:50px;}
#header .inner .logo a {display:block;width:188px;height:80px;background:url("/2025/img/common/logo_bk.png") no-repeat 0 center;background-size:188px auto;color:transparent;font-size:1px;}
#header .inner .gnb { display:inline-flex;align-items:flex-start;font-family:'NEXON Lv2 Gothic';} 
#header .inner .gnb > ul {display:flex;align-items:center;width:100%;}
#header .inner .gnb ul .gnb_li .depth1 {display:block;height:100%;font-weight:700;color:#24272d;font-size:14px;padding:0 20px;height:80px;}
#header .inner .gnb ul li .depth1:hover {text-decoration:none;color:#08cee8} 
#header .inner .gnb ul .gnb_li .smenu {position:absolute;top:80px;width:100vw;visibility:hidden;opacity:0;z-index:51;font-family:'NEXON Lv2 Gothic';box-sizing:border-box;left:50%;transform: translateX(-50%);overflow:hidden;border-top:1px solid #D6DBE1;background:#fff;}
#header .inner .gnb ul .gnb_li .smenu ul.smenu_box{display:flex;position:relative;padding:0;max-width:1310px;margin:0 auto;padding:0 40px;box-sizing:border-box;width:100%; justify-content: center;}
#header .inner .gnb ul .gnb_li .smenu ul.smenu_box:after {content:'';display:block;clear:both}
#header .inner .gnb ul .gnb_li .smenu ul.smenu_box > li {position:relative;vertical-align:top;display:inline-block;width:20%;padding:40px 0 40px 20px;box-sizing:border-box;border-left:1px solid #D6DBE1}
#header .inner .gnb ul .gnb_li .smenu ul.smenu_box > li:last-child {border-right:1px solid #D6DBE1}
#header .inner .gnb ul .gnb_li .smenu ul.smenu_box > li .depth2 {display:block;font-size:14px;font-weight:700;line-height:28px;color:#24272d;}
#header .inner .gnb ul .gnb_li .smenu .depth3_list {margin-top:16px;}
#header .inner .gnb ul .gnb_li .smenu .depth3_list li {font-weight:500;font-size:16px;line-height:26px;width:auto;padding:0}
#header .inner .gnb ul .gnb_li .smenu .depth3_list li + li {margin-top:8px}
#header .inner .gnb ul .gnb_li .smenu .depth3_list li a {position:relative;color:#808892;font-size:16px;line-height:26px;}
#header .inner .gnb ul .gnb_li .smenu .depth3_list li a:hover {color:#24272d}
#header .inner .gnb ul .gnb_li .two .twodepth {margin-top:68px}
#header .inner .head_util {position:absolute;vertical-align:middle;z-index:60; right:50px; display:flex;    align-items: center;}
#header .inner .head_util .link_wrap {position:relative;display:inline-block;font-family:'NEXON Lv2 Gothic';width:56px;margin-right:16px;vertical-align:middle;line-height:1;}
#header .inner .head_util .link_wrap .btn_selct {position:relative;display:block;width:100%;font-family:'NEXON Lv2 Gothic';font-size:18px;height:36px;line-height:36px;padding-left:8px;color:#121418;font-weight:700;text-align:left;box-sizing:border-box}
#header .inner .head_util .link_wrap .btn_selct:after {content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);background:url(../images/common/link_arr.svg) no-repeat 0 0;background-size:16px 16px;right:0;width:16px;height:16px}
#header .inner .head_util .link_wrap.active .btn_selct .list {display:block;}
#header .inner .head_util .link_wrap.active .btn_selct:after {background:url(../images/common/link_arr.svg) no-repeat 0 0;transform:translateY(-50%) rotate(180deg)}
#header .inner .head_util .link_wrap ul {display:none;position:absolute;top:40px;width:56px;height:116px;background:#fff;border-radius:4px;box-shadow:2px 2px 8px 2px rgba(0,0,0,.16);padding:8px;box-sizing:border-box;z-index:2;background:#fff}
#header .inner .head_util .link_wrap li {line-height:1;height:auto;}
#header .inner .head_util .link_wrap li a {color:#121418;font-weight:500;font-size:18px;line-height:28px;font-weight:700;}
#header .inner .head_util .link_wrap li a:hover {color:#08cee8}
#header .inner .head_util .link_wrap li + li {margin-top:8px}
#header .language {display:none}
#header .dim {position:fixed;top:auto;left:0;width:100%;height:0;background:rgba(0,0,0,.6);backdrop-filter: blur(30px);-webkit-backdrop-filter: blur(30px);z-index:-1;opacity:0}
#header.up {background:rgba(255, 255, 255, .5);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);transform: translateY(-100%); transition: transform .3s !important;}
#header.down {background:rgba(255, 255, 255, .5);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);}
#header.down .inner {background:transparent}
body.mopen {overflow-y:hidden}
body.gnb_open #header .dim {opacity:1;z-index:0;height:100vh}
body.gnb_open #header.down {background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;}
body.gnb_open #header .inner .gnb ul .gnb_li .smenu.active {opacity:1;visibility:visible;}
body.gnb_open #header.init_bg {background:#fff} 

.btn_menu {display:inline-block;width:40px;height:40px;color:transparent;font-size:1px;vertical-align:middle;z-index:51;background:url("/2025/img/icon/menu_ico_bk.svg") no-repeat center center;background-size:40px 40px;color:transparent}
/* .btn_menu {display:inline-block;width:40px;height:40px;padding:10px 8px;color:transparent;font-size:1px;box-sizing:border-box;vertical-align:middle;z-index:51;text-align:center;overflow:hidden} */
.btn_menu .line {display:none;width:100%;height:1px;background-color:#121418;transition:all 0.3s ease-in-out;margin:0 auto;border-radius:1px}
.btn_menu .line:nth-child(2)  {margin:7px 0}
.btn_menu .txt {color:transparent;font-size:1px}
.btn_menu:hover {cursor:pointer;}
.btn_menu.mopen {background:url("/2025/img/icon/menu_ico_cbk.svg") no-repeat center center;height:80px}
.btn_menu.mopen .line:nth-child(2) {opacity:0;}
.btn_menu.mopen .line:nth-child(1) {transform:translateY(7px) rotate(45deg);background:#fff}
.btn_menu.mopen .line:nth-child(3) {transform:translateY(-9px) rotate(-45deg);background:#fff}
#header .allmenu {display:none;position:fixed;top:80px;left:0;right:0;bottom:0;width:100%;background:#fafafa;z-index:56;}
body.mopen {overflow-y:hidden}
body.mopen #header .allmenu {display:block;height:100%;max-height:calc(100% - 80px);overflow-y:auto;box-sizing:border-box;}
body.mopen #header .allmenu .allmenu_list {max-width:1920px;padding:0 104px;margin:0 auto;box-sizing:border-box}
body.mopen #header {backdrop-filter:none;background:#fafafa;}
body.mopen #header .inner .logo a{background:url("/2025/img/common/logo_bk.png") no-repeat center center;background-size:188px auto;}
body.mopen #header:after {content:'';position:absolute;left:0;right:0;top:81px;width:100%;height:1px;background:#ddd;z-index:57;box-shadow:0px 4px 4px 0px rgba(0, 0, 0, 0.25);}
body.mopen #header .inner {background:#fafafa;}
body.gnb_open.mopen #header .inner {background:#fafafa;}
body.mopen #header .gnb,
body.mopen #header .inner .head_util .link_wrap {display:none}
body.mopen #header .allmenu ul .allmenu_li.first {margin-top:80px}
body.mopen #header .allmenu ul .allmenu_li {width:100%;margin-top:100px;}
body.mopen #header .allmenu ul .allmenu_li:last-child {margin-bottom:80px}
body.mopen #header .allmenu ul .allmenu_li a {color:#282828;}
body.mopen #header .allmenu ul .allmenu_li .depth1 {width:100%;display:block;font-size:32px;line-height:44px;font-weight:700;font-family:'NEXON Lv2 Gothic';cursor:default;}
body.mopen #header .allmenu ul .allmenu_li .smenu_container {width:100%;height:100%;}
body.mopen #header .allmenu ul .allmenu_li .smenu .smenu_wrap {margin-top:32px;display:grid;grid-template-columns:repeat(7,13%);gap:0px 1.5%;}
body.mopen #header .allmenu ul .allmenu_li .depth2 {display:block;font-size:21px;line-height:38px;color:#363636;font-weight:700;}
body.mopen #header .allmenu ul .allmenu_li .smenu {width:100%}
body.mopen #header .allmenu ul .allmenu_li .smenu .depth3_list {display:block;margin-top:16px}
body.mopen #header .allmenu ul .allmenu_li .smenu .depth3_list li {float:none;width:100%;font-weight:18px;line-height:28px}
body.mopen #header .allmenu ul .allmenu_li .smenu .depth3_list li + li {margin-top:8px}
body.mopen #header .allmenu ul .allmenu_li .smenu .depth3_list li a {position:relative;color:#666;} 
body.mopen #header .allmenu ul .allmenu_li .smenu .depth3_list li a:hover {color:#000} 
body.mopen #header .allmenu ul .allmenu_li .smenu .depth3_list li a:hover:after {transform:scaleX(1);transform-origin:left;}
body.mopen #header .allmenu {overflow-y:scroll;height:100%}
body.mopen #header .allmenu::-webkit-scrollbar-track{border-radius:3px;background-color:#ddd;}
body.mopen #header .allmenu::-webkit-scrollbar{width:6px;background-color:#ddd}
body.mopen #header .allmenu::-webkit-scrollbar-thumb{border-radius:3px;background-color:#aaa}
/* wh head */
.whhead #header {background:none;transition:transform 500ms, background 500ms}
.whhead #header .inner {background:transparent;transition:height .3s, background .3s}
.whhead #header .inner .logo a{background: url(../images/common/logo_wh.svg) no-repeat 0 center;}
.whhead #header .inner .gnb ul .gnb_li .depth1{color: #fff;}
.whhead #header .inner .head_util .link_wrap .btn_selct{color: #fff;}
.whhead #header .inner .head_util .link_wrap .btn_selct:after{background: url(../images/common/link_arr_wh.svg) no-repeat 0 0;}
.whhead .btn_menu .line{background-color: #fff;}
.whhead .btn_menu {background: url(../images/common/menu_ico_wh.svg) no-repeat center center }
.whhead .btn_menu.mopen {background: url("/2025/img/icon/menu_ico_cwh.svg") no-repeat center center}
.whhead #header.up .btn_menu, 
.whhead #header.down .btn_menu {background: url(../images/common/menu_ico.svg) no-repeat center center }
.mopen .whhead #header.down .btn_menu {background: url(../images/common/menu_ico_wh.svg) no-repeat center center }
.gnb_open .whhead .btn_menu {background: url(../images/common/menu_ico.svg) no-repeat center center }
.gnb_open.mopen .whhead .btn_menu {background: url("/2025/img/icon/menu_ico_cwh.svg") no-repeat center center;}
.whhead #header .inner .gnb ul .gnb_li .smenu{transition: all  .3s; opacity: 0;}
.whhead #header .inner .gnb ul .gnb_li .smenu.active{transition: all  .3s;background:#fff}
.whhead .breadcrumb {position:relative;color:#f3f6fb; z-index:7}
.whhead .breadcrumb li:last-child {color:#fff}
.whhead .breadcrumb li:after {background:url(../images/common/breadcrumb_arr_wh.svg);background-size:8px 8px;width:8px;height:8px;}
body.gnb_open .whhead #header {background:#fff}
body.mopen .whhead #header {transition:none;backdrop-filter:none;-webkit-backdrop-filter:none;} 
.whhead #header.up {color:#24272d}
.whhead #header.up,
.whhead #header.down {background: rgba(255, 255, 255, .5);backdrop-filter: blur(12px);}
.gnb_open .whhead #header  {transition:transform .3s ,background .3s;}
.whhead #header.up .logo a,
.whhead #header.down .logo a,
.gnb_open .whhead #header .inner .logo a {background: url("/2025/img/common/logo_bk.png") no-repeat 0 center;}
.whhead #header.up .inner .head_util .link_wrap .btn_selct,
.whhead #header.down .inner .head_util .link_wrap .btn_selct,
.gnb_open .whhead #header .inner .head_util .link_wrap .btn_selct{color: #121418;}
.whhead #header.up .inner .gnb ul .gnb_li .depth1,
.whhead #header.down .inner .gnb ul .gnb_li .depth1,
.gnb_open .whhead #header .inner .gnb ul .gnb_li .depth1  {color:#24272d;}
.gnb_open .whhead #header .inner .gnb ul li .depth1:hover {text-decoration:none;color:#08cee8} 
.whhead #header.up .inner .head_util .link_wrap .btn_selct:after,
.whhead #header.down .inner .head_util .link_wrap .btn_selct:after,
.gnb_open .whhead #header .inner .head_util .link_wrap .btn_selct:after {background:url(../images/common/link_arr.svg) no-repeat 0 0;}
.whhead #header.down  .btn_menu .line{background-color:#121418;}
body.gnb_open .whhead .btn_menu .line{background-color: #121418;}
body.mopen .whhead #header.down .btn_menu .line {background-color:#fff;}
body.mopen .whhead .btn_menu .line{background-color:#fff;}
body.mopen .whhead #header .inner .logo a{background: url(../images/common/logo_wh.svg) no-repeat 0 center;background-size: 211px 40px;}
body.mopen.gnb_open  .whhead #header .inner.open {background:#fafafa;height:94px;transition:none;}
body.mopen  .whhead #header .inner.open {background:#fafafa;height:94px;transition:none;}
body.mopen .whhead #header {background: #fafafa;}


#footer {position:relative;width:100%;border-top:1px solid #d6dbe1;z-index:15; background:#fafafa;}
#footer .inner {width:100%;padding:42px 104px 64px;box-sizing:border-box;}
.footer-wrap{display:flex; justify-content: space-between;}
.footer-copy{}
.footer-copy h1{width:180px; display:block; padding-bottom:30px;}
.footer-copy h1 img{width:100%;}
.footer-copy p {font-size:15px; line-height:1.6}
.footer-copy p a.footer-tuitionBtn{opacity:0.3}
p.ft-copy {font-size:13px; display:block; padding-top:30px;}

.famlysite {float:right;position:relative;width:205px;}
.famlysite .btn_selct {position:relative;display:block;width:100%;height:48px;border-radius:24px;font-size:16px;line-height:48px;text-align:left;background:#f3f6fb;padding:0 20px;box-sizing:border-box;color:#24272d;}
.famlysite .btn_selct:after {content:'';position:absolute;top:50%;margin-top:-8px;right:16px;background:url("/2025/img/icon/icon-select-arrow-bk.png") no-repeat center right;background-size:16px 16px;width:16px;height:16px}
.famlysite.active .list {display:block}
.famlysite.active .btn_selct:after {transform:rotate(-180deg);}
.famlysite .list {display:none;position:absolute;width:205px;height:234px;top:-242px;background:#f3f6fb;padding:16px 20px;border-radius:20px;box-sizing:border-box;z-index:16}
.famlysite .list a{display:block;width:100%;font-size:16px;line-height:26px;font-weight:500}
.famlysite .list li + li {margin-top:8px}
.famlysite .scrollbar {overflow-y:scroll;height:202px;}
.famlysite .scrollbar::-webkit-scrollbar-track{border-radius:3px;background-color:#f3f6fb;}
.famlysite .scrollbar::-webkit-scrollbar{width:6px;background-color:#f3f6fb;}
.famlysite .scrollbar::-webkit-scrollbar-thumb{border-radius:3px;background-color:#d9d9d9}
.footer-nav{display:flex; flex-direction: column; justify-content: space-between; align-items: flex-end;}
.footer-menu {display:flex; padding-top:0px;}
.footer-menu li a {font-size:15px; padding-left:30px;    word-break: keep-all;}

.container{width:1200px; display:block; margin:0 auto;}
.container.sub{padding:80px 0 120px;}
.container.main-wr{width:1480px; padding-bottom:120px;}
.inner-cont{display:block; padding:60px 0 120px;}

.breadcrumb {position:relative;max-width:1920px;display:flex;justify-content:right;padding:50px 0px 20px; box-sizing:border-box;color:#565b64;margin:0 auto}
.breadcrumb li {position:relative;font-size:14px;line-height:24px;padding-right:24px}
.breadcrumb li:after {content:'';position:absolute;top:50%;transform:translateY(-50%);right:8px;background:url("/2025/img/icon/breadcrumb_arr.svg");background-size:8px 8px;width:8px;height:8px;}
.breadcrumb li:last-child {padding-right:8px;color:#000}
.breadcrumb li:last-child:after {display:none}

.gnbPlace {position: relative;margin-right:20px; }
.gnbPlace a{display:flex; align-items: center;color:#282828;font-family:'NEXON Lv2 Gothic'; font-weight:700;font-size:14px;}
.gnbPlace > a i {display: inline-block; position: relative; width: 20px; height: 20px; margin-left: 10px; border: 1px solid #282828; transition: all 0.3s; vertical-align: top;}
.gnbPlace > a i:after{content:''; position: absolute; left: 0; right: 0; top: 0; bottom: 0; background-image: url('/2025/img/icon/icon-select-arrow-bk.png'); background-repeat: no-repeat; background-position: center; transition: all 0.3s; background-size:12px}
.gnbPlace.on > a i:after {transform: rotate(180deg);}
.gnb-place-box {display: none; position: absolute; top: 80px; right: 0; z-index: 40; width: 400px; padding: 30px; border: 1px solid; background: #fff; font-size: 12px; color: #555; line-height:1.4}
.gnb-place-box h2 {margin-bottom: 8px; font-weight: 500; font-size: 20px; color: #222;}
.gnb-place-box p {font-weight: 200;}
.placeList {display: flex; flex-wrap: wrap; padding-top: 15px; font-weight: 200;}
.placeList > li {width: 25%; padding: 0 5px;}
.placeList > li:nth-child(n+5) {margin-top: 10px;}
.placeList > li a {display: block; width: 100%; padding: 6px 0; background: #efefef; text-align: center; transition: all 0.1s; color:#282828 !important; font-size:12px !important;}
.placeList > li.current a,
.placeList > li:hover a {background: #08cee8; color: #fff;}


.btn-bottom {
    display: block; -webkit-transition: all 0.8s; transition: all 0.8s;
    padding: 64px 0 16px;
    background-image: linear-gradient(180deg, rgba(255,255,255,0) 0%, rgba(255,255,255,0.32) 7%, rgba(255,255,255,0.48) 9%, rgba(255,255,255,0.64) 13%, rgba(255,255,255,0.76) 17%, rgba(255,255,255,0.88) 21%, rgba(255,255,255,0.94) 24%, rgba(255,255,255, 0.96) 27%, rgba(255,255,255,0.98) 32%, #ffffff 36%, #ffffff 74%);
}
.btn-bottom.fix { position:fixed; right:0; bottom:0; left:0; z-index:10; transform:translateZ(0);
	padding:30px 12px calc(constant(safe-area-inset-bottom) + 12px );
	padding:30px 12px calc(env(safe-area-inset-bottom) + 12px );
}
.btn-bottom-item {display:flex; justify-content: space-between;}
.btn-bottom-item a{display:block; text-align:center; padding:17px 4px; height:48px; line-height:14px; border-radius:8px; background:#08cee8; color:#282828;width:49%;}
.btn-bottom-item a span{font-weight:700; display:inline-block; position:relative; vertical-align:top; }
.btn-bottom-item a.mo-gnb-call {background:#282828; color:#fff;}

/*오른쪽 퀵메뉴*/
.gnb-right{position:fixed; right:30px; top:25%; width:80px; display:block; z-index:10; background:#fff; box-shadow: 6.6px 7.5px 24px 12px rgb(176 176 176 / 12%); border-radius:12px; overflow:hidden;}
.gnb-right ul {display:flex;flex-direction: column; align-items: center;}
.gnb-right ul li{display:block; border-bottom:1px solid #eaeaea;}
.gnb-right ul li:last-child {border-bottom:none;padding:10px 0}
.gnb-right ul li a{display:flex; width:100%; height:auto; text-align:center; flex-direction: column; align-items: center; justify-content: center;color:#666; padding:10px 0}
.gnb-right ul li a img{width:30px;}
.gnb-right ul li a div{font-weight:500; font-size:12px; margin-top: 5px; display:block;}
.gnb-right h3{background:#08cee8; width:100%; font-size:13px; padding:15px 0px;font-family: 'NEXON Lv2 Gothic Bold', sans-serif; font-weight: 900; color:#363636;text-align:center;}
.right-vacation{width:70px !important; margin:-10px 0;}