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

/*  무료상담 전화걸기 */
div.floating { position:fixed; bottom:50px; right:15px; }
div.floating > ul { text-align:center; }
div.floating > ul > li { text-align:center; }
div.floating > ul > li a { display:inline-block; color:inherit; }
div.floating > ul > 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.content { width:100%; max-width: 1150px; margin:auto;}
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;}
div.form > div.div_from { width:90%; max-width: 1150px; padding-top:50px; 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; }
div.form > div .tit { width:100%; float:left; padding:15px 0 25px 0; font-size:25px; 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:30px; 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:30px; padding-left:0px; }
div.form > div > div > ul li.value select { width:100%; min-height:30px; padding-left:0px; }
div.form > div > div > ul li.value input { width:100%; min-height:30px; 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; }
.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:15pt;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 #ccc; background-color:#3f5a9d; color:white; line-height:35px; cursor:pointer; }
.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; }


/* 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:350px;}
	
    .img_pc {display: none;}
    .img_mo {display: block;}
}