/* /상단 수정부분/ */
.brandPageWarp {clear:both; width: 100%; padding-bottom: 50px; }
.brandPageWarp .titleAreaBrand { margin:0 0 20px; padding:20px 0 0 0; font-size: 14px; border-bottom: 1px solid #eaeaea;}
.brandPageWarp .titleAreaBrand h2{padding: 0 0 8px 0; display: inline-block; color: #333; border-bottom: 3px solid #333; font-size:16px;}
.brandPageWarp .brandTab { margin: 0 auto 35px; }
.brandPageWarp .brandTab ul { text-align: left; font-size:0; }
.brandPageWarp .brandTab ul li {display: inline-block; }
.brandPageWarp .brandTab ul li a { display: inline-block; max-width: 210px; padding:8px 15px; font-size:12px; color:#777; text-align:center; overflow:hidden; border-bottom:2px solid #fff; background:url('../images/common/barline_st1.png') no-repeat left 44%;}
.brandPageWarp .brandTab ul li:first-child a {background:none;}
.brandPageWarp .brandTab ul li.select a { color:#000; border-bottom:2px solid #333;}
.brandPageWarp .brandTab ul li:hover a { color:#000;}

.boardCateSub { margin:0 auto 35px; text-align:left; }
.boardCateSub a { display: inline-block; max-width: 210px; padding:8px 15px; font-size:12px; color:#777; text-align:center; overflow:hidden; border-bottom:2px solid #fff; background:url('../images/common/barline_st1.png') no-repeat left 44%;}
.boardCateSub a:first-child {background:none;}
.boardCateSub a:hover {color:#000;}
.boardCateSub a.select{ color:#000; border-bottom:2px solid #333;}

@media screen and (max-width:1240px){
	.brandPageWarp .titleAreaBrand {padding:20px 5px 0;}
	.brandPageWarp .brandTab,
	.boardCateSub {padding-left:5px;}
	.brandPageWarp .brandTab ul li a
	.boardCateSub a{  padding:5px 15px;}
}
@media screen and (max-width:760px){
	.brandPageWarp {padding-bottom: 30px; }
	.brandPageWarp .titleAreaBrand h2{ font-size:14px;}
	.brandPageWarp .brandTab ul li a { padding:5px 15px;}
	.boardCateSub { margin:10px auto 30px; }
	.boardCateSub a{   padding:5px 15px;}
}
@media screen and (max-width:460px){
	.brandPageWarp .brandTab ul li a {  padding:3px 10px;}
	.boardCateSub a{  padding:3px 10px;}
}
@media screen and (max-width:400px){
	.brandPageWarp .titleAreaBrand h2{font-size:13px;}
	.brandPageWarp .brandTab ul li a {font-size:11px; padding:3px 10px;}
	.boardCateSub a{  font-size:11px; padding:3px 10px;}
}

.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("../images/lq_btn_open.png") no-repeat;  }
.cslnb.nowShow .displayBtn { background:url("../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:900;}
.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; }
@media screen and (max-width:760px){
	.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;}
}
@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;}
}
/* 공통 적용 css */
/* 1:1 문의 조회기간 영역 */
.date_check_box{border:1px solid #eaeaea;}
@media screen and (max-width:900px){
	.date_check_box {margin:0 10px 35px 10px; padding:10px 10px 10px 15px;}
	.date_check_list {display:none;}
	.date_check_calendar input {width:120px;}
}
@media screen and (max-width:760px){
	.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; clear:both;}
}
@media screen and (max-width:560px){
	.date_check_box {margin: 0 0 15px 0;}
	.date_check_calendar {float:none; clear:both; margin:0 0 5px 0; text-align:center;}
	.date_check_box h3 {display:none;}
	.date_check_box .btn_date_check {float:none; clear:both; display:block; margin:0 auto; width:255px;}

}