/* BASIC css start */
/* 메인_롤링 배너 */
#main_Slide { position:relative; width:100%; height:460px; overflow:hidden; margin-bottom:20px; }
#main_Slide .bx-spot { margin-left:-960px; position:absolute; top:0; left:50%; width:1920px; height:460px }
#main_Slide .bx-spot .bx-pager { position:absolute; bottom:80px; left:0; width:100%; text-align:center; z-index:50 }
#main_Slide .bx-spot .bx-pager .bx-pager-item { padding:0 4px; display:inline-block }
#main_Slide .bx-spot .bx-pager .bx-pager-item a { display:block; width:12px; height:12px; text-indent:-9999em; background:url(/design/kich/10587/es_php/main/sp_spot_pager.png) 0 0 no-repeat }
#main_Slide .bx-spot .bx-pager .bx-pager-item a.active { background-position:0 -12px }

#main_Slide .bx-spot .main_slider_wrap { overflow-x: hidden; min-width: 1200px;}
#main_Slide .bx-spot .main_slider_wrap .f2s-swiper{left: 50%; position: relative; transform: translateX(-50%); -webkit-transform: translateX(-50%); width: 2000px;}




/* 메인_자사 브랜드 */
#main_kich { width:100%;  height: 165px; background:url(/design/kich/10275/main/bg_02.gif); }
#main_kich .brand  { width:1200px; margin:20px auto; }
#main_kich .brand ul {}
#main_kich .brand ul li { float:left; padding:16px 13px 0 0px; }
#main_kich .brand ul li h1 { text-align:center; padding-top:10px; }
#main_kich .brand ul li h2 { text-align:center; padding:7px 0; }




/* 타이틀 제목_공통 (width만 수정) */
.main_tit { margin:30px 0 20px; position:relative; background:url(/design/kich/10275/main_tit_bg.gif) 0 0 repeat;  }


#product_mdpick h2 { font-size:30px; font-family:'Montserrat' !important; text-align:center; font-weight:500; background-color:#fff; margin-left:auto; margin-right:auto;  width:17%; }
#product_recitem h2 {font-size:30px; font-family:'Montserrat' !important; text-align:center; font-weight:500; background-color:#fff; margin-left:auto; margin-right:auto;   width:30%; }
#main_brand h2 { font-size:30px; font-family:'Montserrat' !important; text-align:center; font-weight:500; background-color:#fff; margin-left:auto; margin-right:auto;  width:17%; }


/* 메인 상품 리스트 */
.product-list { margin:0 auto; position:relative; width:1200px; overflow:hidden }




/* 상품리스트_MD PICK! */
#product_mdpick { margin:0 auto; position:relative; width:1200px; overflow:hidden }
#product_mdpick .item-wrap .item-hd { margin: 80px 0 40px 0; background: url(/images/d3/hot_issue/common/bd_line_gray.gif) repeat-x 0 60%; }
#product_mdpick .item-wrap .nbg { background: none; text-align: center; }
#product_mdpick .item-wrap .item-info { height:90px; *zoom:1; overflow: hidden }
#product_mdpick .item-wrap .item-info:after { display:block; clear:both; content:'' }
#product_mdpick .item-wrap .item-info .item-total { padding-top:60px; float: left; color:#666 }
#product_mdpick .item-wrap .item-info .item-total strong { color:#d72a2a }
#product_mdpick .item-wrap .item-info .item-order { padding-top:35px; float: right }
#product_mdpick .item-wrap .item-info .item-order li { float: left; padding:25px 10px 0; background: url(/design/kich/10587/coffeehapy/phps/common/blit_line_1x11.gif) no-repeat 100% 29px; }
#product_mdpick .item-wrap .item-info .item-order li.nobg { background: none; }
#product_mdpick .item-wrap .item-info .item-order li a { font-size: 12px; color:#666 }
#product_mdpick .item-wrap .item-info .item-order li a .on { color:#333 }

