@charset "utf-8";

/* 초기화 */
html {overflow-y:auto}
body {margin:0;padding:0;font-size:0.75em;font-family:'Chakra Petch','Welcome' sans-serif;background-color: #040B1A;}
html, h1, h2, h3, h4, h5, h6, form, fieldset, img {margin:0;padding:0;border:0}
h1, h2, h3, h4, h5, h6, a, span, div, p{font-size:1em;font-family:'Chakra Petch', 'Welcome',sans-serif;font-weight:400;word-break:keep-all}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}

ul, dl,dt,dd {margin:0;padding:0;list-style:none;font-size:1em;font-family:'Chakra Petch', 'Welcome',sans-serif;font-weight:400}
legend {position:absolute;margin:0;padding:0;font-size:0;line-height:0;text-indent:-9999em;overflow:hidden}
label, input, button, select, img {vertical-align:middle;font-size:1em}
input, button {margin:0;padding:0;font-family:'Chakra Petch', 'Welcome', sans-serif;font-size:1em}
input[type="submit"] {cursor:pointer}
button {cursor:pointer}

textarea, select {font-family:'Chakra Petch', 'Welcome', sans-serif;font-size:1em}
select {margin:0}
p {margin:0;padding:0;word-break:keep-all}
hr {display:none}
pre {overflow-x:scroll;font-size:1.1em}
a {color:#000;text-decoration:none}

*, :after, :before {
  -webkit-box-sizing:border-box;
  -moz-box-sizing:border-box;
  box-sizing:border-box;
}

input[type=text],input[type=password], textarea {
-webkit-transition:all 0.30s ease-in-out;
-moz-transition:all 0.30s ease-in-out;
-ms-transition:all 0.30s ease-in-out;
-o-transition:all 0.30s ease-in-out;
outline:none;
}

input[type=text]:focus,input[type=password]:focus, textarea:focus,select:focus {
-webkit-box-shadow:0 0 5px #9ed4ff;
-moz-box-shadow:0 0 5px #9ed4ff;
box-shadow:0 0 5px #9ed4ff;
border:1px solid #558ab7 !important;
}

.placeholdersjs {color:#aaa !important}


/* global 211230 */
section > .inner > .tit{text-align:center;}
section > .inner > .tit h2{font-size:60px;color:#fff;font-weight:600;line-height:1.2}
section > .inner > .tit h3{font-size:20px;color:#fff;margin-top:20px;margin-bottom:40px;line-height:1.2}
section > .inner > .tit .line{margin-top:-15px}

/* checkbox custom 211230 */
.checkbox-wrap {cursor: pointer; }
.checkbox-wrap .check-icon  { display: inline-block; width: 15px; height: 14px; background: url('/img/checkbox.svg') left center no-repeat; vertical-align: middle; transition-duration: .3s; }
.checkbox-wrap input[type=checkbox] { display: none; }
.checkbox-wrap input[type=checkbox]:checked + .check-icon { background-image: url('/img/checkbox_checked.svg'); }

/* radio custom 211230 */
.radio-wrap {cursor: pointer; width: 26px !important;}
.radio-wrap .check-icon  { display: inline-block; width: 20px; height: 20px; background: url('/img/ico_radio.svg') left center no-repeat; vertical-align: middle; transition-duration: .3s; }
.radio-wrap input[type=radio] { display: none; }
.radio-wrap input[type=radio]:checked + .check-icon { background-image: url('/img/ico_radio_checked.svg'); }

#hd {position:absolute;width:100%;z-index:100}
#hd > .inner{display:flex;padding:10px 20px;align-items:center;justify-content: space-between;
width: 100%;}

#hd #logo {width:180px;;}
#hd #logo a{width:85px;display:block;}
#hd #logo img{width:100%;height:auto}
#hd .logo2{width:180px;}
#hd .logo2 img{width:100%;height:auto}
.color2 {color:#FFECCB !important}
.color3 {color:#E6C997 !important}

.btn_wrap{margin-top:50px;}
.btn_wrap .btn{display:block;width:441px;height:74px;background:url('/img/intro/bg_btn.png') no-repeat center;background-size:cover;text-align:center;margin:0 auto;padding:26px 108px;font-weight:500;font-size:22px;color:#000;line-height:1}

#gnb{}
#gnb ul {display:flex;align-items:center;justify-content: space-between;}
#gnb ul li{margin:0 30px}
#gnb ul li a{font-size:22px;font-weight:600;color:#fff}

#main {width:100%;position:relative;min-height:calc(100vh - 263px)}

#main.apply {background:url('/img/bg_join.jpg') no-repeat center;overflow:hidden;background-size:cover;padding:150px 0;}
#main.quiz {background:url('/img/bg_quiz.jpg') no-repeat center;overflow:hidden;background-size:cover}


#ft {background-color:#040B1A}
#ft > .inner {padding:70px 30px 100px;;width:100%;max-width:1400px;text-align:center;margin:0 auto}
#ft .add {color:#ccc;font-size:16px;}
#ft .add.address2 {margin-top:4px;}
#ft .add span{display:inline-block;}
#ft .add span:before{content:'|';margin:0 10px;vertical-align:middle;font-size:12px;color:#ccc;width:1px;position:relative;top:-1px;opacity:.5}
#ft .add span:first-of-type:before{display:none}
#ft .copy {color:#82858D;font-size:14px;margin-top:20px;}

#main.quiz > .inner{width:100%;max-width:1200px;margin:0 auto;padding:120px 0;text-align:center;position:relative;z-index:1;min-height: calc(100vh - 260px);}
#main.apply > .inner{width:100%;max-width:1200px;margin:0 auto;padding:0 0;text-align:center;position:relative;z-index:1;min-height: calc(100vh - 560px);}

/* #join_box {position:absolute;top:50%;left:50%;transform: translate(-50%, -50%);} */
#join_box > .inner > .tit{text-align:center;}
#join_box > .inner > .tit h2{font-size:34px;color:#000;font-weight:600;line-height:1.2}
#join_box > .inner > .tit h3{font-size:20px;color:#666;margin:20px 0;line-height:1.2;}
#join_box > .inner > .tit:after {content:'';background:url('/img/arrow_2.png') no-repeat center;width:28px;height:24px;margin:40px auto;display:block;}
#join_box > .inner > .tit .line{margin-top:-15px}

#join_box {background-color:#EDE6DD;padding:10px;border-radius:20px;max-width:687px;margin:0 auto}
#join_box > .inner{padding:90px;border-radius:20px;border:1px solid #B1B1B1}

.apply_btn_wrap {margin-top:50px;}
.apply_btn_wrap .apply_btn {text-align:center;background:#4A5366;border-radius:30px;display:inline-block;}
.apply_btn_wrap .apply_btn.disable button{background:#666;cursor:unset}
.apply_btn_wrap .apply_btn a{line-height:1;font-size:20px;color:#fff;padding:14px 50px;display:inline-block;min-width:200px;position:relative}
.apply_btn_wrap .apply_btn a .bullet{position:absolute;display:inline-block;vertical-align:middle;width:29px;height:29px;background:url(/img/btn_bullet.svg) no-repeat center;left:10px;top:50%;transform:translateY(-50%)}
.apply_btn_wrap .apply_btn a.bigger {padding: 14px 100px;}
.apply_btn_wrap .apply_btn button{line-height:1;font-size:20px;color:#fff;padding:14px 50px;display:inline-block;min-width:200px;position:relative;background:#4A5366;border-radius:30px;outline: none;border: none;}
.apply_btn_wrap .apply_btn button .bullet{position:absolute;display:inline-block;vertical-align:middle;width:29px;height:29px;background:url(/img/btn_bullet.svg) no-repeat center;left:10px;top:50%;transform:translateY(-50%)}
.apply_btn_wrap .apply_btn.brown {background: #392F1F;}
.apply_btn_wrap.mt_8{margin-top:8px !important;}

/* 약관 팝업 */
#pop {position:fixed;width:100%;height:100%;background-color:rgba(0, 0, 0, .85);top:0;left:0;z-index:2000;overflow-y:auto;display:none;}
#pop.on {display:block;}
#pop > .btn_close{ float: right; top: 20px; right: 24px; position: absolute;}
#pop > .btn_close img{ width: 30px;}
#pop > .inner {max-width: 760px !important;width: 100% !important;margin: 0 auto !important;}
#pop > .inner > .rule_div {padding-top: 140px;margin-bottom: 60px;line-height: 1.3;}
#pop > .inner > .rule_div > .tit {font-size: 36px;color: #E6C997;text-align:left;border-bottom: 2px solid #E6C997;padding-bottom: 14px;}
#pop > .inner > .rule_div > .content {padding: 20px 0 !important;font-size: 14px !important;color: #eee !important;text-align:left !important;}

#gnb_1dul .gnb_1dli{position:relative}
#gnb_1dul .gnb_1dli.active:after{content:'';width:230px;height:14px;background:url(/img/main/tit_line2.png) no-repeat center;display:block;position:absolute;bottom:-24px;left:50%;transform:translateX(-50%);overflow:visible}

/* 우편번호 */
.modal-address { display: none; position: fixed; z-index: 20000; left: 25%; width: 50%; padding: 20px; border: 1px solid #333; background-color: white; border-radius: 20px; }
.popup-wrap { border: 1px solid #333; }

.desc *{word-break:keep-all}

.mobile,
.m_br{display:none}