@charset "utf-8";

/* path */
.path { width:100%; padding:15px 0 19px 0; }
.path > li { position:relative; display:inline; padding-left:25px; background:url(../img/brandhall/common/ico_arrow.png) no-repeat -10px -107px; }
.path > li:first-child { padding-left:0; background:none; }
.path > li a {color:#000}
.no_path { padding-top:30px; }
.path .selectwrap {display:inline-block; position:relative; min-width:103px; padding:6px 10px; border:1px solid #e0e0e0; border-radius:2px;}
.path .selectwrap > a {padding-right:10px;}
.path .selectwrap > a:after {content:""; display:block; width:8px; height:4px; margin-top:-2px; position:absolute; top:50%; right:10px; background:url('../img/brandhall/common/ico_arrow.png') no-repeat 0 -1136px;}
.path .selectbtn {display:block;}
.path .selectlist{display:none; min-width:123px; position:absolute; top:23px; left:-1px; z-index:10; padding-top:2px; border:1px solid #e0e0e0; border-radius:0 0 2px 2px; border-top:none; background:#fff;}
.path .selectlist li {padding:0 27px 0 10px; border-top:1px solid #e0e0e0; background:#fff;}
.path .selectlist li a {display:block; width:100%; height:30px; line-height:30px; white-space:nowrap;}
.path .selectlist li:hover {background:#373231;}
.path .selectlist li:hover a {color:#fff;}

.brand_shop.brandHall {width:931px;}

/* lnb */
.brand_lnb_wrap { border:2px solid #373231; }
.brand_lnb_wrap .h2_area { padding:24px 0; background-color:#373231; text-align:center; font-size:22px;  color:#fff; }
.brand_lnb_wrap .h2_area h2 { margin-bottom:20px; padding-bottom:21px; background:url(../img/brandhall/sub/bg_line_15px.png) no-repeat 50% bottom; color:#fff !important; }
.brand_lnb_wrap .h2_area h2 a {color:#fff;}
.brand_lnb_wrap .h2_area p { font-size:10px; }
.brand_lnb_wrap .h2_area span { color:#95908f; padding:0 2px; }

.brand_lnb_wrap .lnb { height:auto; padding:22px 15px 7px 15px; }
.brand_lnb_wrap .lnb li a { display:block; padding:0 0 12px 15px; background:url(../img/brandhall/common/ico_arrow.png) no-repeat -20px -110px; color:#4c3a36; font-size:13px; }
.brand_lnb_wrap .brand { width:100%; }
.brand_lnb_wrap .brand dt a { display:block; padding:15px 14px; font-size:14px;  color:#959595; border-top:1px solid #493a37; border-bottom:1px solid #493a37; background:url(../img/brandhall/common/ico_toggle.png) no-repeat 153px 18px; }
.brand_lnb_wrap .brand dt a.on { background:url(../img/brandhall/common/ico_toggle.png) no-repeat 153px -32px; }
.brand_lnb_wrap .brand dd { text-align:center; }
.brand_lnb_wrap .brand dt + dd { margin-top:1px; }
.brand_lnb_wrap .brand dd a { display:block; }
.brand_lnb_wrap dl.brand_on dd a { display:block; position:relative; }
.brand_lnb_wrap .brand dd a span { display:none; margin:0 10px; padding:10px 0; width:156px; height:32px; line-height:1.5;  background:#e53433; color:#fff; }
.brand_lnb_wrap .brand dd a img {  width:116px; height:37px; padding:7px 20px; border-bottom:1px solid #bfbfbf;}
.brand_lnb_wrap dl.brand_on dd a:hover span  { display:block; position:absolute; top:-1px; left:0; }
.brand_lnb_wrap .brand dt+dd img { border-top-color:#fff; }

/* category_wrap */
.category_wrap { width:100%; margin-bottom:30px; }
.category_wrap .brand_lnb_wrap { box-sizing:border-box; float:left; width:183px; max-height:none; overflow:hidden}

/* category_wrap (2depth) */
.category_wrap .brand_lnb_wrap .lnb { padding:18px 16px 0 16px; }

/* brand_mall */
.brand_mall { float:right; width:724px; }
.brand_mall_title { position:relative; margin-bottom:20px; }
.brand_mall_title h3 { border:none; border-bottom:2px solid #333; padding:0; height:65px; }
.brand_mall .br_img {width:100%; margin-bottom:30px; }
.brand_mall .br_img p {margin-bottom:20px; line-height:18px;}
.brand_mall .br_img > img { width:100%; }
.brand_mall .product_list_wrap .product_list {width:722px;}
.brand_mall .product_list_wrap .product_list > li, .brand_mall .product_list_wrap .product_list > li:first-child { margin-left:11px; }
.brand_mall .new_brand .product_top_list.best_4 > li { float:left; width:241px; }
.brand_mall .new_brand .product_top_list.best_4 > li:first-child { width:241px; }

/* brand_mall_lnb */
.brand_mall_lnb > li a {  }
.brand_mall_lnb li a { display:block; padding:15px 14px; font-size:13px;  color:#333; border-top:1px solid #493a37; background:url(../img/brandhall/common/ico_toggle.png) no-repeat 153px 18px; }
.brand_mall_lnb li.on a { background-position:153px -32px; }
.brand_mall_lnb li.on .depth01 {display:block;}
.brand_mall_lnb li a.no_depth { background-image:none; }
.brand_mall_lnb li a.last { border-bottom:0; }
.brand_mall_lnb li .depth01 { display:none; padding:5px 0; border-top:1px solid #493a37; }
.brand_mall_lnb li .depth01 > li a { padding:9px 0 9px 20px; color:#666;  border:none; background: url('../img/brandhall/common/ico_arrow.png') no-repeat -10px -100px; }
.brand_mall_lnb li .depth01 > li.on > a { color:#e53433; font-weight:bold; background: url('../img/brandhall/common/ico_arrow.png') no-repeat -10px 12px; }
.brand_mall_lnb li .depth01 li .depth02 { /*.padding-top:12px;*/ padding-left:16px; }
.brand_mall_lnb li .depth01 li .depth02 li { padding:5px 0 5px 0; }
.brand_mall_lnb li .depth01 li .depth02 li a { padding:0; color:#888; font-size:11px; background-image:none; }


.brand_shop .product_off_wrap .product_off {padding:54px 10px 40px;}
.brand_shop .product_off .prtit_area {position:absolute; top:0; left:0; box-sizing:border-box; width:100%; padding:15px 10px; z-index:1}
.brand_shop .new_brand .product_off .ico_rank {top:0; left:0; width:35px; height:35px; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; line-height:35px; text-align:center; font-size:18px; color:#6d6050;}
.brand_shop .new_brand .product_off .ico_rank.fst {color:#e53433;}
.brand_shop .new_brand .product_off .prtit_area {padding:12px 10px 12px 48px;}
.brand_shop .product_off_wrap .product_over_wrap .msg_area {height:70px;}
.brand_shop .product_off_wrap .product_over_wrap .msg_area .msg {padding-top:30px;} /* 개발자 추가 (2017.02.20) */
.brand_shop .product_off_wrap .product_over_wrap .pr_info {height:70px;}



.brand_shop .product_top_list .product_off_wrap {border-left:1px solid #e0e0e0;}
.brand_shop .product_top_list>li:first-child .product_off_wrap {border-left:none;}

/* new_brand */
.brand_shop .new_brand { margin-bottom:30px; }
.brand_shop .new_brand .new_brand_banner { margin-top:15px; }
.brand_shop .new_brand .new_brand_banner .list_cont { position:relative; float:left; background-color:#fff; border:1px solid #e0e0e0; width:219px; height:172px; margin-left:15px; }
.brand_shop .new_brand .new_brand_banner .list_cont:first-child { margin-left:0; }
.brand_shop .new_brand .new_brand_banner .list_cont dl { padding-bottom:12px; }
.brand_shop .new_brand .new_brand_banner .list_cont a { display:block; }
.brand_shop .new_brand .new_brand_banner .list_cont dl dt.img { overflow:hidden; height:96px; border-bottom:1px solid #e0e0e0; }
.brand_shop .new_brand .new_brand_banner .list_cont dl dt.img > img:first-child { width:100%; height:100%; }
.brand_shop .new_brand .new_brand_banner .list_cont dl dt.img .ic { position:absolute; right:10px; top:70px; }
.brand_shop .new_brand .new_brand_banner .list_cont dl dt.img .badge_sale { position:absolute; right:10px; top:70px; }
.brand_shop .new_brand .new_brand_banner .list_cont dl dd.tit {height:34px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:10px 10px 5px 10px; font-size:14px; font-family:'NotoSansBold'; line-height:1.3; }
.brand_shop .new_brand .new_brand_banner .list_cont dl dd.date { overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 10px; font-size:12.1px; color:#888; }
.brand_shop .new_brand .new_brand_banner .list_cont .list_over { display:none; position:absolute; left:0; top:0; width:215px; height:169px; border:2px solid #333; }
.brand_shop .new_brand .new_brand_banner .list_cont .list_over a { position:absolute; bottom:0; right:0; z-index:2; }
.brand_shop .new_brand .new_brand_banner .list_cont:hover > .list_over { display:block; }
.brand_shop .product_list_wrap .tab_area .btn { float:none; width:90px; position:absolute; right:5px; }

.brand_shop h3 { text-align:center; font-size:19px; color:#333; font-family:'NotoSansBold'; padding:13px 0; border:1px solid #bfbfbf; border-top:2px solid #333; }
.brand_shop .compare h3 { text-align:center; font-size:19px; color:#333; font-family:'NotoSansBold'; padding:0; border:none; }
.brand_shop .product_list_wrap .view_img > ul > li { height:320px; }

.brand_shop .new_brand .product_list_wrap {border-top:0; height:370px; overflow:hidden; }
.brand_shop .new_brand .product_top_list { border-bottom:0; }
.brand_shop .new_brand .product_list { overflow:hidden; border-top:none; }
.brand_shop .new_brand .product_list_wrap .btn_move a { overflow: hidden; position: absolute; top:125px; display: block; width: 32px; height: 50px; font-size: 1px; text-indent: -9999px; z-index:9;} /* 수정 (2017.02.21) */
.brand_shop .new_brand .product_list_wrap .btn_move a.prev { left:0; background:url(../img/brandhall/common/ico_prev3.png) no-repeat 0 0;}
.brand_shop .new_brand .product_list_wrap .btn_move a.next { right:0; background:url(../img/brandhall/common/ico_next3.png) no-repeat 0 0;}

/*.brand_shop .new_brand .ico_rank { position:absolute; top:0; left:0; padding:7px; color:#898178; font-size:18px; font-family:'NotoSansBold'; border-right:1px solid #e0e0e0; border-bottom:1px solid #e0e0e0; }*/
.brand_shop .new_brand .ico_fir { color:#e53433; }
.brand_shop .new_brand .product_list_wrap .product_list .prtit_area {left:45px; width:172px;}

.detail_view .login_limit.productModuleNew {z-index:1000 !important;} /* 개발자 추가 (2017.02.20) */

/* 2017.06.07 오리진 브랜드샵 수정 */
.brand_mall_title.brand_logo_type h3 {padding:0; border:none; border-bottom:2px solid #333;}

/* 2018.04.17 브랜드관 메인페이지 배너 확대 */
.brand_mall .brand_new_banner {margin-bottom:30px; width:724px;}
.brand_mall .brand_new_banner .banner_area_type01 {position:relative; margin-bottom:10px; width:724px;}
.brand_mall .brand_new_banner .banner_area_type01 img {width:724px; height:300px;}
.brand_mall .brand_new_banner .banner_area_type01 .brand_slide {width:724px; height:300px;}
.brand_mall .brand_new_banner .banner_area_type01 .brand_slide li {position:absolute; display:none; top:0; left:0; width:100%;}
.brand_mall .brand_new_banner .banner_area_type01 .brand_slide li.on {display:block;}
.brand_mall .brand_new_banner .banner_area_type01 .slide_paging.clear_both {position:absolute; bottom:16px; left:50%; margin-left:-150px; width:300px; text-align:center;}
.brand_mall .brand_new_banner .banner_area_type01 .slide_paging.clear_both li {float:none; display:inline-block; padding-left:10px; width:10px; height:10px;}
.brand_mall .brand_new_banner .banner_area_type01 .slide_paging.clear_both li:first-child {padding-left:0;}
.brand_mall .brand_new_banner .banner_area_type01 .slide_paging.clear_both li a {display:block; width:10px; height:10px; background:url('../img/common/slide_paging_new.png') no-repeat 0 0; text-indent:-9999px; background-size:10px;}
.brand_mall .brand_new_banner .banner_area_type01 .slide_paging.clear_both li a.on {background-position:0 -15px;}
.brand_mall .brand_new_banner .banner_area_type02 {height:258px;}
.brand_mall .brand_new_banner .banner_area_type02 .img_area img {width:450px; height:258px;}
.brand_mall .brand_new_banner .banner_area_type02 .last_banner {float:right; width:264px; height:258px;}
.brand_mall .brand_new_banner .banner_area_type02 .last_banner:after {content:""; display:block; clear:both;}
.brand_mall .brand_new_banner .banner_area_type02 .mov_area {display:inline-block;}
.brand_mall .brand_new_banner .banner_area_type02 .mov_area a,
.brand_mall .brand_new_banner .banner_area_type02 .mov_area img {display:none;}
.brand_mall .brand_new_banner .banner_area_type02 .mov_area.img_area iframe {display:none;}
.brand_mall .brand_new_banner .banner_area_type02 .mov_area.img_area a,
.brand_mall .brand_new_banner .banner_area_type02 .mov_area.img_area img {display:inline;}