@charset "utf-8";
@import url('./fonts.css');
html{width:100%;/*overflow-y:auto;*/-webkit-text-size-adjust:none;}
body {font-family: 'Pretendard', sans-serif;}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,input,select,textarea,form,fieldset,legend,body{margin:0;padding:0; }
*+html body body, *+html body div, *+html body li, *+html body dt, *+html body dd, *+html body p, *+html body tr, *+html body td, *+html body h2 {font-family: 'Pretendard', sans-serif;}
body{visibility:visible; /*overflow-x: hidden !important; max-width:1920px;*/ width:100%; margin:0 auto;  font-size:14px; color:#202020; background:#fff; line-height:1.5em; letter-spacing:-0.03em; font-weight:400; }
@media  (max-width: 1420px){ body{font-size:13.6px;}}
@media  (max-width: 1280px){ body{font-size:13.4px;}}
@media  (max-width: 1024px){ body{font-size:13.2px;}}
@media  (max-width: 768px){ body{font-size:13px; line-height:1.4;}}
@media  (max-width: 520px){ body{font-size:12px;}}

* {word-break:keep-all;}
img,fieldset{border:none;}
em,address{font-style:normal;}
a{text-decoration:none;color:#202020;}
li{list-style:none;}
input, select,textarea {outline:0;border-radius:0;}
.clear {}
.clear:after {content:"";display:block;clear:both;}
.clear_div {clear:both;}
.blind, .sound_only{ display: block !important;visibility:hidden;width:0;height:0;font-size:0;line-height:0;overflow:hidden;}
img { max-width:100%; vertical-align:top;}
.img_100 {width:100%; height:auto !important; vertical-align:top;}
select{min-width:50px;height:26px;margin:0;padding:0;font-size:1em;line-height:26px;}
.noresize {resize: vertical; /* 상하만 가능 */}
.underline {text-decoration:underline; }
.tl { text-align:left;}
.tc { text-align:center;}
.tr { text-align:right;}
.vt {vertical-align:top;}
.mt10 { margin-top:10px !important;}
.mt20 { margin-top:20px !important;}
.mb0 { margin-bottom:0 !important;}
.mb3 { margin-bottom:3px !important;}
.mb5 { margin-bottom:5px !important;}
.mb10 { margin-bottom:10px !important;}
.mb20 { margin-bottom:20px !important;}
.mb_1em {margin-bottom:1em !important;}
.mb_2em {margin-bottom:2em !important;}
.mb_3em {margin-bottom:3em !important;}
.pt20 { padding-top:20px;}
.pb1 { padding-bottom:1px;}
.bg_white { background-color:#fff;}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*:focus {outline:none;}
.boxShadow {-webkit-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); -moz-box-shadow: 2px 2px 3px rgba(0, 0, 0, 0.1); box-shadow:2px 2px 3px rgba(0, 0, 0, 0.1);}
strong {font-weight:700;}
::selection { background:#00b4f4; color:#fff;}
.mg_radius {border-radius:1em; overflow:hidden;}
.img_shadow {box-shadow:2px 2px 10px rgba(0,0,0,0.2);}

#reservation_btn{    max-width: 60px;width: 15%;
 border-radius: 50%;overflow: hidden;
    position: fixed;
    bottom: 10% ;
    right: 5%;
    z-index: 999;}

.none_select {pointer-events: none; user-select: none; -webkit-user-select: none;}
.mot1 { -webkit-transition: all 0.01s; -moz-transition: all 0.01s; -ms-transition: all 0.01s; transition: all 0.01s;}
.mot2 { -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out;}
.mot3 { -webkit-transition: all 0.3s ease-out; -moz-transition: all 0.3s ease-out; -ms-transition: all 0.3s ease-out; transition: all 0.3s ease-out;}
.mot4 { -webkit-transition: all 0.4s ease-out; -moz-transition: all 0.4s ease-out; -ms-transition: all 0.4s ease-out; transition: all 0.4s ease-out;}
.mot5 { -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -ms-transition: all 0.5s ease-out; transition: all 0.5s ease-out;}
.mot6 { -webkit-transition: all 0.6s ease-in-out; -moz-transition: all 0.6s ease-in-out; -ms-transition: all 0.6s ease-in-out; transition: all 0.6s ease-in-out;}
.mot3-delay { -webkit-transition: all 0.3s ease-out 0.3s; -moz-transition: all 0.3s ease-out 0.3s; -ms-transition: all 0.3s ease-out 0.3s; transition: all 0.3s ease-out 0.3s;}
.mot4-delay { -webkit-transition: all 0.3s ease-out 0.4s; -moz-transition: all 0.3s ease-out 0.4s; -ms-transition: all 0.3s ease-out 0.4s; transition: all 0.3s ease-out 0.4s;}
.scale01 {-webkit-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); -moz-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); -ms-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); -o-transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1); transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1);}
.scale01:hover, .scale01:focus {-ms-transform: scale(1.1); -webkit-transform: scale(1.1); transform: scale(1.1);}

