@charset "utf-8";

#container{margin-top:0;margin-bottom:0;width:100%;overflow:hidden;text-align:center;}
#doc-container {background: #f7f7f7;}
#gnb-category .category-wrap {display:block;}
#gnb-category .items>a {background: rgba(0,0,0,.25); border-color: rgba(255,255,255,.05); border-top: 1px solid rgba(255,255,255,.05);}

#doc-contents { padding-bottom: 50px;}
#main-index {border-bottom: 0px solid #d9d9d9; margin-bottom:30px;}
#main-index .doc-wrap {position: relative;}

.main-index-swipe {position: relative; width: 100%; max-height: 500px; margin: 0;}
.main-index-swipe .swiper-stage {width:100%; position: relative; overflow: hidden; height: 100%; z-index: 1;}
.main-index-swipe .swiper-stage .swiper-slide a img{max-width:100%;}
.main-index-swipe .swiper-stage .ctrl {position: absolute; right:0; bottom:35px; padding: 0 8px; border-radius: 22px; background: #30343b; background: rgba(0,0,0,.2); line-height: 44px; color: #fff; letter-spacing: -3px; z-index:2;}
.main-index-swipe .swiper-stage .ctrl .cnt { padding-left: 14px; font-size: 14px; font-family: Tahoma; letter-spacing: 0; vertical-align: middle;}
.main-index-swipe .swiper-stage .ctrl .cnt span {display: inline-block;}
.main-index-swipe .swiper-stage .ctrl .cnt span.swiper-pagination-current {font-weight:bold;}
.main-index-swipe .swiper-stage .ctrl button {display: inline-block; padding: 0 12px; line-height: 20px; text-indent: 0; vertical-align: middle; font-size:28px; color:#fff; font-weight:100;}
.main-index-swipe .swiper-stage .ctrl button.prev {border-right: 1px solid rgba(255,255,255,.2);}

#contents_main {width:1240px; text-align:left;margin:0 auto;}
#contents_main:after {content:''; display:block; clear:both;}

height: 54px; padding: 5px 0 0; font-size: 26px; font-weight: normal; letter-spacing: -1px;
margin-left: 10px; color: #666; font-size: 16px; letter-spacing: -0.04em;





.main_category{width:184px;margin:0 10px 15px 0;position:relative}
.main_category ul{text-align:left;padding:10px 0}
.main_category ul li{position:relative}
.main_category ul li a{display:block}
.main_category ul li a.text{width:90%;line-height:18px;margin:0 auto}
.main_category ul li a.text:hover{color:#ca1818}
	/* main category child layer */
.main_category ul li .main_category_child{position:absolute;left:174px;top:-9px;background:#fff;width:157px;border:solid 1px #eaeaea;border-left:solid 2px #b34e43;padding:12px 0;z-index:1000;display:none}
.main_category ul li .main_category_child li{padding:0 7px 0 10px}
.main_category ul li .main_category_child li a{padding-left:9px;line-height:16px}
.main_category ul li .main_category_child li.on a{color:#ca1818;background:url(../imgs/icon/tri_ctg_type.gif) left 3px no-repeat}
.main_category ul li .main_category_arrow{position:absolute;left:168px;top:2px;z-index:1001;display:none}

.mod-tit, .sec-tit {height: 54px; padding: 5px 0 0; font-size: 26px; font-weight: 300; letter-spacing: -1px;}
.widget {position:relative; background: #fff; }



/* 신상품 */
#main_newproduct {width:1240px; margin:0 auto;position:relative;}
#main_newproduct .widget{padding:0 1px; border:1px solid #d9d9d9;}
#main_newproduct .product_grid_box {margin-left:14px;}
#main_newproduct .product_grid_box ul {margin-left:0;}
#main_newproduct .product_grid_box ul li{width:250px; margin:10px 0; margin-right:24px; margin-left:0;}
#main_newproduct .product_grid_box ul li:nth-child(4){margin-right:0; width:246px;}
#main_newproduct .product_grid_box ul li .imgs_box {width:100%; height:100%;}
#main_newproduct .product_grid_box ul li .imgs_box img {width:100%; height:100%;}
#main_newproduct .widget-panel{height:390px; overflow:hidden;}
#main_newproduct .widget:after{position:absolute; top:0; left:0; right:0; bottom:0; border:1px solid #d9d9d9; display:block;}


#main_newproduct .widget-ctrl {position:absolute;top:0;right:0;margin-top:-50px;}
#main_newproduct .widget-prev,
#main_newproduct .widget-next {display:inline-block;width:38px;height:38px;text-indent:-999em;}
#main_newproduct .widget-prev {left:0;background:url(/resource/button/btn_slide_prev.png) left top no-repeat;}
#main_newproduct .widget-next {right:1px;background:url(/resource/button/btn_slide_next.png) left top no-repeat;}
#main_newproduct .widget-prev:hover,
#main_newproduct .widget-next:hover {background-position:0 -38px;}


/* 추천 상품 */
#main_mdproduct {width:1240px;margin:0 auto;}

#main_mdproduct .widget-indicator {text-align:center;padding:20px 0; border:1px solid #d9d9d9; border-bottom:0;}
#main_mdproduct .widget-indicator li {display:inline-block;line-height:20px;vertical-align:top;font-size:15px;font-weight:300; margin:0 30px;}
#main_mdproduct .widget-indicator li a {color:#000;}
#main_mdproduct .widget-indicator li a.current {color:#e74c3c;font-weight:bold;}
#main_mdproduct .widget-panel {position:relative;border:solid 1px #d9d9d9;height:718px;}
#main_mdproduct .widget-panel .banner {position:absolute;left:273px;top:0;width:550px;height:718px;border-left:solid 1px #d9d9d9;border-right:solid 1px #d9d9d9}
#main_mdproduct .product_grid_box ul {margin-left:0}
#main_mdproduct .product_grid_box ul li {margin-top:0;width:274px;margin-left:0;}
#main_mdproduct .product_grid_box ul li .imgs_box,
#main_mdproduct .product_grid_box ul li .cont_box {width:210px;margin:0 auto;}
#main_mdproduct .product_grid_box ul li .imgs_box {margin-top:20px;}
#main_mdproduct .product_grid_box ul li .imgs_box img {width:210px;height:210px;}
#main_mdproduct .product_grid_box ul li .imgs_box .soldout {width:210px;height:210px;}
#main_mdproduct .product_grid_box ul li .imgs_box .soldout strong {line-height:210px;}
#main_mdproduct .product_grid_box ul li .cont_box {padding:0;margin-top:10px;}
#main_mdproduct .product_grid_box ul li.product1,
#main_mdproduct .product_grid_box ul li.product2 {border-bottom:solid 1px #d9d9d9;height:358px;}
#main_mdproduct .product_grid_box ul li.product2,
#main_mdproduct .product_grid_box ul li.product4 {margin-left:550px;}



/* BEST 상품 */
#main_bestproduct *{box-sizing:content-box;}
#main_bestproduct {width:1240px;margin:0 auto;}
#main_bestproduct .widget-indicator {text-align:center;padding:20px 0; border:1px solid #d9d9d9; border-bottom:0;}
#main_bestproduct .widget-indicator li {display:inline-block; line-height:20px;vertical-align:top;font-size:15px;font-weight:300;margin:0 30px;}
#main_bestproduct .widget-indicator li a {color:#000;}
#main_bestproduct .widget-indicator li a.current {color:#e74c3c;font-weight:bold;}
#main_bestproduct .widget-panel {position:relative;border:solid 1px #d9d9d9;}
#main_bestproduct .product_grid_box ul {margin-left:0}
#main_bestproduct .product_grid_box ul li {margin-top:0;width:250px;height:100%;padding:12px 12px 0;margin-left:0;border-right:solid 1px #d9d9d9;}
#main_bestproduct .product_grid_box ul li.last {border-right:0;padding-right:11px;}
#main_bestproduct .product_grid_box ul li.line {border-top:solid 1px #d9d9d9;}


/* 브랜드 */
#main-brand-swipe {width:1240px; overflow:hidden; padding:15px 20px; overflow:hidden; background:#fff; border:1px solid #d9d9d9;}
.main-brand-swipe .swiper-stage {width:1060px; position: relative; overflow: hidden; height: 100%; z-index: 1;}
.main-brand-swipe .swiper-stage .swiper-slide a img{max-width:100%;}
.main-brand-swipe .swiper-stage .swiper-slide a {display:block; padding: 0 5px 5px;}
.main-brand-swipe .swiper-stage .swiper-slide a span {text-align:center; display:block; padding-top:10px;}
.main-brand-swipe .swiper-stage .ctrl .cnt { padding-left: 14px; font-size: 14px; font-family: Tahoma; letter-spacing: 0; vertical-align: middle;}
.main-brand-swipe .swiper-stage .ctrl .cnt span {display: inline-block;}
.main-brand-swipe .swiper-stage .ctrl .cnt span.swiper-pagination-current {font-weight:bold;}
.main-brand-swipe button {display: block; width:40px; padding: 0 12px; height:40px; line-height: 20px; text-indent: 0; vertical-align: middle; font-size:28px; color:#fff; font-weight:100; z-index:1}
.main-brand-swipe button>i{display: block; width:100%; text-align:center;}
.main-brand-swipe button.prev {position: absolute; left:10px; top:50%; margin-top:-20px;}
.main-brand-swipe button.next {position: absolute; right:10px; top:50%; margin-top:-20px;}
.main-brand-swipe button:before {content: ''; position: absolute; top: 0; left: 0; right: 0; bottom: 0; border-radius: 10em; background: #000; opacity: 0.2; z-index: -1; transition: 0.2s ease-in-out;}

/* 메인 하단 */
#direct-link {width: 1240px; margin: 0 auto; border:1px solid #d9d9d9; background: #fff; display:flex; flex-wrap:wrap;}
#direct-link a {text-decoration:none; cursor: pointer;}
#direct-link .col {position:relative; width:430px; margin-right:40px;}
#direct-link .col .h3 {margin-bottom: 14px; font-size: 19px; font-weight: 400; color: #111; border-bottom: 2px solid #818793; padding-bottom:10px;}
#direct-link .col.fav {margin-top: 25px; margin-left: 25px; margin-bottom:25px;}
.col.fav ul {width:100%; overflow:hidden; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center;}
.col.fav ul li {flex: 1 1 40%; margin: 0 5px 10px 5px;}

.col.fav ul li .btn_m {display:block; height:45px; line-height:45px; border-radius: 3px; border: 1px solid #d4d8d9;  background-color: #fff;}
.col.fav ul li .btn_m > span{ min-width: 160px; display: block; position: relative; padding: 0 20px; font-size: 15px; color: #333;  letter-spacing: -1px; text-align: center;}
#direct-link .col.news {margin-top:25px;}
.col.news li {padding-bottom: 10px;}
.col.news li .category {display: inline-block; margin-right: 15px; color: #3c3c3c; font-size: 14px;}
.col.news li .date {color: #a8a8a8; font-size: 13px;}
.col.news li .tit {width: 100%; padding-top: 6px; text-align: left; }
.col.news li .tit a {display: block; color: #7b7b7b; font-size: 14px; font-weight: 300; letter-spacing: -1px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis;}
.col.news  .btn_more {position: absolute; top: 8px; right: 0; padding-right: 2px; color: #a8a8a8; font-size: 14px;}
#direct-link .aside {margin-top:25px;}
#direct-link .aside .box {position: relative; width: 243px; margin-bottom: 9px; padding: 15px 0 15px 37px; letter-spacing: -1px; border: 1px solid #e3e3e3; border-radius: 10px;}
#direct-link .aside .box strong {line-height: 23px; font-size: 17px; font-weight: 600; color: #3c3c3c;}
#direct-link .aside .box strong span {font-size:20px; font-weight:300; color:#666;}

#direct-link .aside .goodscs {position: relative; padding: 8px 0 8px 35px; letter-spacing: -1px; border: 1px solid #e3e3e3; border-radius: 10px;}
#direct-link .aside .goodscs .strong {line-height: 23px; padding-bottom: 8px; font-size: 16px; font-weight: 600; color: #3c3c3c;}
#direct-link .aside .goodscs .strong span{color:#ff0000;}
#direct-link .aside .goodscs p {padding-top: 2px; color: #000; font-size: 13px; letter-spacing: 0;     font-family: verdana;}
#direct-link .aside .goodscs .bank_name{margin-right:7px; font-family: }
#direct-link .aside .goodscs .bank_account_holder {padding-top:3px; font-weight:600;}

#footer {margin-top:0}


/* 메인이미지
#main_visual {}
#main_visual .widget {width:1920px;height:450px;margin-left:-410px;text-align:center;position:relative;overflow:hidden;}
#main_visual .widget-indicator {position:absolute;left:0;bottom:25px;width:100%;text-align:center;height:13px;}
#main_visual .widget-indicator > a {display:inline-block;*zoom:1;*display:inline;width:13px;height:13px;margin:0 2px;background:url(../button/btn_indicator.png) left top no-repeat;vertical-align:top;text-indent:-999em;}
#main_visual .widget-indicator > a.current {background-position:-20px 0;}
#main_visual .widget-prev,
#main_visual .widget-next {position:absolute;top:50%;margin-top:-28px}
#main_visual .widget-prev {left:50%;margin-left:-550px;}
#main_visual .widget-next {left:50%;margin-left:519px;}
#main_visual .widget-panel {height:450px}
 */

 /* 상품슬라이드
#main_newproduct {width:1240px;margin:80px auto 0;}
#main_newproduct h2 {height:30px;vertical-align:top;text-align:center;}
#main_newproduct .widget {position:relative;}
#main_newproduct .widget-prev,
#main_newproduct .widget-next {position:absolute;top:136px;width:38px;height:38px;text-indent:-999em;}
#main_newproduct .widget-prev {left:0;background:url(../button/btn_slide_prev.png) left top no-repeat;}
#main_newproduct .widget-next {right:1px;background:url(../button/btn_slide_next.png) left top no-repeat;}
#main_newproduct .widget-prev:hover,
#main_newproduct .widget-next:hover {background-position:0 -38px;}
 */

 /* 배너2열
#main_banner2cols {width:1240px;margin:60px auto 0;}
#main_banner2cols ul {overflow:hidden;}
#main_banner2cols li {float:left;}
#main_banner2cols li.last {float:right;}
*/

/* 상품+베너탭
#main_mdproduct {width:1240px;margin:80px auto 0;}
#main_mdproduct h2 {height:40px;vertical-align:top;text-align:center;}
#main_mdproduct .widget-indicator {text-align:center;}
#main_mdproduct .widget-indicator li {display:inline-block;*zoom:1;*display:inline;line-height:20px;vertical-align:top;font-size:15px;margin:0 30px;}
#main_mdproduct .widget-indicator li a {color:#000;}
#main_mdproduct .widget-indicator li a.current {color:#e74c3c;font-weight:bold;}
#main_mdproduct .widget-panel {position:relative;border:solid 1px #ededed;height:718px;margin-top:20px;}
#main_mdproduct .widget-panel .banner {position:absolute;left:273px;top:0;width:550px;height:718px;border-left:solid 1px #ededed;border-right:solid 1px #ededed}
#main_mdproduct .product_grid_box ul {margin-left:0}
#main_mdproduct .product_grid_box ul li {margin-top:0;width:274px;margin-left:0;}
#main_mdproduct .product_grid_box ul li .imgs_box,
#main_mdproduct .product_grid_box ul li .cont_box {width:210px;margin:0 auto;}
#main_mdproduct .product_grid_box ul li .imgs_box {margin-top:20px;}
#main_mdproduct .product_grid_box ul li .imgs_box img {width:210px;height:210px;}
#main_mdproduct .product_grid_box ul li .imgs_box .soldout {width:210px;height:210px;}
#main_mdproduct .product_grid_box ul li .imgs_box .soldout strong {line-height:210px;}
#main_mdproduct .product_grid_box ul li .cont_box {padding:0;margin-top:10px;}
#main_mdproduct .product_grid_box ul li.product1,
#main_mdproduct .product_grid_box ul li.product2 {border-bottom:solid 1px #ededed;height:358px;}
#main_mdproduct .product_grid_box ul li.product2,
#main_mdproduct .product_grid_box ul li.product4 {margin-left:550px;}
*/

/* 배너슬라이드
#main_bannerslide {margin-top:80px;}
#main_bannerslide .widget {width:1920px;margin-left:-410px;height:180px;text-align:center;position:relative;overflow:hidden;}
#main_bannerslide .widget-prev,
#main_bannerslide .widget-next {position:absolute;top:50%;margin-top:-15px}
#main_bannerslide .widget-prev {left:50%;margin-left:-550px;}
#main_bannerslide .widget-next {left:50%;margin-left:520px;}
#main_bannerslide .widget-panel {height:180px}
*/

/* 상품탭
#main_bestproduct {width:1240px;margin:80px auto 0;}
#main_bestproduct h2 {height:40px;vertical-align:top;text-align:center;}
#main_bestproduct .widget-indicator {text-align:center;}
#main_bestproduct .widget-indicator li {display:inline-block;*zoom:1;*display:inline;line-height:20px;vertical-align:top;font-size:15px;margin:0 30px;}
#main_bestproduct .widget-indicator li a {color:#000;}
#main_bestproduct .widget-indicator li a.current {color:#e74c3c;font-weight:bold;}
#main_bestproduct .widget-panel {position:relative;border:solid 1px #ededed;margin-top:20px;}
#main_bestproduct .product_grid_box ul {margin-left:0}
#main_bestproduct .product_grid_box ul li {margin-top:0;width:250px;height:387px;padding:12px 12px 0;margin-left:0;border-right:solid 1px #ededed;}
#main_bestproduct .product_grid_box ul li.last {border-right:0;padding-right:11px;}
#main_bestproduct .product_grid_box ul li.line {border-top:solid 1px #ededed;}
*/

/* 인스타그램 */
#instaPics { width:1240px;margin:0 auto; overflow: hidden;clear:both;text-align:left;}
#instaPics h2 {margin-top:60px;text-align:center;}
#instaPics ul {overflow:hidden;margin-left:-25px;margin-top:21px;}
#instaPics li {width:200px;margin-left:25px;margin-bottom:25px;position: relative; float:left;}
#instaPics li > a span {display:block;}
#instaPics li .image-layer { overflow: hidden; width: 100%; height: 100%; }  
#instaPics li .image-layer img { width: 100%; height:100%;}  
#instaPics li .caption-layer {display: none; position: absolute; top: 0; background: rgba(0,0,0,0.6); width: 100%; height: 100%; font-size: 11px; color: #fff; text-align: center; margin: auto; vertical-align: middle;}
#instaPics li .caption-layer .insta-caption{position: relative; padding:0 20px; display: block; vertical-align: middle; margin-top: 40%; line-height:16px; max-height:32px;overflow:hidden}
#instaPics li .caption-layer .insta-likes { position: relative; display: block; vertical-align: middle; font-size: 12px; font-weight: 600; margin-top: 10px;}


/* 전체배너
#main_bannerfull {margin-top:80px;}
#main_bannerfull .widebanner {width:1920px;margin-left:-410px;text-align:center;}
*/


.product_grid_box ul li .cont_box .icons {
    display: block;
    text-align: center;
    margin-top: 5px;
    height: 18px;
	position: absolute;
	top: 0;
}