#product_mdpick .item-wrap { width:1200px; overflow:hidden }
#product_mdpick .item-wrap .item-cont { padding-bottom:15px; width:1200px; *zoom:1 }
#product_mdpick .item-wrap .item-cont:after { display:block; clear:both; content:'' }
#product_mdpick .item-wrap .item-cont .item-list { margin:0 5px 0 0; float:left; width:295px; background-color:#cccccc3b; }
#product_mdpick .item-wrap .item-cont .item-list .thumb { width:260px }
#product_mdpick .item-wrap .item-cont .item-list .thumb img { width:260px; height:260px; margin:17px 17px 0 17px; }
#product_mdpick .item-wrap .item-cont .item-list dd { }
#product_mdpick .item-wrap .item-cont .item-list .prd-icon { padding-top:5px; height:20px; }
#product_mdpick .item-wrap .item-cont .item-list .prd-info { padding:10px 8px; text-align:center; }
#product_mdpick .item-wrap .item-cont .item-list .prd-info .prd-brand { height:15px; font-size:13px; color:#333; font-weight:bold }
#product_mdpick .item-wrap .item-cont .item-list .prd-info .prd-name { padding-top:3px; height:30px; }
#product_mdpick .item-wrap .item-cont .item-list .prd-info .prd-name a { display:block; font-size:14px; height:40px; overflow:hidden  }
#product_mdpick .item-wrap .item-cont .item-list .prd-info .prd-price { padding-top:10px; height:40px; *zoom:1 }
#product_mdpick .item-wrap .item-cont .item-list .prd-info .prd-price:after { display:block; clear:both; content:'' } 
#product_mdpick .item-wrap .item-cont .item-list .prd-info .prd-price .price-discount { float:left; font-size:38px; color:#555; font-weight:bold; letter-spacing:-1px }
#product_mdpick .item-wrap .item-cont .item-list .prd-info .prd-price .price-discount span { font-size:26px; font-weight:normal }
#product_mdpick .item-wrap .item-cont .item-list .prd-info .prd-price .price-info-2 { }
#product_mdpick .item-wrap .item-cont .item-list .prd-info .prd-price .price-info-2 strike { font-size:14px; color:#aaa }
#product_mdpick .item-wrap .item-cont .item-list .prd-info .prd-price .price-info-2 span { color:#005cc3 }
#product_mdpick .item-wrap .item-cont .item-list .prd-info .prd-price .price-info-2 .won { font-size:16px }
#product_mdpick .item-wrap .item-cont .item-list .prd-info .prd-price .price-info-2 .price { font-size:20px; font-weight:500; line-height:26px; letter-spacing:-1px }
#product_mdpick .item-wrap .item-cont .item-list .prd-btm { position:relative; height:39px }

#product_mdpick .item-wrap .item-cont .item-list .prd-btm .prd-ico span { line-height:39px }
#product_mdpick .item-wrap .item-cont .item-list .prd-btm .prd-ico img { margin-right:2px; vertical-align:middle }
#product_mdpick .item-wrap .item-cont .item-list .prd-btm .btn-preview { position:absolute; top:0; right:0 }
#product_mdpick .item-wrap .item-cont .item-list .prd-btm .btn-preview a { display:block; width:40px; height:39px; text-indent:-9999em; background:url(/design/kich/10587/es_php/common/btn_preview.gif) 0 0 no-repeat }






/* 상품리스트_RECOMMEND ITEMS */
#product_recitem { width:1200px; margin:0 auto;}
#product_recitem ul.tabs{ margin: 0px; padding: 0px; list-style: none;}
#product_recitem ul.tabs li { width:120px; background: none;color: #222;display: inline-block;padding: 10px 15px;cursor: pointer;}
#product_recitem ul.tabs li .current { width:120px; background: #ededed; color: #222; }
#product_recitem .tab-content{ display: none; }
#product_recitem .tab-content.current{ display: inherit;}

#product_recitem #tab-1 { width:1200px; height:620px; border:1px solid #ccc; }
#product_recitem #tab-2 { width:1200px; height:620px; border:1px solid #ccc; }

