/* BASIC css start */
#contentWrapper {padding-bottom:0;}

/* 공통 */
.main_title {text-align:center;margin:100px auto 50px;width:1280px;}
.main_title .txt1 {font-size:25px;color:#222;font-weight:700; line-height:1; position:relative;}
.main_title .txt2 { font-size:13px;color:#777;line-height:1; font-weight:400; padding-top:10px;}

/* 메인 슬라이드 */
.slider-main {width:100%;height:540px; margin:0px auto; padding:0px;background:#f5f5f5;}
.slider-main .sliderkit-go-btn { position:absolute; top:0px; z-index:100;}
.slider-main .sliderkit-btn-inner {width:1280px; position:relative; text-align:center; margin:0 auto;}
.slider-main .sliderkit-go-prev {left:50px;}
.slider-main .sliderkit-go-next {right:70px;}
.slider-main .sliderkit-go-prev a { position:absolute; width:28px; height:50px; cursor:pointer; background:url("/design/yjm0515/new/main/btn_left.png") no-repeat;margin-top:220px;}
.slider-main .sliderkit-go-next a { position:absolute; width:28px; height:50px; cursor:pointer; background:url("/design/yjm0515/new/main/btn_right.png") no-repeat;margin-top:220px;}
.slider-main .sliderkit-go-btn span{display:none;}
.slider-main .sliderkit-nav {position:absolute; top:500px; width:100%; font-size:0px;}
.slider-main .sliderkit-nav-clip ul {display:inline-block;  text-align:center;}
.slider-main .sliderkit-nav-clip li a{margin:0px 3px; padding:0px 20px; height:28px;width:130px;line-height:28px;  border:1px solid #e9e9e9; background-color:#fff;  border-radius:28px; color:#555; outline:1px solid transparent; cursor:pointer; font-size:12px; letter-spacing:-0.3px;}
.slider-main .sliderkit-nav-clip li.sliderkit-selected a{ border:1px solid #01498c; cursor:pointer;  background-color:#01498c; color:#fff; outline:1px solid transparent;}
.slider-main .sliderkit-nav-clip li a {-webkit-transition: .2s ease-in-out; transition: .2s ease-in-out;}
.slider-main .sliderkit-panels {width:1280px; height:540px; overflow:hidden; padding:0px; margin:0 auto; text-align:center; background-color:#fff;}
.slider-main .sliderkit-panel {width:100%; height:540px; overflow:hidden; padding:0px;margin:0px;}
.slider-main .sliderkit-panel a {width:100%; height:540px;display:block;}
.slider-main .sliderkit-go-btn {z-index: 100; pointer-events: auto;}
.slider-main .sliderkit-panel img {pointer-events: none; /* 이미지가 클릭 방해 못 하게 */}

/* 4단 배너 */
.event_bn_area {padding-top:40px; width:1280px; height:130px;margin:0 auto;}
.event_bn {float:left; width:320px; height:130px; border:0; position:relative;}
.event_bn a {width:320px; height:130px; display:block;}
.event_bn img {float:left;text-align:left; position:absolute;top:43px;left:0px;}	
.event_bn .inner_txt {float:left;text-align:left; position:absolute;top:38px;left:60px;}
.event_bn .inner_txt .txt01 {font-size:16px; font-weight:700; color:#eb2a33;}
.event_bn .inner_txt .txt02 {font-size:14px; color:#222; letter-spacing:-0.3px; padding-top:12px;line-height:160%;}

/* 카테고리별 베스트 */
.cate-tab { width:1280px;text-align:left;margin:0 auto 70px;}
.cate-tab .sliderkit-nav { position:relative !important; width:1280px; height:48px; }
.cate-tab .sliderkit-nav-clip{ position:absolute; top:0px; left:0px; text-align:left; width:1280px;}
.cate-tab .sliderkit-nav-clip li {padding:0px; margin:0px; height:49px;list-style:none; width:33.3%; }
.cate-tab .sliderkit-nav-clip li a {cursor:pointer; text-align:center; height:47px; display:block;  font-size:14px; background-color:#fbfbfb;  border:1px solid #dedede; line-height:45px;
border-bottom:1px solid #dedede; border-left:1px solid #f9f9f9;}
.cate-tab .sliderkit-nav-clip li:first-child a {border-left:1px solid #dedede;}
.cate-tab .sliderkit-nav-clip li.sliderkit-selected a {height:47px;  color:#222; background-color:#fff; border-top:2px solid #4a4a4a; border-bottom:1px solid #fff; font-weight:700;}
.cate-tab .sliderkit-panels {width:1278px; border:1px solid #dedede;border-top:0px;}
.cate-tab .sliderkit-panel {width:1278px; position:relative !important; padding-top:40px;}
.cate-tab .tab-item {margin:0;}
.cate-tab .prd-list table td {padding:15px;vertical-align:top;}

/* 상품정렬 */
.main-item { width:1280px; margin:0 auto 70px;}
.main-item:after { content: ""; display: block; clear: both }
.main-item .pro-item { display: inline-block; vertical-align:top; margin:0 28px 50px; width:260px; }
.main-item .pro-item .thumb { width:260px; height:260px; overflow:hidden }
.main-item .pro-item .thumb img { width:258px;  height:258px;border:1px solid #f3f3f3; }
.main-item .pro-item .prd-icon {height:17px;margin-top:7px;display:none;}
.main-item .pro-item .prd-icon img {margin-right:5px;display:none; }
.main-item .pro-item .prd-name { padding-top:5px;height:auto;}
.main-item .pro-item .prd-name a { display:block; color:#1c1c1c; line-height:150%; text-overflow:ellipsis;word-wrap:normal;font-size: 13px;font-weight:600;margin-bottom:3px;}
.main-item .pro-item .prd-subname {color:#e60012/*#8b8b8b*/;text-align:left;font-size: 14px; }
.main-item .pro-item .prd-price { padding-top:3px;float:left; }
.main-item .pro-item .prd-price strike { color:#707070 }
.main-item .pro-item .prd-price .price { color:#333;font-size:14px; }
.main-item .pro-item .prd-color { padding-top:5px }
.main-item .pro-item .prd-preview {padding:0;display:inline-block;float:right;}

/* 이벤트 배너 */
.event-bn {width:100%; height:150px;}
.event-bn .sliderkit-go-btn{ position:absolute; top:0px; z-index:10; }
.event-bn .sliderkit-btn-inner {width:1280px; position:relative;  margin:0 auto;}
.event-bn .sliderkit-nav {position:absolute; top:15px; right:15px;  width:100%; font-size:0px;  text-align:right !important;}
.event-bn .sliderkit-nav-clip ul { display:inline-block; }
.event-bn .sliderkit-nav-clip li a { text-align:center; margin:0px 2px; width:16px; height:16px; line-height:16px;  background-color:#fff;  border-radius:16px; color:#555;  cursor:pointer; font-size:12px; letter-spacing:-0.3px;}
.event-bn .sliderkit-nav-clip li.sliderkit-selected a{  cursor:pointer;  background-color:#222; color:#fff;}
.event-bn .sliderkit-panels{width:100%; height:150px; overflow:hidden; padding:0px; margin:0; }
.event-bn .sliderkit-panel {width:100%; height:150px; overflow:hidden; padding:0px;margin:0px; text-align:center;}

/* 인스타그램 */
#instagram {overflow: hidden;width:1280px; margin:0 auto 120px;}
.instagram_item {float:left;width: 255px;padding-right: 1px; padding-bottom: 1px;}
.instagram_item > a {display: block;width: 100%;padding-top: 100%;position: relative;background: no-repeat center center;background-size: cover;}
.instagram_item > a:before {content: '';position: absolute;left: 0;right: 0;top: 0;bottom: 0;background: #000000;background: rgba(0, 0, 0, .8);background: -webkit-radial-gradient(center, ellipse cover, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);background: -webkit-radial-gradient(center, ellipse, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);background: radial-gradient(ellipse at center, rgba(0, 0, 0, .5) 0%, rgba(0, 0, 0, .8) 100%);z-index: 1;opacity: 0;-webkit-transition: opacity .55s cubic-bezier(.215, .61, .355, 1);transition: opacity .55s cubic-bezier(.215, .61, .355, 1);}
.instagram_item p {width: 90%;padding:10px;position: absolute;left: 0;top:50%; font-size: 12px;font-weight: 400;text-align: left;color: #fff;transform: translateY(-50%);z-index: 2;opacity: 0;-webkit-transition: opacity .55s cubic-bezier(.215,.61,.355,1);transition: opacity .55s cubic-bezier(.215,.61,.355,1);}
.instagram_item > a:hover:before {opacity: 1;}
.instagram_item > a:hover p {opacity: 1;}

/* 고정 이미지 배너 */
.fixedBnnr {width:100%; height:230px; background:url("/design/d4-0815/wib/img/banner/parallax.jpg") center top no-repeat fixed }
/*.fixedBnnr .inner { margin:0 auto; position:relative; width:1100px; text-align:center; }*/

/* 슬라이드 공통 */
.sliderkit {display:none;}
.sliderkit img {border:0;}
.sliderkit .sliderkit-nav {z-index:10; position:absolute;   text-align:center;}
.sliderkit .sliderkit-nav-clip {position:relative;overflow:hidden;margin:0 auto;}
.sliderkit .sliderkit-nav-clip ul {position:relative;left:0;top:0;list-style:none;margin:0;padding:0;}
.sliderkit .sliderkit-nav-clip ul li {float:left;}
.sliderkit .sliderkit-nav-clip ul li a {display:block;overflow:hidden;}
.sliderkit .sliderkit-btn {z-index:10 ;}
.sliderkit .sliderkit-panel {z-index:1; position:absolute; overflow:hidden;}
.sliderkit .sliderkit-panel-active {z-index:5;}
.sliderkit .sliderkit-panel-old {z-index:4;}
.sliderkit .sliderkit-panel .sliderkit-panel-textbox {position:absolute;z-index:1;}
.sliderkit .sliderkit-panel .sliderkit-panel-text {position:absolute;z-index:3;top:0;left:0;}
.sliderkit .sliderkit-panel .sliderkit-panel-overlay {position:absolute;z-index:2;top:0;left:0;}

/* 커뮤니티 */
.community {background:#f8f8f8;padding:5px 0 100px 0;width:100%}
.com-box {width:1250px; margin:0 auto;overflow:hidden;padding-left:30px;background:#f8f8f8;}
.com-box .board-tab {float:right; width:600px; margin-right:30px;}
.com-box .board-tab .com-tab {height:335px; background:#fff; border-right:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; border-left:1px solid #d3d3d3;}
.com-box .board-tab .com-tab .comtab-head {overflow:hidden;}
.com-box .board-tab .com-tab .comtab-head li {float:left; width:50%; height:40px; line-height:40px; border-top:1px solid #d3d3d3; border-bottom:1px solid #d3d3d3; border-right:1px solid #d3d3d3; background:#fafafa; font-size:13px; color:#7b7b7b; text-align:center; box-sizing:border-box; cursor:pointer;}
.com-box .board-tab .com-tab .comtab-head li.active {border-top:2px solid #4a4a4a; border-bottom:none; background:#fff; font-size:13px; color:#3e3e3e;}
.com-box .board-tab .com-tab .comtab-head li:last-of-type {border-right:none;}
.com-box .board-tab .com-tab .comtab-body {padding:35px; box-sizing:border-box;}
.com-box .board-tab .com-tab .comtab-body .com-tablist {width:100%; box-sizing:border-box; display:none;}
.com-box .board-tab .com-tab .comtab-body .com-tablist:first-of-type {display:block;}
.com-box .board-tab .com-tab .board ul {margin-top:25px;width:470px;padding-left:30px;}
.com-box .board-tab .com-tab .board ul li {overflow:hidden;margin-bottom:15px;}
.com-box .board-tab .com-tab .board ul li img {vertical-align: bottom;}
.com-box .board-tab .com-tab .board ul li a.b-tit {color:#484848;font-size:13px;}
.com-box .board-tab .com-tab .board ul li span.date {float:right; color:#848484; font-size:13px;}
.com-box .board-tab .com-tab .gallery ul {margin-top:7px;}
.com-box .board-tab .com-tab .gallery ul li {width:165px;float:left;margin:0 5px;}	
.com-box .board-tab .com-tab .gallery ul li img {width:165px;padding-bottom:10px;}
.com-box .board-tab .com-tab .gallery ul li span.tit {color:#484848;font-size:13px;line-height:160%;}	
.com-box .bn-box {float:left; overflow:hidden;}
.com-box .bn-box p {float:left;}
.com-box .bn-box p:first-of-type {margin-right:20px;}

/* BASIC css end */