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


/* a 태그 공통 */
a:link,
a:visited,
a:active, 
a:hover,
a { text-decoration: none; vertical-align:top; }
a img { border: none; }

/* 공통 클래스 */

.only {opacity:0;overflow:hidden;width:1px;height:1px;text-indent:-9999999px;position:absolute;}
.target {cursor:pointer;}
.overhidden {overflow:hidden;}
.rltv {position:relative;}
.tab-con {display:none;}
.block {display:block;}
.in-block {display:inline-block;}
.bg_grey {background:#f9f9f9;}
.bg_black {background:#000;}
.auto {margin-left:auto;margin-right:auto;}
.hide {display:none;}
.hidden {width:1px;height:1px;overflow:hidden;text-indent:-9999px;}

.hr_line_black {width:auto;height:2px;background:#1f1f1f;box-sizing:border-box;}
.hr_line_grey {width:auto;height:2px;background:#989898;box-sizing:border-box;}
.hr_line_white {width:auto;height:2px;background:#fff;box-sizing:border-box;}

.input_box {position:relative;}
.input_box input + label {position:absolute;top:50%;left:15px;transform:translateY(-50%);color:#999;font-size:14px;}
.input_box textarea + label {position:absolute;top:15px;left:15px;color:#999;font-size:14px;}

.input-control {border:1px solid #1b212a; background-color:#fff; font-size:16px;padding:15px;width:100%;box-sizing:border-box;}
input {
   -webkit-appearance: none;
   -webkit-border-radius: 0;
}

.video_container > div {padding-bottom:56.25%;position:relative;}
.video_container > div > iframe {position:absolute;top:0;left:0;width:100%;height:100%;}
.video_wrap {position:relative;width:100%;padding-bottom:56.25%;border:1px solid #c7c7c7;}
.video_wrap iframe {position:absolute;top:0;left:0;width:100%;height:100%;}

.con12 {max-width:1200px;width:100%;margin:0 auto;}
[class*='layer'] {position:absolute;z-index:1;}
[class*='section'] {position:relative;overflow:hidden;max-width:1920px;margin:0 auto;}
#conPC [class*='section'] .content {width:1200px;margin:0 auto;position:relative;}
#conMobile [class*='section'] .content {max-width:1200px;width:100%;margin:0 auto;position:relative;}
[class*='section'] [class*='title'] {text-align:center;}
.hoverbtn {transition:all .5s;background:transparent;}
.hoverbtn:hover {transform:translateY(-5%);}

[type="radio"] {display:none;}
[type="radio"] ~ .icon {display:inline-block;vertical-align:middle;padding:20px;border-radius:100%;background-color:#fff;border:2px solid #000;position:relative;cursor:pointer;}
[type="radio"]:checked ~ .icon::after {content:'';display:block;border-radius:100%;width:50%;height:50%;background-color:#000;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}
[class="custombox"] {display:none;}
[class="custombox"] ~ .checkicon {display:inline-block;vertical-align:middle;width:20px;height:20px;border:2px solid #000;margin-right:5px;position:relative;}
[class="custombox"]:checked ~ .checkicon::after {content:'';display:block;width:4px;height:10px;border-right:2px solid #000;border-bottom:2px solid #000;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%) rotate(45deg);}

[class="modal_agree"] {display:none;}
[class="modal_agree"] ~ label {font-weight:900;cursor:pointer;}
[class="modal_agree"] ~ div {width:500px;background:#fff;border:2px solid #103782;position:absolute;top:100%;left:50%;transform:translateX(-50%);transition:all .35s;-webkit-transition:all .35s;opacity:0;visibility:hidden;}
[class="modal_agree"]:checked ~ div {top:50%;opacity:1;visibility:visible;}
[class="modal_agree"] ~ div .agreebox {padding:20px;overflow-y:scroll;width:auto;height:350px;text-align:left;font-size:12px;}
[class="modal_agree"] ~ div > label {position:absolute;top:10px;right:10px;transform:translate(50%,-50%);width:50px;height:50px;background:#2960CB;border:1px solid #103782;cursor:pointer;}
[class="modal_agree"] ~ div > label::after {content:'';display:block;width:50%;height:2px;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);}
[class="modal_agree"] ~ div > label::before {content:'';display:block;width:50%;height:2px;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);}

[class*="customcheck"] {display:none;}
[class*="customcheck"] ~ .icon2 {display:inline-block;vertical-align:middle;width:16px;height:16px;border:1px solid #000;position:relative;background:#fff; border-radius:10px;}
[class*="customcheck"] ~ .icon {display:inline-block;vertical-align:middle;width:20px;height:20px;border:1px solid #000;position:relative;background:#fff;}
[class*="customcheck"] ~ .text {display:inline-block;vertical-align:middle;font-size:14px;color:#000;cursor:pointer;}
[class*="customcheck"]:checked ~ .icon::after {content:'';display:block;width:12px;height:4px;border-left:2px solid #e94809;border-bottom:2px solid #e94809;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);
-webkit-transform:translate(-50%,-50%) rotate(-45deg);-moz-transform:translate(-50%,-50%) rotate(-45deg);-o-transform:translate(-50%,-50%) rotate(-45deg);}
[class*="customcheck"]:checked ~ .icon2::after {content:'';display:block;width:12px;height:4px;border-left:2px solid #e94809;border-bottom:2px solid #e94809;position:absolute;top:38%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);
-webkit-transform:translate(-50%,-50%) rotate(-45deg);-moz-transform:translate(-50%,-50%) rotate(-45deg);-o-transform:translate(-50%,-50%) rotate(-45deg);}

[id*="pc_agreeview"] {display:none;}
[id*="pc_agreeview"] ~ [for*="pc_agreeview"] {display:inline-block;vertical-align:middle;font-size:14px;color:#000;cursor:pointer;}
[id*="pc_agreeview"] ~ .modalbox {position:absolute;left:50%;transform:translateX(-50%);max-width:650px;width:100%;background:#fff;transition:all .35s;-webkit-transition:all .35s;}
[id*="pc_agreeview"] ~ .modalbox > div .title {display:block;text-align:center;padding:20px;border-bottom:1px solid #f5f5f5;box-shadow:0 5px 10px rgba(0,0,0,.1);font-size:16px;font-weight:500;}
[id*="pc_agreeview"] ~ .modalbox > div .desc {display:block;text-align:left;padding:20px;min-height:200px;max-height:250px;overflow-y:scroll;}
.top [id*="pc_agreeview"] ~ .modalbox {top:-50%;opacity:0;visibility:hidden;}
.bottom [id*="pc_agreeview"] ~ .modalbox {bottom:-50%;opacity:0;visibility:hidden;}
.top [id*="pc_agreeview"]:checked ~ .modalbox {top:0;opacity:1;visibility:visible;}
.bottom [id*="pc_agreeview"]:checked ~ .modalbox {bottom:0;opacity:1;visibility:visible;}

.modalbox label.close {position:absolute;top:10px;right:10px;width:30px;height:30px;cursor:pointer;}
.modalbox label.close::after {content:'';display:block;width:60%;height:3px;background-color:#333;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(45deg);}
.modalbox label.close::before {content:'';display:block;width:60%;height:3px;background-color:#333;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);}


/* 인라인 요소 정렬 */
.text-center {text-align:center;}
.text-left {text-align:left;}
.text-right {text-align:right;}

/* 리스트형식 */
.list_ul {font-size:0;}
.list_ul > li {display:inline-block;font-size:12px;}
.vat {vertical-align:top;}
.vam {vertical-align:middle;}
.vab {vertical-align:bottom;}

/* 요소 가로값 */
.w2 {width:50%;}
.w3 {width:33.3%;}
.w4 {width:25%;}
.w5 {width:20%;}
.w8 {width:12.5%;}

/* 패딩과 마진 */
.mg-auto {margin:0 auto;}

.mg5 {margin:5px;}
.mg10 {margin:10px;}
.mg15 {margin:15px;}
.mg20 {margin:20px;}
.mg25 {margin:25px;}
.mg30 {margin:30px;}
.mg35 {margin:35px;}
.mg40 {margin:40px;}
.mg45 {margin:45px;}
.mg50 {margin:50px;}

.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt45 {margin-top:45px;}
.mt50 {margin-top:50px;}
.mt100 {margin-top:100px;}

.mb5 {margin-bottom:5px;}
.mb8 {margin-bottom:8px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}
.mb80 {margin-bottom:80px;}
.mb100 {margin-bottom:100px;}

.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml45 {margin-left:45px;}
.ml50 {margin-left:50px;}

.mr5 {margin-right:5px;}
.mr10 {margin-right:10px;}
.mr15 {margin-right:15px;}
.mr20 {margin-right:20px;}
.mr25 {margin-right:25px;}
.mr30 {margin-right:30px;}
.mr35 {margin-right:35px;}
.mr40 {margin-right:40px;}
.mr45 {margin-right:45px;}
.mr50 {margin-right:50px;}

.pl0 {padding-left:10px;}
.pr10 {padding-right:10px;}
.pl5 {padding-left:15px;}
.pr15 {padding-right:15px;}
.pt20 {padding-top:20px;}
.pt30 {padding-top:30px;}
.pt70 {padding-top:70px;}
.pt100 {padding-top:100px;}
.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb100 {padding-bottom:100px;}


@media screen and (max-width: 1100px) {
	#conPC {opacity:0;visibility:hidden;position:fixed;top:0;left:-100%;width:100%;}
	#conMobile {opacity:1;visibility:visible;position:relative;top:0;left:0;width:100%;}
}