/* BASIC css start */
/*====================================================================*/
/******************************** Main ********************************/
/*====================================================================*/
#contentWrap {padding-top: 110px;}
main .titleArea{margin:0 auto 0;padding: 0 32px 27px 0;text-align: left;height: 20px;}
header {box-shadow:none}
main .titleArea h2 {font-weight: 600 !important;font-size: 15px;letter-spacing: 3px;color: #676563;text-transform: uppercase;}


#visual{width: 100%;position: relative;margin-bottom: 140px;box-sizing: border-box;}
#visual .swiper-pagination{      bottom: 16px;right: 0;padding-right: 26px;text-align: right;box-sizing: border-box;font-size: 12px;font-weight:300;color: rgb(121, 121, 121);width: 100px;left: auto;letter-spacing:0px;color:#aaa}
#visual .swiper-pagination .swiper-pagination-current {       font-weight: 600;color: #d2baa5;}
#visual ul li img{width:100%; height:auto;}
#visual .layer {    position: absolute;width: 20%;min-width: 300px;padding: 20px 0 16px 39px;right: 0;bottom: 0;background: #fff;z-index: 99;text-align: right;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
#visual .layer h2 {      display: block;text-align: left;line-height: 1.6;font-size: 16px;font-weight: 400;color: #8c8a88;letter-spacing: .5px;}
#visual .layer .line {display: table;width:100%;padding-top:18px;letter-spacing: 1px;}
#visual .layer .line span {    display: table-cell;text-align: left;vertical-align: bottom;font-size: 11px;letter-spacing: 1px;color: #999;}


#prd_normal {}
#prd_normal.ec-base-product ul.grid3 > li .layer {height:0 !important}
#prd_normal {margin-bottom: 250px;}


#prd_best{ position: relative;width: 100%;padding:0 0 0 0 ;box-sizing: border-box;margin:0 auto 0}
#prd_best .opa { position: absolute;right: 0;top: 30px;width: 20%;height: 100%;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;z-index: 99;background: #fff;background: -webkit-linear-gradient(to left,#fff, rgba(255, 255, 255, 0));background: -o-linear-gradient(to left,#fff, rgba(255, 255, 255, 0));background: -moz-linear-gradient(to left,#fff, rgba(255, 255, 255, 0));background: linear-gradient(to left,#fff, rgba(255, 255, 255, 0));}
#prd_best > * {    position: relative;overflow: hidden;}
#prd_best .titleArea{display: block;margin:0;padding: 0 0 44px 0;}
#prd_best .prd-thumb > a > img {width:100%;}
#prd_best .swiper-scrollbar { opacity: 1 !important; }
#prd_best .swiper-container-horizontal > .swiper-scrollbar {    position: absolute;left: auto;right: 0;top: -52px;z-index: 50;height: 1px;width: calc(100% - 155px);opacity: 1 !important;}
#prd_best .swiper-scrollbar-drag {background: #d4cec7 !important;height: 3px;width: 100%;position: relative;border-radius: 10px;top: -1px;border-radius: 0;}
#prd_best .swiper-container {overflow:visible !important;}
#prd_best .prd-wrap .prd-list {display:flex;}

#prd_best .titleArea h2 {letter-spacing: 4px;}


.mainWrap {margin:0 auto;}


/* display1 */

.display1 { margin: 0 0 380px 0;}
.display1 > ul {display: table;width:1200px;margin:0 auto;}
.display1 > ul > * {display:table-cell;vertical-align: middle;}
.display1 .left {letter-spacing: 1px;}
.display1 .left h2 { display: block;padding-bottom: 50px;font-weight: 300;letter-spacing: 1px;font-size: 25px;}
.display1 .left span { display: block;padding-bottom: 50px;line-height: 1.7;font-weight: 200;}
.display1 .left a { display: block;font-weight: 300;font-size: 13px;letter-spacing:1px;}
.display1 .right {padding-left:180px;}
.display1 .right a{position: relative;display: block;}


/* #prd_new */
#prd_new {}
#prd_new ul.prdList{padding:0 ; box-sizing:border-box;}



/* .mainGallery */
.mainGallery {padding: 100px 112px 114px;background: #f3f3f3;margin: 71px auto 75px;}
main .mainGallery .titleArea {position: relative;	height:auto }
main .mainGallery .titleArea h2 {font-weight: 300 !important;font-size: 19px;letter-spacing: 7px;color: #4e4e4e;text-transform: uppercase;text-align: center;}
.mainGallery .titleArea p {text-align: center;padding: 9px 0 68px;}
.mainGallery .titleArea a {        position: absolute;right: 8px;bottom: 93px;font-size: 11px;color: #999;;}
.mainGallery .titleArea a i {display: inline-block;vertical-align: middle;padding-left: 8px;margin-top:-2px;}
.mainGallery > ul {font-size: 0;line-height: 0;letter-spacing: 0;}
.mainGallery li {    display: inline-block;width: 31%;margin-right: 3.5%;font-size: 12px;line-height: 1.8;padding: 0;box-sizing: border-box;text-align: center;vertical-align: top;border-radius: 0;color: #a9a9a9;background: #fff;box-shadow: 0px 14px 9px rgba(0, 0, 0, 0.08);}
.mainGallery li .thumb {position: relative;display: block;border-radius: 60px;}
.mainGallery li .thumb:before {content: "";position: absolute;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,0.125);}
.mainGallery li:nth-child(3n){margin-right:0;}
.mainGallery li img {width:100%;border-radius: 0;}
.mainGallery li h2 {display: block;/* padding-bottom: 7px; *//* border-bottom:1px solid #eee; */margin: 28px auto ;line-height:1;}
.mainGallery li h2 a {font-weight: 400;color: #4c4c4c;font-size: 16px;letter-spacing: -.1px;font-family: noto sans kr;line-height:1;}
.mainGallery li span {display: block;padding: 0 0 36px;}	
.mainGallery li span p {display: block;font-size: 12px;color: #4e4e4e;font-weight: 300;}





/* BASIC css end */