@charset "UTF-8";

/* 공통부분 */
* { margin:0; padding:0; list-style:none; text-decoration:none; box-sizing:border-box; word-break:break-all; font-size:15px; font-family:"Noto Sans KR", sans-serif; letter-spacing:-1px; }
table,tr, td ,th { border-collapse: collapse; }
table { width:100%; }
ul, li {list-style:none; }
img { vertical-align:middle; border:none; }

/*  무료상담 전화걸기 */
div.floating { width:100%; position:fixed; bottom:60px; }
div.floating > ul.call { text-align:right; }
div.floating > ul.call > li { text-align:right; }
div.floating > ul.call > li a { display:inline-block; color:inherit; }
div.floating > ul.call > li img { width:100%; text-align:right;  }
div.floating .tel { width:52px; height:52px; line-height:52px; border-radius:50%; background-color:#cc3333; color:#ffffff; }

div.floating > div.float_count { width:100%; position:fixed; bottom:0px; padding:0px 0px; background:url(/chim/chimyoutube/images/mo/count_mo_bg.jpg) repeat center; }
div.floating > div.float_count > div.text { display:inline-block; float:left; font-size:20px; color:#fff; font-weight:bold; padding-left:1%; }
div.floating > div.float_count > div.text > span { margin:0; background-color:#fff; color:#000; font-size:20px; border-radius:3px; padding:0 3px; font-weight:bold; vertical-align:middle; }
div.floating > div.float_count > div.text > span.count_hour {margin-left:30px; } 
div.floating > div.float_count > div.button { margin-top:5px; float:right; padding-right:2%; }

/*  이벤트 마감 */
.top { width:100%; position:fixed; bottom:0px; height:60px; padding-top:10px; padding-left:3%; padding-right:3%; z-index:9999; background:url(/chim/chimyoutube/images/pc/count_pc_bg.jpg) repeat center; background-size:100% ;}
.top .count { font-weight:600; font-size:2rem; color:#fff; padding:0 2;}
.top .count li.text { width:80%; float:left; font-size:25px; }
.top .count li.text img.text_img01 { width:357px; height:41px; }
.top .count li.text img.text_img02 { margin-left:10px; width:228px; height:41px; }
.top .count li.button { width:20%; font-size:25px; float:right; }
.top .count li.button img { max-width:172px; max-height:41px; float:right; margin-top:2px; }
.top .count span { margin:0; background-color:#fff; color:#000; border-radius:5px; padding:10px 10px; font-size:18px; font-weight:bold;  }
.top img { width:100%; padding:0; }

/*  컨텐츠 이미지, 동영상 */
div.content { width:100%; float:left; }
div.content img.img_pc { width:100%; float:left; }
div.content img.img_mo { width:100%; float:left; }
div.content > iframe { margin-left:auto; margin-right:auto; display:block; }
div.content > video { width:100%; height:100%; margin-top: px; margin-bottom: px; margin-left:auto; margin-right:auto; display:block; }

/*  이미지 슬라이드 */
div.customSlideWrap { width:100%; float:left; min-width:100%; background-size:cover; background-position: center; background-repeat: no-repeat; }
#slideWrap{ position:relative; overflow:hidden; }
div.customSlide ul.img_pc { width:100%; float:left; position:relative; }
div.customSlide ul.img_mo { width:100%; float:left; position:relative; }
div.customSlide li { width:100%; float:left;  cursor:pointer; }
div.customSlide img { float:left; width:100%; vertical-align: top; border:none; margin: 0px auto;  }

div.customSlidePage { position:absolute; bottom:20px; text-align:center; width:100%; z-index:100; }
div.customSlidePage ul { width:auto; display:inline-block; vertical-align: middle; }
div.customSlidePage ul li { width:auto; float:left; }
div.customSlidePage ul li a { width:15px; height: 15px; background-color: white; float:left; margin:0 5px; border-radius: 50px; cursor:pointer; border:1px solid #ccc; }
div.customSlidePage ul li a.active { background-color:black; border-color:inherit }

/*  상담신청 등록 폼 */
div.form { width:100%;float:left;  background-repeat: no-repeat; background-position:center; }
div.form > div.div_from { width:70%; padding-bottom: 50px; margin:0 auto;}
/* div.form > div.div_from { margin:0 auto; background-repeat: no-repeat; background-size: auto; background-position:center; } */
div.form > div > div { width:100%; margin:0 auto; text-align:center; background-color: #fff; padding:4.4em 4.4em;}
div.form > div .tit { width:100%; float:left; padding:15px 0 25px 0; font-size:3em; text-align:center; }
div.form > div .subtit { width:100%; float:left; text-align:center; }

div.form > div > div > ul { width:100%; display:table; text-align:left;  }
div.form > div > div > ul:not(:last-child) { margin-bottom:12px; }
div.form > div > div > ul li { display:table-cell; vertical-align: middle; }
div.form > div > div > ul li.label { width:20%; line-height:1em; font-size: 2em; margin-left:10%; }
div.form > div > div > ul li.value { width:80%; line-height:30px; margin-left:10%; }
div.form > div > div > ul li.value input.input_name { width:100%; min-height:3em; font-size: 1.3em; padding-left:0px; }
div.form > div > div > ul li.value select { width:100%; min-height:50px; padding-left:0px; }
div.form > div > div > ul li.value input { width:100%; min-height:50px; padding-left:0px; }
div.form > div > div > ul li.value textarea { width:100%; height:60px; }

div.form > div > div > ul li.checkbox { width:100%; display:initial; vertical-align:middle; text-align:left; }
div.form > div > div > ul li.checkbox input { width:auto; min-height:30px; padding-left:0px; margin:0 auto; vertical-align:middle; }

.tel { width: 32.66% !important; margin-right: 1%; float: left; font-size: 1.3em;}
.tel:last-child { margin-right: 0; }

button { border:none; outline:none;border:1px solid #333;background-color:#333;color:#fff;text-align:center;font-weight:600;font-size:2em;letter-spacing:-1px;padding:10px 30px;margin:0 auto; }
.submit_btn { cursor:pointer; }

/*  자세히보기 버튼 */
.privacyBtn { margin-left:10px; cursor:pointer; }

/* 레이어 팝업 CSS */
.privacy_popup { position: fixed; width:100%; height:100%; left: 0; bottom: 0; z-index:100; background-color: rgba(0, 0, 0, 0.6); display: none; }
.privacy_popup > #privacyContent { position: absolute; width:80%; height:90%; margin-top:5%; margin-left:10%; box-shadow: 0 0 10px rgba(0, 0, 0, 0.2); }
#privacyContent > div { width: 100%; float: left; }

#privacyContent > .titWrap { height: 45px; line-height: 45px; background-color: #F8F8F8; padding: 0 15px; color: #000; position: relative; }
#privacyContent > .titWrap > span { width: calc(100% - 35px); float: left; font-size: 15px; font-weight: bold; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
#privacyContent > .titWrap > i { font-size: 21px; position: absolute; cursor: pointer; right: 15px; top: 50%; margin-top: -10.5px; }

#privacyContent > .conWrap { height: calc(100% - 45px); padding: 15px; background-color: #FFF; color: #000; overflow-y: auto; font-size: 13px; letter-spacing: -0.5px; }
.conWrap table tbody th { height:40px; line-height: 40px; padding:10 10 10 10; }
.conWrap table tbody td { height:30px; line-height: 20px; padding:10px;  }
.conWrap table tbody td.tdTit { height:30px; line-height: 20px; padding:10px; text-align:center; }

/* 폰트 설정 */
.font_17 {font-size:17px}

/* 마진설정 */
.mt_5 { margin-top:5px; }
.mt_8 { margin-top:8px; }
.mt_10 { margin-top:10px; }
		
.mb_5 { margin-bottom:5px; }
.mb_8 { margin-bottom:8px; }
.mb_10 { margin-bottom:10px; }

.ml_5 { margin-left:5px; }
.ml_10 { margin-left:10px; }
.ml_20 { margin-left:20px; }
.ml_30 { margin-left:30px; }

.mr_10 { margin-right:10px; }
.mr_20 { margin-right:20px; }
.mr_30 { margin-right:30px; }

/* 레이어 팝업 이미지 */
.custom_popup { position:absolute; z-index:9999; left:40px; top:40px; width:50%; max-width:400px; }
.custom_popup img { max-width: 100%; vertical-align: top; }
.custom_popup > div { width:100%; float:left; }
.custom_popup .item_btn { text-align: right; }
.custom_popup .item_btn span { display:inline-block; width:auto; vertical-align: top; text-align:center; border:1px solid #333; background-color:#ccc; color:#000 hite; line-height:35px; cursor:pointer; font-weight: 500;}
.custom_popup .item_btn .dayclose { width:120px; margin-right: -3px; border-right:1px solid white; }
.custom_popup .item_btn .close { width:80px; border-left:none; }

@media screen and (max-width:1100px) {
    .img_mo {display: none;}
    .img_pc {display: block;}
    .text_img02 {display: none;}
}
/* 600 이상 */
/* 600 이상 */
@media screen and (min-width:600px) {
	
    .img_mo {display: none;}
    .img_pc {display: block;}
}		
		
/* 600 이하 */
/* 600 이하 */
@media screen and (max-width:599px){
    /* 레이어 팝업 */
	.custom_popup { position:absolute; z-index:9999; text-align:center; width:280px;}
	
    .img_pc {display: none;}
    .img_mo {display: block;}
     div.form > div.div_from {width:88%;}
    div.form > div > div > ul li.label { width:30%; line-height:1em; font-size:1.3em;}
    div.form > div > div { padding:25px 25px;}
	.header_wrap {display: none;}
    button { font-size:28px; padding:8px 12px;}
    div.form > div .tit { font-size:30px;}

    
}