@import url(//fonts.googleapis.com/earlyaccess/notosanskr.css);

.clfix:after{content:".";display:block;height:0;clear:both;visibility:hidden;font-size:0;}
.clfix{*display:inline-block;zoom:1;}

.hidden {display:none;}
.hand {cursor:pointer;}

.bgimg	{position:relative;background:no-repeat center center;text-align: center;}
.bgimg .main_side {position:relative;z-index:1;min-width:1050px;}
.bgimg .left_side{position: absolute; width: 50%; top: 0; left: 0;z-index:0;}
.bgimg .left_side img{float: right;margin-right: 525px;}
.bgimg .right_side{position: absolute; width: 50%; top: 0; right: 0;z-index:0;}
.bgimg .right_side img{float: left;margin-left: 525px;}
.event_Fix	{position: fixed; top:70px;z-index:5;min-width:1050px}

.on-off-img		img:nth-child(1) {display:none;}
.on-off-img.on	img:nth-child(1) {display:block;}
.on-off-img.on	img:nth-child(2) {display:none;}

.tabs {z-index:999}	
.tab_content {position:relative;}
.licenter {text-align:center;width:100%;min-width:1050px;background-color: #2d2d2d;}
.licenter ul {display:inline-block;}
.licenter li {float:left;}

.goods {margin:20px auto 40px;width:1050px;min-height:480px; position: relative;overflow-x: hidden;}
.goods li {float:left;margin-right:12px;}
.product { width: 248px;} 

.product .img-wrap-event  {position: relative; overflow: hidden; box-sizing: border-box; } 
.product .img-wrap-event img {width: 250px; height: 300px;}
.product .text-wrap-event {position: relative; width: 100%; padding: 10px; box-sizing: border-box; overflow: hidden; text-align:left; border-top:none; } 
.product .text-wrap-event .name { line-height: 26px; font-size: 18px;height:52px; color: #111; letter-spacing: -1px; margin-bottom: 5px; width: 100%; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: pre-line; word-break: break-all; } 
.product .text-wrap-event .explain { line-height: 21px; height: 21px; font-size: 15px; color: #111; letter-spacing: -1px; margin-bottom: 5px; width: 100%; display: inline-block; text-overflow: ellipsis; overflow: hidden; white-space: nowrap; } 
.product .text-wrap-event .cost {font-family:'Noto Sans KR'; line-height: 100%; font-size: 20px; color: #111;letter-spacing: -0.1px;vertical-align: baseline;} 
.product .text-wrap-event .cost strong {font-family: 'proxima-nova';} 
.product .text-wrap-event .cost .han {font-size:18px;}
.product .img-wrap-event .img_soldout .title_soldout {position: absolute; top: 50%; margin-top: -25px; width: 100%; height: 50px; line-height: 50px; font-size: 35px; font-weight: 500; text-align: center; letter-spacing: -2px; color: #ffffff;}
.product .img-wrap-event .img_soldout { position: absolute; z-index: 2; width: 250px; margin-left: 6px; height: 100%; background: rgba(51, 51, 51, 0.8);}

.product .text-wrap-event .cost .sale     {font-family: 'proxima-nova'; color: #848484;text-decoration: line-through; margin-left: 8px; } 
.product .text-wrap-event .cost .sale-han { font-size:18px; color: #848484; text-decoration: line-through;}

.product .img-wrap-event .img_hover { position: absolute; display: block ; width: 96%; height: 100%; margin-left: 5.5px;} 
.product .img-wrap-event .img_hover .img_hover_bg { background: rgba(0,0,0,0.3); position: absolute; z-index: 1; width: 100%; height: 100%; left:0;} 
.product .img-wrap-event .restock { position: absolute; right: 10px; bottom: 10px; z-index: 2; background: url(/img/common/alarm.png) no-repeat center center; width: 42px; height: 42px;}

.product .img-wrap-event .img_hover .basket { position: absolute; right: 10px; bottom: 10px; z-index: 2; background: url("/img/common/basket.png") no-repeat center center; width: 42px; height: 42px; } 
.product .img-wrap-event .img_hover .like { position: absolute; right: 10px; bottom: 10px; z-index: 2; background: url("/img/common/like_off.png") no-repeat center center; width: 42px; height: 42px; } 
.product .img-wrap-event .gradesc { position:absolute; bottom:10px; left:10px; width:48px; height:48px; line-height:48px; text-align:center; } 

.product .img-wrap-event .tips {width: 64px; position: absolute; top: 0; right: 7px;}
.product .img-wrap-event .tips span {display: block; width: 64px;}
.product .img-wrap-event .tips .sale {font-family: 'proxima-nova'; padding:0;border: 1px solid #a6613a;font-size: 22px;font-weight: 600;color: #ffffff;background: #a6613a;line-height: 46px;}

.swiper-button-prev, .swiper-button-next {position: absolute;top:290px; width:68px;height:68px;z-index:1;cursor: pointer;background-repeat: no-repeat;background-position:0;}
.swiper-button-prev {background-image: url(images/03_arrow_l.png);left:0;margin-left:-72px;}
.swiper-button-prev:hover ,.swiper-button-prev.on {background-image: url(images/03_arrow_l.png);}
.swiper-button-next {background-image: url(images/03_arrow_r.png);right:0;margin-right:-72px;}
.swiper-button-next:hover , .swiper-button-next.on  {background-image: url(images/03_arrow_r.png);}

#tab1 {background-color:#e9ebf0;}
#tab1 .listpoint {position: absolute;top:397px;left:50%;margin-left:-480px; }
#tab1 .listpoint li {font-family:"Pretendard"; float:left;width:320px;color:#333;font-weight: bold;height:64px; line-height:64px;font-size:64px;letter-spacing:-0.2px;}
#tab1 .listpoint li span {font-size: 30px;margin-left:10px;}
#tab1 .listpoint li:last-child{font-size:54px;text-align: center;line-height:64px;}
#tab1 .top3 {position: absolute;top:656px;left:50%;margin-left:-330px; }
#tab1 .top3 li {font-family:"Pretendard"; font-size: 33px;color:#333;letter-spacing:-0.2px;text-align: left;margin-bottom:55px;}

#tab1 .mytype {position: absolute;bottom:130px;left:50%;margin-left:-525px;width:1050px;font-size: 60px;color:#333;letter-spacing:-0.2px;}
#tab1 .mytype li {font-family:"Pretendard"; margin-bottom: 20px;}
#tab1 .mytype li:first-child {font-size:30px;}
#tab1 .mytype span {font-weight: bold;margin:0 15px 0 4px}
#tab1 .mytype img {margin-right:15px;}

#tab2 {background-color:#303030;}
#tab2 .coupon {position: absolute;bottom:220px;left:50%;margin-left:-300px;}

#tab3 {background-color:#ab413c;}
#tab3 .main_side_absolute {position:absolute;top:427px;left:50%;margin-left:-480px;}
#tab3 ul.subtabs {margin:0 auto;display:inline-block;}
#tab3 ul.subtabs li {float:left;margin:0;padding:0;}
#tab3 ul.subtabs li {float:left;}
#tab3 .more {margin-bottom:50px;}

#tab4 {background-color:#ab413c;}
#tab4 .product .img-wrap-event .tips .sale {border: 1px solid #2f6859;background: #2f6859;}
#tab4 .product .text-wrap-event .name {color: #fff;}
#tab4 .product .text-wrap-event .cost {color: #fff;}
#tab4 .product .text-wrap-event .cost .sale {color: #ffb2ae;}
#tab4 .product .text-wrap-event .cost .sale-han {color: #ffb2ae;}
#tab4 .swiper-button-prev  {left: 50%; margin-left: -600px;top: 370px;}
#tab4 .swiper-button-next  {right:50%;margin-right: -600px;top: 370px;}

#tab4 ul.subtabs {margin:0 auto;display:inline-block;}
#tab4 ul.subtabs li {float:left;margin:0;padding:0;}
#tab4 ul.subtabs li {float:left;}

#tab4 .subbanner {background-color: #fff;width:1050px;margin:0 auto;}
#tab4 .subbanner [class^="display-tab"] {display:none;margin:0 auto;}
#tab4 .subbanner ul {text-align: center;padding:27px 0;}
#tab4 .subbanner ul li {margin-right:40px;display: inline-block;}
#tab4 .subbanner ul li:last-child  {margin-right:0px;}
#tab4 .subbanner .display-tab1 {display:block;}

#tab4 .main_side_absolute {position: absolute;bottom: 138px;left: 50%;margin-left: -458px;}
#tab4 .main_side_absolute li {float: left;height:540px;}
#tab4 .main_side_absolute li:first-child img {margin-top:30px;}
#tab4 .main_side_absolute li:last-child img {margin-top:30px;}

#tab5 {background-color:#c44e48;}
#tab5 .link {position:absolute;left:50%;margin-left:-300px;bottom:140px;}
#tab6 {background-color:#efe0d8;}
#tab6 .coupon {position:absolute;left:50%;margin-left:-300px;top:1044px;}
#tab6 .link {position:absolute;left:50%;margin-left:-300px;top:1162px;}
#tab7 {background-color:#e9ebf0;}