@charset "utf-8";

@import url(slick.css);

/*
 * Nanum Gothic (Korean) http://www.google.com/fonts/earlyaccess
 */
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(../font/NanumGothic-Regular.eot);
  src: url(../font/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-Regular.woff2) format('woff2'),
       url(../font/NanumGothic-Regular.woff) format('woff'),
       url(../font/NanumGothic-Regular.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(../font/NanumGothic-Bold.eot);
  src: url(../font/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-Bold.woff2) format('woff2'),
       url(../font/NanumGothic-Bold.woff) format('woff'),
       url(../font/NanumGothic-Bold.ttf) format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url(../font/NanumGothic-ExtraBold.eot);
  src: url(../font/NanumGothic-ExtraBold.eot?#iefix) format('embedded-opentype'),
       url(../font/NanumGothic-ExtraBold.woff2) format('woff2'),
       url(../font/NanumGothic-ExtraBold.woff) format('woff'),
       url(../font/NanumGothic-ExtraBold.ttf) format('truetype');
}


* {margin:0;padding:0;line-height:1.4em;font-family:'Nanum Gothic', 'Dotum', 'Gulim', 'sans-serif';}
html, body{height:100%;font-size:12px;}
body{font-size:1rem;color:#444444;-webkit-text-size-adjust:none;word-break:keep-all;}
legend, caption, figcaption, hr {display:none;}
p,ul,ol,li,dl,dt,dd,form {list-style-image:none;list-style-position:outside;list-style-type:none;border:0px;}
img,fieldset, frameset, frameborder, frame {border:0;}
a, img, span, b, input, select, em, textarea, label, strong{vertical-align:middle;outline-style:none;}
table{width:100%;border-collapse:collapse;}
a{color:inherit;text-decoration:none;cursor:pointer;color:#444444;}
a:hover{text-decoration:none}
em{font-style:normal}
select{height:26px;padding-left:0.4rem;border:1px solid #b0b0b0;}
button{cursor:pointer;}
.ellips{text-overflow:ellipsis;overflow:hidden;white-space:nowrap;line-height:1.5em;}

@media all and (max-width:640px){html{font-size:11px;}}
@media all and (max-width:500px){html{font-size:9px;}}
@media all and (max-width:460px){html{font-size:8px;}}
@media all and (max-width:350px){html{font-size:7px;}}

.p0{padding:0 !important;}
.pt0 {padding-top: 0px !important;} .pr0 {padding-right: 0px !important;} .pb0 {padding-bottom: 0px !important;} .pl0 {padding-left: 0px !important;}
.pt5 {padding-top: 5px !important;} .pr5 {padding-right: 5px !important;} .pb5 {padding-bottom: 5px !important;} .pl5 {padding-left: 5px !important;}
.pt10 {padding-top: 10px !important;} .pr10 {padding-right: 10px !important;} .pb10 {padding-bottom: 10px !important;} .pl10 {padding-left: 10px !important;}
.pt15 {padding-top: 15px !important;} .pr15 {padding-right: 15px !important;} .pb15 {padding-bottom: 15px !important;} .pl15 {padding-left: 15px !important;}
.pt20 {padding-top: 20px !important;} .pr20 {padding-right: 20px !important;} .pb20 {padding-bottom: 20px !important;} .pl20 {padding-left: 20px !important;}
.pt25 {padding-top: 25px !important;} .pr25 {padding-right: 25px !important;} .pb25 {padding-bottom: 25px !important;} .pl25 {padding-left: 25px !important;}
.pt30 {padding-top: 30px !important;} .pr30 {padding-right: 30px !important;} .pb30 {padding-bottom: 30px !important;} .pl30 {padding-left: 30px !important;}
.pt35 {padding-top: 35px !important;} .pr35 {padding-right: 35px !important;} .pb35 {padding-bottom: 35px !important;} .pl35 {padding-left: 35px !important;}
.pt40 {padding-top: 40px !important;} .pr40 {padding-right: 40px !important;} .pb40 {padding-bottom: 40px !important;} .pl40 {padding-left: 40px !important;}
.pt45 {padding-top: 45px !important;} .pr45 {padding-right: 45px !important;} .pb45 {padding-bottom: 45px !important;} .pl45 {padding-left: 45px !important;}
.pt50 {padding-top: 50px !important;} .pr50 {padding-right: 50px !important;} .pb50 {padding-bottom: 50px !important;} .pl50 {padding-left: 50px !important;}
.pt55 {padding-top: 55px !important;} .pr55 {padding-right: 55px !important;} .pb55 {padding-bottom: 55px !important;} .pl55 {padding-left: 55px !important;}
.pt60 {padding-top: 60px !important;} .pr60 {padding-right: 60px !important;} .pb60 {padding-bottom: 60px !important;} .pl60 {padding-left: 60px !important;}
.pt65 {padding-top: 65px !important;} .pr65 {padding-right: 65px !important;} .pb65 {padding-bottom: 65px !important;} .pl65 {padding-left: 65px !important;}
.pt70 {padding-top: 70px !important;} .pr70 {padding-right: 70px !important;} .pb70 {padding-bottom: 70px !important;} .pl70 {padding-left: 70px !important;}
.pt75 {padding-top: 75px !important;} .pr75 {padding-right: 75px !important;} .pb75 {padding-bottom: 75px !important;} .pl75 {padding-left: 75px !important;}
.pt80 {padding-top: 80px !important;} .pr80 {padding-right: 80px !important;} .pb80 {padding-bottom: 80px !important;} .pl80 {padding-left: 80px !important;}
.pt85 {padding-top: 85px !important;} .pr85 {padding-right: 85px !important;} .pb85 {padding-bottom: 85px !important;} .pl85 {padding-left: 85px !important;}
.pt90 {padding-top: 90px !important;} .pr90 {padding-right: 90px !important;} .pb90 {padding-bottom: 90px !important;} .pl90 {padding-left: 90px !important;}
.pt95 {padding-top: 95px !important;} .pr95 {padding-right: 95px !important;} .pb95 {padding-bottom: 95px !important;} .pl95 {padding-left: 95px !important;}
.pt100 {padding-top: 100px !important;} .pr100 {padding-right: 100px !important;} .pb100 {padding-bottom: 100px !important;} .pl100 {padding-left: 100px !important;}

.mt0 {margin-top: 0px !important;} .mr0 {margin-right: 0px !important;} .mb0 {margin-bottom: 0px !important;} .ml0 {margin-left: 0px !important;}
.mt5 {margin-top: 5px !important;} .mr5 {margin-right: 5px !important;} .mb5 {margin-bottom: 5px !important;} .ml5 {margin-left: 5px !important;}
.mt10 {margin-top: 10px !important;} .mr10 {margin-right: 10px !important;} .mb10 {margin-bottom: 10px !important;} .ml10 {margin-left: 10px !important;}
.mt15 {margin-top: 15px !important;} .mr15 {margin-right: 15px !important;} .mb15 {margin-bottom: 15px !important;} .ml15 {margin-left: 15px !important;}
.mt20 {margin-top: 20px !important;} .mr20 {margin-right: 20px !important;} .mb20 {margin-bottom: 20px !important;} .ml20 {margin-left: 20px !important;}
.mt25 {margin-top: 25px !important;} .mr25 {margin-right: 25px !important;} .mb25 {margin-bottom: 25px !important;} .ml25 {margin-left: 25px !important;}
.mt30 {margin-top: 30px !important;} .mr30 {margin-right: 30px !important;} .mb30 {margin-bottom: 30px !important;} .ml30 {margin-left: 30px !important;}
.mt35 {margin-top: 35px !important;} .mr35 {margin-right: 35px !important;} .mb35 {margin-bottom: 35px !important;} .ml35 {margin-left: 35px !important;}
.mt40 {margin-top: 40px !important;} .mr40 {margin-right: 40px !important;} .mb40 {margin-bottom: 40px !important;} .ml40 {margin-left: 40px !important;}
.mt45 {margin-top: 45px !important;} .mr45 {margin-right: 45px !important;} .mb45 {margin-bottom: 45px !important;} .ml45 {margin-left: 45px !important;}
.mt50 {margin-top: 50px !important;} .mr50 {margin-right: 50px !important;} .mb50 {margin-bottom: 50px !important;} .ml50 {margin-left: 50px !important;}
.mt55 {margin-top: 55px !important;} .mr55 {margin-right: 55px !important;} .mb55 {margin-bottom: 55px !important;} .ml55 {margin-left: 55px !important;}
.mt60 {margin-top: 60px !important;} .mr60 {margin-right: 60px !important;} .mb60 {margin-bottom: 60px !important;} .ml60 {margin-left: 60px !important;}
.mt65 {margin-top: 65px !important;} .mr65 {margin-right: 65px !important;} .mb65 {margin-bottom: 65px !important;} .ml65 {margin-left: 65px !important;}
.mt70 {margin-top: 70px !important;} .mr70 {margin-right: 70px !important;} .mb70 {margin-bottom: 70px !important;} .ml70 {margin-left: 70px !important;}
.mt75 {margin-top: 75px !important;} .mr75 {margin-right: 75px !important;} .mb75 {margin-bottom: 75px !important;} .ml75 {margin-left: 75px !important;}
.mt80 {margin-top: 80px !important;} .mr80 {margin-right: 80px !important;} .mb80 {margin-bottom: 80px !important;} .ml80 {margin-left: 80px !important;}
.mt85 {margin-top: 85px !important;} .mr85 {margin-right: 85px !important;} .mb85 {margin-bottom: 85px !important;} .ml85 {margin-left: 85px !important;}
.mt90 {margin-top: 90px !important;} .mr90 {margin-right: 90px !important;} .mb90 {margin-bottom: 90px !important;} .ml90 {margin-left: 90px !important;}
.mt95 {margin-top: 95px !important;} .mr95 {margin-right: 95px !important;} .mb95 {margin-bottom: 95px !important;} .ml95 {margin-left: 95px !important;}
.mt100 {margin-top: 100px !important;} .mr100 {margin-right: 100px !important;} .mb100 {margin-bottom: 100px !important;} .ml100 {margin-left: 100px !important;}

/******************************************************************************
 *** layout *******************************************************************
 ******************************************************************************/
.wrap{min-width:320px;overflow:hidden;width:100%;}

.header{height:7.3rem;padding-top:2.3rem;text-align:center;box-sizing:border-box;background:url('../images/bg_body.png') repeat-x 0 0;background-size:auto 100%;}
.header h1{position:relative;display:inline-block;width:15rem;text-align:center;z-index:1;}
.header h1 a{display:block;width:100%;max-width:222px;}
.header h1 img{width:100%;}
.header .menu{float:left;margin-left:1.8rem;height:3.3rem;margin-top:0.5rem;}
.header .menu img{height:3rem;}
.header .searchBtn{position:relative;float:right;margin-top:0.5rem;margin-right:2.33rem;z-index:11}
.header .searchBtn img{height:3rem;}

.topSearch{display:none;position:absolute;top:0;right:0;width:100%;padding:2.4rem 0.4rem;height:9rem;border-bottom:1px solid #ccc;box-sizing:border-box;background:#373b4b;z-index:10}
.topSearch .search{padding:0.4rem 6.5rem 0.4rem 0.5rem;}
.topSearch .search input{height:3rem;width:100%;border:1px solid #ccc;box-sizing:border-box;color:#333;font-size:1.5rem;}
.topSearch .close{display:none;position:absolute;bottom:0.4rem;left:50%;height:0;width:0;margin-left:-0.58rem;
	border-left:1.25rem  solid #373b4b; border-right:1.25rem solid #373b4b; border-bottom:1.25rem solid #ccc;
}


.gnbArea{display:none;position:fixed;top:0;left:0;height:100%;width:100%;z-index:999;}
.gnbArea .close{position:fixed;top:1rem;left:22rem;width:3rem;height:3rem;}
.gnbArea .close img{width:100%;height:100%;}
.gnbArea .dimmed{position:fixed;top:0;left:0;height:100%;width:100%;background:rgba(0,0,0,0.5);}
.gnbArea .gnb{position:absolute;top:0;left:0;width:21rem;height:100%;overflow-x:hidden;overflow-y:auto;background:#fff;}
.gnbArea .gnb li{position:relative;height:3.3rem;font-size:1.3rem;border-bottom:1px solid #ccc;}
.gnbArea .gnb li:after{content:">"; display: block;position:absolute;top:0.65rem;right:1.25rem;font-size:1.3rem;}
.gnbArea .gnb li a{display:block;padding-left:2rem;line-height:3.3rem;}

.bgGray{background:#efefef;}

.consHeader{text-align:center;border-bottom:1px solid #dadada;background:#efefef;}

/* tabType */
.tabType1{padding:2rem 0;}
.tabType1 ul{display:inline-block;border:1px solid #ababab;}
.tabType1 ul:after{content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.tabType1 ul li{float:left;width:13rem;border-left:1px solid #ababab;background:#fff;}
.tabType1 ul li:first-child{border-left:none;}
.tabType1 ul li a{display:block;height:3.3rem;line-height:3.3rem;font-size:1.3rem;color:#585858;}
.tabType1 ul li.on a{color:#fff;background:#8a8a8a;}

@media all and (max-width:420px){
	.tabType1 ul{width:80%}
	.tabType1 ul li{width:33.3333%;box-sizing:border-box;}
}

.consHeader + .content{padding-top:4.1rem;}
.content{position:relative;padding:2.2rem 0 3rem 0;background:#fff;}
.consHeader + #content{padding-top:1.66rem;}

.contTit{position:relative;z-index:1;padding:0 0 1.5rem 0;text-align:center;}
.contTit:after{position:absolute;bottom:0;left:50%;content:""; display: block;width:2.3rem;height:1px;margin-left:-1.16rem;background:#000;}
.contTit strong{display:block;font-size:2rem;color:#000000;}
.contTit span{display:block;font-size:0.9rem;color:#000000;}

.consHeader .contTit{padding:1.66rem 0;}
.consHeader .contTit strong{color:#585858;}
.consHeader .contTit:after{display:none;}

#footer{border-top:1px solid #bababa;}
#footer .sns_area{display: flex; justify-content: center; margin-top: 15px; gap: 10px;}
#footer .sns_area img{width: 36px;}
#footer .footerMenu .inner{position:relative;padding:0 2.33rem;}
#footer .footerinfo .inner{position:relative;padding:2.5rem 0 3rem 21.4rem;box-sizing:border-box}
#footer .footerinfo .inner .footerLogo{position:absolute;top:2.5rem;left:2.33rem;}
#footer .footerinfo .inner .footerLogo img{width:16.6rem;max-width:200px}
#footer .footerinfo .inner .company{position:absolute;top:2.5rem;left:15.8rem;color:#484848;font-size:1rem;font-weight:bold;}
#footer .footerinfo .inner .address{display:table;width:100%;color:#767676;}
#footer .footerinfo .inner .address+ .address{margin-top:0.4rem;}
#footer .footerinfo .inner .address .cell{display:table-cell;white-space:nowrap;padding-left:1rem;vertical-align:top;}
#footer .footerinfo .inner .address em.cell{padding-right:1rem;}
#footer .footerinfo .inner .address strong{width:20px;position:relative;height:2rem;padding-left:0.83rem;color:#363636;font-size:1.4rem;}
#footer .footerinfo .inner .address strong:after{content:""; display: inline-block;position:absolute;top:0.9rem;left:0;width:0.16rem;height:0.16rem;background:#363636;}
#footer .footerinfo .inner .address span{float:left;vertical-align:top;font-size:1.4rem;}
#footer .footerinfo .inner .address span:before{display:inline-block;content:'';width:1px;height:0.9rem;margin:0 0.75rem;background:#939aa3;vertical-align:middle;}
#footer .footerinfo .inner .address span:first-child:before{display:none;}
#footer .footerinfo .inner .copyright{margin-top:0.4rem;color:#999999;font-size:1.16rem;}

@media all and (max-width:620px){
#footer .footerinfo .inner{position:relative;padding:2.5rem 0 3rem 15rem}
#footer .footerinfo .inner .footerLogo {left:1.8rem;}
#footer .footerinfo .inner .footerLogo img{width:12rem;max-width:200px}
#footer .footerinfo .inner .address{letter-spacing:-1px;}
#footer .footerinfo .inner .address strong{height:auto;}
#footer .footerinfo .inner .address strong:after{top:0.6rem}
}

/******************************************************************************
 *** home contents***********************************************************
 *************************************************************************/
.content.main{padding-bottom:0;}
.mainIntroTxt {margin-top:4.15rem;text-align:center;}
.mainIntroTxt > *{display:block;}
.mainIntroTxt > strong{margin-bottom:1rem;}
.mainIntroTxt > strong img{width:90%;max-width:57rem;}
.mainIntroTxt > p{margin-top:1.25rem;font-size:1.3rem;color:#636363;margin-bottom:3.15rem;}

/* 20170619������û���� ���� */
.mainIntroTxt2{margin-top:1.5rem;padding:0 8.5rem;text-align:center;} 
.mainIntroTxt2 img{max-width:594px;width:100%;}

/* 20170619������û���� ���� */

.mainIntroTxt3{margin-top:1.5rem;padding:0;text-align:center;}
.mainIntroTxt3 .bigbanner > ul img{width:auto; height:180px;}
.mainIntroTxt3 .bigbanner a.prev{position:absolute; top:50%; left:20px; z-index:998; margin-top:-18px;}
.mainIntroTxt3 .bigbanner a.next{position:absolute; top:50%; right:20px; z-index:998; margin-top:-18px;}


.mainMenu{padding:2.75rem 0 6.5rem 0;margin-top:3.5rem;font-size:1rem;background:#f0f0f0;}
.mainMenu ul{width:100%;max-width:473px;margin: 0 auto;}
.mainMenu ul:after{content:""; display: block;clear:both;}
.mainMenu li{position:relative;float:left;width:33.333%;text-align:center;margin-top:3.75rem;}
.mainMenu li:before{content:""; display: block;position:absolute;top:50%;left:0;width:1px;height:4.66rem;margin-top:-2.33rem;background:#000000;}
.mainMenu li:nth-child(4){clear:both}
.mainMenu li:nth-child(4):before{display:none;}
.mainMenu li:first-child:before{display:none;}
.mainMenu li a{display:block;font-size:1rem;}
.mainMenu li a:hover{color:#bc7e46;}
.mainMenu li img{width:100%;max-width:141px;}

@media all and (max-width:460px){
.mainIntroTxt{margin-top:1.4rem;}
.mainMenu{padding:2.75rem 0 3.5rem 0;}
.mainMenu li{margin-top:1.5rem}
}

/******************************************************************************
 *** new contents ***********************************************************
 ******************************************************************************/

 .menuList{position:relative;height:5.2rem;margin-top:2.5rem;border-top:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background:#f6f6f6;}
 .menuList:after{content:""; display: block; position:absolute;top:0;right:0;width:5rem;height:100%;z-index:100;background:url('../images/bg_whiteMask.png') no-repeat 0 0;background-size:100% 100%; }
 .menuList li{float:left;height:100%;padding:0 1rem;}
 .menuList li a{display:block;height:5rem;line-height:5.2rem;font-size:1.66rem;}
 .menuList li.on a{color:#222222;border-bottom:0.3rem solid #c6976d;font-weight:bold;}

.companyIntro{margin-top:3.3rem;text-align:center;}
.companyIntro img{width:100%;max-width:720px}
.companyIntro .intro{padding:0 2.3rem;}
.companyIntro .intro p{margin-top:3.3rem;color:#707070;font-size:1.4rem;}
.companyIntro .intro p strong{color:#000;font-size:1.4rem;vertical-align:top;}

.historyArea{margin-top:1.66rem;}
.historyArea .historySearch{text-align:center;}
.historyArea .historySearch{padding-bottom:2.5rem;}
.historyArea .historySearch .selectbox{width:30.3rem;}
.historyBox .historyList{width:34rem;margin: 0 auto;}
@media all and (max-width:480px){
	.historyBox .historyList{width:90%;}
}
.historyBox .historyList li{position:relative;padding:0.83rem 0.66rem;padding-left:10.25rem;border-bottom:1px solid #d4d4d4;}
.historyBox .historyList li strong{position:absolute;top:0.83rem;left:0;display:inline-block;padding-left:2.5rem;width:9.58rem;color:#000;font-size:1.16rem;}
.historyBox .historyList li strong:before{content:""; display: block;position:absolute;top:0.58rem;left:0.66rem;width:0.4rem;height:0.4rem;border-radius:0.4rem;background:#f16523;}
.historyBox .historyList li span{display:block;position:relative;color:#707070;padding-left:1.25rem;font-size:1.16rem;}
.historyBox .historyList li span:before{content:""; display: block;position:absolute;top:0.58rem;left:0.66rem;width:0.16rem;height:0.16rem;background:#707070;}

.locationArea{margin-top:3.33rem;max-width:55.8rem;width:100%;margin: 0 auto;padding:0 2.3rem;box-sizing:border-box;margin-top:2rem;}
.locationArea:after{content:""; display: block;clear:both;}
.locationArea .titbox{display:block;text-align:center;}
.locationArea .tit{display:inline-block;border-radius:4.3rem;width:4.3rem;height:4.3rem;margin: 0 1.8rem;line-height:4.3rem;color:#fff;font-size:1.3rem;text-align:center;background:#7a7a7a;}
.locationArea .tit.type2{line-height:1.4rem;padding-top:0.75rem;box-sizing:border-box;}
.locationArea .tit.on{background:#9f836a;}
.locationArea p{color:#9f836a;padding-left:20%;font-size:1.3rem;font-weight:bold;}
.locationArea p i{margin-right:1.6rem;}
.locationArea p i img{vertical-align:top;margin-top:0.16rem;height:1.6rem;}
.locationArea .address{margin-top:1.6rem;}
.locationArea .tel{margin-top:0.8rem;}
.locationArea .map{height:44rem;margin-top:2.5rem;border:1px solid #929292;overflow:hidden;}
.locationArea .map img{width:100%;}
@media all and (max-width:480px){
	.historyBox .historyList li strong:before{top:0.41rem}
}
@media all and (max-width:550px){
	.locationArea .map{margin-top:2rem;height:35rem}
}
@media all and (max-width:420px){
	.locationArea .map{margin-top:1.5rem;height:26rem}
}
/* selectbox */
.selectbox{display:inline-block;position:relative;margin: 0 0.66rem;}
.selectbox select{position:absolute;top:0;left:0;height:3.33rem;width:100%;opacity:0;}
.selectbox  a{display:inline-block;height:3.33rem;width:100%;box-sizing:border-box;text-indent:-15px;border:1px solid #ababab;background:#fff;}
.selectbox  a span{display:block;line-height:3.33rem;font-size:1.16rem;color:#585858;background:url("../images/bg_select.png") no-repeat 100% 40%;background-size:auto 64%}

.selectbox2{display:inline-block;position:relative;margin: 0 0.5rem;}
.selectbox2 select{position:absolute;top:0;left:0;height:3.33rem;width:100%;opacity:0;}
.selectbox2  a{display:inline-block;height:3.33rem;width:100%;box-sizing:border-box;text-indent:-15px;border-bottom:1px solid #373b4b;background:#fff;}
.selectbox2  a span{display:block;line-height:3.33rem;font-size:1.6rem;color:#222222;background:url("../images/bg_select2.png") no-repeat 100% 50%;background-size:auto 45%}


/* ��ǰ�Ұ� */
.productSearch{padding:1.33rem 0;text-align:center;}
.productSearch .selectbox{width:60%;}
.productSearch .selectbox .selected{text-align:left;text-indent:2.5rem;}
.productSearch .selectbox2{width:90%;}
.productSearch .selectbox2 .selected{text-align:left;text-indent:1.5rem;}
.productSearch .hr{display:block;height:1.25rem;border:none;opacity:0;}

	
.productList2{margin: 0 auto;margin-top:2.9rem;}
.productList2:after{content:""; display: block;clear:both} 
.productList2 > li{float:left;width:50%;padding:0 0.75rem 4.16rem 0.75rem;text-align:center;box-sizing:border-box;}
.productList2 > li .img{position:relative;display:inline-block;max-width:23.9rem;border:1px solid #e4e4e4;box-sizing:border-box;}
.productList2 > li .img img{width:100%;}
.productList2 > li .img .view{display:none;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;}
.productList2 > li .img .view a{display:block;height:100%;background:rgba(159, 131, 106, 0.8) url("../images/ico_view.png") no-repeat 50% 50%;background-size:5rem auto} 
.productList2 > li .img:hover .view{display:block;}
.productList2 > li .txt{display:table;width:100%;max-width:23.9rem;padding-top:0.83rem;margin: 0 auto;}
.productList2 > li .txt span{display:table-cell;color:#868686;padding-left:0.4rem;text-align:left;font-size:1.3rem;vertical-align:top;}
.productList2 > li .txt span:first-child{padding-left:0;}
.productList2 > li .img img.prdImg{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.productList2 > li .img img.baseImg{width:100%;}
.productList2 > li .txt .label{display:inline-block;color:#fff;font-size:12px;padding:0 5px;line-height:16px;background:#999999;}



.productDetail{padding:0 2.3rem;padding-top:3.3rem;}
.productDetail .detailInfo dt{display:table;width:100%;padding-bottom:1.25rem;}
.productDetail .detailInfo dt > div{display:table-cell;vertical-align:bottom;}
.productDetail .detailInfo:after{content:""; display: block; clear:both;}
.productDetail .detailInfo .title{padding-left:1.25rem;padding-bottom:0.4rem;border-left:0.83rem solid #9f836a;}
.productDetail .detailInfo .title strong{color:#111111;font-size:2.5rem;display:block;}
.productDetail .detailInfo .title .eng{color:#424242;font-size:1.25rem;display:block;}
.productDetail .detailInfo .title .tit{display:inline-block;}
.productDetail .detailInfo .title em.label{display:inline-block;padding:0.15rem 0.58rem;height:1.5rem;line-height:1.15rem;color:#fff;vertical-align:bottom;margin-left:1.25rem;font-size:1.08rem;background:#f68b23;}

.productDetail .detailInfo .photoZone{text-align:center;}
.productDetail .detailInfo .photoZone .img img{width:100%;max-width:662px;border:0px solid #dadada;}
.productDetail .detailInfo .photoZone .thumb {position:relative;width:35rem;margin: 0 auto;margin-top:1.66rem;}
.productDetail .detailInfo .photoZone .thumb .slick-list{overflow:hidden}
.productDetail .detailInfo .photoZone .thumb li{float:left;}
.productDetail .detailInfo .photoZone .thumb a{position:relative;overflow:hidden;display:inline-block;width:8.3rem;height:8.3rem;border:1px solid #dbdbdb;}
.productDetail .detailInfo .photoZone .thumb img{height:100%;position:absolute;top:0;left:50%;transform:translateX(-50%)}
.productDetail .detailInfo .photoZone .slick-prev{position:absolute;top:2.5rem;left:-5rem;width:3.6rem;height:3.6rem;border:none;text-indent:-9999%;background:url("../images/btn_prev.png") no-repeat 100% 100%;background-size:3.6rem 3.6rem}
.productDetail .detailInfo .photoZone .slick-next{position:absolute;top:2.5rem;right:-5rem;width:3.6rem;height:3.6rem;border:none;text-indent:-9999%;background:url("../images/btn_next.png") no-repeat 100% 100%;background-size:3.6rem 3.6rem}
.productDetail .detailInfo .photoZone .slick-dots{display:none !important;}
.productDetail .detailInfo .infoArea{}
.productDetail .detailInfo .infoArea .list{display:table;width:100%;margin-top:2.5rem;}
.productDetail .detailInfo .infoArea .list li{display:table-row;}
.productDetail .detailInfo .infoArea .list li > * {display:table-cell;padding:0.8rem 0;vertical-align:top;}
.productDetail .detailInfo .infoArea .list li > strong{width:0.83rem;position:relative;padding-left:2.5rem;padding-right:1.25rem;text-align:justify;white-space:nowrap;color:#5e5e5e;font-size:1.4rem;}
.productDetail .detailInfo .infoArea .list li > strong .gap1{display:inline-block;width:0.55rem;}
.productDetail .detailInfo .infoArea .list li > strong .gap2{display:inline-block;width:2.3rem;}
.productDetail .detailInfo .infoArea .list li > strong:before{position:absolute;top:1.4rem;left:1.08rem;content:""; display:inline-block;width:0.65rem;height:0.65rem;margin-right:0.4rem;vertical-align:middle;border-radius:0.4rem;background:#5e5e5e;}
.productDetail .detailInfo .infoArea .list li > span{text-align:left;line-height:1.45em;font-size:1.33rem;color:#5e5e5e;}

.productDetail.type2{padding:0 0;}

.productDetail .detailInfo .infoArea .list2{margin-top:3.33rem;}
.productDetail .detailInfo .infoArea .list2 li{position:relative;padding-left:10rem;margin-top:1.25rem;min-height:2.16rem;}
.productDetail .detailInfo .infoArea .list2 li strong{display:inline-block;width:8.33rem;height:2.16rem;line-height:2.16rem;text-align:center;position:absolute;top:0;left:0;font-size:1.33rem;font-weight:bold;color:#525252;border:1px solid #c7c7c7;}
.productDetail .detailInfo .infoArea .list2 li span{color:#828282;font-size:1.33rem;display:block;padding-top:5px;}
.productDetail .detailInfo .infoArea .list2 li .dash{position:relative;padding-left:1rem;font-size:1.33rem;color:#828282;}
.productDetail .detailInfo .infoArea .list2 li .dash:before{content:""; display: block;position:absolute;top:0.8rem;left:0;width:0.5rem;height:1px;background:#828282;}

@media all and (max-width:460px){
.productDetail .detailInfo .photoZone .thumb {width:70%}
.productDetail .detailInfo .photoZone .thumb a{width:100%}
}

/* dlType */
.dlType1{margin-top:3.7rem;}
.dlType1 dt strong{position:relative;display:inline-block;height:3.33rem;padding:0 2.5rem;min-width:10rem;text-align:center;line-height:3.33rem;color:#fff;background:#9f836a;font-size:1.4rem;}
.dlType1 dt strong:after{content:""; display: block;position:absolute;top:0;right:-4.3rem;width:4.3rem;height:3.33rem;background:url("../images/bg_dlType1_dt.png") no-repeat 100% 100%;}
.dlType1 dd{padding:20px 14px;background:#efefef;}
.dlType1 dd .productExp{padding:2rem;background:#fff;font-size:1rem;}
.dlType1 dd .productExp strong{font-size:1.66rem;}

.productList3{position:relative;table-layout:fixed;width:100%;padding-bottom:0.83rem;background:#fff;}
.productList3:after{content:""; display: block;clear:both} 
.productList3 > li{float:left;width:25%;padding:1.0rem;text-align:center;box-sizing:border-box;vertical-align:middle;background:#fff;}
.productList3 > li .img{position:relative;box-sizing:border-box;}
.productList3 > li .img img{width:100%;max-width:140px;}
.productList3 > li .txt{margin-top:0.58rem;}
.productList3 > li .productMore{position:absolute;top:50%;right:0;width:25%;}
.productList3 > li .productMore span{position:absolute;top:50%;left:50%;padding-top:3.75rem;;max-width:4rem;white-space:nowrap;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);color:#a6a6a6;background: no-repeat 50% 0;background-size:80% auto}
.productList3 > li a{font-size:1.25rem;}
.productList3 > li a:hover{text-decoration:underline;}
.productList3 > li:nth-child(4n+1){clear:both}

.productList9{position:relative;table-layout:fixed;width:100%;padding-bottom:0.83rem;background:#fff;}
.productList9:after{content:""; display: block;clear:both} 
.productList9 > li{float:left;width:25%;padding:1.0rem;text-align:center;box-sizing:border-box;vertical-align:middle;background:#fff;}
.productList9 > li .img{position:relative;box-sizing:border-box;}
.productList9 > li .img img{width:100%;max-width:140px;}
.productList9 > li .txt{margin-top:0.58rem;}
.productList9 > li .recipeMore{position:absolute;top:50%;right:0;width:25%;}
.productList9 > li .recipeMore span{position:absolute;top:50%;left:50%;padding-top:3.75rem;;max-width:4rem;white-space:nowrap;transform:translate(-50%, -50%);-webkit-transform:translate(-50%, -50%);color:#a6a6a6;background: no-repeat 50% 0;background-size:80% auto}
.productList9 > li a{font-size:1.25rem;}
.productList9 > li a:hover{text-decoration:underline;}
.productList9 > li:nth-child(4n+1){clear:both}

.productList4{margin-top:35px;}
.productList4:after{content:""; display: block;clear:both} 
.productList4 > li{float:left;width:33.3333%;padding:0 0.9rem;padding-bottom:2rem;box-sizing:border-box;}
.productList4 > li:nth-child(3n+1){clear:both}
.productList4 > li .prd{display:block;position:relative;width:100%;max-width:187px;margin: 0 auto;box-sizing:border-box;}
.productList4 > li .img{position:relative;width:100%;margin: 0 auto;max-width:187px;border:1px solid #f0f0f0;overflow:hidden;}
.productList4 > li .img .view{display:none;position:absolute;top:0;left:0;z-index:1;width:100%;height:100%;}
.productList4 > li .img .view a{display:block;height:100%;background:rgba(159, 131, 106, 0.8) url("../images/ico_view.png") no-repeat 50% 50%;background-size:5rem auto} 
.productList4 > li .img:hover .view{display:block;}
.productList4 > li .img img.prdImg{position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);-webkit-transform:translateY(-50%)}
.productList4 > li .img img.baseImg{width:100%;}
.productList4 > li .tit{padding-top:0.1rem;}
.productList4 > li .tit p{margin-top:0.1rem;}
.productList4 > li .tit .date{display:inline-block;padding:0 0.5rem;font-size:1rem;color:#fff;background:#373b4b;}
.productList4 > li .tit .name{display:inline-block;padding:0 0.5rem;font-size:1rem;color:#fff;background:#999999;}
.productList4 > li .txt{margin-top:0.8rem;}
.productList4 > li .txt strong{display:block;font-size:1.05rem;color:#777777;}
.productList4 > li .txt span{color:#888888;}

/* ������ */
.recipeList{padding:0 2.33rem;padding-left:1.9rem;}
.recipeList .label{position:absolute;top:-1px;left:1.66rem;}
.recipeList .title{padding-bottom:0.5rem;padding-left:0.4rem;font-weight:bold;border-bottom:0.16rem solid #000000;font-size:1.33rem;color:#000000;}
.recipeList dl{margin-left:3rem;}
.recipeList dl dt{position:relative;display:inline-block;color:#fff;font-size:1.33rem;height:2.66rem;line-height:2.66rem;padding-right:1.08rem;padding-left:3.5rem;margin-top:5rem;background:#9f836a url("../images/ico_recipeList_arr2.png") no-repeat 1.4rem 50%;background-size:0.8erm 0.6rem}
.recipeList dl dt:before{position:absolute;top:0;right:-1.25rem;width:1.4rem;height:2.66rem;content:""; display: block;background: url("../images/bg_recipeList_arr.png") no-repeat 100% 0;background-size:100% 100%}
.recipeList dl dt em{position:absolute;top:0;left:-2.25rem;color:#9f836a;font-weight:800;font-size:2.5rem;line-height:2.6rem;}
.recipeList dl dt span{display:block;margin-top:1px;}
.recipeList dl dd{padding-top:2rem;}
.recipeList dl dd:after{content:""; display: block;clear:both;}
.recipeList dl dd .material strong{position:relative;display:block;padding-left:1.25rem;font-size:1.3rem;color:#000;}
.recipeList dl dd .material strong:before{position:absolute;top:0.5rem;left:0;content:""; display: block;width:0.5rem;height:0.5rem;color:#000;background:#000;}
.recipeList dl dd .material ul{display:table;width:100%;margin-top:10px;border-left:1px solid #b2b2b2;}
.recipeList dl dd .material ul + ul{margin-top:-1px;}
.recipeList dl dd .material ul:after{content:""; display: block;clear:both;}
.recipeList dl dd .material li{display:table-cell;width:20%;padding:1rem 0;vertical-align:middle;box-sizing:border-box;margin-top:-1px;border:1px solid #b2b2b2;border-left:none;text-align:center;}
.recipeList dl dd .material li em{display:block;font-size:1.3rem;color:#494949;font-weight:bold;}
.recipeList dl dd .material li span{display:block;font-size:1.3rem;color:#828282;}
.recipeList dl dd .material + .order{margin-top:2.5rem;}
.recipeList dl dd .order {padding-top:1.25rem;}
.recipeList dl dd .order strong{position:relative;display:block;padding-left:1.25rem;font-size:1.3rem;color:#000;}
.recipeList dl dd .order strong:before{position:absolute;top:0.5rem;left:0;content:""; display: block;width:0.5rem;height:0.5rem;color:#000;background:#000;}
.recipeList dl dd .order ul{margin-top:-1.25rem;}
.recipeList dl dd .order ul li{margin-top:0.4rem;font-size:1.08rem;color:#494949;}
.recipeList dl dd .order  strong + ul{margin-top:0.8rem;}

/* pagination */
.pagination{position:relative; clear:both; width:100%;margin:0 auto;padding-top:30px;text-align:center;}
.pagination a{display:inline-block;width:24px;height:24px;line-height:22px;text-align:center;margin: 0 2px;color:#868686;border:1px solid #ababab;}
.pagination span a{width:auto;padding:0;margin:0;background:none;}
.pagination .page_on{font-weight:bold; color:#fff;border:1px solid #ababab;background:#ababab;}
.pagination .pagePre a{margin-right:10px;border:none;}
.pagination .pageNext a{margin-left:10px;border:none;}
.pagination img{position:relative; top:-2px;}
.btnBox +  .pagination{margin-top:-60px;}

/* brandArea */
.brandArea .brandIntro{margin-top:2.5rem;}
.brandArea .brandIntro .img img{width:100%;}
.brandArea .brandIntro .txt img{width:100%;}
.brandArea .introConts{margin-top:2.5rem;}
.brandArea .introConts .img img{width:100%;}

.callebautList{overflow:hidden;}
.callebautList .slick-list{border:1px solid #b0b0b0;}
.callebautList li{float:left;}
.callebautList li img{width:100%;}
.callebautList .slick-dots{clear:both;text-align:center;padding-top:1rem;}
.callebautList .slick-dots li{float:none;display:inline-block;width:0.9rem;height:0.9rem;overflow:hidden;margin-left:0.4rem;border-radius:0.9rem;background:#c1c1c1;}
.callebautList .slick-dots li.slick-active{background:#ce9f73;}
.callebautList .slick-dots li button{opacity:0;}

.brandTotal{margin: 0 2rem;margin-top:1rem;}
.brandTotal:after{content:""; display: block;clear:both;}
.brandTotal li{position:relative;float:left;width:25%;height:16.3rem;overflow:hidden;box-sizing:border-box;border:1px solid #e9e9e9;}
.brandTotal li .img{position:absolute;top:0;left:0;bottom:5rem;width:100%;}
.brandTotal li .img a > span{position:absolute;top:0;left:0;bottom:0;width:100%;vertical-align:middle;text-align:center;}
.brandTotal li .img a > span.on{display:none;}
.brandTotal li .img a > span img{height:100%;}
.brandTotal li .txt{position:absolute;bottom:0;left:0;padding:0.5rem 0;width:100%;background:#f6f7f9;z-index:2;}
.brandTotal li .txt > a{display:block;}
.brandTotal li .txt .tit{display:block;padding-top:0.5rem;padding-left:1.4rem;font-size:1.3rem;color:#333333;}
.brandTotal li .txt .eng{display:block;padding-left:1.4rem;margin-top:0.25rem;color:#999999;}
.brandTotal li .txt .plus{position:absolute;top:2rem;right:1.65rem;width:1.25rem;height:15px;background:url("../images/brandTotal_plus.png") no-repeat 0 0;background-size:2.2rem auto;}
.brandTotal li .txt.on{z-index:3;bottom:-1.4rem;background:#c5966c;z-index:10;}
.brandTotal li .txt.on .tit{color:#fff;}
.brandTotal li .txt.on .eng{color:#88684c;}
.brandTotal li .txt.on .plus{background-position:-1.1rem 0;}


/* 끼리 */
.brandArea.kiriArea img{width:100%;}
.brandArea.kiriArea .productSearch{padding-bottom:22px;}
.brandArea.kiriArea .txt01{font-size:11px;color:#4d4d4d;line-height:16px;padding:15px}
.brandArea.kiriArea .brand_box{position:relative;}
.brandArea.kiriArea .brand_box a{font-size:0;display:block;position:absolute;height:16.455%;left:50%;transform: translateX(-50%);}
.brandArea.kiriArea .brand_box a.target01{width:49%;top:42%;}
.brandArea.kiriArea .brand_box a.target02{width:61%;bottom:15%}
.brandArea.kiriArea .video-container{padding:15px;}
.brandArea.kiriArea .kiri_tit{padding:10px 15px 0;}
.brandArea.kiriArea .kiri_slider{position:relative;padding-bottom:30px;width:92%}
.brandArea.kiriArea .kiri_slider ul{width:100%;display:table;margin:0 auto;}
.brandArea.kiriArea .kiri_slider ul li{display:table-cell;max-width:0;padding:0 4px;}
.brandArea.kiriArea .kiri_slider ul li img{width:100%;}
.brandArea.kiriArea .kiri_slider dl{color:#847f84;text-align:center;font-size:10px;line-height:13px;}
.brandArea.kiriArea .kiri_slider dl dt{font-weight:bold;padding-top:5px;}
.brandArea.kiriArea .kiri_slider .swiper-pagination{position:absolute;z-index:10;bottom:0px;}
.brandArea.kiriArea .kiri_slider .swiper-pagination span{width:11px;height:11px;font-size:0;background:#b2b2b2;opacity:1;}
.brandArea.kiriArea .kiri_slider .swiper-pagination span.swiper-pagination-bullet-active{background:#152d77;}
.brandArea.kiriArea .bar{width:92%;height: 3px;background-image: url("../images/kiri/bar.png");background-repeat:no-repeat;background-size:contain;background-position:center;margin:0 auto;}

/* 241227 추가 */
.txt_info{font-size:13px; padding:20px;}
.info_list{font-size:12px; padding:20px;}
.info_list li{padding-left:18px;padding-bottom:5px; position:relative;}
.info_list li:before{content:'-'; position:absolute;left:0;}

@media all and (max-width:460px){
.brandTotal li .img a > span img{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);width:100%;max-width:150px;height:auto;}
}

/* 루비초콜릿 */
.content .rubyIntro{margin-top: 30px;padding:0 10px;text-align: center;}
.content .rubyIntro .img img{max-width: 100%;}
.content .ruby_title{position: relative;line-height: 24px;padding-bottom: 20px;font-size: 18px;font-weight: 600;color: #222; margin-top: 20px;}
.content .ruby_title:after{content: '';width: 25px;height: 1px;background-color: #ababab;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.content .ruby_title.type-02{padding-bottom: 0;font-size: 18px; color: #d23776;}
.content .ruby_title.type-02:after{display: none;}
.content .ruby_title.type-03{position: relative;line-height: 40px;padding-bottom:20px; font-size: 28px; }
.content .ruby_title.type-03:after{content: '';display: block;width: 25px;height: 1px;background-color: #ababab;position: absolute;left: 50%;bottom: 0;transform: translateX(-50%); -webkit-transform: translateX(-50%);}
.content .rubyIntro.type-02 .ruby_title{position: relative;margin-top: 0;padding-bottom: 0;}
.content .rubyIntro.type-02 .ruby_title:after{display: none;}
.content .rubyIntro.type-02 .ruby_title span{display: block;width: 240px;height: 38px;line-height: 38px; border: 1px solid #be1f67;border-radius: 40px;margin: 0 auto; font-size: 18px;font-weight: 600;color: #be1f67; text-align: center;background-color: #fff;}

.content .rubyIntro .intro{margin-top: 23px;}
.content .rubyIntro .intro p{display: inline;line-height: 24px;font-size: 14px;color: #222;-ms-word-break: keep-all; word-break: keep-all;}
.content .rubyIntro .intro p.mt{margin-top: 15px;}

.content .rubyIntro .btn_area{margin-top: 30px;font-size: 0;}
.content .rubyIntro .btn_area .btn{display: inline-block;vertical-align: top;background-color: #fff;width: 30%;height: 36px;line-height: 34px; border: 1px solid #d23776; border-radius: 5px; font-size: 14px; color: #d23776;margin:0 1%;}
.content .rubyIntro .btn_area .btn.form02{background-color: #be1f67;color: #fff;}

.content .rubyIntro .essence_info{margin: 0 auto;width: 95%;font-size: 0;}
.content .rubyIntro .essence_info .inner{display: inline-block;vertical-align: top;width: 100%;text-align: center; padding-top: 30px;}
.content .rubyIntro .essence_info .inner .essence_tit{font-size: 16px;line-height: 20px;color: #4f0a0a;font-weight: 600;}
.content .rubyIntro .essence_info .inner .essence_txt{margin-top: 10px;font-size: 16px;line-height: 24px;color: #222;font-weight: 300;}
.content .rubyIntro .essence_info .inner .img {margin-top: 18px;}
.content .rubyIntro .essence_info .inner .img img{max-width: 100%;}

.content .rubyIntro .ruby_list{margin-top: 30px;margin-left: -2%;}
.content .rubyIntro .ruby_list:after{content: '';display: block;clear: both;}
.content .rubyIntro .ruby_list li{float: left;width: 48%;margin-left: 2%;margin-bottom: 15px;}
.content .rubyIntro .ruby_list li p{margin-top: 15px;font-size: 14px;color: #222;line-height: 20px;}

/* 비건 */
.content .veganIntro{padding:0 10px;text-align: center;}
.content .veganIntro .veganIntro_bg{position: relative; padding: 30px 0 210px; background-image: url(../images/vegan_img01.png); background-repeat:no-repeat;background-position:left bottom; background-size:280px;}
.content .veganIntro .bg_bottom{position:absolute; bottom:0; left:0; right:0;}
.content .veganIntro.type-02{margin-top: 80px;}
.content .vegan_title{display: inline-block; position: relative;padding-bottom: 0px;font-size: 42px;font-weight: 600;color: #222;}
.content .vegan_title::before{content: '';width: 35px;height: 30px; background-repeat: no-repeat;background-position: center; background-image: url(../images/vegan_dot01.png); position: absolute;left: -70px;}
.content .vegan_title::after{content: '';width: 35px;height: 30px; background-repeat: no-repeat;background-position: center; background-image: url(../images/vegan_dot02.png); position: absolute;right: -70px;}

.content .veganIntro .intro{margin-top: 20px;}
.content .veganIntro .intro.type-02{margin-top: 20px;}
.content .veganIntro .intro p{line-height: 26px;font-size: 14px;color: #222;}
.content .veganIntro .intro p.mt{margin-top: 20px;}
.content .veganIntro .intro p .gr_c{color:#009944;}

.content .vegan_subtit{font-size:18px; font-weight: 600; color:#222; padding-bottom: 19px; position: relative;}
.content .vegan_subtit::after{content: '';width: 100%;height: 2px;background-color: #b8ac76;position: absolute;left:0;bottom: 0;}
.content .vegan_subtit.type-02{margin-top: 30px;}
.vegan_content .vegan_list{margin-top: 30px;margin-left: -2%;}
.vegan_content .vegan_list:after{content: '';display: block;clear: both;}
.vegan_content .vegan_list li{float: left;width: 48%;margin-left: 2%;margin-bottom: 8px;}
.vegan_content .vegan_list li.mt{margin-top: 30px;}

.vegan_content .btn_area{font-size: 0;}
.vegan_content .btn_area .btn{display: inline-block;vertical-align: middle;background-color: #fff;width: 150px;height: 36px;line-height: 34px; border: 1px solid #009944; border-radius: 5px; color: #009944;text-align: center; font-size:14px; font-weight: 600;}



@media all and (max-width:500px){
.vegan_content .vegan_list li .img img {width: 100%;}}