@charset "UTF-8";

@font-face {
    font-family: 'NanumSquareNeo';
    font-weight: 200;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-aLt.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeo';
    font-weight: 300;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-bRg.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeo';
    font-weight: 700;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-cBd.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeo';
    font-weight: 900;
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-dEb.ttf) format("truetype");
}

@font-face {
    font-family: 'NanumSquareNeoHeavy';
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot);
    src: url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.eot?#iefix) format("embedded-opentype"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.woff) format("woff"), url(https://hangeul.pstatic.net/hangeul_static/webfont/NanumSquareNeo/NanumSquareNeoTTF-eHv.ttf) format("truetype");
}

/* inter-300 - latin */
@font-face {
    font-display: swap;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 300;
    src: url('../font/inter-v18-latin-300.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* inter-regular - latin */
  @font-face {
    font-display: swap;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 400;
    src: url('../font/inter-v18-latin-regular.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* inter-500 - latin */
  @font-face {
    font-display: swap;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 500;
    src: url('../font/inter-v18-latin-500.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* inter-700 - latin */
  @font-face {
    font-display: swap;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 700;
    src: url('../font/inter-v18-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  /* inter-900 - latin */
  @font-face {
    font-display: swap;
    font-family: 'Inter';
    font-style: normal;
    font-weight: 900;
    src: url('../font/inter-v18-latin-900.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }

/* reset */
*{margin:0; padding:0; box-sizing:border-box;}
html, body{height:100%; width:100%;}
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, button, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, hr{margin:0; padding:0;}
table{width: 100%;table-layout: fixed;border-spacing: 0;}
body *{font-family:'NanumSquareNeo', '맑은 고딕', 'Malgun Gothic', Apple SD Gothic Neo, Arial,Verdana,Helvetica,sans-serif; font-weight:300; font-size:12px; line-height:1; color:#000;}
img{vertical-align:top;}
ol, ul, li{list-style:none;}
em{font-style:normal;}
a{outline:none;text-decoration: none;color:#000;}
button{border:0;background: inherit;cursor: pointer;}
.-offscreen{overflow: hidden; white-space: nowrap; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); position: absolute; width: 1px; height: 1px; margin: 0; padding: 0; border: 0;}
/* Firefox 브라우저용 사용자 정의 스타일 */
[type="number"] { -moz-appearance: textfield; }
/* 그 외(Chrome, Safari, Edge...)의 브라우저용 사용자 정의 스타일 */
input::-webkit-inner-spin-button { -webkit-appearance: none; }
input::-webkit-outer-spin-button { -webkit-appearance: none; margin: 0; }

/*layout*/
header{margin: 0 auto;position:relative;width: 100%; height:123px;border-bottom:1px solid #CDD1D4;z-index: 999;}
.header{display:flex;flex-direction:column;}
.header .top{position: relative;display:flex;padding:10px 60px 0;justify-content:space-between;align-items:center;z-index: 999;}
.header .login_box{margin-left:auto;display:flex;justify-content:space-between;align-items:center;gap:20px;}
.header .top a,
.header .login_box > span{font-size:12px;}
.header .top .login_box a:hover,
.header .top .login_box div:hover {font-weight:800}
.header nav{padding:10px 60px 16px 60px; background:#fff; position:absolute; top:25px; width:100%; display:flex;justify-content:space-between;align-items:center;}
.header nav .logo{margin-right:124px;}
.header nav > ul{display:flex;justify-content:space-between;align-items:center;gap:35px;}
.header nav > ul > li {position:relative; padding:28px 0;}
.header nav > ul > li > a {font-weight:400; font-size:16px;}
.header nav > ul > li > a:hover {font-weight:700;}
.header nav .sub_menu{display:none; position:absolute; top:94px; left:50%; margin-left:-95px; background:#fff; padding:24px 0; width:190px; border:1px solid #76848C;text-align: center;z-index: 1;}
.header nav > ul > li:hover .sub_menu{display:block; -webkit-animation: fadeInUp 0.2s ease-in-out both;-moz-animation: fadeInUp 0.2s ease-in-out both;-ms-animation: fadeInUp 0.2s ease-in-out both;animation: fadeInUp 0.2s ease-in-out both;}
.header nav .sub_menu:before{display:block; content:''; position:absolute; top:-29px; left:50%; margin-left:-16px; width:32px; height:32px; background:url(/img/web/sub_menu_arr.svg) no-repeat center center;}
.header nav .sub_menu li + li{margin-top: 28px;}
.header nav .sub_menu li a{font-weight:700; font-size:14px; line-height:20px;}
.header nav .nav_right{display: flex;margin-left:auto;}
.header nav .nav_right a{display: inline-block;width: 60px;height: 60px;font-size: 0;border:1px solid #B0B8BC;border-radius: 100px;transition: all 0.3s;}
.header nav .nav_right a + a{margin-left: 33px;}
.header nav .nav_right a.nav_search{background: url(/img/web/header_search_ico.svg) no-repeat center center;}
.header nav .nav_right a.nav_wawbag{background: url(/img/web/header_wawbag_ico.png) no-repeat center center;}
.header nav .nav_right a.nav_favorite{position:relative; background: url(/img/web/header_favorite_ico.svg) no-repeat center center;}
.header nav .nav_right a.nav_wawbag:hover{background-color:#f2838f;border:1px solid #f2838f; background-image: url(/img/web/header_wawbag_ico_w.svg);}
.header nav .nav_right a.nav_favorite:hover{background-color:#f2838f;border:1px solid #f2838f; background-image: url(/img/web/header_favorite_ico_w.svg);}
.header nav .nav_right a.nav_favorite > span{display: block;width: 26px;height: 26px;line-height:26px;position: absolute;top:0;right: -8px;background:#f2838f; border-radius: 50px;font-weight:300;font-size:8px;color:#fff;text-align: center;}
.header nav .nav_right a.nav_favorite:hover > span{border:1px solid #f2838f;background-color: #fff;color:#f2838f;}
/*scroll header*/
.header.fixed {position: fixed;top:0;left: 50%; transform: translateX(-50%);width:100%;height:98px;border-bottom: 1px solid #CDD1D4;z-index: 999;}
.header.fixed .top{display:none;}
.header.fixed nav{position: fixed;top:50px;left:0;opacity: 0;background: rgba(245, 246, 247, 0.85);border-bottom:#CDD1D4;transition: all 0.8s;}
.header.fixed.active nav{opacity: 1;top:0; /* 화면 상단으로 이동 */}
.header.default nav{transition: all 0.8s;}


footer{padding-bottom: 50px;width:100%;max-width:1800px;margin:0 auto;}
.footer{width:100%;max-width:1800px;display:flex;justify-content:space-between;padding:47px 89px 40px 51px;margin:40px auto 0;border:1px solid #B0B8BC;}
.footer_bnr{width: 100%;}
.footer_bnr img{width: 100%;}
.footer p{font-size:14px;}
.footer > div > strong{line-height:46px;font-size:22px;font-weight:900;}
.footer .cs_center,
.footer .bank{display:flex;flex-direction:column;}
.footer .cs_center > strong{margin-bottom: 11px;}
.footer .cs_center > p + p{margin-top: 48px;}
.footer .cs_center > p{line-height:20px;}
.footer .cs_center > div a {font-size:14px; line-height:1.7; font-weight:600;}
.footer .cs_center .footer-terms {margin:28px 0 2px 0;}
.footer-terms {display:flex; align-items:center; gap:7px;}
.footer-terms .sep {color:#000;}
.footer .bank > p{line-height:46px;}
.footer .icon_wrap{width:250px; text-align:right; display:flex; flex-direction:column; justify-content:flex-end;}
.footer .icon_wrap .ico_box{margin-bottom:50px;}
.footer .icon_wrap .logo{display:inline-block;}
.footer .icon_wrap .ico_box > a{display:inline-block; width:36px; height:36px;}
.footer .icon_wrap .ico_box .-kakao {background:url("/img/web/ico_footer_kakao.svg") no-repeat 0 0;margin-right:20px; aspect-ratio:1/1; background-size:36px 36px;}
.footer .icon_wrap .ico_box .-insta {background:url("/img/web/ico_footer_insta.svg") no-repeat 0 0; aspect-ratio:1/1; background-size:36px 36px;}

/* 메인, 상품디테일 추천상품 카드 호버효과: 마우스 있는 PC 웹에서만 (모바일, 터치 디바이스 호버 안함) */
@media (hover: hover) and (pointer: fine) and (min-width: 861px){
    .productWrap .product_list li:hover {transform:scale(1.05); transition:transform 0.3s ease;}
}

/* 푸터 로고 호버효과: 마우스 있는 경우에서만 (터치 디바이스 호버 안함) */
@media (hover: hover) and (pointer: fine) and (min-width: 641px) {
    .footer .icon_wrap .ico_box .-kakao:hover {background:url('/img/web/ico_footer_kakao_color.png') no-repeat 0 0; aspect-ratio:1/1; background-size: 36px 36px;}
    .footer .icon_wrap .ico_box .-insta:hover {background:url('/img/web/ico_footer_insta_color.png') no-repeat 0 0; aspect-ratio:1/1; background-size: 36px 36px;}
}
@media (hover: hover) and (pointer: fine) and (max-width: 640px) {
    .footer .icon_wrap .ico_box .-kakao:hover {background:url('/img/web/ico_footer_kakao_color.png') no-repeat 0 0; aspect-ratio:1/1; background-size: 30px 30px;}
    .footer .icon_wrap .ico_box .-insta:hover {background:url('/img/web/ico_footer_insta_color.png') no-repeat 0 0; aspect-ratio:1/1; background-size: 30px 30px;}
}
/* .footer .icon_wrap .logo > img{display: block;margin: 0 auto;} */

.quick_menu {opacity: 0;position: fixed;top:50%;right:26px;margin-top:-140px;}
.quick_menu ul li{position:relative;width: 45px;height:45px;border-radius:8px;font-size: 0;transition: all 0.3s;}
.quick_menu ul li + li{margin-top:14px;}
.quick_menu ul li:hover{border-radius:50px;}
.quick_menu ul li a{display: block;width: 100%;height:100%;}
.quick_menu ul li p{display: none;background:#E9EBEC;position: absolute;top:50%;right: calc(100% + 10px);margin-top:-10px;padding:0 20px;height:20px;line-height: 20px;border-radius:5px;font-weight: 300;font-size:14px;white-space: nowrap;text-align: center;}

.quick_menu ul li.-kakao{background:#D9D9D9 url(/img/web/kakao_ico.svg) no-repeat center center;}
.quick_menu ul li.-cart{background:#D9D9D9 url(/img/web/cart_ico.svg) no-repeat center center;}
.quick_menu ul li.-recent{background:#D9D9D9 url(/img/web/recent_ico.svg) no-repeat center center;}
.quick_menu ul li.-heart{background:#D9D9D9 url(/img/web/heart_ico.svg) no-repeat center center;}
.quick_menu ul li.-delivery{background:#D9D9D9 url(/img/web/delivery_ico.svg) no-repeat center center;}
.quick_menu ul li.-up{margin-top: 28px;background:#D9D9D9 url(/img/web/up_ico.svg) no-repeat center center; transition:none; cursor:pointer;}
.quick_menu ul li.-down{background:#D9D9D9 url(/img/web/down_ico.svg) no-repeat center center; transition:none; cursor:pointer;}

/*animation*/
@-webkit-keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,30px,0);
        transform: translate3d(0,30px,0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}

@keyframes fadeInUp {
    from {
        opacity: 0;
        -webkit-transform: translate3d(0,30px,0);
        transform: translate3d(0,30px,0);
    }

    to {
        opacity: 1;
        -webkit-transform: translate3d(0,0,0);
        transform: translate3d(0,0,0);
    }
}


@-webkit-keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

@keyframes fadeInUpBig {
    from {
        opacity: 0;
        -webkit-transform: scale(2);
        transform: scale(2);
    }

    to {
        opacity: 1;
        -webkit-transform: scale(1);
        transform: scale(1);
    }
}

/*common*/
[data-device="mo"]{display: none;}
.fadeUp{opacity: 0; transform: translateY(100px); transition: opacity 1s ease, transform 1s ease;}
.fadeUp.visible {opacity: 1;transform: translateY(0);}
.section_tit{margin-bottom:31px; line-height:46px; font-weight:700; font-size:32px; text-align:center;}
.section_tit b{margin-top:9px; display:block; font-weight:900; font-size:32px;}
.txt_slice {width:100%; /*white-space:nowrap; text-overflow:ellipsis; overflow:hidden;*/}
h2.sec_title {position:relative; margin-bottom:70px; line-height:54px; font-weight:700; font-size:24px !important;}
.back_btn{display:none;}

/* tab */
.tab_section{width:100%;margin:0 auto;}
.tab_section .tab_type{display: flex;justify-content: space-between;align-items:center;}
.tab_section .tab_con{display:none;}
.tab_section .tab_con.on{display:block;}

/*paging*/
.paging{padding:32px 0 20px;display: block;text-align: center;}
.paging li {display: inline-block;}
.paging li button{padding: 0 3px;font-weight:300;font-size:14px;color:#5D6970;}
.paging li .paging_num {font-size:14px; margin:0 10px; border:1px solid #141719; padding:12px; aspect-ratio:1/1; width:32px; display:inline-block; border-radius:6px;}
.paging li .paging_num:hover,
.paging li .paging_num.on{font-weight:700; background-color:#141719; color:#f0f0f0;}
.paging li .paging_arr_r,
.paging li .paging_arr_l {font-size:24px; display:inline-block; vertical-align:middle;}

/*select box*/
.select {position:relative; display:inline-block;min-width: 90px;}
.select .selected {display:flex; justify-content:space-between; padding:8px 12px; border:1px solid #76848C;}
.select .selected .selected-value { max-width: 90px;}
.select .selected .arrow {margin-top: 3px;margin-left: 5px; width: 10px;height: 6px; background: url(/img/web/select_Arr.svg) no-repeat center center; background-size: cover; }
.select ul li, .select .selected .selected-value {font-size:12px; color:#76848C; white-space: nowrap;overflow: hidden; text-overflow: ellipsis;text-align: left; cursor: pointer;}
.select ul { width: 100%; border:1px solid hsl(202, 9%, 51%); display: none; position: absolute; left:0;border-top:0; background: #fff; margin: -2px 0 0 0; cursor: pointer; }
.select.active ul { display: initial; padding:3px 0;}
.select ul li { padding: 8px 12px; margin:3px 0;}

/*product_list*/
.product_list{display:flex; justify-content:flex-start; gap:61px;}
.product_list img{width:100%; aspect-ratio: 1/1; border:1px solid #ddd; border-radius:6px;}
.product_list .product_info{width: 100%;}
.product_list .product_info{margin-top:20px; text-align:center;}
.product_list .product_info *{line-height:1.8;font-size:14px;}
.product_list .product_info .prd_tit{font-weight: 900;}
.product_list .product_info .prd_subtit{display: block;font-weight: 300;}
.product_list .product_info .product_price{font-weight: 900;}
.product_list .product_info .product_price .price_per{margin-right: 5px;font-weight: 900;color:#FF0004;}
.product_list .product_info .product_price em{margin-left: 5px;font-weight: 300;text-decoration: line-through;}
.shop_icon {font-size:11px !important; padding:1px 5px !important;}

/* 이벤트 */
.event_list_wrap,
.event_detail_wrap {padding: 0 4.3% 220px !important;}
.event_detail_wrap .event_title {padding:0; gap:14px !important; margin-top:45px;}
.event_detail_wrap .event_title strong {font-size:28px !important; font-weight:700; line-height:1.8;}
.event_detail_wrap .event_title .event_title_sub{padding-bottom: 18px;}
.event_detail_wrap .event_title .event_title_sub > p{font-size:18px !important; line-height:1.8;}
.event_detail_wrap .event_title .event_title_sub .btn_share{background-size:24px 40px !important;}
.event_detail_wrap .event_image{padding:32px 20px !important; text-align:center;}
.event_detail_wrap .event_image p{line-height:1.6; font-size:14px;}
.event_detail_wrap .event_image p img{padding-bottom:12px; width:100%;}
.event_detail_wrap .event_title .event_title_main .event_buttons .btn_edit:hover {background:#454e54; color:#f0f0f0;}
.event_detail_wrap .event_title .event_title_main .event_buttons .btn_delete:hover {background:#454e54; color:#f0f0f0;}

.eventSliderWrap .bx-controls-direction,
.eventSliderWrap .outside-wrap{display:none;}
.eventSliderWrap .event_txtBox{top:31px;left:21px;}
.eventSliderWrap .event_bnr_tit{font-size:16px;line-height: 20px;}
.eventSliderWrap .event_bnr_subtit{font-size:12px;line-height: 14px;}
.eventSliderWrap .event_bnr_btn{margin-top: 33px;width: 74px;height:22px;font-size:10px;line-height: 20px;font-weight: 900;}
.eventSliderWrap .bx-wrapper .bx-pager{bottom:25px;padding-left: 50px;}
.eventSliderWrap .bx-wrapper .bx-pager.bx-default-pager a{width: 10px;height: 10px;}

.event_sec_title{margin-bottom: 19.5px !important;margin-top: 0 !important;padding-top: 37.5px;}
.event_list_wrap .tab_button{margin-top:20px;padding:0 4%;}
.event_list_wrap .tab_button > ul{gap:10px;}
.event_list_wrap .tab_button > ul > li{font-size:14px !important; padding:12px 16px !important; border-radius:4px;}
.event_list_wrap .admin_btns {padding:0 4%;}
.event_list_wrap .list_box{margin-top: 22.5px;padding:0 2%;}
.event_list_wrap .event_list{gap:12px;}
.event_list_wrap .event_list > li{width:calc(100% / 2 - 6px);padding:12px;}
.event_list_wrap .event_list > li .event_info{margin-top: 16px;}
.event_list_wrap .event_list > li .img_box {width:100%; aspect-ratio: 1 / 1; max-width:400px; max-height:400px; margin:0 auto; }
.event_list_wrap .event_list > li .evt_subtit{font-size:12px;margin-top: 8px;}
.event_list_wrap .paging{margin-top: 30px;}


/* item_list_box */
.item_list_box{display: flex;justify-content: left;gap:32px;padding: 32px 40px;
box-sizing: border-box;border-radius:4px;border:1px solid #76848C;}
.item_list_box .thumb_wrap{width:200px; display:flex; justify-content:center; align-items:center; background:#f7f7f7;}
.item_list_box .thumb_wrap img{max-width:200px; border-radius:5px; width:100%; height:auto; aspect-ratio:1/1; object-fit:cover;}
.item_list_box .info_wrap {display:flex; flex-direction:column; justify-content:space-around;}
.item_list_box .info_wrap > strong{font-size:18px;font-weight: 900;}
.item_list_box .info_wrap .num{font-size: 24px;color: #000;}
.item_list_box .info_wrap .item_price{display: flex;justify-content: left;align-items: center;gap:15px;}
.item_list_box .info_wrap .item_price .per{font-size:32px;color: #FF0004;font-weight:900;}
.item_list_box .info_wrap .item_price .ori_price > p{font-size:28px;color:#76848C;text-decoration:line-through;}
.item_list_box .info_wrap .item_price .dis_price > p{font-size:32px;color: #000;font-weight:900;}
.item_list_box .btn_wrap{margin-left:auto; display:flex; flex-direction:column; gap:10px;}
.item_list_box .btn_wrap > button,
.item_list_box .btn_wrap > form,
.item_list_box .btn_wrap > a{width:165px;display: inline-block;border-radius:4px;font-size:24px;border:1px solid;height:66px;line-height:66px;}
.item_list_box .btn_wrap > form button,
.item_list_box .btn_wrap > a button{font-size:24px;width:100%;}
.item_list_box .btn_wrap > .btn_order{color: #fff;font-weight: bold;background: #454E54;border-color:#454E54;}
.item_list_box .btn_wrap > .btn_cart{color: #454E54;border-color:#454E54;}
.item_list_box .btn_wrap > .btn_del{color: #76848C;border-color:#76848C;}
.item_list_box .btn_wrap > .btn_del > img{vertical-align: middle;margin-right: 4px;}
.item_list_box.type2{border:0;}

.productWrap .product_list .product_img {position:relative;}
.productWrap .product_list .ico_zzim{opacity:0; visibility:hidden; z-index:999; position:absolute; width:26px; height:26px; background:url(/img/web/ico_zzim.svg) 0 0; background-size:100%; bottom:10px; right:10px;}
.productWrap .product_list li:hover .ico_zzim {opacity:1; visibility:visible;}
.productWrap .product_list .ico_zzim.on{background-image:url('/img/web/ico_zzim_on.svg');}

.bestWrap .product_list .product_img {position:relative;}
.bestWrap .product_list .ico_zzim{opacity:0; visibility:hidden; z-index:999; position:absolute; width:26px; height:26px; background:url(/img/web/ico_zzim.svg) 0 0; background-size:100%; bottom:10px; right:10px;}
.bestWrap .product_list a:hover .ico_zzim {opacity:1; visibility:visible;}
.bestWrap .product_list .ico_zzim.on{background-image:url('/img/web/ico_zzim_on.svg');}

@media (){}

/*review*/
/* .reviewWrap .review_list{margin: 0 auto; max-width: 1440px;width:100%;} */
.reviewWrap .review_list li {width:259px; border:1px solid #B0B8BC; border-radius:4px; box-sizing: border-box;margin:0 5px;}
/* .reviewWrap .review_list .review_thumb > img{width:100%;height:100%;} */
.reviewWrap .review_list .review_name {padding:0 20px; display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #ccc;}
.reviewWrap .review_list .review_name .goods_img {display:inline-block; width:32px; height:32px; border-radius:100px; overflow:hidden; margin-right:12px;}
.reviewWrap .review_list .review_name .goods_img img{width:100%;height:auto;}
/* .reviewWrap .review_list .review_name .goods_tit {width: 165px;} */
.reviewWrap .review_list .review_name .goods_tit p{line-height:1.6; font-weight:900; font-size:12px;}
.reviewWrap .review_list .review_name .goods_tit span{line-height:28px; font-weight:300; font-size:12px;}
.reviewWrap .review_list .review_txt {padding:10px 16px 16px;}
/* .reviewWrap .review_list .review_txt * {display:inline-block; height:100%; line-height:1.5; vertical-align:top;} */
.reviewWrap .review_list .review_txt,
.reviewWrap .review_list .review_txt dt *{color:#B0B8BC; font-size:12px;}
.reviewWrap .review_list .review_txt dt,
.reviewWrap .review_list .review_txt dd{width:100%;}
.reviewWrap .review_list .review_txt dt .review_star{margin-right: 10px;width:60px;height:27px;background: url(/img/web/review_star_ico.png) no-repeat center left;}
.reviewWrap .review_list .review_txt dt .review_star.-sw10{width:6px;}
.reviewWrap .review_list .review_txt dt .review_star.-sw20{width:12px;}
.reviewWrap .review_list .review_txt dt .review_star.-sw30{width:18px;}
.reviewWrap .review_list .review_txt dt .review_star.-sw40{width:24px;}
.reviewWrap .review_list .review_txt dt .review_star.-sw50{width:32px;}
.reviewWrap .review_list .review_txt dt .review_star.-sw60{width:36px;}
.reviewWrap .review_list .review_txt dt .review_star.-sw70{width:42px;}
.reviewWrap .review_list .review_txt dt .review_star.-sw80{width:48px;}
.reviewWrap .review_list .review_txt dt .review_star.-sw90{width:54px;}
.reviewWrap .review_list .review_txt dt .review_star.-sw100{width:60px;}
.reviewWrap .review_list .review_txt dt .user_name{width:96px; height:27px; line-height:27px;}
.reviewWrap .review_list .review_txt dt .review_date{float:right; height:27px; line-height:27px;}
.reviewWrap .review_list .review_txt dd {/*line-height:14px;*/ text-overflow:ellipsis; overflow: hidden; word-break: break-word; /*display:-webkit-box;*/ -webkit-line-clamp: 2;-webkit-box-orient: vertical;}
.review_txt .rv-info > * {color:#ccc;}

/* table */
section table {width:100%; border-collapse:collapse; table-layout:fixed;}
section th, section td {padding:12px; text-align:center;}
section th {background-color: #D9D9D9;padding:24px 0;font-size:16px;font-weight: bold;}
section td {border-bottom:1px solid #5D6970;font-size:14px;line-height: 1.4;}
section td *{font-size:14px;line-height: 1.4;}
section tr:hover {background-color: #f7f7f7;}

/* 태블릿 */
@media (max-width: 1080px) {
    h2.sec_title{margin-top: 60px;}
    .section_tit, .section_tit b{font-size:28px;}
    
    /*header*/
    .header nav .logo{margin-right: 50px;}
    .header nav > ul{gap: 20px;}
    .header nav .nav_right a{width:40px;height:40px;}
    
    /* table */
    section th {font-size: 14px;}
    section td,
    section td *{font-size:14px;}
    
    /* 관심상품 */
    .item_list_box{gap:16px;padding: 16px 20px;border-radius: 4px;}
    .item_list_box .thumb_wrap{width: 130px;height: 115px;}
    .item_list_box .thumb_wrap > img{max-width:130px;max-height:115px;}
    .item_list_box .info_wrap {width:50%;}
    .item_list_box .info_wrap > strong{font-size:16px;}
    .item_list_box .info_wrap .item_price{gap:6px;}
    .item_list_box .info_wrap .item_price .per{font-size:16px;}
    .item_list_box .info_wrap .item_price .ori_price > p{font-size:14px;}
    .item_list_box .info_wrap .item_price .dis_price > p{font-size:16px;}
    .item_list_box .info_wrap .num{font-size:12px;}
    .item_list_box .btn_wrap{gap:6px;}

	.item_list_box .btn_wrap > button,
	.item_list_box .btn_wrap > form button,
	.item_list_box .btn_wrap > a button,
	.item_list_box .btn_wrap > a{width:auto;font-size:12px;}
	.item_list_box .btn_wrap > button{height: 42px;line-height:42px;width:80px;}
    .item_list_box .btn_wrap > .btn_del > img{width:10px; height:10px;}

    .item_list_box.type2 .info_wrap{width:100%;}
}

/*header,footer 전용*/
@media (max-width: 860px) {
    [data-device="pc"]{display: none !important;}
    [data-device="mo"]{display: block !important;}

    /*common*/
    h2.sec_title{margin-top: 0;margin-bottom: 0;padding:24px 0 !important; line-height: 48px;font-size:28px;text-align: center;}
    .back_btn { display: block; position: absolute; left: 33px;  top: 50%;transform: translateY(-50%); background: url("data:image/svg+xml,%3Csvg width='28' height='47' viewBox='0 0 28 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.32304 21.0894L22.065 0.644531L27.2495 5.75484L9.09988 23.6445L27.2495 41.5342L22.065 46.6445L1.32304 26.1997C0.63566 25.5219 0.249512 24.6029 0.249512 23.6445C0.249512 22.6862 0.63566 21.7671 1.32304 21.0894Z' fill='%23B0B8BC'/%3E%3C/svg%3E") no-repeat center center; background-size: contain; width: 17px; height: 31px; }
    .back_btn.v2 { display: block; position: absolute; left: 0; top: 50%;transform: translateY(-50%); background: url("data:image/svg+xml,%3Csvg width='28' height='47' viewBox='0 0 28 47' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath fill-rule='evenodd' clip-rule='evenodd' d='M1.32304 21.0894L22.065 0.644531L27.2495 5.75484L9.09988 23.6445L27.2495 41.5342L22.065 46.6445L1.32304 26.1997C0.63566 25.5219 0.249512 24.6029 0.249512 23.6445C0.249512 22.6862 0.63566 21.7671 1.32304 21.0894Z' fill='%23000000'/%3E%3C/svg%3E") no-repeat center center; background-size: contain; width: 17px; height: 22px; }
    header{height: auto;border:0;}
    .quick_menu{display: none;}

    /*header*/
    .header_m{padding:10px 4.3%;}
    .header_m .top{width: 100%;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center;}
    .header_m > nav ul{width: 100%;box-sizing: border-box;display: flex;justify-content: space-between;align-items: center; margin:20px 0 4px;}
    .header_m > nav ul a{padding:4px;font-weight:700;font-size:14px;}

    /*header - sideWrap*/
    .sideWrap{background:#fff;position:fixed;top:0;left:-100vw;width: 100vw;height: 100%;z-index: 9999;}
    .sideWrap.fixed{left:0;overflow: auto;}
    .sideWrap .sideWrap_cls{position:absolute;top:22px;right:18px;width:22px;height:22px;background: url(/img/web/cls_icon.svg) no-repeat center center;background-size: 50%;}
    .sideWrap h2{padding:23px 4.3%;border-bottom:1px solid #d9d9d9;box-sizing: border-box;}
    .sideWrap h2 a{font-weight:700;font-size:14px;}
    .sideWrap h2 a img {height:14px; margin-left:6px;}
    .sideWrap > nav ul{display: flex;justify-content: space-around;padding:16px 20px;border-bottom:1px solid #d9d9d9;box-sizing: border-box;}
    .sideWrap > nav li a{display: block;height:84px;padding:60px 0 10px;font-weight:400;font-size:12px;}
    .sideWrap > nav li.m_my a{background: url(/img/web/mo_gnb_my.svg) no-repeat center 10px; background-size: 30px;}
    .sideWrap > nav li.m_cart a{background: url(/img/web/mo_gnb_cart.svg) no-repeat center 10px; background-size: 30px;}
    .sideWrap > nav li.m_order a{background: url(/img/web/mo_gnb_order.svg) no-repeat center 10px; background-size: 30px;}
    .sideWrap > nav li.m_recent a{background: url(/img/web/mo_gnb_recent.svg) no-repeat center 10px; background-size: 30px;}
    .sideWrap > nav li.m_zzim a{background: url(/img/mypage_icon_heart.svg) no-repeat center 12px; background-size: 26px;}
    .sideWrap dl.gnb_list{overflow:hidden;border-bottom:1px solid #d9d9d9; padding-bottom:16px;}
    .sideWrap dl.gnb_list dt,
    .sideWrap dl.gnb_list dd a{}
    .sideWrap dl.gnb_list dt {padding:24px 20px 16px 20px; line-height:32px; font-size:15px; font-weight:800;}
    .sideWrap dl.gnb_list dd a {display:block; padding:18px 20px; font-size:12px; box-sizing:border-box; /* border-top:1px solid #d9d9d9; */}
    .sideWrap a.logout {display:block; padding:20px;}
    .sideWrap dl.gnb_list dd.-grid2 a {width:50%; float:left; /*border:1px solid #d9d9d9;*/}
    .sideWrap dl.gnb_list dd.-grid2 a:nth-child(2n-1){border-left:0;}
    .sideWrap dl.gnb_list dd.-grid2 a:nth-child(2n){border-right:0;}
    .sideWrap .cs_center{padding:40px 22px 32px 22px; box-sizing:border-box; border-top:1px solid #d9d9d9;}
    .sideWrap .cs_center h3{display:inline-block; padding:12px 10px 12px 0; margin-bottom:16px; font-size:15px; font-weight:800; border-bottom:1px solid #000;}
    .sideWrap .cs_center strong{display:block; padding:6px 0 20px; font-size:15px; font-weight: 800;}
    .sideWrap .cs_center p{font-size:12px; font-weight:400; line-height:1.8;}

    /*footer*/
    .footer{margin:0; padding:30px 4.3%; display:block; overflow:hidden; border:0;}
    .footer .icon_wrap .logo > img{width: 120px;}
    .footer .icon_wrap{width:100%; display:flex !important; flex-direction:row; justify-content:space-between; align-items:center;}
    .footer .icon_wrap .ico_box{margin-bottom: 0;}
    .footer .icon_wrap .ico_box > a{margin-right:14px;}
    .footer .cs_box {margin-top:48px;display: flex;}
    .footer .cs_center {vertical-align: top;width: auto;min-width:40%;}
    .footer .cs_center strong,
    .footer .bank strong {padding-bottom:12px; font-size:20px; font-weight:900; border-bottom:1px solid #000;}
    .footer .cs_center b {display:block; font-size:20px; font-weight:900;}
    .footer .cs_center p{font-size:14px; line-height:26px;}
    .footer .bank{vertical-align:top; width:auto; margin-left:10%;}
    .footer .bank > p{margin-top:24px; line-height:26px; font-size:14px;}
    .footer table{width:100%; margin-top:57px;}
    .footer table tr td{font-size:14px; line-height:1.8;}

    footer .footer-info p {line-height:1.7; margin:44px 0 0 0; font-size:14px;}
    .footer .footer-terms {margin:40px 0 10px 0;}
    .footer .footer-terms a {font-size:14px}

    .footer_menu{background:#fff;position: fixed;bottom:0;left:0;width: 100%;padding: 16px 15px;box-sizing: border-box;}
    .footer_menu ul {padding:0 15px;display: flex;flex-direction: row;flex-wrap: nowrap;justify-content: center;}
    .footer_menu ul li {width:20%;text-align: center;}
    .footer_menu ul li a{display: block;width: 100%;height: 100%;font-size:16px;line-height: 20px;font-weight: 500;color:#B0B8BC;}
    .footer_menu ul li.on a{}
    .footer_menu ul li a:before{content:'';display: block;margin:0 auto 20px;width: 30px;height: 30px;background-size: contain !important;}
    .footer_menu ul li:nth-child(1) a:before{background: url(../img/f_menu_ico_1.svg) no-repeat center center;}
    .footer_menu ul li.on:nth-child(1) a:before{background: url(../img/f_menu_ico_1_on.svg) no-repeat center center;}
    .footer_menu ul li:nth-child(2) a:before{background: url(../img/f_menu_ico_2.svg) no-repeat center center;}
    .footer_menu ul li.on:nth-child(2) a:before{background: url(../img/f_menu_ico_2_on.svg) no-repeat;}
    .footer_menu ul li:nth-child(3) a:before{background: url(../img/f_menu_ico_3.svg) no-repeat center center;}
    .footer_menu ul li.on:nth-child(3) a:before{background: url(../img/f_menu_ico_3_on.svg) no-repeat center center;}
    .footer_menu ul li:nth-child(4) a:before{background: url(../img/f_menu_ico_4.svg) no-repeat center center;}
    .footer_menu ul li.on:nth-child(4) a:before{background: url(../img/f_menu_ico_4_on.svg) no-repeat center center;}
    .footer_menu ul li:nth-child(5) a:before{background: url(../img/f_menu_ico_5.svg) no-repeat center center;}
    .footer_menu ul li.on:nth-child(5) a:before{background: url(../img/f_menu_ico_5_on.svg) no-repeat center center;}

    /* event detail */
    .event_detail_wrap .event_title {margin-top:70px !important;}
    .event_detail_wrap .event_title strong {font-size:28px !important;}
    .event_detail_wrap .event_title .event_title_sub > p {font-size:16px !important;}
}

/* 모바일 */
@media (max-width: 640px) {
    /*common*/
    h2.sec_title{margin-bottom:0 !important; padding:12px 0; line-height: 24px;font-size:20px;text-align: center;}
    .back_btn {width: 12px; height: 23px; }
    .back_btn.v2 {width: 12px; height: 23px; }

    /*paging*/
    .paging li{margin: 0 3px;}
    .paging li button{padding:5px 8px;min-width: 27px;line-height:15px;font-size:12px;color:#76848C; border:1px solid #76848C;border-radius: 8px;}
    .paging li:first-child button,
    .paging li:last-child button{padding:3px 6px;min-width: auto;font-family: serif;font-weight: 600 !important;}
    .paging li .paging_num:hover, .paging li .paging_num.on{font-weight: 300;color:#00B47E;border-color:#00B47E;}

    /*header*/
    .header_m > nav ul a{padding:4px;font-size:12px;}

    /*footer*/
    .footer .icon_wrap .logo > img{width: 60px;}
    .footer .icon_wrap .ico_box > a{width: 30px;height:30px;}
    .footer .cs_center strong,
    .footer .bank strong{padding-bottom: 6px;font-size:12px;}
    .footer .cs_center b{display: block;font-size:12px;}
    .footer .cs_center p{font-size:12px; line-height:1.7;}
    .footer .footer-info p {line-height:1.7; margin:44px 0 0 0; font-size:12px;}
    .footer .footer-terms {margin:40px 0 8px 0}
    .footer .footer-terms a {font-size:12px}
    .footer .bank > p{margin-top:12px; line-height:1.7; font-size:12px;}
    .footer table{margin-top: 24px;}
    .footer table tr td{font-size:12px; line-height:2;}
    .footer .icon_wrap .ico_box > a {margin-right:4px;}
    .footer .icon_wrap .ico_box .-kakao{background:url("/img/web/ico_footer_kakao.svg") no-repeat 0 0;margin-right:10px; aspect-ratio:1/1; background-size:30px 30px;}
    .footer .icon_wrap .ico_box .-insta{background:url("/img/web/ico_footer_insta.svg") no-repeat 0 0; aspect-ratio:1/1; background-size:30px 30px;}
    .footer p {font-size:12px;}

    /* table */
    section th {font-size: 14px;padding: 12px 5px;}
    section td{font-size:12px;padding:30px 5px;}
    section td *{font-size:12px;}
	
	/* 이벤트 */
    .event_list_wrap,
    .event_detail_wrap {padding: 0 4.3% 120px !important;}
    .event_detail_wrap .event_title {padding:0; gap:20px !important; margin-top:0 !important;}
    .event_detail_wrap .event_title strong {font-size:22px !important;}
    .event_detail_wrap .event_title .event_title_sub{padding-bottom:18px;}
    .event_detail_wrap .event_title .event_title_sub > p{font-size:13px !important;}
    .event_detail_wrap .event_title .event_title_sub .btn_share{background-size:16px 40px !important;}
    .event_detail_wrap .event_image{padding-top:44px;}

    .eventSliderWrap .bx-controls-direction,
    .eventSliderWrap .outside-wrap{display:none;}
    .eventSliderWrap .event_txtBox{top:31px;left:21px;}
    .eventSliderWrap .event_bnr_tit{font-size:16px;line-height: 20px;}
    .eventSliderWrap .event_bnr_subtit{font-size:12px;line-height: 14px;}
    .eventSliderWrap .event_bnr_btn{margin-top: 33px;width: 74px;height:22px;font-size:10px;line-height: 20px;font-weight: 900;}
    .eventSliderWrap .bx-wrapper .bx-pager{bottom:25px;padding-left: 50px;}
    .eventSliderWrap .bx-wrapper .bx-pager.bx-default-pager a{width: 10px;height: 10px;}
    
    .event_sec_title{margin-bottom: 19.5px !important;margin-top: 0 !important;padding-top: 37.5px;}
    .event_list_wrap .tab_button{margin-top:20px;padding:0 2%;}
    .event_list_wrap .tab_button > ul{gap:8px;}
    .event_list_wrap .tab_button > ul > li{font-size:12px !important; padding:10px 12px !important; border-radius:4px;}
    .event_list_wrap .list_box{margin-top: 22.5px;padding:0 2%;}
    .event_list_wrap .event_list{gap:12px;}
    .event_list_wrap .event_list > li{width:100% !important;padding:12px;}
    .event_list_wrap .event_list > li .event_info{margin-top: 16px;}
    .event_list_wrap .event_list > li .img_box { width: 100%; height: auto; max-width: 210px; max-height: 210px; margin: 0 auto; }
    .event_list_wrap .event_list > li .evt_tit{font-size:15px !important;}
    .event_list_wrap .event_list > li .evt_subtit{font-size:12px;margin-top: 8px;}
    .event_list_wrap .paging{margin-top: 30px;}

    .event_buttons{gap:4px !important;}
    .btn_edit, .btn_delete, .btn_register {padding:8px 12px !important; font-size:12px !important;}

    /* 관심상품 */
    .item_list_box{gap:8px;padding: 0;border-radius: 4px;align-items: center;border:none;}
    .item_list_box .thumb_wrap{width: 65px;height: 57.5px;}
    .item_list_box .thumb_wrap > img{max-width:100%;max-height:100%;}
    .item_list_box .info_wrap{width: 50%;row-gap:42px;}
    .item_list_box .info_wrap > strong{font-size:12px;line-height:1.4;}
    .item_list_box .info_wrap .item_price{gap:3px;}
    .item_list_box .info_wrap .item_price .per{font-size:12px;}
    .item_list_box .info_wrap .item_price .ori_price > p{font-size:11px;}
    .item_list_box .info_wrap .item_price .dis_price > p{font-size:12px;}
    .item_list_box .btn_wrap{gap:3px;}
    .item_list_box .btn_wrap > button,
	.item_list_box .btn_wrap > form button,
	.item_list_box .btn_wrap > a button,
	.item_list_box .btn_wrap > a{font-size: 11px;letter-spacing: -1px;}
    .item_list_box .btn_wrap > button{height: 32px;line-height:32px;}
    .item_list_box .btn_wrap > .btn_del > img{width:8px; height:8px;margin-right: 0;}
    
    .item_list_box.type2{flex-direction: column;align-items: baseline;}
    .item_list_box.type2 > div{gap:0px !important; justify-content:space-between !important;}
    .item_list_box.type2 .btn_wrap{ margin:0; justify-content:left !important; flex-direction:row; gap:3px !important;}
    .item_list_box.type2 .info_wrap{width: auto;}
}