@charset "UTF-8";

html, body {
    display: block;
    width: 100%;
    height: auto;
    margin: 0;
    overflow: auto;
}

.content {
    width: 100%;
    height: 100%;
}

/* 플로팅 상담폼 */

.new_floating_bottom{position: fixed; z-index: 9999; right: 20px; top: 50%; width: 250px;
 background: #b01123; border-radius: 20px; transform: translateY(-50%); padding: 20px}

.new_floating_bottom h2{font-size: 20px; font-weight: 300; color: #fff; text-align: center}
.new_floating_bottom h2 b{color: #fff; font-weight: 500; font-size:23px;}

.new_floating_bottom .form_are li{display: flex; margin-top: 15px}
.new_floating_bottom .form_are li p{color: #fff; font-size: 18px; width: 72px}
.new_floating_bottom .form_are li input{height: 30px; width: 100%; flex:1; box-sizing: border-box}


.new_floating_bottom .inner{width: 100%}

.new_floating_bottom .flex_gree{margin-top: 15px}
.new_floating_bottom .flex_gree span{color: #fff; font-size: 14px; color: #fff}

.new_floating_bottom .are_box{display: flex; gap:5px}
.new_floating_bottom .are_box + .are_box{margin-top: 5px}

.new_floating_bottom .btn-example{color: #fff; font-size: 13px; background: #333; text-align: center; display: block; padding: 0 2px; line-height: 30px; margin-top: 15px}

.new_floating_bottom .btn_are{text-align: center; margin-top: 5px}
.new_floating_bottom .btn_are button{color: #fff; font-size: 21px; background: #171414; line-height: 50px; display: block; width: 100%; font-weight: bold}
#section3 {
    background:url(/chim/chimkeyword3/images/pc/pc_bannar.jpg) no-repeat; background-position: center; background-size: cover;}

#section1 {
    background:url(/chim/chimkeyword3/images/pc/pc1.jpg) no-repeat; background-position: center; background-size: cover;}

#section4 {
 background:url(/chim/chimkeyword3/images/pc/pc2.jpg) no-repeat; background-position: center; background-size: cover;}

#section5 {
 background:url(/chim/chimkeyword3/images/pc/pc3.jpg) no-repeat; background-position: center; background-size: cover;}

#section6 {
 background:url(/chim/chimkeyword3/images/pc/pc4.jpg) no-repeat; background-position: center; background-size: cover;}

#section7 {
 background:url(/chim/chimkeyword3/images/pc/pc5.jpg) no-repeat; background-position: center; background-size: cover;}

#section8 {
 background:url(/chim/chimkeyword3/images/pc/pc6.jpg) no-repeat; background-position: center; background-size: cover;}

#section9 {
 background:url(/chim/chimkeyword3/images/pc/pc7.jpg) no-repeat; background-position: center; background-size: cover;}

#section10 {
 background:url(/chim/chimkeyword3/images/pc/pc8.jpg) no-repeat; background-position: center; background-size: cover;}

#section11 {
 background:url(/chim/chimkeyword3/images/pc/pc9.jpg) no-repeat; background-position: center; background-size: cover;}

#section13 {
 background:url(/chim/chimkeyword3/images/pc/pc10.jpg) no-repeat; background-position: center; background-size: cover;}
#section14 {
 background:url(/chim/chimkeyword3/images/pc/pc11.jpg) no-repeat; background-position: center; background-size: cover;}


/* 공통부분 */
* { 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:20px; }
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/chimkeyword3/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: 0 auto;
    display: block;
    object-fit: cover; }

.footer {width: 100%; height: 100%;}
div.footer img.footer_pc { width:100%; float:left; }
div.footer img.footer_mo { width:100%; float:left; }


/*  상담신청 등록 폼 */
/*  상담신청 등록 폼 */
div.form { width:100%; height:100vh; float:left; background-image: url(/chim/chimkeyword3/images/pc/pc_form.jpg); background-position:center; background-repeat: no-repeat;}
div.form > div.div_from { width:55%; padding-top:350px; 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 input.input_age { 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 (min-width:600px) {
    div.content {
        height: 100vh;
        overflow: hidden;
    }
}

@media screen and (max-width:1100px) {
    .img_mo {display: none;}
    .img_pc {display: block;}
     .footer_mo {display: none;}
    .footer_pc {display: block;}
    .text_img02 {display: none;}
}
/* 600 이상 */
/* 600 이상 */
@media screen and (min-width:600px) {
	
    .img_mo {display: none;}
    .img_pc {display: block;}
     .footer_mo {display: none;}
    .footer_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;}
    .footer_pc {display: none;}
    .footer_mo {display: block;}
    .new_floating_bottom {display: none;}
    div.content{height: 100%; min-height:100%; max-height:none;}
     div.form {height: 710px; background-image: url(/chim/chimkeyword3/images/mo/mo_form1.jpg); background-position:top; background-repeat: no-repeat; background-size :115%;}
     div.form > div.div_from {width:86%; padding-top:225px;}
    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;}