@charset "utf-8";
/* CSS Document */
/**
 * custom css 입니다. 추가적인 css 는 여기에 작성을 해주세요.
 */

@import url("https://maxcdn.bootstrapcdn.com/font-awesome/4.4.0/css/font-awesome.min.css");
@import url('https://fonts.googleapis.com/css?family=Lato:100,300,400,700,900');
@import url('https://fonts.googleapis.com/css?family=Roboto:100,300,400,500,700,900');
@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}
.notosans * { font-family: 'Pretendard Variable', 'Pretendard','Noto Sans KR','돋움',Dotum,'Malgun Gothic',Verdana,sans-serif;}
.roboto * {font-family:'Roboto','Malgun Gothic', Verdana, Dotum, z sans-serif;}
.lato * {font-family:'Lato','Malgun Gothic', Verdana, Dotum,  sans-serif;}
.arial * {font-family:Arial,'Malgun Gothic', Verdana, Dotum,  sans-serif}
.kopubbatang * {font-family:'KoPub Batang', MBatang, serif;}
.notoserif * {font-family:'Noto Serif KR', MBatang, serif;}
.timesnr * {font-family:'Times New Roman', serif;}

/* RESET LAYOUT */
#container {border:none;}
#container, .container {margin:0 auto; position:relative;}
/ * 260414 숨기고 패딩 수정  #contents {min-height:auto; padding:0 0 58px;} */
#contents {min-height:auto; padding:0;} */
.sub_content {padding:15px 0 0;}
.side_cont .sub_menu_box h2 {padding:20px 0; border-top:1px solid #ececec;font-size: 20px;}
#footer_wrap {border:none;}

/* RESET LOCATION */
.location_wrap {border-bottom:none;}
.location_wrap .location_cont {width:100%;}
.sub_content .location_wrap {margin:0;}

/* RESET  GOODS_LIST */
.goods_list {padding-bottom:0;}
.goods_list_item_tit + .list_item_category {border:none;}
.location_select ul li a:hover {background:#404040;}
.goods_pick_list .pick_list_num strong {color:#404040;}
.goods_pick_list .pick_list_box {border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb;}
.goods_pick_list .pick_list_box .pick_list label.on {color:#404040;}

/* 카테고리 경로 이미지 */
.header_category_arrow{width: 13px; height: 10px; opacity: 0.5; position: relative; top: 5px; padding: 0px;}

/* RESET 전체카테고리 */
.gnb_allmenu_box .all_depth2 {display:none;}
.gnb_allmenu_box .all_depth3 {display:none;}

/* RESET 사이드카테고리 */
.sub_menu_box.layer_type ul > li > ul{padding:0;}
.sub_menu_box.layer_type .sub_depth2{top:-1px;}
.sub_menu_box.layer_type .sub_depth3{top:-1px;}
.sub_menu_box.layer_type .sub_depth4{top:-1px;}
.sub_menu_box ul > li > ul{padding:0;}
.sub_menu_box .sub_depth1 > li > a:hover{background:#4c4c4c;}
.sub_menu_box .sub_depth1 > li > a.active{background:#4c4c4c;}
.sub_menu_box .sub_depth1 li a{padding:7px 10px 9px 19px;}
.sub_menu_box .sub_depth1 li a:hover{background:#4c4c4c; }
.sub_menu_box .sub_depth1 li a.active{background:#4c4c4c;}
.sub_menu_box .sub_depth2{top:-1px;}
.sub_menu_box .sub_depth3{top:-1px;}
.sub_menu_box .sub_depth4{top:-1px;}

/* RESET 상품진열 */
.goods_list_cont ul {float:none;margin-bottom: 0px;}
.goods_list_cont ul li {margin-top:0;}

/* RESET 상품 */
.item_cont{ margin:0 auto; text-align:center; color:#1c1c1c;}
.item_photo_box a {display:block; height:100%;}
.item_info_cont {display:block; padding:0; text-align:left; vertical-align:middle;}
.item_tit_box .item_name{
    display: block;
    color: #424242;
    white-space: normal;
    font-family: 'Pretendard Variable', 'Pretendard','Noto Sans KR','돋움',Dotum,'Malgun Gothic',Verdana,sans-serif;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -0.5px;
}
/*260428 카톤할인상품 - 상품명에 인라인 없애고 CSS추가*/
/*상품리스트, 상품갤러리, 찜리스트, 장바구니 옵션선택,*/
.item_name span, 
.goods_list_hcTit span, 
.pick_add_info em span,
.option_tit_box dd strong span,
.cart_tit span span
	{color: #3488ea; font-weight: bold;}

.item_tit_box .item_name_explain{display:block; padding:3px 0 0; color:#a8a8a8;}
/* 260409 아이콘 정렬 추가 display:flex */
.item_icon_box{margin:0; padding:0; display:flex;}

.item_money_box{padding:0 0 0 0; line-height:1;}
.item_money_box del {display:block; color:#888888;}
.item_money_box .item_price {
    color: #404040;
    display: block;
    white-space: normal;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: -0.05px;
}
.item_group_type .item_info_cont {display:table-cell;}

/* RESET 검색페이지 */
.sub_search_box .quick_btn input {width:100%; padding:10px 0;}
.sub_search_box dl dd .select_box {padding-right:0;}
.sub_search_box .benefit_box span {vertical-align:top;}
.sub_search_box .benefit_box span label {background-position:left top;}
.sub_search_box .benefit_box span label:hover {background-position:left top;}
.sub_search_box .benefit_box span label.on {background-position:left top;}
.sub_search_box .benefit_box span label.on:hover {background-position:left top;}

/* RESET COLOR _ GOODSLIST */
/* .pagination .on {color:#404040; border:1px solid #404040;} */
.pagination li a, 
.pagination li span{line-height:18px; height:21px; padding:4px 5px 1px 5px !important; width:auto;}
.pagination li.on span{height:21px; text-align:center;}
/* RESET COLOR _ LOGIN */
.member_cont .member_login_box .login_input_sec button, .member_cont .member_login_box .login_input_sec button:hover {}
.member_cont .nonmember_order_box .order_input_sec button {}
/* RESET COLOR _ JOIN */
.join_agreement_wrap .member_tit .page_on,
.join_agreement_cont .form_element strong,
.join_agreement_cont .form_element span > a {color:#404040; }
/* .btn_member_next, .btn_member_next:hover {background:#404040; border:1px solid #404040;} */
/* RESET COLOR _ MYPAGE */
.mypage_top_wallet li strong {color:#404040;}
.mypage_cont .btn_date_check, .mypage_cont .btn_date_check:hover {
    background: #3488ea;
    border: 1px solid #3488ea;
    width: 120px;
    height: 45px;
    border-radius: 12px;
}
.mypage_cont .btn_date_check em{
    padding: 0 17px 0 0;
    background-image: url(../img/common/btn/btn_goods_search.png);
    background-position: 30px 6px;
    background-repeat: no-repeat;
    font-size: 15px;
    font-family: 'Noto Sans KR', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif;
    font-weight: 400;
}
.side_cont .sub_menu_box .sub_menu_mypage a:hover, .side_cont .sub_menu_box .sub_menu_mypage .active, .pick_list_num strong {    color: #3488ea;}
/* RESET COLOR _ CART */
.order_wrap .order_tit .page_on {color:#404040;    font-size: 15px;  font-family: 'Noto Sans KR', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif;}
.price_sum_cont .price_sum_list dd, .price_sum_cont .price_sum_list dd strong {color:#404040;margin-left: 5px;font-weight: bold; position: relative;font-size: 18px;}
    .price_sum_cont .price_sum_list .price_total strong{color: #3488ea; font-size: 22px;}
.btn_order_whole_buy, .btn_order_whole_buy:hover {}
.chk_none {color:#404040;}
/* RESET COLOR _ SEARCH */
.search_text_result span, .goods_pick_list .pick_list_box .pick_list label.on {color:#3488ea; font-size: 14px; }
/* LAYOUT */
#wrap {margin-left:0!important; min-width:1250px;}
#container, .container {width:1250px; position:relative; margin:0 auto; border-top:none;}
.head-wrap{height: 110px;}
.head-wrap .container{
    display: flex;
    justify-content: space-between;
    align-items: center;
}

/*RESER COLOR _ ORDER*/
.business_juso_change{
	background:#3488ea !important;
	border: 1px solid #3488ea !important;
}

.head-wrap .container h1 a img{}
.gnb, .header_top_cont, .header_search_cont, .main_goods_cont, .sub_content, .content_info, .foot_list ul, .foot_cont, .foot_certify {width:1250px; position:relative; margin:0 auto;}
.sub_content .side_cont {width:160px;font-family: 'Noto Sans KR', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif;}
.sub_search_box dl dd select {width:158px;}/* 좌측에서 -2px */
#wrap .sub_search_box dl dd .chosen-container {width:158px !important;}/* 좌측에서 -2px */

/* HEADER */
/* #header a {-khtml-transition: all .3s; -moz-transition: all 0.3s; -ms-transition: all .3s; -o-transition: all .3s; -webkit-transition: all 0.3s; transition: all 0.3s;} */
.top_line {position:relative; width:100%; height:70px; overflow:hidden;}
.top_line .cycle-carousel-wrap{position: relative!important;}
.top_line .cycle-slideshow img {
    position: absolute;
    transform: translateX(-50%);
    left: 50%;
}
.body-main.body-index.pc .top_line {
    /* height:0; */
height:70px
}
.top_line .top_line_wrap {position:absolute; top:0; left:0; margin-left:-1000px;}
.nav_top_line {position:absolute; top:5px; left:49%; margin-left:588px; z-index:60; display: none;}

#topLinePrev {cursor:pointer; transform:rotate(90deg); margin-bottom: 3px;}
#topLineNext {cursor:pointer; transform:rotate(270deg)}
#topLinePrev  img,#topLineNext img{width: 18px;opacity: .8;}

.head-wrap h1 {display:inline-block; padding:32px 0 36px 5px;}

.top-link-wrap {position:relative; background:#ffffff; height:48px; z-index:100;}
.top-link-wrap .top-favo {float:left; height:34px;}
.top-link-wrap .top-favo img {vertical-align:middle;}
.top-link-wrap .top-favo li {float:left; padding:0 10px; margin:0; border-left:1px solid #ededed; line-height:34px;}
.top-link-wrap .top-favo li a {height:34px; line-height:34px; color:#282828; font-size:12px;}
.top-link-wrap .top-favo li a:hover {color:#808080;}
.top-link-wrap .top-favo .top_sns li {padding:0; border:none;}
.top-link-wrap .top-favo .top_sns li a {padding:0 6px;}
.top-link-wrap .top-link {float:right;}
.top-link-wrap .top-link > li {float:left; position:relative;}
.top-link-wrap .top-link > li > a {
    position: relative;
    display: inline-block;
    color: #777;
    font-family: 'Noto Sans KR', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif;
    font-size: 13px;
    padding-left: 15px;
    letter-spacing: -0.05em;
    line-height: 34px;
}
.top-link-wrap .top-link > li > a:hover {color:#9a9ba2;}
.top-link-wrap .top-link > li.top_join > a {font-weight:bold; color: #3488ea;}
/* .top-link-wrap .top-link > li > a:after {position:absolute; content:""; top:11px; right:0; width:1px; height:11px; background:#d6d6d6;} */
.top-link-wrap .top-link > li > a img {position:absolute; left:50%; top:-18px; margin-left:-20px;}
.top-link-wrap .top-link > li.last a:after {display:none;}
.top-link-wrap .top-link > li .cart_cnt {display:inline-block; width:20px; height:20px; margin-left:3px; background:#3c3d40; color:#ffffff; font-size:12px; font-weight:normal; border-radius:50%; -webkit-border-radius:50%; -moz-border-radius:50%; text-align:center; line-height:20px;}
.top-link-wrap .top-link > li ul.top_cate_layer {display:none; position:absolute; top:34px; left:0; width:70px; padding:8px 5px; background:#ffffff; border:1px solid #3488ea;border-radius: 12px;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);}
.top-link-wrap .top-link > li ul.top_cate_layer li {position:relative; padding:0 0 0 5px;}
/* .top-link-wrap .top-link > li ul.top_cate_layer li:before {position:absolute; content:""; top:9px; left:0; width:1px; height:2px; background:#cccccc;} */
.top-link-wrap .top-link > li ul.top_cate_layer li a {display:block; padding:5px 0; color:#6e6e6e; font-size:12px; font-weight:normal; font-family:'돋움',Dotum,'Malgun Gothic',Verdana,sans-serif; line-height:1;}
.top-link-wrap .top-link > li ul.top_cate_layer li a:hover {color: #3488ea;}

/* 말풍선 */
ul.top_cate_layer:before {
    content: '';
    display: block;
    position: absolute;
    top: -8px;
    left: 36px;
    width: 0;
    z-index: 0;
    border-color: #3488ea transparent;
    border-style: solid;
    border-width: 0 5px 8px 5px;
}
ul.top_cate_layer:after {
    content: '';
    display: block;
    position: absolute;
    top: -7px;
    left: 36px;
    width: 0;
    z-index: 5;
    border-color: #fff transparent;
    border-style: solid;
    border-width: 0 5px 8px 5px;
}

/* 해외몰 홈아이콘 타입 노출형 */
#header .top_country_list0 {position:absolute; top:4px; left:83px; z-index:100;}
#header .top_country_list0 ul {font-size:0;}
#header .top_country_list0 ul li {display:inline-block; padding-right:2px;}

/* 상단띠배너 */
#topBanner {overflow:hidden; display: none;}
#topBanner .topBanner_wrap {width:100%; margin:0; padding:0; text-align:center;}
#topBanner .tb_Close {position: absolute;top: 27px;left: 50%;z-index: 60;margin-left: 580px;cursor: pointer;}
#topBanner .tb_Close img{width: 16px;}
#topBanner .tb_Close .tb_bn_close {color:#fff;}
/* 검색창 */
#header .top_search {
    position: absolute;
    width: 500px;
    right: auto;
    float: none;
    background: #ffffff;
    border-radius: 23px;
    z-index: 100;
    overflow: hidden;
    border: 1px solid #3488ea;
    top:32px;
    left: 50%;
    transform: translate(-50%, 0);
}
#header .top_search .search_cont .left_search_box{width: 35%;}
#header .top_search .search_cont .left_search_box .recom_photo{
    width: 110px;
    height: 110px;
    border-radius: 12px;
    overflow: hidden;
}
#header .top_search .search_cont .left_search_box .recom_photo img{max-width: 110px!important;}
#header .top_search .search_cont .right_search_box{    padding: 5px 30px;}
#header .top_search .search_cont .right_search_box dt{margin-bottom: 5px;}
#header .top_search .search_cont .right_search_box button.btn_top_search_del img {    position: relative;
    display: block;
    left: 2px;}
#header .top_search .search_cont .seach_top_all .btn_top_search_close{
    position: relative;
    left: -32px;
}
#header .top_search .top_text_cont {width:318px; background:url("../img/dimg/top_tit_search2.gif") no-repeat 0 center;    background-position-y: 1px; text-align:left;}/* 총너비 */
#header .top_search .top_text_cont  input::placeholder{
    color: #8ab1f9;
  }
#header .top_search .top_text_cont input.top_srarch_text {
    width: 400px;
    height: 43px;
    line-height: 43px;
    padding: 0;
    font-size: 15px;
    font-family: 'Noto Sans KR', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif;
    margin-left: 75px;
    border: none 0;
    vertical-align: top;
    color: #2b2b2b;
    background: none;
    box-sizing: border-box;
    position: relative;
    top: -1px;
    display: inline-block;}/* 인풋너비 */
#header .top_search .top_text_cont .btn_top_srarch {position:absolute; top:-2px; right:0;border-left:none;padding-right: 5px;}
#header .top_search .search_cont {display:block; margin:0; font-size:0; border-top:0; background:#ffffff;}


#header .top_search .search_cont .recent_box {width:500px;}/* 총너비 */
#header .top_search .recom_box + .recent_box { border-right:0; }
#header .top_search .recent_box li a {width:74%;}
#header .top_search .recom_box { float:none;  padding:15px 10% 0; border:0; border-bottom:1px solid #ececec; text-align:center;border-right: 1px solid #3488ea;margin: 0;}
#header .top_search .recom_box dt { width:100%; }

#header .top-notice {position:absolute; top:25px; right:0; width:121px; padding-left:44px; background:url("../img/dimg/icon_notice.gif") no-repeat 0 center;}
#header .top-notice .tit {float:left; margin:2px 2px 0 0; font-size:10px; color:#a1c057; letter-spacing:-1px; font-weight:bold;}
#header .top-notice ul li a {color:#666666; font-size:11px; font-weight:normal; padding-left:5px; line-height:18px;}
#header .top-notice ul li a:hover {text-decoration: underline;}
#header .top-notice li img {padding-top:3px;}

#header .top_bn {position:absolute; top:20px; right:0;}

#header .top-service {background:#fff; height:60px; border:none; position:relative; top:0; left:0; right:0; z-index:99; border-top: 1px solid #e3e3e3;border-bottom: 1px solid #e3e3e3;}
#header .top-service.fix {position:fixed;}
#header .top-service .lnb {float:left;}

/* 헤더 카테고리 리뉴얼 */
#header .top-service .gnb-right {display: flex;justify-content: right;}
#header .top-service .gnb-right .top-quick-menu{
    line-height: 55px;
}
#header .top-service .gnb-right .top-quick-menu ul{
    display: flex;
}
#header .top-service .gnb-right .top-quick-menu ul li:nth-of-type(2){
    position: relative;
}
#header .top-service .gnb-right .top-quick-menu ul li a img{
    width: 36px;
    margin-right: 11px;
    vertical-align:middle
}
#header .top-service .gnb-right .top-quick-menu ul li a .cart_cnt{
    position: absolute;
    bottom: 8px;
    right: 11px;
color: #fff;
    background: #3488ea;
    box-sizing: border-box;
    font-size: 10px;
    text-align: center;
    border-radius: 50%;
    width: 18px;
    min-width: 18px;
    height: 18px;
    line-height: 18px;
}
#header .top-service .gnb-right .top-quick-menu ul li:first-of-type a img{
    margin-left: 30px;
}
#header .top-service .gnb-right .top-quick-menu ul li:last-of-type a img{
    width: 34px;
    margin-right:0;
}


/* 전체카테고리 */
#header .gnb_all {float:left; display:block; vertical-align:top; text-align:left;}
#header .gnb_all a {font-size:15px; display:block; width:60px; height:60px; line-height:60px;     background: #fff url(../img/dimg/allbrand_icon_hover.png) no-repeat center center; color:#333;    background-size: 17px 14px; font-weight:normal; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; letter-spacing:-1px;}
#header .gnb_all a:active{background: #fff url(../img/dimg/allbrand_icon_hover.png) no-repeat center center; background-size: 17px 14px;}
#header .gnb_all a:hover{background: #fff url(../img/dimg/allbrand_icon_hover.png) no-repeat center center;background-size: 17px 14px;}
/* 전체 메뉴 버튼 */
#header .btn_all_menu_open {position:relative; top:0; left:0; background-color:transparent; font-size:0;}
#header .btn_all_menu_close {position:absolute;  background:url('/data/skin/front/designbook_thegrandA/img/icon/etc/btn_close_2.png') no-repeat 0 0;    background-size: 10px 10px; left:auto; cursor:pointer; text-indent:-9999px; font-size:0; margin-right:20px;}
.gnb_new_wrap .btn_all_menu_close{top:-32px; right: -20px;}
.brand_new_wrap .btn_all_menu_close{top:-28px; left:auto; right:-30px;}
#header .gnb_allmenu_wrap {display:block;}
#header .gnb_allmenu {position:relative; top:0; left:0; width:100%; font-size:12px; z-index:100; background:#ffffff; border:0;}
#header .gnb_allmenu_box {overflow-y:auto; height:400px; padding:0 20px;}
/* 전체 메뉴 내용 */
#header .gnb_allmenu_box ul {font-size:0; width:100%; margin:0;}
#header .gnb_allmenu_box ul li {display:inline-block; padding:20px 0 10px; margin:0; text-align:center; line-height:1; vertical-align:top; position:relative;}
#header .gnb_allmenu_box ul li a {display:block; padding:8px 0 7px 0; font-size:15px; font-weight:bold; text-align:left; word-break:break-all; color:#333;}
#header .gnb_allmenu_box ul li a > img {max-width:180px;}
#header .gnb_allmenu_box .all_menu_cont {padding:0 20px 0 20px;}
#header .gnb_allmenu_box .all_depth1,
#header .gnb_allmenu_box .all_depth2,
#header .gnb_allmenu_box .all_depth3 {margin:0;}
#header .gnb_allmenu_box .all_depth1 a,
#header .gnb_allmenu_box .all_depth2 a,
#header .gnb_allmenu_box .all_depth3 a {font-weight:normal;}
#header .gnb_allmenu_box .all_depth1 li,
#header .gnb_allmenu_box .all_depth2 li,
#header .gnb_allmenu_box .all_depth3 li {display:block; margin:0; padding:0;}
#header .gnb_allmenu_box .all_depth1 {border-top:none;}
#header .gnb_allmenu_box .all_depth1 li a {color:#555; font-size:13px; text-align:left;}
#header .gnb_allmenu_box .all_depth1 li a:hover {text-decoration:underline; color: #3488ea; background-color:#f5faff;}
#header .gnb_allmenu_box .all_depth2 {}
#header .gnb_allmenu_box .all_depth2 li a {font-size:12px;}
#header .gnb_allmenu_box .all_depth3 {}
#header .gnb_allmenu_box .all_depth3 li {padding-left:10px;}
#header .gnb_allmenu_box .all_depth3 li a {color:#888888; font-size:12px;}

/* #header .gnb_allmenu_box > ul > li:nth-child(6):before {position:absolute; content:""; top:0; left:0; width:1165px; border-top:1px solid #e3e3e3;} */
#header .gnb_allmenu_box > ul > li:nth-child(11):before {position:absolute; content:""; top:0; left:0; width:1165px; border-top:1px solid #e3e3e3;}
#header .gnb_allmenu_box > ul > li:nth-child(16):before {position:absolute; content:""; top:0; left:0; width:1165px; border-top:1px solid #e3e3e3;}
#header .gnb_allmenu_box > ul > li > .all_menu_cont > a {padding:0 0 12px; margin:0 0 8px; border-bottom:1px solid #c4c4c4;}
#header .gnb_allmenu_box > ul > li:last-of-type > .all_menu_cont > a{display: none;}
/* 서브 뎁스메뉴 보더 */
#header .sub_menu_box.layer_type {float:left;}
#header .sub_menu_box.layer_type ul > li > ul {padding:10px 0; border:none}
#header .sub_menu_box.layer_type ul > li > ul > li > ul {padding:0;}
/* 서브메뉴 최상위(0뎁스) */
#header .sub_menu_box .sub_depth0 {padding:0; font-size:0; vertical-align:top; border:none;}
#header .sub_menu_box .sub_depth0 > li {position:relative; display:block; float:left; vertical-align:top;}
#header .sub_menu_box .sub_depth0 > li > a {display:block; padding:0; color:#111; font-size:16px; font-weight:500;letter-spacing:-0.05em; text-align:left; line-height:60px;position: relative;}
#header .sub_menu_box .sub_depth0 > li > a.active {background:none; color:#666666;}

#header .sub_menu_box .sub_depth0 > li:first > a::before{display: none;}
#header .sub_menu_box .sub_depth0 > li>a::before{
  content: "";
  position: absolute;
  left: 10px;
  right: 10px; 
  bottom: 0;
  height: 3px;
  background-color: #3488ea;
  border-radius: 100px;

  transform: scaleX(0);
  transform-origin: center;
  transition: transform 0.35s ease;
}

/* active일 때 보여줌(1) */
#header .sub_menu_box .sub_depth0 > li>a.active::before{
  transform: scaleX(1);
}

#header .sub_menu_box .sub_depth0 > li>a.active::before{

}
#header .sub_menu_box .sub_depth0 > li>a.active::after{
    /* content: ""; */
    display: inline-block;
    vertical-align: middle;
    width: 5px;
    height: 5px;
    background: #3488ea;
    border-radius: 50%;
    position: absolute;
    top: 20px;
    right: 32px;
}
#header .sub_menu_box .sub_depth0 > li:last-of-type>a.active::after {
    /*left: 54px;*/
}
#header .sub_menu_box .sub_depth0 > .tit14>a.active::after {
    left: 34px!important;
}
/* 서브메뉴 1뎁스 */
#header .sub_menu_box .sub_depth1 > li {}
#header .sub_menu_box .sub_depth1 > li > a {display:block; padding:5px 10px 7px 19px; font-size:12px;}
#header .sub_menu_box .sub_depth1 > li > a:hover {background:#f5faff; color: #3488ea;}
#header .sub_menu_box .sub_depth1 > li > a.active {background:#f5faff;color: #3488ea;}
/* 서브메뉴 2,3,4 뎁스 CSS */
/* #header .sub_menu_box .sub_depth1 li {position:relative;} */
#header .sub_menu_box .sub_depth1 li a {display:block; padding:5px 15px 7px 20px; font-size:14px;color:#111;}
#header .sub_menu_box .sub_depth1 li a:hover {background:#f5faff; color: #3488ea!important; font-weight: 400;}
#header .sub_menu_box .sub_depth1 li a.active {background:#f5faff; color: #3488ea!important;font-weight: 500;}
/* 서브 레이어 타입 */
#header .sub_menu_box.layer_type a:hover,
#header .sub_menu_box.layer_type a.active {color:#3488ea;}
#header .sub_menu_box.layer_type .sub_menu0 > li > a {padding: 0 20px;}
/* #header .sub_menu_box.layer_type .sub_menu0 > li:last-of-type > a {padding: 0;}*/
/* #header .sub_menu_box.layer_type .sub_menu0 > li:first-of-type > a{padding-left: 5px;}*/
#header .sub_menu_box.layer_type .sub_menu0 > li > a:hover,
#header .sub_menu_box.layer_type .sub_menu0 > li > a.active {color:#3488ea;}
/*↓260521 상단 GNB 서브 뎁스 수정 */
#header .sub_menu_box.layer_type .sub_depth1 {display:none; position:absolute; top:100%; left:-64px; min-width:220px; background:#ffffff; z-index:3000;border-radius: 0 0 12px 12px;box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08); border-top: 1px solid #e3e3e3;}
#header .sub_menu_box.layer_type .sub_depth2 {display:none; position:absolute; top:-1px; left:100%; min-width:200px; background:#ffffff; border-radius: 0 0 12px 12px; overflow: hidden;padding: 0; box-shadow: 0 6px 12px rgba(0, 0, 0, 0.08);}
#header .sub_menu_box.layer_type .sub_depth2 li a{color: #111;    padding: 5px 0 7px 30px;   }
#header .sub_menu_box.layer_type .sub_depth3 {display:none; position:absolute; top:0; left:100%; min-width:200px; background:#ffffff;}
#header .sub_menu_box.layer_type .sub_depth4 {display:none; position:absolute; top:0; left:100%; min-width:200px; background:#ffffff;}
/* 전체카테고리 새로운 레이어 */
#header .gnb_new_wrap {
    display: none;
    position: absolute;
    top: 61px;
    left: 0;
    width: 100%;
    font-size: 12px;
    z-index: 100;
    background: #ffffff;
    border-bottom-left-radius: 12px;
    border-bottom-right-radius: 12px;
    overflow: hidden;
box-shadow: 0 8px 12px -4px rgba(191, 208, 221, 0.35);
}
#header .gnb_new_top {overflow:hidden;}
#header .gnb_new_top .gnb_new_order ul{display: flex;font-size: 13px; color: #999;     padding: 10px 10px 10px 5px; justify-content: center;   border-bottom: 1px solid #d0d0d0;}
#header .gnb_new_top .gnb_new_order ul li{    padding: 2px 4.5px;; }
#header .gnb_new_top .gnb_new_order ul li:active,#header .gnb_new_top .gnb_new_order ul li:hover{background: #f5faff; border-radius: 50%; font-weight: bold;}
#header .gnb_new_top .gnb_new_order ul li:active a,#header .gnb_new_top .gnb_new_order ul li:hover a{color: #3488ea!important; }
#header .gnb_new_top > h3 {
    float: left;
    width: 120px;
    height: 50px;
    line-height: 50px;
    padding-left: 15px;
    background: #fff;
    border-bottom: 1px solid #e3e3e3;
    border-right: 1px solid #e3e3e3; 
    color: #333;
    font-size: 15px;
    text-align: center;
    box-sizing: border-box;
  }
#header .gnb_new_top > h3::after {
    content: " ";
    width: 18px;
    height: 25px;
    background-repeat: no-repeat;
    display: inline-flex;
    align-items: center;
    background-image: url(/data/skin/front/designbook_thegrandA/img/icon/etc/down-icon.png);
    position: relative;
    top: -1px;
    left: 1px;
}
/* 공지사항 롤링 */
#header .gnb_new_top .gnb_new_notice {float:left; height:50px; line-height:47px; border-top:none; border-bottom:1px solid #e3e3e3; width:547px; position:relative; font-size:13px;}
#header .gnb_new_top .gnb_new_notice .notice_tit {float:left; display:block; padding:16px 7px 0 24px;}
#header .gnb_new_top .gnb_new_notice .notice_tit img {width: 15px;padding-top: 2px;}
#header .gnb_new_top .gnb_new_notice .notice_rolling {overflow:hidden; position:relative!important; float:left; top:0; left:0; right:auto; width:406px; height:50px!important;}
#header .gnb_new_top .gnb_new_notice .notice_rolling li {height:100%!important;}
#header .gnb_new_top .gnb_new_notice .notice_rolling li a {overflow:hidden; display:block; padding:0; text-overflow:ellipsis; white-space:nowrap; word-wrap:break-word; line-height:50px; font-size:14px;     color: #555;padding-left: 2px;}
#header .gnb_new_top .gnb_new_notice .notice_rolling li a:hover {text-decoration:underline; color:#222222;}
#header .gnb_new_top .gnb_new_notice .notice_rolling li img {vertical-align:middle;}
#header .gnb_new_top .gnb_new_notice .btn_notice_rolling {float:right; padding:0; cursor:pointer;}
#header .gnb_new_top .gnb_new_notice .btn_notice_rolling span {display:block; margin-left:-1px; line-height:1; width: 25px; height: 25px; }
#header .gnb_new_top .gnb_new_event {float:left; width:567px; height:50px; line-height:50px; background:#f5faff; border-top:none; border-bottom:1px solid #e3e3e3; font-size:15px; text-align:center;}
/*↓0527 회원가입시 적립금 문구 임시 숨김*/
#header .gnb_new_top .gnb_new_event a {position:relative; display:none;}
#header .gnb_new_top .gnb_new_event a:before {position:absolute; content:""; top:50%; left:-15px; width:9px; height:9px; margin-top:-4.5px;}
#header .gnb_new_top .gnb_new_event a:after {position:absolute; content:""; top:50%; right:-15px; width:9px; height:9px; margin-top:-4.5px;}
#header .gnb_new_top .gnb_new_event a strong {color:#555; font-weight:500;}
#header .gnb_new_top .gnb_new_event a strong span {color:#3488ea;}

/* 전체브랜드 */
#header .all-brand {float:left; display: none;}
#header .all-brand > a {
    display: block;
    height: 60px;
    padding-left:19px;
    line-height: 60px;
    font-size: 15px;
    font-weight: 500;
    letter-spacing: -0.05em;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    color: #3488ea;
}
#header .all-brand > a::after{
    content: " ";
    width: 18px;
    height: 25px;
    background-repeat: no-repeat;
    display: inline-flex;
    align-items: center;
    background-image: url(/data/skin/front/designbook_thegrandA/img/icon/etc/down-icon-y.png);
    position: relative;
    top: -1px;
    left: 1px;
}
#header .brand_new_wrap {display:none; position:absolute; top:61px; left:60px; width:340px; font-size:12px; z-index:100; background:#ffffff; border-bottom-left-radius: 12px;border-bottom-right-radius: 12px;overflow: hidden; box-shadow: 0px 5px 10px 0px rgba(0, 0, 0, 0.1);}
#header .brand_new_wrap .all-brand-layer {position:relative;}
#brand_area {overflow-y:auto; height:500px; overflow-x: hidden;}
#brand_area > ul {}
#brand_area > ul > li {position:relative; display: contents; width:20%; line-height:1; padding:10px 0; margin:0; text-align:left; vertical-align:top;}
#brand_area > ul > li .all_menu_cont {}
#brand_area > ul > li > .all_menu_cont > a {display:none; padding:0 0 10px; margin:0 20px 8px; border-bottom:1px solid #999; color:#444444; font-size:16px; font-weight:bold; text-align:left; word-break:break-all;}
#brand_area > ul > li > .all_menu_cont .all_depth1 > li > a {display:block; padding:8px 20px 7px; word-break:break-all; color:#999; font-size:13px;}
#brand_area > ul > li > .all_menu_cont .all_depth1 > li > a:hover {background: #f5faff; color: #3488ea;}
#header #brand_area > ul > li:nth-child(6):before {position:absolute; content:""; top:0; left:0; width:1165px; }
#header #brand_area > ul > li:nth-child(11):before {position:absolute; content:""; top:0; left:0; width:1165px; }
#header #brand_area > ul > li:nth-child(16):before {position:absolute; content:""; top:0; left:0; width:1165px; }

/* 전체브랜드 검색버튼 */
.active {
    color: #333;
    
  }
  
.brand_new_wrap .brand_Search_wrap{
    display: flex;
    width: 100%;
    position: relative;
}
.brand_new_wrap .brand_Search_wrap input{
    display: block;
    margin: 15px auto 0;
    border-radius: 12px;
    width: 310px;
    background: #fffaf4;
    border: none;
}
.brand_new_wrap .brand_Search_wrap img{
    position: absolute;
    top: 12px;
    right: 15px;
    width: 36px;
    height: 36px;
}
.brand_new_wrap .brand_Search_wrap input::placeholder  {
    color: #8ab1f9;
    display: block;
    margin: 0 auto;
}
/* 메인슬라이드 */

.mainTopSwiper0{
    position: relative;
    cursor: pointer;
    height: 100%;
}
.mainTopSwiper0 .swiper-wrapper{
    text-align: center;
    width: 100%;
    margin: 0 auto;
    display: flex;
    height: 100%;
}
.mainTopSwiper0 .mainTopSwiper-text-wrap{
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #e5e5e5;
    position: relative;
}
.mainTopSwiper0 .mainTopSwiper-text-wrap .mainTopSwiper-text{
    width: 1255px;
    margin: 0 auto;
    white-space: nowrap;
}
.mainTopSwiper0 .mainTopSwiper-text-wrap .mainTopSwiper-text .swiper-pagination-bullet {
    display: inline-block;
    width: 250px;
    margin: 0!important ;
    border-radius: 0;
    text-align: center;
    color:#333;
    background: #fff;
    font-family:'Noto Sans KR', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif;
    font-size: 15px;
    font-weight: 500;
    height: 50px;
    line-height: 50px;
    opacity: 1;
    border-right: 1px solid #e5e5e5;
}

.mainTopSwiper0 .mainTopSwiper-text-wrap .mainTopSwiper-text .swiper-pagination-bullet:first-of-type{
    border-left: 1px solid #e5e5e5
}

.mainTopSwiper0 .mainTopSwiper-text-wrap .mainTopSwiper-text .swiper-pagination-bullet-active {
    color: #3488ea;
    background-color:#f5faff;
}

.mainTopSwiper0 .swiper-slide img{
    display: block;
    margin: 0px auto;
    width: 100%;
    height: 100%;
    object-fit: cover;
    min-height: 450px;
}
.mainTopSwiper0 .mainTopSwiper1-btn-wrap{
    color: #fff;
    background-color: #3488ea;
    display: flex;
    justify-content: center;
    width: 100px;
    height: 35px;
    border-radius: 20px;
    position: absolute;
    top: -50px;
    right: 15px;
    z-index: 100;
    font-family: 'Noto Sans KR', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif;
    font-size: 18px;
    padding: 0px 5px;
}

.mainTopSwiper0 .mainTopSwiper1-btn-wrap .mainTopSwiper-btn{
    position: relative;
    top: 3px;
}

.mainTopSwiper0 .mainTopSwiper1-btn-wrap .mainTopSwiper1-prev img{
    position: relative;
    width: 18px;
    top: 9px;
    right: 6px;
    cursor: pointer;
}

.mainTopSwiper0 .mainTopSwiper1-btn-wrap .mainTopSwiper1-next img{
    position: relative;
    width: 18px;
    top: 9px;
    left: 6px;
    cursor: pointer;
}

/* FOOTER */
#footer .instagram-box {padding-bottom:66px;}
#footer .link {height:55px; padding:0; margin:0; background:none; text-align:center; padding-bottom: 10px;}
#footer .link ul {overflow:hidden;   font-family: 'Noto Sans KR','돋움',Dotum,'Malgun Gothic',Verdana,sans-serif; font-weight: 400;letter-spacing: -0.5px; font-size: 15px;}
#footer .link ul li {position:relative; float:left; background:none; margin:0; padding:0; display:inline-block; letter-spacing:-1px;}
#footer .link ul li:before {position:absolute; content:""; top:22px; left:0; display:block; width:1px; height:13px; background:#cad3e2;}
#footer .link ul li:first-child:before {display:none;}
#footer .link ul li:first-child a{padding-left: 0;}
#footer .link ul li a,#footer .link ul li a.privacy {display:block; padding:0 18px; color:#fff; font-size:16px; font-weight:normal; vertical-align:top; letter-spacing:-1px; line-height:53px;}
#footer .link ul li a.privacy {font-weight:bold;}

#footer .bottom {padding:40px 0 35px ; background:#ffffff; margin:0; border-top: 1px solid #e7e7e7;}
#footer .bottom .container {display:table; margin:0 auto;}
#footer .bottom .container > div {margin:0; width:auto; display:table-cell; vertical-align:top;}
#footer .bottom .container > div.cs-center {width:236px; min-height:127px; padding:0 30px 0 0; border-right:1px solid #e5e5e5; margin:0;}
#footer .bottom .container > div.bank-info {width:246px; min-height:127px; padding:0 30px; border-right:1px solid #e5e5e5;}
#footer .bottom .container > div.notice {width:336px; min-height:127px; padding:0 35px 0 24px; border-right:1px solid #e5e5e5;}
#footer .bottom .container > div.bottom-quick {min-height:127px; padding-left:30px; margin:0;}
#footer .bottom .container > div > h3 {padding:0 0 12px; margin:0; border:none; line-height:1;font-size:20px;}
#footer .bottom .container > div > p {    
    padding: 8px 0 0;
    color: #333;
    font-size: 15px;
    line-height: 1.4;
    letter-spacing: -1px;
    font-weight: 500;}

#footer .bottom .container > div.cs-center > strong {color:#1a1d2c; font-size:29px; font-weight:bold; line-height:35px;}
#footer .bottom .container > div.cs-center > strong img {vertical-align:middle;}
#footer .bottom .container > div.bank-info ul li {padding-bottom:5px; color:#333; font-size:15px; font-weight:500; line-height:1;}
#footer .bottom .container > div.bank-info ul li strong {display: inline-block; padding-left: 10px; font-size: 18px; font-weight: 600;}
#footer .bottom .container > div.bank-info > p {padding:10px 0 0;}
#footer .bottom .container > div.notice ul li {overflow:hidden; width:340px; line-height:19px; padding-bottom: 6px;}
#footer .bottom .container > div.notice ul li a {position: relative; padding-left: 10px; color: #333; font-size: 15px; font-weight: 500; letter-spacing: -1px;}
#footer .bottom .container > div.notice ul li a:before {
    position: absolute;
    content: "";
    top: 50%;
    left: 0;
    width: 3px;          
    height: 3px;         
    margin-top: -3px;   
    background: #333;
    border-radius: 50%;  
}
#footer .bottom .container > div.notice ul li .bottom-n-date {float:right; color:#a8a8a8; font-size:14px; font-weight:normal;}
#footer .bottom .container > div.bottom-quick ul {overflow:hidden;}
#footer .bottom .container > div.bottom-quick ul li {}
#footer .bottom .container > div.bottom-quick ul li:last-child {margin:0;}
#footer .bottom .container > div.bottom-quick ul li a{
    display: flex;
    padding-bottom: 6px;
}
#footer .bottom .container > div.bottom-quick ul li span {
    display: block;
    color: #333;
    font-size: 15px;
    font-weight: 500;
    padding-left: 8px;
}
#footer .bottom .container > div.bottom-quick ul li .bottom-quick-box{

}
#footer .bottom .container > div.bottom-quick ul li:last-child .bottom-quick-box{margin-right: 0;}
#footer .bottom .container > div.bottom-quick ul li:first-of-type .bottom-quick-box img{}
#footer .bottom .container > div.bottom-quick ul li .bottom-quick-box img{}
#footer .footer {padding:20px 0; background-color: #333;}
#footer .footer .container {display:table;}
#footer .footer .container .policy {display:table-cell; vertical-align:top; padding:0; font-size:13px;}
#footer .footer .container .policy * {color: #fff;}
#footer .footer .container .policy ul {overflow:hidden; color:#fff;padding: 2px 0;}
#footer .footer .container .policy ul li {float:left; padding-right:10px; font-weight: 300;}
#footer .footer .container .policy > p {padding-top:0;}
#footer .footer .container .footer-banner {overflow:hidden; display:table-cell; vertical-align:top;}
#footer .footer .container .footer-banner > div {float:left; margin:0;}
#footer .footer .container .footer-banner > div:last-child {margin:0;}
#footer .footer .container .footer-banner .footer-banner-sns{
    display: none;
    width: 200px;
    text-align: right;
    height: 60px;
    position: absolute;
    right: 0;
    top: 0;
}
#footer .footer .container .footer-banner .footer-banner-sns ul {
    display: flex;
    text-align: right;
    position: absolute;
    top: 5px;
    right: 0;
}
#footer .footer .container .footer-banner .footer-banner-sns ul li a img{
    padding: 7px;
    border: 1px solid #e0e0e0;
    border-radius: 12px;
    margin: 0 5px;
}
#footer .footer .container .footer-banner .footer-banner-sns ul li:first-of-type a img{
    padding: 7px 9.5px;
}
#footer .footer .container .footer-banner .footer-banner-logo img{
    position: absolute;
    right: 0;
    bottom: 0;
    width: 150px;
}