#product_recitem .item-main { float:left; width:455px; height:590px;  margin:15px; }
#product_recitem .item-cont { float:right; width: 715px; overflow: hidden; }
#product_recitem .item-cont:after { content: ""; display: block; clear: both; }
#product_recitem .item-cont .item-list { float: left; width: 230px; margin: 15px 3px; text-align: center; }
#product_recitem .item-cont .item-list dt img { width: 220px; height: 220px; }
#product_recitem .item-cont .item-list dt img:hover { background: rgba(0,0,0, 0.4); opacity:0.6; }
#product_recitem .item-cont .item-list .prd-name { margin-top: 8px; font-size:13px; }
#product_recitem .item-cont .item-list .prd-info {  margin-top: 4px; font-weight: bold; color:#eb4847; }
#product_recitem .item-cont .item-list .prd-info .prd-price {margin-right:8px; color:#999; font-weight:normal; text-decoration:line-through; }
#product_recitem .item-cont .item-list .color,
#product_recitem .item-cont .item-list .preview { margin-top: 4px; }
#product_recitem .item-info { zoom: 1; overflow: hidden; padding: 35px 0 10px 0; background: url(/images/d3/casual_style/common/bg_w10_h8_line.gif) repeat-x 0 100%; }
#product_recitem .item-info .item-total { float: left; padding-left: 20px; }
#product_recitem .item-info .item-order { float: right; }
#product_recitem .item-info .item-order li { float: left; padding: 0 5px; }
#product_recitem .item-info .item-order li a { font-size: 11px; }
#product_recitem .item-page { margin-top: 60px; text-align: center; }
#product_recitem .item-page a { padding: 0 4px; }
#product_recitem .item-page a:hover, #main_adult #tab-1 .item-page a.now { color: #555; font-weight: bold; letter-spacing: -1px; }




/* 상품리스트_main_brand */
#main_brand { position:relative; width:100%; height:520px;}
#main_brand .brand {width:1200px; margin: 0 auto; margin-top:25px; }
#main_brand .brand .brand_rolling { float: left; width: 549px; height: 450px; background-color:#e38787; margin-right: 5px; }

#main_brand .brand .brand_right { float: left; width: 645px; height: 450px;}

#main_brand .brand .brand_right .b01 { width:645px; height:200px; margin-bottom:5px; overflow:hidden;  }
#main_brand .brand .brand_right .b01 .scale {  -webkit-transform: scale(1); -moz-transform: scale(1);
  -ms-transform: scale(1);  -o-transform: scale(1);  transform: scale(1);
  -webkit-transition: all 0.4s ease-in-out; //부드러운 모션을 위해 추가
  -moz-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out; }
#main_brand .brand .brand_right .b01 .scale:hover {  -webkit-transform: scale(1.01);  -moz-transform: scale(1.01);
  -ms-transform: scale(1.01);  -o-transform: scale(1.01);  transform: scale(1.01);}

#main_brand .brand .brand_right .b02 { float: left; width:320px; height:245px; margin-right: 5px; overflow:hidden;  }
#main_brand .brand .brand_right .b02 .scale {  -webkit-transform: scale(1); -moz-transform: scale(1);
  -ms-transform: scale(1);  -o-transform: scale(1);  transform: scale(1);
  -webkit-transition: all 0.4s ease-in-out; //부드러운 모션을 위해 추가
  -moz-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out; }
#main_brand .brand .brand_right .b02 .scale:hover {  -webkit-transform: scale(1.01);  -moz-transform: scale(1.01);
  -ms-transform: scale(1.01);  -o-transform: scale(1.01);  transform: scale(1.01);}

#main_brand .brand .brand_right .b03 { float: left; width:320px; height:245px; overflow:hidden;  }
#main_brand .brand .brand_right .b03 .scale {  -webkit-transform: scale(1); -moz-transform: scale(1);
  -ms-transform: scale(1);  -o-transform: scale(1);  transform: scale(1);
  -webkit-transition: all 0.4s ease-in-out; //부드러운 모션을 위해 추가
  -moz-transition: all 0.4s ease-in-out;  transition: all 0.4s ease-in-out; }
