/* BASIC css start */
/**** Main ****/
/* 메인 상단 */
#maintop { position:relative; clear:both; width:100%; min-width:1200px; height:650px; margin:0 auto; }
#maintop .wideimg { float:left; position:relative; clear:both; width:100%; height:650px; text-align:center; background-color:#e9e9e9; overflow:hidden; } 
#maintop .wideimg .wideleft { display:block; float:left; position:absolute; cursor:pointer; clear:both; margin-top:-30px; width:50px; height:60px; top:50%; left:20px; z-index:11; text-align:center; background:url('/design/whodings/smartskin/pc/left-arrow.svg') center 0 no-repeat; } 
#maintop .wideimg .wideright { display:block; float:right; position:absolute; cursor:pointer; clear:both; margin-top:-30px; width:50px; height:60px; top:50%; right:20px; z-index:11; text-align:center; background:url('/design/whodings/smartskin/pc/right-arrow.svg') center 0 no-repeat; } 
#maintop .wideimg .part { float:left; position:absolute; width:auto; height:650px; z-index:1; opacity:0; left:0px; }
#maintop .btn { float:left; position:relative; width:100%; margin:0 auto; height:12px; margin-top:-52px; z-index:11; }
#maintop .btn ul { position:relative; height:12px; font-size:0; line-height:0; text-align:center; }
#maintop .btn ul li { position:relative; height:12px; display:inline; margin-right:10px; }

