/* BASIC css start */
.item_container .item .item_txt .summary a {
    height: 40px;
    line-height: 20px;
    display: block;
    width: 100%;
    word-break: break-all;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

.svg {
    position: absolute;
    left: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
}
.svg svg {width:100%; height:auto;}
.item_container .item .item_txt .summary font, .item_container .item .item_txt .summary br {display:none;}
.swiper-container {overflow:hidden;}
.swiper-pagination .swiper-pagination-bullet {background:#999;}
.swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active {background:#000;}
.menu_home svg path {fill:#ff3800;}
.main_title {position:relative; padding:0 16px; margin-top:100px;}
.main_title h2 {font-size:30px; color:#000; font-weight:700; font-family:"GT America Trial";}
.main_title p {font-size:16px; color:#999;}
.main_title a {display:inline-block; font-size:14px; color:#000; position:absolute; right:16px; top:50%; margin-top:-10px; line-height:20px;}
.main_title a i {color:#999; vertical-align:baseline; line-height:20px;}
#mainSlide {position:relative;}
#mainSlide .swiper-slide {position:relative;}
#mainSlide .swiper-slide img {max-width:100%;}
#mainSlide .swiper-slide .info_wrap {position:absolute; bottom:20%; left:6%;}
#mainSlide .swiper-slide .info_wrap span {display:block; line-height:1;}
#mainSlide .swiper-slide .info_wrap .desc {font-size:6.1vw; color:#fff; font-weight:500;}
#mainSlide .swiper-slide .info_wrap .title {font-size:15vw; color:#fff; font-weight:600; margin:4% 0;}
#mainSlide .swiper-slide .info_wrap .info {font-size:3.7vw; color:#fff; font-weight:500;}
#mainSlide .swiper-pagination {position:absolute; top:auto; bottom:30px; height:4px; width:84%; left:8%; z-index: 10; background: #fff;}
#mainSlide .swiper-pagination .swiper-pagination-progressbar-fill {height:4px; background:#000;}

.main_icon_scroll {margin:20px 0; padding:0 16px;}
.main_icon ul.swiper-slide {width:calc(25% - 10px);}
.main_icon ul.swiper-slide li:first-child {margin-bottom:10px;}
.main_icon ul li {display:inline-block; vertical-align:top; text-align:center;}
.main_icon ul li a {display:block;}
.main_icon ul li a span {display:block;}
.main_icon ul li .thumb {border-radius:100%; overflow:hidden;}
.main_icon ul li .thumb img {max-width:100%;}
.main_icon ul li .desc {font-weight:500; color:#000; margin-top:10px; font-size:16px;}

.foretpick {margin:10px 0 0;}
.foretpick .swiper-container {padding:0 16px;}
.foretpick .swiper-slide {width:calc(50% - 4px);}
.foretpick .swiper-slide a {display:block;}
.foretpick .swiper-slide a span {display:block;}
.foretpick .swiper-slide a .thumb img {max-width:100%;}
.foretpick .swiper-slide a .title {font-size:20px; color:#000; font-weight:600; margin:10px 0 0;}
.foretpick .swiper-slide a .desc {font-size:14px; color:#999; font-weight:500;}

.swiper_tab_box {margin:24px 0;}
.swiper_tab_box .swiper_tab_con, .swiper_tab_box + .prd-wrap {padding:0 16px;}
.swiper_tab_box .swiper-slide {width:auto; height:36px; line-height:36px; padding:0 14px; border:1px solid #d9d9d9; border-radius:20px; cursor:pointer; font-size:14px; font-weight:500; margin-right:4px;}
.swiper_tab_box .swiper-slide:last-child {margin-right:0;}
.swiper_tab_box .swiper-slide a {color:#000;}
.swiper_tab_box .swiper-slide.swiper-slide-thumb-active {border:1px solid #000; background:#000; color:#fff;}
.swiper_tab_box .swiper-slide.swiper-slide-thumb-active a {color:#fff;}
.tab_product7 .swiper-wrapper {flex-wrap: wrap;}
.tab_product7 .swiper_tab_box .swiper-slide {margin-bottom:4px;}
.tab_product7 .swiper_tab_box .swiper-slide a {display:flex; align-items:center; gap:5px; font-size:16px;}
.tab_product7 .swiper_tab_box .swiper-slide a .thumb {width:26px; height:26px; border-radius:100%; overflow:hidden;}
.tab_product7 .swiper_tab_box .swiper-slide a .thumb img {width:100%;}
.tab_product7 .swiper_tab_box .swiper-slide.swiper-slide-thumb-active {border:1px solid #d9d9d9; background:#fff; color:#000;}
.tab_product7 .swiper_tab_box .swiper-slide.swiper-slide-thumb-active a {color:#000;}
.tab_content_swiper .swiper-container {padding:0;}

.exclusive {margin-top:20px; position:relative; padding-bottom:50px;}
.exclusive .swiper-container {padding:0 16px;}
.exclusive .brand_thumb {position:relative;}
.exclusive .brand_thumb img {max-width:100%;}
.exclusive .brand_thumb .title {position:absolute; top:32%; left:0; width:100%; text-align:center; pointer-events:none;}
.exclusive .brand_thumb .title span {display:block; line-height:1;}
.exclusive .brand_thumb .title .eng {font-size:6vw; color:#fff; margin-bottom:2%;}
.exclusive .brand_thumb .title .kor {font-size:2.6vw; color:#fff;}
.exclusive .swiper-slide {width:100%}
.exclusive .item_container {position:relative; width:95%; left:5%; box-sizing:border-box; padding:20px; background:#fff; margin-top:-31%;}
.exclusive .item_container.item_list01 .item {width:100%; display:flex; align-items:center; gap:20px; margin:0; margin-bottom:10px;}
.exclusive .item_container.item_list01 .item .thumbnail {display:inline-block; width:100px; padding-bottom:100px;}
.exclusive .item_container.item_list01 .item .thumbnail > a > img {width:100px; height:100px;}
.exclusive .item_container.item_list01 .item .item_txt .action {display:none;}
.exclusive .item_container.item_list01 .item .item_txt {display:inline-block; width: calc(100% - 110px);}
.exclusive .item_container.item_list01 .item .count {display:none;}
.exclusive .item_container.item_list01 .item .item_txt .brand {margin-top:0!important;}
.exclusive .item_container.item_list01 .item .icons {display:none;}
.exclusive .item_container.item_list01 .item .item_txt .summary a {overflow: hidden; text-overflow: ellipsis; white-space: nowrap; display: block; height:16px; -webkit-line-clamp: 1;}


.ranking .product_list_box_wrap {padding:0 16px;}
.ranking .swiper-wrapper {counter-reset: number;}
.ranking .item_list02 .item_container .item {box-sizing:border-box; padding-left:34px;}
.ranking .item_list02 .item_container .item:after {counter-increment: number; content: counter(number); width:30px; text-align:center; font-style:italic; position: absolute; top:0; left:0; font-size:20px; color:#000; font-weight:600;}
.ranking .item_list02 .item_container:nth-child(1) .item:after {color:#ff3800}
.ranking .item_list02 .item_container:nth-child(2) .item:after {color:#ff3800}
.ranking .item_list02 .item_container:nth-child(2) .item:last-child:after {color:#000}


.ranking .item_list02 .swiper-slide .item {width:100%!important;}
.ranking .item_list02 .swiper-slide .item .icons,
.ranking .item_list02 .swiper-slide .item .summary br,
.ranking .item_list02 .swiper-slide .item .summary font {display:none;}
.ranking .item_list02 .swiper-slide .item .summary a {
position: relative; text-overflow: ellipsis; word-break: break-all; -webkit-box-orient: vertical; -webkit-line-clamp: 2; height: 36px; display: block; overflow: hidden; line-height:18px;
}

.megasale {margin-top:20px; position:relative; padding-bottom:20px;}
.megasale .prd-wrap {padding:0 16px;}
.megasale .item_container .item .thumbnail .sale_percent {display:block;}

.newbrand  {margin-top:20px; position:relative; padding-bottom:20px;}
.newbrand .swiper-container {padding:0 16px;}
.newbrand >.swiper-container > .swiper-wrapper > .swiper-slide {width:100%;}
.newbrand .brand_thumb {position:relative; margin-bottom:8px;}
.newbrand .brand_thumb img {max-width:100%;}
.newbrand .brand_thumb .title {position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); text-align:center; pointer-events:none;}
.newbrand .brand_thumb .title span {display:block; line-height:1;}
.newbrand .brand_thumb .title .eng {font-size:6vw; color:#fff; margin-bottom:1%;}
.newbrand .brand_thumb .title .kor {font-size:2.6vw; color:#fff;}

.risingbrand  {margin-top:20px; position:relative; padding-bottom:20px;}
.risingbrand .swiper-container {padding:0 16px;}
.risingbrand >.swiper-container > .swiper-wrapper > .swiper-slide {width:100%;}
.risingbrand .brand_thumb {margin-bottom:8px;}
.risingbrand .brand_thumb img {max-width:100%;}
.risingbrand .brand_thumb .title {position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); text-align:center; pointer-events:none;}
.risingbrand .brand_thumb .title span {display:block; line-height:1;}
.risingbrand .brand_thumb .title .eng {font-size:6vw; color:#fff; margin-bottom:1%;}
.risingbrand .brand_thumb .title .kor {font-size:2.6vw; color:#fff;}


.bestbrand  {margin-top:20px; position:relative; padding-bottom:20px;}
.bestbrand .swiper-container {padding:0 16px;}
.bestbrand >.swiper-container > .swiper-wrapper > .swiper-slide {width:100%;}
.bestbrand .brand_thumb {margin-bottom:8px;}
.bestbrand .brand_thumb img {max-width:100%;}
.bestbrand .brand_thumb .title {position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); text-align:center; pointer-events:none;}
.bestbrand .brand_thumb .title span {display:block; line-height:1;}
.bestbrand .brand_thumb .title .eng {font-size:6vw; color:#fff; margin-bottom:1%;}
.bestbrand .brand_thumb .title .kor {font-size:2.6vw; color:#fff;}


.kidsSlide {margin-top:20px; position:relative; padding-bottom:20px;}
.kidsSlide .swiper-container {padding:0 16px;}
.kidsSlide >.swiper-container > .swiper-wrapper > .swiper-slide {width:100%;}
.kidsSlide .brand_thumb {margin-bottom:8px;}
.kidsSlide .brand_thumb img {max-width:100%;}
.kidsSlide .brand_thumb .title {position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); text-align:center; pointer-events:none;}
.kidsSlide .brand_thumb .title span {display:block; line-height:1;}
.kidsSlide .brand_thumb .title .eng {font-size:6vw; color:#fff; margin-bottom:1%;}
.kidsSlide .brand_thumb .title .kor {font-size:2.6vw; color:#fff;}


.notice {margin-top:20px; position:relative; padding-bottom:50px;}
.notice .swiper-container {padding:0 16px;}
.notice .swiper-slide {width:100%;}
.notice .swiper-slide a {display:block;}
.notice .swiper-slide a span {display:block;}
.notice .swiper-slide a .thumb img {max-width:100%;}
.notice .swiper-slide a .title {font-size:20px; color:#000; font-weight:600; margin:10px 0 0;}
.notice .swiper-slide a .desc {font-size:14px; color:#999; font-weight:500;}


.offline {margin-top:20px; position:relative; padding-bottom:50px;}
.offline .swiper-container {padding:0 16px;}
.offline .swiper-slide {width:100%;}
.offline .swiper-slide a {display:block;}
.offline .swiper-slide a span {display:block;}
.offline .swiper-slide a .thumb img {max-width:100%;}
.offline .swiper-slide a .title {font-size:20px; color:#000; font-weight:600; margin:10px 0 0;}
.offline .swiper-slide a .desc {font-size:14px; color:#999; font-weight:500;}

.magazine {margin-top:20px; position:relative;}
.magazine .swiper-container {padding:0 16px;}
.magazine .swiper-slide {width:calc(50% - 8px);}
.magazine .swiper-slide a {display:block;}
.magazine .swiper-slide a span {display:block;}
.magazine .swiper-slide a .thumb img {max-width:100%;}
.magazine .swiper-slide a .title {font-size:20px; color:#000; font-weight:600; margin:10px 0 0;}
.magazine .swiper-slide a .desc {font-size:14px; color:#999; font-weight:500;}
.magazine .swiper-pagination {position:relative; top:auto; margin-top:30px; height:3px; width:100%; left:0; z-index: 10; background: #ebebeb;}
.magazine .swiper-pagination .swiper-pagination-progressbar-fill {height:3px; background:#000;}
@media screen and (min-width: 640px){ 
    #mainSlide .swiper-slide .info_wrap .desc {font-size:39px;}
    #mainSlide .swiper-slide .info_wrap .title {font-size:94px;}
    #mainSlide .swiper-slide .info_wrap .info {font-size:24px;}
    .exclusive .brand_thumb .title .eng {font-size:44px;}
    .exclusive .brand_thumb .title .kor {font-size:18px;}
    .newbrand .brand_thumb .title .eng {font-size:40px;}
    .newbrand .brand_thumb .title .kor {font-size:16px}
    .risingbrand .brand_thumb .title .eng {font-size:40px;}
    .risingbrand .brand_thumb .title .kor {font-size:16px;}
}
/* BASIC css end */