@charset "utf-8";
/* ----------
css
---------- */

/* ###### MAIN ######
------------------------------------------------------ */
#mainContainer{width:100%; padding-bottom:0px;}

/* -------- 메인 비주얼 -------- */
#mainVisualCon{position:relative; width:100%; height:840px; overflow:hidden;}
.visual-img{width:100%; height:100%; position:relative;}
.visual-img li{position:absolute; top:0px; left:0px; width:100%; height:840px; z-index:1;}
.visual-img li:first-child{z-index:2}
.visual-txt{display:none; position:absolute; top:369px; left:50%; margin-left:-600px; text-align:center; color:#fff; z-index:3; font-weight:300;}
.visual-txt h2{font-size:40px; font-weight:normal; font-weight:300;}
.visual-txt h2 strong{font-weight:600;}
.visual-txt p{padding:27px 0 46px; font-size:20px; font-weight:600;}
.visual-txt a{
	display:inline-block; width:233px; height:42px; border:2px solid #fff; text-align:center; line-height:42px; font-size:16px; color:#fff; font-weight:600;
	-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;-ms-transition:all 200ms linear;transition:all 200ms linear;
}
.visual-txt a:hover {background-color:#fff;color:#333;}
.visual-btn{position:absolute; width:100%; bottom:69px; left:0px; text-align:center; z-index:99;  vertical-align:top}
.visual-btn span{
	display:inline-block; width:13px; /*height:30px;  margin:0 3px;*/ height:20px; cursor:pointer; position:relative;top:0px; vertical-align:top; border:1px solid #fff; margin:0 2px;
	-webkit-transition:all 200ms linear;-moz-transition:all 200ms linear;-o-transition:all 200ms linear;-ms-transition:all 200ms linear;transition:all 200ms linear;
	/*box-shadow : -2px -2px 3px  rgba(0, 0, 0, .2), 2px 2px 3px  rgba(0, 0, 0, .2);*/
}
.visual-btn span.btn2,.visual-btn span.btn4{height:20px;}
.visual-btn span.btn3{top:0;}
.visual-btn span:hover,.visual-btn span.on{background-color:#fff;}




/* -------- 메인 배너 -------- */
#mainMiddleBannerCon{padding:50px 0 30px; text-align:center;}
#mainMiddleBannerCon h2{padding-top:50px; color:#343434; font-size:48px; font-weight:600;}
#mainMiddleBannerCon h2 strong{display:block; padding:15px 0 34px 0; font-size:18px; font-weight:400;color:#343434;}
#mainMiddleBannerCon p{padding-bottom:55px; font-size:18px; color:#555; font-weight:300; line-height:25px;}
#bannerVisual{position:relative; width:1200px; height:400px; overflow:hidden;}
.banner-img {position:absolute; top:0px; left:0px;width:1200px; height:400px;}
.banner-img > li{float:left; width:1200px; height:400px;}
.banner-btn{position:absolute; bottom:12px; left:0px; width:100%; text-align:center;}
.banner-btn span{
	display:inline-block; width:11px; height:11px; margin:0 9px; cursor:pointer; border:1px solid #d5d3d3; background-color:none; 
	-webkit-transition:all 400ms linear;-moz-transition:all 400ms linear;-o-transition:all 400ms linear;-ms-transition:all 400ms linear;transition:all 400ms linear;
	-webkit-border-radius:11px;-moz-border-radius:11px;-o-border-radius:11px;border-radius:11px;
}
.banner-btn span:hover,.banner-btn span.on{background-color:#fff;}

/* -------- 제품리스트 -------- */
#productListCon{width:100%; padding-bottom:67px;}
.product-list{padding-bottom:20px;}
/*#collectionList .product-list li{display:none;}*/
.product-list li{
	position:relative; float:left; width:270px; height:370px; border:1px solid #e1e1e1; background-color:#fff; margin:0 27px 44px 0; overflow:hidden;
	box-shadow : -2px 0px 2px  rgba(0, 0, 0, .1), 2px 5px 5px  rgba(0, 0, 0, .1);
}
.product-list li.mar0{margin-right:0;}
/* 제품 썸네일 */
.product-list li .prd-thum{display:block; width:100%; height:300px; overflow:hidden;}
.product-list li .prd-thum img{width:100%; height:275px;}

.product-list li:hover .prd-thum img{-webkit-transform:scale(1.05); transform:scale(1.05)}
.product-list li .prd-thum.prd-thum-gif .prd-sign img,.product-list li:hover .prd-thum.prd-thum-gif .prd-sign img{width:auto; height:auto;}

/* 제품 오버 박스 */
.prd-over-box{
	position:absolute; top:0px; left:0px; width:100%; height:283px; text-align:center; background:rgba(42,42,42,0.9); z-index:1; opacity:0;filter:Alpha(opacity=0);
	-webkit-transition:opacity 0.6s; transition:opacity 0.6s;
}
.prd-over-img{
	display:block; width:100%; height:275px; 
	-webkit-transform:scale3d(0.8,0.8,1);
	transform:scale3d(0.8,0.8,1);
	-webkit-transition: all 0.35s, -webkit-transform 0.35s;
	transition: all 0.35s, transform 0.35s;
}
.product-list li:hover .prd-over-img{
	-webkit-transform:scale3d(1,1,1);
	transform:scale3d(1,1,1);
}
.prd-over-box .prd-size-info{
	position:absolute; bottom:50px; left:0px; width:100%; vertical-align:middle; color:#fff; 
	opacity: 0;
	-webkit-transition: all 0.35s, -webkit-transform 0.35s;
	transition: all 0.35s, transform 0.35s;
	-webkit-transform: translate3d(0,50px,0);
	transform: translate3d(0,50px,0);
	
}
.product-list li:hover .prd-over-box .prd-size-info{
	opacity: 1;
	-webkit-transform: translate3d(0,0,0);
	transform: translate3d(0,0,0);
}
.prd-over-box .prd-size-info span{color:#f9f9f9; font-size:15px; font-weight:300}
.prd-over-box .prd-size-info strong{font-size:17px; font-weight:700; vertical-align:middle; margin:-3px 0 0 3px;}
.product-list li:hover .prd-over-box{opacity:1;filter:Alpha(opacity=100);}

/* 제품 정보 - 작성자 정보 */
.prd-info-box{position:relative; z-index:4; height:50px; padding:0px 12px;}
.prd-info-box strong,.prd-info-box span{display:block; margin-bottom:0px;}
.prd-info-box .prd-writer-info,.prd-info-box .prd-writer-info .prd-writer-photo{float:left;}
.prd-info-box .prd-writer-info{width:230px;}
.prd-info-box .prd-writer-info .prd-writer-photo,.prd-info-box .prd-writer-info .prd-writer-photo img{width:50px; height:50px; -webkit-border-radius:50px;-moz-border-radius:50px;-o-border-radius:50px;border-radius:50px;}
.prd-info-box .prd-writer-info p{float:left; width:150px; margin-left:12px}
.prd-info-box .prd-writer-info p strong{color:#000; font-size:12px; font-weight:500;}
.prd-info-box .prd-writer-info .prd-writer-txt{color:#b0b0b0; font-size:10px; }
/* 제품 정보 - 버튼 및 가격 정보 */
.prd-info-box .prd-price-controls{float:right; text-align:right; width:100px;}
.prd-info-box .prd-price-controls button{border:0; height:24px; }
.prd-info-box .prd-price-controls .to-cart-btn{
	width:26px; background:url(/images/button/prd_cart_btn.png) no-repeat; opacity:0.7;
	-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear;
}
.prd-info-box .prd-price-controls .to-cart-btn:hover,.prd-info-box .prd-price-controls .to-cart-btn.on {background:url(/images/button/prd_cart_btn_on.png) no-repeat;opacity:1.0}
.prd-info-box .prd-price-controls .prd-good-btn{
	width:22px; margin-left:15px; background:url(/images/button/prd_good_off_btn.png) no-repeat;
	-webkit-transition:all 300ms linear;-moz-transition:all 300ms linear;-o-transition:all 300ms linear;-ms-transition:all 300ms linear;transition:all 300ms linear;
}
.prd-info-box .prd-price-controls .prd-good-btn.on{background:url(/images/button/prd_good_on_btn.png) no-repeat}
.prd-info-box .prd-price-controls .prd-good-btn:hover {background:url(/images/button/prd_good_on_btn.png) no-repeat}
.prd-info-box .prd-price-controls .prd-price{margin-top:20px; font-size:15px; font-weight:600; color:#333; font-family: tahoma, "나눔고딕", NanumGothic, "WebNanumGothic", "맑은 고딕" }

.new-icon{position:absolute; top:0px; left:0px; width:70px; height:70px; background-color:#252525; color:#fff;  text-align:center; line-height:70px; font-size:15px; z-index:4}
.check-icon{position:absolute; top:10px; left:10px; width:50px; height:50px; z-index:5; }
.check-icon label{background:url(/images/icon/collection_select_off.png) no-repeat 0 0px; position:absolute; left:-1px; top:-1px; width:50px; height:50px; cursor:pointer;}
.check-icon label.check{background-image:url(/images/icon/collection_select_on.png)}
.check-icon input{/*position:relative; z-index:1;*/opacity:0;filter:Alpha(opacity=0);}
.prd-add-btn{display:block; width:380px; height:57px; margin:0px auto; color:#000; border:1px solid #252525;  line-height:57px; text-align:center; font-weight:500; font-size:16px;
	-webkit-transition:all 400ms;-moz-transition:all 400ms;-o-transition:all 400ms;-ms-transition:all 400ms;transition:all 400ms
}
.prd-add-btn:hover{color:#fff; background-color:#252525}


/* GOODS제품 */
.goods-prd .prd-info-box .prd-writer-info p{padding-top:0px;}



/* -------- Consulting -------- */
#mainConsultingCon{border-top:1px solid #000; margin-bottom:30px; text-align:center; /*background:url(/images/main/main_consolut_bg.jpg) no-repeat 50% 0%*/}
#mainConsultingCon h2{padding-top:50px; color:#343434; font-size:48px; font-weight:600;/*font-family: 'NanumSquareBold';*/ font-weight:600; letter-spacing:-0.35px; font-size:42px; }
#mainConsultingCon p{padding:40px 0 46px; font-size:16px; color:#3a3a3a; /*font-family: 'NanumSquare';*/ font-size:17px;}
.to-consulting-btn{display:block; width:380px; height:44px; margin:0px auto 45px; line-height:44px; font-size:16px; border:1px solid #252525; color:#000; text-align:center;
	-webkit-transition:all 400ms;-moz-transition:all 400ms;-o-transition:all 400ms;-ms-transition:all 400ms;transition:all 400ms
}
.to-consulting-btn:hover{color:#fff; background-color:#252525}
/* -------- SNS 리스트 -------- */
#snsListCon{border-top:1px solid #000; width:1230px; margin:0px auto;}
#snsListCon h2{padding-top:50px; color:#343434; font-size:48px; font-weight:600;/*font-family: 'NanumSquareBold';*/ font-weight:600; letter-spacing:-0.35px; font-size:42px; text-align:center;}
#snsListCon p{padding:40px 0 30px; font-size:16px; color:#3a3a3a; /*font-family: 'NanumSquare';*/ font-size:17px;  text-align:center;}
.sns-list{width:100%; overflow:hidden;}
.sns-list li{float:left; width:380px; margin:15px; text-align:center; background-color:#fff; overflow:hidden;}
.sns-list li img{
	width:100%; opacity:0.7;filter:Alpha(opacity=70); 
	transform:scale(1.0); -webkit-transform:scale(1.0)
	-webkit-transition:all 0.5s;-moz-transition:all 0.5s;-o-transition:all 0.5s;-ms-transition:all 0.5s;transition:all 0.5s
}
.sns-list li a:hover img{opacity:1;filter:Alpha(opacity=100); transform:scale(1.1); -webkit-transform:scale(1.1)}
.sns-link-list{padding-top:40px; text-align:center;}
.sns-link-list a{margin:0 55px;}
.sns-link-list a:first-child img {max-height:36px;padding:3px 0}

/* -------- EVENT LAYER POPUP -------- */
/* 000 이벤트 메인 팝업 */
/*
#eventBg{position:fixed; width:100%; height:100%; left:0px; top:0px; background-color:rgba(0,0,0,0.9); z-index:9999}
#eventPopupLayer{position:absolute; width:1200px; height:900px; left:50%;top:5%; margin:0 0 0 -600px; z-index:9999}
#eventPopupLayer .layer-con img{box-shadow:10px 10px 20px rgba(0, 0, 0, .8);}
#eventPopupLayer p{padding:5px 40px; overflow:hidden;}
#eventPopupLayer p label{float:left;}
#eventPopupLayer p span{color:#ccc; font-size:24px; letter-spacing:-0.5px; font-weight:300; opacity:0.4;filter:Alpha(opacity=40); vertical-align:middle;}
#eventPopupLayer .close-btn{float:right; opacity:0.5;filter:Alpha(opacity=50);}
*/
/* 001 이벤트 메인 팝업 */
#eventBg{position:fixed; width:100%; height:100%; left:0px; top:0px; background:url(/images/content/event/001/event_001_pop_bg.png) repeat-y ; z-index:9999}
#eventPopupLayer{position:absolute; width:1130px; height:900px; left:50%;top:5%; margin:0 0 0 -565px; z-index:9999}
#eventPopupLayer .popup-logo{margin-bottom:32px;}
#eventPopupLayer p{padding:30px 0px; overflow:hidden;}
#eventPopupLayer p label{float:left;}
#eventPopupLayer p span{color:#ccc; font-size:24px; letter-spacing:-0.5px; font-weight:300; opacity:0.4;filter:Alpha(opacity=40); vertical-align:middle;}
#eventPopupLayer .close-btn{float:right; }