@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; }
.wrap > img,
.wrap > a > img { display: block; }
.br { display: block; }
body { font-size: 16px; 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; }
::-moz-placeholder { color: #cbcbcb !important; opacity: 1 !important; }
:-ms-input-placeholder { color: #cbcbcb !important; opacity: 1 !important; }
:-moz-placeholder { color: #cbcbcb !important; opacity: 1 !important; }
.placeholder { color: #cbcbcb !important; opacity: 1 !important; }

/* layout */
.wrapper { position: relative; width: 1600px; margin: 0 auto; }
.wrap { width: 1200px; margin: 0 auto; }
.co1 .dbform { }
.co4 .dbform { top: 126px; left: 997px; }
.co-form { position: relative; }

/* 신청폼 */
.dbform { position: absolute; top: 78px; left: 1080px; width: 403px; z-index: 1; font-size: 20px; letter-spacing: -0.1em; }
.dbform .form { min-height: 330px; border: 3px solid #2f81ed; background: #fff; box-sizing: border-box; }
.dbform .form-title img { display: block; width: 100%; }
.dbform .form-notice { padding-top: 5px; }
.dbform .form-notice img { display: block; width: 100%; }

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

/* 폼 그룹 */
.dbform .item-box { padding: 0 40px; }
.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: 35px; }
.dbform .item-row:last-child { margin-bottom: 0; }
.dbform .item-col { float: left; box-sizing: border-box; }
.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; }
.dbform .field {/* margin-top: 5px; */ }
.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; }
.dbform .agree:after { content: ''; display: table; clear: both; }
.dbform .agree-label { float: left; 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 { float: right; padding: 1px 5px; background: #bfbfbf; color: #fff; font-weight: normal; font-size: 0.7em; text-decoration: none; }
.dbform .submit { padding-bottom: 35px; }
.dbform .submit-btn {width: 100%; cursor: pointer; border-radius: 100px; background: #2f81ed; color: #fff;font-size: 1.3em; letter-spacing: -0.1em;padding:10px 60px;text-align:center;}

/* 폼 커스텀 */
.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: 40px; text-align: center; border: 2px solid #bfbfbf; background: #fff; color: #aeaeae; }
.radio-field input:checked + span { border-color: #2155bf; background: #2155bf; 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 { background: #fff; background-image: none !important; height: 55px; box-sizing: border-box; border-radius: 10px; }
.tels:after { content: ''; display: block; clear: both; }
.tels > select { float: left; width: 32%; height: 100%; padding: 5px; margin-right: 3%; border: 0 none; border-bottom: 2px solid #000; box-sizing: border-box; }
.tels > input { float: left; width: 65%; height: 100%; padding: 5px; border: 0 none; border-bottom: 2px solid #000; 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; }

/* pc modify 191206 & responsive */
.imgbox > img,
.imgbox > a > img { width: 100%; }
.wrapper { width: auto; min-width: 1200px; max-width: 1600px; }
.dbform.dbform{ width: 407px; }
@media (max-width:1600px) {
    .dbform.dbform { top: 4.7vw; width: 24vw; font-size: 1.2vw; left: auto; right: 7.5vw; }
    .dbform .form-notice { padding-top: 3px; }
    .dbform .text,
    .dbform .textarea,
    .dbform .select { height: 2.7vw; }
    .tels > select { padding: 0; }
    .dbform .item-box { padding: 0 2vw; }
    .dbform .item-row { margin-bottom: 2vw; }
    .dbform .agree { padding: 1.5vw 0; }
    .dbform .submit-btn { height: 3.2vw; }
    .radio-field label span { line-height: 2.5vw; }
    .tels { height: 2.7vw; }
}
@media (max-width:1200px) {
    .dbform.dbform { top: 56px; width: 287px; font-size: 14px; right: 90px; }
    .dbform .text,
    .dbform .textarea,
    .dbform .select { height: 33px; }
    .dbform .item-box { padding: 0 20px; }
    .dbform .item-row { margin-bottom: 24px; }
    .dbform .agree { padding: 18px 0; }
    .dbform .submit-btn { height: 38px; }
    .radio-field label span { line-height: 30px; }
    .tels { height: 27px; }
}