@charset "utf-8";

/*

	공통 클래스 ( 가장 큰 부모 클래스 : .Real )

*/

.Real *, ::after, ::before {box-sizing:border-box;}
.only {opacity:0;width:1px;height:1px;overflow:hidden;text-indent:-999999px;position:absolute;}

.Real li > a {display:block;width:auto;}
.Real li > div {width:auto;}
.Real .row {font-size:0;}
.Real .row > [class*="col"] {display:inline-block;vertical-align:middle;font-size:12px;}
.Real .col1 {width:8.33%}
.Real .col2 {width:16.66%}
.Real .col3 {width:25%}
.Real .col4 {width:33.33%}
.Real .col5 {width:41.66%;}
.Real .col6 {width:50%;}
.Real .col7 {width:58.33%;}
.Real .col8 {width:66.66%;}
.Real .col9 {width:75%;}
.Real .col10 {width:83.33%;}
.Real .col11 {width:91.66%;}
.Real .col12 {width:100%;}
.Real .maxcol12 {max-width:100%;}
.Real hr.diver {display:block;border-bottom:1px solid #d9d9d9;margin:20px auto;}
.Real .input_control {border:1px solid #eee;font-size:16px;padding:10px 15px;width:100%;}
.Real .relative {position:relative;z-index:2;}
.Real .viewpc {display:block;}
.Real .viewmo {display:none;}

.Real .text_control {border:1px solid #eee;padding:12px 15px;width:100%;}
.Real .placeholder_box {position:relative;}
.Real .placeholder_box label {position:absolute;top:50%;left:20px;transform:translateY(-50%);}
.Real .placeholder_box input:focus ~ label, .placeholder_box input:not(:focus):valid ~ label {display:none;}

.Real .target {cursor:pointer;}
.Real .overhidden {overflow:hidden;}
.Real .block {display:block;}
.Real .in-block {display:inline-block;}
.Real .bg_gey {background:#f9f9f9;}
.Real .bg_black {background:#000;}
.Real .wauto {margin-left:auto;margin-right:auto;}
.Real .none {display:none;}

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

.Real .input_box {position:relative;}
.Real .input_box input + label {position:absolute;top:50%;left:15px;transform:translateY(-50%);}
.Real .input_box textarea + label {position:absolute;top:15px;left:15px;}

.Real .con12 {max-width:1200px;width:100%;margin:0 auto;}
.Real .hoverbtn {transition:all .5s;}
.Real .hoverbtn > a {display:block;width:auto;}
.Real .hoverbtn:hover {transform:translateY(-5%);}

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

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

.Real .customcheck {display:none;}
.Real .customcheck ~ .icon {display:inline-block;vertical-align:middle;width:20px;height:20px;border:2px solid #fff;margin-right:5px;position:relative;}
.Real .customcheck ~ .text {vertical-align:middle;font-size:16px;color:#fff;}
.Real .customcheck:checked ~ .icon::after {content:'';display:block;width:14px;height:6px;border-left:2px solid #fff;border-bottom:2px solid #fff;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%) rotate(-45deg);}

.Real .lodingbox {position:fixed;top:0;bottom:0;right:0;left:0;background:rgba(0,0,0,.95);transition:all .6s cubic-bezier(0.785, 0.135, 0.15, 0.86);-webkit-transition:all .6s cubic-bezier(0.785, 0.135, 0.15, 0.86);z-index:10000;opacity:1;visibility:visible;}
.Real .lodingbox.hidden {opacity:0;visibility:hidden;overflow:hidden;}
.Real .lodingbox .intrologo {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);max-width:450px;width:100%;}
.Real .lodingbox.hidden .intrologo {display:none;}
.Real .lodingbox .intrologo img {width:100%;}


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

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

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

/* 패딩과 마진 */
.Real .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;}
.pt70 {padding-top:70px;}
.pt100 {padding-top:100px;}
.pb20 {padding-bottom:20px;}
.pb100 {padding-bottom:100px;}