/* BASIC css start */
/* 20230330 메인개편 */
.tab-menu-outer { padding-bottom:20px; }
/*
.tab-menu-outer .tab-ul { width:100%; margin:0 auto; display:table; table-layout:fixed; }
.tab-menu-outer .tab-ul li { display:table-cell; width:33.33%; font-size:14px; line-height:32px; font-weight:bold; text-align:center; color:#999; cursor:pointer; position:relative; }
.tab-menu-outer .tab-ul li:after { display:block; content:""; width:1px; height:16px; background:#999; position:absolute; top:8px; left:0; }
.tab-menu-outer .tab-ul li:first-child:after { display:none; }
*/
.tab-menu-outer .tab-ul {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    grid-template-rows: repeat(2, auto);
    gap: 2px;
    padding: 5px;
}
.tab-menu-outer .tab-ul li {
    text-align: center;
    padding: 5px;
    text-decoration: none;
    color: #999;
    font-size: 14px;
    font-weight: bold;
    font-family: 'Inter', sans-serif;
    position: relative;
}

.tab-menu-outer .tab-ul li:nth-child(-n+4)::after {
    content: '';
    position: absolute;
    bottom: -1px;
    left: 20%;
    right: 20%;
    height: 1px;
}
.tab-menu-outer .tab-ul li:nth-child(1)::before,
.tab-menu-outer .tab-ul li:nth-child(2)::before,
.tab-menu-outer .tab-ul li:nth-child(3)::before,
.tab-menu-outer .tab-ul li:nth-child(5)::before,
.tab-menu-outer .tab-ul li:nth-child(6)::before,
.tab-menu-outer .tab-ul li:nth-child(7)::before {
    content: '';
    position: absolute;
    top: 20%;
    bottom: 20%;
    right: -1px;
    width: 1px;
    background-color: #ccc;
}

