@charset "utf-8";
@import url('reset.css');
.clr:before,
.clr:after { content: ' '; display: block; }
.clr:after { clear: both; }
.hidden { position: absolute; width: 0; height: 0; font-size: 0; line-height: 0; overflow: hidden; visibility: hidden; }
.hidden2 { opacity: 0; }
.imgbox > img,
.imgbox > a > img { display: block; width: 100%; }
.wrap > img,
.wrap > a > img { display: block; }
.br { display: block; }
body { font-size: 18px; color: #000; font-family: '맑은 고딕', dotum; }
a { color: inherit; text-decoration: none; }
a:hover { text-decoration: underline; }
::-webkit-input-placeholder { color: #cbcbcb !important; opacity: 1 !important; letter-spacing: -0.1em; }
::-moz-placeholder { color: #cbcbcb !important; opacity: 1 !important; letter-spacing: -0.1em; }
:-ms-input-placeholder { color: #cbcbcb !important; opacity: 1 !important; letter-spacing: -0.1em; }
:-moz-placeholder { color: #cbcbcb !important; opacity: 1 !important; letter-spacing: -0.1em; }
.placeholder { color: #cbcbcb !important; opacity: 1 !important; letter-spacing: -0.1em; }

/* layout */
.wrapper { position: relative; max-width: 1000px; margin: 0 auto; }
.wrap { width: 760px; margin: 0 auto; }
.header { position: relative; }
.header .link-1 { position: absolute; top: 0; right: 0; width: 60%; height: 100%; cursor: pointer; text-indent: -99999px; background: url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7); }

/* 신청폼 */
.dbform { z-index: 1; font-size: 32px; letter-spacing: -0.1em; }
.dbform .form { background: url(../imgs/form_bg.jpg) no-repeat 50% 0; background-size: cover; box-sizing: border-box; }
.dbform .form-title {/* padding: 1.5em 0; */text-align: center; font-size: 1.5em; font-weight: bold; }
.dbform .form-title img { display: block; width: 100%; }
.dbform .form-notice { padding-bottom: 20px; }
.dbform .form-notice img { display: block; width: 100%; max-width: 519px; margin: 0 auto; }

/* 입력폼 */
.dbform .text,
.dbform .textarea,
.dbform .select { width: 100%; padding: 5px 10px; border: 2px solid #000; background: #fff; background-image: none !important; height: 90px; box-sizing: border-box; }
.dbform .textarea { height: 72px; resize: none; }
.dbform .select { padding: 0; background-color: transparent; }

/* 폼 그룹 */
.dbform .item-box { width: 95%; max-width: 900px; margin: 0 auto; }
.dbform .item-list { }
.dbform .item-row:before,
.dbform .item-row:after { content: ''; display: block; }
.dbform .item-row:after { clear: both; }
.dbform .item-row { position: relative; margin-bottom: 14px; }
.dbform .item-row:last-child { margin-bottom: 0; }
.dbform .item-row .item-row { margin-bottom: 0; }
.dbform .item-col { float: left; width: 50%; padding: 0 7px; box-sizing: border-box; }
.dbform .item-col:first-child { padding-left: 0; }
.dbform .item-col:last-child { padding-right: 0; }
.dbform .item-col-1 { width: 263px; }
.dbform .item-col-2 { width: 177px; }
.dbform .item-col-3 { width: 386px; margin-left: 43px; }
.dbform .item-col-agree { width: 490px; padding-left: 50px; padding-top: 30px; font-weight: bold; }
.dbform .item-col-submit { width: 379px; padding-top: 24px; text-align: right; }
.dbform .label,
.dbform .field { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.dbform .label { display: block; font-weight: bold; position: absolute; top: 11px; }
.dbform .field {/* margin-left: 110px; */ }
.dbform .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; }
.dbform .dash { display: inline-block; width: 8%; text-align: center; }

/* 폼하단,처리 */
.dbform .agree { padding-top: 25px; padding-bottom: 25px; text-align: center; color: #fff; }
.dbform .agree:after { content: ''; display: table; clear: both; }
.dbform .agree-label { font-size: 0.8em; line-height: 1; }
.dbform .agree-label input { width: 18px; height: 18px; margin: 0 5px 0 0; vertical-align: middle; }
.dbform .agree-label span { vertical-align: middle; }
.dbform .agree-notice { margin: 5px 0 0; font-size: 15px; }
.dbform .privacy-link { margin-left: 5px; padding: 1px 5px; background: #bfbfbf; color: #fff; font-weight: normal; font-size: 0.7em; text-decoration: none; }
.dbform .submit {/* padding-bottom: 40px; */ }
.dbform .submit-btn { display: block; width: 100%;/* max-width: 505px; */ height: 110px; margin: 0 auto; cursor: pointer; border-radius: 25px; background: #00bcc3; color: #fff; font-size: 1.7em;/* font-weight: bold; */ letter-spacing: -0.05em; }

/* 폼 커스텀 */
.radio-field {/* padding-top: 10px; */ }
.radio-field:after { content: ''; display: table; clear: both; }
.radio-field label { float: left; width: 49%; cursor: pointer; }
.radio-field label:first-child { margin-right: 1%; }
.radio-field label:last-child { margin-left: 1%; }
.radio-field input { position: absolute; opacity: 0; width: 0; height: 0; }
.radio-field label span { display: block; line-height: 86px; text-align: center; border: 2px solid #000; background: #fff; color: #aeaeae; box-sizing: border-box; }
.radio-field input:checked + span { border-color: #000; background: #00bcc3; color: #fff; }
.tel-field:after { content: ''; display: block; clear: both; }
.tel-field .text,
.tel-field .select { float: left; width: 30%; margin-right: 5%; }
.tel-field .text:last-child,
.tel-field .select:last-child { margin-right: 0; }
.tels { border: 2px solid #000; background: #fff; background-image: none !important; height: 52px; box-sizing: border-box; }
.tels:after { content: ''; display: block; clear: both; }
.tels > select { float: left; width: 30%; height: 100%; padding: 5px; margin-right: 3%; border: 0 none; box-sizing: border-box; }
.tels > input { float: left; width: 67%; height: 100%; padding: 5px; border: 0 none; box-sizing: border-box; }

/* popup */
.popup { position: relative; font-size: 13px; color: #555; }
.popup h1 { margin-top: 0; padding: 10px; background: #333; color: #fff; font-size: 18px; font-weight: bold; }
.popup h2 { font-size: 14px; margin: 25px 15px 15px; }
.popup p { margin: 0; }
.popup .close-popup { position: absolute; top: 5px; right: 5px; }
.popup .close-popup a { display: inline-block; width: 30px; height: 30px; background: url(../imgs/close-popup.png) no-repeat; text-indent: -99999px; overflow: hidden; }
.popup .pre { font-family: "돋움", dotum, verdana; display: inline-block; width: 94%; padding: 1% 2%; word-wrap: break-word; word-break: break-all; line-height: 1.6; white-space: pre-wrap; text-align: left; }
.popup .pre .p5 { padding-top: 10px; }
.popup .no-pre { font-family: "돋움", dotum, verdana; display: block; width: 100%; margin: 0; padding: 5% 20px; line-height: 1.6; letter-spacing: -0.07em; box-sizing: border-box; word-wrap: break-word; word-break: break-all; }
.no-pre dl { margin-top: 10px; margin-bottom: 10px; }
.no-pre dd { padding-left: 10px; margin-bottom: 10px; }
.no-pre dt { margin-bottom: 10px; font-weight: bold; }
.no-pre ul { margin-top: 5px; margin-bottom: 10px; }
.no-pre li { padding-left: 15px; margin-bottom: 10px; }
.no-pre table { border-collapse: collapse; margin-top: 10px; margin-bottom: 20px; }
.no-pre table th { padding: 5px; background: #ddd; border: 1px solid #ccc; }
.no-pre table td { padding: 5px; border: 1px solid #ccc; }
.no-pre .old-link { display: block; text-align: center; }
.no-pre .old-link a { display: inline-block; padding: 10px; border: 1px solid #ccc; background: #f3f3f3; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; text-decoration: none; color: #000; }

/* responsive */
@media (max-width:767px) {
    .dbform { font-size: 18px; }
    .dbform .text,
    .dbform .textarea,
    .dbform .select { height: 60px; padding: 5px; }
    .dbform .item-row { margin-bottom: 4px; }
    .dbform .item-col { padding: 0 2px; }
    .dbform .field {/* margin-left: 95px; */ }
    .dbform .agree { padding-top: 15px; padding-bottom: 15px; }
    .dbform .submit-btn { height: 60px; border-radius: 12px; }
    .radio-field label span { line-height: 56px; }
}