/* SCROLL */
.scroll_wrap {position:fixed; top:0; left:50%; width:auto; margin-left:0; z-index:2001;}
#scroll_left {position:fixed; top:auto; bottom:20px; right:20px;width:300px;height: 210px;}
#scroll_left .left_sml_bn{ border-radius: 12px;    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2); background-color: #fff;box-sizing: border-box;}
#scroll_right {position:fixed; top:0; right:-205px; bottom:0; width:auto; min-width:53px; height:100%; margin:0;}
/* 스크롤이동 고정 위치 */
#scroll_left.ban_fixed {position:fixed; top:14px; left:auto; right:50%; margin:0 570px 0 0;}
#scroll_right.ban_fixed {position:fixed; top:0; right:inherit; margin-right:0;}

/* 좌측스크롤 */
#left-fix-banne{display: none;}
.left-fix-banner .left_bannerF {position:relative; z-index:99; cursor:pointer;}
.close_area {display:block; font-size:12px; color:#353535; letter-spacing:-1px; font-weight:bold;}
.close_area input[type="checkbox"] {vertical-align:middle;}
.close_area img {vertical-align:middle;}
.left_big {opacity:0; position:fixed; height:100px; left:60px; bottom:60px; z-index:98; width:100px; color:#fff;}
.left_big img {width:100%; height:100%;}
.left_big em {display:block; width:46px; height:46px; position:absolute; top:31px; right:48px; z-index:98; cursor:pointer; text-indent:-9999px;}

/* 좌측스크롤>우측스크롤로 이동하면서 디자인 수정(백업파일 불러오시면 다시 왼쪽으로 이동합니다) */
.left-fix-banner .left_bannerF {font-family: 'GmarketSansMedium'; font-weight: 500;}
.left-fix-banner .left_bannerF h2{font-size: 16px; color: #333;margin: 2px 0;padding-bottom: 5px; border-bottom: 1px solid #ffce82;}
.left-fix-banner .left_bannerF .left-fix-text-box{padding: 20px 25px;}
.left-fix-banner .left_bannerF .left-fix-text-btn{width: 260px; height: 35px; background-color:#3488ea; border-radius: 20px;margin-top: 5px;    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05);}
.left-fix-banner .left_bannerF .left-fix-text-btn:hover{
    background-color:#ff8a05;box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
}
.left-fix-banner .left_bannerF .left-fix-text-btn p{font-size: 13px;color: #fff;text-align: center;line-height: 35px;}
.left-fix-banner .left_bannerF .left-fix-text-btn p::after{
    content: " ";
    width: 20px;
    height: 20px;
    background-size: 18px 18px;
    background-repeat: no-repeat;
    display: inline-flex;
    align-items: center;
    background-image: url(/data/skin/front/designbook_thegrandA/img/dimg/join-bnt-icon.png);
    position: relative;
    top: -2px;
    left: 3px;
}
.left-fix-banner .close_area .left-close img{
    width: 13px;
    position: absolute;
    top: 20px;
    right: 20px;
    cursor: pointer;
}

/* 좌측스크롤 end */

.scroll_right_cont {float:none; min-width:55px; padding:0; background:#ffffff; width:55px; margin:0; border:none; display:none;}
.scroll_right_cont h4 {width:53px; height:18px; margin-top:12px; background:url("../img/dimg/quick_today.gif") no-repeat center center; font-size:0;}
.scroll_right_cont ul {width:53px; margin:0 auto; padding:5px 0 0;}
.scroll_right_cont li {width:53px; height:53px; margin:0 0 4px;}
.scroll_right_cont .photo {width:53px; height:53px; background-size:53px 53px;}
.scroll_right_cont .scr_paging {overflow:hidden; width:55px; text-align:center; line-height:1;}
.scroll_right_cont .scr_paging span {display:none; padding:0;}
.scroll_right_cont .scr_paging button {display:inline-block; line-height:1;}
.scroll_right_cont .scr_paging button img {vertical-align:middle;}
.scroll_right_cont .src_box {height:51px; padding:2px 0 0 7px;}/* 이미지높이 -2px */
.scroll_right_cont .src_box em {height:34px; line-height:16px;}
.scroll_right_cont .src_box strong {color:#404040;}




.right_quick {position:relative; width:204px; height:100%; padding:20px 0 0; background:#ffffff; border-left:1px solid #c7c7c7; text-align:center;font-family:'Noto Sans KR', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif ;color: #555;}
.right_quick .right_quick_bn {text-align:center;}
.right_quick .right_quick_bn img{border-radius: 12px;overflow: hidden;}
.right_quick .right_quick_link {display:table; margin:10px auto 0;}
.right_quick .right_quick_link li {
    display:inline-block; width:74px; height:30px; line-height:30px; margin:0 5px 0 4px;  color:#555; font-size:13px; text-align:left; letter-spacing:-1px;font-weight: 400;
}
.right_quick .right_quick_link li::before{
    content: " ";
    width: 20px;
    height: 20px;
    background-size: 20px 20px;
    background-repeat: no-repeat;
    display: inline-flex;
    align-items: center;
    margin-right: 1px;
    position: relative;
    top: -5px;
}
.right_quick .right_quick_link li:nth-of-type(1):before{background-image: url(../img/dimg/quick_menu01.png);}
.right_quick .right_quick_link li:nth-of-type(2):before{background-image: url(../img/dimg/quick_menu02.png);}
.right_quick .right_quick_link li:nth-of-type(3):before{background-image: url(../img/dimg/quick_menu03.png);}
.right_quick .right_quick_link li:nth-of-type(4):before{background-image: url(../img/dimg/quick_menu04.png);}
.right_quick .right_quick_link li:nth-of-type(5):before{background-image: url(../img/dimg/quick_menu05.png);}
.right_quick .right_quick_link li:nth-of-type(6):before{background-image: url(../img/dimg/quick_menu06.png);}
.right_quick .right_quick_link li:nth-of-type(7):before{background-image: url(../img/dimg/quick_menu07.png);}
.right_quick .right_quick_link li:nth-of-type(8):before{background-image: url(../img/dimg/quick_menu08.png);}
.right_quick .right_quick_box {text-align:left; padding:0 0 0 22px; margin:22px 0 0; letter-spacing:-1px;}
.right_quick .right_quick_box h3 {position:relative; padding:14px 0 0 0;  color:#555; font-size:18px; font-weight: 400;}
.right_quick .right_quick_box h3:before {position:absolute; content:""; top:0; left:0; width:160px; border-top:1px solid #e5e5e5;}
.right_quick .right_quick_box strong {color:#1a1d2c; font-size:24px; font-family:Arial,'Malgun Gothic', Verdana, Dotum,  sans-serif;}
.right_quick .right_cscenter strong{color: #3488ea;}
.right_quick .right_quick_box p {padding-top:5px; color:#555; font-size:14px; line-height:17px; font-family:'Noto Sans KR', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif;font-weight: 400;}
.right_quick .right_quick_box p:first-of-type{
    font-size: 14px;
    color: #999;
    line-height: 22px;
}
.right_quick .right_btn_wrap {
    position: absolute;
    left: -52px;
    top: 50%;
    transform: translateY(-50%);
    width: 50px;
    background: white;
    border: 1px solid #dddddd;
    margin-top: 0;
    z-index: 10;
    cursor: pointer;
    border-top-left-radius: 12px;
    border-bottom-left-radius: 12px;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.05)
}
.right_quick .right_btn_wrap li {position:relative;width: 50px; height: 40px;overflow: hidden;}
.right_quick .right_btn_wrap li .name {visibility:hidden; opacity:0; filter:alpha(opacity=0); font-size:12px; position:absolute; top:50%; margin-top:-13px; right:60px; height:25px; line-height:25px; padding:0 10px; border:1px solid #ddd; background:#fff; z-index:5; white-space:nowrap;}
.right_quick .right_btn_wrap li .slowTsn {
    /* -khtml-transition:all .3s; -moz-transition:all .3s; -ms-transition:all .3s; -o-transition:all .3s; -webkit-transition:all 0.3s; transition:all .3s; */
}
.right_quick .right_btn_wrap li .slowTsn:hover { 
    /* -khtml-transition: all 0.3s ease; -moz-transition: all 0.3s ease; -ms-transition: all 0.3s ease; -o-transition: all 0.3s ease; transition: all 0.3s ease; */
}
.right_quick .right_btn_wrap li:hover .name {
    visibility: visible;
    opacity: 1;
    filter: alpha(opacity=1);
    z-index: 100;
    color: #fff;
    background: #3488ea;
    border: 1px solid #3488ea;
    border-radius: 12px 0 0 12px;
    height: 38px;
    font-size: 13px;
    font-weight: 300;
    line-height: 38px;
    position: absolute;
    top: 13px;
    right: 47px;
    padding-left: 15px;
    text-align: right;
}
.right_quick .right_btn_wrap li:hover {
    overflow: visible;
    background: #3488ea;
    position: relative;
}
.right_quick .right_btn_wrap li:hover img{
    position: absolute;
    left: 50%;
    transform: translate(-50%, -50%);
}
.right_quick .right_btn_wrap li.right_home a {display:block; text-align:center; }
.right_quick .right_btn_wrap li.right_home img {vertical-align:middle;}
.right_quick .right_btn_wrap li.right-quick-open a{padding: 10px 0;}
.right_quick .right_btn_wrap li.right_home,
.right_quick .right_btn_wrap li:nth-last-of-type(3),
.right_quick .right_btn_wrap li:nth-last-of-type(7),
.right_quick .right_btn_wrap li.quick_icon_kakao{
    border-bottom: 1px solid #dddddd;
}
.right_quick .right_btn_wrap li.quick_icon_kakao a img{
    position: absolute;
    transform: translate(-50%,-50%);
    top: 50%;
    left: 50%;
}
.right_btn_wrap li .quick_img_box{
    overflow: hidden;
    z-index: 100;
    width: 50px;
    height: 40px;
    position: relative;}
/* 퀵메뉴 무통장입금안내 */
.right_bank strong:first-of-type{line-height:30px;padding-top: 5px; display: block;}


/* SIDE */
#side_area {width:210px;}
.side_wrap {border:1px solid #e0e0e0;}
.side_wrap .sub_menu_box.layer_type {margin:0; padding:0;}
.side_wrap .sub_menu_box.layer_type .sub_depth0 > li {background:#ffffff; border-bottom:none;}
.side_wrap .sub_menu_box.layer_type .sub_depth0 > li > a {display:block; height:27px; line-height:27px; padding:0 0 0 23px; font-size:13px; font-weight:bold; text-align:left; color:#444444;}
.side_wrap .sub_menu_box.layer_type .sub_depth0 > li > a.active {background:none; color:#c6ab97;}
.side_wrap .sub_menu_box.layer_type .sub_depth0 > li > a > img {max-width:180px;}

.side_wrap .sub_menu_box.layer_type .sub_depth0 > li.tit3 {background:url("../img/dimg/ico_sale.png") 50px center no-repeat;}
.side_wrap .sub_menu_box.layer_type .sub_menu0 {display:block; padding:11px 0 25px;}
.side_wrap .sub_menu_box.layer_type .sub_depth1 {left:208px;}/*좌측 경우 좌측 너비만큼 설정*/

.side_wrap > .cate-tit {width:185px; height:40px; padding-left:23px; background:url("../img/dimg/ct_bg.gif") no-repeat 0 0; color:#ffffff; font-size:16px; font-weight:bold; line-height:40px;}
.side_wrap .side-sns {overflow:hidden; margin:10px 0 0;}
.side_wrap .side-sns li {float:left;}
.side_wrap .side-bottom > div {padding:0 20px 14px; background:#f7f5f1;}
.side_wrap .side-bottom > div > h3 {padding-top: 18px;color: #000000;font-size: 11px;font-family: 'Tahoma', sans-serif;}
.side_wrap .side-bottom > div > strong {font-weight: bold;font-size: 24px;line-height: 40px;color: #645b58;}
.side_wrap .side-bottom > div p {font-size: 11px;font-family: Dotum, sans-serif;color: #959595;}

/* MAIN */
.bgColor {background-color:#3488ea !important;}
.fontColor {color:#3488ea;}
.dbColor {border-color:#3488ea;}

.body-main.body-index.pc #container {width:100%;}
.body-main.body-index.pc .goods_list_tit {display:none;}/*더보기*/

.main-slide {position:relative; overflow:hidden; width:100%; height:571px; border-bottom:1px solid #d3d3d3;}
.main-slide #no-template-pager1 {display:table; width:1168px; height:42px; line-height:41px; position:absolute; left:50%; bottom:0; margin-left:-584px;}
.main-slide #no-template-pager1 > div {position:relative; display:table-cell; width:25%; text-align:center; font-size:13px; color:#404040;  font-weight:normal; cursor:pointer; letter-spacing:-1px;}
.main-slide #no-template-pager1 > div:after {content:""; position:absolute; top:0; left:0; height:100%; border-left:1px solid #e8e8e8;}
.main-slide #no-template-pager1 > div:first-child:after {border-left:0;}
.main-slide #no-template-pager1 .cycle-pager-active { background:#3488ea; color:#fff; font-weight:bold;}
.main-slide #no-template-pager1 > div > span {text-indent:-9999px; margin-right:5px; display:inline-block; width:20px; height:11px; vertical-align: middle;}
.main-slide #no-template-pager1 #tab01 span {background:url("../img/dimg/main_slide_num01_off.png") no-repeat;}
.main-slide #no-template-pager1 #tab02 span {background:url("../img/dimg/main_slide_num02_off.png") no-repeat;}
.main-slide #no-template-pager1 #tab03 span {background:url("../img/dimg/main_slide_num03_off.png") no-repeat;}
.main-slide #no-template-pager1 #tab04 span {background:url("../img/dimg/main_slide_num04_off.png") no-repeat;}
.main-slide #no-template-pager1 #tab01.cycle-pager-active span {background:url("../img/dimg/main_slide_num01_on.png") no-repeat;}
.main-slide #no-template-pager1 #tab02.cycle-pager-active span {background:url("../img/dimg/main_slide_num02_on.png") no-repeat;}
.main-slide #no-template-pager1 #tab03.cycle-pager-active span {background:url("../img/dimg/main_slide_num03_on.png") no-repeat;}
.main-slide #no-template-pager1 #tab04.cycle-pager-active span {background:url("../img/dimg/main_slide_num04_on.png") no-repeat;}


/* 메인상품타이틀 */
.main-box3 h2.main-h1 {text-align: left; margin: 0 0 20px; display: flex;}

.main-h1 .tit{
 font-size: 28px;
 font-weight: 800;
 /* padding-right: 25px; */
 /*↑ 260416 중앙 맞지 않아 숨김*/
}

.main-h1 .tit span{
    color: #3488ea;
}


/* 메인멀티팝업 */
.multi_popup0 {
    position: absolute;
    display: none;
    z-index: 5000;
    top: -60px;
    left: 30px;
    width: 398px;
    height: 510px;
    border-radius: 12px;
    overflow: hidden;
    background-color: #fff;
    box-shadow: 0px 2px 10px 0px rgba(0, 0, 0, 0.2);
}

.multi_popup0 .multi_popup0_img {
    width: 398px!important; height: 460px!important; overflow: hidden;
}
.multi_popup0 .slick-slider .slick-list{
    width: 398px!important; height: 460px!important; overflow: hidden;
}
.multi_popup0 .slick-prev{
    width: 22px;opacity: 0.8;left: 10px; top: 232px;
}
.multi_popup0 .slick-next{
    width: 22px; opacity: 0.8;right: 10px; top: 232px;
}
.multi_popup0 .slider-banner-511517418 .slick-prev {
background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M0%2C22L22%2C0l2.1%2C2.1L4.2%2C22l19.9%2C19.9L22%2C44L0%2C22L0%2C22L0%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E);
}
.multi_popup0 .slider-banner-511517418 .slick-next {
background-image: url(data:image/svg+xml;charset=utf-8,%3Csvg%20xmlns%3D'http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg'%20viewBox%3D'0%200%2027%2044'%3E%3Cpath%20d%3D'M27%2C22L27%2C22L5%2C44l-2.1-2.1L22.8%2C22L2.9%2C2.1L5%2C0L27%2C22L27%2C22z'%20fill%3D'%23ffffff'%2F%3E%3C%2Fsvg%3E);
background: #ffffff\0/IE8;}
.multi_popup0 .multi_popup0_btn{
display: flex; justify-content: space-between;position: relative;
}
.multi_popup0 .multi_popup0_btn .multi_popup0_btn_left,
.multi_popup0 .multi_popup0_btn .multi_popup0_btn_right{
width: 50%; display: block; text-align: center; 
}

.multi_popup0 .multi_popup0_btn .slick-next,.multi_popup0 .multi_popup0_btn .slick-prev{
/* display: block;
position: absolute;
transform: translateY(-50%);
top: 50%; */
}

.multi_popup0 .multi_popup0_btn .multi_popup0_btn_left::after{
content: "";
position: absolute;
display: block;
width: 0.5px;
height: 20px;
background: #c7c7c7;
transform: translate(-50%,-50%);
top: 50%;
left: 50%;
}

.multi_popup0 .multi_popup0_btn{

}


.multi_popup0 .multi_popup0_btn span{
color: #555; font-size: 15px; font-weight:400 ; font-family: 'Noto Sans KR', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif;line-height: 50px; width: 100%;display: block; cursor: pointer;
}

.multi_popup0  .slider-banner-511517418 .slick-dots li button {
font-size: 12px;
width: 100%;
height: 30px;
text-align: center;
background: #ff7300;
border-radius: 0;
color: #fff;
opacity: 0;
}
.multi_popup0 .slider-banner-511517418 .slick-dots li.slick-active button {
background: rgba(0,0,0,0.5);
z-index: 5000;
position: absolute;
top: -414px;
left: 109px;
width: 70px;
height: 30px;
border-radius: 15px;
opacity: 0.8;
color: #fff;
font-size: 15px;
font-weight: 400;
font-family: 'Noto Sans KR', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif;
}
.multi_popup0 .slider-banner-511517418 .slick-dots li{
position: absolute;
}


/* 공통 네비 버튼 디자인 start */
.position{
    position: relative;
}

.nav_btn {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  width: 44px;
  height: 44px;

  background: rgba(255,255,255,0.6); 
  border: 1px solid rgba(0,0,0,0.06);
  border-radius: 50%;
  box-shadow: 0 4px 14px rgba(0,0,0,0.10);

  display: flex;
  align-items: center;
  justify-content: center;

  cursor: pointer;
  z-index: 20;

}

.nav_btn svg {
  width: 28px;
  height: 28px;

  fill: none;
  stroke: #444;

  stroke-width: 1.8;                 /*  두께 줄이기 */
  stroke-linecap: round;           /*  끝 둥글게 */
  stroke-linejoin: round;          /*  꺾임 둥글게 */
}

.collection_prev{left: -23px;}
.collection_next{right: -23px;}

.promo_prev svg,.collection_prev svg{position: relative; right: 1px;}
.promo_next svg,.collection_next svg{position: relative; right: -1px;}


.nav_btn:hover{
  box-shadow: 0 6px 18px rgba(0,0,0,0.14);
}


/* ===== 위치는 각 영역별로 분리 ===== */
/* promo 위치 */
.promo_prev { left: -20px; }
.promo_next { right: -20px; }

/* partner 위치 */
.partner_prev { left: -20px; }
.partner_next { right: -20px; }

/* 공통 네비 버튼 디자인 end */

/* 공통 main-box 스타일 start */

.main-box3 .item_tit_box a,
.main-box4 .item_tit_box a,
.main-box5 .item_tit_box a,
.main-box6 .item_tit_box a,
.main-box7 .item_tit_box a,
.main-box8 .item_tit_box a,
.main-box4 .item_money_box .item_price,
.main-box5 .item_money_box .item_price,
.main-box6 .item_money_box .item_price,
.main-box7 .item_money_box .item_price,
.main-box8 .item_money_box .item_price,
.main-box8 .item_brand{
    text-align: left;
}

/* 공통 main-box 스타일 end */

/* main-box start */

.main-box .container{
    display: flex;
    justify-content: space-between;
    margin: 50px auto 10px;
}
.main-box .container div{
    border-radius: 15px;
    overflow: hidden;
}

/* main-box end */

/* main-box3 START */
.main-box3 {
    width:1250px; padding:33px 0 23px; margin: 0 auto;   position: relative;
} 

.main-box3 .medi_promo{

}


.main-box3 .medi_promo .medi_promo_btn{
display: block; margin: auto 15px auto 0;
cursor:pointer
}

.main-box3 .medi_promo .medi_promo_btn span{
    height:45px;
    border: 1px solid #e6e6e6;
    border-radius: 60px;
    font-size: 16px;
    font-weight: 500;
    color: #777;
    padding: 10px 20px;
}

.main-box3 .medi_promo .medi_promo_btn.active span{
    border: 1px solid #3488ea;
    color: #111;
    font-weight: 700;
}

.main-box3 .medi_promo_wrap{
    width: 1250px;
    display: flex;
    justify-content: space-between;
}
.main-box3 .medi_promo_wrap .medi_promo_box{
    position: relative;
    overflow: visible;
}

.main-box3 .medi_promo_wrap .medi_promo_swiper{
    width: 875px;
    height: auto;  /* 상품명 길어지면 아이콘 잘려서 수정 */
    border: 1px solid #e6e6e6;
    border-radius: 15px;
    box-sizing: border-box;
    padding: 28px 16px;
    margin: 0;
}

.main-box3 .medi_promo_wrap .medi_promo_swiper {
  display: none;
}
.main-box3 .medi_promo_wrap .medi_promo_swiper.active {
  display: block;
}

.main-box3 .medi_promo_wrap .medi_promo_swiper .item_info_cont{
    width: 250px;
}
.main-box3 .medi_promo_wrap .medi_promo_swiper .item_brand{
    font-size: 14px;
    font-weight: 400;
    color: #777;
    padding-top: 15px;
    text-align: left;
}
.main-box3 .medi_promo_wrap .medi_promo_swiper .item_tit_box .item_name{
    font-size: 18px;
    font-weight: 500;
    line-height: 24px;
    color: #111;
    padding: 3px 0 2px;
    text-align: left;
    letter-spacing:-1px;
    word-break: keep-all;
}
.main-box3 .medi_promo_wrap .medi_promo_swiper .item_tit_box a span{
    font-size: 14px;
}
.main-box3 .medi_promo_wrap .medi_promo_swiper .item_money_box .item_price{
    font-size: 22px;
    font-weight: 600;
    color: #111;
    text-align: left;
    line-height: 34px;
}
.main-box3 .medi_promo_wrap .medi_promo_swiper .swiper-wrapper .swiper-slide .item_cont .item_photo_box{
    border: 1px solid #e6e6e6;
    border-radius: 15px;
    overflow: hidden;
    width: 250px;
    height: 250px;
}

.main-box3 .medi_promo_wrap .medi_promo_swiper .swiper-wrapper .swiper-slide .item_icon_box{
    text-align: left;
    padding-top: 5px;
}
.main-box3 .medi_promo_wrap .medi_promo_swiper .swiper-wrapper .swiper-slide .item_cont img{
    left: 0;

}
.main-box3 .medi_promo_wrap .medi_promo_swiper .swiper-wrapper .swiper-slide .item_cont .item_photo_box img{
    width: 250px;
    height: 250px;
}
.main-box3 .medi_promo_wrap .medi_promo_banner{
    border-radius: 15px;
    overflow: hidden;
    width: 330px;
}

/* main-box3 END */

/* main-box4 START */
.main-box4 {
    margin: 0 auto;
    padding: 70px 0 50px;
    background: #f7f7f7;
    margin-top:70px;
}
.main-box4 .main-h1 {
    text-align: center;
    width: 1250px;
    margin: 0 auto 50px;
}
/* main-box4 END */

/* main-box5 START */

/* 총판 및 대리점 */


.main-box5{
    margin: 70px auto;
    width: 1250px;
    overflow: visible;
}

.main-box5 .main-h1{
    padding-bottom: 30px;
}
.main-box5 .medi_partner{
    position: relative;
    width: 1250px;
    overflow: hidden;
}
.main-box5 .medi_partner_wrap{
    width: 1250px;
    margin: 0 auto;
}
.main-box5 .medi_partner .medi_partner_swiper{
    background-size: 100%;
    background-repeat: no-repeat; 
    overflow: hidden;

    border: 1px solid #c7c7c7;
    box-sizing: border-box;
    border-radius: 20px;
    height: 540px;
}

.main-box5 .medi_partner .medi_partner_swiper .medi_partner_box{
    padding: 0 25px;
    position: relative;
    top: -25px;
}
.main-box5 .medi_partner .medi_partner_swiper .medi_partner_box .medi_partner_box_wrap{
    background-color: #fff;
    padding: 15px 15px 10px;
    position: relative;
    border-radius: 15px;
	height:305px;
}
.main-box5 .medi_partner .medi_partner_swiper .medi_partner_box .medi_partner_box_wrap .medi_partner_name{
    font-size: 20px;
    font-weight: 600;
    text-align: center;
    display: block;
    padding: 5px 0;
}
.main-box5 .medi_partner .medi_partner_swiper .partner_bg_img{
    height: 215px;
    width: 400px;
    background-size: cover;
    position: relative;
}
.main-box5 .medi_partner .medi_partner_swiper .partner_bg_img img{
    width: 150px;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}
.main-box5 .medi_partner .partner_bg01{
    background: #d1e9fe;
}
.main-box5 .medi_partner .partner_bg02{
    background: #d6f5f7;
}
.main-box5 .medi_partner .partner_bg03{
    background: #c5ecf4;
}
.main-box5 .medi_partner .partner_bg04{
    background: #f2f1f6;
}
.main-box5 .medi_partner .partner_bg05{
    background: #cce2eb;    
}
.main-box5 .medi_partner .partner_bg06{
    
    background: #fdf5d0;
}
.main-box5 .medi_partner .partner_bg07{
    
    background: #f5fafd;
}
.main-box5 .medi_partner .partner_bg08{
    
    background: #c7f4f6;
}
.main-box5 .medi_partner .partner_bg09{
    
    background: #f0f8ff
}
.main-box5 .medi_partner .partner_bg10{
    
    background: #fafafa;
}
.main-box5 .medi_partner .partner_bg11{
    
    background: #fafafa;
}
.main-box5 .medi_partner .partner_bg12{
    
    background: #f2e7f5;
}


.main-box5 .medi_partner .partner_bg01 .partner_bg_img{
    background-image: url(../img/medi_img/main-promotion-bgimg09.png);
}
.main-box5 .medi_partner .partner_bg02 .partner_bg_img{
    background-image: url(../img/medi_img/main-promotion-bgimg01_2.png);
}
.main-box5 .medi_partner .partner_bg03 .partner_bg_img{
    background-image: url(../img/medi_img/main-promotion-bgimg02.png);
}
.main-box5 .medi_partner .partner_bg04 .partner_bg_img{
    background-image: url(../img/medi_img/main-promotion-bgimg04.png);
}
.main-box5 .medi_partner .partner_bg05 .partner_bg_img{
    background-image: url(../img/medi_img/main-promotion-bgimg12.png);
}
.main-box5 .medi_partner .partner_bg06 .partner_bg_img{
    background-image: url(../img/medi_img/main-promotion-bgimg08.png);
}
.main-box5 .medi_partner .partner_bg07 .partner_bg_img{
    background-image: url(../img/medi_img/main-promotion-bgimg05.png);
}
.main-box5 .medi_partner .partner_bg08 .partner_bg_img{
    background-image: url(../img/medi_img/main-promotion-bgimg06.png);
}
.main-box5 .medi_partner .partner_bg09 .partner_bg_img{
    background-image: url(../img/medi_img/main-promotion-bgimg07_1.png);
}
.main-box5 .medi_partner .partner_bg10 .partner_bg_img{
    background-image: url(../img/medi_img/main-promotion-bgimg10.png);
}
.main-box5 .medi_partner .partner_bg11 .partner_bg_img{
    background-image: url(../img/medi_img/main-promotion-bgimg10.png);
}
.main-box5 .medi_partner .partner_bg12 .partner_bg_img{
    background-image: url(../img/medi_img/main-promotion-bgimg12.png);
}

.main-box5 .medi_partner .partner_bg02 .partner_bg_img img{

}
.main-box5 .medi_partner .partner_bg03 .partner_bg_img img{

}
.main-box5 .medi_partner .partner_bg04 .partner_bg_img img{

}
.main-box5 .medi_partner .partner_bg05 .partner_bg_img img{

}
.main-box5 .medi_partner .partner_bg06 .partner_bg_img img{

}
.main-box5 .medi_partner .medi_partner_swiper .item_cont{
    text-align: left;
    display: flex;
}


.main-box5 .medi_partner .medi_partner_swiper .item_info_cont{
    width: calc(100% - 130px);
    margin: auto 0 auto 15px;
}
.main-box5 .medi_partner .medi_partner_swiper .item_info_cont .item_brand {
    padding-bottom: 2px;
}
.main-box5 .medi_partner .medi_partner_swiper .item_info_cont a span{
    padding: 0 0 4px;
}

.main-box5 .medi_partner .medi_partner_swiper .item_photo_box{
    width: 100px;
    height: 100px;
    border-radius: 10px;
    margin: 15px 0;
}
.main-box5 .medi_partner .medi_partner_swiper .item_photo_box img{
    width: 100px;
    height: 100px;
}


/* main-box5 END */

/* special-event START */

.special-event-contents .special-event-box{
    width: 1250px;
    font-family: "Noto Sans KR", sans-serif;
    color: #333;
}

.special-event-contents .special-event-box h2{
    padding: 30px 0;
    border-bottom: 1px solid #cacaca;
}

.special-event-contents .special-event-box h2 p{
    font-size: 28px;
    font-weight: 400;
    letter-spacing: -0.03em;
    line-height: 30px;
}

.special-event-contents .special-event-box h2 span{
    font-size: 30px;
    letter-spacing: -0.03em;
}

.special-event-contents .special-event-box .special-event-wrapper {
    flex-direction: row;
    flex-wrap: wrap;
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
}

.special-event-contents .special-event-box .special-event-wrapper img{
    width: 610px;
    height: 262px;
    border-radius: 4px;
    margin-bottom: 30px;
}


.special-event-contents .special-event-box .special-event-wrapper img:hover{
    opacity: 0.8;
    
}


.special-event-contents .special-event-box .special-event-wrapper .special-event-banner:hover{

}

/* special-event END */

.main_linebn {position:relative; overflow:hidden; width:100%; height:251px; margin:0 0 25px;}
.main_linebn .main_linebn_wrap {position:absolute; top:0; left:50%; margin-left:-1000px;}

.main-box7 {overflow:hidden; width:100%;position: relative;}
.main-box7 .main-review {padding:10px 0 25px; margin-top:16px;}
.main-box7 .main-review ul {position:relative; overflow:visible!important; width:1250px; margin:0 auto;}
.main-revie-bg{position: absolute;width: 100%;height: 100%;}
.main-revie-bg div{width: 100%;}
.main-revie-bg div:before {content:""; position:absolute; top:0; left:50%; margin-left:-1075px; width:500px; height:113%; background:rgba(255,255,255,0.7); z-index:100;}
.main-revie-bg div:after {content:""; position:absolute; top:0; left:50%; margin-left:705px; width:500px; height:113%; background:rgba(255,255,255,0.7); z-index:100;}
.main-box7 .main-review ul li {width:235px; margin-right:18px; vertical-align:top; position: relative;}
.main-box7 .main-review ul li a > span {display:block;}
.main-box7 .main-review ul li .review-thumbnail {position:relative;}
.main-box7 .main-review ul li .review-thumbnail img {width:235px; border:1px solid #f2f2f2; border-radius: 4px;}
.main-box7 .main-review ul li .review-thumbnail .review-writer {
    position: absolute;
    top: 10px;
    left: 10px;
    display: block;
    width: auto;
    height: 22px;
    padding: 1px 12px 0;
    background: #03bb55;
    color: #ffffff;
    border-radius: 4px;
    font-size: 12px;
    font-weight: 500;
    font-family: 'Noto Sans KR', sans-serif;
    letter-spacing: -0.1px;
}
.main-box7 .main-review ul li .review-subject {
    font-family: 'Noto Sans KR','돋움',Dotum,'Malgun Gothic',Verdana,sans-serif;
    display: block;
    color: #424242;
    white-space: normal;
    font-weight: 500;
    font-size: 17px;
    letter-spacing: -0.3px;
    text-align: left;
    line-height: 22px;
    margin: 2px 0 7px;
}

.main-box7 .main-review ul li .review-subject img{
    position: relative;
    top: 3px;
}
.main-box7 .main-review ul li .review-contents {
   
    font-family: 'Noto Sans KR','돋움',Dotum,'Malgun Gothic',Verdana,sans-serif;
    color: #666;
    font-size: 14px;
    font-weight: 400;
    white-space: normal;
    line-height: 1.3;
    overflow: hidden;
    white-space: normal;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    word-break: keep-all; }
.main-box7 .main-review ul li .review-contents img{display:none;}
.main-box7 .main-review ul li .review-rating {width:66px; height:11px; margin: 11px 0 8px 0; display: block; background:url("../img/dimg/star-bg.png") no-repeat left top; vertical-align:middle; text-indent:-9999px;}
.main-box7 .main-review ul li .review-rating span {display:block; height:11px; background:url("../img/dimg/star-fill.png") no-repeat left top;}
.main-box7 .main-review ul li .main7-hover{
    position: absolute;
    z-index: 2;
    top: 0;
    font-weight: 500;
    font-size: 16px;
    letter-spacing: -0.5px;
    color: #fff;
    width: 237px;
    height: 237px;
    border-radius: 12px;
    white-space: normal;
    font-family: 'Noto Sans KR', sans-serif;
    display: block;
opacity: 0; 

}

.main-box7 .main-review ul li .main7-hover span{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 200px;
    text-align: center;
}


.main-box7 .main-review ul li:hover .main7-hover{
    /* opacity: 1; */
}

.main-box7 .main-review ul li:hover a .review-thumbnail img{
    /* filter:brightness(80%); transition: all 0.3s; */
    filter:brightness(105%); transition: all 0.3s;
}

/* 리스트 CSS */

.item_basket_type ul {overflow:visible!important; width:100%; margin:0 auto;position: relative; left: 127px;}
.item_basket_type ul li {width:280px!important; }
.item_basket_type ul li .item_cont {width:278px; }
.item_basket_type ul li .item_cont .item_photo_box {border:1px solid #e8e8e8; border-radius: 12px; position:relative;}
.item_basket_type ul li .item_cont .item_photo_box a > img {max-width:278px;}
.item_basket_type ul li .item_cont .item_photo_box .item_link {display:none;}
.item_basket_type ul li .item_cont .item_info_cont {}
.item_basket_type ul li .item_cont .item_info_cont .item_tit_box {}
.item_basket_type ul li .item_cont .item_info_cont .item_tit_box .item_name {
    display: block;
    padding: 15px 0 4px;
    font-size: 15px;
    font-weight: 500;
    line-height: 1.3;
    white-space: normal;
}
.item_basket_type ul li .item_cont .item_info_cont .item_tit_box .item_brand strong {
    color: #555;
    font-size: 15px;
    font-weight: 500;
    white-space: normal;
    font-family: 'Noto Sans KR', sans-serif;
    line-height: 1.3;
}
.item_basket_type ul li .item_cont .item_info_cont .item_tit_box .item_name_explain {color:#9a9a9a; font-size:13px; font-weight:normal; white-space:normal; line-height:1.3; font-family:'돋움',Dotum,'Malgun Gothic',Verdana,sans-serif;}
.item_basket_type ul li .item_cont .item_info_cont .item_money_box {}
.item_basket_type ul li .item_cont .item_info_cont .item_money_box del {color:#b1b1b1; font-size:12px; font-weight:normal; font-family:'돋움',Dotum,'Malgun Gothic',Verdana,sans-serif;}
.item_basket_type ul li .item_cont .item_info_cont .item_money_box .item_price {
    padding: 5px 0;
    color: #333;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Noto Sans KR', sans-serif;
}
.item_basket_type ul li .item_cont .item_photo_box .discount_box {height:60px; width:60px; text-align:center; line-height:60px; position:absolute; left:12px; top:12px; font-size:21px; font-weight:500; color:#fff; border-radius:50%;}
.item_basket_type ul li .item_icon_box {text-align:left;}

.item_hl_tab_type .goods_tab_tit {border-bottom: 2px solid #f3f3f3;}
.item_hl_tab_type .goods_tab_tit ul {display:table;  margin:0;}
.item_hl_tab_type .goods_tab_tit li { padding:0;}
.item_hl_tab_type .goods_tab_tit li a { display: inherit;height:53px; padding: 0 10px; line-height:52px; border:none;color:#444; font-size:17px; font-weight:400;letter-spacing:-1px;    font-family: 'Noto Sans KR', sans-serif;}
.item_hl_tab_type .goods_tab_tit li.on a {border:none; color:#333; font-weight:500;  border-bottom: 2px solid #3488ea; margin-bottom: -2px;}
.item_hl_tab_type .goods_tab_tit li.on + li > a {margin-left:0;}
.item_hl_tab_type .goods_tab_tit li:first-child a {}
.item_hl_tab_type .goods_tab_cont ul {position:relative; min-height:480px; padding:51px 0 0;display: flex;margin-bottom: 10px;}
.item_hl_tab_type .goods_tab_cont ul li {float:left; width:300px!important; height:300px;margin-right: 17px;}
.item_hl_tab_type .goods_tab_cont ul li .item_cont {position:relative; width:300px; padding:0;}
.item_hl_tab_type .goods_tab_cont ul li .item_cont .item_photo_box {border:1px solid #e8e8e8;border-radius: 12px;overflow: hidden;}
.item_hl_tab_type .goods_tab_cont ul li .item_cont .item_photo_box a > img {max-width:295px;}
.item_hl_tab_type .goods_tab_cont ul li .item_cont .item_info_cont {display:none; position:absolute; top:0; left:0; width:300px; height:300px; padding:0; text-align:center; background:url("../img/dimg/prd_over_bg.png") 0 0;}
.item_hl_tab_type .goods_tab_cont ul li .item_cont .item_info_cont .info_wrap {display:table; width:300px; height:100%;}
.item_hl_tab_type .goods_tab_cont ul li .item_cont .item_info_cont a {position:relative; display:table-cell; width:185px; padding:0 20px; vertical-align:middle;}
.item_hl_tab_type .goods_tab_cont ul li .item_cont .item_info_cont .item_tit_box {padding:0;}
.item_hl_tab_type .goods_tab_cont ul li .item_cont .item_info_cont .item_tit_box .item_name {padding:0 0 5px; color:#b1b1b1; font-size:14px; font-weight:normal; line-height:18px; border-bottom:1px solid #a0a0a0; overflow:hidden; display:block; width:185px; height:17px; text-overflow:ellipsis; white-space:nowrap;}
.item_hl_tab_type .goods_tab_cont ul li .item_cont .item_info_cont .item_tit_box .item_name_explain {color:#ffffff; font-size:14px; line-height:18px; font-weight:bold; overflow:hidden; display:block; width:185px; height:17px; text-overflow:ellipsis; white-space:nowrap;}
.item_hl_tab_type .goods_tab_cont ul li .item_cont .item_info_cont .item_money_box {padding:0;}
.item_hl_tab_type .goods_tab_cont ul li .item_cont .item_info_cont .item_money_box del {display:none; color:#999999; font-size:12px; font-weight:normal;}
.item_hl_tab_type .goods_tab_cont ul li .item_cont .item_info_cont .item_money_box .item_price {color:#ffffff; font-size:14px; font-weight:bold;}
.item_hl_tab_type .goods_tab_cont ul li .item_cont .item_info_cont .btn_detail {padding:7px 0 0; text-align:center;}
.item_hl_tab_type .goods_tab_cont ul li .item_cont .item_info_cont .btn_detail span {display:inline-block; width:110px; height:36px; color:#ffffff; font-size:14px; font-weight:normal; line-height:34px;}
.item_hl_tab_type .goods_tab_cont ul li .item_cont .btn-detail span {display:inline-block;}
.item_hl_tab_type .goods_tab_cont ul li .item_cont .ico_best {
    position: absolute;
    display: table;
    width: 70px;
    height: 20px;
    font-size: 12px;
    font-weight: 500;
    border-style: solid;
    border-width: 1px;
    z-index: 1;
    border-radius: 100px;
    white-space: nowrap;
    top: 307px;
    left: 0;
}
.item_hl_tab_type .goods_tab_cont ul li .item_cont .ico_best .ico_best_wrap {display:table-cell; vertical-align:middle; text-align:center; line-height:1.1;}
.item_hl_tab_type .goods_tab_cont ul li .item_cont .ico_best .ico_best_wrap strong {display:inline-block; font-size:12px; font-weight:bold;}

/*  */


/* main-box6 START */

.main-box6{
    width: 1250px;
    overflow: visible;
    margin: 0 auto;
}

.main-box6 .medi_collection_swiper{
    margin: 0 auto;
    padding: 50px 0 70px;

}

.main-box6 .medi_collection_swiper .swiper-slide{

}


.main-box6 .medi_collection_swiper .swiper-slide img{
    width: 400px;
    height: 520px;
    border-radius: 20px;
}

.main-box6 .medi_collection_swiper .swiper-slide img:hover{
transform: translateY(-8px); 
  border-color: rgba(0,0,0,.10);
  box-shadow: 0px 2px 12px 3px rgba(191, 208, 221, 0.35);
}
.main-box6 .medi_collection_swiper .swiper-slide img::after{
      content: '';
  position: absolute;
  inset: 0;
  background-image:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='1' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='120' height='120' filter='url(%23n)' opacity='0.03'/%3E%3C/svg%3E");
  pointer-events: none;
}

/* main-box6 END */

/* main-box7 START */



.main-box7 .medi_event_tabs{
  display: flex;
  padding: 20px 0;
}
.main-box7 .medi_event_tabs a{
  margin-left: auto;
  line-height: 46px;
  color: #555;
  font-size: 16px;
  font-weight: 400;
}
.main-box7 .medi_event_tabs .medi_event_btn{
  border: 1px solid #e6e6e6;
  border-radius: 60px;
  font-size: 16px;
  font-weight: 500;
  color: #777;
  padding: 10px 20px;
  display: inline-block;
  margin-right: 15px;
  cursor: pointer;
}
.main-box7 .medi_event_tabs .medi_event_btn.active{
  border: 1px solid #3488ea;
  color: #111;
  font-weight: 700;
}


.main-box7 .medi_event .medi_event_panel .medi_event_cont{
  display: flex;
}

.main-box7 .medi_event .item_cont{
    text-align: left;
    display: flex;
}

.main-box7 .medi_event .medi_event_panel .medi_event_cont .medi_event_banner img{
  border-radius: 15px;
}

.main-box7 .medi_event .item_cont .item_info_cont{
    margin: auto 0 auto 20px;
}
.main-box7 .medi_event .item_cont .item_info_cont .item_price{
    padding-top: 5px;
}

.main-box7 .medi_event .item_cont .item_info_cont .item_brand {
    padding-bottom: 4px;
}

.main-box7 .medi_event .item_cont .item_info_cont .item_name{
    font-size: 18px;
}

.main-box7 .medi_event .item_cont .item_info_cont .item_tit_box a span{
    font-size: 15px;
    color: #555;
    font-weight: 500;
    padding-top: 2px;
}

.main-box7 .medi_event .item_cont .item_photo_box{
  border-radius: 15px;
  width: 150px;
  height: 150px;
}
.main-box7 .medi_event .item_cont .item_photo_box img{
  width: 150px;
}
.main-box7 .medi_event .item_hover_type ul li{
  margin-bottom: 22px;
  padding-left: 30px;
}
.main-box7 .medi_event .item_hover_type ul li:last-of-type {
  margin-bottom: 0;
}


/* main-box7 END */

/* main-box8 START */

.main-box8{
    margin: 70px auto;
    width: 1250px;
}

.main-box8 .medi_rec .main-h1{
    text-align: center;
    margin: 30px 0 50px;
}

.main-box8 .goods_list{
    margin-bottom: 30px;
}

.main-box8 .item_info_cont{
    display: block
}
.main-box8 .item_info_cont .item_brand{
    margin: 10px 0 0;
}

.main-box8 .item_info_cont .item_name{
    padding: 0;
    line-height: 30px;
}
.main-box8 .item_info_cont .item_money_box{
    padding-top: 5px;
}
.main-box8 .item_info_cont .item_money_box .item_price{
    font-size: 18px;
}
.main-box8 .goods_list_cont .item_icon_box img{
    padding: 7.5px 0 20px;
    left: 0;
}

.main-box8 .item_info_cont .item_tit_box a span{
    font-size: 14px;
    font-weight: 500;
    color: #555;
}
.main-box8 .goods_list_cont ul{
    float: none;
    display: flex;
    justify-content: space-between;
}

.main-box8 .goods_list_cont ul li{
    width: 285px!important;
}

.main-box8 .item_photo_box{
    border-radius: 15px;
    width: 285px;
    height: 285px;
    object-fit: contain;
    display: block;
}

.main-box8 .item_hover_type .item_cont{
    padding: 0;
}

/* 260403 다정 추가*/
.main-box8 .item_photo_box img.middle {
    width: 100% !important;
}

/* main-box8 END */


/* .main-box9 START */

.main-box9 {
    text-align: center;
    background-color: #f7f7f7;
}

.main-box9 .main-h1{
    padding: 70px 0 0;
}

.main-box9 .medi_partner_logo .medi_partner_logo_swiper{
    padding: 70px 0 70px;
}
.medi_partner_logo_swiper { overflow: hidden; }
.medi_partner_logo_swiper .swiper-wrapper { align-items: center; }
.main-box9 .medi_partner_logo .medi_partner_logo_swiper .swiper-slide{
    width: 130px!important;
    height: 130px!important;
    background-color: #fff;
    border-radius: 10px;
    margin: 0 15px;
    position: relative;
    box-shadow: 0px 2px 12px 3px rgba(191, 208, 221, 0.35);
    transition:
    transform 0.35s cubic-bezier(0.22, 0.61, 0.36, 1),
    box-shadow 0.35s cubic-bezier(0.22, 0.61, 0.36, 1);
}

.main-box9 .medi_partner_logo .medi_partner_logo_swiper .swiper-slide:hover{
  transform: translateY(-8px); 
  border-color: rgba(0,0,0,.10);
  box-shadow: 0px 12px 28px 6px rgba(191, 208, 221, 0.55);
}

.main-box9 .medi_partner_logo .medi_partner_logo_swiper .swiper-slide img{
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
}

/* .main-box9 END */

.item_hl_tab_type .goods_tab_cont ul li.goodsitem1 {width:295px!important; height:295px; margin-right: 17px;}
.item_hl_tab_type .goods_tab_cont ul li.goodsitem1 .item_cont {position:relative; width:295px; height:295px;  }
.item_hl_tab_type .goods_tab_cont ul li.goodsitem1 .item_cont .item_photo_box {width:100%; border-bottom:1px solid #e6e6e6;border-bottom: 1px solid #e6e6e6; border-radius: 12px;}
.item_hl_tab_type .goods_tab_cont ul li.goodsitem1 .item_cont .item_photo_box a > img {max-width:295px;}
.item_hl_tab_type .goods_tab_cont ul li.goodsitem1 .item_cont .item_info_cont {display:block!important; position:relative; top:0; left:0; width:409px; height:auto; padding:0; text-align:center; background:none;}
.item_hl_tab_type .goods_tab_cont ul li.goodsitem1 .item_cont .item_info_cont .info_wrap {display:block; width:100%; height:auto;}
.item_hl_tab_type .goods_tab_cont ul li.goodsitem1 .item_cont .item_info_cont a {position:relative; display:block; width:100%; padding:0; vertical-align:middle;}
.item_hl_tab_type .goods_tab_cont ul li.goodsitem1 .item_cont .item_info_cont .item_tit_box {padding:16px 0 0;}
.item_hl_tab_type .goods_tab_cont ul li.goodsitem1 .item_cont .item_info_cont .item_tit_box .item_name {display:inline-block; padding:6px 14px 7px; color:#ffffff; font-size:15px; font-weight:bold; line-height:19px; border-bottom:none; overflow:hidden; width:185px; height:17px; text-overflow:ellipsis; white-space:nowrap;}
.item_hl_tab_type .goods_tab_cont ul li.goodsitem1 .item_cont .item_info_cont .item_tit_box .item_name_explain {display:block; color:#232323; font-size:14px; line-height:18px; font-weight:bold; overflow:hidden; display:block; width:100%; height:17px; text-overflow:ellipsis; white-space:nowrap;}
.item_hl_tab_type .goods_tab_cont ul li.goodsitem1 .item_cont .item_info_cont .item_money_box {padding:13px 0 0;}
.item_hl_tab_type .goods_tab_cont ul li.goodsitem1 .item_cont .item_info_cont .item_money_box del {display:block; color:#b1b1b1; font-size:12px; font-weight:normal;}
.item_hl_tab_type .goods_tab_cont ul li.goodsitem1 .item_cont .item_info_cont .item_money_box .item_price {color:#000000; font-size:14px; font-weight:bold;}
.item_hl_tab_type .goods_tab_cont ul li.goodsitem1 .item_cont .item_info_cont .btn_detail {display:none;}
.item_hl_tab_type .goods_tab_cont ul li.goodsitem1 .item_cont .ico_best {}
.item_hl_tab_type .goods_tab_cont ul li.goodsitem1 .item_cont .ico_best .ico_best_wrap {}
.item_hl_tab_type .goods_tab_cont ul li.goodsitem1 .item_cont .ico_best .ico_best_wrap strong {}
.item_hl_tab_type .goods_tab_cont ul li.goodsitem5,
.item_hl_tab_type .goods_tab_cont ul li.goodsitem6,
.item_hl_tab_type .goods_tab_cont ul li.goodsitem7,
.item_hl_tab_type .goods_tab_cont ul li.goodsitem8 {;}
/*  */

.item_tip_type ul li {padding-bottom:30px;}
.item_tip_type ul li .item_cont {width:246px; padding:20px; border:1px solid #e8e8e8;}
.item_tip_type ul li .item_cont .item_photo_box {overflow:visible; border:1px solid #e8e8e8; position:relative;}
.item_tip_type ul li .item_cont .item_photo_box a > img {max-width:244px;}
.item_tip_type ul li .item_cont .item_photo_box .item_link {display:none;}
.item_tip_type ul li .item_cont .item_info_cont {text-align:left;}
.item_tip_type ul li .item_cont .item_info_cont .item_tit_box .item_name {display:block; padding:6px 0 8px; margin:0 0 5px; border-bottom:1px solid #e4e3e2; font-size:14px; font-weight:bold; line-height:1.3; white-space:normal;}
.item_tip_type ul li .item_cont .item_info_cont .item_tit_box .item_brand strong {color:#424242; font-size:13px; font-weight:bold; white-space:normal; line-height:1.3; font-family:'돋움',Dotum,'Malgun Gothic',Verdana,sans-serif;}
.item_tip_type ul li .item_cont .item_info_cont .item_tit_box .item_name_explain {color:#9a9a9a; font-size:13px; font-weight:normal; white-space:normal; line-height:1.3; font-family:'돋움',Dotum,'Malgun Gothic',Verdana,sans-serif;}
.item_tip_type ul li .item_cont .item_info_cont .item_money_box del {color:#b1b1b1; font-size:12px; font-weight:normal; font-family:'돋움',Dotum,'Malgun Gothic',Verdana,sans-serif;}
.item_tip_type ul li .item_cont .item_info_cont .item_money_box .item_price {padding:5px 0 5px; color:#000000; font-size:14px; font-weight:bold; font-family:'돋움',Dotum,'Malgun Gothic',Verdana,sans-serif;}
.item_tip_type ul li .item_icon_box {position:absolute; bottom:15px; left:-9px; padding-bottom:5px; z-index:1; background:url("../img/dimg/icon_bg.png") no-repeat 0 bottom;}
.item_tip_type ul li .item_icon_box img {vertical-align:bottom;}

/* 기본 갤러리형 리스트 CSS */
.item_gallery_type ul li .item_cont {width:280px; padding:0 10px 30px;}
.item_gallery_type ul li .item_cont .item_photo_box {border:1px solid #e8e8e8; position:relative; border-radius: 12px;}
.item_gallery_type ul li .item_cont .item_photo_box a > img {
    max-width:278px;
    aspect-ratio: 1 / 1;
    /* 강제로 정사각형 유지 */
	width: 100%;
	/* ↑20260330 다정 추가 수정*/
}

.item_gallery_type ul li .item_cont .item_photo_box .item_link {display:none;}
.item_gallery_type ul li .item_cont .item_info_cont .item_tit_box .item_name {
    display: block;
    padding: 3px 0;
    color: #3488ea;
    font-weight: 500;
    line-height: 1.3;
    white-space: normal;
    letter-spacing: -0.5px;
}
.item_gallery_type ul li .item_cont .item_info_cont .item_tit_box .item_brand strong {
    color:#444; font-size:15px; font-weight:500; white-space:normal; line-height:1.3; font-family:'Noto Sans KR','돋움',Dotum,'Malgun Gothic',Verdana,sans-serif; letter-spacing:-0.01px;
}
.item_gallery_type ul li .item_cont .item_info_cont .item_tit_box .item_name_explain {max-width:100%; margin:0 auto; color:#9a9a9a; font-size:13px; font-weight:normal; white-space:normal; line-height:1.3; font-family:'돋움',Dotum,'Malgun Gothic',Verdana,sans-serif; letter-spacing:-0.5px;}
.item_gallery_type ul li .item_cont .item_info_cont .item_money_box del {color:#b1b1b1; font-size:12px; font-weight:normal; font-family:'돋움',Dotum,'Malgun Gothic',Verdana,sans-serif; letter-spacing:-0.5px;}
.item_gallery_type ul li .item_cont .item_info_cont .item_money_box .item_price {
    color: #333;
    font-size: 16px;
    font-weight: bold;
    font-family: 'Noto Sans KR','돋움',Dotum,'Malgun Gothic',Verdana,sans-serif;
}

/*.item_gallery_type ul li .item_icon_box {position:absolute; top:8px; left:2px; z-index:1;}*/
/* 260409 최근 본 상품 아이콘 정렬*/
.item_gallery_type ul li .item_icon_box {position:absolute; top:5px; left:20px; z-index:1;}

.item_gallery_type ul li .item_icon_box img{
}

/* 추천상품 */
.best_item_view .item_gallery_type ul li .item_cont {padding-bottom:0;}
.medi_rec_goods .item_hover_type{overflow:visible;}

/* 상품리스트 */
.body-goods.body-goods-list.pc #container {width:100%;}
.body-goods.body-goods-list.pc .sub_content {width:100%; padding:0;}
.body-goods.body-goods-list.pc .content {width:1250px; margin:0 auto;}

.body-goods.body-goods-search.pc #container {
    width: 100%;
}

/* 추천 상품 나오는 영역 */
.best_item_view {padding:52px 0 40px; margin:0 0 30px; background:#f1f1f2; text-align:center;}
.best_item_view .best_item_view_tit {padding:0 0 30px; font-size:16px; text-align:left;}
.best_item_view .best_item_view_tit span {display:inline-block; line-height:21px; font-size:13px; color:#777777; margin-left:5px; font-weight:normal;}
/* ------------- 상품 리스트, 상품 메인 ------------- */
.goods_list_item {position:relative;}
.goods_list_item_tit {position:relative; margin:0; padding:0; font-size:14px;}
.goods_list_item_tit h2 {font-size:20px; color:#000000; font-weight:bold;}
.goods_list_item_tit + .list_item_category {margin-top:-21px;}
.list_item_category {margin:0 0 40px 0; padding:3px 0 3px 0; border:none; text-align:center;}
.list_item_category ul {display:inline-block; width:100%; padding:0 20px 0 20px; font-size:0;}
.list_item_category li {display:inline-block; width:auto; font-size:12px; text-align:center; vertical-align:middle;}
.list_item_category li a {display:block; padding:0 15px; color:#5e5e5e; text-align:center; font-size:12px;}
.list_item_category li a img {max-width:100%; max-height:20px;}
.list_item_category li a:hover {text-decoration:underline;}
.list_item_category li em {color:#777;}
.list_item_category li.on,
.list_item_category li.on em {font-weight:bold;}
/*  추천순, 판매인기순, 낮은가격순, 높은가격순, 상품평순, 등록일순 */
.body-goods.body-goods-list.pc .goods_pick_list {/*min-height:300px;*/ margin:-30px 0 0;}
.body-goods.body-goods-list.pc .goods_pick_list .pick_list_num {display:block; height:30px; padding:0 0 20px 0; font-size:14px;}
.body-goods.body-goods-list.pc .goods_pick_list .pick_list_num strong {color:#404040;}
.body-goods.body-goods-list.pc .goods_pick_list .pick_list_box {height:36px; margin:0 0 10px 0; padding:0; border-top:none; border-bottom:1px solid #bbbbbb; clear:both;}
.body-goods.body-goods-list.pc .goods_pick_list .pick_list_box .pick_list {display:inline-block; float:right; padding:0;}
.body-goods.body-goods-list.pc .goods_pick_list .pick_list_box .pick_list li {float:left; height:35px; margin:0; padding:0; background:none; }
.body-goods.body-goods-list.pc .goods_pick_list .pick_list_box .pick_list input {position:absolute; top:3px; left:1px; width:0; z-index:-1;}
.body-goods.body-goods-list.pc .goods_pick_list .pick_list_box .pick_list label {position:relative; padding:0 15px; background:#ffffff; cursor:pointer; display:block; line-height:35px; height:35px; color:#777777; font-size:12px; border-top:1px solid #e8e8e8;}
.body-goods.body-goods-list.pc .goods_pick_list .pick_list_box .pick_list label.on {color:#000000; font-weight:normal; background:#f4f4f4; border-top:1px solid #bbbbbb;}
.body-goods.body-goods-list.pc .goods_pick_list .pick_list_box .pick_list label:before {position:absolute; content:""; top:0; left:0; height:100%; border-left:1px solid #e8e8e8;}
.body-goods.body-goods-list.pc .goods_pick_list .pick_list_box .pick_list label:after {position:absolute; content:""; top:0; right:-1px; height:100%; border-right:1px solid #e8e8e8;}
.body-goods.body-goods-list.pc .goods_pick_list .pick_list_box .pick_list label.on:before {border-color:#bbbbbb; z-index:1;}
.body-goods.body-goods-list.pc .goods_pick_list .pick_list_box .pick_list label.on:after {border-color:#bbbbbb; z-index:1;}
/* 보여지는 갯수(셀릭트 박스) */
.choice_num_view{float:right; padding:0;}
.choice_num_view select {width:120px;}

/* 마이페이지 최근본상품 */
.mypage_lately_goods .item_gallery_type ul li .item_cont {width:100%; box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; }
/* 상품상세 */
.item_photo_info_sec {padding-top:40px;}
.item_photo_info_sec .item_photo_view_box {width:auto; margin-left:90px;}
.item_photo_info_sec .item_info_box {width:520px; margin-right:96px;}
.item_photo_info_sec .chosen-container-single .chosen-single div b{position: relative;top: 4px;}
.item_add_option_box .chosen-container-single .chosen-single div b{top: 0!important;}
/* 상품 상세 수정 */
.detail_page_box .btn_add_cart{
    width: 234px;
    height: 55px;
    border: 1px solid #3488ea;
    border-radius: 5px;
    background: #3488ea;
    color: #fff;
    text-align: center;
    font-size: 17px;
    font-family: 'Noto Sans KR', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif;
    margin-right: 4px;
}

.detail_page_box .btn_add_cart span{
    position: relative;
    top: 2px;
}

.detail_page_box .btn_add_cart span::before{
    content: " ";
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    display: inline-flex;
    align-items: center;
    background-image: url(/data/skin/front/designbook_thegrandA/img/dimg/goodsview-bnt02.png);
    margin-right: 5px;
    position: relative;
    top: -7px;
}

.detail_page_box .btn_add_order{
    width: 200px;
    height: 55px;
    border: 1px solid #c1c1c1;    
    border-radius: 5px;
    background: #ffffff;
    color: #555;
    text-align: center;
    font-size: 17px;
    font-family: 'Noto Sans KR', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif;
    margin-right: 4px;
}

.detail_page_box .btn_add_order span{
    position: relative;
    top: 2px;
}

.detail_page_box .btn_add_order span::before{
    content: " ";
    width: 27px;
    height: 27px;
    background-repeat: no-repeat;
    display: inline-flex;
    align-items: center;
    background-image: url(/data/skin/front/designbook_thegrandA/img/dimg/goodsview-bnt03-card.png);
    margin-right: 3px;
    position: relative;
    top: -5px;
    background-size: 26px 26px;
}

.detail_page_box .btn_add_wish {
    width: 66px;
    height: 55px;
    border: 1px solid #c1c1c1;
    border-radius: 5px;
    background: #ffffff;
    text-align: center;
}

.detail_page_box .btn_add_wish::before {
    content: " ";
    width: 25px;
    height: 25px;
    background-repeat: no-repeat;
    display: inline-flex;
    align-items: center;
    background-image: url(/data/skin/front/designbook_thegrandA/img/dimg/goodsview-bnt04.png);
    position: relative;
}

/*의약품 상세페이지*/

/* 260522 의약품 상세보기 모달 그라데이션 위치고정 및 top 버튼 동작 - 다정 START*/
.iframe_box{position: relative;}

.iframe_box::after{
    content: '';
    position: absolute;
    width: calc(100% - 30px);
    height: 300px;
    left: 0;
    bottom: 0;
    background: linear-gradient(to top, #fff, transparent);	
	pointer-events: none;
}
/* 260522 의약품 상세보기 모달 그라데이션 위치고정 및 top 버튼 동작 - 다정 END*/

.iframe_btn_box{
    border-radius: 20px;
    width: 200px;
    height: 50px;
    background: #3488ea;
    position: relative;
    display: block;
    text-align: center;
    left: 50%;
    margin-top: 50px;
    transform: translate(-50%, -50%);
    font-family: 'Noto Sans KR', sans-serif;
        font-size: 16px;
        font-weight: 500;
        line-height: 50px;
}

.iframe_btn_box:hover{
    background: #007aff;
}

.iframe_btn_box a {
    display: block;
	color:#fff;
}

.iframe_source_box{
    position: relative;
    width: 100%;
    border: 1px solid #b3b3b3;
    border-radius: 20px;
    padding-bottom: 15px;
}

.iframe_source_box div{
    padding:0 30px
}

.iframe_source_box img{
    display: flex;
    margin: 15px auto;
}

.iframe_source_box span{
    display: block;
    font-family: 'Noto Sans KR', sans-serif;
    font-size: 16px;
    font-weight: 500;
    text-align: center;
    color: #555555;
    line-height: 30px;
}

.iframe_img{
position: relative;    top: 50%; left: 50%; transform: translate(-50%, -50%);
}

.detail_page_option_wrap{display:flex;flex-basis:100%;align-items:center;color:rgba(0,0,0,0.35);font-size:12px;margin:8px 0}.detail_page_option_line::before,.detail_page_option_line::after{content:"";flex-grow:1;background:#cfcfcf;height:1px;font-size:0;line-height:0;margin:0 16px}.detail_page_option:nth-child(5n)::after { content: ""; }.detail_page_option_line::before{margin-left:126px}.detail_page_option_line::after{margin-right:126px}.detail_page_option{font-family:'Noto Sans KR','Nanum Gothic','나눔고딕',Gulim,'굴림',Dotum,'돋움',Sans-serif;height:40px;border-radius:100px;font-size:18px;font-weight:500;color:#333;cursor:pointer;text-align:center;line-height:40px;display:inline-block;margin:0 20px;padding:0 30px}.detail_page_option::after{content:"｜ ";position:absolute;padding-left:40px;color:#d0d0d0;font-size:20px}.detail_page_option:last-child{margin-right:0}.detail_page_option:last-child::after{content:"";padding-left:0}.detail_page_option.active{background:#ffae00;color:#fff}.detail_page_option:nth-of-type(5):after{display:none}.jusagi_option{margin:50px auto;width:1000px;display:none}.jusagi_option.active{display:block}.detail_page_option_wrap::before,.detail_page_option_wrap::after{display:none}


/* 상단좌측 상세이미지 */
.item_photo_big {width:480px; height:480px; border:none;}
.item_photo_slide {width:480px;}
.item_photo_big span {width:100%; display:block;}
.item_photo_big img {width:100%;border-radius: 10px; border: 1px solid #e6e6e6;}
.item_photo_slide .slider_goods_nav {width:100%;}
.slick-slider .slick-list {width:368px; margin:0 auto;}
.item_photo_slide .slider_goods_nav li {width:70px; height:70px; padding:0 2px;}
.item_photo_slide .slider_goods_nav li a {width:66px;}
.item_photo_slide .slider_goods_nav li img {width:66px; height:66px;}
.item_photo_slide .slick_goods_prev, .item_photo_slide .slick_goods_next {padding:0;}
/* 작은 슬라이드 이미지 오버시, 선택시 */
.item_photo_slide .slider_goods_nav li a:hover {width:66px; height:66px; border:2px solid #333;}
.item_photo_slide .slider_goods_nav li a:hover img{margin:0;}
.item_photo_slide .slider_goods_nav li a.on {width:66px; height:66px; border:2px solid #333;}
.item_photo_slide .slider_goods_nav li a.on img{margin:0;}
/* 상단우측 상품정보 */
.item_detail_tit {border:none;}
.item_detail_tit .btn_qa_share_box {top:-30px; bottom:auto;}
.item_detail_tit h3 {width:100%; color:#000000; font-size:23px;}
.item_detail_list dt {width:20%; margin:0 5% 0 0;}
.item_detail_list dd {width:70%;}
.item_price dd, .item_price dd strong {color:#000000; font-weight:bold;}/* 판매가 */
.item_tatal_box .total_amount dd {color:#000000;}/* 총합계 */
.item_choice_list .cart_prdt_name {padding:20px 0 20px 10px;}
.item_choice_list .cart_prdt_name + td {width:140px;}
.item_add_option_box {width:100%;}
/* 구매버튼 AREA */
.btn_choice_box {overflow:hidden;}
.btn_add_cart {margin:0;}
.btn_add_order, .btn_add_wish {margin:0 0 0 6px;}
.btn_add_order, .btn_add_cart, .btn_add_wish {float:left; width:auto; height:auto; padding:0; background:none; border:none; font-size:0;}
/* .btn_add_order:hover, .btn_add_cart:hover, .btn_add_wish:hover {width:auto; height:auto; padding:0; background:none; border:none;} */
/* 관련상품 */
.item_goods_sec .detail_explain_box .goods_list {padding-bottom:0;}
.item_goods_sec .detail_explain_box .goods_list .goods_list_cont {margin-top:0;}

/* 상품상세정보 */
.detail_page_box .item_add_option_box .chosen-container{
    width: 390px!important;
}
/* 상품정보탭 */
.item_goods_sec {margin:0;}
.item_goods_tab {border-bottom:none;}

/* 260403 다정 수정 - 배송/교환/반품 안내 통합*/
.item_goods_tab ul {
    width: 100%;
    height: 51px;
    border-bottom: 1px solid #d3d3d3;
    text-align: center;
    position: relative;
    display: flex;
    flex-direction: row;
    justify-content: center;
}
.item_goods_tab ul li {
    display: flex;
    float: none;
    width: 165px;
    height: 50px;
    padding: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
    flex-direction: row;
    align-content: center;
    justify-content: center;
	align-items: center;
}
/* 260403 다정 - 배송/교환/반품 안내 길이 수정*/
.item_goods_tab ul li:nth-child(2) {
    width: 190px;
}
/* 260414 보더 제한*/
.item_goods_tab li a {
  height: 50px;
  padding: 0;
  color: #555;
  font-size: 16px;
  font-weight: normal;
  /* border-bottom: 1px solid #dcdcdc; */
  border: none;
  line-height: 50px;
  font-family: "Noto Sans KR", Malgun Gothic, "맑은 고딕", Dotum, "돋움", sans-serif;
  font-weight: 400;
}
.item_goods_tab li a strong {color:#555;}
.item_goods_tab li.on {margin-top:0;}
.item_goods_sec .item_goods_tab li a{
    border-top: none!important;
    border-right: none!important;
    border-left: none!important;
    border-bottom: none;
}


.item_goods_tab li.on a {height:50px; padding:0; margin-top:0; background:#ffffff;    color: #3488ea; border-bottom:2px solid #3488ea;; line-height:50px; font-weight:500;}
.item_goods_tab li.on a strong {color:#3488ea;}
.btn_reviews_more, .btn_qna_more {border: 1px solid #404040; color: #404040; box-sizing: border-box; font-size: 14px; font-weight: 500; font-family: 'Noto Sans KR', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif; border-radius: 10px;margin-right: 5px;}
.btn_reviews_more:hover, .btn_qna_more:hover {border:1px solid #404040; color:#404040;}
.btn_reviews_write, .btn_qna_write {background: #404040; border: 1px solid #404040; box-sizing: border-box; font-size: 14px; font-weight: 500; font-family: 'Noto Sans KR', Malgun Gothic,"맑은 고딕",Dotum,"돋움",sans-serif; border-radius: 10px; width: 133px;}
.btn_reviews_write:hover, .btn_qna_write:hover {background:#404040; border:1px solid #404040;}
.item_goods_sec .reviews_cont {padding-top:20px;}
.reviews_cont,.qna_cont{padding-top: 20px;position: relative; min-height: 200px;}
/* 상품정보탭end */


.loading-wrap { display: none; position: absolute; width: 100%; text-align: center; height: 100%; opacity: 0.8; left: 50%; transform: translate(-50%, -11%); z-index: 999; background-color: #FFFFFF}
.loading-wrap .loading-box { position:absolute; left: 50%; top: 12%; }
.loading-wrap .loading-box > img { width: 100px }

.sub_content { width: 1250px; }
#contents .sub_content > .side_cont + .content { width:1060px  !important; padding:0 0 0 0; }

#wrap .ly_wrap.delivery_zone_layer .medicalChargeLayer { width: 440px; }


/* 회원가입 디자인 커스텀 */
.member_type_box { display: flex; /*border-left:1px solid #DBDBDB; border-top: 1px solid #DBDBDB; border-right: 1px solid #DBDBDB; */ }
.member_type_box .member_type { flex:1; text-align: center; padding: 17px; font-size: 16px; cursor: pointer;background: #f8f8fa; border-radius: 12px 12px 0 0; border-bottom: 1px solid #dbdbdb;color: #333; font-family: 'Noto Sans KR', sans-serif;font-weight: 500;}
.member_type_box .on { border-top: 1px solid #dbdbdb; border-left: 1px solid #dbdbdb; border-right: 1px solid #dbdbdb; border-bottom: 1px solid #FFFFFF;cursor: pointer;background: #fff;}
/* 20260327 다정 수정 (border 디자인)*/
/* .member_cont { border-top: #FFFFFF; border-radius: 0 0 12px 12px;} */
.member_cont { border-radius: 12px;}
/* 회원가입 디자인 커스텀 */

.main_popup_layer{z-index: 101!important;}



.delivery_list .mileage_chart{float:right; color:#5DAFF8;margin-top:10px;}
#wrap .ly_wrap.option_mileage_layer{width: 340px;   top: 0px;    left: -194px;}
.ly_wrap.option_mileage_layer .delivery_list ul li > div {max-width: 210px;}

/* 검색창 자동완성 */
.dpx_auto_complete { font-size:12px;}
.ui-autocomplete-category { font-weight: bold; padding: 10px 15px; margin: .8em 0 .2em; line-height: 1.5;}  /* 260417 패딩 수정 */
.ui-autocomplete-category, .ui-menu .ui-menu-item a { font-family: 'Noto Sans KR' !important;}
.ui-widget { font-family: Verdana, Arial, sans-serif; font-size: 1.1em;}
.ui-menu .ui-menu-item { margin: 0; padding-left:10px; width: 100%;}  /* 260417 패딩 수정 */
.ui-menu .ui-menu-item a { text-decoration: none; display: block; padding: 2px 0.4em; line-height: 1.5; min-height: 0; font-weight: normal;}
.ui-menu .ui-menu-item a span.highlight { color:#3488ea;}
.ui-autocomplete .search_page { font-weight: normal; float: right; font-size: 10px;}
.ui-autocomplete .search_page span { margin: 0px 10px 0px 10px;}
/* 260417 패딩 여백 수정 */
.ui-menu .ui-menu-item:last-child{padding-bottom: 15px;}

/* 임시 */
.cart_btn_box{display: none;}

/* 분할형 임시 */

.dpxGoodsList .item_icon_box img{
    left: 15px;
}

.dpxGoodsList{

}
/*260519 임시 테스트*/
.dpxGoodsList > .goods_list_hc .goods_no_data{
    border:1px solid #e0e0e0;
    border-radius:10px;
    margin:0 0 0 12px;
}

.delivery_img{
	display: flex;
	justify-content: center;
}

/* 260409 아이콘 정렬 추가 */
.item_icon_box img{
	padding-right: 6px !important;
}

/*260520 과거구매,관심상품 카테고리 호버*/
.wishlist_category_list table td ul li a:hover{color:#3488ea !important; font-weight: 500 !important; }