/* 회사 설명 */
.aboutText { margin-top:50px !important; margin-bottom:30px !important; text-align:center; }
.aboutText h2 { margin-bottom:15px; line-height:50px; font-size:40px; font-weight:bold; color:#2e2f34; letter-spacing:4px; }
.aboutText p { line-height:20px; color:#999; letter-spacing:1px; }
.aboutText a { display:inline-block; margin-top:20px; padding:0 40px; line-height:40px; font-size:12px; color:#8c514c; letter-spacing:2px; border:1px solid #8c514c; }
.aboutText a:hover { color:#fff; background:#8c514c; }

/* 콜렉션 */
.collection { position:relative; width:100%; }

/* 좌측 */
.flash_banner { float:left; position:relative; width:570px; height:840px; *z-index:10; margin-top:40px; }
.flash_banner h2 { position:absolute; top:80px; left:-100px; z-index:12; line-height:60px; font-size:40px; text-align:left; color:#2e2f34; }
.flash_banner .flash_banner_body { float:left; position:absolute; padding:0px; width:570px; height:840px; overflow:hidden; }
.flash_banner .flash_banner_body > ul { float:left; position:absolute; list-style-type:none;  width:7000px; height:840px; zoom*1; margin:0px; padding:0px; overflow:hidden; }
.flash_banner .flash_banner_body > ul > li { float:left; position:relative; width:570px; height:840px; line-height:0px; padding:0px; margin:0px; overflow: hidden; background:#fff; }
.flash_banner .flash_banner_body li .thumb { width:100%; height:auto; max-height:570px; }
.flash_banner .flash_banner_body li p { width:100%; margin-top:25px; line-height:20px; font-size:12px; color:#2e2f34; }
.flash_banner .btn { cursor:pointer; z-index:11; }
.flash_banner .btn_left { position:absolute; left:-100px; top:330px; width:30px; text-align:center; z-index:12; cursor:pointer; }
.flash_banner .btn_right { position:absolute; left:60px; top:330px; width:30px; text-align:center; z-index:12; cursor:pointer; } 

/* 우측 (갤러리) */
.gallWrap { float:right; width:420px; padding-bottom:30px; }
.gallWrap ul { font-size:0; line-height:0; }
.gallWrap li { margin-bottom:55px; }
.gallWrap .img { position:relative; }
.gallWrap .img a { display:block; }
.gallWrap .img a img { width:100%; height:auto; }
.gallWrap .date { position:absolute; bottom:-20px; left:-15px; *left:-80px; *bottom:-40px; line-height:20px; font-size:10px; font-style:normal; letter-spacing:3px; color:#8c504b; text-align:left;  
	transform:rotate(-90deg) translateY(-100%); -webkit-transform:rotate(-90deg) translateY(-100%); -ms-transform:rotate(-90deg) translateY(-100%); 
	transform-origin:0 0; -webkit-transform-origin:0 0; -ms-transform-origin:0 0; }
.gallWrap .text { width:100%; text-align:left; letter-spacing:1px; }
.gallWrap .text h3 { display:block; margin:18px 0 10px; }
.gallWrap .text h3 a { line-height:22px; font-size:20px; font-weight:bold; color:#2e2f34; }
.gallWrap .text h3 a:hover { color:#777; }
.gallWrap .text span { display:block; width:100%; height:40px; overflow:hidden; line-height:20px; font-size:12px; color:#999; }

/* 이벤트 배너 */
.eventWrap { clear:both; position:relative; display:block; width:100%; }
.eventWrap a { float:left; width:50%; *width:49.99%; overflow:hidden; }
.eventWrap .eventContent { position:relative; display:block; padding:35px; background-size:cover; background-position:50% 50%;  }
.eventWrap .eventContent1 { background:url(/design/whodings/smartskin/pc/200302_right.jpg) no-repeat; background-size: cover; } /* 200302 수정 */
.eventWrap .eventContent2 { background:url(/design/whodings/smartskin/pc/200302_left.jpg) no-repeat; background-size: cover;  background-position: 50% 50%; } /* 200302 수정 */
.eventWrap .eventContent .textWrap { display:table; width:100%; height:430px; border:6px double #fff; *border:0; }
.eventWrap .eventContent .textWrap:hover { transform:scale(1.2); -webkit-transform:scale(1.2); -moz-transform:scale(1.2); -o-transform:scale(1.2); }
.eventWrap .eventContent .textWrap .textContent { display:table-cell; vertical-align:middle; text-align:center; *margin-top:17%; padding:0px 40px; color:#fff; }
.eventWrap .eventContent .textWrap .textContent h2 { line-height:60px; font-size:30px; letter-spacing:4px; color:#fff; }
.eventWrap .eventContent .textWrap .textContent p { line-height:30px; font-size:14px; letter-spacing:1px; }

/* 메인 추천상품 */
.mainBest { width:100%; min-width:1200px; background:#eee; padding-bottom:30px; }



/* 메인페이지 배너 영역 */
.SMS_main_galleryList .SMS_mainBnr:last-child{
	margin-bottom:60px;
}
.SMS_main_galleryList .SMS_mainBnr .imgWrap img {
	width:100%;
}
.SMS_main_galleryList .SMS_mainBnr .textWrap {
	padding:60px 50px;
}
.SMS_main_galleryList .SMS_mainBnr .textWrap .bnrTit {
	margin:10px 0;
	font-size:36px;
    font-family: 'Nanum Gothic', sans-serif;
	font-weight:bold;
	line-height:normal;
	color:#fff;
}
.SMS_main_galleryList .SMS_mainBnr .textWrap .bnrTxt {
	font-size:24px;
    font-family: 'Nanum Gothic', sans-serif;
	line-height:normal;
	color:#fff;
}
.SMS_main_galleryList .SMS_mainBnr .textWrap .bnrLink_btn {
	margin-top:25px;
}
.SMS_main_galleryList .SMS_mainBnr .textWrap .bnrLink_btn a {
	display:inline-block;
	padding:0 50px;
	height:52px;
	line-height:50px;
	background:#000;
	border:2px solid #fff;
	box-sizing:border-box;
	border-radius:35px;
	font-size:18px;
    font-family: 'Nanum Gothic', sans-serif;
	font-weight:bolder;
    color:#fff;
}


.SMS_main_galleryList .inText {
	margin-bottom:40px;
	position:relative;
}
.SMS_main_galleryList .inText .textWrap {
	position:absolute;
	bottom:0;
}
.SMS_main_galleryList .outText {
	margin-bottom:40px;
}
.SMS_main_galleryList .outText .textWrap {
	padding-bottom:0;
}
.SMS_main_galleryList .outText .textWrap .bnrTit {
	color:#000;
}
.SMS_main_galleryList .outText .textWrap .bnrTxt {
	color:#000;
}


.wrapWidth2 {
    width:100%;
}
.wrapWidth2 .bx-wrapper {
    margin:0 auto;
}
/* BASIC css end */

