/* BASIC css start */
/******************************************************* Main *******************************************************/

#maincontents{width:100%;} /* 메인단독 */
.mainCon{margin-top:200px !important; position:relative;}
.titleArea.maintit{margin-bottom:60px;}




/* 메인 슬라이드배너 */
#mainBanner{position: relative; width:100%;}

/* _bxSlider */
.bx_01{position:relative;} 
.bx_01 .bx_slider{width:100%;}

.bx_01 #bx-pager{position:absolute; top:65px; left:120px;} /*위치*/ 
.bx_01 #bx-pager a{display:block; float:left; font-size:16px; height:30px; width:34px; letter-spacing:1px; color:#333; opacity: 0.7; font-family:'Cardo', 'Jeju Myeongjo', serif; vertical-align: bottom; text-align:center; line-height:36px; transition:0.3s; cursor:pointer;} /*버튼디자인*/ 
.bx_01 #bx-pager a:hover,   
.bx_01 #bx-pager a.active{opacity:1; font-size:28px; line-height:28px;}
/* //메인 슬라이드배너 */




/* 상단배너(회사소개) */
#ban_about{padding-bottom:50px; position:relative;}
#ban_about:after{content:""; display:block; clear:both;}
#ban_about .imgArea{float:left; width:564px; height:705px; border:1px solid #edebe8; }
#ban_about .imgArea img{width:100%; margin: 20px 0 0 20px;}
#ban_about .imgArea p{text-align:right; margin-top:12px; margin-right:-23px; letter-spacing: 1px; }
#ban_about .txtArea{position:absolute; top:240px; right:20px; text-align:left;}
#ban_about .txtArea h2{color:#edebe8; font-size: 75px; line-height:55px; letter-spacing:2px; font-weight:normal;}
#ban_about .txtArea h2 span{color:#333; font-size:100px; padding-left:170px;}
#ban_about .txtArea .info{line-height:24px; letter-spacing: 0.5px; margin-top:71px; font-size:13px;}
#ban_about .txtArea .btn{margin-top: 65px;}
#ban_about .txtArea .btn:hover{margin-top: 60px;}
/* //상단배너(회사소개) */





/* 중간배너 */
#ban_middle{padding-top:60px;}
#ban_middle .bg{width:100%; height:380px; background: #fcfaf7; position:relative; overflow:hidden;}
#ban_middle .ban_middle_in{width:83%; max-width:1400px; margin:0 auto; height:380px; position:absolute; top:60px; left:0; right:0; margin-right:auto; margin-left:auto;}
#ban_middle .ban_middle_in .rightimg{position:absolute; top:-60px; right:0;}
#ban_middle .ban_middle_in .textbox{display:block; text-align:left; position:absolute; top:110px; letter-spacing:0.5px;}
#ban_middle .ban_middle_in .textbox h3{font-size:38px; padding-bottom:20px; box-sizing:border-box;  width:600px;}
#ban_middle .ban_middle_in .textbox p{font-size:14px; line-height:22px;}
#ban_middle .ban_middle_in .textbox p span{text-decoration:underline;}
/* //중간배너 */






/* 추천상품 */
/* _bxSlider */
.bx_02{position:relative;} 
.bx_02 .bx_slider{width:100%;}
.bx_02 .bx_slider li{height:400px;}

.bx_02 .bx-wrapper .bx-controls-direction{width:100%; position:absolute; left:0; top:45%;}  
.bx_02 .bx-wrapper .bx-controls-direction a{display:inline-block; width:147px; height:31px; text-indent:-9999px; transition: all 0.25s ease-in-out; z-index:99 !important;}
.bx_02 .bx-wrapper .bx-controls-direction .bx-prev{background: url('/design/primaute/onedesign/images/arrow_left.png') no-repeat; top:0; left:25px;} 
.bx_02 .bx-wrapper .bx-controls-direction .bx-next{background: url('/design/primaute/onedesign/images/arrow_right.png') no-repeat; top:0; right:25px;} 
.bx_02 .bx-wrapper .bx-controls-direction .bx-prev:hover{left:0;}
.bx_02 .bx-wrapper .bx-controls-direction .bx-next:hover{right:0;}	

/* _상품정보 */
#prd_slide:after{content:""; display:block; clear:both;}
#prd_slide .item{padding-bottom:0;}
#prd_slide .thumbnail{position:absolute; left:200px; margin:0; max-width:700px;}

#prd_slide .prd-info{position:absolute; left:850px; top:100px;}
#prd_slide .prd-info .prd-name{display:block; margin-left:-20px; font-size:42px !important; font-family:'Cardo', 'Jeju Myeongjo', serif; font-weight:normal; color:#333;}
#prd_slide .prd-info .prd-subname{margin-top:60px; line-height:24px; letter-spacing: 0.5px; font-size:13px;}
#prd_slide .prd-info .btn{margin-top:35px;}
#prd_slide .prd-info .btn:hover{margin-top:30px;}

/* ◆0~1600px◆ */
@media screen and (max-width:1600px){
	.bx_02 .bx_slider li{height:335px;}
	#prd_slide .thumbnail{max-width:600px;}
	#prd_slide .prd-info{left:700px; top:80px;}
	#prd_slide .prd-info .prd-subname{margin-top:40px; }
	#prd_slide .prd-info .btn{margin-top: 25px;}
	#prd_slide .prd-info .btn:hover{margin-top: 20px;}
}
/* //추천상품 */
/* BASIC css end */