.strongColor {color:#f7444e;}
.color_sky { color:#25d3fc;}

.block1280, .block1024, .block768, .block560, .block480, .block380 {display:none !important;}
.in-block1280, .in-block1024, .in-block768, .in-block560, .in-block480, .in-block380 {display:none !important;}

.view_more { font-family: 'SUIT', sans-serif;; font-weight:500; letter-spacing:0.02em; z-index:4;}
.view_more svg { vertical-align:middle; width:2em; height:2em; stroke-width:1; margin-top:-0.1em;}

#wrap {overflow-x:hidden;}
#skip{position:fixed;top:-9999px;left:0;z-index:1000;width:240px;height:30px;background:#676462;}
#skip a{display:block;height:30px;padding:0 0 0 20px;line-height:30px;font-size:12px;color:#333;}
#skip.on{top:0;}
#wrap {/*overflow:hidden;*/}
.inner_wrap { position:relative; max-width:1280px; width:92%; margin:0 auto; z-index:5;}
.inner_wrap.w100 { width:100%;}

.comming_wrap { background:#f1f6fc; padding:10% 5%; text-align:center;}
.comming_wrap .comming_img { max-width:624px; width:80%;}

/* header */
#header { position:absolute; width:100%; left:0; top:0; padding:2em 0; transition:padding 0.2s ease, box-shadow 0.2s ease;background:rgba(0,0,0,1);  z-index:100;}
.sub #header { position:relative;}
#header .inner_wrap { max-width:1600px; display:flex; align-items:center; justify-content: space-between;}
#header.topFixed { position:fixed;  padding:1.5em 0; background:rgba(0,0,0,0.8); box-shadow:0 0 5px rgba(0,0,0,0.1);}


.header_logo {}
.logo a { display:block; height:31px; -webkit-transition: all 0.2s ease-out; -moz-transition: all 0.2s ease-out; -ms-transition: all 0.2s ease-out; transition: all 0.2s ease-out; }
.logo img { height:100%; width:auto; vertical-align:top;}

.header_util { display:flex; align-items:center;}
.header_util > li { margin-left:20px;}
.link_search { display:inline-block;  color:#fff; line-height:24px;}
.link_search svg { color:#fff;}
.searchArea { position:relative; height:24px;}
.searchForm { position:absolute; display:flex; align-items:center; justify-content: space-between; width:260px; right:0; top:50%; transform:translate(-10px,-50%); background:#fff; padding:0; border:2px solid #222f5b; opacity:0; visibility: hidden; transition:0.2s ease; }
.searchForm.show {opacity:1; visibility: visible; transform:translate(0,-50%);}
#searchText { width:calc(100% - 50px); border:0; padding:10px; color:#222}
#searchText::placeholder { opacity:0.7;}
.searchBtn { border:0; background:#222f5b; padding:5px 8px; color:#fff; cursor:pointer;}
.searchColse { position:absolute; width:16px; height:16px; right:-16px; top:-16px; border: 0; background: transparent; padding:0; cursor:pointer;}

.btn_nav { position:absolute; width:24px; height:20px;  cursor:pointer; background:transparent; border:0; right:30px; top:50%; transform:translateY(-50%); display:none; z-index:15}
.btn_nav .line { position:absolute; width:24px; height:2px;  background:#fff; left:50%; top:50%;transform:translate(-50%,-50%);  transition:bakcground 0.2s ease; z-index:1;}
.btn_nav .line::before, .btn_nav .line::after { position:absolute; content:""; width:24px; height:2px; background:#fff; transition:transform 0.2s ease; }
.btn_nav .line::before { left:50%; top:50%; transform:translate(-50%,-10px);}
.btn_nav .line::after { left:50%; top:50%; transform:translate(-50%,9px);}
.btn_nav.open_nav {background:rgba(255,255,255,0);}
.btn_nav.open_nav .line {background:rgba(255,255,255,0)}
.btn_nav.open_nav .line::before {transform:translate(-50%,-50%) rotate(-45deg);}
.btn_nav.open_nav .line::after {transform:translate(-50%,-50%) rotate(45deg); }

@media (min-width:1025px) {
.gnbArea .gnb {position:absolute; display:flex; justify-content: center; width:60%; left:50%; top:50%; transform:translate(-50%,-50%);}
.gnbArea .gnb > li {position:relative; padding:0 2.4em ; transition: all 0.3s cubic-bezier(0.694, 0, 0.335, 1);}
.gnbArea .gnb li a.depth1 {position:relative; display:inline-block;  font-size:1.142857em; color:#fff; line-height:1.42em; font-weight:500; padding:0.6em 0 0.4em; border-bottom:2px solid rgba(242,67,78,0); z-index:5; }
.gnbArea .gnb li a.depth1:hover, .gnb li a.depth1:focus, .gnb li.on a.depth1, .gnb li.this a.depth1, .gnb li:hover a.depth1 {  border-color:rgba(242,67,78, 1); }
.gnb li.this a.depth1 { font-weight:600;}

#header.topFixed{ position:fixed;  padding:1.5em 0; background:rgba(0,0,0,0.75); box-shadow:0 0 5px rgba(0,0,0,0.1);}
#header.topFixed { }
.topFixed .logo a { height:26px;}
}
.top_util { display:flex; align-items: center;}
.top_util li:not(:last-child) {margin-right:10px;}
.top_util a { display:inline-block; background:#f7444e; color:#fff; font-weight:600; padding:0.4em 1em; border-radius:0.4em; }

@media (max-width:1420px) {
.gnbArea .gnb > li {padding:0 2.0em ;}
.gnbArea .gnb li a.depth1 { font-size:1.275em;}
.gnbArea li .gnb_sub { width:110%; }
.gnbArea li.gnb1 .gnb_sub { width:130%; }
}

@media (max-width:1280px) {
.gnbArea .gnb > li {padding:0 1.4em ;}
.gnbArea li .gnb_sub { width:120%; }
.gnbArea li.gnb1 .gnb_sub, .gnbArea li.gnb3 .gnb_sub { width:140%; }
.btn_nav { padding:0.3em 0.8em 0.4em;}
.btn_nav .text { font-size:1em;}
}

@media (max-width:1024px) {
.top_util { margin-right:36px;}
.top_util li:first-child { display:none;}
.btn_nav { display:block; right:0;}
}
@media(max-width:620px) {
.link_tel > span { display:none;}
}

/*.gnbArea .gnb1 .gnb_sub li:nth-child(6), .gnbArea .gnb3 .gnb_sub li:nth-child(4) { display:none;}*/


@media (max-width:1024px) {
#header { position:relative;  background:rgba(0,0,0,1); z-index:15;}
#header, #header.topFixed { height:60px; padding:0;}
#header .inner_wrap { height:60px;}
.logo a, .topFixed .logo a { height:24px;}
.gnbArea { position:fixed; width:280px; height:calc(100% - 60px); background:#fff; right:-380px; top:60px; box-shadow:0 0 3px rgba(0,0,0,0.2); transition: right 0.2s ease; z-index:10;}
.open_nav .gnbArea { right:0;}
.gnb { position:relative;  height:100%; order:2; }

.gnb { overflow-y:auto; overflow-x:hidden; padding-bottom:3.2em;}
.gnb::-webkit-scrollbar { width:8px; }
.gnb::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.15); border-radius:4px; }
.gnb::-webkit-scrollbar-track { background-color: rgba(0,0,0,0.1); border-radius:4px; }
.gnbArea .gnb > li { font-size:1.2em; line-height:1.6; padding:0; border-bottom:1px solid rgba(34,47,91,0.15);}
.gnbArea .gnb > li a.depth1 { display:block; font-size:1.25em; color:#202020; font-weight:600; padding:0.6em 1.3em; background:rgba(34,47,91,0.05);}
.gnb li.on a.depth1, .gnb li.this a.depth1 { background:#1c5294; color:#fff; font-weight:600;}
.gnbArea .gnb .gnb_sub { display:flex; flex-wrap:wrap; width:100% !important; padding:1em 1.5em;}
.gnbArea .gnb .gnb_sub li:not(:last-child) {margin-right:1.2em;}
.gnbArea .gnb .gnb_sub li a { display:inline-block; font-size:1.1em; padding:0.1em 0;  }
.gnbArea .gnb .gnb_sub li.this a { color:#202020; font-weight:700;}
.header_bg {position:fixed; width:100%; height:calc(100% - 60px); left:0; bottom:0; background:rgba(0,0,0,0.8); opacity:0;visibility:hidden; z-index:1;}
#header.open_nav .header_bg { opacity:1;visibility:visible; }


.btn_nav_wrap { display:block;}
}
@media (max-width:520px) {
    #reservation_btn{bottom: 7%;}
.gnbArea .gnb > li { font-size:1.25em;}
}
@media (max-width:380px) {
    #reservation_btn{bottom: 4%;}
.gnbArea .gnb > li { font-size:1.15em;}
}

/* footer */
footer { position:relative;padding:3.125% 0; z-index:5; }
footer, footer a { color:#87888c; }
.footer01 { display:flex; justify-content: space-between; align-items:flex-end; margin-bottom:3%;}
.footer01_01 a {display:inline-block; font-size:1.142857em; color:#363946; font-weight:600; border-bottom:2px solid #363946; margin-left:0.3em;}
.footer_sns { display:flex;}
.footer_sns li:not(:first-child) { margin-left:18px;}
.footer_link { display:flex;}
.footer_link li:not(:last-child)::after { display:inline-block; content:""; font-size:1.07142857em; width:1px; height:0.9em; background:#e7e7e8; margin:0 1em; }
.footer_info > div { display:flex; flex-wrap:wrap; margin-top:0.1em;}
.footer_info > div p:not(:last-child)::after {display:inline-block; content:""; width:1px; height:0.9em; background:#e7e7e8; margin:0 1em; }
.footer_info > div p strong { font-weight:400; color:#adaeb1; margin-right:0.3em;}
.copyright { margin-top:1.5em;}

@media (max-width:660px) {
.footer_sns li:not(:first-child) { margin-left:10px;}
.footer_sns li a img {width:36px;}
}
@media (max-width:520px) {
.footer01 { flex-direction:column;align-items: flex-start;}
.footer_sns { margin-top:3%;}
}
@media (max-width:480px) {
}


/*.fadeIn_ { opacity:0;}
.fadeIn_.active_a { opacity:1; transition: all 0.6s ease 0.5s;}*/

.form_check {}
.form_check input[type="checkbox"] { display:none;}
.form_check label { position:relative; display:inline-block; cursor:pointer;}
.form_check label span { position:relative; display:inline-block; width:18px; height:18px; border:1px solid rgba(255,255,255,0.6); border-radius:2px; vertical-align:sub; margin-right:5px;  }
.form_check input[type="checkbox"]:checked + label span { border:0; background-color: #125de6}
.form_check input[type="checkbox"]:checked + label span::after { content:"";	position:absolute;	width:12px; height:12px; left:50%; top:50%; transform:translate(-50%,-50%); z-index:5; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='12' height='12' stroke='%23fff' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E");
}

.filebox { position:absolute; max-width:256px; width:calc(100% - 15em); right:5px; top:50%; transform:translateY(-50%); display:flex; align-items:center; z-index:2;}
.filebox .upload-name { border:0 !important; max-width:180px; width:calc(100% - 76px); background:transparent;}
.filebox label { cursor:pointer;}
.filebox input[type="file"] { position: absolute; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}

.video_wrap {}
.video_wrap .video_inner, .main_video .video_inner { position:relative; width:100%; height:0; padding-bottom:56.25%; overflow:hidden;}
.video_inner .video_frame { position:absolute; width:100%; height:calc(100% + 220px); left:50%; top:50%; transform:translate(-50%,-50%);}

.page_open { display:none; max-width:1000px !important; width:96% !important; max-height:90vh; left:50% !important; top:50% !important; transform:translate(-50%,-50%) !important; background:#fff;}
.open_content { box-sizing:border-box; }
.page_open .open_content { max-height:calc(90vh - 62px);}
.b-iframe { display:block; width:100%; height:80vh; }
.b-close {position:absolute; right:10px; top:10px; padding:10px; background:transparent; border:0; z-index:10;}
.b-close svg { width:30px; height:30px; color:#fff;}
.page_open .b-close { padding:0; transform:translate(120%,0);}
.page_open .b-close svg { width:40px; height:40px; color:#fff;}

.page_open2 { display:none; max-width:800px !important; width:96% !important; background:transparent; left:50% !important; top:50% !important; transform:translate(-50%,-50%);}

.div_inbox { background:#f8f8f8; padding:1.2em; height:16em; margin-bottom:1em; font-family: 'Noto Sans KR'; line-height:1.6; color:#666;}

.scrollbar-x {position:relative; width:100%; overflow-x:auto; overflow-y:hidden;}
.scrollbar-y {position:relative; overflow-y:auto; overflow-x:hidden;}
.scrollbar-x::-webkit-scrollbar { height:4px; }
.scrollbar-y::-webkit-scrollbar { width:4px; }
.scrollbar-x::-webkit-scrollbar-thumb, .scrollbar-y::-webkit-scrollbar-thumb { background-color: rgba(0,0,0,0.15); border-radius:2px; }
.scrollbar-x::-webkit-scrollbar-track, .scrollbar-y::-webkit-scrollbar-track { background-color: rgba(0,0,0,0.1); border-radius:2px; }

.date_wrap { display:flex; flex-wrap:wrap; align-items:center;}
.date_wrap div:first-child { margin-right:15px; }
.form_wrap { display:flex; flex-wrap:wrap; }
.form_wrap > li { padding:1% 0; font-size:1.2857em; line-height:1.5;}
.form_wrap > li.w47 { width:47%;}
@media (min-width:1025px) {
.form_wrap > li.mw47 { max-width:47%;}
.mobile_login { display:none;}
}
.w100 { width:100%;}
.form_wrap > li.w100 { width:100%;}
.form_wrap > div { margin-right:10px;}
.form_wrap label { /*color:#212121; font-weight:600;*/}
label .required {color:#f46441;}
.form_input { padding:0.8em 1em; border:1px solid #ddd; margin-top:0.5em; }
.form_wrap02 { }
.form_wrap02 li { position:relative;}
.label_placeholder { position:absolute; left:0.2em; top:1.0em; letter-spacing:0; color:#999; pointer-events: none; user-select: none; -webkit-user-select: none; }
.label_placeholder .required, .current .required { display:inline-block; margin-left:0.5em; color:#f46441; }
.form_input2:invalid ~ .label_placeholder { opacity:1;}
.label_absolute {position:absolute; width:100%; height:100%; left:0; top:0; z-index:3;}
.form_input2:focus ~ .label_placeholder, .form_input2:valid ~ .label_placeholder,
.form_select2:focus ~ .label_placeholder, .form_select2:checked ~ .label_placeholder { opacity:0;}
.form_wrap02 .check_wrap { font-size:0.9em; color:#999; margin-bottom:0.3em; }
.form_input2 {padding:0.8em 0.2em; border:0; border-bottom:1px solid #e8e8e8;  margin-top:0.2em;}
.form_input2:hover {}
.select_wrap { position:relative; margin-bottom:1em; }
.form_select2 { display:block; width:100%; color:#999; height:3.2em; padding:0.8em 0.5em; border:1px solid #e8e8e8; -webkit-appearance : none; -moz-appearance : none;}
/*.select_wrap::after { position:absolute; content:""; width:24px; height:24px; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%23999' stroke-width='1' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E") no-repeat; right:10px; top:50%; transform:translateY(-50%); z-index:2; pointer-events: none; user-select: none; -webkit-user-select: none;}*/
.form_textarea { width:100%; height:9em; padding:0.8em 0.5em; background:#f8f8f8; border:0; margin-bottom:1em;}
.form_input::placeholder, .form_input2::placeholder { color:#999;}
.form_textarea2 { width:100%; height:15em; padding:1.2em; border:1px solid #ddd; margin-top:0.8em;}
.form_textarea2:hover { border-color:#212121;}
.form_textarea::placeholder, .form_textarea2::placeholder { font-size:0.86em; line-height:1.5; font-weight:300; color:#999;}
.form_input:focus::placeholder, .form_input2:focus::placeholder, .form_textarea:focus::placeholder, .form_textarea2:focus::placeholder{ color: transparent;}
input[type="number"]::-webkit-outer-spin-button,
input[type="number"]::-webkit-inner-spin-button {
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}



/* 체크박스 */
.check_wrap { display:inline-block; }
.check_wrap .check_label { display:flex; align-items:center;}
.check_wrap input[type="checkbox"] { display:none;}
.check_wrap .check_label .text { margin-left:10px }
.check_wrap input[type="checkbox"] + label .checkbox  { display:inline-block; width:18px; height:18px; background:url(../images/common/checkbox_off.png) center center no-repeat; background-size:18px 18px;}
.check_wrap input[type="checkbox"]:checked + label .checkbox {background:url(../images/common/checkbox_on.png) center center no-repeat; box-shadow:0 2px 3px rgba(247,68,78,0.4);background-size:18px 18px;}

.radio_wrapper { display:flex; flex-wrap:wrap;}
.radio_wrap { display:flex; justify-content: space-between; padding:0.6% 0;}
.radio_wrapper .radio_wrap:not(:last-child) { margin-right:2em;}
.radio_wrap input[type="radio"] { display:none;}
.radio_wrap label {display:inline-block; position:relative; padding-left:2em;}
.radio_wrap label .radio_input { position:absolute; display:inline-block; width:20px; height:20px; background:#fff; border:1px solid #ccc; border-radius:50%; left:3px; top:50%; transform:translateY(-50%);}
.radio_wrap input[type="radio"]:checked ~ label .radio_input { border:2px solid #40444f;}
.radio_wrap input[type="radio"]:checked ~ label .radio_input::after {position:absolute; content:""; display:inline-block; width:8px; height:8px; background:#40444f; border-radius:50%; left:50%; top:50%; transform:translate(-50%,-50%); }

.radio_wrap2 {}
.radio_wrap2 input[type="radio"] { display:none;}
.radio_wrap2 label { position:relative; display:flex; align-items:flex-start;  padding:1.2em 1.2em; border:1px solid #e6e6e6; border-radius:0.4em;}
.radio_wrap2 label .radio_input { display:inline-block; width:18px; height:18px; border:1px solid #e6e6e6; border-radius:50%; margin-right:12px;}
.radio_wrap2 label .text_wrap .title { display:block; color:#6a6a6a; font-weight:500;}
.radio_wrap2 label .text_wrap .text { display:block; color:#a6a6a6; }
.radio_wrap2 input[type="radio"]:checked ~ label { border-color:#f7444e;}
.radio_wrap2 input[type="radio"]:checked ~ label .radio_input { border:6px solid #f7444e; box-shadow:2px 0 4px rgba(247,68,78,0.4);}
.radio_wrap2 input[type="radio"]:checked ~ label .text_wrap .title { color:#f7444e;}

.radio_wrap3 { display:inline-block; }
.radio_wrap3 .radio_label { display:flex; align-items:center;}
.radio_wrap3 input[type="radio"] { display:none;}
.radio_wrap3 .radio_label .text { margin-left:8px }
.radio_wrap3 input[type="radio"] + label .radio_box  { display:inline-block; width:18px; height:18px; background:url(../images/common/checkbox_off.png) center center no-repeat; background-size:18px 18px;}
.radio_wrap3 input[type="radio"]:checked + label .radio_box {background:url(../images/common/checkbox_on.png) center center no-repeat; box-shadow:0 2px 3px rgba(247,68,78,0.4);background-size:18px 18px;}
.category_wrap .radio_wrap3 { margin-left:12px;}

.check_wrap_right { font-size:0.89em;}
.check_wrap_right a, .check_wrap_right .enquiry_btn { display:inline-block; color:#666; text-decoration:underline; background:transparent; border:0;}

.nice-select { height:40px; line-height:40px; vertical-align:super !important; border-color:#e6e6e6 !important; }

.custom-datepicker { position: relative; }
.datepicker-input {  padding: 5px; width:100%;}
.calendar { position: absolute; top: 100%; left: 0; background: #fff; border: 1px solid #ccc; display: none; padding: 10px;}

/* 파이어폭스에서의 초기화 방법 */
input[type=number] {
    -moz-appearance: textfield;
}

.btn_more01 { display:inline-block; font-size:14px; text-transform:uppercase; color:#0b0c15; font-weight:500; margin-top:1em; }
.btn_more01 svg {width:1.4em; height:1.4em; vertical-align:middle; margin:-0.2em 0 0 0.2em;}
.btn_more02 { display:inline-block; font-size:14px; color:#fff; text-transform:uppercase; letter-spacing:0.05em; font-weight:500; padding:0.6em 1.6em; border:1px solid #fff; transition:0.2s ease;}

.allNav_wrap { position:fixed; max-width:1400px; width:96%; padding:30px 0 2%; background:#fff; left:50%; top:50%; transform:translate(-50%,-50%); opacity:0; visibility: hidden; overflow-y:auto; z-index:120}
.allNav_wrap h1 { font-size:2em; line-height:2em; font-weight:700; text-align:center; margin-bottom:5%;}
.allNav_wrap.open_nav {opacity:1; visibility: visible; z-index:210;}
.allNav_bg {position:fixed; width:100%; height:100%; left:0; top:0; background:rgba(0,0,0,0.8); opacity:0; visibility: hidden; z-index:110;}
.allNav_bg.open_nav {opacity:1; visibility: visible; z-index:209;}

.allNav_wrap .top_nav {position:fixed; display:block; right:20px; top:20px;z-index:5;}
.allNav_wrap .top_nav .btn_nav::before, .allNav_wrap .top_nav .btn_nav::after, .allNav_wrap .top_nav .btn_nav .line::before, .allNav_wrap .top_nav .btn_nav .line::after { background:#222f5b;}
.allNav_wrap .btn_nav { padding:0.4em;}


/* sitemap */
.sitemap_nav { display:flex; flex-wrap:wrap; justify-content: flex-start; font-size:1.15em; line-height:1.8em; margin-bottom:0; }
.sitemap_nav > li { width:17%; margin-bottom:3em;}
.sitemap_nav > li:not(:first-child) { margin-left:3%;}
.sitemap_nav a:hover {text-decoration:underline;}
 /*@media (min-width:1025px) {.sitemap_nav > li:last-child {width:25%;}}*/
.sitemap_nav > li > a { display:block; font-size:1.35em; line-height:2; color:#222; font-weight:500; text-align:center; background:#00b4f4; color:#fff; padding:0.3em 0; margin-bottom:0.8em; }
/*.sitemap_nav > li > a::before {content:""; display:inline-block; width:1.2em; height:0.8em; margin-right:0.5em; background:url("../images/sub/conTitle_icon01.png") left center no-repeat; background-size:contain !important;}*/
.sitemap_sub { margin-top:0.5em; padding-left:0.5em;}
.sitemap_sub li a { color:#444;}
.sitemap_sub > li::before {content:""; margin-right:0.5em; margin-top:-0.2em; display:inline-block; width:0.5em; height:3px; background:#00b4f4; vertical-align:middle; }

.sub2_ul { font-size:0.95em; margin:0.3em 0; padding-left:1em; padding-top:0.3em; padding-bottom:0.3em; background:#f9f9f9; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.sub2_ul > li::before {display:inline-block; content:""; width:4px; height:4px; background:#00b4f4; border-radius:50%; vertical-align:middle; margin-right:5px; margin-top:-0.2em;}

.sub3_ul { font-size:0.95em; margin-top:0.2em; margin-bottom:0.4em; padding-left:1em;}
.sub3_ul > li::before {content:"- "; }

@media (max-width:1024px) {
.mobile_login { display:flex; padding:15px 22px 13px; font-size:1.142857em;}
.mobile_login a:not(:last-child) { margin-right:1em;}
.allNav_wrap, .allNav_bg { display:none;}
.sitemap_nav > li { width:30%;}
}

@media (max-width:620px) {
.sitemap_nav { }
.sitemap_nav > li {width:49%; margin-left:1%; margin-bottom:12%;}
.sitemap_sub { font-size:1.15em; line-height:1.5;}
}

.form_class_wrapper { position:fixed; max-width:800px; width:96%; left:50%; top:50%; transform:translate(-50%,-50%);  border-radius:1.5em; overflow:hidden; z-index:1010;}
.form_class_dl {font-size:1.142857em; line-height:1.5;}
.form_class_dl > dt{ padding:3.5% 5%;}
.form_class_dl > dt { display:flex; justify-content: space-between; align-items: flex-end; background:#2567c8; color:#fff; }
.form_class_dl > dt .title {font-size:1.875em; font-weight:700; }
.form_class_dl > dt .app { font-size:0.875em; opacity:0.4;}

.form_class_dl > dd { background:#fff; max-height:calc(100vh - 100px); }
.form_class01 {padding:4.5% 6.5%;}
.form_class01 > li { display:flex; padding:5px 0;}
.form_class01 > li .title { width:9em; padding:0.8em 0;}
.form_class01 > li .title label { font-weight:500;}
.form_class01 > li .title label strong {color:#f39939;}
.form_class01 > li .text { width:calc(100% - 9em);}

.form_class02 {background:#f8f8fb; padding:4.5% 6.5%;}
.form_class02 dt { margin-bottom:1em}
.form_class02 dt .title { display:block; color:#40444f; font-size:1.125em; font-weight:500; margin-bottom:0.5em;}
.form_class02 dt .title::before { display:inline-block; content:""; width:1.4em; height:1.4em; vertical-align:middle; margin-right:0.4em; background: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' width='24' height='24' stroke='%232ea7e0' stroke-width='3' fill='none' stroke-linecap='round' stroke-linejoin='round' class='css-i6dzq1'%3E%3Cpolyline points='20 6 9 17 4 12'%3E%3C/polyline%3E%3C/svg%3E") center center no-repeat; background-size:contain !important;}
.form_class02 dt .text {display:block; color:#40444f; font-weight:300;}

.form_class03 {background:#fff; padding:4.5% 6.5%;}
.agree_div { font-size:0.875em; color:#888; font-weight:300;  padding:3%; height:8.8em; border:1px solid #e1e2e6;}

.class_period {font-size:1.28571428em; line-height:1.5; font-weight:500;}
.form_class_wrapper .class_period { font-size:1.125em; margin-top:40px;}
.class_period .btn_blue {color:#fff; border:0; background:#2567c8; padding:1em 3em; }

.input_bg { padding:0.8em 1em; background:#f7f7f9; border:2px solid #f7f7f9;}
.input_bg.white_bg { background:#fff; border-color:#fff;}
select.input_bg {height:calc(1.5em + 1.6em);}
.input_bg:focus {border-color:#2567c8;}
.input_bg::placeholder { opacity:.65; font-weight:300;}
.input_full { width:100%;}
.app_phone { width:calc(33.33% - 27px)}
.phone_line { display:inline-block; width:10px; height:1px; background:#888; margin:0 11px; vertical-align:middle;}
#applicant_email02 { display:none;}

.form_class_bg { position:fixed; width:100%; height:100%; background:rgba(0,0,0,0.7); left:0; top:0; z-index:1000;}

@media (max-width:768px) {
.form_class_dl {font-size:1.1em;}
.form_class_dl > dt .title {font-size:1.65em;}
.form_class01 > li .title { width:6em;}
.form_class01 > li .text { width:calc(100% - 6em);}
}
@media (max-width:660px) {
.form_class_dl {font-size:1.05em;}
.form_class_dl > dt .title {font-size:1.5em;}
.form_class01 > li .title { width:5em;}
.form_class01 > li .text { width:calc(100% - 5em);}
}
@media (max-width:520px) {
.form_class01, .form_class02 { padding: 4.5%;}
.form_class_dl {font-size:1.0em;}
.form_class_dl > dt .title {font-size:1.5em;}
.form_class01 > li .title { width:5em;}
.form_class01 > li .text { width:calc(100% - 5em);}
.bd_con03 .bd_dl01 > dd { font-size:1.25em;}
.form_wrap > li.w47 { width:100%; margin-bottom:2%;}
.app_phone {width: calc(33.33% - 14px);     padding: 0.6em 0.6em;}
.phone_line { width: 6px; margin: 0 4px;}
#applicant_email01, #applicant_email02 { width:calc(50% - 1em);}
.radio_wrap label .radio_input { width:18px; height:18px;}
.radio_wrapper .radio_wrap:not(:last-child) { margin-right:1em;}
}
@media (max-width:350px) {
.bd_con03 .bd_dl01 > dd { font-size:1.25em;}
.form_wrap > li.w47 { width:100%; margin-bottom:2%;}
#applicant_email01, #applicant_email02, #selectEmail { width:calc(50% - 1em);}
}

.tab_ul {}

.tab_ul { margin-bottom:3.2%;}
.tab_ul { display:flex;}
.tab_ul li { position:relative; flex:1 1 20%;}
.tab_ul li:not(:first-child)::before { position:absolute; content:""; width:1px; height:100%; background:#fff; left:0; top:50%; transform:translateY(-50%); z-index:2;}
.tab_ul a { display:block; text-align:center; font-size:1.1428em; line-height:1.8; padding:0.8em 1.2em; color:#40444f; text-transform:uppercase; background:#edf1f4;  }
.tab_ul a:hover { background:#e8eef2; color:#222;}
.tab_ul li .on {background:#28a7e1; color:#fff; font-weight:600;}

@media  (max-width: 1280px){

.none1280 {display:none;}
.block1280 {display:block !important;}
.in-block1280 {display:inline-block !important;}
}

@media  (max-width: 1024px){
.none1024 {display:none !important;}
.block1024 {display:block !important;}
.in-block1024 {display:inline-block !important;}
}

@media  (max-width: 768px){
.none768 {display:none !important;}
.block768 {display:block !important;}
.in-block768 {display:inline-block !important;}
}

@media  (max-width: 560px){
.none560 {display:none !important;}
.block560 {display:block !important;}
.in-block560 {display:inline-block !important;}
}

@media  (max-width: 480px){
.none480 {display:none !important;}
.block480 {display:block !important;}
.in-block480 {display:inline-block !important;}
}


@media  (max-width: 380px){
.none380 {display:none;}
.block380 {display:block;}
.in-block380 {display:inline-block;}
}

.enquiry_more { display:none;}

.btn_wrap01 { text-align:center; margin:3em 0;}
.btn_wrap01 button, .btn_wrap01 a, .btn_wrap01 input { display:inline-block; width:100%; font-size:1.2857em; font-weight:600; line-height:2.8em; border-radius:0.6em; color:#fff; background:#ed1b23; text-align:center; box-shadow:0 2px 3px rgba(247,68,78,0.4); border: none}
.btn_wrap02 { display:flex; justify-content: space-between; margin-top:30px;}
.btn_wrap02 button, .btn_wrap02 a { display:inline-block; font-size:1.2em; line-height:3.4em; border-radius:0.6em; text-align:center;}
.btn_cancel { color:#8592a3; background:#ebeef0; }
.btn_wrap02 .btn_cancel { width:100%; /*width:calc(44% - 4px);*/ }
.btn_wrap02 .btn_complete { width:calc(56% - 4px); color:#fff; background:#ed1b23; box-shadow:0 2px 3px rgba(247,68,78,0.4);}
.btn_wrap03 { display:flex; justify-content: flex-end; margin-top:1em;}
.btn_wrap03 a, .btn_wrap03 button { display:inline-block; min-width:6em;text-align:center; font-weight:600; padding:0.6em 1em; border-radius:0.8em;}
.btn_book {background:#f7444e; color:#fff; margin-left:0.5em;box-shadow:0 2px 3px rgba(247,68,78,0.4); border:0;}
.btn_apply { max-width:460px;}

.blocker { z-index:100 !important;}