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

body #contentWrapper {padding-top:46px;}

body #oneTop {display:block;}
body #header {top:46px;}

#maincontents{width:100%;} /* ¸ÞÀδܵ¶ */
.mainCon{margin-top:200px !important; position:relative;}
.titleArea.maintit{margin-bottom:60px;}




/* ¸ÞÀÎ ½½¶óÀ̵å¹è³Ê */
#mainBanner{position: relative; width:100%;}
#mainBanner .bx-wrapper img {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:700px;}

.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('http://mzuu2010.cafe24.com/onedesign/images/arrow_left.png') no-repeat; top:0; left:25px;} 
.bx_02 .bx-wrapper .bx-controls-direction .bx-next{background: url('http://mzuu2010.cafe24.com/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: 24px !important;
    font-family: 'Jeju Myeongjo', serif;
    font-weight: normal;
    color: #333;
    line-height: 1.6;}
#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;}
}
/* //Ãßõ»óÇ° */





******* ÅÇ»óÇ° ********/
.tabWrap{margin-bottom:100px; position:relative;}
.tabWrap .title{margin-bottom:0}
.tabWrap img {max-width:100%;}
.tabWrap .MK-product-icons {display:none;}
.tabWrap .tabArea{position:relative; padding-bottom:500px;}

/* ¸®½ºÆ® */
.tabWrap .tabList{height:49px; margin-top:170px; text-align:center;}
.tabWrap .tabList ul{font-size:0; line-height:0; letter-spacing:0;margin-left:-1px;}
.tabWrap .tabList ul li{display:inline-block; vertical-align:bottom; width:33.333%; height:50px; position:relative;}
.tabWrap .tabList ul li:last-child {width: calc(33.333% - 1px);}
.tabWrap .tabList ul li a{display:block; width:100%; text-align:center; position:absolute; left:0; bottom:0; background:#e5dcd3; color:#777; font-size:12px; line-height:39px; height:39px; box-sizing:border-box; transition:0.25s ease-out; cursor:pointer;}
.tabWrap .tabList ul li a.active{background:#fff; border:1px solid #ddd; line-height:45px; height:45px; font-size:13px; color:#3a3a3a; border-bottom:0; border-top-color:#6d6d6d;}

/* ÄÁÅÙÃ÷ */
.ec-base-product.tabCon{opacity:0; position:absolute; top:49px; left:0; z-index:19;}
.ec-base-product.tabCon.show{z-index:20; opacity:1;width:100%;}
.ec-base-product.tabCon:nth-child(2){display:block;}
.ec-base-product.tabCon .prdList{border:1px solid #ddd; box-sizing:border-box; padding:50px 50px 40px 50px; margin-top:0px !important; border-bottom-left-radius:5px; border-bottom-right-radius:5px; border-top:0;}


/* ·¹À̾ƿô */
.ec-base-product.tabCon .prdList:after{content:""; display:block; clear:both;}
.ec-base-product.tabCon .prdList > div.left {float:left;width:470px;overflow:hidden;}
.ec-base-product.tabCon .prdList > div.right {float:right;width:calc(59% - 10px);}
.ec-base-product.tabCon .prdList > div.left .thumbnail {margin-bottom:0px; position:relative;}
.ec-base-product.tabCon .prdList > div.right .thumbnail {margin-bottom:0px; position:relative;}
.ec-base-product.tabCon .prdList > div:after {content:"";clear:both;display:block;}
.ec-base-product.tabCon .prdList > div > ul > li { position:relative; display:inline-block; *display:inline; *zoom:1; vertical-align:top;cursor:pointer;}
.ec-base-product.tabCon .prdList > div.right > ul {width:calc(100% + 11px);margin-left:-10px;}
.ec-base-product.tabCon .prdList > div.right > ul > li { position:relative;float:left; width:calc(100% / 3 - 11px);margin-right:0;margin-left:10px;display:inline-block;vertical-align:top;margin-bottom:10px;cursor:pointer;}


.ec-base-product.tabCon .prdList > div.left .thumbnail .prdImg img { width:100%; }


/* Á¤º¸³ëÃâ */
.ec-base-product.tabCon .prdList > div > ul > li .desWrap{    position: absolute;
    left: 0;
    top: 0;
    background: rgba(229,220,211,.35);
    width: 100%;
    height: 100%;
    display: inline-block;
    vertical-align: middle;
    opacity: 0;
    -webkit-transition: 0.2s ease-in-out;
    -moz-transition: 0.2s ease-in-out;
    -o-transition: 0.2s ease-in-out;
    transition: 0.2s ease-in-out;}
.ec-base-product.tabCon .prdList > div > ul > li:hover .desWrap{opacity:1;}
.ec-base-product.tabCon .prdList > div > ul > li .desWrap .desTable {display:table; width:100%; height:100%; position:absolute; left:0; top:0; cursor:pointer;}
.ec-base-product.tabCon .prdList > div > ul > li .desWrap .desTable .description{display:table-cell; vertical-align:middle; text-align:center;}

/* Á¤º¸ ·¹À̾ƿô */
.ec-base-product.tabCon .prdList > div > ul > li .desWrap .desTable .description li{text-align:center;color:#777}
.ec-base-product.tabCon .prdList > div > ul > li .desWrap .desTable .name {border:0; margin-bottom:0; text-align:center;}
.ec-base-product.tabCon .prdList > div > ul > li .desWrap .prd-subname {display:none !important} 
.ec-base-product.tabCon .prdList > div.left > ul > li .desWrap .desTable .name{padding-bottom:15px;}
.ec-base-product.tabCon .prdList > div.left > ul > li .desWrap .desTable .name > a {font-size:15px !important;color:#777}
.ec-base-product.tabCon .prdList > div.right > ul > li .desWrap .desTable .name > a {font-size:0.7vw !important;color:#777;font-weight:300;}
.ec-base-product.tabCon .prdList > div > ul > li .desWrap .desTable .spec li span{font-size: 0.7vw !important; line-height:1.5 !important;}
.ec-base-product.tabCon .prdList > div > ul > li .desWrap .desTable .icon .promotion{text-align:center;}
.ec-base-product.tabCon .prdList > div > ul > li .desWrap .desTable .icon .promotion img{margin:0 2px;}

.ec-base-product.tabCon .prdList > div > ul > li span span {display:none;} /* ¼¼ÀÏ */


/* BASIC css end */