@charset "utf-8";
@import url('reset.css');

/* 기본 */
body { color: #3c3c3c; font-size: 13px; font-family: '맑은 고딕'; }
a { color: inherit; text-decoration: none; }
a:hover,
a:focus { color: #5db38e; }

/**
 * 공통
 */
.hidden { position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; }
.un-hidden { position: static; width: auto; height: auto; font-size: medium; line-height: normal; overflow: visible; visibility: visible; }
.clr:before,
.clr:after { content: ''; display: table; }
.clr:after { clear: both; }
::-webkit-input-placeholder { color: #ccc6c8; }
::-moz-placeholder { color: #ccc6c8; }
:-ms-input-placeholder { color: #ccc6c8 !important; }
:-moz-placeholder { color: #ccc6c8; }
.placeholder { color: #ccc6c8 !important; }
.skip-content { position: absolute; left: 0; right: 0; top: -100px; padding: 15px 30px; background: #000; text-align: center; }
.skip-content:focus { z-index: 100000; top: 0; color: #fff; }
.wrap { width: 1200px; margin: 0 auto; }

/* header */
.header { position: fixed; left: 0; top: 0; right: 0; height: 77px; border-top: 2px solid #fa2828; border-bottom: 1px solid #ddd; background: #fff; }
.header > .wrap { position: relative; }
.logo { display: inline-block; margin-top: 27px; margin-left: 15px; }

/* GNB */
.gnb { position: absolute; right: 0; top: 34px; min-width: 600px; white-space: nowrap; }
.gnb-depth1:before,
.gnb-depth1:after { content: ''; display: table; }
.gnb-depth1:after { clear: both; }
.gnb-depth1 { }
.gnb-depth1 a { float: left; margin-left: 39px; white-space: nowrap; overflow: hidden; }
.gnb-depth1 a > span { display: inline-block; text-indent: -99999px; }
.gnb-depth1 a:before { content: ''; display: inline-block; height: 13px; background: url(../imgs/gnb.png) no-repeat; }
.gnb-depth1 .item-1 a:before { width: 47px; background-position: 0 0; }
.gnb-depth1 .item-2 a:before { width: 57px; background-position: -86px 0; }
.gnb-depth1 .item-3 a:before { width: 68px; background-position: -183px 0; }
.gnb-depth1 .item-4 a:before { width: 53px; background-position: -291px 0; }
.gnb-depth1 .item-5 a:before { width: 33px; background-position: -382px 0; }
.gnb-depth1 .item-6 a:before { width: 78px; background-position: -454px 0; }
.gnb-depth1 a:hover,
.gnb-depth1 a.is-active { }
.gnb-depth1 .item-1 a:hover:before,
.gnb-depth1 .item-1 a.is-active:before { background-position: 0 -30px; }
.gnb-depth1 .item-2 a:hover:before,
.gnb-depth1 .item-2 a.is-active:before { background-position: -86px -30px; }
.gnb-depth1 .item-3 a:hover:before,
.gnb-depth1 .item-3 a.is-active:before { background-position: -183px -30px; }
.gnb-depth1 .item-4 a:hover:before,
.gnb-depth1 .item-4 a.is-active:before { background-position: -291px -30px; }
.gnb-depth1 .item-5 a:hover:before,
.gnb-depth1 .item-5 a.is-active:before { background-position: -382px -30px; }
.gnb-depth1 .item-6 a:hover:before,
.gnb-depth1 .item-6 a.is-active:before { background-position: -454px -30px; }

/* CONTAINER */
.container { padding-top: 80px; }
[class*="section-"] { min-width: 1200px; }
.section-1 { background: url(../imgs/section_1_bg.jpg) no-repeat 50% 50%; background-size: cover; }
.section-2 { background: #fff; }
.section-3 { background: #f3f3f3; }
.section-4 { background: #fff; }
.section-5 { background: #f3f3f3; }
.section-6 { background: url(../imgs/section_6_bg.jpg) no-repeat 50% 50%; background-size: cover; }
.contact { border-top: 1px solid #7b7b7b; font-size: 0; line-height: 0; text-align: center; }
.imgbox img { display: block; }

/* 푸터 */
.footer { background: #222; }
.footer > .wrap { padding: 30px 0; text-align: center; color: #ddd; font-size: 14px; }
.footer .copy { padding-top: 20px; color: #777; font-size: 12px; }

/* 신청폼 */
.dbform { width: 820px; margin: 0 auto; }
.item-cols--agree { margin-top: 50px; }

/* 입력폼 */
.text,
.textarea { width: 100%; padding: 10px 5px; border: 0 none; background: #fff; background-image: none !important; height: 38px; box-sizing: border-box; }
.textarea { height: 96px; resize: none; }
.select { width: 100%; height: 38px; padding: 10px 5px; border: 0 none; background: #fff; }

/* 폼 그룹 */
.item-list { letter-spacing: -0.07em; }
.item-cols:before,
.item-cols:after { content: ''; display: block; }
.item-cols:after { clear: both; }
.item-cols { position: relative; margin-bottom: 20px; }
.item-cols .item-cols { margin-bottom: 0; }
[class*="item-col-"] { float: left; box-sizing: border-box; }
.item-col-1 { width: 46%; }
.item-col-2 { width: 51%; float: right; }
.label,
.field { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.label { position: absolute; width: 120px;/* padding-right: 15px; */ text-align: right; font-weight: bold; height: 38px; color: #414141; letter-spacing: -0.1em; background-position: 50% 50%; background-repeat: no-repeat; text-indent: 99999px; white-space: nowrap; display: inline-block; overflow: hidden; border: 0 solid #7b7b7b; border-width: 1px 0; box-sizing: border-box; }
.field { margin-left: 130px; padding-right: 30px; vertical-align: top; }
.field-desc { display: inline-block; margin-top: 3px; margin-left: 5px; margin-bottom: 0; color: #fff; vertical-align: top; line-height: 1.5em; font-size: 11px; }
.dash { display: inline-block; width: 8%; text-align: center; }
.label-1 { background-image: url(../imgs/label_1.png); }
.label-2 { background-image: url(../imgs/label_2.png); }
.label-3 { background-image: url(../imgs/label_3.png); }
.label-4 { background-image: url(../imgs/label_4.png); }
.label-5 { height: 96px; background-image: url(../imgs/label_5.png); }
.label-6 { height: 96px; background-image: url(../imgs/label_6.png); }

/* 폼하단,처리 */
.submit-area {/* padding-left: 140px; *//* padding-right: 30px; */text-align: center; }
.submit-area:before,
.submit-area:after { content: ''; display: block; }
.submit-area:after { clear: both; }
.agree { color: #fff; font-size: 16px; white-space: nowrap; }
.agree .agree-label { display: inline-block;/* margin-right: 10px; */ vertical-align: middle; }
.agree .agree-label input { vertical-align: middle; width: 16px; height: 16px; }
.agree .agree-label span { display: inline-block; vertical-align: middle; }
.agree .privacy-link { display: inline-block; background: #484848; padding: 2px 10px; color: #fff; text-decoration: none; border-radius: 4px; font-size: 18px; vertical-align: middle; }
.submit { padding: 50px 0; }
.submit .submit-btn { width: 100%; max-width: 420px; }

/* 폼 커스텀 */
.tels:after { content: ''; display: block; clear: both; }
.tels .text,
.tels .select { float: left; width: 30%; margin-left: 5%; }
.tels .text:first-child,
.tels .select:first-child { margin-left: 0; }
.tels i { float: left; width: 5%; text-align: center; font-size: 20px; height: 50px; line-height: 42px; }
.time .text { width: 70%; }
.radio-field { padding-top: 10px; padding-bottom: 10px; }
.radio-field label { white-space: nowrap; margin-right: 5px; }
.radio-field input[type=radio] { vertical-align: middle; width: 16px; height: 16px; }
.name-field { padding-right: 0 !important; }
.time-field { position: relative; }
.time-field:after { content: '시'; position: absolute; right: 0; top: 0; color: #bbb; padding: 10px; }
.pre-wrap { box-sizing: border-box; display: block; width: 100%; height: 96px; padding: 10px; background: #fff; overflow: auto; font-size: 13px; line-height: 1.5; }
.pre-wrap .pre { word-wrap: break-word; word-break: break-all; white-space: pre-line; text-align: left; }
@media (max-width:1599px) {
    .section-1 { background-position: 0 50%; }
    .section-6 { background-position: 0 50%; }
}

/* error */
.msg_sound_only,
.sound_only { display: inline-block !important; position: absolute; margin: 0 !important; padding: 0 !important; font-size: 0; line-height: 0; border: 0 !important; overflow: hidden !important; }