/* /상단 수정부분/ */
.serviceSide {
	opacity: 0;
	filter: alpha(opacity=0); 
	position:fixed;
	left:0;
	top:155px;
	width:130px;
	padding: 5px 15px 20px;
	z-index:13;
	background: #fafafa;
	display: none;
}
.mypageSide {
	opacity: 0;
	filter: alpha(opacity=0); 
	position:fixed;
	left:0;
	top:240px;
	width:240px;
	padding: 5px 15px 20px;
	z-index:13;
	background: #fafafa;
}
.cslnb:after { content:""; display:block; clear:both; }
.cslnb .divideContent { float: left; width: 110px; margin-left: 20px;}
.cslnb .divideContent:first-child { margin-left: 0;}

.cslnb h3 { padding-top: 15px; margin-top: 15px; border-top: 1px solid #eaeaea; }
.cslnb h3, .cslnb h3 a { font-size:12px; color:#000; text-indent: 5px; }
.cslnb h3:first-child { border-top: 0; margin-top: 0;}
.cslnb ul { margin-top: 10px;}
.cslnb ul li { margin: 4px 0;  text-indent: 5px;}
.cslnb ul li a { font-size:11px; color:#878787;}
.cslnb ul li a.on { color:#000; }

.cslnb .displayBtn { position: absolute; top: 0; right:-18px; cursor:pointer;}
.cslnb .displayBtn  { width:18px; height:83px; background:url("../../_mplshop/images/lq_btn_open.png") no-repeat;  }
.cslnb.nowShow .displayBtn { background:url("../../_mplshop/images/lq_btn_close.png") no-repeat; }
.cslnb .displayBtn li { margin-bottom: 10px;}

.root_daum_roughmap {padding:0 !important; border:none !important; width:100% !important;}

.mapContent { width: 100%;}
.mapText { width: 100%; margin-top: 45px;}
.mapText .title { margin-bottom: 15px; font-size: 25px; padding-left:10px; color: #000;  font-weight:700;}
.mapText .contxt { width: 100%; overflow: hidden; padding: 20px 0; border-bottom: 1px solid #eaeaea; }
.mapText .subject { float: left; width:200px; padding-left:10px; font-size: 18px; color: #000; font-weight: bold; vertical-align: middle;}
.mapText .text { float: left;  font-size: 16px; color: #818181; line-height:26px;}
.mapText .text.num { color:#000; }
.line1 { color: #0064b5; }
.line4 { color: #27abff; }
.line6 { color: #d3612e; }
.linejung { color: #3baab4; }

/* 공통 적용 css */
/* 1:1 문의 조회기간 영역 */
.date_check_box h3 {display:none;}
.date_check_box{border:1px solid #eaeaea;}
.date_check_calendar,
.date_check_calendar .anniversary {width:auto;}
.date_check_calendar {margin:0 10px 0 10px;}
.date_check_list {padding:0;}
/* 서브 디자인 페이지 */
.desiginPageWarp {clear:both; width: 100%; }
@media screen and (max-width:1024px){
	.date_check_calendar .anniversary {max-width:150px; font-size:13px;}
}
@media screen and (max-width:900px){
	.date_check_box {padding:10px 5px 10px 5px; margin:0 auto 20px; text-align:center;}
	.date_check_list {display:none;}
	.date_check_calendar {float:none; display:inline-block;}
	.date_check_calendar .anniversary,
	.date_check_calendar input {width:120px;}
}
@media screen and (max-width:768px){	
	.mapText { margin-top: 35px;}
	.mapText .title { font-size: 20px; padding-left:0; }
	.mapText .contxt {padding:15px 0;}
	.mapText .subject {width:25%; padding:0; font-size:16px;}
	.mapText .text {width:75%; font-size:14px;}

	.base_info_sec .member_email input[type="text"]{width:80%;}
	.base_info_sec .member_email select {display:none;}
	.join_base_wrap table th,.join_base_wrap table td {display:block; padding: 10px 15px;}
	#contents .member_address .address_input {float:none !important; clear:both;}
}
@media screen and (max-width:560px){
	.date_check_calendar {clear:both; margin:0 5px 5px 0; text-align:center;}
	.date_check_box h3 {display:none;}
}
@media screen and (max-width:460px){
	.mapText { margin-top: 25px;}
	.mapText .title { font-size: 18px; padding-left:0; }
	.mapText .contxt {padding:12px 0;}
	.mapText .subject {width:25%; padding:0; font-size:14px;}
	.mapText .text {width:75%; font-size:13px;}
}