@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}

.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; }
.detail_top .product_info dl dt span{font-size:0.8em}
.detail_top .product_info dl dd.eng{font-weight:600; margin-bottom:30px}
.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}

.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; }

@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}
}



/*인증서*/

.certifi_box{position:relative}
.certifi_box .certifi_line{position:relative; padding:30px 0px; border-bottom:1px solid #e6e6e6}
.certifi_box .certifi_line:after{content:''; clear:both; display:block}
.certifi_box .certifi_line h4{font-weight:600; font-size:1.3em; margin-bottom:20px;}

.certifi_box .certifi_line .left{margin-bottom:20px}

.certifi_box .certifi_line .certi{position:relative}
.certifi_box .certifi_line .certi li{ width:48%; float:left; margin:0 1% 5px; border:1px solid #e6e6e6; border-radius:3px; overflow:hidden; padding:5px}
.certifi_box .certifi_line .certi li img{width:100%}

.certifi_box .certifi_line .certi li.long{clear:both; width:98%}
.certifi_box .certifi_line .certi:after{content:''; display:block; clear:both}

@media all and (min-width:560px) {
.certifi_box .certifi_line .certi li{width:31.33%; margin-bottom:7px}
.certifi_box .certifi_line .certi li.long{width:64.66%}

}

@media all and (min-width:768px) {
.certifi_box .certifi_line{padding:45px 0px}

.certifi_box .certifi_line .left{margin-bottom:30px}
.certifi_box .certifi_line .left{margin-bottom:0px; width:35%; margin-right:5%; float:left}
.certifi_box .certifi_line .right{width:60%; float:left}


}

@media all and (min-width:1200px) {
.certifi_box .certifi_line{padding:50px 0px}

}

/*조직도*/

/*조직도*/
.organization{text-align:center; position:relative; max-width:1000px; margin:0 auto}
.organization:before{content:''; width:1px; height:340px; left:0; right:0; top:0; margin:auto;  position:absolute; display:block; background:#ecebe8}
.organization .ordep{position:relative; margin-bottom:30px;}

.organization .ordep.or01{margin-bottom:50px}
.organization .ordep.or02{margin-bottom:50px}
.organization .ordep .orhd{display:block; padding:15px 10px; background:#808080; color:#ffffff; position:relative;  font-weight:600; }
.organization .ordep:after{content:''; display:block; clear:both;}
.organization .ordep .orhd span{display:block; font-weight:600; font-size:0.8em}
.organization .or01 .orhd{background:#928c74; background:linear-gradient(45deg, #928c74 0%, #3b4315 100%); padding:15px 30px; font-size:1.2em; width:220px; left:50%; margin-left:-110px}
.organization .or02 .orhd{background:#928c74;  }

.organization .ordep.or03{margin-bottom:50px}
.organization .or03 .orhd{background:#3b4315; }
.organization .or04 .orhd{background:#cecbc1; }

.organization .ordep .orhd:before{position: absolute; top: -9px; left: 50%; margin-left: -9px; display: block; content: ''; width: 7px; height: 7px; background-color: #ecebe8; border: 5px solid #ffffff; -webkit-border-radius: 100%; }
.organization .or01 .orhd:before{display:none}
.organization .or02 .orhd:before{background:#928c74}
.organization .or03 .orhd:before{background:#3b4315; left:0; top:50%; margin-top:-9px}
.organization .or04 .orhd:before{background:#cecbc1;}

.organization .or01 .orhd,
.organization .or02 .orhd,
.organization .or03 .orhd{webkit-box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.2);
box-shadow: 0px 0px 30px -5px rgba(0,0,0,0.2);}

.organization .or02 .orhd{padding:15px 30px; width:100%; width:220px; left:50%; margin-left:-110px; font-size:1.2em}

.organization .or03{position:relative; max-width:800px; margin:0 auto; margin-bottom:30px}
.organization .or03:before{content:''; width:50%; height:1px; right:0%; bottom:0; top:0; margin:auto;  position:absolute; display:block; background:#ecebe8; max-width:500px}
.organization .or03 .orhd{width:30%;  max-width:180px}
.organization .or03 .orhd.right{margin:0; margin-left:70%; float:right}

.organization .or04 .orhd{width:100%; padding:12px 5px; }

.organization .or04{overflow:hidden;}
.organization .or04{text-align:center; padding-top:50px; position:relative; font-size:0.9em}
.organization .or04:before{content:''; width:66.66%; height:1px; background:#ecebe8; top:0px; left:0; right:0; margin:auto; display:block; position:absolute; }
.organization .or04 .ortree:nth-child(2):before{display:none}

.organization .ordep .ortree{ margin:0 auto; margin-bottom:30px; }
.organization .ordep .ortree:last-child{margin-bottom:0}
.organization .ordep .ortree ul{padding:10px; text-align:left; background:#f9f9fa;}

.organization .ordep .ortree{width:31.33%; margin: 0 1%; float:left; vertical-align:top; position:relative;}
.organization .ordep .ortree:before{content:''; display:block; width:1px; height:60px; background:#ecebe8;  left:0; top:-60px; right:0; margin:auto; position:absolute;}

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

.organization:before{height:90.5%}
.organization .ordep .orhd{padding:20px 20px !important; font-size: 1.2em}
.organization .or01 .orhd,
.organization .or02 .orhd{font-size:1.4em; width:250px;  margin-left:-125px}

.organization .ordep.or01{margin-bottom:80px}
.organization .ordep.or02{margin-bottom:80px}
.organization .ordep.or03{margin-bottom:80px}

.organization .or04{padding-top:80px; margin:0 auto; font-size:1em}
.organization .ordep .ortree ul{text-align:left; padding:25px 20px}
.organization .ordep .ortree:before{height:80px; top:-80px}
}

@media all and (min-width:1200px) {
.organization .ordep .ortree ul{padding:25px 20px; min-height:120px}
}


/*비전체계도*/
.visioncon{position:relative}
.vision_box{position:relative; margin-bottom:30px; padding-bottom:30px; border-bottom:1px solid #e6e6e6}
.vision_box .right{position:relative;}
.vision_box .right p.vision_tit{text-align:center; font-size:1.3em; color:#989ea2; font-weight:800; letter-spacing:5px}
.vision_box .right p.vision_tit span{display:block; font-size:1.8em; color:#000000; letter-spacing:-1px; font-weight:800}

.vision_box .right p.cir_tt{text-align:center; font-size:1.4em; color:#656d72; font-weight:700; letter-spacing:-2px}
.vision_box .right p.cir_tt span{display:inline-block; padding:20px 80px; border:10px solid #e3e9ea; border-radius:500px}


.vision_box .goal_li{overflow:hidden; max-width:500px; margin:0 auto;}
.vision_box .goal_li dl{text-align:center; margin-bottom:10px; width:33.33%; float:left}
.vision_box .goal_li dl img{display:block; margin:0 auto; margin-bottom:20px; max-width:60px; }
.vision_box .goal_li dl:last-child{margin-bottom:0}
.vision_box .goal_li dl dt{font-weight:600; margin-bottom:10px; font-size:1.4em}
.vision_box .goal_li dl dd{font-size:1.1em; padding:3px 0px;}
.vision_box .goal_li:after{content:''; display:block; clear:both;}

.vision_box .subject_box{position:relative; webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2); background:#ffffff; margin-bottom:20px;}
.vision_box:after{content:''; display:block; clear:both;}

.vision_box .strategy_li{max-width:800px; margin:0 auto}
.vision_box .strategy_li li{padding:15px 10px; border:10px solid #e1e1e1; border-radius:500px; margin-bottom:10px; text-align:center; font-weight:500; font-size:1.2em}
.vision_box .strategy_li{padding-left:30px}
.vision_box .strategy_li li{width:calc(33.33% + 10px); float:left; margin:0 -10px 20px}

.vision_box .strategy_li li:nth-child(even){border-color:#f4dfe8}
.vision_box .strategy_li li:last-child{margin-bottom:0px; border-color:#f0ede9}
.vision_box .strategy_li:after{content:''; display:block; clear:both;}



.vision_box .tit_flag{text-align:center;}
.vision_box .tit_flag span{display:inline-block; padding-left:20px; padding-right:20px}

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

.vision_box{margin-bottom:50px; padding-bottom:50px;}

.vision_box .right p.vision_tit{font-size:1.6em; }

.vision_box .goal_li dl img{max-width:100px}


.vision_box .subject_box{float:left; margin:0 1% 20px; width:48%;}
.vision_box .subject_box:nth-child(2n+1){clear:both;}
}

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

.vision_box .goal_li{max-width:800px; text-align:center}
.vision_box .goal_li li{display:inline-block;}



}


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

.vision_box{margin-bottom:80px; padding-bottom:80px;}

.vision_box .right p.cir_tt{font-size:1.6em}

.vision_box .right p.vision_tit{font-size:2.2em}

.vision_box h4{float:left;}
.vision_box h4 span{width:100px;}
.vision_box .right{float:left; width:calc(100% - 100px);}



}

@media all and (min-width:1200px) {
.vision_box h4{float:left; }
.vision_box .right{float:left; width:calc(100% - 165px);}

.vision_box .goal_li li span{font-size:1.2em; padding:20px 30px; max-width:100%}

.vision_box .subject_box {min-height:175px; margin:0 1% 30px}
.vision_box .subject_box dt{padding:18px 5px; margin-bottom:20px;}
.vision_box .subject_box dd{margin-bottom:5px; padding:0 20px;}
.vision_box .subject_box dd:last-child{ padding-bottom:20px;}

.vision_box .strategy_li li{padding:18px 10px; font-size:1.3em}
}

/*텍스트연혁*/

/*.historybox .historyline:last-child{border-bottom:1px solid #dcdcdc}*/
.historyline{position:relative; clear:both; overflow:hidden}
.historyline:after{content:''; clear:both;}
.historyline h4{text-align:center; font-weight:800; font-size:1.7em; padding:20px 0px;}
.historyline .right{position:relative;}
.historyline .total{position:absolute; right:0px; top:-40px; display:inline-block; padding:5px 10px; color:#ffffff; background:#cd1212; font-size:0.8em; border-radius:100px;}
.historyline .total:after{content:''; position:absolute; border-top:10px solid #cd1212; border-left:10px solid rgba(0, 0, 0, 0); border-right:10px solid rgba(0, 0, 0, 0); bottom:-8px; margin-left:-5px; left:50%;}

.historyline dl.his{border-top:1px solid #dcdcdc; padding:30px 3%; overflow:hidden;}
.historyline dl.his dt{float:left; clear:both; width:20%; font-weight:bold; color:#000000; font-size:1.2em}
.historyline dl.his dd{float:right; width:80%; margin-bottom:5px; overflow:hidden}
.historyline dl.his dd span.none,
.historyline dl.his dd span.date{float:left; width:40px; text-align:right; margin-right:10px; min-height:1px; font-weight:500; color:#000000}
.historyline dl.his dd span.txt{float:left; width:calc(100% - 50px)}
.historyline dl.his dd:last-child{margin-bottom:0px}

.historyline dl.last{border-bottom:1px solid #dcdcdc !important}

@media all and (min-width:768px) {
.historyline{margin-bottom:0 !important}
.historyline h4{text-align:left; float:left; width:25%; clear:both; font-size:2em}
/*.historyline h4:after{content:''; width:25%; height:1px; background:#dcdcdc; position:absolute; left:0px; top:0px;}*/
.historyline .right{float:right; width:70%; }

.historyline dl.his{padding:30px}
.historyline dl.his dt{font-size:1.6em}
.historyline .total{padding:15px 20px; top:-60px;}
.historyline .right dl:nth-last-child(2){border-bottom:0px}
.historyline :after{content:''; display:block; clear:both}

.historyline dl.his dd span.none,
.historyline dl.his dd span.date{ margin-right:30px;}
.historyline dl.his dd span.txt{ width:calc(100% - 70px)}
}

@media all and (min-width:1200px) {
.historyline h4{font-size:3em}
}





/*CI소개*/
.ci_box{position:relative;}
.ci_box .imgbox{text-align:center;}
.ci_box .imgbox img{width:100%; max-width:650px; }

.ci_box .txt{border:10px solid #e3e9ea; padding:15px 20px;}

.ci_box .info{position:relative; clear:both; overflow:hidden}
.ci_box h3{font-weight:800; font-size:1.3em; margin-bottom:5px; text-transform:uppercase}

.ci_box .info dl{margin-bottom:25px}
.ci_box .info dl dt{text-align:center; margin-bottom:10px;}
.ci_box .info dl dt span{display:block; font-weight:500; margin-top:20px; font-size:1.1em}

.ci_box .info dl dt img{width:100%; max-width:230px;}

.color_box dl.color_info{text-align:center;}
.color_box dl.color_info dt{color:#ffffff; background:#ed1255; padding:15px 0px; letter-spacing:2px; font-weight:600; font-size:0.7em}
.color_box dl.color_info dt.gray{background:#717074} 
.color_box dl.color_info dt.gray2{background:#414243} 
.color_box dl.color_info dt.gray3{background:#8891a0} 
.color_box dl.color_info dt.gold{background:#b09a6f} 
.color_box dl.color_info dt.black{background:#231f20} 

.color_box dl.color_info dd{letter-spacing:0px; font-weight:500}
.color_box dl.color_info:last-child{margin-bottom:0}

.color_box{padding:15px 20px; background:#f8f8fa}
.color_box h4{font-weight:500; font-size:1.1em; margin-bottom:10px}

.sign_box{clear:both}
.sign_box .box{margin-bottom:20px; text-align:center;}
.sign_box .box h5{text-align:left;}
.sign_box2 .box img{max-width:230px; width:100%; margin:0 auto;}

.ci_down{position:relative}
.ci_down ul{overflow:hidden}
.ci_down ul li{margin-bottom:5px;}
.ci_down ul li a{background:#e50049; color:#ffffff;  text-align:center; line-height:45px}
.ci_down ul li a:before{background:url('../img/ic_attemp_w.png') no-repeat center center; background-size:100% !important;}

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

.color_box dl{float:left; width:31.33%; margin:0 1%; margin-bottom:0}
.color_box dl dt{margin-bottom:20px;}
.color_box .txt{padding:25px 15px}

.sign_box .box{width:33.33%; float:left; padding:0 20px}

.ci_down ul li{float:left; width:30.33%; margin:0 1.5%; }

.ci_box .info dl.symbol_info{width:33.33%; float:left; padding:0 20px}

}


@media all and (min-width:1200px) {
.ci_box .info.color_box,
.ci_box .txt{padding:40px 30px}
.ci_box .txt p{font-size:1.1em}

.ci_down ul li a{line-height:50px}

}




/*제품소개*/

/*서브탭*/
.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 }
}



/*IPO*/

.introduce{position:relative; text-align:center; margin-bottom:30px; padding:30px 0px; border-bottom:1px solid #e6e6e6 }
.introduce h4{font-size:1.6em; margin-bottom:20px; color:#e50049; font-weight:800}
.introduce p.tit{font-size:1.2em; font-weight:600; color:#000000}
.introduce_li{position:relative; overflow:hidden; max-width:280px; margin:0 auto;}
.introduce_li li{padding:10px 5px; border:15px solid #e1e1e1; margin-bottom:5px; border-radius:500px; font-weight:600}
.introduce_li li:before{content:''; width:40px; height:40px; display:block; margin:0 auto; margin-bottom:10px; background-size:100% !important}
.introduce_li li:last-child{margin-bottom:0}

.introduce_li li.in02{border-color:#f4dfe8}
.introduce_li li.in03{border-color:#f0ede9}

.introduce_li li.in01:before{background:url(../img/ic_intro01.png) no-repeat center center}
.introduce_li li.in02:before{background:url(../img/ic_intro02.png) no-repeat center center}
.introduce_li li.in03:before{background:url(../img/ic_intro03.png) no-repeat center center}


.roadmap{position:relative; max-width:800px; margin:0 auto; padding-top:80px;}
.roadmap:before{content:''; display:block; position:absolute; left:0; right:0; top:0; height:100%; background:url(../img/rorad_map_bg.png) no-repeat center top; background-size:100% !important; opacity:0.5 }
.roadmap:after{content:''; display:block; clear:both; }

.roadmap dl{width:33.33%; float:left; }
.roadmap dl dt{ padding-top:15%; font-weight:600; font-size:1.2em; margin-bottom:10px; padding-bottom:10px; position:relative; height:120px}
.roadmap dl dt:before{content:''; clear:both; display:block; width:1px; height:50%; position:absolute; left:0; right:0; bottom:0; margin:auto; background:#e6e6e6}
.roadmap dl dt span{display:inline-block; width:50px; height:50px; line-height:50px; text-align:center; border-radius:500px; color:#ffffff; background:#231f20; position:relative;}
.roadmap dl dd{font-weight:500}
.roadmap dl dd.year{font-weight:600; font-size:1.2em; margin-bottom:5px; color:#e50049}

.roadmap dl:first-child dt{padding-top:30%;}
.roadmap dl:last-child dt{padding-top:0%;}
.roadmap dl:last-child dt span{background:#e50049;}
.roadmap dl:nth-child(2) dt span{background:#b09a6f}

@media all and (min-width:560px) {
.roadmap dl dt{height:160px}
.roadmap dl dt span{width:80px; height:80px; line-height:80px}
}

@media all and (min-width:768px) {
.introduce{padding:50px 0px; margin-bottom:50px}
.introduce h4{font-size:2.3em; }
.introduce p.tit{font-size:1.8em; }

.introduce_li {max-width:100%;}
.introduce_li li:before{width:70px; height:70px;} 
.introduce_li li{position:relative; display:inline-block; vertical-align:middle; width:33.33%; max-width:350px; padding:20px 10px; margin:0 -20px; font-size:1.1em}


.roadmap dl dd{font-size:1.2em}
.roadmap dl dd.year{font-size:1.6em; margin-bottom:10px;}
}


@media all and (min-width:1024px) {
.roadmap dl dt{height:200px; font-size:1.4em}
.roadmap dl dt span{width:100px; height:100px; line-height:100px}


.introduce .tit_flag{float:left;}
.introduce .tit_flag span{width:100px;}
.introduce .right{float:left; width:calc(100% - 100px);}

}




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

.introduce{padding:80px 0px; margin-bottom:80px}
.introduce h4{font-size:2.6em; margin-bottom:30px}

.introduce .tit_flag{float:left; }
.introduce .right{float:left; width:calc(100% - 165px);}


}

/*오시는길*/
.global_map{position:relative; text-align:center}
.global_map img{width:100%; max-width:800px; margin:0 auto;}

.root_daum_roughmap { width: 100% !important }
.root_daum_roughmap .cont .section { padding: 20px !important; background: #ffffff; margin: 0 !Important }

.mapinfo{position:relative;}
.mapinfo:after{content:''; display:block; clear:both;}
.mapinfo .map{position:relative}
.mapinfo .infobox{padding:30px 20px; position:relative; background:#e50049; background:linear-gradient(120deg, #e50049 0%, #e50049 70%, #656d72 100%); color:#ffffff}
.mapinfo .infobox h4{font-size:1.5em; margin-bottom:10px; font-weight:600}
.mapinfo .infobox p.add_txt{font-size:1.1em; position:relative; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #e6e6e6; border-color:rgba(255,255,255,0.2)}
.mapinfo .infobox p.add_txt:before{content:''; display:inline-block; vertical-align:middle; width:25px; height:25px; margin-right:3px; background:url(../img/ic_address_w.png) no-repeat center center; background-size:100%;}

.mapinfo .infobox .map_txt{position:relative; margin-bottom:30px}
.mapinfo .infobox .map_txt h4{font-size:1.1em; color:#ffffff; font-weight:700; margin-bottom:10px; position:relative; text-transform:uppercase; letter-spacing:0}
.mapinfo .infobox .map_txt ul li{margin-bottom:2px; overflow:hidden; letter-spacing:0}
.mapinfo .infobox .map_txt ul li b{float:left; width:50px; font-weight:700 }
.mapinfo .infobox .map_txt ul li span{float:left; width:calc(100% - 50px);}
.mapinfo .infobox .map_txt ul li:last-child{margin-bottom:0px; }

.mapinfo .infobox a.link_road{display:block; text-align:center; font-weight:500; border:1px solid #ffffff; border-color:rgba(255,255,255,0.3); color:#ffffff; line-height:45px; }

.map_img{padding:20px; background:#f8f8f8}
.map_img img{width:100%;}

@media all and (min-width:768px) {
.mapinfo .map{padding-left:10%;}
.mapinfo .infobox{padding:30px; 40px; position:absolute; left:0; top:-40px; z-index:10; }
.mapinfo .infobox h4{font-size:2em}
}


@media all and (min-width:1200px) {
.mapinfo:after{content:''; display:block; clear:both}
.mapinfo .infobox{padding:50px}

.mapinfo .infobox p.add_txt{font-size:1.1em}
}



/*법인*/
.network{max-width:1400px; margin:0 auto; position:relative; padding:0px 3%;  }
.network .photo{margin:0 auto; margin-bottom:25px; width:100%;
-webkit-box-shadow: 0px 0px 25px -7px rgba(0,0,0,0.5);
-moz-box-shadow: 0px 0px 25px -7px rgba(0,0,0,0.5);
box-shadow: 0px 0px 25px -7px rgba(0,0,0,0.5); }

.network .info h4{margin-bottom:20px;}
.network .info h4 span{display:inline-block;  margin-bottom:10px; position:relative; padding-right:50px;}
.network .info h4 span:before{content:''; display:inline-block; width:40px; height:3px; background:#000000; position:absolute; right:0; top:0; bottom:0; margin:auto}
.network .info h4 b{display:block; font-size:2em; font-weight:800;}

.corp_info{border-top:1px solid #e6e6e6; overflow:hidden; clear:both}
.corp_info dl{padding:20px 10px; border-bottom:1px solid #e6e6e6;  background-size:35px !Important; background-position:5px 20px !important}
.corp_info dl dt{font-weight:600; margin-bottom:3px;}

.corp_info dl.address{background:url(../img/ic_address.png) no-repeat;}
.corp_info dl.call{background:url(../img/ic_call.png) no-repeat; overflow:hidden;}



@media all and (min-width:768px) {
.network{padding:0; }

.network .photo{width:350px; float:left; margin-right:4%}
.network .info{width:calc(96% - 350px); float:left;}
.network .info h4{font-size:1.3em; margin-bottom:20px}

.corp_info{border-bottom:1px solid #e6e6e6;}
.corp_info dl{border-bottom:0; float:left; width:46%; margin:0 2%; }
.corp_info dl.long{width:94%; margin:0 2%; float:none}
.corp_info dl.long dt{display:block;}
.corp_info dl.long dd{padding-right:20px; width:50%; float:left;}
.corp_info dl.long dd.long{width:100%; float:none;}
.corp_info dl.long:after{content:''; display:block; clear:both;}
.corp_info dl.call dd{float:left; margin-right:10px}
.corp_info dl.call dd:last-child{margin-right:0}

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


}

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

.network .info p{font-size:1.1em}

.network_product .left_box p{font-size:1.1em;}

}


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

.network .photo{width:46%; left:0; top:0; float:left;}
.network .info{width:50%; }

.network .info h4 b{font-size:3em; margin-bottom:40px}

}


.img_li{position:relative}
.img_li:after{content:''; clear:both; display:block;}
.img_li li{position:relative; width:48%; margin:0 1% 15px; float:left; text-align:center}
.img_li li img{width:100%}
.img_li li span{display:block; letter-spacing:0; font-weight:500; padding:2px 5px; background:#656d72; color:#ffffff; font-size:0.95em}


@media all and (min-width:768px) {
.img_li li{width:31.33%;}
.img_li li span{padding:5px;}
}

@media all and (min-width:1400px) {
.img_li li{width:23%;}
}


/*품질방침*/
.img_list{position:relative}
.img_list li{width:50%; float:left; text-align:center; padding:0 10px; margin:0  0 10px;}
.img_list.list03 li{width:33.33%}
.img_list li span{display:block; font-weight:500; font-size:1.1em}
.img_list li img{max-width:60px; margin:0 auto; margin-bottom:10px;}
.img_list:after{content:''; display:block; clear:both;}

/*품질보증*/
.qua_list {text-align:center;}
.qua_list li{display:inline-block; width:90px; height:90px; background:#e1e1e1; position:relative; border-radius:500px; text-align:center; font-weight:600}
.qua_list li:before{content:''; width:90%; height:90%; position:absolute; background:#ffffff; border-radius:500px; left:0; right:0; top:0; bottom:0; margin:auto}
.qua_list li span{padding-top:25px; display:block; position:relative}
.qua_list li span b{font-weight:600; color:#e50049}
.qua_list li:nth-child(2){background:#f4dfe8;}
.qua_list li:nth-child(3){background:#f0ede9;}


.qua .qua_box{ border:1px solid #e6e6e6; border-top:2px solid #656d72;  padding:20px; margin-bottom:20px;}
.qua .qua_box:after{display:block; clear:both; content:"";}

.qua h4{ border-bottom:1px dotted #ccc; padding-bottom:10px;margin-top:-45px;  margin-bottom:10px; font-weight:600; text-align:center}
.qua h4 b{ display:block; background:#656d72; padding:0 10px; border-radius:3px; color:#fff; width:50px; height:50px; line-height:50px;  margin:0 auto;  text-align:center;  border-radius:500px;   margin-bottom:10px}
.qua h4 span{font-size:1.2em; display:block; font-weight:600}
.qua dl{margin-bottom:20px}
.qua dl:last-child{margin-bottom:0}
.qua dl dt{ display:block; font-weight:500; font-size:1.1em;  margin-bottom:10px}

.qua dl dd{padding-left:10px; position:relative; font-size:0.9em}
.qua dl dd:before{content:''; position:absolute; display:block; width:3px; height:3px; background:#c8c8c8; left:0; top:8px;}


@media all and (min-width:768px) {
.qua_list li{width:170px; height:170px;}
.qua_list li span{padding-top:60px;}

.qua .qua_box{ float:left; width:48%; margin:0 1% 15px;}
.qua .qua_box:nth-child(3){clear:both}

.qua_list li span{font-size:1.4em}

}

@media all and (min-width:1200px) {
.qua_list li{width:250px; height:250px;}
.qua_list li span{padding-top:80px;  font-size:1.8em}


.qua h4{padding-bottom:20px; margin-bottom:20px}
.qua dl{margin-bottom:30px}
.qua .qua_box{width:23%;}
.qua .qua_box:nth-child(3){clear:none; float:left;}
}


/*인증현황*/

.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}

}


/*인재상*/
.recruit_dl{overflow:hidden; text-align:center}
.recruit_dl dl{overflow:hidden; padding:30px 20px; background:#ffffff; -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
margin:20px;
position:relative; }
.recruit_dl dl:hover{ -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.8);
-moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.8);
box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.8);}
.recruit_dl dl dt{font-weight:600; text-align:center; font-size:1.3em; margin-bottom:10px; }
.recruit_dl dl dt img{ margin:0 auto;  max-width:80px}
.recruit_dl dl dd:last-child{margin-bottom:0;}
.recruit_dl dl dt span{font-size:0.9em; display:block; color:#acb0b3; font-weight:900; letter-spacing:5px; margin-bottom:5px}


@media all and (min-width:768px) {
.recruit_dl dl{position:relative; width:30%; vertical-align:top; display:inline-block; margin:15px 1%; min-height:300px;}
.rec_dl4 dl{width:22%; min-height:210px;}
.recruit_dl dl dt{font-size:1.4em}
.recruit_dl dl dt,
.recruit_dl dl dd{width:100%; float:none;}
.recruit_dl dl:after, .recruit_dl dl:before,
.recruit_dl dl dt:after, .recruit_dl dl dt:before{
  width: 3px;
  height: 0;
  position: absolute;
  display: block;
  content: "";
  background-color: #e50049;
  transition:all 0.2s cubic-bezier(.25,.25,.53,.94);
}
.recruit_dl dl:after{width:0px; height:3px;}
.recruit_dl dl dt:after{width:0px; height:3px;}

.recruit_dl dl:before{width:3px; height:0px;}
.recruit_dl dl dt:before{width:3px; height:0px;}

.recruit_dl dl:after{left:0; top:0}
.recruit_dl dl:before{left:0; bottom:0}

.recruit_dl dl dt:after{right:0; bottom:0}
.recruit_dl dl dt:before{right:0; top:0; }
.recruit_dl dl:hover:after{width:100%}
.recruit_dl dl:hover:before{height:100%;}



.recruit_dl dl:hover dt:after{width:100%}
.recruit_dl dl:hover dt:before{height:100%;}

}

@media all and (min-width:1200px) {
 .recruit_dl dl dd{font-size:1.1em}
}


.recruit_dl2 dl{ padding:25px 20px; margin-bottom:20px; background:#ffffff; border:1px solid #e6e6e6; border-top:2px solid #e50049; position:relative}
.recruit_dl2 dl dt{font-weight:600;  margin-bottom:10px; }
.recruit_dl2 dl dt img{position:absolute; width:50px; height:50px; right:20px; top:20px;}
.recruit_dl2 dl dd{background:url("../img/dot_li.gif") no-repeat 0px 10px; padding-left:8px; margin-bottom:3px; text-align:left; }
.recruit_dl2 dl dd:last-child{margin-bottom:0;}
.recruit_dl2 dl dt{font-size:1.1em; display:block}
.recruit_dl2:after{content:''; clear:both; display:block}


@media all and (min-width:640px) {
.recruit_dl2 dl{float:left; width:48%; margin:0 1% 20px; height:175px}
.recruit_dl2 dl:nth-child(2n+1){clear:both; }

}



@media all and (min-width:768px) {
.recruit_dl2 dl{ width:31.33%; margin:0 1% 25px;}
.recruit_dl2 dl:nth-child(2n+1){clear:none; }
.recruit_dl2 dl:nth-child(3n+1){clear:both; }

}


@media all and (min-width:1200px) {
.recruit_dl2 dl{padding:30px}
.recruit_dl dl dt img{max-width:90px}
}


/*기술연구소*/
.rnd_chart{position:relative; padding-top:170px; max-width:400px; margin:0 auto; margin-bottom:30px;}
.rnd_chart:before{content:''; width:300px; height:300px; border:30px solid #e3e9ea; border-radius:500px; box-sizing:border-box; left:0; right:0; top:0; bottom:0; margin:auto;  position:absolute; display:block; }
.rnd_chart .ordep{ text-align:center}
.rnd_chart .ordep:after{content:''; display:block; clear:both;}


.rnd_chart .or01 .orhd{font-weight:600; color:#ffffff; background:#e50049; position:relative;  background:linear-gradient(120deg, #e50049 0%, #e50049 70%, #656d72 100%);  font-size:1.3em; width:200px; height:200px; left:50%; margin-left:-100px; padding:0; padding-top:70px; text-align:center; border-radius:500px; webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);}
.rnd_chart .or01 .orhd span{display:block; font-size:0.9em}

.rnd_chart .ordep .ortree{ margin:20px auto;  width:150px; height:150px; position:relative; border-radius:500px; overflow:hidden; background:#f0f0f0; webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);}

.rnd_chart .or02 .ortree.or_top{position:absolute; left:0; top:0; right:0; margin:auto; }
.rnd_chart .or02 .ortree.or_left{float:left;}
.rnd_chart .or02 .ortree.or_right{float:right}

.rnd_chart .or02 .orhd{background:#656d72; color:#ffffff; line-height:50px; font-size:1.1em; font-weight:600; margin-bottom:10px; padding-top:10px}



.rnd_chart .or02:before{content:''; width:230px; height:230px; border:10px solid #f4dfe8; box-sizing:border-box; border-radius:500px;  left:0; right:0; top:0; bottom:0; margin:auto;  position:absolute; display:block; }

.rnd_chart .ordep .ortree{ margin:0 auto; margin-bottom:20px; width:150px; height:150px; border-radius:500px; overflow:hidden }
.rnd_chart .ordep .ortree ul li{font-size:0.9em; font-weight:500}
.rnd_chart .ordep .ortree:last-child{margin-bottom:0}


.rnd_result{padding-top:60px; margin-top:30px; max-width:600px; margin:0 auto; margin-bottom:80px; border-top:1px solid #e6e6e6; text-align:center;}
.rnd_result h6{font-size:1.2em; letter-spacing:0px; font-weight:900; margin-bottom:20px; text-transform:uppercase; }
.rnd_result  p{font-size:1.4em; font-weight:600; border:15px solid #f4dfe8; border-radius:500px; padding:20px 0px; margin-bottom:50px}



@media all and (min-width:768px) {
.rnd_chart{max-width:600px; margin:0 auto; padding-top:220px;}
.rnd_chart:before{content:''; width:450px; height:450px; top:40px;}
.rnd_chart .ordep .ortree{width:200px; height:200px;}

.rnd_chart .or01 .orhd{width:250px; height:250px; margin-left:-125px; padding-top:90px; font-size:1.6em}
.rnd_chart .or02 .orhd{font-size:1.2em}
.rnd_chart .ordep .ortree ul {margin-top:30px}
.rnd_chart .ordep .ortree ul li{font-size:1.1em}

.rnd_chart .or02:before{content:''; width:320px; height:320px; top:40px; border:20px solid #f4dfe8; }

.rnd_chart .or02 .ortree.or_left,
.rnd_chart .or02 .ortree.or_right{margin-top:-40px}


.rnd_result{margin-bottom:120px}
}


@media all and (min-width:1200px) {
.rnd_chart{max-width:700px; margin:0 auto; padding-top:250px;}
.rnd_chart:before{content:''; width:600px; height:600px;}
.rnd_chart .ordep .ortree{width:230px; height:230px;}

.rnd_chart .or01 .orhd{width:300px; height:300px; margin-left:-150px; padding-top:110px; font-size:1.6em}
.rnd_chart .or02 .orhd{font-size:1.4em; line-height:70px;}
.rnd_chart .ordep .ortree ul {margin-top:30px}
.rnd_chart .ordep .ortree ul li{font-size:1.1em}

.rnd_chart .or02:before{content:''; width:400px; height:400px; border:30px solid #f4dfe8; }

.rnd_result{margin-bottom:150px}

}


.solution_info{position:relative}
.solution_info:after{clear:both; display:block;}
.solution_info dl{padding:25px 20px; background:#ffffff; border-top:2px solid #e50049; margin-bottom:30px;  -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2); position:relative}

.solution_info dl dt{text-align:center; margin-top:-40px; font-size:1.2em;}
.solution_info dl dt span{display:inline-block; width:80%; max-width:300px; padding:7px 20px; border-radius:500px; background:#e50049; color:#ffffff; font-weight:500; margin-bottom:20px;  -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);}

.solution_info dl dd{width:48%; float:left; margin:0 1% 10px; padding:8px 0px; background:#f8f8f8; text-align:center; border-radius:4px; letter-spacing:0; font-weight:600;}
.solution_info dl dd.long{width:98%}
.solution_info dl:after{content:''; display:block; clear:both}


@media all and (min-width:820px) {
.solution_info dl{width:31.33%; float:left; margin:0 1%; min-height:250px;}
.solution_info dl:nth-child(2) dt,
.solution_info dl:nth-child(3) dt{margin-bottom:30px}
.solution_info dl:nth-child(2) dd,
.solution_info dl:nth-child(3) dd{width:98%;}
}




@media all and (min-width:1400px) {
.solution_info dl{padding:35px; min-height:295px}
.solution_info dl dt {margin-top:-65px}
.solution_info dl dt span{padding:15px 40px; margin-bottom:30px}


}

/*연구소*/
.scroll_tab{position:relative}
.scroll_tab .tab{position:relative; z-index:1; background:#ffffff; margin-bottom:30px}
.scroll_tab .tab ul{overflow:hidden; max-width:1500px; margin:0 auto;}
.scroll_tab .tab ul li{float:left;}
.scroll_tab .tab ul li a{display:block; line-height:40px; padding:0 5px; color:#969696;  font-size:0.9em; font-weight:500}
.scroll_tab .tab ul li.on a{font-weight:800;border-bottom:3px solid #e50049; color:#000000}
body.scroll .scroll_tab .tab{position:fixed; top:60px; left:0; right:0; z-index:1; background:#e50049}
body.scroll .scroll_tab .tab ul{text-align:center;}
body.scroll .scroll_tab .tab ul li a{ color:#f8f8f8; }
body.scroll .scroll_tab .tab ul li.on a{ color:#ffffff; }

@media all and (min-width:440px) {
.scroll_tab .tab ul li{width:20%; text-align:center;}
}

@media all and (min-width:768px) {
.scroll_tab .tab{margin-bottom:50px;}

.scroll_tab .tab ul li{width:auto; float:none; display:inline-block;}
.scroll_tab .tab ul li a{padding:0 20px; font-size:1em; letter-spacing:0}


}


@media all and (min-width:1200px) {
.scroll_tab .tab{margin-bottom:80px;}

body.scroll .scroll_tab .tab{top:90px}
.scroll_tab .tab ul li a{line-height:60px; }

}

.rnd_wrap{}
.rnd_wrap .left_box h4.tit_nm{text-align:center; font-size:1.8em}

.rndbox{position:relative}
.rndbox{width:48%; float:left; margin:0 1% 15px;}
.rndbox:nth-child(3n){clear:both;}

.rndbox img{width:100%}
.rndbox dl{position:relative; padding:10px; background:#f8f8f8; border-radius:30px;  text-align:center}
.rndbox dl dt{display:inline-block; padding:5px 20px; margin-bottom:10px; background:#e50049; color:#ffffff; font-weight:500; border-radius:500px; }
.rndbox dl dd{font-size:0.9em}

.rnd_his.type02 .rndbox dl{text-align:left}
.rnd_his.type02 .rndbox dt{background:none; color:#e50049; padding:0;}
.rnd_his.type02 .rndbox dt span.date{display:inline-block; padding:5px 20px; margin-bottom:10px; background:#e50049; color:#ffffff; font-weight:500; border-radius:500px;}
.rnd_his.type02 .rndbox dt span.tit{display:block;}
.rnd_his.type02 .rndbox dd{padding-left:7px; position:relative}
.rnd_his.type02 .rndbox dd:before{content:''; position:absolute; display:block;  width:3px; height:3px; background:#656d72; left:0; top:8px;}

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

.rnd_wrap .left_box h4.tit_nm{text-align:left; font-size:2em}
.rnd_wrap .left_box p.tac{text-align:left !important}

.rndbox{width:31.33%;}
.rndbox:nth-child(3n){clear:none;}
.rndbox:nth-child(4n){clear:both;}

.rnd_his.list02 .rndbox{width:48%;}
.rnd_his.list02. rndbox:nth-child(3n){clear:none;}
.rnd_his.list02 .rndbox:nth-child(4n){clear:none;}
.rnd_his.list02 .rndbox:nth-child(3n){clear:both;}


}

@media all and (min-width:1200px) {
.rndbox{width:23%; margin:0 1% 25px}
.rndbox:nth-child(4n){clear:none;}
.rndbox:nth-child(5n){clear:both;}

.rnd_his.list03 .rndbox{width:31.33%; margin:0 1% 25px}
.rnd_his.list03 .rndbox:nth-child(3n){clear:none;}
.rnd_his.list03 .rndbox:nth-child(4n){clear:both;}
.rnd_his.list03 .rndbox:nth-child(5n){clear:none;}



}

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

.rnd_wrap .left_box h4.tit_nm{font-size:2.3em}
.rndbox dl{padding:20px 30px}

.rnd01 .rndbox dl{min-height:130px; padding:20px 10px}
.rnd02 .rndbox dl{min-height:150px}
}

ul.chat_link{display:flex; flex-wrap:wrap; justify-content:space-between; text-align:center; max-width:1200px; margin:0 auto}
ul.chat_link li{width:48%;}
ul.chat_link li a{display:block; padding:13px 0px; background:#000000; color:#ffffff; font-weight:600; font-size:0.9em; border-radius:10px}
ul.chat_link li a:before{font-family:xeicon; display:inline-block; line-height:103%; margin-right:10px; font-size:1.2em}
ul.chat_link li a.ic_naver{background:#19ce60}
ul.chat_link li a.ic_naver:before{content:'\ebf9';}
ul.chat_link li a.ic_kakao{background:#fee500; color:#1a1a1b}
ul.chat_link li a.ic_kakao:before{content:'\ebee';}

@media all and (min-width:1200px) {
ul.chat_link li a{padding:15px 0px; font-size:1em}
}