#main_brand .brand .brand_right .b03 .scale:hover {  -webkit-transform: scale(1.01);  -moz-transform: scale(1.01);
  -ms-transform: scale(1.01);  -o-transform: scale(1.01);  transform: scale(1.01);}

#main_best { width:1200px; margin:0 auto;}
.image_list {clear:both;overflow: hidden;position: relative; height: 630px; cursor:pointer; border:1px solid #ccc; border-top:hidden;}
.image_list .images {position:absolute; display:none; }

.mainBest { cursor:pointer; float:left;}
.mainBest li { width:170px; padding:10px 0 10px 0; float:left; font-size:14px; letter-spacing:-1px; border:1px solid #ccc; border-top:1px solid #666; border-left:hidden; text-align:center; background-color:#e3e3e3;  }
.mainBest li.tabOutClass { color:#333333; }
.mainBest li.tabOverClass { font-weight:bold; color:#15478c; background-color:#fff; border-bottom-color:#fff;}









.mainBest { cursor:pointer; float:left;}
.mainBest li { width:170px; padding:10px 0 10px 0; float:left; font-size:14px; letter-spacing:-1px; border:1px solid #ccc; border-top:1px solid #666; border-left:hidden; text-align:center; background-color:#e3e3e3;  }
.mainBest li.tabOutClass { color:#333333; }
.mainBest li.tabOverClass { font-weight:bold; color:#15478c; background-color:#fff; border-bottom-color:#fff;}





#monthlyevent { margin:0 auto; position:relative; width:1200px; overflow:hidden; margin-bottom:10px; }
#monthlyevent ul h3 { display:block; text-align:center; font-size:17px; margin-top:15px; letter-spacing:-1px; }
#monthlyevent ul h3 span { display:block; text-align:center; font-size:14px; margin-top:10px; letter-spacing:-1px; color:#666;    }
#monthlyevent ul .m1 { float:left; width:390px; height:300px; border:1px solid #eee; margin-right:12px; }
#monthlyevent ul .m2 { float:left; width:390px; height:300px; border:1px solid #eee; margin-right:12px; }
#monthlyevent ul .m3 { float:left; width:390px; height:300px; border:1px solid #eee; }




/* .item-tab01*/
.item-tab01 .item-info { zoom: 1; overflow: hidden; padding: 35px 0 10px 0; background: url(/images/d3/casual_style/common/bg_w10_h8_line.gif) repeat-x 0 100%; }
.item-tab01 .item-info .item-total { float: left; padding-left: 20px; }
.item-tab01 .item-info .item-order { float: right; }
.item-tab01 .item-info .item-order li { float: left; padding: 0 5px; }
.item-tab01 .item-info .item-order li a { font-size: 11px; }
.item-tab01 .item-cont { zoom: 1; overflow: hidden; }
.item-tab01 .item-cont:after { content: ""; display: block; clear: both; }
.item-tab01 .item-cont .item-list { float: left; width: 233px; margin: 15px 3px; text-align: center; }
.item-tab01 .item-cont .item-list dt img { width: 220px; height: 220px; }
.item-tab01 .item-cont .item-list dt img:hover { background: rgba(0,0,0, 0.4); opacity:0.6; }
.item-tab01 .item-cont .item-list .prd-name { margin-top: 8px; font-size:13px; }
.item-tab01 .item-cont .item-list .prd-info {  margin-top: 4px; font-weight: bold; color:#eb4847; }
.item-tab01 .item-cont .item-list .prd-info .prd-price {margin-right:8px; color:#999; font-weight:normal; text-decoration:line-through; }
.item-tab01 .item-cont .item-list .color,
.item-tab01 .item-cont .item-list .preview { margin-top: 4px; }
.item-tab01 .item-page { margin-top: 60px; text-align: center; }
.item-tab01 .item-page a { padding: 0 4px; }
.item-tab01 .item-page a:hover,
.item-tab01 .item-page a.now { color: #555; font-weight: bold; letter-spacing: -1px; }








/* 중간 띠배너1 */
#column_mid_bn1 { position:relative; width:100%; height:300px; background:url(/design/kich/10587/es_php/main/mid_bn01_bg.jpg) 0 0 repeat }
#column_mid_bn1 .bn-inner { margin-left:-600px; position:absolute; top:0; left:50%; width:1200px; height:300px }
#column_mid_bn1 .bn-inner .thmb { position:absolute; top:0; left:0; width:100% }
#column_mid_bn1 .bn-inner .bn-center { margin:0 auto; position:relative; width:1200px; height:300px }
#column_mid_bn1 .bn-inner .bn-center .btn-detail { display:block; position:absolute; left:89px; top:347px; width:151px; height:45px; text-indent:-9999em }
#column_mid_bn1 .bn-inner .bn-center .img { position:absolute; top:-81px; right:57px }

/* 중간 띠배너2 */
#column_mid_bn2 { margin:65px auto 0; position:relative; width:1200px; height:260px }
#column_mid_bn2 img { width:100%; height:260px }

/* 로고 롤링 */
.lightSlider:before, .lightSlider:after {  content: " ";  display: table;}
.lightSlider { overflow: hidden; }
.lSSlideWrapper {  max-width: 100%; overflow: hidden; position: relative; }
.lSSlideWrapper > .lightSlider:after { clear: both; }
.lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px);
    -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px);
    -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform,height;
    -moz-transition-property: -moz-transform,height;
    transition-property: transform,height;
    -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important;
    -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}

/* slider actions */

.main_logo {width: 1200px; margin: 0 auto; }
.main_logo .item{ margin: 30px 0;  }
.main_logo .content-slider li { width:200px; border:1px solid #eee; }
.main_logo .content-slider .clone left { width:200px; border:1px solid #eee; }
.main_logo .content-slider h3 {margin: 0;  }

.main_logo .lightSlider:before, .lightSlider:after {  content: " ";  display: table;}
.main_logo .lightSlider { overflow: hidden; }
.main_logo .lSSlideWrapper {  max-width: 100%; overflow: hidden; position: relative; }
.main_logo .lSSlideWrapper > .lightSlider:after { clear: both; }
.main_logo .lSSlideWrapper .lSSlide {
    -webkit-transform: translate(0px, 0px); -ms-transform: translate(0px, 0px);
    transform: translate(0px, 0px); -webkit-transition: all 1s;
    -webkit-transition-property: -webkit-transform,height; -moz-transition-property: -moz-transform,height;
    transition-property: transform,height; -webkit-transition-duration: inherit !important;
    transition-duration: inherit !important; -webkit-transition-timing-function: inherit !important;
    transition-timing-function: inherit !important;
}

.main_logo .lSAction > a { width: 32px; display: block;  top: 50%;  height: 32px;  background-image: url('/design/kich/10587/controls.png');
    cursor: pointer; position: absolute; z-index: 9999; margin-top: -16px; opacity: 0.5;
    -webkit-transition: opacity 0.35s linear 0s;transition: opacity 0.35s linear 0s;}
.main_logo .lSAction > a:hover { opacity: 1;}
.main_logo .lSAction > .lSPrev { background-position: 0 0; left: 10px; }
.main_logo .lSAction > .lSNext { background-position: -32px 0; right: 10px; }
.main_logo .lSAction > a.disabled { pointer-events: none;}
.main_logo .cS-hidden { height: 1px; opacity: 0; filter: alpha(opacity=0);overflow: hidden;}

.main_logo .lSSlideOuter .lightSlider > *,  .lSSlideOuter .lSGallery li { float: left;}
.main_logo .lSSlideOuter.lSrtl .lightSlider > *,  .lSSlideOuter.lSrtl .lSGallery li {  float: right !important;}

/* BASIC css end */

