@charset "utf-8";

ul.slide-pager {}
ul.slide-pager:after {display:block;content:"";clear:both;}
ul.slide-pager li {float:left;margin-left:10px;}
ul.slide-pager li:first-child {margin-left:0;}
ul.slide-pager a {display:block;width:10px;height:10px;background-color:#a5a5a5;border-radius:5px;}
ul.slide-pager a.on {width:35px;}

.slide-ctrl {display:inline-block;vertical-align:middle;width:16px;height:24px;font-size:0;background-repeat:no-repeat;background-position:center center;}
.slide-ctrl.prev {background-image:url('../img/common_icon_slide_prev2.png');background-position:left  center;}
.slide-ctrl.next {background-image:url('../img/common_icon_slide_next2.png');background-position:right center;}
.slide-ctrl.ctrl {background-image:url('../img/common_icon_slide_pause.png');}
.slide-ctrl.ctrl.on {background-image:url('../img/common_icon_slide_play.png');}

.main-section {margin-top:80px;}
.main-section h4 {margin-bottom:30px;font-size:25px;line-height:25px;font-weight:400;letter-spacing:-1px;font-family:'GmarketSansBold';}

/*
 * 메인 비주얼
 */
.main-visual {position:relative;}
.main-visual:after {z-index:102;position:absolute;left:0;top:0;width:100%;height:12px;display:block;content:"";background-color:green;
    background: -moz-linear-gradient(top,  rgba(0,0,0,0.1) 0%, rgba(0,0,0,0) 100%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  rgba(0,0,0,0.1) 0%,rgba(0,0,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1a000000', endColorstr='#00000000',GradientType=0 ); /* IE6-9 */
}
.main-visual ul.visual {height:330px;overflow:hidden;}
.main-visual ul.visual li {height:330px;background-color:#ececec;background-repeat:no-repeat;background-position:center center;cursor:pointer;}
.main-visual ul.slide-pager {z-index:101;position:absolute;top:270px;left:50%;margin-left:-527px;}
.main-visual .slide-ctrl {z-index:101;position:absolute;top:264px;}
.main-visual .slide-ctrl.prev {left:50%;margin-left:-608px;}
.main-visual .slide-ctrl.next {left:50%;margin-left:-568px;}

.main-visual > .nav {z-index:101;position:absolute;top:300px;left:50%;margin-left:-650px;height:40px;line-height:40px;font-size:12px;border:1px solid #ddd;background-color:#fff;
    -webkit-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2);
    -moz-box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2);
    box-shadow: 1px 1px 5px 0px rgba(0,0,0,0.2);} 
.main-visual > .nav:after {display:block;content:"";clear:both;}
.main-visual > .nav > .txt {float:left;display:block;padding:0 5px;color:#666;}
.main-visual > .nav > .txt > strong {color:#111;}
.main-visual > .nav > .btn {float:left;display:block;width:40px;height:40px;background:no-repeat center center;font-size:0;}
.main-visual > .nav > .btn.prev {background-image:url('../img/main_slider_prev.png');}
.main-visual > .nav > .btn.next {background-image:url('../img/main_slider_next.png');}
.main-visual > .nav > .btn.ctrl {background-image:url('../img/main_slider_play.png');}
.main-visual > .nav > .btn.ctrl.on {background-image:url('../img/main_slider_pause.png');}

/*
 * 베스트 아이템
 */
.best-item {margin-top:75px;}
.best-item > .head {line-height:29px;margin-bottom:30px;}
.best-item > .head:after {display:block;content:"";clear:both;}
.best-item > .head h4 {float:left;font-size:25px;font-weight:400;letter-spacing:-1px;}
.best-item > .head ul.cate {float:left;margin-left:30px;font-size:19px;font-weight:400;color:#999;letter-spacing:-1px;line-height:26px;font-family:'GmarketSansMedium';}
.best-item > .head ul.cate:after {display:block;content:"";clear:both;}
.best-item > .head ul.cate li {float:left;margin-left:20px;}
.best-item > .head ul.cate li:first-child {margin-left:0;}
.best-item > .head ul.cate li a {display:block;padding-bottom:2px;border-bottom:1px solid #fff;}
.best-item > .head ul.cate li a:hover,
.best-item > .head ul.cate li a.on {font-weight:700;color:#000;border-bottom:1px solid #000;}
.best-item > .head ul.cate li a.dn {padding-right:15px;background:url('../img/main_icon_arrow_dn.png') no-repeat right center;}
.best-item > .head ul.cate li a.dn:hover,
.best-item > .head ul.cate li a.dn.on {background-image:url('../img/main_icon_arrow_dn_on.png');}
.best-item > .head ul.cate li a.up {padding-right:15px;background:url('../img/main_icon_arrow_up.png') no-repeat right center;}
.best-item > .head ul.cate li a.up:hover,
.best-item > .head ul.cate li a.up.on {background-image:url('../img/main_icon_arrow_up_on.png');}
.best-item > .head > .fr:after {display:block;content:"";clear:both;}
.best-item > .head > .fr .slide-pager {float:left;margin:9.5px 20px 0 0;}
.best-item > .head > .fr .slide-ctrl {float:left;margin-top:2.5px;}
.best-item > .head > .fr .slide-ctrl.next {margin-left:10px;}
.best-item > .head > .fr .slide-ctrl.ctrl {margin-left:10px;}
.best-item .best-section {height:635px;overflow:hidden;}
.best-item .best-section .best-section-item {height:635px;}
.best-item .best-section .best-section-item ul.lst {width:calc(100% + 30px);margin-left:-30px;margin-top:-30px;}
.best-item .best-section .best-section-item ul.lst:after {display:block;content:"";clear:both;}
.best-item .best-section .best-section-item ul.lst > li {position:relative;float:left;display:block;margin:30px 0 0 30px;}
.best-item .best-section .best-section-item ul.lst > li:first-child {}
.best-item .best-section .best-section-item ul.lst > li > a {display:block;}
.best-item .best-section .best-section-item ul.lst > li img {display:block;width:302.5px;height:302.5px;}
.best-item .best-section .best-section-item ul.lst > li .cnt {position:absolute;left:0;bottom:0;width:100%;padding:15px;line-height:18px;background-color:rgba(255,255,255,0.6);-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.best-item .best-section .best-section-item ul.lst > li .cnt:after {display:block;content:"";clear:both;}
.best-item .best-section .best-section-item ul.lst > li .cnt .tit {float:left;display:block;width:100%;font-size:16px;font-weight:400;letter-spacing:-0.5px;font-family:'GmarketSansBold';}
.best-item .best-section .best-section-item ul.lst > li .cnt .prc {float:right;margin-top:5px;font-family:'Campton-LightDEMO';font-size:14px;}
.best-item .best-section .best-section-item ul.lst > li .cnt .prc i {font-style:normal;font-family:'Nanum Gothic';}
.best-item .best-section .best-section-item.first ul.lst > li.big img {width:635px;height:635px;}
.best-item .best-section .best-section-item.first ul.lst > li.big .cnt {padding:25px;line-height:22px;}
.best-item .best-section .best-section-item.first ul.lst > li.big .cnt .tit {width:auto;font-size:20px;}
.best-item .best-section .best-section-item.first ul.lst > li.big .cnt .prc {margin-top:0;font-size:20px;}

/*
 * 당신의 취향저격
 */
.main-section.fav {letter-spacing:-0.5px;}
.main-section.fav ul.lst {}
.main-section.fav ul.lst:after {display:block;content:"";clear:both;}
.main-section.fav ul.lst li {position:relative;float:left;margin-left:30px;width:353px;height:398px;border-bottom:3px solid #ececec;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.main-section.fav ul.lst li:first-child {margin-left:0;}
.main-section.fav ul.lst li a {display:block;height:100%;}
.main-section.fav ul.lst li img {display:block;width:100%;height:315px;}
.main-section.fav ul.lst li .tit {display:block;width:100%;margin-top:15px;height:30px;line-height:30px;font-size:20px;font-weight:400;font-family:'GmarketSansBold';overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main-section.fav ul.lst li .dsc {display:block;font-size:14px;font-weight:300;font-family:'GmarketSansMedium';line-height:30px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.main-section.fav ul.lst li:nth-child(3n) {width:534px;border-bottom:0;}
.main-section.fav ul.lst li:nth-child(3n) img {height:100%;}
.main-section.fav ul.lst li:nth-child(3n) .tit {position:absolute;left:0;bottom:45px;width:100%;height:auto;padding:0 35px;font-size:25px;line-height:1.2;color:#fff;border:0;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.main-section.fav ul.lst li:nth-child(3n) .dsc {position:absolute;left:0;bottom:14px;width:100%;height:auto;padding:0 35px;font-size:16px;line-height:18px;color:#fff;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}

.main-section.fav .swiper {}
.main-section.fav .swiper ul.lst li {/*margin-left:0;*/}
.main-section.fav > .wrap {position:relative;}
.main-section.fav > .wrap .btn {position:absolute;top:50%;transform:translateY(-50%);display:block;width:20px;height:39px;font-size:0;background:no-repeat center center;background-size:contain;}
.main-section.fav > .wrap .btn.prev {left :0;transform:translate(-270%, -50%);background-image:url('../img/sub_company_sect03_icon_arrow_l.png');}
.main-section.fav > .wrap .btn.next {right:0;transform:translate( 270%, -50%);background-image:url('../img/sub_company_sect03_icon_arrow_r.png');}

/*
 * MD 추천
 */
.main-section.md {}
.main-section.md .theme-wrapper:after {display:block;content:"";clear:both;}
.main-section.md dl.theme {float:left;width:calc((100% - 60px)/3);margin-left:30px;}
.main-section.md dl.theme:first-child {margin-left:0;}
.main-section.md dl.theme dt {position:relative;}
.main-section.md dl.theme dt a {display:block;}
.main-section.md dl.theme dt img {display:block;width:100%;height:400px;}
.main-section.md dl.theme dt .tit {position:absolute;bottom:0;left:50%;margin-left:-167px;width:334px;padding:15px 0;font-size:20px;font-weight:400;letter-spacing:-1px;font-family:'GmarketSansBold';text-align:center;background-color:#fff;}
.main-section.md dl.theme dd {margin-top:60px;}
.main-section.md dl.theme dd ul.lst {}
.main-section.md dl.theme dd ul.lst li.itm {margin-top:30px;}
.main-section.md dl.theme dd ul.lst li.itm:first-child {margin-top:0;}
.main-section.md dl.theme dd ul.lst li.itm a {display:block;}
.main-section.md dl.theme dd ul.lst li.itm a:after {display:block;content:"";clear:both;}
.main-section.md dl.theme dd ul.lst li.itm img {float:left;display:block;width:90px;height:90px;}
.main-section.md dl.theme dd ul.lst li.itm .inf {float:right;width:calc(100% - 110px);}
.main-section.md dl.theme dd ul.lst li.itm .inf .prc {display:block;font-family:'Campton-LightDEMO';font-size:14px;}
.main-section.md dl.theme dd ul.lst li.itm .inf .prc i {font-style:normal;font-family:'Nanum Gothic';}
.main-section.md dl.theme dd ul.lst li.itm .inf .tit {display:block;margin-top:10px;font-size:15px;line-height:20px;max-height:40px;font-weight:400;letter-spacing:-0.5px;font-family:'GmarketSansBold';
    overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
.main-section.md dl.theme dd ul.lst li.itm .inf .dsc {display:block;margin-top:5px;font-size:13px;line-height:18px;max-height:36px;font-weight:300;letter-spacing:-0.3px;font-family:'GmarketSansMedium';
    overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}

/*
 * 기획전
 */
.main-section.event {}
.main-section.event h4 {margin-bottom:15px;}
.main-section.event .btn-more {display:inline-block;padding:0 0 0 20px;margin:10px 5px 0 0;font-size:16px;font-weight:bold;color:#333;background:url('../img/common_icon_detail01.png') no-repeat left center;}
.main-section.event ul.event-list {margin:0 0 0 -5px;width:calc(100% + 5px);}
.main-section.event ul.event-list:after {display:block;content:"";clear:both;}
.main-section.event ul.event-list > li {float:left;width:calc((100% - (5px * 3) - 0.1px)/3);margin:5px 0 0 5px;}
.main-section.event ul.event-list > li a {display:block;}
.main-section.event ul.event-list > li img {display:block;max-width:100%;}
 
/*
 * 전체 아이템
 */
.main-section.goods {padding-bottom:100px;}
.main-section.goods .btn-more {display:block;margin-top:50px;}
.main-section.goods .btn-more img {display:block;margin:0 auto;}
.main-section.goods .btn-more2 {display:block;margin:50px auto 0;width:200px;height:60px;line-height:60px;font-size:20px;font-weight:bold;text-align:center;border:2px solid #000;border-radius:30px;
    background:url('../img/common_icon_detail01.png') no-repeat left 50px center;}
.main-section.goods .btn-more2 strong {font-size:30px;vertical-align:bottom;}

ul.goods-list {margin:-30px 0 0 -60px;width:calc(100% + 60px);}
ul.goods-list:after {display:block;content:"";clear:both;}
ul.goods-list>li {float:left;margin:30px 0 0 60px;display:block;width:calc((100% - 240px)/4);height:432px;color:#000;}
ul.goods-list>li a {display:block;text-align:center;}
ul.goods-list>li .pic img {display:block;/*width:100%;*/width:280px;height:280px;}
ul.goods-list>li .tit {margin-top:20px;font-size:20px;line-height:21.5px;font-weight:400;color:#333;letter-spacing:-1px;font-family:'GmarketSansBold';word-break:keep-all;max-height:42px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
ul.goods-list>li .dsc {margin-top:15px;font-size:15px;line-height:21px;font-weight:300;letter-spacing:-0.5px;font-family:'GmarketSansMedium';max-height:42px;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;}
ul.goods-list>li .prc {margin-top:15px;font-family:'Campton-LightDEMO';font-size:18px;line-height:18px;}
ul.goods-list>li .prc i {font-style:normal;font-family:'Nanum Gothic';}
ul.goods-list>li .prc .kr {font-family:'Nanum Gothic';}

/*
 * 중간베너
 */
.main-section.banner {}
.main-section.banner > a.main-banner01 {display:block;}
.main-section.banner > a.main-banner01 > img {display:block;max-width:100%;margin:0 auto;}

/*================================================================================================
 * Tablet & Mobile 공용 : ~ 1023px
 *================================================================================================*/
@media (max-width:1023px) /* (max-width:1025px) */
{
}

/*================================================================================================
 * Tablet : 638px~1023px 해상도에서 해석하는 코드 
 *================================================================================================*/
@media (min-width:638px) and (max-width:1023px) /* (max-width:1025px) */
{   
}

/*================================================================================================
 * Mobile : 637px 이하 해상도에서 해석하는 코드
 *================================================================================================*/
@media(max-width:637px)
{
}

/*================================================================================================
 * Mobile : ~379px 해상도에서 해석하는 코드 (해상도 낮은 Mobile)
 *================================================================================================*/
@media (max-width:379px) /* (max-width:1025px) */
{
}