@charset "UTF-8";
/**
   Bang So Jung CSS
   http://bangsojung.com/
**/
/*

        레이아웃 가이드 CSS

*/
/*------------------------------------------------------
    HEADER
------------------------------------------------------*/
#HEADER {position:fixed;top:0;left:0;width:100%;height:130px;z-index:100;}
#HEADER::before {content:'';position:absolute;top:0;left:0;width:100%;height:100%;background-color:#333;opacity:1;z-index:-1;}

/* 상단 */
.head__top > .maxWidth {display:flex;align-items:center;padding:16px 0;}


/* 검색 */
.head__search {position:relative;margin:0px 20px;}
.head__search--int {display:flex;align-items:center;width:660px;height:48px;padding:0px 30px;padding-right:100px;background-color:transparent;border:1px solid #fff;border-radius:50px;box-sizing:border-box;font-weight:400;font-size:14px;color:#fff;}
.head__search--int .search_int {display:block;width:100%;height:100%;background-color:transparent;border:none;font-size:14px;color:#fff;}
.head__search--int .search_int:focus {border-color:#fff !important;}
.head__search--int .search_int::placeholder {font-weight:300;color:#d6d6d6;text-align:center;}
.search_int::-webkit-input-placeholder {font-weight:300;color:#d6d6d6;text-align:center;}
.search_int:-ms-input-placeholder {font-weight:300;color:#d6d6d6;text-align:center;}
.head__search--btn {position:absolute;top:10px;right:20px;width:26px;height:26px;background-repeat:no-repeat;background-position:center;background-color:transparent;background-image:url(../../images/common/ico_search.svg);}

/* 검색 레이어 */
.search_auto_layer {display:none;position:absolute;top:58px;left:0;right:0;width:100%;max-height:500px;background-color:#fff;border-radius:10px;box-shadow:1px 9px 20px rgb(0 0 0 / 7%);box-sizing:border-box;z-index:100;}
.search_auto_layer .mCSB_container {padding:35px 30px;}
.search_auto_list {display:none;}
.search_auto_list{ position: absolute; top:auto; left: 0; width: 100% !important; bottom: 0; height:340px;background-color: #fff; border-radius: 10px; padding: 20px 30px; z-index: 9;}
/*급상승검색어*/
.search__popularKeyword .product__inner {margin-bottom: 20px;}
.search__popularKeyword.search_auto_layer_slide_goods .pag{ width: 100%; text-align: center;}
.search__popularKeyword.search_auto_layer_slide_goods .pag .swiper-pagination-bullet-active{ background-color: #222;}
.search__popularKeyword.search_auto_layer_slide_goods .pag .swiper-pagination-bullet{ width:7px;height:7px;}
.search__popularKeyword .slide-bx{ overflow: hidden;}

/* 검색결과 없음 */
.search__nopost {display:none;padding:65px 0px;}
.search__nopost i {display:block;width:60px;height:60px;margin:0 auto;margin-bottom:20px;background-color:#D9D9D9;border-radius:100%;background-size:24px;}
.search__nopost p {font-size:18px;color:#999;text-align:center;}
/*-- 최근검색어 --*/
.keyword__head {display:flex;justify-content:space-between;margin-bottom:10px;padding-bottom:10px;background-color:#fff;}
.keyword_all_delete {font-weight:700;font-size:14px;color:#222;text-decoration:underline;}
.keyword__list li {display:flex;align-items:center;justify-content:space-between;list-style:none;margin-top:0; line-height:30px;}
.keyword__list li:first-child {margin-top:0px;}
.keyword__list li > div{ text-align: center;}
.keyword__list li > div:first-child{ display: flex;align-items:center;}
.keyword__list li > div:first-child > b { width: 20px; text-align: center; color:#222; margin-right: 8px; font-weight: 500;}
.search_auto_list li + li{ margin-top: 10px;}
.keyword_text--title {font-size:16px;line-height:16px;color:#222;}
.keyword_text--title span{ color: #ff0000;}
.keyword_text--date {display:flex;align-items:center;justify-content:space-between;width:60px;font-size:14px;color:#999;text-align:left;}
.keyword_text--delete {display:flex;}
.keyword__body {box-sizing:border-box;}
/*-- 키워드 브랜드--리스트 --*/
.keyword_brand .keyword_text--title {display:flex;align-items:center;width:100%;box-sizing:border-box;}
.keyword_brand .keyword_text--title:after {content:'BRAND';display:block;margin-left:9px;padding:6px 12px;background-color:#222;border-radius:40px;font-family:"Noto Sans KR","AppleSDGothcNeo","AppleGothic", sans-serif;font-weight:700;font-size:13px;color:#fff;line-height:13px;}
/*-- 키워드 브랜드--선택 --*/
.keyword_auto_complete {display:none;align-items:center;height:30px;padding:0px 12px;background-color:#fff;border-radius:30px;font-family:"Noto Sans KR","AppleSDGothcNeo","AppleGothic", sans-serif;font-weight:500;font-size:13px;color:#222;box-sizing:border-box;}
.keyword_auto_complete span {white-space:nowrap;margin-right:5px;}
.keyword_auto_complete .ico_close3 {width:8px;height:8px;margin-top:-3.5px;}
.keyword_auto_complete.active {display:flex;}
.keyword_auto_complete.active:first-child {margin-left:-20px;}
.keyword_auto_complete {margin-right:10px;}
/* 컬러선택 */
.select_color_btn {position:absolute;top:8px;right:55px;width:30px;height:30px;background-image:url(../../images/common/select_color.svg);border-radius:10px;}
/*-- 컬러레이어  --*/
.select_color_layer {display:none;position:absolute;top:58px;right:33px;width:365px;padding:20px;background-color:#fff;border-radius:10px;box-shadow:3px 3px 20px rgba(0, 0, 0, 0.15);z-index:100;box-sizing:border-box;}
.select_color_layer ul {display:flex;align-items:center;flex-wrap:wrap;list-style:none;margin:-7px;}
.select_color_layer li {margin:7px;}
.select_color_layer a {position:relative;display:flex;align-items:center;height:30px;padding:0px 10px;border-radius:30px;font-weight:500;font-size:13px;color:#222;}
.select_color_layer a .ico_close_s {margin-left:4px;}
.key_color_auto {padding:0 8px;}

.search___keyword{ width: 100%; padding-bottom: 28px; margin-bottom: 25px; border-bottom: #ececec 2px solid;}
.search___keyword .keyword__head{ margin-bottom: 5px;}
.search___keyword .keyword__list{ display: flex; flex-wrap: wrap;}
.search___keyword .keyword__list > li{ display: flex; justify-items: center; font-size: 14px; margin-bottom: 5px; padding: 0 10px; margin-right: 10px; height: 30px; align-items: center; border: #bbb 1px solid; border-radius: 15px; }
.search___keyword .keyword__list > li .keyword_text--title{ font-size: 14px;}
.search___keyword .keyword__list > li .keyword_text--delete{ position: relative; margin-left: 10px; width: 20px; height: 20px;  overflow: hidden;}
.search___keyword .keyword__list > li .keyword_text--delete::before { content: ''; transform: rotate(45deg); width: 14px; height: 2px; background-color: #666; display: block;    position: absolute; top: 50%; left: 50%; margin: -1px 0 0 -7px;}
.search___keyword .keyword__list > li .keyword_text--delete::after { content: ''; transform: rotate(-45deg); width: 14px; height: 2px; background-color: #666; display: block;    position: absolute; top: 50%; left: 50%; margin: -1px 0 0 -7px;}
.search___keyword .keyword__list > li .keyword_text--delete i{ display: none;}


/* 오른쪽 gnb 메뉴 */
.head__navi {display:flex;align-items:center; margin-left: auto;}
.head__navi > a {position:relative;display:flex;align-items:center;margin-left:12px;}
.head__navi > a:first-child {margin-left:0px !important;}
.head__navi > a span {margin-left:7px;white-space:nowrap;letter-spacing:-0.01em;}
.head__navi > a:hover{ color:#FF5C00;}
.head__navi > a:hover i.ico_basket_f{ background-image: url('../../images/common/ico_basket_o.svg');}
.head__navi > a:hover i.ico_noti_f{ background-image: url('../../images/common/ico_noti_o.svg');}
.head__navi > a:hover i.ico_mypouch_f{ background-image: url('../../images/common/ico_mypouch_o.svg');}
.noti_on::before {content:'';position:absolute;top:0px;right:0px;width:5px;height:5px;background-color:#FF5C00;border-radius:5px;}
.head_btn--mypouch::before {content:'';display:flex;align-items:center;width:1px;height:22px;margin-right:12px;background-color:#FFF;opacity:0.2; display: none;}
.noti_number {display:flex;align-items:center;justify-content:center;position:absolute;top:-2px;right:-4px;width:14px;height:14px;background-color:#FF5C00;border-radius:14px;font-weight:500;font-size:9px;color:#fff;}
.head_btn--tx{ color: #fff;}
.head_btn--tx + .head_btn--tx::before {content:'';display:flex;align-items:center;width:1px;height:12px;margin-right:12px;background-color:#FFF;opacity:0.2; }

/* 첫번째 메뉴 */
.lnb--menu_first {position:relative;padding-left:29px;}
.lnb--menu_first > a {margin-left:18px;height:50px;padding:17px 0px;font-weight:500;font-size:15px;color:#fff;line-height:15px;box-sizing:border-box;}
.lnb--sub_all .sub_menu__area {display:flex;}
.lnb--sub_all .sub_menu__list {width:183px;padding-left:40px;border-right:1px solid #E1E1E1;box-sizing:border-box;}
.lnb--sub_all .sub_menu__list > li > a {color:#222}
.lnb--sub_all .sub_menu__list.depth2 {padding-left:30px;}
.lnb--sub_all .menu_banner_inner {display:block;margin-bottom:10px;}

/* 전체메뉴 */
.lnb_all_menu {position:absolute;top:18px;left:0;background-color:transparent;}
.lnb_all_menu span {display:block;width:22px;height:2px;border-radius:2px;background-color:#fff;-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.lnb_all_menu .mid2 {margin:5px 0;}
.lnb_all_menu.active{-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;-webkit-transition-delay:0.2s;transition-delay:0.2s;-webkit-transform:rotate(45deg);transform:rotate(45deg);}
.lnb_all_menu.active span {background-color:#222 !important;}
.lnb_all_menu.active span.mid2 {width:0px;}
.lnb_all_menu.active span.mid1,
.lnb_all_menu.active span.mid3 {-webkit-transition-delay:0.15s;transition-delay:0.15s;}
.lnb_all_menu.active span.mid1{-webkit-transform:translateY(7px);transform:translateY(7px);}
.lnb_all_menu.active span.mid3 {-webkit-transform:translateY(-7px)rotate(90deg);transform:translateY(-7px)rotate(90deg);}

/* lnb 메뉴 */
.header__lnb {-webkit-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
.header__lnb > .maxWidth {display:flex;align-items:center;justify-content:space-between;height:50px;}
.lnb--nav {display:flex;align-items:center;}
.lnb--menu {display:flex;align-items:center;}
.lnb--menu > li {display:flex;align-items:center;list-style:none;}
.lnb--menu > li > a {padding:17.5px 9px;font-family:"Noto Sans KR","AppleSDGothcNeo","AppleGothic", sans-serif;font-weight:500;font-size:15px;color:#fff;line-height:15px;-webkit-transform:perspective(1px) translateZ(0);transform:perspective(1px) translateZ(0);}
.lnb--menu > li > a:after {content:'';position:absolute;left:50%;right:50%;bottom:0;height:4px;background-color:#08080D;z-index:-1;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:0.3s;-moz-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
.lnb--menu > li.on > a {color:#FF5C00 !important;}
.lnb--menu > li:hover > a {color:#FF5C00 !important;}
.lnb--menu > li:hover > a:after {left:0;right:0;}


/* 서브메뉴 */
.lnb--sub {display:none;position:absolute;top:130px;left:0;width:100%;padding:20px 0px 40px;background-color:#fff;border-top:1px solid #E1E1E1;box-shadow:0px 13px 20px rgb(0 0 0 / 3%);}
.lnb--sub::before {content:'';position:absolute;top:0px;left:0;width:100%;height:100%;background-color:#fff;opacity:1;z-index:-1;}
.lnb--sub > .maxWidth {display:flex;justify-content:space-between;}
.sub_menu__title {margin-bottom:20px;font-weight:500;font-size:30px;color:#000;}
.lnb--sub_list {height:470px;box-sizing:border-box;}
.lnb--sub_list .sub_menu__area {padding-left:40px; max-height: 400px; overflow: hidden;}
.sub_menu__list{ position: relative; }
.sub_menu__list li {list-style:none;}
.sub_menu__list a {font-size:16px;line-height:32px;color:#999;}
.sub_menu__list a:hover {font-weight:500;;color:#222;text-decoration:underline;}
.lnb--sub_all {position:fixed;}

.sub_menu__list_depth3{ display: none; position: absolute; top: 0; left: 180px; padding-left: 30px; width: 190px;}
.sub_menu__list_depth3 a{ color:#222;}

/* 상품 */
.sub_menu__product {width:840px;}
.sub_menu__product .type_gallery.product__list > .product__inner {width:31%;}
.sub_menu__product .details_price {margin-top:0px;}
.sub_menu__product .details_title {margin-top:7px;}

/* gnb 메뉴 */
.header__gnb {display:flex;align-items:center;max-width:1200px;margin:0 auto;padding-top:10px;}
.gnb--menu {display:flex;align-items:center;}
.gnb--menu li {list-style:none;margin-left:8px;}
.gnb--menu li:first-child {margin-left:0px;}
.gnb--menu a {padding:17px 0px;font-weight:400;font-size:15px;color:#fff;line-height:15px;}

/* hover */
.header__lnb.hover {background-color:#fff;}
.header__lnb.hover .lnb--menu > li > a,
.header__lnb.hover .gnb--menu a  {color:#222;}
.header__lnb.hover .lnb--menu_first > a {color:#222;}
.header__lnb.hover .lnb_all_menu span {background-color:#222;}




/*------------------------------------------------------
    CONTAINER
------------------------------------------------------*/
#CONTAINER {min-height:100%;position:relative;outline:none;padding-bottom:50px}




/*------------------------------------------------------
    FOOTER
------------------------------------------------------*/
#FOOTER {height:310px;padding:40px 0px;background-color:#F8F8F8;box-sizing:border-box;}
#FOOTER .maxWidth {display:flex;justify-content:space-between;}
.foot_site a {margin-right:20px;font-weight:700;font-size:15px;line-height:15px;color:#666;letter-spacing:-0.01em;}
.foot_site a:last-child {margin-right:0px;}
.foot_menu {display:flex;align-items:center;margin-top:25px;}
.foot_menu a {display:flex;align-items:center;font-weight:500;font-size:14px;line-height:14px;color:#999;letter-spacing:-0.06em;}
.foot_menu a:not(:last-child)::after {content:'';display:flex;align-items:center;width:1px;height:15px;margin:0 8px;background-color:#ddd;}
.family_brand { font-size: 13px !important; width:110px;height:25px; line-height:25px;margin-left:14px;padding:0 4px;background-repeat:no-repeat;background-position:100% center !important; border-radius: 0 !important; background-image:url(../../images/common/foot_select.svg) !important;border:none;border-bottom:1px solid #ccc;font-weight:500;font-size:13px;color:#999;letter-spacing:-0.05em;box-sizing:border-box;}
.foot_address {margin-top:25px;font-size:13px;line-height:22px;color:#999;letter-spacing:-0.015em;}
.foot_address address a {font-weight:700;text-decoration:underline;}
.copyright {display:block;margin-top:20px;font-size:12px;line-height:12px;color:#999;letter-spacing:-0.01em;}
.foot_sns a {margin-right:20px;padding-top:1px;font-weight:400;font-size:14px;line-height:14px;color:#999;}
.foot_sns a:last-child {margin-right:0px;}
.foot_customer {margin-top:25px;font-size:14px;color:#999;line-height:24px;}
.foot_customer a, .foot_customer strong {font-size:16px;color:#999;}
/* 이메일 문의 */
.foot_customer .contact_person{border-top:1px solid #ddd;margin-top:10px;padding-top:10px}
.foot_customer .contact_person font{display:inline-block;line-height:1;padding:4px 5px 3px 5px;border:1px solid #ddd;margin:-3px 0 0 3px;font-size:11px;vertical-align: middle; cursor:pointer}
.foot_customer .contact_person .ocm{position:relative;display:inline-block;}
.foot_customer .contact_person .oppen_brand:hover .contact_bubble{display:inline-block;right:-50%;}
.foot_customer .contact_person .open_oversea:hover .contact_bubble{display:inline-block;right:-68%;}
.foot_customer .contact_bubble{padding:10px;margin:0;position:absolute;bottom:20px;display:none;}
.foot_customer .contact_bubble ul{font-size:12px;background:#fff;padding:10px 15px;margin:0;list-style:none;display:block;white-space:nowrap;box-shadow: 0px 0px 3px rgba(0,0,0,0.3);}
.foot_customer .contact_bubble li{border-bottom:1px solid #f9f9f9}
.foot_customer .contact_bubble li:last-child{border-bottom:none}
.foot_customer .contact_bubble:before{border:8px solid;border-color:#aaa transparent transparent transparent;content:"";position: absolute;bottom:-6px;right:48%;}
.foot_customer .contact_bubble:after{content:"";position:absolute;width:0;height:0;bottom:-6px;right:48%;border:8px solid;border-color:#fff transparent transparent transparent;}


/*------------------------------------------------------
    가이드
------------------------------------------------------*/
.include_guide {display:flex;align-items:center;justify-content:center;width:100%;height:100%;font-weight:400;font-size:20px;color:#fff;}
#FOOTER .include_guide {color:#000}

.chatBot-tbx{ position: fixed; bottom: 65px; right: 30px; width: 200px; font-size: 12px; z-index: 9998; }
.chatBot-tbx .inbx{ display: flex; width: 100%; align-items: center; justify-content: center;}
.chatBot-tbx .close{ position: relative; width: 30px; height: 30px; background-color:#e1e1e1; border-radius: 50%; border: none; border-radius: 50%;}
.chatBot-tbx .close span{ position: absolute; top: -9999px; left: -9999px;}  
.chatBot-tbx .close::before{ content: ''; position: absolute; top: 50%; left: 50%; margin: 0 0 0 -7px; width: 14px; height: 2px; background-color:#666; display: block; transform: rotate(45deg);}
.chatBot-tbx .close::after{ content: ''; position: absolute; top: 50%; left: 50%; margin: 0 0 0 -7px; width: 14px; height: 2px; background-color:#666; display: block;transform: rotate(-45deg);}
.chatBot-tbx p{ margin-left: 5px; flex:1; background-color: #e1e1e1; border-radius: 30px; height: 30px; padding: 0; display: flex; justify-content: center; align-items: center;}

.text-center {text-align: center !important;}
.padding-0-15{ padding: 0 15px;  align-items: center}
.margin-0-0-15-0{margin: 0 0 15px 0;}
.margin-60-0{margin: 60px 0;}
.font-18{ font-size: 18px; font-weight: 700; color: #000;}


#shop_goodsView.body--rv .fb__modal__layer{   background-color: transparent !important;}
#shop_goodsView.body--rv .fb__modal__layer .fb__modal__header{ display: none !important; width: 0px !important;}