.tab-menu-outer .tab-ul li.active { color:#000; }
.tab-list-outer .tab-content.on { display:block !important; visibility:visible !important; height:auto !important; }
.tab-list-outer .tab-content { width:100%; visibility:hidden; height:0; overflow:hidden; }
.prd_list_more_btn { padding:20px 0 20px 0; text-align:center; }
.prd_list_more_btn a { display:inline-block; padding:0 35px; line-height:28px; border:1px solid #919191; border-radius:2px; font-weight:bold; color:#000; }

.overflow-scroll {
  overflow-x: auto;
  -webkit-overflow-scrolling: touch; /* 모바일에서 부드럽게 스크롤 */
}


#container { max-width:100vw; overflow-x:hidden; }
.owl-carousel .owl-stage-outer { width:100%; }
/* 롤링배너 */
#event .MS_img-wrap { position: relative; width: 100%; overflow: hidden; }
#event .event-imgs { position: relative; }
#event .MS_img-area { float: left; }
#event .MS_img-area:not(:first-child) { display: none; }
#event .MS_img-area img { width: 100%; }
#event .pagination { position: relative; left: 0; text-align: center; width: 100%; }
#event .pagination .swiper-pagination-switch { display: inline-block; margin: 0 2px; text-indent: -9999px; background: url(/images/d3/m_01/bull/event_now@2x.gif) no-repeat 0 50%; background-size: 19px 7px; width: 10px; height: 10px; }
#event .pagination .swiper-active-switch { background-position: -12px 50%; }
/* //롤링배너 */
.main h3 {font-size:1.250em; display: inline-block; margin:45px 0 18px 0; padding-top:6px; border-top:1px solid #3b3b3b;}
.main .topBanner {margin-top:15px;}
.main .topBanner .topBannerLeft {width:49%; float:left; position:relative;}
.main .topBanner .topBannerRight {width:49%; float:right; position:relative;}
.main .topBanner img {width:100%; vertical-align:top;}
.main .topBanner .topBannerTitle {width:100%; font-size:1.083em; font-weight:bold; padding:2px 0; background-color:rgba(0,0,0,0.4);; text-align:center; color:#fff; position:absolute; bottom:0; left:0;}

.middle_menu { background:#222; }
.middle_menu a { position:relative; vertical-align:middle; width:33%; height:50px; line-height:1.4; font-size:15px; color:#fff; text-align: center; padding: 0 5px; box-sizing: border-box;}
.middle_menu a:first-child { color:#f6d604; }
.middle_menu a:last-child { width:auto; }
.middle_menu a span.bar { position:absolute; left:0; top:17px; display:block; width:1px; height:16px; background:#909090; }
.middle_menu a.sale_menu { font-size:0; text-indent:-9999px; overflow:hidden; background:url(/design/jyj81133/img2018/m_sale_img.png) center top no-repeat; background-size:auto 100%; }

.main_banner a img { width:100%; }
.main_banner .banner_3 a { width:auto; }
.main_banner .banner_2 { clear:both; margin-top:1px; border:2px solid #e70202; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.main_banner .banner_2 a { position:relative; width:50%; overflow:hidden; }
.main_banner .banner_2 a:last-child:after { position:absolute; left:0; top:0; display:block; width:2px; height:100%; content:''; background:#e70202; }


.main_item_outer { width:100%; padding:15px 10px; overflow:hidden; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; border-top:10px solid #ececec; }
.main_item_outer h3 { margin-bottom:15px; font-size:16px; font-weight:bold; }
.main_item_outer .items { display:inline-block; vertical-align:top; width:100%; padding:0; font-size:0; line-height:0; letter-spacing:-5px; }
.main_item_outer .items li.each { display:inline-block; *display:inline; vertical-align:top; width:31%; margin:0 1% 2%; font-size:12px; line-height:14px; letter-spacing:-0.5px; text-align:center; }
.main_item_outer .items li.each a { position:relative; display:block; }
.main_item_outer .items li.each a em.rank { display:block; width:17px; height:17px; line-height:17px; text-align:center; position:absolute; top:0; left:0; font-size:13px; font-weight:bold; color:#fff; background:#767676; z-index:99; font-family:arial; }
.main_item_outer .items li.each a em.rank.top3 { background:#e43c1a; }

.main_item_outer .items li.each a span.sold_out_layer { position:absolute; left:0; top:0; }
.main_item_outer .items li.each a span.sold_out_layer img { width:100%; }
.main_item_outer .items li.each span { display:block; }
.main_item_outer .items li.each .itemthumb img { width:100%; border:1px solid #e2dfdf; box-sizing:border-box; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; }
.main_item_outer .items li.each .listName { max-height:28px; margin:5px 0 3px; overflow:hidden; }
.main_item_outer .items li.each .MK-product-icons img { display:inline-block; margin-right:5px; }

/*
.main_item_outer1 .new_item_1 li:nth-of-type(1), .main_item_outer1 .new_item_1 li:nth-of-type(2), .main_item_outer1 .new_item_1 li:nth-of-type(3),
.main_item_outer1 .new_item_1 li:nth-of-type(4), .main_item_outer1 .new_item_1 li:nth-of-type(5), .main_item_outer1 .new_item_1 li:nth-of-type(6) { display:inline-block; *display:inline; }


.main_item_outer1 .new_item_2 li:nth-of-type(7), .main_item_outer1 .new_item_2 li:nth-of-type(8), .main_item_outer1 .new_item_2 li:nth-of-type(9),
.main_item_outer1 .new_item_2 li:nth-of-type(10), .main_item_outer1 .new_item_2 li:nth-of-type(11), .main_item_outer1 .new_item_2 li:nth-of-type(12) { display:inline-block; *display:inline; }


.main_item_outer1 .new_item_3 li:nth-of-type(13), .main_item_outer1 .new_item_3 li:nth-of-type(14), .main_item_outer1 .new_item_3 li:nth-of-type(15),
.main_item_outer1 .new_item_3 li:nth-of-type(16), .main_item_outer1 .new_item_3 li:nth-of-type(17), .main_item_outer1 .new_item_3 li:nth-of-type(18) { display:inline-block; *display:inline; }


.main_item_outer1 .new_item_4 li:nth-of-type(19), .main_item_outer1 .new_item_4 li:nth-of-type(20), .main_item_outer1 .new_item_4 li:nth-of-type(21),
.main_item_outer1 .new_item_4 li:nth-of-type(22), .main_item_outer1 .new_item_4 li:nth-of-type(23), .main_item_outer1 .new_item_4 li:nth-of-type(24) { display:inline-block; *display:inline; }
*/

.main_item_outer .owl-theme .owl-controls { position:static; padding-top:20px; text-align:center; }

.main_item_outer .owl-theme .owl-dots { counter-reset:dots; }

.main_item_outer .owl-theme .owl-dots .owl-dot span { /*width:20px; height:20px;*/ margin:0 5px 0 0; border:1px solid #686868; /*border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%;*/
	-webkit-transition: all 0.3s linear;
    -moz-transition: all 0.3s linear;
    -o-transition: all 0.3s linear;
    transition: all 0.3s linear;
}
.main_item_outer .owl-theme .owl-dots .owl-dot.active span {/* width:20px; height:20px; */border:1px solid #686868; background:#686868;/* border-radius:100%; -webkit-border-radius:100%; -moz-border-radius:100%; */}
/*
.main_item_outer .owl-theme .owl-dots .owl-dot span:before { line-height:20px; font-size:12px; counter-increment: dots; content:counter(dots); }
.main_item_outer .owl-theme .owl-dots .owl-dot.active span:before { color:#fff; }
*/

/*
.main_item_outer2 .new_item_1 li:nth-of-type(1), .main_item_outer2 .new_item_1 li:nth-of-type(2), .main_item_outer2 .new_item_1 li:nth-of-type(3) { display:inline-block; *display:inline; }

.main_item_outer2 .new_item_2 li:nth-of-type(4), .main_item_outer2 .new_item_2 li:nth-of-type(5), .main_item_outer2 .new_item_2 li:nth-of-type(6) { display:inline-block; *display:inline; }

.main_item_outer2 .new_item_3 li:nth-of-type(7), .main_item_outer2 .new_item_3 li:nth-of-type(8), .main_item_outer2 .new_item_3 li:nth-of-type(9) { display:inline-block; *display:inline; }

.main_item_outer2 .new_item_4 li:nth-of-type(10), .main_item_outer2 .new_item_4 li:nth-of-type(11), .main_item_outer2 .new_item_4 li:nth-of-type(12) { display:inline-block; *display:inline; }
*/

footer#footer { margin:0; }

.event_inner { 
margin-top:10%;
-webkit-box-align: start !important;
-webkit-box-pack: start !important;
}

#layer_pop_wrap {
    width:90% !important;
    max-width:unset !important;
    height:auto !important;
}
/* BASIC css end */