@charset "utf-8";

/* 회원가입 이메일 자동완성 */
.autocomplete-suggestions { 
	border: 1px solid #ccc; 
	max-height: 150px; 
	overflow-y: auto; 
	position: relative; 
/* 	position: absolute;  */
	background-color: white; 
	z-index: 1000; 
	width: calc(100% - 22px); 
} 

/* ============== 쇼핑몰 브랜드(brand) - shopj02 brand02 기준 ============== */
.brand_wrap{padding-top: 30px;}
.brand_wrap .common_tit{padding:30px 30px 10px;text-align: center;font-size:28px;color:#111;}
.brand_wrap .common_desc{font-size:16px;color:#666;margin:8px 0 30px;text-align: center;}
.brand_wrap .tab{width:100%;overflow:hidden;margin-bottom: 30px;border:0;}
.brand_wrap .tab li{width:16.66666666666667%;float:left;}
.brand_wrap .tab li a{display:block;height: 41px;border:1px solid #d9d9d9;font-size:16px;color:#444;line-height: 2.5;text-align: center;border-right-width:0;}
.brand_wrap .tab li:nth-of-type(6n) a{border-right-width: 1px;}
.brand_wrap .tab li:nth-of-type(n+7) a{border-top: 0;}
.brand_wrap .tab li.on a{border-color:#007bc8;background:#007bc8;color:#fff;font-weight: 700;border-left:1px solid #007bc8;}
.brand_wrap .tab li:hover a{border-color:#007bc8;background:#007bc8;color:#fff;font-weight: 700;border-left:1px solid #007bc8;}
.brand_wrap .prd_list_wrap{}
.brand_wrap .prd_list{overflow:hidden;}
.brand_wrap .prd_list li{float:left;width:32%;margin-right:2%;margin-bottom: 2%;}
.brand_wrap .prd_list li:nth-of-type(3n){margin-right: 0;}
.brand_wrap .prd_list li > a{display:block;position:relative;padding-top:100%;overflow:hidden;}
.brand_wrap .prd_list li > a img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.brand_wrap .brand_info{position:absolute;top:0;bottom: 0;left: 0;right: 0;text-align: center;background:rgba(0,0,0,0.05);}
.brand_wrap .brand_info:hover{background:rgba(0,0,0,0.2);}
.brand_wrap .brand_name{width:100%;position:absolute;top:50%;margin-top:-16px;text-align: center;color:#fff;line-height: 1.2em;font-weight: bold;font-size:30px;letter-spacing: -0.05em;}
.brand_wrap .prd_item_group{overflow:hidden;border:1px solid #d9d9d9;border-top:0;padding:10px;}
.brand_wrap .prd_item_group a{display:block;width:30%;float:left;}
.brand_wrap .prd_item_group a + a{margin-left: 5%;}
.brand_wrap .prd_info{}
.brand_wrap .prd_img{position:relative;padding-top:100%;overflow:hidden;}
.brand_wrap .prd_img:hover:after{content:'';display:block;width:100%;height: 100%;position:absolute;top:0;left:0;right:0;bottom:0;background:rgba(0,0,0,0.1);}
.brand_wrap .prd_img img{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover;}
.brand_wrap .prd_name{font-size:13px;color:#444;line-height: 1.36;height: 2.71429em;overflow:hidden;}
.brand_wrap .prd_price{font-size:13px;color:#111;}
.brand_wrap .prd_price strong{font-size:15px;}
/* 브랜드 헤더 (브랜드관 상단) */
.brand_wrap .brand_header{position:relative;height:320px;background-size:cover;background-position:center;background-repeat:no-repeat;background-color:#1a1a2e;margin-bottom:40px;overflow:hidden;}
.brand_wrap .brand_header_overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg, rgba(0,0,0,0.7) 0%, rgba(0,0,0,0.4) 50%, rgba(0,0,0,0.7) 100%);}
.brand_wrap .brand_header_content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:20px;}
.brand_wrap .brand_logo{width:120px;height:120px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden;box-shadow:0 4px 20px rgba(0,0,0,0.3);margin-bottom:15px;}
.brand_wrap .brand_logo img{max-width:80%;max-height:80%;object-fit:contain;}
.brand_wrap .brand_logo_text{font-size:24px;font-weight:bold;color:#333;text-align:center;padding:10px;}
.brand_wrap .brand_title{font-size:32px;font-weight:700;color:#fff;margin:0 0 5px 0;text-shadow:0 2px 10px rgba(0,0,0,0.3);}
.brand_wrap .brand_title_eng{font-size:14px;color:rgba(255,255,255,0.7);margin:0 0 15px 0;letter-spacing:2px;text-transform:uppercase;}
.brand_wrap .brand_meta{display:flex;align-items:center;justify-content:center;gap:20px;margin-bottom:20px;}
.brand_wrap .brand_meta .brand_visitor{font-size:14px;color:rgba(255,255,255,0.8);}
.brand_wrap .brand_meta .brand_visitor i{margin-right:5px;}
.brand_wrap .brand_meta .brand_link{font-size:14px;color:rgba(255,255,255,0.8);text-decoration:none;transition:color 0.2s;}
.brand_wrap .brand_meta .brand_link:hover{color:#fff;}
.brand_wrap .brand_meta .brand_link i{margin-right:5px;}
.brand_wrap .brand_actions{}
.brand_wrap .btn_brand_info{display:inline-block;padding:12px 30px;background:transparent;border:2px solid rgba(255,255,255,0.8);color:#fff;font-size:14px;font-weight:600;border-radius:30px;cursor:pointer;transition:all 0.3s;}
.brand_wrap .btn_brand_info:hover{background:#fff;color:#333;border-color:#fff;}
.brand_wrap .btn_brand_info i{margin-right:8px;}

/* 기존 brand_cover 스타일 유지 (호환성) */
.brand_wrap .brand_cover{height: 260px;margin-bottom: 50px;}
.brand_wrap .brand_cover .common_tit{padding:0; height:120px;}
.brand_wrap .brand_cover .common_tit img{height: 120px;}
.brand_wrap .brand_cover .brand_cover_btns{margin:20px 0;text-align: center;}
.brand_wrap .brand_cover .brand_cover_btns button{display:inline-block;min-width:2.57143em;height: 2.57143em;padding:0 0.85714em;border:1px solid #c9c9c9; vertical-align: middle;text-align: center;transition:0.15s;font-size:14px;background:transparent;margin:0 4px;}
.brand_wrap .brand_cover .brand_cover_btns button:hover{border-color:#fff;background:rgba(0,0,0,0.2);}
.brand_wrap .brand_cover .brand_cover_btns button span{color:#fff;}
.brand_wrap .brand_cover .brand_cover_btns button i{color:#fff;}
.brand_wrap .brand_cover .brand_cover_visitor{color:#fff;opacity:0.8;text-align:center;font-size:14px;}
.brand_wrap .brand_cover .brand_cover_visitor span{}

/* 브랜드 소개 팝업 */
.brand_wrap .brand_pop{display:none;}
.brand_wrap .view_brand{position:fixed;overflow:auto;overflow-x:hidden;top:0;left:0;width:100%;height: 100%;text-align: center;z-index:5000;background-color:rgba(0,0,0,0.5);}
.brand_wrap .view_brand .box{width:850px;min-height: 400px;position:fixed;left:50%;left:50%;margin-left: -425px;margin-top: 100px;z-index:2500;box-sizing:border-box;padding:25px;border-radius:10px;box-shadow:0 10px 40px rgba(0,0,0,0.3);background-color: #fff;}
.brand_wrap .view_brand .title{line-height: 40px;position:relative;margin-bottom: 20px;border-bottom:1px solid #eee;padding-bottom:15px;}
.brand_wrap .view_brand .title h2{font-size:22px;color:#333;text-align: left;font-weight:600;}
.brand_wrap .view_brand .title .close{display:block;position:absolute;right:0;top: 0;font-size:24px;line-height: 40px;color:#999;font-weight: 400;transition:color 0.2s;}
.brand_wrap .view_brand .title .close:hover{color:#333;}
.brand_wrap .view_brand .info{text-align: left;font-size:15px;line-height: 1.8;color:#555;}
.brand_wrap .view_brand .info img{max-width:100% !important;height:auto !important;}

@media all and (max-width:1000px){
	.brand_wrap .prd_list li{width:49%;}
	.brand_wrap .prd_list li:nth-of-type(3n){margin-right: 2%;}
	.brand_wrap .prd_list li:nth-of-type(2n){margin-right: 0%;}
	.brand_wrap .view_brand .box{width:80%;margin-left: -40%;}
	.brand_wrap .brand_header{height:280px;}
	.brand_wrap .brand_logo{width:100px;height:100px;}
	.brand_wrap .brand_title{font-size:26px;}
}

@media all and (max-width:640px){
	.brand_wrap{padding-top: 4.6875vw;}
	.brand_wrap .common_tit{padding:4.6875vw 4.6875vw 1.5625vw;font-size:4.375vw; height:18.75vw !important;}
	.brand_wrap .common_tit img{}
	.brand_wrap .common_desc{font-size:2.5vw;margin:1.25vw 0 4.6875vw;}
	.brand_wrap .tab{margin-bottom: 4.6875vw;}
	.brand_wrap .tab li{width:25%;}
	.brand_wrap .tab li:nth-of-type(6n) a{border-right-width: 0;}
	.brand_wrap .tab li:nth-of-type(4n) a{border-right-width: 1px;}
	.brand_wrap .tab li:nth-of-type(n+5) a{border-top: 0;}
	.brand_wrap .tab li a{height: 6.40625vw;font-size:2.5vw;}
	.brand_wrap .brand_name{margin-top:-2.5vw;font-size:4.6875vw;}
	.brand_wrap .prd_item_group{padding:1.5625vw;}
	.brand_wrap .prd_name{font-size:2.03125vw;}
	.brand_wrap .prd_price{font-size:2.03125vw;}
	.brand_wrap .prd_price strong{font-size:2.34375vw;}
	.brand_wrap .prd_list li{width:100%;margin-right:0;}

	.brand_wrap .brand_cover{height: 40.625vw;}
	.brand_wrap .brand_cover .common_tit img{height: 18.75vw;}
	.brand_wrap .brand_cover .brand_cover_btns{margin:3.125vw 0;}
	.brand_wrap .brand_cover .brand_cover_btns button{font-size:2.1875vw;margin:0 0.625vw;}
	.brand_wrap .brand_cover .brand_cover_visitor{font-size:2.1875vw;}
	.brand_wrap .view_brand .box{width:90%;margin-left:-45%;margin-top: 31.25vw;padding:3.90625vw;}
	.brand_wrap .view_brand .title{line-height: 6.25vw;margin-bottom: 3.125vw;}
	.brand_wrap .view_brand .title h2{font-size:3.4375vw;}
	.brand_wrap .view_brand .title .close{font-size:4.6875vw;line-height: 6.25vw;}
	.brand_wrap .view_brand .info{font-size:2.1875vw;}

	/* 브랜드 헤더 모바일 */
	.brand_wrap .brand_header{height:220px;margin-bottom:20px;}
	.brand_wrap .brand_header_content{padding:15px;}
	.brand_wrap .brand_logo{width:70px;height:70px;margin-bottom:10px;}
	.brand_wrap .brand_logo_text{font-size:16px;}
	.brand_wrap .brand_title{font-size:20px;margin-bottom:3px;}
	.brand_wrap .brand_title_eng{font-size:11px;margin-bottom:10px;letter-spacing:1px;}
	.brand_wrap .brand_meta{flex-wrap:wrap;gap:10px;margin-bottom:12px;}
	.brand_wrap .brand_meta .brand_visitor,
	.brand_wrap .brand_meta .brand_link{font-size:12px;}
	.brand_wrap .btn_brand_info{padding:8px 20px;font-size:12px;}
}


/* 20260212 추가 */
.root_daum_roughmap .cont {
	display: none;
}

.root_daum_roughmap {
	width: 100% !important;
	height:100% !important;
}	

.root_daum_roughmap .wrap_map {
	height:100% !important;
}