@charset "utf-8";
/* CSS Document */
/**
 * custom css 입니다. 추가적인 css 는 여기에 작성을 해주세요.
 */

/* 메인 슬라이드 */
.slick-prev{left:150px;}
.slick-next{right:150px;}

#scroll_right{position:fixed; top:auto; bottom:66px; right:28px; width:88px;}
#scroll_right.ban_fixed{position:fixed; top:auto; bottom:66px; right:28px;}

/* list.css */
/* ------------- 상단 디자인 ------------- */
#header .h1_logo{position:absolute; top:-30px; left:50%; margin-left:-90.5px; text-align:center; padding:0;}
#header .header_top{height:45px; padding:17px 0 0 0; border-bottom:none;}
/* 해외몰 홈아이콘 타입 선택형(국기,언어) */
#header .top_country_list2{border:1px solid #f2f2f2;}
#header .top_country_list2 ul{border-top:1px solid #f2f2f2;}
/* 상단 배너 */
#header .top_banner_cont{position:relative; overflow:hidden; height:40px; background:#efeeea; text-align:center;}
#header .top_banner_cont.active{}
#header .top_banner_cont .top_banner_img{width:1200px}
#header .top_banner_cont .btn_top_banner{position:absolute; bottom:-6px; left:50%; margin-left:-16px; display:inline-block; width:33px; height:34px; font-size:0; text-indent:-9999px; background:url('../img/icon/icon_pbanner_open.png') no-repeat 0 0; cursor:pointer;}
#header .top_banner_cont.active .btn_top_banner{bottom:0; background:url('../img/icon/icon_pbanner_close.png') no-repeat 0 0; cursor:pointer;}
/* 상단 로그인 */
.top_member_box{margin:16px -10px 0 0px;}
.top_member_box .txt_bar{background:#f2f2f2;}
.top_member_box .member_wish a{display:block; width:14px; height:12px; padding-top:0; padding:0; margin:0; line-height:17px; text-indent:-9999px; font-size:0; background:url('../img/icon/icon_member_wish.png') no-repeat 0 center;}
.top_member_box .member_wish a:hover{background:url('../img/icon/icon_member_wish_on.png') no-repeat 0 center;}
.top_member_box .member_cart a{display:block; width:14px; height:14px; padding:0; margin:0; line-height:20px; text-indent:-9999px; font-size:0; background:url('../img/icon/icon_member_cart.png') no-repeat 0 center;}
.top_member_box .member_cart a:hover{background:url('../img/icon/icon_member_cart_on.png') no-repeat 0 center;}
.top_member_box > li:first-child{/* margin:0 66px 0 0; */}
.top_member_box > li.top_member_myp{margin:0 66px 0 0;}
.top_member_box > li.member_wish{position:absolute; top:5px; right:39px;}
.top_member_box > li.member_cart{position:absolute; top:3px; right:10px;}
.top_member_box > li a{color:#999999;}
.top_member_box > li a:hover{text-decoration:none; color:#444444;}
.top_member_box > li strong{display:inline-block; position:absolute; top:-23px; left:-3px; width:21px; padding:1px 0 2px 0; color:#b8874d; background:#ffffff; border:1px solid #e4e4e4; border-radius:2px; font-size:11px; text-align:center;}
.top_member_box > li strong em{display:block; width:17px; margin:0 auto; overflow:hidden;}
.top_member_box > li strong span{position:absolute; display:block; content:''; width:7px; height:7px; background:url('../img/icon/bg_top_mem_arrow.png') no-repeat 0 0; bottom:-7px; left:6px;}
/* 마이페이지 레이어 */
.top_mypage_cont{width:85px; padding:0 0 0 12px;}
.top_mypage_cont .top_mypage_tit{background:url("../img/etc/select_arrow_down_11x7.png") no-repeat 55px -3px;}
.top_mypage_cont .top_mypage_tit a{padding:4px 0 4px 18px; background:url("../img/icon/icon_member_mypage.png") no-repeat 0 center;}
.top_mypage_cont .top_mypage_tit a:hover{color:#444444; background:url("../img/icon/icon_member_mypage_on.png") no-repeat 0 center; text-decoration:none;}
.top_mypage_cont .top_mypage_tit.active{display:block; margin:0; padding:0; border:none; background:url("../img/etc/select_arrow_up_11x7.png") no-repeat 55px center;}
.top_mypage_cont .top_mypage_tit.active a{padding: 4px 0 4px 18px;}
.top_mypage_cont ul{display:block; position:absolute; top:19px; left:5; width:76px; padding:3px 0 3px 0; border:1px solid #ebebeb; background:#ffffff; z-index:40;}
.top_mypage_cont li a:hover{color:#555555; text-decoration:none; background:#f2f2f2;}
/* ------------- 상단 검색 ------------- */
#header .header_search{border-bottom:none;}
#header .header_search_cont{min-height:25px;}
/* 검색창 */
#header .top_search{top:30px; border:none;}
#header .top_search .top_text_cont{width:160px; background:#ffffff; border-bottom:1px solid #f2f2f2;}
#header .top_search .top_text_cont .top_srarch_text{height:30px; padding:6px 25px 5px 7px; color:#333333; font-size:13px;}
#header .top_search .top_text_cont .top_srarch_text::placeholder {color:#bababa; font-weight:bold;}
#header .top_search .top_text_cont .btn_top_srarch{position:absolute; top:8px; right:0px; border-left:none;}
#header .top_search .search_cont{position:absolute; top:30px; left:0; display:block; width:334px; margin:0; font-size:0; border:1px solid #f2f2f2; background:#ffffff;}
/* 전체 메뉴 */
#header .gnb_allmenu_wrap .gnb_allmenu{top:48px; background:#222222; border:1px solid #222222;}
#header .gnb_allmenu_wrap .gnb_allmenu_box{padding:28px 20px 40px 20px;}
/* 전체 메뉴 버튼 */
.btn_all_menu_open{top:18px; left:0px; background:none;}
.btn_all_menu_close{top:-31px; width:16px; height:16px; background:#fff url('../img/common/btn/btn_allmenu_close.png') no-repeat 0 0;}
/* 전체 메뉴 내용 */
.gnb_allmenu_box .all_menu_cont > a {border-bottom:1px solid #454545;}
.gnb_allmenu_wrap .gnb_allmenu_box ul li a{padding:8px 0 9px 10px; font-size:13px; color:#ffffff;}
.gnb_allmenu_wrap .gnb_allmenu_box ul li a{-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out;}
.gnb_allmenu_wrap .gnb_allmenu_box .all_depth2{margin:0 0 0 10px;}
.gnb_allmenu_wrap .gnb_allmenu_box .all_depth1{border-top:none; padding:8px 0 0 0;}
.gnb_allmenu_wrap .gnb_allmenu_box .all_depth1 li a{color:#e1e1e1;}
.gnb_allmenu_wrap .gnb_allmenu_box .all_depth1 li a:hover{background:#454545; text-decoration:none;}
.gnb_allmenu_wrap .gnb_allmenu_box .all_depth2 li a{font-size:13px; color:##e1e1e1;}
.gnb_allmenu_wrap .gnb_allmenu_box .all_depth2 li a:hover{background:#454545;}
.gnb_allmenu_wrap .gnb_allmenu_box .all_depth3 li a{color:##e1e1e1;}
/* gnb 양쪽 버튼 */
#header .gnb_left{margin:0 0 0 201px;}
#header .gnb_left a{width:30px;}
#header .gnb_right{right:227px; top:-2px;}
#header .gnb_right a{width:30px;}
/* 뎁스메뉴 보더 */
#header .gnb_menu_box{width:720px;}
/* ------------- 하단 디자인 ------------- */
/* 컨텐츠 하단 */
.content_info_wrap{background:#f2f2f2;}
.content_info{padding:0; overflow:hidden; position:relative;}
.content_info h3{display:inline-block; padding:29px 0 7px 0;color:#343434; font-size:15px; font-weight:bold;}

/* 컨텐츠 하단 메뉴 */
.bottom_menu_list{overflow:hidden; display:table; width:100%; margin:30px 0 30px 0;}
.bottom_menu_list .bottom_left_menu,
.bottom_menu_list .bottom_right_menu{position:absolute; display:table-cell;}
.bottom_menu_list .bottom_left_menu{top:59px; left:0;}
.bottom_menu_list .bottom_right_menu{top:59px; right:0;}
.bottom_menu_list .bottom_menu_box{float:left; overflow:hidden; width:200px; text-align:center;}
.bottom_menu_list .bottom_menu_box h3{padding:0 0 20px 0; color:#343434; font-size:15px;}
.bottom_menu_list .bottom_menu_box ul li{padding:0 0 13px 0;}
.bottom_menu_list .bottom_menu_box ul li a{font-size:12px; color:#343434;}
.bottom_info_list{display:block; overflow:hidden; width:294px; margin:0 auto; min-height:321px;  background:#ffffff; text-align:center;}
/* cs center */
.content_info .cs_center{float:none; width:auto; margin:30px 0 30px 0;}
.content_info .cs_center h3{background:url('../img/icon/icon_cs.png') no-repeat center 0;}
.content_info .cs_center strong{padding:0; color:#999999; font-size:19px; font-weight:normal;}
.content_info .cs_center p{font-size:12px; color:#999999;}
/* bank info */
.content_info .bank_info{float:none; width:auto; padding:0; margin:20px 0 0 0;}
.content_info .bank_info h3{background:url('../img/icon/icon_bank.png') no-repeat center 0;}
.content_info .bank_info strong{padding:0; color:#999999; font-size:19px; font-weight:normal;}
.content_info .bank_info p{font-size:12px; color:#999999;}
/* 풋터 */
#footer_wrap{position:relative; border-top:none;}
#footer{overflow:hidden; padding:0; background:#323232;}
/* 풋터 메뉴 */
.foot_list{border-bottom:none; line-height:normal;}
.foot_list ul{overflow:hidden; padding:30px 0 0 0; text-align:center;}
.foot_list ul li{float:none; display:inline-block;}
.foot_list ul li a{display:inline-block; padding:0 0 0 14px; line-height:6px; height:8px; color:#a0a0a0; border-left:1px solid #646464;}
.foot_list ul li a strong{font-weight:normal;}
.foot_list ul li:first-child a{padding:0 15px 0 0; border-left:0 none;}
/* 회사 정보 */
.foot_cont{padding:0 0 10px 0; font-size:12px; line-height:18px; text-align:center;}
.foot_cont .foot_info{float:none; color:#ffffff;}
.foot_cont .foot_info_list dd a{color:#ffffff; font-size:12px;}
.foot_cont strong,
.foot_cont b{font-weight:normal;}
/* 사용자정보확인 */
.btn_licensee_info{color:#ffffff; font-size:10px; border-bottom:1px solid #333333;}
/* ------------- 스크롤 배너 ------------- */
/* 스크롤이동 고정 위치 */
#scroll_left.ban_fixed{margin-left:-753px; top:86px;}
#scroll_right.ban_fixed{bottom:66px; right:28px; margin:0;}
/* 스크롤배너(왼쪽) */
#scroll_left{left:-153px; top:86px;}
/* 스크롤배너(오른쪽) */
#scroll_right{position:fixed; bottom:66px; right:28px; width:88px;}
.scroll_right_cont{float:none; width:86px; min-width:58px; padding:0; background:#ffffff; border:1px solid #e7e7e7;}
.scroll_right_cont h4{padding:19px 0 5px 0; min-height:45px;}
.scroll_right_cont ul{padding:5px 0 6px 0;}
.scroll_right_cont li{width:58px; height:58px; margin:0 auto 2px auto; padding:0 0 0 0; border:none; background:#ffffff; text-align:right;}
.scroll_right_cont .photo{width:58px; height:58px;}
/* 최근본 상품 내용 */
.scroll_right_cont .src_box{height:53px;}
.scroll_right_cont .src_box em{height:23px;}
/* 상품리스트 페이징 */
.scroll_right_cont .scr_paging{padding:0 0 16px 0;}
#scroll_right .btn_scroll_top, #scroll_right .btn_scroll_bottom {display:block; padding:0; clear:both; text-align:center;}
#scroll_right .btn_scroll_bottom {padding:3px 0 0 0;}
#scroll_right .btn_scroll_top a, #scroll_right .btn_scroll_bottom a {border:none;}
/* 퀵메뉴 */
.qck_menu_box{width:48px; margin:20px 0 0 20px;}
.qck_menu_box ul li{position:relative;}
.qck_menu_box ul li:first-child{border-top:1px solid #e7e7e7;}
.qck_menu_box ul li a{display:block; width:46px; height:46px; background:#fbfbfb; border:1px solid #e7e7e7; border-top:none;}
.qck_menu_box ul li.btn_qck_menu01 a{background:#fbfbfb url('../img/icon/icon_qck_brand.png') no-repeat center;}
.qck_menu_box ul li.btn_qck_menu01 a:hover{background-image:url('../img/icon/icon_qck_brand_on.png');}
.qck_menu_box ul li.btn_qck_menu02 a{background:#fbfbfb url('../img/icon/icon_qck_wish.png') no-repeat center;}
.qck_menu_box ul li.btn_qck_menu02 a:hover{background-image:url('../img/icon/icon_qck_wish_on.png');}
.qck_menu_box ul li.btn_qck_menu03 a{background:#fbfbfb url('../img/icon/icon_qck_cart.png') no-repeat center;}
.qck_menu_box ul li.btn_qck_menu03 a:hover{background-image:url('../img/icon/icon_qck_cart_on.png');}
.qck_menu_box ul li span{display:none; position:absolute; top:13px; left:-76px; display:inline-block; padding:2px 7px 3px 7px; border:1px solid #e7e7e7; background:#ffffff; color:#333333; font-size:11px;}
.qck_menu_box ul li.btn_qck_menu02 span,
.qck_menu_box ul li.btn_qck_menu03 span{left:-65px;}

/* layout.css */
.headerFix{position:fixed; top:-127px; left:0; z-index:200; width:100%; min-width:1200px;}
.gnb_sub_bg{display:none; position:absolute; top:48px; left:0; width:100%; padding:0 0 40px 0; background:#f6f6f6; z-index:100;}
#header_warp.headerFix .header_gnb{padding:2px 0 0 0; border-bottom: 1px solid #f3f3f3;}
#header .header_gnb{position:relative; background:#fff;}
#header .gnb .depth0 > li{position:static;}
#header .gnb .depth0 > li > a{position:relative; padding-bottom:9px; font-size:18px; font-weight:normal; line-height:39px; color:#8e8e8e;}
#header .gnb .depth0 > li > a:hover{color:#111111;}
#header .gnb ul li a{-webkit-transition: all .2s ease-in-out;-moz-transition: all .2s ease-in-out; -o-transition: all .2s ease-in-out;}
#header .gnb .depth0 > li a.active:after{position:absolute; bottom:0; left:50%; display:block; content:''; width:12px; height:7px; margin-left:-8px; background:url('../img/icon/bg_menu_arrow.png') no-repeat 0 0;}
#header .gnb .depth1{left:50%; width:688px; margin-left:-344px; padding:0 0 0 10px; background:none; border:none; z-index:101;}
#header .gnb .depth1 > li{display:inline-block; vertical-align:top; padding:20px 0 0 0; min-height:20px;}
#header .gnb .depth1 > li a{width:142px; margin:0 30px 0 0; padding-left:0; padding-right:0; color:#5a5959; font-size:14px; font-weight:bold; }
#header .gnb .depth1 > li a:hover{color:#5a5959; text-decoration:underline; background:none;}
#header .gnb .depth1 > li a.active:after{background:none;}
#header .gnb .depth1 > li a img{width:142px;}
#header .gnb .depth1 li a.active{background:none; color:#5a5959;}
#header .gnb .depth2 li{line-height:14px;}
#header .gnb .depth2 li a{color:#a1a1a1; font-size:12px; font-weight:normal;}
#header .gnb .depth2 li a:hover{color:#a1a1a1;}
#header .gnb .depth2 li a.active{color:#a1a1a1;}
#header .gnb .depth3 {padding:0 0 0 10px;}
#header .gnb .depth3 li{line-height:11px;}
#header .gnb .depth3 li a{padding-left:8px; background:url('../img/icon/icon_menu_dot.png') no-repeat 0 10px;}
#header .gnb .depth3 li a:hover{padding-left:8px; background:url('../img/icon/icon_menu_dot.png') no-repeat 0 10px;;}
#header .gnb .depth2{display:block !important; position:static; background:none; border:none; padding:2px 0 0 0;}
#header .gnb .depth3{display:block !important; position:static; background:none; border:none;}
#header .gnb .depth4{display:block !important; position:static; background:none; border:none;}

/* 상품 갤러리형을 기본으로 */
.goods_list_tit{border-bottom:none;}
.goods_list_tit h3{font-size:22px; text-align:center;}
/* 갤러리형 기본 */
.main_content .item_gallery_type{}
.main_content .item_gallery_type > ul > li{-webkit-transition: .2s ease-in-out;transition: .2s ease-in-out;-webkit-backface-visibility: hidden;}
.main_content .item_gallery_type > ul > li:hover{-webkit-transform:translateY(-2%); transform: translateY(-2%); -webkit-transition: .2s ease-in-out; transition: .2s ease-in-out; -webkit-backface-visibility: hidden;}
.main_content .item_gallery_type .item_cont{position:relative; overflow:hidden; margin:0 10px 0 10px; padding:0; border:1px solid #f1f1f1; text-align:center; box-shadow: 0px 0px 15px -6px rgba(0,0,0,0.14); -webkit-box-shadow: 0px 0px 15px -6px rgba(0,0,0,0.14); -moz-box-shadow:0px 0px 15px -6px rgba(0,0,0,0.14)}
.main_content .item_gallery_type .item_photo_box{position:static; border:none;}
.main_content .item_gallery_type .item_info_cont{display:block; padding:20px 0 20px 0; border-top:1px solid #f1f1f1;}
.main_content .item_gallery_type .item_tit_box,
.main_content .item_gallery_type .item_money_box,
.main_content .item_gallery_type .item_icon_box,
.main_content .item_gallery_type .item_number_box{padding-left:20px; padding-right:20px;}
/* 상품이동형 : 가로 */
.item_slide_horizontal .slick-prev,
.item_slide_horizontal .slick-next{width:27px; height:53px;}
.item_slide_horizontal .slick-prev{left:0px; background:url('../img/common/btn/btn_horizontal_prev.png') no-repeat left top;}
.item_slide_horizontal .slick-prev:hover{background:url('../img/common/btn/btn_horizontal_prev.png') no-repeat left top;}
.item_slide_horizontal .slick-next{right:0px; background:url('../img/common/btn/btn_horizontal_next.png') no-repeat left top;}
.item_slide_horizontal .slick-next:hover{background:url('../img/common/btn/btn_horizontal_next.png') no-repeat left top;}
.item_slide_horizontal .item_photo_box{border:none;}
/* 장바구니형 */
.item_basket_type .item_link{bottom:20px; left:50%; width:105px; height:52px; margin-left:-52px; text-align:left; background:#ffffff; border:1px solid #e4e4e4; background:none;}
.item_basket_type .item_link img{display:none;}
.item_basket_type .item_money_box .item_price{padding:2px 0 5px 0;}
/* 찜하기버튼 */
.btn_basket_get{float:left; width:53px; height:52px; border-right:1px solid #e4e4e4;}
.btn_basket_get span{width:52px; height:52px; font-size:0; text-indent:-9999px; background:#ffffff url('../img/icon/goods_icon/icon_basket_get.png') no-repeat center;}
.btn_basket_get span:hover{background:#ffffff url('../img/icon/goods_icon/icon_basket_get_on.png') no-repeat center;}
/* 장바구니버튼 */
.btn_basket_cart{width:52px; height:52px;}
.btn_basket_cart span{width:52px; height:52px; font-size:0; text-indent:-9999px; background:#ffffff url('../img/icon/goods_icon/icon_basket_cart.png') no-repeat center;}
.btn_basket_cart span:hover{background:#ffffff url('../img/icon/goods_icon/icon_basket_cart_on.png') no-repeat center;}

.sub_search_box .benefit_box span {vertical-align: middle;}
.sub_search_box .benefit_box span label {word-break: break-all;}

.btn_box_goods_view.np { width:calc(100% - 264px); display:table;}
.btn_box_goods_view.np .naverpay_goods_view { width:63%; float:right; clear:both; margin-top:10px; }
.btn_box_goods_view.np .naverpay_goods_view > div,
.btn_box_goods_view.np .naverpay_goods_view > div.npay_storebtn_bx { width:100% !important; }
.body-goods-view .btn_choice_box .btn_box_goods_view.np button.btn_add_cart { width:63% !important; float:right; }
.cart .button_box.np { width:420px; margin:90px auto 0;}
.cart .button_box.np > * { margin:0 !important; }
.naverpay_goods_view { display:none !important; }

.bottle_regi .sita_btn { position:relative; }
.bottle_regi .sita_btn.disabled { position:absolute; left:0; top:0; width:100%; height:100%; content:''; z-index:1; }