@charset "utf-8";
/*
	Contents CSS _ 15.05.27
*/


/*공통*/
.bgbox{background:#fafafa; padding:20px 3%;}
.pdbox{padding:30px 20px;}
.mEnter{display:block;}
.vab{vertical-align:bottom;}

.col-02{width:100%;}
.col-03{width:100%;}
.col-04{width:100%;}

.imgbox img{width:100%; max-width:530px;}
.w1400{max-width:1400px; margin: 0 auto;}
.w1000{max-width:1000px; margin: 0 auto;}
.w800{max-width:800px; margin: 0 auto;}

.perimg{text-align:center;}
.cb{clear:both;}

.content_table{width:100%; border-top:2px solid #6d6a60; border-collapse:collapse;}
.content_table th{padding:10px 5px}
.content_table th, .content_table td{border-bottom:1px solid #dcdcdc; padding:7px 3px; vertical-align:middle}
.content_table .bl, .content_table tr.bl td, .content_table tr.bl th{border-left:1px solid #dcdcdc}
/*.content_table tr.bl td:first-child, .content_table tr.bl th:first-child{border-left:0px;}*/
.content_table .bli{border-left:1px solid #dcdcdc !important}
.content_table th{font-weight:500; background:#f5f5f5; color:#323232; padding:12px 3px;}
.content_table .bgc{background:#fafafa; text-align:center}
.content_table tr.bgc th, .content_table tr.bgc td{ background:#fafafa}
.content_table .tal{text-align:left;}



.blackTxt{color:#000000}
.blTxt{color:#1c3f95}
.blgrTxt{color:#345468}
.jjTxt{color:#e50049}
.point_txt{position:relative; font-family:'Montserrat', 'ns'; text-transform:uppercase; color:#323232; font-weight:bold;}
.pDot{padding-left:15px; position:relative}
.pDot:before{content:''; width:8px; height:8px;border-radius:50px; position:absolute; right:0; top:3px; background:#928c74}
.fsb{font-size:1.2em}
.bgGray{background:rgba(230,230,230,0.3);}
.bgbox{padding:20px 3%; background:rgba(230,230,230,0.3);}
.pdbox{padding:20px 3%}
/*.point_txt:before{content:''; width:8px; height:8px;border-radius:50px; position:absolute; right:0; bottom:0px; background:#fbca4d}
.point_txt:after{content:''; clear:both;}*/
/*.redDot{display:inline-block; position:relative; padding-right:15px}
.redDot:before{content:''; width:8px; height:8px;border-radius:50px; position:absolute; right:0; bottom:0px; background:#fbca4d}
.redDot:after{clear:both;}*/

.pointTxt{background:#ffef67;}
.redTxt{color:#d10000}
.blueTxt{color:#2159c0}
.bdLine{border-bottom:1px solid #e6e6e6; padding-bottom:20px; margin-bottom:20px;}

.dot_li{overflow:hidden; }
.dot_li li{background:url("../img/dot_li.gif") no-repeat 0px 10px; padding-left:7px; margin-bottom:3px;}
.dot_li li:last-child{margin-bottom:0px;}

.tit_nm{font-size:1.3em; font-weight:600; letter-spacing:-0.06em; color:#000000}
.tit_sm{font-size:1.1em; font-weight:600; letter-spacing:-0.06em; color:#000000}
.tit_dot{color:#000000; font-size:1.3em; font-weight:600; letter-spacing:-0.065em; padding-left:30px; background:url(../img/tit_dot.png) no-repeat left center; background-size:22px !important}


@media all and (min-width:768px) {
.bgbox{padding:30px 3%;}
.col-02{width:47%; margin:0 1.5%; float:left;}
.col-03{width:30.33%; margin:0 1.5%; float:left;}
.pdbox{padding:30px 3%;}
.mEnter{display:inline;}
.tEnter{display:block;}

.tit_nm{font-size:1.3em; }
.tit_dot{ font-size:1.3em;}

}

@media all and (min-width:1200px) {
.bgbox{padding:40px 25px;}
.pdbox{padding:40px 25px;}
.tEnter{display:inline;}
.pEnter{display:block;}
.bdLine{padding-bottom:60px; margin-bottom:60px;}

.tit_nm{font-size:1.4em; }
.tit_sm{font-size:1.2em; }
.tit_dot{ font-size:1.4em;}


}

/*탭리스트*/
.tablist {overflow:hidden; text-align:center; position:relative;}
.tablist:before{position:absolute; content:''; width:100%; height:2px; left:0; bottom:0; background:#334061}
.tablist li{display:inline-block;  line-height:40px; text-align:center; background:#ffffff; position:relative;}
.tablist li:last-child{border-right:0}
.tablist.list02 li{width:45%}
.tablist.list03 li{width:30%}
.tablist.list04 li{width:45%}


.tablist li a{ display:block; text-align:center; border:2px solid #e6e6e6;  background:#f5f5f5; color:#808080; border-bottom:0px;}
.tablist li.active a{color:#334061; background:#ffffff; font-weight:500; border:2px solid #334061; border-bottom:3px solid #ffffff}


@media all and (min-width:768px) {
.tablist {text-align:left}
.tablist.list04 li{width:25%}
.tablist li{line-height:50px;}
}



.comm_table{width:100%; border-top:1px solid #4e5463; border-collapse:separate; font-size:0.95em;}
.comm_table th, .comm_table td{border-bottom:1px solid #dcdcdc; padding:15px 3px; vertical-align:middle}
.comm_table .bl, .comm_table tr.bl td, .comm_table tr.bl th{border-left:1px solid #dcdcdc}
/*.comm_table tr.bl td:first-child, .comm_table tr.bl th:first-child{border-left:0px;}*/
.comm_table .bli{border-left:1px solid #dcdcdc !important}
.comm_table th{font-weight:400; background:#fafafa; color:#000000}
.comm_table td.bdr{border-right:1px solid #e6e6e6}

.comm_table tr.total td{background:#f8f8f8; font-weight:500}
@media all and (min-width:768px) {
.comm_table{font-size:1em;}
.comm_table th, .comm_table td{padding:20px 10px}
}
.syncSlider{margin-bottom:20px; position:relative;}
.syncSlider #sync1 .owl-wrapper-outer{margin-bottom:10px;}
.syncSlider #sync1 .item img{width:100%}
.syncSlider #sync2 .item{margin: 5px; cursor: pointer; padding:2px; opacity:0.5;}
.syncSlider #sync2 .synced .item{background: #2448a9; opacity:1;}

.syncSlider .owl-controls{margin-top:0px !important; position:absolute; z-index:2; right:0px; bottom:0px;}
.syncSlider .owl-controls .owl-buttons{float:right;}
.syncSlider .owl-controls .owl-buttons div{margin:0px !important; border-radius:0px  !important; opacity:0.8 !important; width:40px; height:40px; padding: 10px  !important; text-indent:-9999999px;}
.syncSlider .owl-controls .owl-buttons div.owl-prev{margin-right:3px !important; background:#505050 url(../img/btn_prev.png) no-repeat center center !important;}
.syncSlider .owl-controls .owl-buttons div.owl-next{background:#505050 url(../img/btn_next.png) no-repeat center center !important;}

.syncSlider #sync2 {position:relative; margin-top:10px}
.syncSlider .owl-controls clickable{float:right}


/*컨텐츠공통*/
.conh4{font-size:1.9em; font-weight:500}
.conh4:after{content:''; width:60px; height:3px; background:#4e5463; display:block; margin:20px 0}
.conh4 span.st{font-size:0.7em; display:block}


@media all and (min-width:768px) {
.conh4{font-size:2.3em;}

}

/*공통*/


.pointbox{padding:20px 10px;  background:#ffffff; -webkit-box-shadow: 0px 0px 25px -7px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 25px -7px rgba(0,0,0,0.2);
box-shadow: 0px 0px 25px -7px rgba(0,0,0,0.2); border-top:2px solid #e50049}

.tit_flag{display:block; margin-bottom:20px;}
.tit_flag span{display:inline-block;  padding:12px 10px; padding-left:20px; padding-right:20px; text-align:center; color:#ffffff;  font-size:1.1em; font-weight:500; background:#928c74; background:linear-gradient(120deg, #928c74 0%, #928c74 70%, #656d72 100%);}
.half_common{position:relative}
.half_common .box_con{position:relative;  margin-bottom:30px; padding-bottom:30px; }
.half_common .box_con:last-child{ margin-bottom:0px; padding-bottom:0px; }
.half_common .box_con:after{content:''; display:block; clear:both}
.half_common .left_box{position:relative}


.half_box:after{content:''; display:block; clear:both}

.bgWrap{padding:40px 0px; background:#fff8f8; background-size:cover !important}

@media all and (min-width:768px) {

.pointbox{padding:20px 20px;}


.half_common .box_con{position:relative; margin-bottom:50px; padding-bottom:50px}
.half_common .box_con:after{content:''; clear:both; display:block}
.half_common .box_con .left_box{float:left; width:32%; margin-right:3%}
.half_common .box_con .right_box{float:left; width:65%}


.bgWrap{padding:70px 0px;}

}

@media all and (min-width:1200px) {
.pointbox{padding:30px 20px;}
.bgWrap{padding:90px 0px;}

.tit_flag span{font-size:1.4em;  padding:20px 0px; min-width:165px}
.tit_flag span.long{padding:25px 20px}

.half_common .box_con{position:relative; margin-bottom:60px; padding-bottom:60px}
.half_common .box_con .left_box{width:40%; margin-right:5%}
.half_common .box_con .right_box{width:55%}

}

@media all and (min-width:1640px) {
.bgWrap{padding:120px 0px;}
.half_common .box_con .left_box{width:35%; margin-right:5%}
.half_common .box_con .right_box{width:60%}
}


/*상단공통*/
.dotted { position: relative; z-index: 1; }
.dotted:before { width: 48px; height: 48px; border-radius: 100%; background: #eecdbc; position: absolute; left: -31px; top: -11px; z-index: -1; content: ''; opacity:0.4}

.comm_top{position:relative;}
.comm_top .comm_tit{position:relative;}
.comm_top .comm_tit span{display:block;}
.comm_top .comm_tit span.deco{display:inline-block; font-weight:600; margin-bottom:20px; padding-bottom:20px; position:relative; border-bottom:1px solid #323232}
.comm_top .comm_tit span.tit{font-size:1.6em}
.comm_top .comm_tit span.txt{font-size:1.2em}
.comm_top .info .tit{font-size:1.1em}

.comm_dl{position:relative}

.comm_dl .photo{position:relative; overflow:hidden; border-radius:500px; max-width:250px; margin:0 auto}
.comm_dl .photo img{width:100%; transition:0.5s;}
.comm_dl .photo:hover img{transform:scale(1.1); transition:0.5s;}

.comm_dl dl{padding:20px 0}
.comm_dl dl dt{font-weight:500; margin-bottom:10px; font-size:1.2em}

@media all and (min-width:768px) {
.comm_top .comm_tit span.tit{font-size:2.4em}

.comm_dl{display:flex; flex-wrap:wrap; gap:2%}
.comm_dl .box{width:32%;}
}

@media all and (min-width:1200px) {


.flex_top{display:flex; flex-wrap:wrap; text-align:left}
.flex_top .comm_tit{width:40%; margin-right:5%;}
.flex_top .info{width:55%; margin-top:75px }
.comm_top .info .tit{font-size:1.2em}

.comm_dl .photo{max-width:350px}
.comm_dl dl{padding:40px 0}
.comm_dl dl dt{font-size:1.4em}
}

@media all and (min-width:1640px) {
.comm_top .comm_tit span.tit{font-size:2.6em}
.comm_top p.txt{font-size:1.05em}

.flex_top .comm_tit{width:35%;}
.flex_top .info{width:60%;}
}


/* 회사개요*/
.subwrap11{padding-bottom:0}
.brand_banner{display:flex; flex-wrap:wrap; gap:4%}
.brand_banner li{width:48%; text-align:center; margin-bottom:20px}

@media all and (min-width:768px) {
.brand_banner li{width:22%; margin-bottom:0}
}

/*인사말*/
.greeting{position:relative}
.greeting h4{font-weight:600; margin-bottom:20px; font-size:1.6em; letter-spacing:-1px}
.greeting .tit{font-size:2em; line-height:1.5}
.greeting p{line-height:1.7}
.greeting p.sign_txt{font-size:0.9em; font-weight:600; display:flex; align-items: center; justify-content:end}
.greeting p.sign_txt span{display:inline-block; margin-right:10px}
.greeting p.sign_txt img{max-width:100px;}

.greeting .photo{padding:20px; position:relative; max-width:500px; margin:0 auto; margin-bottom:30px;}
.greeting .photo img{position:relative; z-index:1}
.greeting .photo:before{content:''; width:40%; height:50%; background:#fff8f8; z-index:0; position:absolute; left:-0px; top:-0px;  }
.greeting .photo:after{content:''; width:40%; height:50%; background:#f8f8f8; z-index:0; position:absolute; right:-0px; bottom:-0px; }


@media all and (min-width:768px) {
.greeting h4{font-size:2.5em;}
.greeting .txt{float:left; width:50%; }
.greeting .photo{float:left; width:40%; margin-right:7%; position:relative}
.greeting:after{content:''; clear:both; display:block;}
}

@media all and (min-width:1200px) {
.greeting .photo{max-width:100%}
.greeting h4{font-size:3em; letter-spacing:-3px}
.greeting p{font-size:1.1em; }
.greeting .tit{font-size:2.6em;  letter-spacing:-2px; }
.greeting .txt{padding-top:40px}

}


/*회사이념*/
.subwrap13{padding-bottom:0 !important}
.philosophy_bottom{position:relative; background:url(../img/philosophy_bg.jpg) no-repeat center center;}
.philosophy_bottom .box{padding:25px 20px; border-radius:20px;  background-color:rgba(255,255,255, 0.7);
 /*background-color:rgba(190,149,129, 0.6); color:#ffffff; */
    -webkit-backdrop-filter: blur(14px);
            backdrop-filter: blur(14px); 
margin-bottom:20px;			
			}

.philosophy_bottom .box .tit{font-size:1.4em; font-weight:500; position:relative; margin-bottom:20px;}
.philosophy_bottom .box .tit:before{font-family:'LA Free';content:'\f24e'; font-size:2em; margin-bottom:10px; display:block; line-height:100%; }
.philosophy_bottom .box:nth-child(1) .tit:before{content:'\f0ac';}
.philosophy_bottom .box:nth-child(2) .tit:before{content:'\f4cd';}
.philosophy_bottom .box:nth-child(3) .tit:before{content:'\f24e';}
.philosophy_bottom .box p{word-break:break-all; text-align:justify}


@media all and (min-width:768px) {
.philosophy_bottom .pdinner{display:flex; flex-wrap:wrap; gap:2%}
.philosophy_bottom .box{padding:25px; width:32%; margin:0}
}

@media all and (min-width:1200px) {
.philosophy_bottom .box .tit{font-size:1.6em;}
.philosophy_bottom .box{padding:50px;}
}

.subwrap15{padding-bottom:0 !important}

/*오시는길*/
.subwrap14{padding-bottom:0 !important}
.address_list li:before{font-family:'LA Free';content:'\f24e'; line-height:100%; margin-right:10px}
.address_list li:nth-child(1):before{content:'\f095';}
.address_list li:nth-child(2):before{content:'\f1ac';}
.address_list li:nth-child(3):before{content:'\f2b6';}

@media all and (min-width:768px) {
.address_list{position:relative; display:flex;}
.address_list li{margin-right:20px; width:33.33%; max-width:300px}
.address_list li b{display:block}
.address_list li:before{display:block; margin-bottom:10px; font-size:2em;}

}


/*비지니스*/
.process{position:relative; display:flex; flex-wrap:wrap; gap:3%; justify-content:end}
.process.odd_process{justify-content:start}
.process li{width:48.5%;  background:#ffffff; color:#a98b7c;  height:100px; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; margin-bottom:10px; text-align:center; border-radius:10px; position:relative; border:2px solid #a98b7c}
.process li span{display:block; width:100%; font-weight:500}
.process li span.num{font-weight:600; font-size:0.65em; display:inline-block; padding:0px 5px; background:#fff4ee; color:#a98b7c; border-radius:20px; width:auto;}

.process li:after{display: block; clear: both; content: ""; width: 10px; height: 10px; background:#a98b7c;  position:absolute; top:0; bottom:0; right:-5px; margin:auto;  transform: rotate(225deg); z-index:-1}
.process li:last-child:after{display:none}
.process li:nth-child(2):after,
.process li:nth-child(4):after,
.process li:nth-child(6):after,
.process li:nth-child(8):after{right:0; left:0; top:auto; bottom:-5px}
.process li:nth-child(3):after,
.process li:nth-child(7):after{right:auto; left:-5px; top:0; bottom:0}

.process li:nth-child(1){order:1}
.process li:nth-child(2){order:2}
.process li:nth-child(3){order:4}
.process li:nth-child(4){order:3}
.process li:nth-child(5){order:5}
.process li:nth-child(6){order:6}
.process li:nth-child(7){order:8}
.process li:nth-child(8){order:7}
.process li:nth-child(9){order:9}

@media all and (min-width:1200px) {
.process {gap:3%; justify-content:start}
.process li{width:31.33%; margin-bottom:20px}

.process li:nth-child(1){order:1}
.process li:nth-child(2){order:2}
.process li:nth-child(3){order:3}
.process li:nth-child(4){order:6}
.process li:nth-child(5){order:5}
.process li:nth-child(6){order:4}
.process li:nth-child(7){order:7}
.process li:nth-child(8){order:8}
.process li:nth-child(9){order:9}

.process li:nth-child(2):after{left:auto; top:0; bottom:0; right:-5px;}
.process li:nth-child(3):after,
.process li:nth-child(6):after{right:0; left:0; top:auto; bottom:-5px}

.process li:nth-child(4):after,
.process li:nth-child(5):after{right:auto; left:-5px; top:0; bottom:0}

.process li:nth-child(7):after,
.process li:nth-child(8):after{left:auto; top:0; bottom:0; right:-5px;}
}


.subwrap23{padding-bottom:0 !important}
.marketing_bottom{position:relative; background:url(../img/marketing_bg.jpg) no-repeat center center;}
.marketing_bottom .box{padding:25px 20px; border-radius:20px;  background-color:rgba(255,255,255, 0.7);
 /*background-color:rgba(190,149,129, 0.6); color:#ffffff; */
    -webkit-backdrop-filter: blur(14px);
            backdrop-filter: blur(14px); 
margin-bottom:20px;			
			}

.marketing_bottom .box .tit{font-size:1.4em; font-weight:500; position:relative; margin-bottom:20px;}
.marketing_bottom .box .tit:before{font-family:'LA Free';content:'\f084'; font-size:2em; margin-bottom:10px; display:block; line-height:100%; }
.marketing_bottom .box:nth-child(1) .tit:before{content:'\f505';}
.marketing_bottom .box:nth-child(2) .tit:before{content:'\f2b5';}
.marketing_bottom .box:nth-child(3) .tit:before{content:'\f610';}
.marketing_bottom .box p{word-break:break-all; text-align:justify}


@media all and (min-width:768px) {
.marketing_bottom .pdinner{display:flex; flex-wrap:wrap; gap:2%}
.marketing_bottom .box{padding:25px; width:32%; margin:0}
}

@media all and (min-width:1200px) {
.marketing_bottom .box .tit{font-size:1.6em;}
.marketing_bottom .box{padding:50px;}
}



/* 제품라인*/
#m_product.product_list{position:relative}
#m_product.product_list li{margin:0; text-align:center; background:#fffbfb; border-radius:20px; margin-bottom:20px;}
#m_product.product_list li .photo{background:none; border-radius:0; overflow:visible}
#m_product.product_list li .info dd.tag i{border-color:#505050}
#m_product.product_list li .info dd.marc{display:none}
.product_top{position:relative; text-align:center; padding-top:50px;}
.product_top:before{content:''; width:1px; height:40px; background:#a98b7c; position:absolute; left:0; right:0; top:-20px; margin:0 auto; }
.product_top .tit{font-size:1.4em; font-weight:600}
.product_top .txt{font-size:1.05em;}

@media all and (min-width:680px) {
#m_product.product_list{display:flex; flex-wrap:wrap; gap:4%}
#m_product.product_list li{width:48%}
}

@media all and (min-width:1024px) {
.product_top .tit{font-size:2.2em;}
.product_top .txt{font-size:1.1em;}

#m_product.product_list{gap:2%}
#m_product.product_list li{width:32%}
}

@media all and (min-width:1200px) {
.product_top{text-align:left; padding-left:40px; padding-top:0}
.product_top:before{right:auto;height: calc(100% + 60px);top: -60px; }

#m_product.product_list{gap:3%}
#m_product.product_list li{opacity:1; width:31.33%; margin-bottom:40px}
#m_product.product_list li .info{padding:50px 20px}

#m_product.product_list li .info dt{margin-bottom:10px;}
#m_product.product_list li .info dd.tag{margin-top:20px;}


}


/*제품상세*/

body.productView #sub_visual{display:none}
body.productView .subwrap31{padding-bottom:0}
body.productView #sub_drop{display:block; margin-top:60px; background:#fffbfb; /*border:1px solid #e6e6e6; border-width:1px 0px*/}
body.productView .path{display:none}
body.productView #header{background:#ffffff}
body.productView .subwrap31:before{content:''; width:100%; height:100px; z-index:0;  position:absolute; left:0; right:0; top:-1px; background:#ffffff}

.btn_line{position:relative;  background:#505050; color:#ffffff; border:1px solid #323232;}
.btn_line a{display:block; position:relative; line-height:45px; text-align:center; font-weight:500}
.btn_line:before{content:''; display:block; position:absolute; z-index:0;  top:0; bottom:0;  left:0;  width:100%;  height:100%; background:#323232;  transform: scaleX(0);  transform-origin: left; transition: .1s ease-in; }
.btn_line:hover:before{transform: scaleX(1); transition: .3s ease-out; }

.btn_line.line{background:none; color:#323232}
.btn_line.line:before{display:none}

@media all and (min-width:768px) {
body.productView .subwrap31:before{height:auto; bottom:850px}
}
@media all and (min-width:1200px) {
body.productView #sub_drop{margin-top:92px; max-width:100%;}
body.productView #sub_drop .nav{max-width:1400px; margin:0 auto; display:flex; justify-content:end}
body.productView #sub_drop .dropdown{max-width:150px;}
body.productView #sub_drop .dropdown.deph02{max-width:200px;}

.btn_line a{line-height:50px}

body.productView .subwrap31:before{bottom:1180px}
}


.product_detail .detail_top{max-width:680px; margin:0 auto; background:#ffffff}
.detail_top .pdinner{display:flex; flex-wrap:wrap; }
.detail_top .photo_info{order:1} 
.detail_top .txt_info{order:2} 
.detail_top .detail_photo{order:3} 
.detail_top .detail_photo img{width:100%; display:block}
.detail_top .detail_photo{width:100%}
.detail_top .photo_info .photo{position:relative; margin-bottom:20px; text-align:center;}
.detail_top .photo_info .photo:before{content:''; width:80%; height:80%; max-width:500px; max-height:500px;  background:#fffbfb; position:absolute; left:0; right:0; top:0; bottom:0; border-radius:500px; margin:auto}
.detail_top .photo_info .photo img{position:relative; z-index:1;}


.detail_top .txt_info h3{text-transform:uppercase; margin-bottom:15px; text-align:center;}
.detail_top .product_info{position:relative; text-align:center; padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #e6e6e6}
.detail_top .product_info .btn_shop{margin-bottom:10px}
.detail_top .product_info .btn_shop a:before{font-family:'LA Free'; content:'\f290';  font-size:1.2em; margin-right:5px; vertical-align:middle}
.detail_top .product_info dl{margin-bottom:30px;}
.detail_top .product_info dl dt{font-size:1.4em; font-weight:600; margin-bottom:30px}
.detail_top .product_info dl dt span{font-size:0.8em; display:block}
.detail_top .product_info dl dd.eng{font-weight:600; margin-bottom:30px; display:none}
.detail_top .product_info dl dd.tag i{font-size:0.9em; display:inline-block; line-height:28px; padding:0 10px;  border:1px solid #808080; border-radius:500px; margin-bottom:10px}

.detail_top .detail_info{padding-bottom:40px; margin-bottom:40px; border-bottom:1px solid #e6e6e6}
.detail_top .detail_info dl {margin-bottom:20px}
.detail_top .detail_info dl:last-child{margin-bottom:0px}
.detail_top .detail_info dl dt{font-size:1.2em; font-weight:600; margin-bottom:10px}

.product_ingre{position:relative; border-top:2px solid #323232;  width:100%}
.product_ingre .tit{font-weight:600;}
.product_ingre .qna_answer{background:none; word-break:break-all; border-top: 1px solid #e6e6e6}

.detail_bottom{position:relative; min-height:500px; clear:both;clip: rect(0, auto, auto, 0);position: relative;top: 0;left: 0;width: 100%;height: 100%;}
.detail_bottom:before{content:''; width:100%; height:100%; position:fixed; left:0; right:0; /*! top:0; */ bottom:0; margin:auto ;background-size:cover !important; /*! background-attachment:fixed !important; */ display: block;z-index: -1;}/*아이폰사파리문제*/
.detail_bottom img{display:none}
.ar_01:before{background:url(../img/ar_01.jpg) no-repeat center center}
.ar_02:before{background:url(../img/ar_02.jpg) no-repeat center center}
.ar_03:before{background:url(../img/ar_03.jpg) no-repeat center center}
.ar_04:before{background:url(../img/ar_04.jpg) no-repeat center center}
.ar_05:before{background:url(../img/ar_05.jpg) no-repeat center center}


@media all and (min-width:1024px) {

.detail_top .pdinner{display:block}
.detail_top .txt_info h3,
.detail_top .product_info{text-align:left}

.product_detail .detail_top{max-width:100%}
.detail_top .photo_info{order:2} 
.detail_top .txt_info{order:1} 
.detail_top .detail_photo{order:3} 

.detail_top:after{content:''; clear:both}
.detail_top .photo_info{padding-right:45%}
.detail_top .detail_photo{padding-right:45%}
.detail_top .detail_photo img{display:block}

.detail_top .photo_info .photo{margin-bottom:50px}
.detail_top .txt_info{float:right; width:40%; position:sticky; top:70px}

.detail_top .product_info dl dt{font-size:1.6em}

.detail_bottom{position:relative; min-height:700px; }
.detail_bottom:before{background-size:cover !important;}
}

@media all and (min-width:1200px) {

.detail_top .txt_info{ top:100px}
.detail_top .product_info dl dt{font-size:1.8em}
.detail_top .photo_info .photo{margin-bottom:80px}
/*.detail_bottom img{display:block}*/

}

@media all and (min-width:1600px) {
.detail_top .photo_info{padding-right:47%}
.detail_top .detail_photo{padding-right:47%}

}

/*네트워크*/
.network_bottom{background:linear-gradient(to right, #f0f0f0, #fff8f8)}
.network_bottom .comm_top{text-align:center}
.network_gallery{padding-top:50px; background:#ffffff}

.photo_slider .slick-arrow{top:-60px; }
.photo_slider .slick-arrow.slick-prev{right:55px; }


.photo_slider{margin-bottom:20px;}
.photo_slider li{position:relative}
.photo_slider li:before{content:''; position:absolute; right:10px; top:10px; z-index:1; width:30px; height:30px; background:url(img/fullscreen.png) no-repeat center center; background-size:100% !important; opacity:0; transition:0.3s}
.photo_slider li:hover:before{opacity:1; transition:0.3s;}
.photo_slider:hover .slick-arrow{opacity:1;  transition:0.3s;}

.slider_nav li{margin:3px; opacity:0.2; position:relative}
.slider_nav li.slick-current{opacity:1}
.slider_nav li:after{content:''; display:block; width:0; height:5px; position:absolute; background:#be1e2d; bottom:0; transition:all 0.5s cubic-bezier(0.7, 0, 0.3, 1)}
.slider_nav li.slick-current:after{width:100%;transition:0.3s}


@media all and (min-width:1200px) {
.network_bottom .comm_top{text-align:left; position:absolute; width:45%; right:100px; top:20%}
.network_gallery.pdinner{margin-top:-120px; padding:80px ; border-radius:50px 50px 0 0; margin-right:80px }
}


@media all and (min-width:1640px) {
.network_bottom .comm_top{right:0px; }
.network_gallery.pdinner{margin-right:auto}
}


/*문의*/
.inquriy_info{padding:20px; border-radius:20px; background:#fffbfb}
.inquriy_info h4{font-size:1.6em; margin-bottom:20px}
.inquriy_info h4 span{font-size:0.6em; display:block}
.inquriy_info address{margin-bottom:20px}
.inquriy_info ul li{margin-bottom:3px}
.inquriy_info ul li:last-child{margin-bottom:0px}

@media all and (min-width:1200px) {
.inquriy_info{padding:30px}
}








/*제품소개*/

/*서브탭*/
.tabmenu{position:relative;}
.tabmenu .dropbtn {line-height:45px; border:2px solid #928c74;  width:100%; text-align:left; display:block; height:auto; position:relative; padding:0 25px 0 10px; cursor:pointer; color:#928c74; font-weight:500}
.tabmenu .dropbtn:after{font-family:'FontAwesome'; content:'\f107'; position:absolute; right:10px; color:#928c74; font-size:16px; top:0; bottom:0; margin:auto;}

.tabmenu .tabmenu_li ul{background:#f8f8f8}
.tabmenu .tabmenu_li ul li{border:1px solid #e6e6e6; border-top:0px; }
.tabmenu .tabmenu_li {display: none;  position: absolute;  z-index: 3; background:#ffffff; box-sizing:content-box;  width:100%; top:49px; left:0; right:0; }
.tabmenu .tabmenu_li ul li a{display:block; padding:0px 10px;  line-height:40px; color:#323232; }
.tabmenu .tabmenu_li ul li.active{background:#928c74; border-color:#928c74}
.tabmenu .tabmenu_li ul li.active a{ font-weight:500; color:#ffffff}
.tabmenu .tabmenu_li a:hover {font-weight:500;}
.tabmenu .tabmenu_li.show {display:block;}

@media all and (min-width:768px) {
.tabmenu .tabmenu_li {display: block !important; position:relative; top:0;} 
.tabmenu .tabmenu_li ul{background:none; text-align:center;}
.tabmenu .tabmenu_li ul:after{content:''; display:block; clear:both}
.tabmenu .tabmenu_li ul li {display:inline-block; margin:0 10px; border:0px; border-top:3px solid #e6e6e6}
.tabmenu .tabmenu_li ul li a{line-height:50px; font-size:1.1em; font-weight:500; padding:0 20px; }
.tabmenu .tabmenu_li ul li.active{border-color:#928c74; background:none}
.tabmenu .tabmenu_li ul li.active a{color:#928c74; font-weight:600}
.tabmenu .dropbtn{display:none}
}

@media all and (min-width:1200px) {
.tabmenu .tabmenu_li ul li a{line-height:60px; font-size:1.3em }
}







/*인증현황*/

.certi_li{position:relative}
.certi_li:after{content:''; clear:both; display:block;}
.certi_li li{position:relative; width:48%; margin:0 1% 20px; float:left; text-align:center}
.certi_li li:nth-child(2n+1){clear:both}

.certi_li li img{width:100%; margin-bottom:5px}
.certi_li li span{display:block; letter-spacing:0; font-weight:500;  font-size:0.95em}


@media all and (min-width:768px) {
.certi_li li{width:31.33%;}
.certi_li li span{padding:5px;}
.certi_li li:nth-child(2n+1){clear:none}
.certi_li li:nth-child(3n+1){clear:both}

}


@media all and (min-width:1400px) {
.certi_li li{width:23%;}
.certi_li li:nth-child(3n+1){clear:none}
.certi_li li:nth-child(4n+1){clear:both}

}