@charset "utf-8";
/* 공통 */
/*.subCntBody.clearfix>div{overflow:hidden;}*/

.subCntBody {font-size:15px;}

input[type=text], select{box-sizing:border-box; -webkit-box-sizing:border-box; -ms-box-sizing:border-box; -moz-box-sizing:border-box;}

/* 0104 Q&A */
.qaSear .qaSearBox{padding:20px; border:1px solid #ddd; background:#f7f7f7; overflow:hidden; font-size:14px;}
.qaSear .qaSearBox li{position:relative; width:100%; float:left; line-height:30px; margin:5px 0;}
.qaSear .qaSearBox li.w30{width:30%;}
.qaSear .qaSearBox li.w50{width:50%;}
.qaSear .qaSearBox li.w70{width:70%;}
.qaSear .qaSearBox li h5{position: absolute; left:0; top:0; width:90px; line-height:30px; color:#111; font-family: 'NotoM';}
.qaSear .qaSearBox li div{margin-left:90px; margin-right:20px;}
.qaSear .qaSearBox li div input[type=text],
.qaSear .qaSearBox li div select{width:99%; height:30px; line-height:30px; margin-right:1%; padding:0 5px; border:1px solid #ccc; }
.qaSear .qaSearBox li div.date p{width:280px; position:relative;}
.qaSear .qaSearBox li div.date p::before{content:"~"; font-family: 'NotoM'; color:#111; display:inline-block; margin-right:10px;}
.qaSear .qaSearBox li div.date p:first-child::before{display:none;}
.qaSear .qaSearBox li div.date input[type=text]{width:50px; }
.qaSear .qaSearBox li div.date a.cldr{display:inline-block; vertical-align: middle; width:30px; height:30px; text-indent:-9999%; overflow:hidden; background:url('/images/web/call/sub_cnt/ico_cldr.png') no-repeat center;}
.qaSear .qaSearBox li div p{display:inline-block; vertical-align: middle;}
.qaSear .btn_wrap{width:100%; float:left; margin:20px 0 0; text-align:center;}

/* 0102 인터넷상담 신청 스크롤박스 */
.apply_box { height:300px; overflow-y:auto;}

/* 0202_01 안내 */
.box_img {position:relative;}
.box_img .ico_boxImg {position:absolute; right:0; top:6px;}

/* 0503 찾아오시는길 */
.directions_box .map_box {position:relative; overflow:hidden;}
.directions_box .root_daum_roughmap {width:100%; margin:-10px 0 0 -10px; border-radius:0;}

.directions_box .map_box2 {overflow:hidden;}
.directions_box .map_box2 .map_box50 {width:49%; float:left; margin:0 0 20px 2%; overflow:hidden;}
.directions_box .map_box2 .map_box50.odd {margin-left:0;}
.directions_box .address_box {position:relative; margin-top:-12px; padding:20px; color:#fff; border:1px solid #c8d1db; background:#555; }
.directions_box ul.dire_txt li {position:relative; padding:0 0 10px 10px; overflow:hidden;}
.directions_box ul.dire_txt li:before {content:""; display:block; clear:both;  position:absolute; left:0; top:9px; width:4px; height:4px; background:#053863;}
.directions_box ul.dire_txt li span {display:block; margin-bottom:5px; font-size:16px; font-family:"NotoM"; color:#000;}

/* 방문상담예약 191227 */
.resve_tbl span.bu_atte {margin-left:5px;}
.resve_inp {margin:2px; line-height:30px; height:30px; border:1px solid #ddd; vertical-align:middle;}
.resve_inpG {background:#f7f7f7 !important;}
.resve_inp_w10 {width:10%;}
.resve_inp_w20 {width:20%;}
.resve_inp_w30 {width:30%;}
.resve_inp_w50 {width:50%;}
.resve_inp_w80 {width:80%;}
.resve_inp_w100 {width:99%;}
.resve_sel {width:auto; height:30px; margin:2px; padding-right:30px; font-size:14px; vertical-align:middle; border:1px solid #ddd;}
.resve_text_area {width:99%; height:100px; margin:2px; font-size:14px; vertical-align:middle; border:1px solid #ddd;}
a.resve_form_btn {display:inline-block; width:30px; height:30px; margin:2px; text-indent:-10000px; border:1px solid #555; vertical-align:middle; background:#666 url('/images/common/con_com/btn_search_wh.png') no-repeat center;}
a.resve_cldr {display:inline-block; vertical-align: middle; width:30px; height:30px; text-indent:-9999%; overflow:hidden; background:url('/images/web/call/sub_cnt/ico_cldr.png') no-repeat center;}

/* 방문상담예약_목록 191227 */
.resve_SearBox {position:relative; padding:20px; border:1px solid #ddd; background:#f7f7f7; overflow:hidden; font-size:14px;}
.resve_SearBox dl {position:relative; line-height:30px; padding:0 100px 0 80px;}
.resve_SearBox dl dt {position:absolute; left:0; top:0; color:#111; font-family: 'NotoM';}
.resve_SearBox dl dd {overflow:hidden;}
.resve_SearBox dl dd input {width:20%; height:30px; line-height:30px; margin:2px; padding:0 5px; border:1px solid #ccc;}
.resve_SearBox .resve_Sear_btn {position:absolute; right:20px; top:20px;}
.resve_SearBox .resve_Sear_btn a {padding:0 35px 0 10px !important; line-height:34px;}




@media screen and (max-width:960px) {

	/* 0104 Q&A */
	.qaSear .qaSearBox li.w30{width:50%;}	
	.qaSear .qaSearBox li div.date p{width:90%; margin:3px 0 !important; }
	
	/* 0202_01 안내 */
	.box_img .ico_boxImg {position:relative; left:auto; top:auto; margin:0 auto 10px; text-align:center;}

	/* 방문상담예약 191227 */
	.resve_tbl span.bu_atte {display:block; margin-left:0;}

	
}


@media screen and (max-width:790px) {

	/* 0104 Q&A */
	.qaSear .qaSearBox li div select{width:auto; max-width:100%;}
	.qaSear .qaSearBox li.w30{width:100%;}	
	.qaSear .qaSearBox li.w50{width:100%;}
	.qaSear .qaSearBox li.w70{width:100%;}		
	.qaSear .qaSearBox li div.date p{width:100%; margin:3px 0 !important; }
	
}

@media screen and (max-width:640px) {

	/* 방문상담예약 191227 */
	.resve_inp_w10 {width:20%;}
	.resve_inp_w20 {width:30%;}
	.resve_inp_w30 {width:40%;}
	.resve_inp_w50 {width:60%;}
	.resve_radio {display:block;}

	/* 방문상담예약_목록 191227 */
	.resve_SearBox {padding:10px;}
	.resve_SearBox dl {padding:0 100px 0 0;}
	.resve_SearBox dl dt {position:relative; left:auto; top:auto;}
	.resve_SearBox dl dd input {width:30%;}
	.resve_SearBox .resve_Sear_btn {right:10px; top:auto; bottom:10px;}

}

@media screen and (max-width:480px) {

	/* 0104 Q&A */
	.qaSear .qaSearBox{padding:10px;}
	.qaSear .qaSearBox li h5{position:relative; left:auto; top:auto; width:auto; margin:0 0 5px; padding:0 10px; background:#4e585f; color:#fff;}
	.qaSear .qaSearBox li div{margin:0;}

	/* 방문상담예약 191227 */
	.resve_inp_w10 {width:25%;}
	.resve_inp_w20 {width:70%;}
	.resve_inp_w30 {width:80%;}
	.resve_inp_w50 {width:99%;}

	/* 방문상담예약_목록 191227 */
	.resve_SearBox dl {padding:0;}
	.resve_SearBox dl dd input {width:30%;}
	.resve_SearBox .resve_Sear_btn {position:relative; right:auto; top:auto; bottom:auto; margin-top:5px;}
	.resve_SearBox .resve_Sear_btn a {width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }

}