@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{position:relative;}
.imgbox img{width:100%; }
.imgbox .txt{position:relative; display:inline-block; padding:20px; color:#fff;}
.imgbox .txt:before{content:''; display:block; position:absolute; left:0; right:0; top:0; bottom:0; background:var(--main_color); transform:skewX(10deg); color:#fff; border-radius:0 20px; z-index:-1}

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




.blackTxt{color:#000000}
.blTxt{color:#1c3f95}
.blgrTxt{color:#345468}
.jjTxt{color:#e50049}
.mcTxt{color:var(--main_color)}
.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;}

.mainColor{color:var(--main_color)}
.subColor{color:var(--sub_color)}
.pointColor{color:var(--sub_color)}
.sSup{/* border-bottom:1px solid var(--sub_color); */font-weight:600;background: var(--main_color);padding:1px 5px;color:#fff;border-radius: 10px;margin:0 5px;display: inline-block;transform: translate(0px, 5px);}
.mSup{border-bottom:1px solid var(--main_color); font-weight:600; background:var(--main_color); padding:1px 5px; color:#fff; border-radius:0px 5px; margin:0 5px}
.pSup{border-bottom:1px solid var(--point_color); font-weight:600; color:var(--point_color); margin:0 5px}
.w100{width:100%}
.dot_li{overflow:hidden; }
.dot_li li{ padding-left:10px; margin-bottom:3px; position:relative}
.dot_li li:before{content:''; width:3px; height:3px; background:var(--gr_color); position:absolute; left:0; top:10px;}
.dot_li li:last-child{margin-bottom:0px;}

.tit_nm,
.tit_cm{font-size:1.3em; font-weight:800; }
.tit_cm{color:var(--gr_color);text-align: center;}
.tit_cm em{color: var(--main_color);}
.tit_sm{font-size:1.2em; font-weight:800; }
.tit_dot,
.tit_flag{color:#323232; font-size:1.3em; font-weight:800;  padding-left:35px; position:relative}
.tit_dot:before,
.tit_flag:before{content:''; width:13px; height:3px; position:absolute; background:#cb201f; opacity:1; top:10px; left:0px; }
.tit_flag:before{width:25px; height:20px; top:2px;  background:#fff; -webkit-box-shadow: 2px 3px 10px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 2px 3px 10px 0px rgba(0,0,0,0.15);
box-shadow: 2px 3px 10px 0px rgba(0,0,0,0.15);}

@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,
.tit_cm{font-size:1.6em; }
.tit_dot,
.tit_flag{ font-size:1.6em; }
.tit_flag:before{top:3px}
.tit_dot:before{width:15px; height:5px}
}

@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,
.tit_cm{font-size: 2.2em;text-align: left;}
    .tit_cm{text-align:center;}
.tit_sm{font-size:1.4em; }
    .titTy1, .titTy2{text-align: left;}
.tit_dot,
.tit_flag{ font-size:1.8em; padding-left:40px}

.tit_flag:before{top:6px}
.tit_dot:before{top:13px}


}

/*탭리스트*/
.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; font-size:0.95em;}
.comm_table th, .comm_table td{border:1px solid #dcdcdc; padding:15px 3px; vertical-align:middle}
.comm_table th:first-child {border-left:none;}
.comm_table th:last-child {border-right:none;}
.comm_table td:first-child {border-left:none;}
.comm_table td:last-child {border-right:none;}

.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:600; background:#fafafa; color:#000000}
.comm_table td.tit{font-size:1.05em; font-weight:600}

.comm_table tr.total td{background:#f8f8f8; font-weight:500}
@media all and (min-width:768px) {
.comm_table{font-size:1em;}
.comm_table th{padding:20px 10px}
.comm_table td{padding:15px 10px}
}

@media all and (min-width:1200px) {
.comm_table th{padding:20px 20px}
.comm_table td{padding:15px 20px}
}

.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 20px; *//* background:#f8f8f8; */border-radius:0 20px;}

.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:50px; }
.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}

.titTy1,
.titTy2{/* padding-bottom:15px; *//* border-bottom:5px solid #f8f8fa; */position:relative;text-align: center;}
.titTy1:before,
.titTy2:before{/* content:''; */position:absolute;left:0;bottom:-6px;width:60px;height:8px;background:var(--main_color);transform:skewX(10deg);border-radius:0px 10px} 


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

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

.arrow_li{overflow:hidden; }
.arrow_li li{position:relative; padding:7px 20px; background:#f9f9fa; border-radius:500px; margin-bottom:10px; display:flex; font-weight:500}
.arrow_li li i{display:inline-block; position:relative; width:15px; height:10px; margin-right:10px; margin-top:8px}
.arrow_li li i:before{content:''; position:absolute; top:2px; right:0; margin:auto; width:0px;height:5px; border-right:2px solid #303445;border-bottom:2px solid #303445;transform:rotate(-45deg) translateY(-50%)}
.arrow_li li i:after{content:''; position:absolute; left:0;width:100%;height:2px;background-color:#303445; top:0; bottom:0; margin:auto}
.arrow_li li:last-child{margin-bottom:0px;}


.comm_top{ position:relative}

.comm_top .tit {font-size:1.6em;font-weight:800;margin-bottom:20px;color:var(--gr_color);position:relative;text-align: center;}
.comm_top .tit em{color:var(--main_color)}
.comm_top .tit span.deco{padding-left:10px; margin-left:10px; font-size:0.7em; color:#808080; position:relative;}
.comm_top .tit span.deco:before{content:''; width:1px; height:80%; position:absolute; left:0; top:0; bottom:0; margin:auto; background:#e6e6e6}
.comm_top .txt{font-size:1.1em;font-weight:500;text-align: center;}

.half1200 .half_content{margin-bottom:30px}
.half1200 .half_content:last-child{margin-bottom:0}
@media all and (min-width:768px) {

.pointbox{/* padding:30px 30px; */}


.half_common .box_con{position:relative; margin-bottom:70px; }
.half_common .box_con:after{content:''; clear:both; display:block}
.half_common .box_con .left_box{/* float:left; *//* width:27%; *//* margin-right:3%; */}
.half_common .box_con .right_box{/* float:left; *//* width:70%; */}


.bgWrap{padding:70px 0px;}

.arrow_li li{padding:10px 20px;}

.titTy1{border:0;padding:0;text-align: left;}
.titTy1:before{display:none}

.half_common.sticky_common .left_box{/* position:sticky; *//* top:100px; */}
.half_common.sticky_common .right_box{width:100%;/* padding-left:30%; */float:none}

.comm_top .tit{font-size:2em; }
.comm_top .txt{font-size:1.2em;}
.half1200 .half_content{margin-bottom:50px;}
    .titTy1, .titTy2{text-align:left;}
}

@media all and (min-width:1200px) {
.pointbox{/* padding:40px 40px; */border-radius:0px 30px}
.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:100px;}
.half_common .box_con .left_box{/* width:22%; *//* margin-right:3%; */}
.half_common .box_con .right_box{width: 100%;}

.half_common.sticky_common .left_box{/* top:160px; */}
.half_common.sticky_common .right_box{width:100%;/* padding-left:25%; */}


.arrow_li li{padding:15px 20px; margin-bottom:15px}
.arrow_li li i{margin-top:10px}

.comm_top .tit{font-size:2.3em; }

.half1200{position:relative; display:flex; flex-wrap:wrap; gap:4%}
.half1200 .half_content{width:48%; margin-bottom:0}


}

@media all and (min-width:1640px) {
.bgWrap{padding:120px 0px;}
.titTy2{/* padding-bottom:20px; */}
}


/*회사개요*/
.company_info{display:flex;flex-wrap:wrap;gap:4%;flex-direction: row;}
.company_info dl{width: 48%;padding: 30px 20px;border-bottom:1px solid #f0f0f0;position:relative;text-align: center;border: 4px solid #f0f0f0;margin-bottom: 20px;padding-top: 67px;overflow-wrap: break-word;}
.company_info dl:after{content:'';width: 40px;height: 40px;left: 50%;top:20px;position:absolute;font-family:'mso';line-height:100%;font-size: 33px;text-align:center;color: var(--main_color);margin-left: -20px;}
.company_info dl dt{font-weight:800; font-size:0.9em; margin-bottom:10px}
.company_info dl.ic_email{/* width:100%; */}

.company_info dl.ic_name:after{content:'\eb3f';}
.company_info dl.ic_ceo:after{content:'\e7fd';}
.company_info dl.ic_found:after{content:'\f681';}
.company_info dl.ic_buiding:after{content:'\f6ea';}
.company_info dl.ic_employee:after{content:'\ea4a';}
.company_info dl.ic_field:after{content:'\e8f9';}
.company_info dl.ic_tel:after{content:'\e311';}
.company_info dl.ic_fax:after{content:'\eada';}
.company_info dl.ic_email:after{content:'\e9bc';}

.bg_mind{background:url(../img/bg_mind.jpg) no-repeat center center; color:#ffffff}
.bg_mind .tit_bm{color:#ffffff}

.mind_info{display:flex; flex-wrap:wrap; gap:4%; text-align:center}
.mind_info li{font-weight:600; width:30.66667%}
.mind_info li img{max-width:70px; width:100%; margin:0 auto 20px}
.mind_info li span{display:block; width:100%}

@media all and (min-width:1200px) {
.company_info dl{width:30.66667%;padding: 40px 0;padding-top: 91px;margin-bottom: 0px;}
	.company_info{
    gap: 30px;
}
.company_info dl:after{top: 40px;font-size: 2.2em;}
.company_info dl.ic_buiding,
.company_info dl.ic_email{width:30.66667%}

}

/*연혁*/
.cont_his{position:relative}
.cont_his:after{content:''; display:block; clear:both;}
/*.cont_his .history_top:after{content:'SINCE 1999'; position:absolute; right:0; top:0; z-index:0; line-height:100%; font-size:2.2em;  font-weight:900; color:#f0f0f0}*/
.cont_his .history_top .tit_cm{position:relative; z-index:5;}


.history_img video{width:100%}
.his_cont ul {position:relative;}
.his_cont ul li {position:relative;}
.his_cont ul li h4 {padding-left:40px; position:relative; color:var(--sub_color); font-weight:800; display:block; padding:10px 0 10px 50px; font-size:1.4em; margin-top:15px;}
.his_cont ul li h4:before {position:absolute; display:block; content:''; left:0; top:12px; width:24px; height:24px; background:var(--sub_color); border-radius:50%; -webkit-border-radius:50%; opacity:0.2; }
.his_cont ul li h4:after {position:absolute; display:block; content:''; left:0; top:12px; width:24px; height:24px; background:var(--sub_color); border-radius:50%; -webkit-border-radius:50%; transform:scale(0.3);}
.his_cont ul li ol {position:relative; margin-left:50px;  }
.his_cont ul li ol:before {position:absolute; display:block; content:''; left:-38px; top:0; width:1px; height:100%; background:var(--sub_color); opacity:0.2; }
.his_cont ul li ol li {position:relative;  margin-bottom:10px; }
.his_cont ul li ol li:last-child {margin-bottom:0px;}
.his_cont ul li ol li .month {font-weight:700; color:#000000; color:var(--sub_color); display:block }
.his_cont ul li .photo{margin-top:30px; border-radius:0 30px 0 0; overflow:hidden; /* 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);*/}


.history_scroll{position:relative; display:flex; flex-wrap:wrap;}
.history_scroll li{width:31.33%; margin:0 1%}
.history_scroll li a{display:block; padding:10px 0px; color:#808080; font-size:1.1em; font-weight:600;  text-align:center; border-bottom:3px solid #f0f0f0} 
.history_scroll li:first-child a{color:var(--main_color); border-bottom-color:var(--main_color); font-weight:800}

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

.cont_his .history_top .tit_cm{font-size:2.3em}
.cont_his .history_top:after{font-size:4em;}

.his_cont ul{margin-bottom:30px}
.his_cont ul:after{content:''; clear:both; display:block}
.his_cont ul li ol:before{left:-50px}
.his_cont ul li h4:before{left:-11px}
.his_cont ul li h4:after{left:-11px}


.his_cont ul li .photo{width:40%; float:left; margin-right:10%}
.his_cont ul li .info{width:50%; float:left;}
.his_cont ul.right li .info{float:right}

.his_cont ul.left li .photo{ float:right; margin-right:0%; margin-left:5%}
.his_cont ul.left{text-align:right}
.his_cont ul.left li ol{margin-left:0; margin-right:50px}
.his_cont ul.left li h4 {padding-left:0px;  padding:10px 50px 10px 0px; margin-bottom:30px}

.his_cont ul.left  li h4:before {left:auto; right:-11px; }
.his_cont ul.left  li h4:after {left:auto; right:-11px }
.his_cont ul.left li ol:before{left:auto; right:-50px;  }



.history_scroll li{width:18%}


}

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

.cont_his .history_top:after{font-size:6em}
.history_scroll li a{font-size:1.2em}


.his_cont ul li h4{font-size:2em; margin-bottom:35px; margin-top:0}
.his_cont ul li h4:before {top:20px;}
.his_cont ul li h4:after {top:20px}
.his_cont ul li ol li .month{ position:absolute; left:0; top:0; width:120px;  }
.his_cont ul li ol li{padding-left:120px; margin-bottom:20px;}
.his_cont ul.left li ol li{padding-left:0; padding-right:120px}
.his_cont ul.left li ol li .month{left:auto; right:0;}

.history_scroll li a{ padding:20px 0px;}
}



/*조직도*/
.organization{text-align:center; position:relative; max-width:1300px; margin:0 auto}
.organization:before{content:'';width:1px;height:190px;left:0;right:0;top:0;margin:auto;position:absolute;display:block;background: #9c9c9c;}
.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;border-radius: 10px;color:#ffffff;position:relative;font-weight:600;}
.organization .ordep:after{content:''; display:block; clear:both;}
.organization .or01 .orhd{background: var(--main_color);padding:15px 30px;font-size:1.2em;width:180px;left:50%;margin-left:-90px}
.organization .or02 .orhd{background:#dd3838;  }

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

.organization .ordep .orhd:before{position: absolute;top: -6px;left: 50%;margin-left: -6px;display: block;/* content: ''; */width: 5px;height:5px;/* border:3px solid #ffffff; */background-color: #ecebe8;-webkit-border-radius: 100%;}
.organization .or01 .orhd:before{background:#cb201f; top:auto; bottom:-6px}
.organization .or02 .orhd:before{background:#dd3838; top:50%; left:0; margin-top:-5px}
.organization .or03 .orhd:before{background:#3b4315; left:0; top:50%; margin-top:-5px}
.organization .or04 .orhd:before{background:#8b919d;}

.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:100px; left:50%; margin-left:-50px; font-size:1.2em}
.organization .or02 .orhd.right{margin:0; left:0; float:right }
.organization .or02: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{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; margin-bottom:10px}

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

.organization .ordep .ortree{ margin:0 auto; margin-bottom:30px; }
.organization .ordep .ortree:last-child{margin-bottom:0}
.organization .ordep .ortree ul li{padding:10px;background:#f7f7fa;margin-bottom:10px;border:1px solid #e6e6e6;border-radius: 10px;}

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

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

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

.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 li{padding: 20px 10px;}
.organization .ordep .ortree:before{height:80px; top:-80px}
}

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

.organization .ordep .ortree ul{ min-height:120px}
}





/*주요고객*/


.major_list{display:flex; flex-wrap:wrap; gap:3% }
.major_list li{width:48.5%; background:#f8f8f8;  display:flex; justify-content:center; align-items:center; margin-bottom:2%; text-align:center; font-size:0.9em; padding:5px}


@media all and (min-width:620px) {
.major_list{gap:2%}
.major_list li{width:32%; padding:10px }
}



@media all and (min-width:1200px) {
.major_list.list05 li{width:18.4%}
.major_list.list06 li{width:15%}
}



/*카달로그다운로드*/

.blank_list li{margin-bottom:10px; position:relative; background:#f8f8f8; border-radius:0 0 0 20px;}
.blank_list li a{display:block;position:relative;}
.blank_list li a span{display:block; position:relative;   padding:15px 30px 15px 15px;  font-weight:600; border-radius:0 30px; z-index:1; }
.blank_list li span:before{font-family:'mso';  font-weight:400; font-size:1.2em;  width:30px; height:30px; line-height:30px; text-align:center; display:inline-block; vertical-align:middle; margin-right:15px;}

.blank_list li a i{position:absolute; right:15px; top:0; bottom:0; margin:auto; width:25px; height:25px; }
.blank_list li a i:after{content:''; position:absolute; top:6px; right:0; margin:auto; width:0px;height:10px; border-right:2px solid #323232;border-bottom:2px solid #323232; transform:rotate(-45deg) translateY(-50%)}
.blank_list li a i:before{content:''; position:absolute; left:0;width:100%;height:2px;background-color:var(--mono_color); top:0; bottom:0; margin:auto}

.blank_list li a.ic_pdf span:before{ content:'\e415'; }
.blank_list li a.ic_youtube span:before{ content:'\f85a'; }
.blank_list li a.ic_video span:before{ content:'\e04b'; }
.blank_list li a.ic_video .photo {position:relative; display:flex; flex-wrap:wrap; justify-content:center; align-items:center}
.blank_list li a.ic_video .photo:before{content:''; display:block; position:absolute; width:100%; height:100%; background:#111; opacity:0.2}
.blank_list li a.ic_video .photo:after{content:'\e1c4'; font-family:'mso'; position:absolute; font-size:5em; color:#fff;}

.blank_list li a span:after{content:''; display:block; position:absolute; z-index:0;  bottom:0;  left:0;  width:100%;  height:100%; background:var(--main_color);  transform: scaleX(0);  transform-origin: left; transition: .1s ease-in; z-index:-1; border-radius:0 20px;}
.blank_list li a:hover span{background:none; color:#fff}
.blank_list li a:hover span:after{transform: scaleX(1) skewX(10deg); transition: .3s ease-out; }
.blank_list li a:hover span i:after,
.blank_list li a:hover span i:before{background:#fff; border-color:#fff}

.blank_list li.ready:before{content:''; width:100%; height:100%; position:absolute;  left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,0.5); z-index:1;}
.blank_list li.ready:after{content:'준비중입니다.'; font-size:1em; position:absolute; width:100%; top:0; bottom:0; margin:auto; text-align:center; line-height:30px; height:30px; z-index:2; color:#ffffff; font-weight:600}
.blank_list li .photo{margin:10px}

@media all and (min-width:620px) {
.blank_list{display:flex; flex-wrap:wrap; gap:4%}
.blank_list li{width:48%; margin-bottom:20px}
.blank_list li a span{padding:20px 25px 20px 20px}

.blank_list li .photo{display:block}

.catalog_warp{position:relative; display:flex;  flex-wrap:wrap; gap:4%}
.catalog_warp .box{position:relative; width:48%}
.catalog_warp .box .blank_list li{width:100%}
}

@media all and (min-width:768px) {
.catalog_warp,
.blank_list {gap:4%}
.blank_list li{width:30.66%}
.blank_list li.ready:after{font-size:1.3em}

.catalog_warp .box{position:relative; width:32%}
}

@media all and (min-width:1200px) {
.blank_list li a span{font-size:1.1em}

.blank_list.list04 li{width:23.5%}

.catalog_warp{justify-content:flex-start}
.catalog_warp .box{position:relative; width:23.5%;}
.catalog_warp .box:last-child{margin:0}
}


/*제품*/
.tabmenu{position:relative; display:flex; flex-wrap:wrap; gap:2%}
.tabmenu.list02 li{width:49%; }
.tabmenu li a{display:block; padding:10px 0px; color:#808080; font-size:1.1em; font-weight:600;  text-align:center; border-bottom:3px solid #f0f0f0} 
.tabmenu li a.current{color:var(--main_color); border-bottom-color:var(--main_color); font-weight:800}

@media all and (min-width:1200px) {
.tabmenu li a{font-size:1.2em}
.tabmenu li a{ padding:20px 0px;}
}


/*제품상세*/
.supply_dl{position:relative; font-weight:700; display:flex; flex-wrap:wrap; gap:2%; justify-content:space-between}
.supply_dl dt{font-size:0.9em; width:30%;}
.supply_dl dd{width:68%; text-align:right}
.supply_dl dd span{font-size:2em; }


@media all and (min-width:768px) {
.supply_dl dt,
.supply_dl dd{width:100%; text-align:left}/*half_comm 에서 깨지는것*/
}

@media all and (min-width:1200px) {
.supply_dl dt{width:30%;}
.supply_dl dd{width:68%; ; text-align:right}
}


.icon_list{position:relative}
.icon_list{position:relative; display:flex; flex-wrap:wrap; gap:4%}
.icon_list li{width:48%; text-align:center;}
.icon_list li span{display:block; font-weight:700; text-align:center;}
.icon_list li i{width:80px; height:80px; display:flex; justify-content:center; align-items:center; font-size:3em; margin:0 auto; border-radius:100%; margin-bottom:10px; position:relative}
/*.icon_list li i:after{content:''; width:70px; height:70px; border-radius:100%; border:1px solid var(--main_color); border-radius:100%; position:absolute;  margin:auto; opacity:0.3}*/
.icon_list li i:before{font-family:'mso';  font-variation-settings:'wght' 500; content:'\f041';}


.icon_list li i.icon_iccp01:before{ content:'\f041';}
.icon_list li i.icon_iccp02:before{ content:'\e8b8';}
.icon_list li i.icon_iccp03:before{ content:'\e913';}
.icon_list li i.icon_iccp04:before{ content:'\f748';}
.icon_list li i.icon_iccp05:before{ content:'\e425';}


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

.icon_list.list03 li{width:30.66%}
.icon_list.list06 li{width:30.66%}

}

@media all and (min-width:768px) {
.icon_list.list04 li{width:22%}

}


@media all and (min-width:1200px) {
.icon_list li{width:16.5%}
.icon_list.list06 li{width:13.33%}
}

.components_wrap{position:relative}
.components_wrap .components{position:relative; padding:20px; border:5px solid #f8f8f8; border-radius:0 20px; }
.components_wrap .components:last-child{margin-bottom:0 !important}
.components_wrap .components .photo{margin-bottom:20px; text-align:center;}
.components_wrap .components .photo img{}
.components_wrap .components .detail{margin-bottom:20px}
.components_wrap .components .detail h5{font-weight:700; font-size:1.2em; margin-bottom:20px; color:var(--main_color)}
.components_wrap .components .detail ul,
.components_wrap .components .detail p{margin-bottom:20px;}
.components_wrap .components .detail p{font-size:1.05em; color:var(--mono_color)}
.components_wrap .components .spec h6{font-weight:700; font-size:1.1em;  }

@media all and (min-width:768px) {
.components_wrap .components{display:flex; flex-wrap:wrap; gap:4%; padding:30px}
.components_wrap .components .detail h5{font-size:1.4em}
.components_wrap .components .photo {width:30%;}
.components_wrap .components .detail {width:66%;}

}

@media all and (min-width:1200px) {
.components_wrap .components{padding:40px; border-radius:0 50px}
.components_wrap .components .detail h5{font-size:1.6em}

}

.responsive-tabs-wrapper{}
.responsive-tabs__list { display: none;}
.responsive-tabs__heading { display: block; cursor: pointer; }
.responsive-tabs__panel--closed-accordion-only { display: none;}

.responsive-tabs__list { font-size: 1.1em; margin: 2em 0 0 0; padding: 0;padding-bottom:11px; line-height: 1em;}
.responsive-tabs__heading {padding: 15px 0; border-top: 1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; position: relative; font-weight:700; }
.responsive-tabs__heading span{display:block; color:#454545; width:90%}
.responsive-tabs__heading b{color:#323232; margin-right:2px}
.responsive-tabs__heading i{display:block; width:30px; height:30px; border-radius:500px; right:0px; top:0; bottom:0; margin:auto; position:absolute; -webkit-box-shadow: 2px 3px 10px 0px rgba(0,0,0,0.15);
-moz-box-shadow: 2px 3px 10px 0px rgba(0,0,0,0.15);
box-shadow: 2px 3px 10px 0px rgba(0,0,0,0.15);}
.responsive-tabs__heading i:before,
.responsive-tabs__heading i:after{content:''; display:block; width:14px; height:2px; background:#505050; position:absolute; top:0; right:0; bottom:0; left:0; margin:auto}
.responsive-tabs__heading i:after{width:2px; height:14px; transition:0.3s }

.responsive-tabs__heading:first-child{border-top:0px;}

.responsive-tabs__heading--active{color:#000000; border-bottom:0}
.responsive-tabs__heading--active i{background:#323232; border-color:#323232; border:0px}
.responsive-tabs__heading--active i:before{background:#ffffff}
.responsive-tabs__heading--active i:after{display:none; transition:0.3s}

.responsive-tabs__panel{}
.responsive-tabs h5:last-child{border-bottom:1px solid #e6e6e6}


@media all and (min-width:768px) {
.responsive-tabs__heading {padding: 20px 0;}
.responsive-tabs__heading:after{top:0;  bottom:0; margin:auto}

}

.merits_dl{padding:20px;/* background: var(--mono_color); */font-size:0.9em;/* color:#fff; */height:100%;border-radius: 10px;background: #fff;}
.merits_dl.bg2{/* background:var(--mono_color); */}
.merits_dl dt{font-weight:700;font-size:1.1em;padding-bottom: 4px;margin-bottom:10px;border-bottom:1px solid #e6e6e6;border-color:rgba(255,255,255,0.3);background: var(--main_color2);text-align: center;color: #fff;border-radius: 10px;padding-top: 5px;}
.merits_dl dd{position:relative;/* padding-left:10px; */margin-bottom:5px;}
.merits_dl dd:last-child{margin-bottom:0px}
.merits_dl dd:before{content:'';width:3px;height:3px;border-radius:2px 0px;position:absolute;left:0;top:7px;/* background:#fff; */opacity:0.3}



.comm_dl{position:relative; display:flex; flex-wrap:wrap; gap:2%;}
.comm_dl .box{position:relative;margin-bottom:20px;border: 7px solid #f0f0f0;padding: 20px;}

.comm_dl .box .photo{position:relative; margin-bottom:10px;}
.comm_dl .box .photo span.tag{position:absolute; left:0; top:0; display:inline-block; padding:5px 10px; background:#0f4aad; color:#ffffff; font-weight:700; font-size:0.9em}
.comm_dl .box .photo img{width:100%}

.comm_dl dt{font-weight:700;font-size:1.1em;margin-bottom:5px;color:var(--main_color);letter-spacing: -1px;}
.comm_dl dt span{display:block; font-size:0.8em; margin-top:5px;}
.comm_dl dt b.num{display:inline-block; vertical-align:middle; font-size:0.8em; width:30px; height:30px; text-align:center; line-height:30px; background:#0f4aad; color:#ffffff; border-radius:500px; font-weight:600; margin-right:5px;}
.comm_dl dd{font-size:0.9em}

.dot_dl dt{position:relative;}
.dot_dl dd{position:relative; padding-left:10px;}
.dot_dl dd:before{content:''; width:3px; height:3px; background:#636d77; position:absolute; left:0; top:10px; }

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

.comm_dl .box,
.comm_dl.list02 .box{width:49%; }
}

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

.comm_dl dt{font-size:1.2em}
.comm_dl.list03 .box{width:31.33%; }


}

@media all and (min-width:1200px) {
.comm_dl .box{width:23.5%; }


.comm_dl dd{font-size:1em;}

.dot_dl dd{padding-left:15px; }

}


/*퀄리티*/
.common_list{position:relative;display:flex;flex-wrap:wrap;gap:2%;background: #f8f8f8;padding: 20px;border-radius: 0 0 20px 20px;border-top: 2px solid var(--main_color);}
.common_list li{/* margin-bottom:20px; */position:relative;/* border: 4px solid #f0f0f0; */}
.common_list li,
.common_list li img{display:block;width:100%;border-radius: 10px;}

.common_list li span{display:block;text-align:center;position:relative;font-weight:600;background: var(--main_color);color:#fff;padding:5px;border-radius: 10px;}
.common_list.flag li span{display:inline-block; vertical-align:middle; padding:5px 15px; color:#fff; font-size:0.8em; z-index:3; }
.common_list.flag li span:before{content:''; z-index:-1; position:absolute; width:100%; height:100%; top:0; left:0;  background:var(--main_color); left: 0;transform: skewX(10deg); border-radius:0 10px 0 10px; color:#fff;}
.common_list li span em{display:block; padding-bottom:5px; margin-bottom:5px; position:relative; font-size:0.8em}
.common_list li span em:after{content:''; width:30px; height:1px; background:#fff;  position:absolute; bottom:0; left:0; right:0; margin:auto; opacity:0.5; }

.common_list.none li span em:after{background:var(--main_color); right:auto}
.common_list.none li span{background:none; text-align:left; font-size:1em; color:var(--main_color); padding:0; margin-top:10px;}
@media all and (min-width:540px) {

.common_list li{width:49%;}

}
@media all and (min-width:768px) {
.common_list.list03 li{width:32%}
.common_list.list04 li{width:23.5%}
.common_list.list09 li{width:15%}

}

@media all and (min-width:1200px) {
.common_list.list09 li{width:9.33%}
    .common_list{
    padding: 30px;
    border-top: 4px solid var(--main_color);
}
}

/*인증현황*/

/*인증현황*/

.certi_li{position:relative; display:flex; flex-wrap:wrap;}
.certi_li:after{content:''; clear:both; display:block;}
.certi_li li{position:relative; width:48%; margin:0 1% 20px; text-align:center; }
.certi_li li a{position:relative; display:block}
.certi_li li img{width:100%; border:1px solid #e6e6e6}
.certi_li li span{display:block; letter-spacing:0; font-weight:600;  font-size:0.95em; background:#9298a3; padding:5px 10px; color:#ffffff}
.certi_li.none_bg li span{background:none; letter-spacing:-0.035em;  color:#323232; padding:10px}

.ani_box{position:relative; display:flex; flex-wrap:wrap;}
.ani_box:after{content:''; clear:both; display:block;}
.ani_box li{position:relative; width:48%; margin:0 1% 20px; text-align:center; }
.ani_box li .photo{position:relative}
.ani_box li a{position:relative; display:block}
.ani_box li img{width:100%; border:1px solid #e6e6e6}
.ani_box li span{display:block;  color:#323232; padding:10px; font-weight:600;  font-size:0.95em; }


@media all and (min-width:768px) {
.certi_li li{width:23%}
.ani_box li{width:23%}

}


@media all and (min-width:1200px) {
.certi_li li span{font-size:1.1em}

}


/*인증서*/

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

}

/*공장둘러보기*/


.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:var(--main_color); 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) {
}




/*contact us*/

.offce_info .info{position:relative; padding:20px; border:1px solid #e6e6e6; border-radius:20px 20px 20px 0; margin-bottom:20px; font-size:0.9em}
.offce_info .info:last-child{margin-bottom:0px;}
.offce_info .info h5{font-weight:700; margin-bottom:10px; font-size:1.2em; color:var(--main_color2)}
.offce_info .info ul li{margin-bottom:3px; padding-left:60px; position:relative}
.offce_info .info ul li:last-child{margin-bottom:0px;}
.offce_info .info ul li span{font-weight:600; font-size:0.9em; position:absolute; left:0; color:var(--gr_color); z-index:10}

@media all and (min-width:1200px) {
.offce_info{margin-bottom:50px}
.offce_info .info{padding:30px; font-size:0.95em;}
.offce_info .info ul li{padding-left:80px}
}

.add_list{position:relative}
.add_list li b{display:block; font-weight:700; margin-bottom:10px; color:var(--sub_color)}
.add_list li{margin-bottom:20px;}
.add_list li:last-child{margin-bottom:0px;}


.map{position:relative; z-index:0;}
.map .direction{position:absolute; left:-10px; bottom:-10px; line-height:55px; height:55px; background:var(--main_color); color:#fff; border-radius:0 50px 50px 50px; display:inline-block; padding:0 20px }
.root_daum_roughmap { width: 100% !important }
.root_daum_roughmap .cont .section { padding: 20px !important; background: #ffffff; margin: 0 !Important }

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


.add_list{position:relative;margin-bottom: 30px;}
.add_list.email_list li{width:100%}

.add_list li b{display:block;font-weight:700;margin-bottom:5px;color: var(--main_color);}
.add_list li{margin-bottom:20px;padding-left: 68px;position: relative;}
.add_list li:before{content: '\e0c8';position: absolute;font-family: 'mso';font-size: 2em;width: 55px;height: 55px;left: 0;top: 0px;line-height: 55px;color: var(--main_color);text-align: center;border-radius: 500px;background-color: #f8f8f8f8;font-weight: normal;}
.add_list li:last-child{margin-bottom:0px;}
.add_list li.ic_call:before{content:'\e61d'}
.add_list li.ic_fax:before{content:'\e8ad'}
.add_list li.ic_mail:before{content:'\e9bc'}



.map{position:relative;z-index:0;/* border-bottom: 1px solid #dedede; */}
.map .direction{position:absolute; left:-10px; bottom:-10px; line-height:55px; height:55px; background:var(--main_color); color:#fff; border-radius:0 50px 50px 50px; display:inline-block; padding:0 20px }
.map .root_daum_roughmap{width: 100% !important;border-bottom: 1px solid #dedede;}
.root_daum_roughmap .cont .section.lst{display:none;}
@media all and (min-width:768px) {
.add_list{display: flex;flex-wrap: wrap;gap: 4%;padding-top: 20px;margin-bottom: 0px;}
.add_list.email_list li{width:29.33%}
.add_list li:first-child{width:100%;}
.add_list li{width:48%;padding-left:65px;margin-bottom: 40px;}
}

@media all and (min-width:1200px) {
.map .direction{padding:0 30px}
.add_list li{width: 29%;font-size: 20px;padding-left: 70px;/* margin-bottom: 50px; */}
.add_list li:first-child{width: 34%;}
    .add_list li b{
    font-size: 20px;
}
    .add_list li:before{
    font-size: 28px;
    top: 0px;
    width: 60px;
    height: 60px;
    line-height: 60px;
}
    .add_list li span{
    /* font-size: 22px; */
}
}




/*세부조직*/

.chart_org{position:relative; clear:both; overflow:hidden}
.chart_org:after{content:''; clear:both;}
.chart_org .right{position:relative;}
.chart_org .total{position:absolute; right:0px; top:-40px; display:inline-block; padding:5px 10px; color:#ffffff; background:#cd1212; font-size:0.8em; border-radius:100px;}
.chart_org .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%;}

.chart_org dl.team{border-top:1px solid #e6e6e6; padding:40px 0px; overflow:hidden;}
.chart_org dl.team dt{font-weight:700; margin-bottom:20px; font-size:1.2em}
.chart_org dl.team dd b{margin-right:5px}
.chart_org dl.team dd:last-child{margin-bottom:0px}
.chart_org dl.team:last-child{border-bottom:1px solid #e6e6e6}



@media all and (min-width:768px) {
.chart_org{margin-bottom:0 !important}

.chart_org h4{margin-bottom:60px; font-size:1.8em}
.chart_org dl.team{padding:50px 0}
.chart_org dl.team dt{float:left; clear:both; width:25%; font-weight:700; color:#323232; margin-bottom:0;}
.chart_org dl.team dd{float:right; width:75%; margin-bottom:5px}
.chart_org dl.team dd b{margin-right:10px}
.chart_org dl.team dd:last-child{margin-bottom:0px}

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



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

.chart_org .left{text-align:left; float:left; width:20%; clear:both;}
.chart_org .right{float:right; width:75%; }

}



/*비전체계도*/
.visioncon{position:relative}
.vision_box{position:relative;margin-bottom:30px;padding-bottom:30px;/* border-bottom:1px solid #e6e6e6; */}
.vision_box .tit_dot{
    font-size: 24px;
    text-align: center;
    padding: 0px;
}
.vision_box .tit_dot:before{display:none;}
.vision_box:last-child{border-bottom:0; padding-bottom:0; margin-bottom:0}
.vision_box .right{position:relative;}
.vision_box .vision_tt{text-align:center;}
.vision_box .right p.vision_tit{text-align:center; font-size:1.3em; color:#989ea2; font-weight:800; }
.vision_box .right p.vision_tit b{display:block;margin-bottom:10px;border: 5px solid #f8f8f8;padding: 17px;border-radius: 50px;margin-bottom: -14px;}
.vision_box .right p.vision_tit span{display:block;font-size:1.3em;color: var(--main_color);letter-spacing:-1px;font-weight:800}
.vision_box .right p.vision_tit2{display:block; font-size:1.1em; font-weight:500}

.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; margin:0 auto; display:flex; flex-wrap:wrap;}
.vision_box .goal_li dl{text-align:center; margin-bottom:10px; width:33.33%;}
.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; text-align:center;}
.vision_box .subject_box:last-child{margin-bottom:0}
.vision_box .subject_box dt{background:#cb201f; padding:10px 5px; font-size:1.1em;  color:#ffffff; font-weight:600; margin-bottom:10px;}
.vision_box .subject_box:nth-child(1) dt{background:#cb201f}
.vision_box .subject_box:nth-child(2) dt{background:#bdb7a1}
.vision_box .subject_box:nth-child(3) dt{background:#8b919d}

.vision_box .subject_box dd{margin-bottom:5px; padding:0 10px; background:#ffffff; }
.vision_box .subject_box dd:last-child{margin-bottom:0px; padding-bottom:10px;}

.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 .right p.vision_tit span{display:inline-block; vertical-align:middle; margin:0 5px}
}


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

.vision_box .goal_li {display:flex; flex-wrap:wrap}
.vision_box .goal_li li{width:30.33%; margin:0 1.5%}
.vision_box .goal_li dl img{width:100px}
.vision_subject{display:flex; flex-wrap:wrap}
.vision_subject .subject_box{width:30.33%; margin:0 1.5%}



}


@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: 1.5em;display: flex;justify-content: center;margin-top: 30px;}
.vision_box .right p.vision_tit2{display:block; font-size:1.3em;}

    .vision_box .right p.vision_tit b{
    padding: 40px 74px;
    border-radius: 100px;
    margin: 0;
    margin-right: -42px;
    margin-left: -14px;
}

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



}

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

.vision_box{margin-bottom:100px;padding-bottom: 0px;}

.vision_box .left{/* float:left; *//* width:250px; */font-size: 40px;text-align: center;width: 100%;display: block;}
.vision_box .right{float:left; width:calc(100% - 250px);}
.vision_box .vision_tt{/* margin-left:-115px; */width: 100%;}
.vision_box .goal_li dl img{max-width:200px}


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

}





/*제품소개*/
.content_table{width:100%; border-top:1px solid #6d6a60; border-collapse:collapse;}
.content_table th, .content_table td{border-bottom:1px solid #e6e6e6; padding:8px 5px; vertical-align:middle}
.content_table .bl, .content_table tr.bl td, .content_table tr.bl th{border-left:1px solid #e6e6e6}
.content_table th{font-weight:600;  color:#323232; padding:15px 5px; text-align:left}
.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;}

@media all and (min-width:768px) {
.content_table th{padding:20px 10px}
.content_table td{padding:20px 10px}
}




/*버튼스타일*/
.btn_li button.btn_link,
.btn_li a.btn_link{line-height:40px; height:40px; padding:0 10px; font-size:1em; border:0px}
.btn_link{display:inline-block; color:#ffffff; background:#323232; border:0px }
.btn_gr{background:#8b919d !important}
.btn_red{background:#cb201f !important}




/*제품물성표*/

.move_table{position:relative; overflow-y:scroll}
.move_table2{position:relative; overflow-y:scroll}
.move_table table{min-width:768px;}
.move_table2 table{min-width:768px;}

.tit_bg{background:#f8f8f8; border-left:5px solid #cb201f; padding:7px 10px; padding-left:15px; font-size:1.2em; font-weight:600}
.tit_sdot{font-weight:600; font-size:1.1em; color:#cb201f; padding-left:20px; position:relative; margin-bottom:10px}
.tit_sdot:before{content:''; width:4px; height:4px;  border:2px solid #cb201f; position:absolute; left:0; top:5px; border-radius:500px}
.tit_sdot:after{content:''; width:8px; height:2px; background:#cb201f; position:absolute; left:0; top:16px; border-radius:500px;}
.data_table {width:100%; border-top:1px solid #c8c8c8;}
.data_table th, .data_table td {padding:15px 5px; border:1px solid #e6e6e6; border-top:none; font-size:0.9em; text-align:center; vertical-align:middle}
.data_table th:first-child {border-left:none;}
.data_table th:last-child {border-right:none;}
.data_table td:first-child {border-left:none;}
.data_table td:last-child {border-right:none;}
.data_table thead th {border-bottom:1px solid #e6e6e6; background:#f8f8f5; font-weight:500; color:#000000}
.data_table tbody th {background:#f5f5f5; font-weight:500; color:#000000}
.data_table tbody td {border-bottom:1px solid #e6e6e6; }
.data_table td.bgc{background:#f9f9f9; font-weight:500}
.data_table td.narrow{background:#f8f8f5; font-weight:500}
.data_table.color th {background:#F5F6FA}
.data_table.tx_left tbody td {padding-left:20px; text-align:left;}
.data_table tr.bd_tr{border:2px solid #c00000; font-weight:bold; background:#feffd9 !important}
.data_table tr.cl_tr{background:#feffd9 !important}
.data_table tr.bd_tr .bgc{font-weight:bold} 

@media all and (min-width:768px) {
.move_table2{overflow:visible}
.move_table2 table{min-width:auto}

.move_table{overflow:visible}
.move_table table{min-width:auto}

.data_table th, .data_table td{padding:15px 10px}
.data_table td.narrow{padding:10px}
}




/*준비중입니다.*/
.readybox{border:10px solid #f9f9f9; padding:50px 20px 80px; position:relative; margin-bottom:50px}
.readybox h4{position:absolute; left:0%; right:0%; bottom:5%; margin:auto; width:200px;}
.readybox h4 img{width:100%;}
.readybox .txt{position:relative; text-align:center;}
.readybox .txt h5{font-size:2em; color:#e6e6e6; font-weight:600; line-height:1.2; margin-bottom:30px;}
.readybox .txt h5:before{display:block;font-family:'FontAwesome'; content:'\f11a'; font-size:3em; }
.readybox .txt .ic_back{display:inline-block; padding:13px 20px; border-radius:5px; background:#1a0182; color:#ffffff; font-family:inherit}
.readybox .txt .ic_back:before{display:inline-block;font-family:'FontAwesome'; content:'\f060'; margin-right:5px;}

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

@media all and (min-width:1200px) {
.readybox{font-size:1.3em} 
.readybox .txt .ic_back{font-size:0.8em; padding:15px 25px}
}



/*프로세스*/
.process_chart{position:relative;background: #c1d6e2;padding: 20px;border-radius: 20px;}
.process_chart .chart_dep{position:relative}
.process_chart .chart_dep:before{content:'';width:2px;background: #fff;position:absolute;left:20px;top:40px;bottom:-20px;z-index: 0;height: calc(100% - 3px);}
.process_chart .chart_dep i{ font-size:0.75em}

.process_chart .chart_dep .orhd{background: var(--mono_color);color:#fff;padding:7px 5px;text-align:center;margin-bottom:20px;border-radius: 10px;position:relative;z-index:1;box-shadow: 0px 0px 19px #00000024;/* color: #111; */}
.process_chart .chart_dep h4.orhd{background: #3278a4;padding:10px 5px;font-weight:600;/* color: #111; */font-weight: 600;}
.process_chart .chart_dep h5.orhd{}
.process_chart .chart_dep h5.orhd img{height:50px}

.process_chart .chart_dep .or_box{padding-left:40px; position:relative}
.process_chart .chart_dep .or_box .or_dl{padding:20px;background:#f8f8f8;border-radius: 10px;margin-bottom:20px;margin-left:50px;position:relative;background: #fff;font-size: 14px;color: #444;box-shadow: 0px 0px 19px #0000001f;}
.process_chart .chart_dep .or_box .or_dl dt{font-weight:600;padding:1px 15px;width:30px;height:30px;line-height:30px;padding:0;text-align:center;border-radius:50px;background: var(--main_color);display:inline-block;color:#fff;font-size:0.8em}
.process_chart .chart_dep .or_box .or_dl dt.tit{color:var(--main_color);width:auto;height:auto;line-height:auto;text-align:left;background:none;display:block;font-size: 1em;}
.process_chart .chart_dep .or_box .or_dl:before{content:''; width:20px; height:2px; background:#fff; position:absolute; left:-20px; top:15px;}
.process_chart .chart_dep .or_box .orhd:before{content:'';width:20px;height:2px;background: #fff;position:absolute;left:-20px;top:15px;}
.process_chart .chart_dep .or_box .orhd:after{content:'\e5cf';font-family:'mso';position:absolute;left:-30px;top:5px;line-height:20px;height:20px;width:20px;border-radius:500px;background: var(--mono_color);color:#fff;font-size:1.2em;}
.process_chart .chart_dep .or_box .or_dl:after{content:''; width:2px; height:35px; background:#e6e6e6; position:absolute; left:-20px; top:-20px;}
.process_chart .chart_dep .or_box .or_dl dl.info dd{font-size:0.9em; padding-left:10px; position:relative;}
.process_chart .chart_dep .or_box .or_dl dl.info dd:before{content:''; width:3px; height:3px; background:var(--mono_color); position:absolute; left:0; top:8px;}
.process_chart .chart_dep.yes_dep{}
.process_chart .chart_dep.yes_dep .ordl_box:last-child .orhd:after{content:'YES';font-size:0.8em;font-weight:600;font-family:'pretendard';width:30px !important;height:30px  !important;border-radius:500px;left:-35px;line-height:30px;background: var(--mono_color);}
.process_chart .chart_dep:last-child:before{display:none}
.process_chart.product_process .chart_dep:last-child:before{display:block;height: calc(100% - 60px);top: 40px;bottom: auto;}
.process_chart .chart_dep:last-child .ordl_box:last-child .hrhd:after{display:none}
.process_chart .chart_dep:last-child .or_box:last-child .orhd:after{display:none }


@media all and (min-width:1200px) {
.process_chart{font-size:1.1em;padding: 40px;}
.process_chart .chart_dep:before{left:0; right:8px; margin:auto;}
.process_chart .chart_dep:after{content:'';width:2px;background: #fff;position:absolute;left:30.5%;top: 27px;height: calc(100% - 96px);}
.process_chart .chart_dep:nth-child(2):after{bottom:auto;height: calc(100% - 110px);}
.process_chart .chart_dep:nth-child(3):after{bottom:auto;height: calc(100% - 145px);}
.process_chart .chart_dep:last-child:after{display:none}

.process_chart.product_process .chart_dep:after{display:none}
.process_chart.product_process .chart_dep:nth-child(2):after{display:block;bottom:auto;height: calc(100% - 128px);}

.process_chart .chart_dep{display:flex; flex-wrap:wrap; align-items:flex-start}
.process_chart .chart_dep h4.orhd{width:25%;padding: 15px 0;}
.process_chart .chart_dep h4.orhd:after{content:'';display:block;width:22.5%;height:2px;position:absolute;right:-22.5%;background: #fff;top: 27px;}
.process_chart .chart_dep .or_box{padding-left:10%; width:75%}
.process_chart .chart_dep .or_box {}
.process_chart .chart_dep .or_box .ordl_box{display:flex; flex-wrap:wrap; align-items:flex-start; margin-bottom:20px }
.process_chart .chart_dep .or_box .ordl_box h5{width:45%;margin-right:10%;padding: 15px 0;}
.process_chart .chart_dep .or_box .ordl_box .or_dl{width:45%;margin:0;padding:20px;font-size: 16px;}
.process_chart .chart_dep .or_box .or_dl:after{display:none}
.process_chart .chart_dep .or_box .or_dl:before{width:22.25%;left:-22.25%;top: 27px;}

.process_chart .chart_dep .or_box .orhd:before{width:15%;left:-15%;top: 27px;}
.process_chart .chart_dep .or_box .orhd:after {
    top:auto;
    bottom: -42px;
    width:0;
    left:0;
    right: -3px;
    margin:auto;
    border-style: solid;
    border-width: 23px 30px 0 30px;
    border-color: var(--mono_color) transparent transparent transparent;
    content:'';
    background:none;
    border-radius:0
    }

.process_chart .chart_dep.yes_dep .ordl_box:last-child .orhd:after{-webkit-clip-path: polygon(50% 100%, 0 0, 100% 0);clip-path: polygon(50% 100%, 0 0, 100% 0);width:80px !important;height:35px !important;border-radius:0;border:0;left:0;bottom: -34px;}
.process_chart .chart_dep.yes_dep .or_box .orhd:after{}
.process_chart .chart_dep:last-child .or_box{margin-left:25%}
.process_chart .chart_dep:last-child .or_box.ml0{margin-left:0%}
.process_chart .chart_dep:last-child .or_box .orhd:before {display:none}
.process_chart .chart_dep:last-child .or_box.ml0 .orhd:before{display:block}

.process_chart.product_process .chart_dep:last-child:before{display:none}
}


/*제품*/
.product_top{position:relative;border: 7px solid #f0f0f0;}
.product_top.lay{border:0px;background: #c1d6e2;padding: 20px;border-radius: 20px;}
.product_top img{width:100%;border-radius: 10px;}
.product_top .product_sub {display:flex; flex-wrap:wrap; gap:2%}
.product_top .product_sub li{width: 49%;/* margin-bottom:2%; */}
.product_top.lay .product_sub li{box-shadow: 0px 0px 19px #0000001f;}
@media all and (min-width:768px) {
.product_top{display:flex; flex-wrap:wrap; gap:2%}
.product_top .product_main{width:49%;display:flex;justify-content:center;align-items: flex-start;margin-bottom: 0px !important;}
.product_top .product_sub{width:49%}
}

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