/* /상단 수정부분/ */
.brandPageWarp {clear:both; width: 100%; padding-bottom: 50px; }
.brandPageWarp .titleAreaBrand { margin:0 0 30px; 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;}
.brandPageWarp .brandTab { margin: 0 auto 35px; }
.brandPageWarp .brandTab ul { text-align: center; font-size:0; }
.brandPageWarp .brandTab ul li {display: inline-block; }
.brandPageWarp .brandTab ul li a { display: inline-block; max-width: 210px; padding:8px 20px; margin:0 2px; font-size:14px; color:#777; text-align:center; overflow:hidden; border:1px solid #eaeaea;}
.brandPageWarp .brandTab ul li:first-child a {background:none;}
.brandPageWarp .brandTab ul li.select a { color:#000; border-bottom:1px solid #333;}
.brandPageWarp .brandTab ul li:hover a { color:#000;}

.boardCateSub { margin:0 auto 35px; text-align:center; }
.boardCateSub a { display: inline-block; max-width: 210px; padding:8px 20px; margin:0 2px; font-size:14px; color:#777; text-align:center; overflow:hidden; border:1px solid #eaeaea;}
.boardCateSub a:first-child {background:none;}
.boardCateSub a:hover {color:#000;}
.boardCateSub a.select{ color:#000; border-bottom:1px solid #333;}

/*#wide-div {*/
/*    width: 98vw;*/
/*    margin-left: calc(-49vw + 50%);*/
/*	overflow:hidden;*/
/*    text-align: center;*/
/*}*/

@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:18px;}
	.brandPageWarp .brandTab ul li a,boardCateSub a {  font-size:13px; padding:5px 15px;}
	.boardCateSub { margin:10px auto 30px; }
}

#wide-div {
	width: 100vw;
	margin-left: calc(-50vw + 50%);
	overflow:hidden;
    text-align: center;
}

@media screen and (max-width:800px){
	/* #wide-div { max-width: 100%;} */
	#wide-div img { max-width: 150%; margin-left: calc(-25%);}
}

@media screen and (max-width:460px){
	.brandPageWarp .titleAreaBrand {margin:0 0 20px;}
	.brandPageWarp .brandTab { margin: 0 auto 25px; }
	.boardCateSub { margin: 0 auto 20px; }
	.brandPageWarp .brandTab ul li a,.boardCateSub a {  font-size:12px; padding:3px 10px; margin:0 1px;}
	#wide-div { max-width: 100%;}
	#wide-div img { max-width: 160%; margin-left: calc(-30%);}

}
@media screen and (max-width:400px){
	.brandPageWarp .titleAreaBrand h2{font-size:16px;}
	.brandPageWarp .brandTab ul li a,.boardCateSub a {font-size:11px; padding:3px 10px;}
	#wide-div { max-width: 100%;}
	#wide-div img { max-width: 160%; margin-left: calc(-30%);}

}

.serviceSide {
	opacity: 0;
	filter: alpha(opacity=0);
	position:fixed;
	left:0;
	top:155px;
	width:130px;
	padding: 5px 15px 20px;
	z-index:13;
	background: #f8f8f8;
	display: none;
}
.mypageSide {
	opacity: 0;
	filter: alpha(opacity=0);
	position:fixed;
	left:0;
	top:50%;
	width:240px;
	padding: 5px 15px 20px;
	z-index:13;
	background: #f8f8f8;
    display: flex;
    transform: translateY(-50%);
}
.cslnb:after { content:""; display:block; clear:both; }
.cslnb.mypageSide:after {display: none !important;}
.cslnb .divideContent {position: relative; /* 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:13px; 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:12px; 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: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;}
}

@media screen and (max-width:759px){
	.join_base_wrap .member_cont colgroup col {width:100% !important;}
	.member_cont .base_info_sec table input[type="text"]{width:100% !important;}
	.member_cont .base_info_sec table .address_postcode input[name="cellPhone"]{width:100% !important}
	.member_cont .base_info_sec table .address_postcode input[name="zonecode"]{width:calc( 100% - 105px) !important}
	.member_cont .base_info_sec table .member_warning input[type="password"]{width:100% !important;}
}

/* 240313 마이페이지 사이드 로그아웃 버튼 추가 */
button.btn-logout {position: absolute; left: 0; bottom: 0; font-size: 13px; font-weight: 400; color: #000; padding: 0; margin: 0; box-shadow: none; border: 0; text-indent: 5px;}
button.btn-logout:hover {font-weight: 500;}