@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; }

.imgbox > img,
.imgbox > a > img { display: block; width: 100%; }
a:link,
a:visited { text-decoration: none; color: inherit; }
a:active,
a:hover { text-decoration: underline; }
body {padding: 0 !important;font-size: 24px;color: #000;font-family: '맑은 고딕', '나눔고딕', dotum !important;}
::-webkit-input-placeholder { color: #000 !important; }
::-moz-placeholder { color: #000 !important; opacity: 1 !important; }
:-ms-input-placeholder { color: #000 !important; }
:-moz-placeholder { color: #000 !important; opacity: 1 !important; }
::placeholder { color: #000 !important; opacity: 1 !important; }
.placeholder { color: #000 !important; }

/*layout */
.wrapper { position: relative; max-width: 1000px; margin: 0 auto; }
.fullimg { position: relative; overflow: hidden; }
.fullimg img { display: block; position: relative; left: 50%; margin-left: -960px; }

.mB15{margin-bottom:35px;}
@media (min-width:1024px) {
    .fullimg img { left: 0; margin-left: -10%; width: 120%; }
	
}




/* content */
.footer { padding: 30px 10px; margin-bottom:80px;background: #333333;  color: #383838; text-align: center; letter-spacing: -0.075em; line-height: 1.7; color:white;font-size:12pt;}
.footer > .inner { padding-bottom: 10px; }
.footer .logo { max-width: 81px; display: inline-block; margin: 0 15px 10px; }
.footer .copy { display: inline-block; }

/* divForm */
#dbresult { display: block; width: 0; height: 0; }
.divForm {/* padding-bottom: 2%; */}
.divForm .form {width: 92%;max-width: 752px;margin: 0 auto;}
.divForm .form-title { z-index: 2; position: relative; }
.divForm .form-title img { }
.divForm-2{
    background: #7ea4e3;
}
.divForm-3{
    background: #b71819;
}

/* 입력폼 */
.divForm .text,
.divForm .select,
.divForm .textarea {width: 100%;padding: 5px;border: 0 none;background:rgb(234,234,234);background-image: none !important;height: 36px;font-size: 0.9em;box-sizing: border-box;border:1px solid rgb(234,234,234)}
.divForm .textarea { height: 66px; resize: none; }
.divForm .select { padding: 0; }

/* 폼 그룹 */
.divForm .form-notice { position: absolute; }
.divForm .form-notice-m { display: none; }
.divForm .form-notice-m img { display: block; width: 100%; max-width: 600px; margin: 0 auto; }
.divForm .item-list {max-width: 620px;margin: 0 auto;box-sizing: border-box;}
.divForm .item-row:before,
.divForm .item-row:after { content: ''; display: block; }
.divForm .item-row:after { clear: both; }
.divForm .item-row {position: relative;margin-bottom: 13px;}
.divForm .item-row:last-child { margin-bottom: 0; }
.divForm .item-row .item-row { margin-bottom: 0; }
.divForm [class*="item-col-"] { float: left; }
.divForm .item-col-1 { width: 40%; }
.divForm .item-col-2 { width: 55%; padding-left: 5%; }
.divForm .label,
.divForm .field { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
.divForm .label {position: absolute;top: 0;line-height: 36px;white-space: nowrap;/* font-weight: bold; */text-align: left;}
.divForm .field { vertical-align: top; margin-left: 160px; }
.divForm .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; }
.divForm .dash { display: inline-block; width: 8%; text-align: center; }

/* 폼하단,처리 */
.divForm .agree { padding-top: 35px; text-align: center; letter-spacing: -0.1em; font-size: 0.8em; }
.divForm .agree > div { padding-bottom: 10px; }
.divForm .agree input[type=checkbox] { width: 24px; height: 24px; margin: 0 5px 0 0; vertical-align: bottom; }
.divForm .agree .privacy-link { margin-left: 10px; color: inherit; text-decoration: none; }
.divForm .submit { padding: 35px 0; }
.divForm .submit-btn {display: block;width: 100%;max-width: 745px;margin: 0 auto;border: 0 none;cursor: pointer;}
.divForm .submit-btn img { display: block; margin: 0 auto; }
.divForm .submit-btn .submit-1 { }
.divForm .submit-btn .submit-2 { }
.divForm .notice { padding-bottom: 20px; color: #fff339;/* font-size: 0.8em; */ font-weight: bold; letter-spacing: -0.1em; text-align: center; line-height: 1.7; }

/* 폼 커스텀 */
.divForm .email-field input { float: left; width: 30%; }
.divForm .email-field .at { float: left; width: 10%; text-align: center; line-height: 30px; }
.divForm .email-field .at:before { content: '@'; }
.divForm .email-field select { float: left; width: 28%; margin-left: 2%; }
.tels:after { content: ''; display: block; clear: both; }
.tels .text,
.tels .select { float: left; width: 30%;/* margin-right: 2%; */ }
.tels .text:last-child,
.tels .select:last-child { margin-right: 0; }
.tels i { float: left; width: 5%; text-align: center; font-size: 2em; font-style: normal; line-height: 35px; color: #c9c9c9; }
.tels i:before { content: '-'; }
.tels2:after { content: ''; display: block; clear: both; }
.tels2 .input { float: left; width: 25%; box-sizing: border-box; }
.tels2 .input:last-child { width: 75%; padding-left: 4px; }
.tels2 .select,
.tels2 .text { width: 100%; }
.time .text { width: 70%; }
.radio-field { padding-top: 0.6em; padding-bottom: 0.3em; text-align: left; font-size: 0.9em; color: #fff; }
.radio-field > div { float: left; width: 33%; margin-bottom: 15px; }
.radio-field label { font-weight: normal;/* margin-right: 10px; *//* font-weight: bold; */ }
.radio-field label span { margin-right: 5px; }
.name-field { padding-right: 0 !important; }
.time-field { position: relative; }
.time-field:after { content: '시'; position: absolute; right: 0; top: 0; color: #bbb; padding: 10px; }

/* error */
#msg_null { position: fixed; width: 100%; text-align: center; z-index: 10000 }

/* 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; }

.epx ul li {height:50px;line-height:50px;border-bottom:1px solid #d8d8d8;}
.ac1{text-align:center;margin-right:15px;width:22%;}
.ac{text-align:center;margin-right:15px;width:22%;}
.ar{text-align:right;margin-right:15px;width:22%;}
.al{width:24%;}
.vtic{display:inline-block; font-size:12pt;}
.complete span {display:inline-block; width:90px;height:25px;line-height:25px;background:rgb(202,22,22);color:white;border:1px solid rgb(202,22,22); border-radius:20px;padding:2px 5px;}
.comp span {display:inline-block;width:90px;height:25px;line-height:25px;border:1px solid #d8d8d8;border-radius:25px;padding:2px 5px;}

.h3{text-align:center;padding-top:40px;font-size:20pt;color:white;font-weight:normal;} 
.h2{text-align:center;margin:10px 0 20px 0;font-size:40pt;font-weight:normal;color:white;}

.subvicList{padding:50px 100px 0 100px ;}
.subvic{background:rgb(42,42,42)}
.vicc{height:400px;}

.fixedApply{position:fixed;max-width:1000px;width:100%;bottom:0;left:50%;transform: translateX(-50%);text-align:center;height:80px;line-height:80px;color:white;background:#08298A;cursor:pointer;}
.fixedClose{position:absolute;top:0px;right:10px;font-size:25pt;cursor:pointer;}
.d2{position:fixed;top:50%;left:50%;transform: translate(-50%,-60%);max-width:600px;width:90%;height:55%;max-height:550px;background:white;border:1px solid #08298A;}


.btnClick{cursor:pointer;}
.d1{width:100%;background:url('../imgs/back.png');background-size:100% 100%; background-repeat:no-repeat;padding-top:10%;position:relative;}
.d1{width:100%;padding-top:10%;position:relative;}

.agree-label, .privacy-link{font-size:12pt;}

.telDiv{padding:10px;}
.tel{border:2px solid #8D919A;}
ul{list-style-type:none;padding:0;margin:0;}
.tel table td{color:white;}
.telTitle{color:#FFE401;margin-left:10px;}
.pcm{display:inline-block;padding-left:5%;width:40%;padding-top:5%;padding-bottom:5%;vertical-align:top;}
.pcm ul li div{display:inline-block;height:70px;vertical-align:top;line-height:70px;}
.pcm img{width:100%;}
.pcm ul li a, .spa{color:white;}
.pcm ul li a,.pcm ul li span{margin-bottom:50px;}

.fixed{position:fixed;top:10px;right:10px;height:0;}
.fixed .span{margin:0;padding:0;display:block;}
/* responsive */
@media all and (max-width:997px) {
    body { font-size: 16px; }
	.fixed{height:0;text-align:right;}
	.fixed img{width:45%;}
    .footer { padding: 15px 5px; font-size: 12px; }
    .divForm .label { line-height: 40px; }
    .divForm .text,
    .divForm .select,
    .divForm .textarea { height: 40px; }
    .divForm .item-list { }
    .divForm .item-row { margin-bottom: 15px; }
    .divForm .label { }
    .divForm .field { margin-left: 90px; }
    .divForm .agree { padding-top: 15px; }
    .divForm .agree input[type=checkbox] { width: 16px; height: 16px; }
    .divForm .submit { padding-top: 20px; }
    .divForm .notice {  }
    .tels2 .input { width: 35%; }
    .tels2 .input:last-child { width: 65%; }
	.mB15{margin-bottom:15px;}
	.vicc{height:300px;}
	.vtic{font-size:9pt;}
	.subvicList{padding:10px 10px 0 10px ;}
	.submit-btn{width:200px;}
	.subvic{background:rgb(42,42,42)}
	
	.item-list table {padding:0 0 5% 0;}
	.agree-label span{font-size:10pt;}
	.item-list table{font-size:10pt;position:absolute;top:50%;left:50%;transform: translate(-50%,-50%);}
	.item-list table .privacy-link{display:none;}
	.ac1{text-align:center;margin-right:5px;width:15%;}
	.ac{text-align:center;margin-right:15px;width:22%;}
	.d2{position:fixed;top:50%;left:50%;transform: translate(-50%,-60%);max-width:600px;width:90%;min-height:400px;height:80%;max-height:430px;background:white;border:1px solid #08298A;}
	.complete span {display:inline-block; width:70px}
	.comp span {display:inline-block;width:70px;}
	.pcm{display:block;text-align:center;width:100%;padding:5% 0;}
	.footer { margin-bottom:45px;}
	.fixedApply{height:45px;line-height:45px;}
}

/* ios fix */
body.apple-ios.modal-open { position: fixed; width: 100%; }

	.btnClick{cursor:pointer;}

	
	.phone{display:inline-block;width:69%;float:right;}
	.phoneRadio li{display:inline-block; width:30%;text-align:center;}
	.markLogoDiv{text-align:center; background:#333333;padding:10px;}
	.markLogo1{position:absolute;width:50px;height:50px;}
	.rel{position:relative;}