@charset "utf-8";
@import url(//spoqa.github.io/spoqa-han-sans/css/SpoqaHanSansNeo.css);
body {font-family:'Pretendard', sans-serif;margin:0;padding:0;font-size:12px;color:#000;line-height:1;}
ul,li,dl,dt,dd,p,h1,h2,h3,h4,h5 {margin:0;padding:0;list-style:none;}
a {text-decoration:none;color:inherit;}
img {max-width:100%;vertical-align:top;}
table {border-spacing:0; border-collapse:collapse; table-layout:fixed; word-wrap:break-word;box-sizing:border-box;}
table,
table thead,
table tbody,
table tfoot,
table tr,
table th,
table td {border:0 none; margin:0; padding:0;}
table caption {visibility:hidden; overflow:hidden; height:0; width:0; margin:0; padding:0; line-height:0;}

.auto {width:1260px;margin:auto;position:relative;}
.auto:after {content:"";clear:both;display:block;width:0;height:0;font-size:0;overflow:hidden;}
address {font-style:normal;}

/* header */
#header {position:fixed; width: 100%;z-index:1001;top:0;transition:0.3s all ease-out;background:#fff;box-shadow: 5px 5px 5px rgba(0,0,0,0.04);border-bottom:1px solid #ddd}
#header.scroll {top:-50px;}
#header .header-top {height: 35px;/* background:#ebebeb; *//* border-bottom:2px solid #8a8a8a; */position:relative;}
#header .header-top .auto {height:100%;}
#header .header-top .hdt-link {position:absolute;bottom:-2px;z-index:1;}
#header .header-top .hdt-link ul li {float:left;}
#header .header-top .hdt-link ul li a {display:block;/* height:44px; */}
#header .header-top .hdt-link ul li a img {vertical-align:bottom;}
#header .header-top .hdt-menu {float:right;/* margin-top:35px; */}
#header .header-top .hdt-menu a {display:inline-block;vertical-align:top;font-size:11px;color:#666;line-height:35px;position:relative;padding:0 5px;}
#header .header-top .hdt-menu a img {margin-top:11px;margin-right:5px;}

#header .header-middle {position:relative;height: 90px;border-bottom:1px solid #ddd;}
#header .header-middle .logo {float:left;padding:31px 0;margin-right:40px;}
#header .header-middle .searchBox {float:left;width: 436px;margin:47px 0 27px;padding-left: 0;position:relative;/* border-bottom:2px solid #f61339; */box-sizing:border-box;}
#header .header-middle .searchBox .search-ranking {position:absolute;top:0; left:360px; width:90px;}
#header .header-middle .searchBox .search-ranking .ranking-slide {padding-right:20px;overflow:hidden;height:35px;}
#header .header-middle .searchBox .search-ranking .ranking-slide .slick-list {overflow:hidden;}
#header .header-middle .searchBox .search-ranking .ranking-slide li a {display:block;font-size:14px;color:#000;line-height:35px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#header .header-middle .searchBox .search-ranking .ranking-slide li a .num {color:#f61339;font-weight:700;margin-right:5px;}
#header .header-middle .searchBox .search-ranking .btn-list {position:absolute;top:0;right:0;width:20px;height:35px;text-align:center;}
#header .header-middle .searchBox .search-ranking .btn-list .material-icons {line-height:35px;vertical-align:top;font-size:20px;color:#999;}
#header .header-middle .searchBox .input {position:relative;overflow:hidden;padding-right:30px;width: 315px;border: 1px solid #E5002D;border-radius: 6px;}
#header .header-middle .searchBox .input input {width:100%;height:35px;border:none;background:#fff;outline:none;padding: 0 50px 0 20px;box-sizing: border-box;}
#header .header-middle .searchBox .input a {position:absolute;top:0;right:5px;width:20px;height:100%;text-align:center;}
#header .header-middle .searchBox .input a img {margin-top:10px;}
#header .header-middle .menu {float:right;padding:51px 0 32px;text-align:center;}
#header .header-middle .menu img {width:35px;}
#header .header-middle .menu p{font-size:11px;}
#header .header-middle .menu .item {display:inline-block;font-size:16px;color:#333;font-weight:700;position:relative;margin-left: 10px;line-height:15px;cursor: pointer;}
#header .header-middle .menu a .icon {display:inline-block;position:relative;padding:5px 7px 0 0;}
#header .header-middle .menu a .icon img {}
#header .header-middle .menu span.num {position:absolute;top:15px;right:50px;width:20px;height:20px;overflow:hidden;border-radius:50%;background:#ff3c00;text-align:center;font-size:13px;color:#fff;font-weight:700;line-height:20px;}
#header .header-middle .menu .mypage-drop{
    position: absolute;
    width: 130px;
    font-size: 14px;
    font-weight: 400;
    border: 1px solid #d9d9d9;
    border-radius: 7px;
    padding: 10px 2px 10px 10px;
    background: #fff;
    z-index: 99;
    top: 27px;
    display: none;
    text-align:left;
    line-height:26px;
}
#header .header-middle .util {position:absolute;top:30px;right:0;}
#header .header-middle .util a {display:inline-block;position:relative;margin-left:10px;}

/* gnb */
#gnb {text-align:center;position:relative;padding-left: 111px;}
#gnb .btnAllMenu {position:absolute;top:0;left:0;width: 128px;line-height:55px;text-align:left;font-size: 18px;color:#333;font-weight:500;}
#gnb .btnAllMenu .material-icons {line-height:58px;vertical-align:top;margin-right:10px;}
#gnb .gnbList {/* float:left; */position: relative;}
#gnb .gnbList > li {float:left;margin: 0 15px;}
#gnb .gnbList > li:last-child {margin-right:0;}
#gnb .gnbList > li > a {display: block;line-height:55px;font-size: 17px;color:#000;font-weight:500;letter-spacing:-2px;position:relative;}
#gnb .gnbList > li.on > a:after {content:"";position:absolute;top:14px;left:-10px;width:8px;height:8px;border-radius:50%;background:#ed0000;}

/*상단 전체메뉴*/
.all_cate {float:left; width:38px; display:block;z-index:90000;}
.btn_all_cate {width:100%; height:39px; display:block;}
.all_menu.show {width:1082px; min-height:508px; display:block;}
.all_menu {position:absolute;left:0; top:190px; width:1260px; background:#fff; padding:0; vertical-align:top; border:1px solid #424242;display:none; z-index:90000; zoom:1;height:700px;overflow:auto;}
.all_menu:after {clear:both; content:""; display:block;}
.all_menu a.all_menu_close {position:absolute; right:0; bottom:0; width:33px; height:33px;}
.all_menu table {width:100%;}
.all_menu table td {border-right:1px dotted #bebebe; vertical-align:top;}
.all_menu table td.last {border:none;}
.all_menu table td dl {padding:20px 0 7px 16px;}
.all_menu table td dl dt {padding:0 0 13px; font-weight:bold; line-height:120%;}
.all_menu table td dl dt a {color:#333;}
.all_menu table td dl dt a:hover {color:#cb003d;}
.all_menu table td dl dd {padding:0 0 8px;}
.all_menu table td dl dd a {color:#666; font-size:11px;}
.all_menu table td dl dd a:hover {color:#cb003d;}

#mainVisual {position:relative;margin-top:170px;}
#mainVisual .inner {position:absolute;top:0;left:0;right:0;bottom:0;}
#mainVisual .auto {width:1046px;height:100%;border:1px solid #e0e0e0;}
#mainVisual .mask01 {position:relative;height:428px;}
#mainVisual .mask01 li {position:absolute;top:0;left:0;right:0;bottom:0;text-align:center;opacity:0;transition:1s all ease-out;}
#mainVisual .mask01 li.on {opacity:1;z-index:2;}
#mainVisual .mask01 li a {display: contents;height:100%;position:relative;}
#mainVisual .mask01 li span {position:absolute;top:50%;left:20%;transform:translate(-50%,-50%);font-size:100px;z-index:1;}
#mainVisual .mainVisual-bottom {}
#mainVisual .mask02 {position:relative;padding-right:150px;}
#mainVisual .mask02 > ul {overflow:hidden;}
#mainVisual .mask02 > ul > li {float:left;width:16.66%;position:relative;}
#mainVisual .mask02 > ul > li:after {content:"";position:absolute;top:50%;transform:translateY(-50%);right:0;width:2px;height:12px;background:#f0f0f0;}
#mainVisual .mask02 > ul > li:last-child:after {display:none;}
#mainVisual .mask02 > ul > li .tit {display:block;font-size:14px;color:#333;line-height:44px;text-align:center;background:#fff;position:relative;font-weight:bold;letter-spacing:-1px;}
#mainVisual .mask02 > ul > li ul {position:absolute;top:0;left:0;right:0;height:44px;display:table;width:100%;}
#mainVisual .mask02 > ul > li ul li {display:table-cell;}
#mainVisual .mask02 > ul > li ul li a {display:block;height:100%;position:relative;text-indent:-999px;overflow:hidden;}
#mainVisual .mask02 > ul > li ul li a:after {content:"";position:absolute;bottom:0;left:0;right:0;height:3px;}
#mainVisual .mask02 > ul > li ul li.on a:after {background:#dd3c27;}
#mainVisual .mask01 img {height:428px;max-width:1902px;}

#mainVisual .mv-btns {position:absolute;bottom:0;right:0;width:150px;background:rgba(152,151,143,0.2);text-align:center;display: inline-block;}
#mainVisual .mv-btns .numbering {display:inline-block;font-size:13px;width:45px;}
#mainVisual .mv-btns .numbering span {line-height:44px;}
#mainVisual .mv-btns a {text-decoration: none;vertical-align: top;display: inline-block;}
#mainVisual .mv-btns a span {line-height:44px;font-size:20px;vertical-align:top;}
#mainVisual .mv-btn .material-icons {font-family:'Material Icons' !important;display:none;line-height:44px;font-size:20px;}
#mainVisual .mv-btn .material-icons.pause {display:inline;}
#mainVisual .mv-btn.stop .material-icons.pause {display:none;}
#mainVisual .mv-btn.stop .material-icons.play {display:inline;}

#mainContents {/* min-height:500px;overflow:hidden; */}
#mainContents .contentsTitle {text-align:center;margin-bottom: 30px;}
#mainContents h2 {font-size:25px;color:#000;font-weight:bold;text-align:center;text-transform:uppercase;}
#mainContents h2 span {font-weight:400;}
#mainContents p.sub {font-size:15px;color:#666;text-align:center;margin-top:5px;margin-left:5px;}

#mainContents .top-banner {padding:23px 0;}
#mainContents .top-banner .auto {width:1010px;}
#mainContents .top-banner .auto a {display:block;float:left;width:503px;}
#mainContents .top-banner .auto a:first-child {margin-right:4px;}

#mainContents .conBox {padding:40px 0;position:relative;}
#mainContents .conBox01 {margin-top:5px;}
#mainContents .conBox01 .mask {overflow:hidden;width:1014px;margin:auto;}
/* #mainContents .conBox01 .contentsTitle {margin-bottom:10px;} */
#mainContents .conBox01 ul li {float:left;width:14.28%;text-align:center;margin-bottom:15px;}
#mainContents .conBox01 ul li p {margin-top:10px;line-height:1.6;}
#mainContents .conBox01 ul li p strong {display:block;font-size:14px;}

#mainContents .conBox02 {}
#mainContents .conBox02 .mask {overflow:hidden;width:1014px;margin:auto;}
#mainContents .conBox02 .mask .con {float:left;width:245px;margin-right:17px;}
#mainContents .conBox02 .mask .con02 {width:490px;}
#mainContents .conBox02 .mask .con03 {margin-right:0;}
#mainContents .conBox02 .mask .con-sel {margin-top:17px;}
#mainContents .conBox02 .mask .con-sel:first-child {margin-top:0;}
#mainContents .conBox02 .mask .con-sel .imgBox {}
#mainContents .conBox02 .mask .con-sel p {margin-top:10px;font-size:18px;color:#574a48;line-height:1.4;}
#mainContents .conBox02 .mask .con-sel p strong {display:block;}


#mainContents .conBox03 .mask {position:relative;}
#mainContents .conBox03 .mask ul .slick-list {overflow:hidden;}
#mainContents .conBox03 .mask .slick-dots {margin-top:20px;text-align:center;}
#mainContents .conBox03 .mask .slick-dots li {overflow:hidden;width:12px;height:12px;border:1px solid #ddd;box-sizing:border-box;background:#fff;border-radius:50%;margin:0 5px;display:inline-block;text-indent:99999px;}
#mainContents .conBox03 .mask .slick-dots li button {display:none;}
#mainContents .conBox03 .mask .slick-dots li.slick-active {background:#de5656;border-color:#de5656;}
#mainContents .conBox03 table {width:100%;}
#mainContents .conBox03 table td {border:1px solid #dfdfdf;}
#mainContents .conBox03 table td a {display:block;overflow:hidden;}
#mainContents .conBox03 table td img {width:100%;}
#mainContents .conBox03 .btnPrev {position: absolute; width: 36px; height: 36px; left : -50px; top: 48%; border-radius: 7px; color: white; background: white;}
#mainContents .conBox03 .btnNext {position: absolute; width: 36px; height: 36px; right: -50px; top: 48%; border-radius: 7px; color: white; background: white;}

.main-tabBanner{padding-top: 50px;padding-bottom: 50px;}
.main-tabBanner .tabs{border:1px solid #e2e2e2;}
.main-tabBanner .tabs li{width:50%; height: 80px; border-right:1px solid #e2e2e2; background:#f6f6f6; display: flex; align-items: center; justify-content: center;}
.main-tabBanner .tabs li:last-child{border-right: 0;}
/* .main-tabBanner .tabs li:hover{background: #fff;} */
.main-tabBanner .tabs li p{font-size:22px; color:#333; padding:0 10px 0 15px; line-height: 120%; font-weight: 500;}
.main-tabBanner .tabs li i{font-size:18px; color:#333;}

.main-tabBanner .auto{width:1015px;}
.main-tabBanner .tabs{display: flex;}
.main-tabBanner .tabs li{cursor: pointer;}
.main-tabBanner .tabs li:nth-child(1){background: #fff;}
.main-tabBanner .tab-content{display:none;}
.main-tabBanner .tab-content.current{display:inherit;}

.recommend {margin-top:50px;position:relative;}
.recommend:before {content:"";position:absolute;top:0;bottom:0;left:0;width:100%;margin-left:-100%;background:rgba(255,255,255,0.7);z-index:1;}
.recommend:after {content:"";position:absolute;top:0;bottom:0;right:0;width:100%;margin-right:-100%;background:rgba(255,255,255,0.7);z-index:1;}
.recommend .title {text-align:center;position:relative;margin-bottom:20px;}
.recommend .title .inner {display:inline-block;padding:0 50px;background:#fff;position:relative;z-index:1;}
.recommend .title .inner p {font-size:20px;color:#424242;font-weight: 700;}
.recommend .title .inner span {font-size:13px;color:#424242;margin-top:5px;opacity:0.7;display:block;}
.recommend .title:before {content:"";position:absolute;top:50%;transform:translateY(-50%);width:45%;height:1px;background:linear-gradient(to right, #fff, #dfdfdf);left:0;}
.recommend .title:after {content:"";position:absolute;top:50%;transform:translateY(-50%);width:45%;height:1px;background:linear-gradient(to right, #dfdfdf, #fff);right:0;}
.recommend .title .btnPrev {position:absolute;top:50%;transform:translateY(-50%);left:0;z-index:2;}
.recommend .title .btnNext {position:absolute;top:50%;transform:translateY(-50%);right:0;z-index:2;}
.recommend .mask {padding:0 100px;text-align:center;}

#mainContents .conBox04 {position:relative;overflow:hidden;}
#mainContents .conBox04 .bg-img ul li {display:none;position:relative;text-align:center;}
#mainContents .conBox04 .bg-img ul li.on {display:block;}
#mainContents .conBox04 .bg-img ul li span {position:absolute;top:0;left:0;right:0;text-align:center;}
#mainContents .conBox04 .category-wrap {position:absolute;top:0;left:0;width:100%;padding:60px 0;}
#mainContents .conBox04 .category-wrap .auto {padding:50px 0;}
#mainContents .conBox04 .category-wrap .category {text-align:right;}
#mainContents .conBox04 .category-wrap .category li {display:inline-block;margin:0 10px;}
#mainContents .conBox04 .category-wrap .category li a {font-size:13px;color:#1b1b1b;display:block;position:relative;padding-bottom:5px;text-decoration:none;}
#mainContents .conBox04 .category-wrap .category li a:after {content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:#ff0000;display:none;}
#mainContents .conBox04 .category-wrap .category li.on a {font-weight: 700;}
#mainContents .conBox04 .category-wrap .category li.on a:after {display:block;}
#mainContents .conBox04 .category-wrap .category-con {float:right;width:414px;margin-top:30px;}
#mainContents .conBox04 .category-wrap .category-con > ul > li {display:none;}
#mainContents .conBox04 .category-wrap .category-con > ul > li.on {display:block;}
#mainContents .conBox04 .category-wrap .category-con .list ul {margin:-10px;}
#mainContents .conBox04 .category-wrap .category-con .list ul li {float:left;width:50%;padding:10px;box-sizing:border-box;}

#mainContents .conBox05 {overflow:hidden;/* margin-top:70px; */}
#mainContents .conBox05 .auto {overflow:hidden;}
#mainContents .conBox05 .conBox05-tit {position:absolute;top:0;left:0;z-index:1;}
#mainContents .conBox05 .brand-list {margin-top:50px;float:left;}
#mainContents .conBox05 .brand-list ul li {margin-top:40px;}
#mainContents .conBox05 .brand-list ul li a {font-size:20px;color:#000;opacity:0.3;}
#mainContents .conBox05 .brand-list ul li.on a {opacity:1;}
#mainContents .conBox05 .brand-list ul li a .num {margin-right:10px;}
#mainContents .conBox05 .mask {float:right;}
#mainContents .conBox05 .mask > ul > li {display:none;}
#mainContents .conBox05 .mask > ul > li.on {display:block;}
#mainContents .conBox05 .mask .num {float:left;margin-right:20px;}
#mainContents .conBox05 .mask .num ul li {margin-top:13px;opacity:0.3;}
#mainContents .conBox05 .mask .num ul li.on {opacity:1;}
#mainContents .conBox05 .mask .num ul li:first-child {margin-top:0;}
#mainContents .conBox05 .mask .num ul li a {display:block;border:1px solid #000;width:83px;height:83px;text-align:center;line-height:83px;font-size:20px;}
#mainContents .conBox05 .mask .brand-detail {float:right;width:564px;height:564px;position:relative;}
#mainContents .conBox05 .mask .brand-detail ul li {position:absolute;top:0;left:100%;width:100%;height:100%;opacity:0;transition:.7s;z-index:0;}
#mainContents .conBox05 .mask .brand-detail ul li .imgBox {position:relative;z-index:1;}
#mainContents .conBox05 .mask .brand-detail ul li .detail {position:absolute;bottom:0;right:0;text-align:right;width:100%;padding:0 20px;transition-delay:.5s;transition-duration:.5s;}
#mainContents .conBox05 .mask .brand-detail ul li .detail p {font-size:18px;color:#383838;margin-top:5px;}
#mainContents .conBox05 .mask .brand-detail ul li.on {opacity:1;left:0;z-index:1;}
#mainContents .conBox05 .mask .brand-detail ul li.on .detail {right:100%;}

#mainContents .conBox07 {/* margin-top:70px; */}
#mainContents .conBox07 .auto {width:1075px;}


#mainContents .conBox08 {margin-top:70px;}
/* .conBox10 {background:#3b5f80;padding:10px 0;text-align:center;} */
.conBox10 p {display:inline-block;vertical-align:top;font-size:24px;color:#fff;line-height:45px;margin-right:30px;}
.conBox10 .search-box {display:inline-block;vertical-align:top;width:357px;padding-right:47px;position:relative;}
.conBox10 .search-box input[type="text"] {height:45px;width:100%;padding:0 10px;box-sizing:border-box;font-size:18px;color:#3b5f80;border:none;font-weight: 500;font-family:"Noto Sans KR";}
.conBox10 .search-box input[type="text"]::placeholder {font-size:18px;color:#3b5f80;} 
.conBox10 .search-box a {display:block;border-left:1px solid #3b5f80;position:absolute;top:0;right:0;}
.recommend-cate .cate-tab {border:1px solid #ccc;overflow:hidden;}
.recommend-cate .cate-tab ul li {float:left;width:11.11%;text-align:center;}
.recommend-cate .cate-tab ul li a {display:block;position:relative;padding:10px 0;}
.recommend-cate .cate-tab ul li a:after {content:"";position:absolute;top:0;bottom:0;right:0;width:1px;background:#ccc;}
.recommend-cate .cate-tab ul li:last-child a:after {display:none;}
.recommend-cate .cate-tab ul li .icon {height:40px;background-repeat:no-repeat;background-position:50% 50%;}
.recommend-cate .cate-tab ul li:nth-child(1) .icon {background-image:url("/images/main/cate-tab-icon01.png");}
.recommend-cate .cate-tab ul li:nth-child(2) .icon {background-image:url("/images/main/cate-tab-icon02.png");}
.recommend-cate .cate-tab ul li:nth-child(3) .icon {background-image:url("/images/main/cate-tab-icon03.png");}
.recommend-cate .cate-tab ul li:nth-child(4) .icon {background-image:url("/images/main/cate-tab-icon04.png");}
.recommend-cate .cate-tab ul li:nth-child(5) .icon {background-image:url("/images/main/cate-tab-icon05.png");}
.recommend-cate .cate-tab ul li:nth-child(6) .icon {background-image:url("/images/main/cate-tab-icon06.png");}
.recommend-cate .cate-tab ul li:nth-child(7) .icon {background-image:url("/images/main/cate-tab-icon07.png");}
.recommend-cate .cate-tab ul li:nth-child(8) .icon {background-image:url("/images/main/cate-tab-icon08.png");}
.recommend-cate .cate-tab ul li:nth-child(9) .icon {background-image:url("/images/main/cate-tab-icon09.png");}
.recommend-cate .cate-tab ul li p {margin-top:10px;font-size:12px;color:#666;}
.recommend-contents {margin-top:50px;}
.recommend-contents > ul > li {display:none;}
.recommend-contents > ul > li.on {display:block;}
.cate-contents .cate-tit {font-size:24px;color:#333;font-weight:700;}
.cate-contents .mask {margin-top:10px;overflow:hidden;}
.cate-contents .cate-banner {float:left;margin-right:10px;width:318px;}
.cate-contents .prd-list {float:left;width:720px;}

input[type=text]::-ms-clear{display: none;}


.recommend-contents .prd-list ul li .prd-thumb img {width: 186px;height: 186px;padding: 0 23px;}

.prd-list ul {margin:-5px;overflow:hidden;}
.prd-list ul li {float:left;width:33.33%;padding:5px;box-sizing:border-box;}
.prd-list ul li a {display:block;border:1px solid #ddd;text-decoration:none;}
.prd-list ul li .prd-thumb {height:186px;overflow:hidden;}
.prd-list ul li .prd-thumb img {width:100%;}
.prd-list ul li .prd-info {padding:15px 10px;line-height:1.4;}
.prd-list ul li .prd-info .prd-name {font-size:14px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
/* .prd-list ul li .prd-info .prd-name {font-size:14px;color:#333;overflow:hidden;text-overflow:ellipsis;height: 38px;} */
.prd-list ul li .prd-info .prd-detail {font-size:14px;color:#333;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.prd-list ul li .prd-info .prd-price {margin-top:10px;}
.prd-list ul li .prd-info .prd-price .dc {font-size:13px;color:#c4c4c4;text-decoration:line-through;margin-right:20px;}
.prd-list ul li .prd-info .prd-price .price-dc {font-size:14px;color:#333;font-weight:700;}

.partner-brand .tab .mask .swiper-wrapper li a::before{display: block; content: "";}
.partner-brand .tab .mask .swiper-wrapper li:nth-child(1) a{width: 146px; height: 37px; background-image:url(/images/logo/01_printec_off.png);}
.partner-brand .tab .mask .swiper-wrapper li:nth-child(1).on a{background-image:url(/images/logo/01_printec_on.png);}
.partner-brand .tab .mask .swiper-wrapper li:nth-child(2) a{width: 142px; height: 37px; background-image:url(/images/logo/02_fellowes_off.png);}
.partner-brand .tab .mask .swiper-wrapper li:nth-child(2).on a{background-image:url(/images/logo/02_fellowes_on.png);}
.partner-brand .tab .mask .swiper-wrapper li:nth-child(3) a{width: 143px; height: 37px; background-image:url(/images/logo/03_artsign_off.png);}
.partner-brand .tab .mask .swiper-wrapper li:nth-child(3).on a{background-image:url(/images/logo/03_artsign_on.png);}
.partner-brand .tab .mask .swiper-wrapper li:nth-child(4) a{width: 142px; height: 37px; background-image:url(/images/logo/04_LAMY_off.png);}
.partner-brand .tab .mask .swiper-wrapper li:nth-child(4).on a{background-image:url(/images/logo/04_LAMY_on.png);}
.partner-brand .tab .mask .swiper-wrapper li:nth-child(5) a{width: 142px; height: 37px; background-image:url(/images/logo/05_3M_off.png);}
.partner-brand .tab .mask .swiper-wrapper li:nth-child(5).on a{background-image:url(/images/logo/05_3M_on.png);}
.partner-brand .tab .mask .swiper-wrapper li:nth-child(6) a{width: 142px; height: 37px; background-image:url(/images/logo/06_clear_off.png);}
.partner-brand .tab .mask .swiper-wrapper li:nth-child(6).on a{background-image:url(/images/logo/06_clear_on.png);}
.partner-brand .tab .mask .swiper-wrapper li:nth-child(7) a{width: 142px; height: 37px; background-image:url(/images/logo/07_usams_off.png);}
.partner-brand .tab .mask .swiper-wrapper li:nth-child(7).on a{background-image:url(/images/logo/07_usams_on.png);}
.partner-brand .tab .mask .swiper-wrapper li:nth-child(8) a{width: 142px; height: 37px; background-image:url(/images/logo/08_munhwa_off.png);}
.partner-brand .tab .mask .swiper-wrapper li:nth-child(8).on a{background-image:url(/images/logo/08_munhwa_on.png);}
.partner-brand .tab .mask .swiper-wrapper li:nth-child(9) a{width: 142px; height: 37px; background-image:url(/images/logo/09_staedtler_off.png);}
.partner-brand .tab .mask .swiper-wrapper li:nth-child(9).on a{background-image:url(/images/logo/09_staedtler_on.png);}
.partner-brand .tab .mask .swiper-wrapper li:nth-child(10) a{width: 142px; height: 37px; background-image:url(/images/logo/10_microsoft_off.png);}
.partner-brand .tab .mask .swiper-wrapper li:nth-child(10).on a{background-image:url(/images/logo/10_microsoft_on.png);}
.partner-brand .tab ul{display: flex; flex-wrap: wrap; justify-content: space-between; overflow: hidden;}
.partner-brand .tab ul li{border-right: 1px solid #DDDDDD; width: calc(100% / 5 - 4px) !important; text-align: center; margin-top: 18px;}
.partner-brand .tab ul li a{border: none !important;display: inline-block !important;}
.partner-brand .tab ul li:nth-child(1), .partner-brand .tab ul li:nth-child(2), .partner-brand .tab ul li:nth-child(3), .partner-brand .tab ul li:nth-child(4), .partner-brand .tab ul li:nth-child(5){margin-top:0}
.partner-brand .tab ul li:nth-child(5), .partner-brand .tab ul li:nth-child(10){border-right: none;}

.partner-brand .allBrandContents .topImg{width: 1015px !important; left: 0; right: 0; margin: 25px auto; }
.partner-brand .allBrandContents .swiper{width: 1015px !important; height: 186px !important; left: 0; right: 0; margin: 0 auto; position: absolute; bottom: 0;}
.partner-brand .allBrandContents .swiper-wrapper{width: auto !important; height: 184px !important;}

.partner-brand .arrow{width: 36px !important; height: 36px !important; position: absolute; bottom: 15%;}
.partner-brand .prev{left:-20px;}
.partner-brand .next{right:-20px;}
.partner-brand .allBrandContents{height: 476px;}
.partner-brand .allBrandContents .swiper-slide{ width: calc(100% / 5 - 14px) !important; height: 184px !important; line-height: 184px; border: 1px solid #DCDCDC; border-radius: 20px;}
.partner-brand .allBrandContents .swiper-slide img{vertical-align: middle;padding-top: 20px;}

/* .allBrand .tab {position:relative;}
.allBrand .tab .mask {overflow:hidden;}
.allBrand .tab ul {}
.allBrand .tab ul li {width:11.11%}
.allBrand .tab ul li a {display:block;position:relative;border:1px solid #d9d9d9;box-sizing:border-box;padding:10px 0;background:#f8f8f8;}
.allBrand .tab ul li.on a {background:#fff;z-index:1;}
.allBrand .tab ul li a img {width:100%;height:33px;}
.allBrand .tab ul li a span {display:block;margin-top:5px;font-size:12px;text-align:center;color:#292929;font-weight:500;}
.allBrand .tabContents {margin-top:10px;position:relative;min-height:3300px;}
.allBrand .tabContents .allBrandContents.on {opacity: 1;z-index:1;}
.allBrand .allBrandContents {position:absolute;top:0;left:0;width:100%;opacity:0;z-index:1;}
.allBrand .allBrandContents.on {opacity:1;z-index:2;}
.allBrand .allBrandContents ul {}
.allBrand .allBrandContents ul {overflow:hidden;margin-top:-10px;}
.allBrand .allBrandContents ul li {float:left;margin-right:8px;margin-top:10px;height:128px;}
.allBrand .allBrandContents ul li:nth-child(6n) {margin-right:0;}
.allBrand .allBrandContents ul li img {width:172px;height:128px;}
.allBrand .bx-controls {display:none;}
.allBrand .arrow {position:absolute; top:0;bottom:0;width:32px;width:20px;background:#f1f1f1;border:1px solid #d9d9d9;text-align:center;color:#999;}
.allBrand .arrow span {line-height:72px;vertical-align:top;}
.allBrand .btnPrev {left:-20px;}
.allBrand .btnNext {position:absolute; top:0;bottom:0;width:32px;width:20px;right:-20px;}

 */
#footer {margin-top:50px;}
#footer .footer-menu {background:#ebebeb;border-top:1px solid #cbcbcb;border-bottom:1px solid #cbcbcb;}
#footer .footer-menu .menu {float:left;}
#footer .footer-menu .menu.menu01 {float:left;}
#footer .footer-menu .menu.menu02 {float:right;}
#footer .footer-menu .menu ul li {float:left;}
#footer .footer-menu .menu ul li a {display:block;padding:0 10px;line-height:50px;}
#footer .footer-menu .menu.menu02 ul li a {position:relative;color:#de7676;}
#footer .footer-menu .menu.menu02 ul li a:after {content:"";position:absolute;top:20px;right:0;width:1px;height:11px;background:#878787;}
#footer .footer-menu .menu.menu02 ul li:last-child a:after {display:none;}
#footer .footer-desc {padding:30px 0;}
#footer .footer-desc .f-logo {float:left;margin-top:20px;}
#footer .footer-desc .address-wrap {padding-left:143px;margin-left: 15px;}
#footer .footer-desc .address-wrap .footer-info {overflow:hidden;}
#footer .footer-desc .address-wrap .footer-tel {float:left;margin-right:10px;}
#footer .footer-desc .address-wrap .footer-tel dl dt {font-size:15px;color:#424242;font-weight:500;}
#footer .footer-desc .address-wrap .footer-tel dl dd {font-size:38px;color:#3b5f80;font-weight:700;}
#footer .footer-desc .address-wrap .footer-time {float:left;margin-top:20px;}
#footer .footer-desc .address-wrap .footer-time p {line-height:1.2;font-size:13px;}
#footer .footer-desc .address-wrap .footer-time p:last-child strong {margin-right:7px;}
#footer .footer-desc .address-wrap address {margin-top:10px;font-size:13px;color:#616161;line-height:1.4;}
#footer .footer-desc .address-wrap address a {text-decoration:underline;color:#333;font-weight:500;}
#footer .footer-desc .address-wrap address a.mail {color:#4996de;}
#footer .footer-btns {margin-top:10px;}
#footer .footer-btns a {display:inline-block;padding:0 10px;line-height:25px;border:1px solid #000;font-size:12px;font-weight:500;}




/* #sideMenu {position:absolute;top:758px;right:50%;margin-right: -690px;width:105px;z-index:10000;background:#fff;} */

/* #sideMenu .infoBox {background:#f3f5ff;padding:20px;} */
/* #sideMenu .infoBox .tel {margin-bottom:20px;} */
/* #sideMenu .infoBox .tel dt {font-size:15px;color:#333;font-weight:700;} */
/* #sideMenu .infoBox .tel dd {font-size:16px;margin-top:5px;} */
/* #sideMenu .infoBox .tel:nth-child(1) dd {color:#ea4444;} */
/* #sideMenu .infoBox .tel:nth-child(2) dd {color:#6b8499;} */
/* #sideMenu .infoBox .time {margin-bottom:10px;} */
/* #sideMenu .infoBox .time dt {font-size:10px;color:#999;font-weight:500;} */
/* #sideMenu .infoBox .time dd {font-size:12px;color:#4c4c4c;font-weight:300;margin-top:5px;} */
/* #sideMenu .infoBox p {font-size:10px;color:#999;font-weight:500;margin-top:10px;} */
/* #sideMenu .quickMenu ul li {display:block;font-size:13px;color:#fff;line-height:34px;background-color:#252525;border-bottom:1px solid #e6e6e6;padding:0 20px;} */
/* #sideMenu .quickMenu ul li a {color:#fff;} */
/* #sideMenu .quickMenu ul li:first-child {background-color:#cd2122;} */
/* #sideMenu .quickMenu ul li img {vertical-align:middle;} */
/* #sideMenu .recent-slide {background:url("/images/main/sidemenu-top.jpg") no-repeat 0 0;background-size:100% auto;} */
/* #sideMenu .recent-slide .title {text-align:center;font-size:16px;color:#333;font-weight: 500;padding:10px 0;} */
/* #sideMenu .prd-recent {overflow:hidden;padding-bottom:10px;margin-bottom:10px;background:url("/images/main/sidemenu-bottom.jpg") no-repeat 0 100%;background-size:100% auto;} */
/* #sideMenu .prd-recent .inner {background:#fff;padding:20px 7px;position:relative;text-align:center;} */
/* #sideMenu .btn-basket {display:block;line-height:34px;font-size:14px;color:#333;text-align:center;border:1px solid #484848;margin-bottom:5px;} */
/* #sideMenu .btn-basket .num {display:inline-block;border-radius:50%;font-size:13px;color:#fff;background:#ff0000;line-height:18px;width:18px;height:18px;position:relative;top:-1px;margin-left:3px;} */
/* #sideMenu .btn-basket .material-icons {line-height:34px;vertical-align:top;} */

/* #sideMenu .btn-scroll {display:block;line-height:34px;font-size:18px;color:#fff;background:#484848;text-align:center;} */
/* #sideMenu .btn-scroll img {margin-top:12px;} */
/* #sideMenu .prd-recent .arrow {position:absolute;left:50%;transform:translateX(-50%);} */
/* #sideMenu .prd-recent .arrow.btnPrev {top:0;} */
/* #sideMenu .prd-recent .arrow.btnNext {bottom:0;} */
/* #sideMenu .prd-recent .mask {overflow:hidden;height:154px;border-top:1px dashed #ddd;border-bottom:1px dashed #ddd;} */
/* #sideMenu .prd-recent .slick-slider {height:100%;} */
/* #sideMenu .prd-recent .slick-list {overflow:hidden;height:100% !important;} */
/* #sideMenu .prd-recent ul li {float:none;} */
/* #sideMenu .prd-recent ul li a {display:block;height:100%;position:relative;} */
/* #sideMenu .prd-recent ul li a img {position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);} */
/* #sideMenu .btnClose {position:absolute;top:-30px;right:0;} */
/* #sideMenu .btnClose.close .icon span {width:10px;} */
/* #sideMenu .btnClose.close .icon span:nth-child(1) {transform:rotate(45deg) translateX(-60%);top: 16px;} */
/* #sideMenu .btnClose.close .icon span:nth-child(2) {transform:rotate(-45deg) translateX(-60%);top: 1px;} */

/* 20231030 추가 start */
/* 기존 */
#sideMenu {position:absolute;top:270px;right:50%;margin-right: -835px;width:105px;z-index:10000;}
#sideMenu .btn-basket .num {display:inline-block;border-radius:50%;font-size:13px;color:#fff;background:#ff0000;line-height:18px;width:18px;height:18px;position:relative;top:-1px;margin-left:3px;text-align: center;}
#sideMenu.fix {position:fixed;top:150px}

/* 신규 */
#sideMenu.quick{width:120px; }
.quick_list{overflow:hidden;}
.quick_list .quick_inner{border:1px solid #ddd; border-radius:5px; transition: all 0.3s ease-out; transform: translateX(0);}
.quick_list .list_1{border: 3px solid #e96161;border-top-left-radius: 5px;border-top-right-radius: 5px;}
.quick_list .list_1 .fixlist{height: 30px;background-color:#e96161;display: flex;align-items: center;}
.quick_list .list_1 .fixlist p{color: #FFFFFF;font-weight: 600;font-size: 20px;letter-spacing: 1px;margin: 0 auto;padding-bottom: 3px;}
.quick_list .list_1 li{border-bottom:1px solid #e0e0e0;}
.quick_list .list_1 li a{width:100%; height:94px; display:flex; align-items:center; justify-content:center;}
.quick_list .list_2 li{border-bottom:1px solid #efefef;}
.quick_list .list_2 li a{padding:10px 15px; background-color:#f6f6f6; box-sizing:border-box; display:block; font-weight: 700; font-size: 13px;}
#sideMenu .quick_list .list_2 li:last-child{border-bottom:none;}
#sideMenu .quick_list .list_2 li .btn-scroll{padding:0; height:40px; line-height:40px; background:#f6f6f6; text-align: center}
.quick_toggle{position:absolute; left:-40px; top:50%;  /* transform: translateY(-50%); */ width:28px; height:28px; background:url(/images/shop/quick_arrow.png) no-repeat center center; border:none; cursor:pointer; transition: all 0.3s ease-out; border: solid 1px grey; border-radius: 50%;}
.quick.hide .quick_inner{transform: translateX(100%); }
.quick.hide .quick_toggle{/* left:120px; */ transform: rotate( -180deg ); border: solid 1px grey; border-radius: 50%;}

.membership_benefits_popup{position:fixed; left:0; top:0; z-index:10001; width:100vw; height:100vh; background:rgba(0,0,0,0.7);  visibility: hidden; opacity:0; transition: all 0.3s ease-out;}
.membership_benefits_popup.active{visibility: visible; opacity:1;}
.membership_benefits{position:fixed; left:50%; top:50%; transform: translate(-50%, -50%); }
.membership_benefits_close{position:absolute; right:0; top:-35px;; width:30px; height:30px; background:none; border:none; cursor:pointer;}
.membership_benefits_close:before{position:absolute; left:50%; top:50%; width:2px; height:30px; background-color:#fff; display:block; transform: translate(-50%, -50%) rotate( -45deg );; content:"";}
.membership_benefits_close:after{position:absolute; left:50%; top:50%; width:2px; height:30px; background-color:#fff; display:block; transform: translate(-50%, -50% ) rotate( 45deg );; content:"";}

.benefits_month{display:flex; flex-wrap:wrap;}
.benefits_month .list{margin:0 1.35% 0px 0; width:24%;}
.benefits_month .list img{width:100%;}
.benefits_month .list:nth-child(-n+3){margin:0 1.35% 1.35% 0;}
.benefits_month .list:nth-child(4),
.benefits_month .list:nth-child(3){width:49.3%;}
.benefits_month .list:nth-child(3n){margin-right:0;}

/* 20231030 추가 end */


#left-banner {position:absolute;top: 788px;left:50%;margin-left:-780px;z-index:10000;}
#left-banner ul li {margin-bottom:10px;}
#left-banner ul li a {display:block;border-radius:20px;overflow:hidden;}
#left-banner.fix {position:fixed;top:140px;}/*top:274px;*/

/* #left-banner {position:absolute;top: 728px;left:50%;margin-left:-696px;z-index:9;} */
/* #left-banner ul li {margin-bottom:10px;} */
/* #left-banner ul li a {display:block;border-radius:20px;overflow:hidden;} */
/* #left-banner .fix {position:fixed;top:220px;} */

#btnTop {display: block;width: 60px;height: 69px;right: 60px;background-size: 100%;background-repeat: no-repeat;background-position: 0 0;transition: 0.3s all ease-out;}
#btnTop.on {background-image:url("/images/main/iconTop_on.png")}

/* 2020-05-12 헤더 스크롤 추가 */
#header .scrollheader {position:fixed;top:-54px;left:0;right:0;height:54px;background:#fff;z-index:1000;transition:0.3s all ease-out;box-shadow:0px 0px 10px 3px rgba(0,0,0,0.05);}
#header .scrollheader .btnHome {position:absolute;top:50%;transform:translateY(-50%);left:0;color:#dd3c27;}
#header .scrollheader .btnAllMenu {position:absolute;top:50%;transform:translateY(-50%);left:40px;}
#header .scrollheader .input-box {float:right;margin:13px 75px 13px 0;width:296px;box-sizing:border-box;border-bottom:2px solid #dd3c27;position:relative;padding-right:30px;}
#header .scrollheader .input-box input[type="text"] {border:none;background:none;height:27px;padding:0 10px;width:100%;box-sizing:border-box;outline:none;}
#header .scrollheader .input-box a {position:absolute;top:5px;right:10px;}
#header .scrollheader .btns {position:absolute;top:50%;transform:translateY(-50%);right:0;}
#header .scrollheader .btns a {display:block;float:left;position:relative;margin-left:10px;}
#header .scrollheader .btns a span {position:absolute;top:-10px;right:-10px;background:#dd3c27;border-radius:50%;width:20px;height:20px;text-align:center;font-size:12px;color:#fff;line-height:20px;}
#header.scroll .scrollheader {top:0;}
#header.scroll .header-top,
#header.scroll .header-middle {display:none;}
#header.active .all_menu {top:83px;}
/* 2020-05-12 헤더 스크롤 추가 end */

#mainContents .conBox09 {background:url("/images/main/conBox09-bg.png") repeat;padding:50px 0;}
#mainContents .conBox09 .auto {width:1248px;}
.coupon-list {text-align:center;}
.coupon-list ul {margin-top:-30px;}
.coupon-list ul li {display:inline-block;margin:10px;text-align:center;margin-top:30px;width:26%;}
.coupon-list ul li .imgBox {margin-top:5px;}
.coupon-list ul li .coupon-name {font-size:14px;color:#333;font-weight:700;}
.coupon-list ul li a {display:inline-block;width:100px;background:#a4a4a4;font-size:16px;color:#fff;font-weight:700;line-height:30px;}
.main-banner {text-align:center;}
.main-banner a {display:inline-block;}



/* 2021-04-11 */
#header .header-top .hdt-link {/* bottom:-4px; */}
#header .header-middle .logo {padding: 19px 0 26px;}
#header .header-middle .searchBox {margin: 20px 0 25px;}
#header .header-top .hdt-menu a:last-child {padding-right:0;}
#header .header-middle .menu {padding: 20px 0 28px;}
#header .header-middle .menu a {/* font-size:18px; */}
#mainVisual {margin-top:241px;}
#mainVisual .mask02 > ul > li .tit {font-weight:400;font-size:15px;}
#mainVisual .mv-btns .numbering {vertical-align:top;}
#mainVisual .mv-btns a img {position:relative;top:18px;}
#mainVisual .mv-btns .mv-btn {margin:0 10px;width:10px;display:inline-block;}
#mainVisual .mv-btns .mv-btn.stop .pause {display:none;}
#mainVisual .mv-btn .material-icons {font-size:14px;position:relative;left:-2px;}
#mainContents h2 {color:#424242;}
#mainContents .conBox01 ul li p {font-size:13px;}
#mainContents .conBox01 ul li p strong {font-size:15px;}
.coupon-list ul li .coupon-name {font-size:16px;}
.recommend .title .inner p {font-size:25px;}

/* 2021-04-13 */
.recommend-cate .cate-tab {text-align:center;border:none;}
.recommend-cate .cate-tab ul {display:inline-block;border:1px solid #ccc;}
.recommend-cate .cate-tab ul li {width:115px;}
.recommend-cate .cate-tab ul li a {padding:0;}
.recommend-cate .cate-tab ul li .icon {width:115px;height:115px;}
.recommend-cate .cate-tab ul li p {display:none;}
.recommend-cate .cate-tab ul li:nth-child(1).on .icon {background-image:url("/images/main/cate-tab-icon01-on.png");}
.recommend-cate .cate-tab ul li:nth-child(2).on .icon {background-image:url("/images/main/cate-tab-icon02-on.png");}
.recommend-cate .cate-tab ul li:nth-child(3).on .icon {background-image:url("/images/main/cate-tab-icon03-on.png");}
.recommend-cate .cate-tab ul li:nth-child(4).on .icon {background-image:url("/images/main/cate-tab-icon04-on.png");}
.recommend-cate .cate-tab ul li:nth-child(5).on .icon {background-image:url("/images/main/cate-tab-icon05-on.png");}
.recommend-cate .cate-tab ul li:nth-child(6).on .icon {background-image:url("/images/main/cate-tab-icon06-on.png");}
.recommend-cate .cate-tab ul li:nth-child(7).on .icon {background-image:url("/images/main/cate-tab-icon07-on.png");}
.recommend-cate .cate-tab ul li:nth-child(8).on .icon {background-image:url("/images/main/cate-tab-icon08-on.png");}
.recommend-cate .cate-tab ul li:nth-child(9).on .icon {background-image:url("/images/main/cate-tab-icon09-on.png");}

/* 2021-04-13 */
#header {transition:0s;}
#header .scrollheader {transition:0s;}
#header .scrollheader .input-box {border-color:#f00;}
#header .scrollheader .btns a span {background:#f00;}
#header .header-middle .logo {margin-right:20px;}
#header .header-top .hdt-menu a {font-size:13px;color:#404040;font-weight:500;}
#header .header-top .hdt-menu a::after{content:'';position:absolute;right: -2px;top: 14px;width:1px;height: 9px;background: #666;}
#header .header-top .hdt-menu a:last-child::after{display:none;}
#header .header-middle .menu a {color:#000;display: block;}
#gnb .btnAllMenu img {margin-top:21px;margin-right:10px;}
#mainContents .conBox03 table {width:1012px;margin:auto;}
/* #mainContents .conBox02 {margin-top:30px;} */

/* 2021-04-16 */
#mainContents .conBox02 .mask .con-sel p {font-size:15px;}
#mainContents .conBox02 .mask .con-sel p strong {font-size:20px;}
/* #mainContents .conBox02 .mask .con02 .con-sel p {font-size:20px;} */
#mainContents .conBox02 .mask .con02 .con-sel p strong {font-size:20px;}
#mainContents .conBox02 .btn-more {position:absolute;top:-7px;right:0;}

/* 2021-04-19 */
#mainContents .conBox05 a {text-decoration: none;}
#mainContents .conBox09 a {text-decoration: none;}
#mainContents .conBox05 .brand-list {width:379px;}
#mainContents .conBox05 .brand-list ul li a .num {opacity:inherit;}
#mainContents .conBox05 .num {float:left;margin-right:20px;}
#mainContents .conBox05 .num ul li {margin-top:13px;opacity:0.3;}
#mainContents .conBox05 .num ul li.on {opacity:1;}
#mainContents .conBox05 .num ul li:first-child {margin-top:0;}
#mainContents .conBox05 .num ul li a {display:block;border:1px solid #000;width:83px;height:83px;text-align:center;line-height:83px;font-size:20px;}
#mainContents .conBox05 .brand-detail {float:right;width:564px;height:564px;position:relative;}
#mainContents .conBox05 .brand-detail ul li {position:absolute;top:0;left:100%;width:100%;height:100%;opacity:0;transition:.7s;z-index:0;}
#mainContents .conBox05 .brand-detail ul li .imgBox {position:relative;z-index:1;}
#mainContents .conBox05 .brand-detail ul li .detail {position:absolute;bottom:3px;right:0;text-align:right;width:100%;padding:0 20px;transition-delay:.5s;transition-duration:.5s;}
#mainContents .conBox05 .brand-detail ul li .detail p {font-size:18px;color:#383838;margin-top:5px;}
#mainContents .conBox05 .brand-detail ul li.on {opacity:1;left:0;z-index:1;}
#mainContents .conBox05 .brand-detail ul li.on .detail {right:100%;}

/* 2021-04-30 */
#mainVisual {z-index:1;}
#mainVisual .mask01 li a {left:50%;transform:translateX(-50%);width:1857px;}
#header .header-middle .searchBox1 .ranking-slide > ul {overflow:hidden;}
#header .header-middle .searchBox1 .ranking-list {position:absolute;top:37px;left:-10px;width:80px;background:#fff;padding:10px;z-index:1001;display:none;}
#header .header-middle .searchBox1 .ranking-list li a {display:block;font-size:14px;color:#000;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#header .header-middle .searchBox1 .ranking-list li a .num {display:inline-block;color:#f61339;font-weight:700;margin-right:5px;width:15px;text-align:center;}
#mainVisual {z-index:1;}
#mainVisual .mask01 li a {left:50%;transform:translateX(-50%);width:1857px;}
#header .header-middle .searchBox .ranking-slide > ul {overflow:hidden;}
#header .header-middle .searchBox .ranking-list {position:absolute;top:37px;left:-10px;width:80px;background:#fff;padding:10px;z-index:1001;display:none;}
#header .header-middle .searchBox .ranking-list li a {display:block;font-size:14px;color:#000;line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#header .header-middle .searchBox .ranking-list li a .num {display:inline-block;color:#f61339;font-weight:700;margin-right:5px;width:15px;text-align:center;}

#mainContents a {text-decoration:none;}

/* 2023-06-05 */
.conBox10  .recommend_content_wrap{}
.conBox10 .recommend_tab{display: flex;}
.conBox10 .recommend_tab li{flex: 1;}
.conBox10 .recommend_tab li:nth-child(1){margin-right: 2px;}
.conBox10 .recommend_tab li:nth-child(2){margin-left: 2px;}
.conBox10 .recommend_tab li a{display: flex; justify-content: center; align-items: center; height: 62px; line-height: 60px; font-size: 22px; color: #8D8D8D; border: 1px solid #e2e2e2; text-align: center; font-weight: 500; border-bottom: 0;    background-color: #E8E8E8;
    border-radius: 5px;}
.conBox10 .recommend_tab li a.active{background-color: #F85D5D; border-radius: 5px; color: #fff;}
.conBox10 .recommend_content{padding: 10px 0 0; }
.conBox10 .recommend_content .recommend_content_list{display: flex; gap: 0 14px; }
.conBox10 .recommend_content .recommend_content_list>li{border: 1px solid #f7f7f7; padding: 10px 10px 18px 10px;} 
.conBox10 .recommend_content .recommend_content_list li .img{margin-bottom: 10px; position: relative;}
.conBox10 .recommend_content .recommend_content_list li .img img{display: block;}
.conBox10 .recommend_content .recommend_content_list li .img .number{    width: 28px;
    height: 28px;
    line-height: 26px;
    position: absolute;
    top: 0;
    left: 0;
    display: block;
    color: #fff;
    font-size: 15px;
    background-color: #808080;
    border-radius: 5px;
    text-align: center;}
.conBox10 .recommend_content .recommend_content_list li h3{margin-bottom: 53px; display: block; width: 170px; font-size: 14px; color: #424242; font-weight: 400;
     display: -webkit-box;
    -webkit-line-clamp: 1;
    -webkit-box-orient: vertical;
    height: 19px;
    line-height: 20px;
    overflow: hidden;
    text-overflow: ellipsis;}
.conBox10 .recommend_content .recommend_content_list li .price{font-size: 14px; color: #424242; font-weight: 700;}
.conBox10 .recommend_content .recommend_content_list li .price .discount{display: inline-block; margin-right: 25px; font-size: 13px; color: #de5656; font-style: normal;}
.conBox10 .btn-more{position: absolute; top:0; right:0;}

#mainContents .conBox11 .auto{width:1075px;}

.insta_wrap { overflow: hidden; position: relative; padding-top: 215px; margin: 70px 0 50px; height: 395px; background-color: #f8efff; }
.insta_wrap::before { content: ''; width: 396px; position: absolute; top: 0; bottom: 0; left: 0; background: url(/images/main/bg01.png) no-repeat; background-size: cover; z-index: 1; }
.insta_wrap::after { content: ''; width: 396px; position: absolute; top: 0; bottom: 0; right: 0; background: url(/images/main/bg02.png) no-repeat; background-size: cover; z-index: 1; }
.insta_wrap .insta_slide_box { position: absolute; left: 50%; transform: translateX(-50%); top: 160px; width: 100%; }
.insta_wrap .insta_slide_box::after { content: ''; position: absolute; top: -150px; left: 50%; transform: translateX(-50%); width: 378px; height: 564px; background: url(/images/main/insta_box.png) no-repeat; z-index: 1; }
.insta_wrap .insta_slide_box ul { z-index: 9; }
.insta_wrap .swiper-container .swiper-wrapper { align-items: center; }
.insta_wrap .swiper-container { position: relative; width: 100%; height: 312px; display: flex; align-items: center; justify-content: center; }
.insta_wrap .swiper-slide { width: 312px; height: 260px; margin-right: 0; text-align: center; vertical-align: middle; }
.insta_wrap .swiper-slide img { width: 260px !important; height: 260px !important; margin-right: 0; object-fit: cover; }
.insta_wrap .swiper-slide-active { width: 312px !important; height: 312px !important; }
.insta_wrap .swiper-slide-active img { width: 100% !important; height: 100% !important; }
.insta_wrap .swiper-wrapper { transition: transform 2s ease-in-out; }

.all_menu.scroll{
    width: auto;
    border: 0;
    box-shadow: 0 0 10px rgba(0,0,0,.2);
    border-radius: 5px;
    text-align: left;
    height: auto;
    overflow: hidden;
}
.all_menu.scroll>div{display: grid;grid-template-columns: 170px 0px 0px;}
.all_menu.scroll>div>div{
    /* padding: 10px 20px; */
     height: 558px;
    overflow: auto;
}

  .all_menu.scroll>div>div::-webkit-scrollbar {
    width: 10px;
  }
 .all_menu.scroll>div>div::-webkit-scrollbar-thumb {
    background-color: #c2c2c2;
    border-radius: 10px;
    background-clip: padding-box;
    border: 2px solid transparent;
  }
  .all_menu.scroll>div>div::-webkit-scrollbar-track {
    background-color: #fafafa;
    border-radius: 10px;
    box-shadow: inset 0px 0px 5px white;
  }
.all_menu.scroll>div>div a{display:flex;align-items: center;padding: 7px 10px 10px;}
.all_menu.scroll>div>div a.on,
.all_menu.scroll>div>div a:hover{background:#f5f5f5;} 

.all_menu.scroll .depth1{
	border-right: 1px solid lightgrey;
}
.all_menu.scroll .depth1>a{
    font-size: 14px;
    color: #000;
}
.all_menu.scroll .depth2{
	border-right: 1px solid lightgrey;
     height: 558px;
    overflow: auto;
}
.all_menu.scroll .depth2>a{
        /* display: block; */
        font-size: 14px;
        color: #000;
        /* margin-bottom: 14px; */
}
.all_menu.scroll .depth3{}
.all_menu.scroll .depth3>a{
        /* display: block; */
        font-size: 14px;
        color: #000;
        /* margin-bottom: 14px; */
}

/* desk */
.desk-btn{position:absolute;right:0;top: 8px;display:flex;align-items:center;justify-content:center;}
.desk-btn img{position: relative; top:-5px;}

.deskMainPopup{position:fixed; left:0; top:0; z-index:10001; width:100vw; height:100vh; background:rgba(0,0,0,0.7);  visibility: hidden; opacity:0; transition: all 0.3s ease-out;}
.deskMainPopup.active{visibility: visible; opacity:1;}
.deskMainPopupDiv{position:fixed; left:50%; top:50%; transform: translate(-50%, -50%); }
.deskMainPopup_close{position:absolute; right:10px; top:-40px;; width:30px; height:30px; background:none; border:none; cursor:pointer;}
.deskMainPopup_close:before{position:absolute; left:50%; top:50%; width:2px; height:40px; background-color:#fff; display:block; transform: translate(-50%, -50%) rotate( -45deg );; content:"";}
.deskMainPopup_close:after{position:absolute; left:50%; top:50%; width:2px; height:40px; background-color:#fff; display:block; transform: translate(-50%, -50% ) rotate( 45deg );; content:"";}

/* 2024-07-07 */
.conBox02 .btn-more span:nth-child(1){font-size: 16px; color: #000; padding-right: 8px; display: inline-block;}
.conBox02 .btn-more span:nth-child(2){border-radius: 50px; background-color: #808080; width: 18px; height: 18px; color: #fff; display: inline-block; line-height: 18px; text-align: center; font-size: 15px;}
.conBox10 .btn-more span:nth-child(1){font-size: 16px; color: #000; padding-right: 8px; display: inline-block;}
.conBox10 .btn-more span:nth-child(2){border-radius: 50px; background-color: #808080; width: 18px; height: 18px; color: #fff; display: inline-block; line-height: 18px; text-align: center; font-size: 15px;}
.conBox10 .goods_content{width: auto; margin-left: 0;}
.conBox10 .goods_content li.goods_img{width: auto; height: auto;}
.conBox10 .goods_content li.goods_img{position: relative;}
.conBox10 .goods_content li.goods_img .number{width: 28px; height: 28px; line-height: 26px; position: absolute; top: 0; left: 0; display: block;color: #fff; font-size: 15px; background-color: #474747; border-radius:5px; text-align: center;}
.conBox10 .goods_content li.goods_tp {position:relative; width:170px; padding:15px 0;}
.conBox10 .goods_content li.goods_tp .floatL{float: left;}
.conBox10 .goods_content li.goods_tp .floatR{float: right;} 
.conBox10 .goods_content li.goods_tp input {vertical-align:middle; padding: 0; margin: 0;}
.conBox10 .goods_content li.goods_tp a {float:left; margin-left:18px;}
.conBox10 .goods_content li.goods_tp .qt {position:absolute; top:10px; left:19px; vertical-align:top;}
.conBox10 .goods_content li.goods_tp .qt input {width:32px; padding:3px 0 3px 10px;height:14px; border:1px solid #d8d8d8; border-right:0; vertical-align:middle;}
.conBox10 .goods_content li.goods_tp .qt span {width:17px; height:22px; margin-left:-4px; vertical-align:middle; display:inline-block;font-size:0px; line-height:0px;}
.conBox10 .goods_content li.goods_tp .qt span a {margin:0;}
.conBox10 .goods_content li.goods_md {width:176px; height:62px;line-height:140%; overflow:hidden; margin-top: 10px;}
.conBox10 .goods_content li.goods_md .brand,
.conBox10 .goods_content li.goods_md .pcode,
.conBox10 .goods_content li.goods_md .pin {height:15px; font-size:11px; line-height:120%; font-weight:bold; display:block; overflow:hidden;}
.conBox10 .goods_content li.goods_md a {height:34px; overflow:hidden; display:inline-block; font-weight: 400;}
.conBox10 .goods_content li.goods_se {float:left; width:auto; padding-right:10px; color:#df392e; font-family:Times New Roman,sans-serif; font-size:34px; font-weight:bold; letter-spacing:-0.04em;}
.conBox10 .goods_content li.goods_se span {font-size:20px; letter-spacing:-0.02em;}
.conBox10 .goods_content li.goods_bm {float:left; width:auto;}
.conBox10 .goods_content li.goods_bm strike {height:16px; color:#999; font-size:11px; display:block;}
.conBox10 .goods_content li.goods_bm .price {height:16px; color:#777; display:inline;}
.conBox10 .goods_content li.goods_bm .price strong {color:#df392e; font-size:15px;}
.conBox10 .goods_content li.goods_bm .point {height:16px; color:#777; display:inline;}
.conBox10 .goods_content li.goods_bm .point strong {color:#3366cc; font-weight:normal;}