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


/*공통*/
.bgbox{background:#fafafa; padding:20px 3%;}
.pdbox{padding:30px 20px;}
.mEnter{display:block;}
.tEnter{display:inline;}
.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;}

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

.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:700; letter-spacing:-0.06em; color:#000000}
.tit_sm{font-size:1.1em; font-weight:500; letter-spacing:-0.06em; color:#000000}
.tit_dot{color:#000000; font-size:1.3em; font-weight:700; letter-spacing:-0.065em; padding-left:30px; background:url(../img/tit_cir.png) no-repeat left center; background-size:22px !important; position:relative}


@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.4em; }
.tit_dot{ font-size:1.4em; padding-left:30px;}

}

@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.6em; }
.tit_sm{font-size:1.2em; }
.tit_dot{ font-size:1.6em; padding-left:35px}
}

@media all and (min-width:1400px) {
.tEnter{display:block;}
}


/*탭리스트*/
.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 .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;  background:#f9fafc; border-bottom:1px solid #9ba5b0; border-top:1px solid #291672; position:relative;}
.pointbox:before{content:''; width:80px; height:1px; background:#e50049; position:absolute; top:-1px; left:0;}

.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:20px; }
.half_common .box_con:after{content:''; display:block; clear:both}
.half_common .left_box{position:relative}

.comm_top{ position:relative}

.comm_top .tit {font-size:1.5em; font-weight:700; margin-bottom:20px; color:#000000; position:relative; padding-left:15px }
.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 .tit:before{content:''; width:5px; height:20px; position:absolute; background:#f3810f; opacity:1; top:3px; left:0; transform:skew(-30deg); }
.comm_top .txt{font-size:1.1em; font-weight:500}

.down_doc{overflow:hidden}
.down_doc li a{display:block; line-height:30px;  background:#f8f8f8; font-weight:500; color:#000000; position:relative}
.down_doc li a:before{content:''; display:inline-block; vertical-align:middle; width:15px; height:15px; margin-right:10px; background:url('../img/ic_attemp.png') center center no-repeat; background-size:100%;}

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


@media all and (min-width:768px) {
.pointbox{padding:20px 20px;}
.pointbox:before{width:120px; }

.comm_top .tit{font-size:2em; padding-left:20px}
.comm_top .tit span.deco{padding-left:20px; margin-left:20px}
.comm_top .txt:before{top:7px; width:7px}
.comm_top .txt{font-size:1.4em;  letter-spacing:-1px}

.tit_flag span{display:inline-block; font-size:1.2em; padding:15px 20px}
.tit_flag span.long{padding:20px 10px}

.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 .half_left{float:left; width:28%; margin-right:2%}
.half_common .box_con .half_right{float:left; width:70%}
}

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

.comm_top .tit{font-size:2.6em; padding-left:25px}
.comm_top .tit:before{height:35px; width:10px; top:12px}

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



/*table*/
.comm_table{width:100%;border-top: 3px solid #e62f43;border-collapse:separate;font-size:0.95em;}
.comm_table .none{border-right:0px;}
.comm_table th, .comm_table td{border-bottom: 1px solid #e7e7e7;border-right: 1px solid #e7e7e7;padding: 8px 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: #f8f8f8;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: 15px;}
}


/*반응형테이블*/
table.responsive-table {
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
	border-spacing: 0;
	border: 0;
	font-size:0.9em
}
table.responsive-table thead {
	display: none
}
table.responsive-table tr {
	margin-bottom: 10px;
	display: block;
	padding: 10px 0px;
	border:1px solid #dcdcdc;
	border-top:1px solid #05235f
}
table.responsive-table td {
	display: block;
	text-align: left;
	padding:3px 20px;
}
table.responsive-table td:last-child {
	border-bottom: 0
}
table.responsive-table td:before {
	content: attr(data-rt-label);
	float: left;
	min-width:60px;
	text-transform: uppercase;
	font-weight: 600;
	margin-right:10px;
}


@media all and (min-width:640px) {	
.responTable{font-size:0.95em}
.responTable tr {padding: 10px}

.responTable{width:100%; border-top:1px solid #323232; text-align:center; border-collapse:separate; font-size:0.9em}
.responTable th{background:#f5f5f5; color:#000000;}
.responTable th:first-child{}
.responTable th,
.responTable td{border-bottom:1px solid #e6e6e6; padding:12px 5px; vertical-align:middle}
.responTable th{padding:14px 5px;}

}

@media all and (min-width:1200px) {	
.responTable{font-size:1em}
}


/*서브공통*/
.sub_tit{/* border-bottom: 1px solid #d7d7d7; */padding-bottom: 20px;text-align: left;}
.overview .sub_tit h3{ margin-bottom: 30px;}
.sub_tit h3{font-size: 1.2em;font-weight:800;/*! margin-bottom: 30px; */}
.sub_tit h3 b{font-weight:800;/* background: linear-gradient(to right,#fe0000, #c70909); *//* color: transparent; */-webkit-background-clip: text;color: var(--main-color);}
.sub_tit p{font-size: 1em;/*! word-break: break-all; *//*! text-align: justify; */}

@media all and (min-width:500px) {
.sub_tit h3{font-size: 1.6em;}
.sub_tit p{font-size:1.05em;/*! text-align: center; */}
}

@media all and (min-width:768px) {
.sub_tit h3{font-size:2em;}
.sub_tit{padding-bottom: 40px;}
}

@media all and (min-width:1200px) {
.sub_tit h3{font-size:2.5em;/*! margin-bottom: 20px; */}
.sub_tit p{font-size:1.15em;}
.sub_tit{padding-bottom: 60px;}
}


/*회사개요*/
.overview{position:relative;}
.overview .img{position:relative;background: url(../img/overview_img01.jpg) no-repeat bottom center;background-size: cover;margin-bottom: 30px;background: #f8f8f8;background: url(/img/ov_bg.jpg);background-position: center;}
.overview .img img{width: 100%; display:none}
.overview .img img{width: 100%;}
.overview .info_box ul{display: flex;flex-wrap: wrap;/*! gap: 2%; *//* border-top: 2px solid #000; */margin-bottom: 30px;}
.overview .info_box ul li{width: 100%;text-align: center; /*! margin-bottom: 20px; */position: relative;display: flex;align-items: center;flex-wrap: wrap;border-bottom: 1px solid #c8c8c8;padding: 15px 10px 15px 60px;border: 1px solid #dedede;border-radius: 10px;margin-bottom: 10px;}
.overview .info_box ul li h6{font-weight: 800;font-size: 1.15em;/*! margin-left: 60px; */width: 30%;margin-bottom: 5px;text-align: left;}
.overview .info_box ul li p{width: 70%;text-align: left;}
.overview .info_box ul li p span{font-size:0.95em; color:#848484;}
.overview .info_box ul li.ico01:before{display: block; clear: both; content: ""; background:url(../img/overview_ico01.png) no-repeat center; background-size: 100%;width: 30px;height: 30px;position: absolute;left: 10px;}
.overview .info_box ul li.ico02:before{display: block; clear: both; content: ""; background:url(../img/overview_ico02.png) no-repeat center; background-size: 100%;width: 30px;height: 30px;position: absolute;left: 10px;}
.overview .info_box ul li.ico03:before{display: block; clear: both; content: ""; background:url(../img/overview_ico03.png) no-repeat center; background-size: 100%;width: 30px;height: 30px;position: absolute;left: 10px;}
.overview .info_box ul li.ico04:before{display: block; clear: both; content: ""; background:url(../img/overview_ico04.png) no-repeat center; background-size: 100%;width: 30px;height: 30px;position: absolute;left: 10px;}
.overview .info_box ul li.ico05:before{display: block; clear: both; content: ""; background:url(../img/overview_ico05.png) no-repeat center; background-size: 100%;width: 30px;height: 30px;position: absolute;left: 10px;}
.overview .info_box ul li.ico06:before{display: block; clear: both; content: ""; background:url(../img/overview_ico06.png) no-repeat center; background-size: 100%;width: 30px;height: 30px;position: absolute;left: 10px;}
.overview .info_box ul li.ico07:before{display: block; clear: both; content: ""; background:url(../img/overview_ico07.png) no-repeat center; background-size: 100%;width: 30px;height: 30px;position: absolute;left: 10px;}
.overview .info_box ul li.ico08:before{display: block; clear: both; content: ""; background:url(../img/overview_ico08.png) no-repeat center; background-size: 100%;width: 30px;height: 30px;position: absolute;left: 10px;}
.overview .qual .box01{height: auto;background: url(../img/overview_img02.png)no-repeat center;color: #fff;padding: 20px;margin-bottom:20px;background: transparent linear-gradient(
89deg, #1509B5 0%, #00A8FF 100%) 0% 0% no-repeat padding-box;background: var(--main-color);}
.overview .qual .box02{background: url(../img/overview_img03.png)no-repeat center;color: #fff;padding: 20px;margin-bottom:20px;background: transparent linear-gradient(89deg, #1509B5 0%, #00A8FF 100%) 0% 0% no-repeat padding-box;background: var(--point-color);}
.overview .qual .box03{background: url(../img/overview_img04.png)no-repeat center;color: #fff;padding: 20px;background: transparent linear-gradient(89deg, #1509B5 0%, #00A8FF 100%) 0% 0% no-repeat padding-box;background: var(--main-color);}

.overview .qual{padding-top: 40px;position:relative;padding-bottom: 40px;}
.overview .qual h4 span{display:block; font-size:0.8em;color:#ddd;font-weight: 400;margin-bottom: 15px;}
.overview .qual ul{width: 100%;text-align: center;/*! padding: 15px 0px; */}
.overview .qual h4{font-size: 1.25em;color: #fff;font-weight: 700;text-align: center;}
.overview .qual .box01 h4{z-index:1; display: block; clear: both; content: ""; position:relative;  background-size:100%; width:100%; height:auto;/*! border-radius: 150px; *//*! padding: 25px 0px 0px; */}
.overview .qual .box02 h4{z-index:1; display: block; clear: both; content: ""; position:relative;  background-size:100%; width:100%; height:auto;/*! border-radius: 150px; *//*! padding: 25px 0px 0px; */text-align: center;color: #fff;font-weight: 700;}
.overview .qual .box03 h4{z-index:1; display: block; clear: both; content: ""; position:relative;  background-size:100%; width:100%; height:auto;/*! border-radius: 150px; *//*! padding: 25px 0px 0px; */text-align: center;color: #fff;font-weight: 700;}
.overview .qual .bbox > div{
    border-radius: 10px;
}
@media all and (min-width:500px) {
.overview .img:after{display: block;clear: both;/* content: ""; */background: url(../img/overview_img01.jpg)no-repeat bottom center;background-size:100%;width:100%;height:150px}
.overview .qual .bbox{display: flex;flex-wrap: wrap; gap:2%;/*! height: 100%; */}
.overview .qual .box01{width:32%;height: auto;/* background: url(../img/overview_img02.png)no-repeat center; */color: #fff;padding: 20px 5px;margin-bottom: 0px;}
.overview .qual .box02{width:32%;/* background: url(../img/overview_img03.png)no-repeat center; */color: #fff;padding: 20px 5px;margin-bottom:0px;}
.overview .qual .box03{width:32%;/* background: url(../img/overview_img04.png)no-repeat center; */color: #fff;padding: 20px 5px;}
.overview .qual ul li{ padding: 0 10px;}
.overview .qual ul li:last-of-type{margin-right:0px;}
}

@media all and (min-width:768px) {
.overview .bottom{position:relative;display: block;width: 100%;}
.overview .bottom:after{display: block; clear: both; content: "";}
.overview .bottom .qual{position: relative; /*! bottom:0%; */display: block;/* padding-top: 0px; *//* top: -50px; *//* padding: 100px 0; */}
.overview .bottom .qual:after{display: block; clear: both; content: "";}
.overview .qual ul{font-size:1.1em;/*! padding-top: 20px; */}
.overview .qual h4{font-size: 1.5em;}
	.overview .info_box ul{
    gap: 10px;
}
	.overview .info_box ul li:before{
    position: static !important;
}
.overview .info_box ul li{width: calc(50% - 5px);margin-bottom: 0px;display: flex;flex-direction: column;align-items: center;padding: 0px;padding: 10px 0;}
.overview .info_box ul li h6{text-align: center;/* width: 25%; */margin-top: 5px;width: 100%;}
.overview .info_box ul li p{width: 75%;text-align: center;}
.overview .img:after{height:300px;}
.overview .qual .box01{padding:30px 10px}
.overview .qual .box02{padding:30px 10px}
.overview .qual .box03{padding:30px 10px}
}

@media all and (min-width:980px) {
.overview .info_box{padding-bottom: 60px;}
	.overview .info_box ul{
    gap: 15px;
}
.overview .info_box ul li{min-height:70px;width: calc(25% - 12px);padding: 30px 0;}
}

@media all and (min-width:1200px) {
	.overview .img{
    margin-bottom: 100px;
}
	.overview .bottom .qual{
    padding: 100px 20px;
}
.overview .qual ul{padding-top: 30x;}
.overview .info_box{padding-bottom: 80px;}
.overview .info_box ul li:before{
    width: 40px !important;
    height: 50px !important;
}
}

@media all and (min-width:1700px) {
.overview .img:after{height:400px;}
.overview .info_box ul li{/* width: 32%; */}
.overview .info_box ul li{min-height:80px;}
}


/*인사말*/
.ceo{position:relative;}
.ceo:after{display: block;clear: both;content: "";/* background: url(../img/ceo_bg.png) no-repeat top right; */background-size: 100%;width: 100%;height: 120px;position: absolute;z-index: -99;}
.ceo .cont .img img{margin-bottom: 10px;border-radius: 20px;}
.ceo .cont .text{font-size: 1.1em;line-height: 27px;text-align: left; display:block;margin-top:20px}
.ceo .cont .text b{
    font-size: 1.3em;
    margin-bottom: 20px;
    display: block;
    line-height: 1.5;
    font-weight: 700;
}
.ceo .cont .text b i{
    color: var(--main-color);
}
.ceo .cont .text p{font-size: 0.9em;text-align: left;font-weight: 400;color: #444;word-break: auto-phrase;}
.ceo .cont .text p.name{font-weight: 700;margin-top: 20px;color: #111;}

@media all and (min-width:600px) {
.ceo:after{background-size:80%; bottom:-110px;}
.ceo .cont .img{display:flex; flex-wrap:wrap;gap:2%;}
.ceo .cont .img img{/* width:32%; */}
.ceo .cont .text{margin-top:40px;font-size: 1.2em;line-height: 30px;}
}

@media all and (min-width:980px) {
.ceo:after{background-size:70%; bottom:-140px; height:180px;}
.ceo .cont .text{font-size: 1.25em;}
}

@media all and (min-width:1200px) {
	.ceo .cont{margin-top:40px;}
	.ceo .cont .text b{
    font-size: 1.7em;
    margin-bottom: 30px;
}
	.ceo .cont .text{
    padding-left: 100px;
    margin-top: 70px;
}
	.ceo .cont .text p.name{
    margin-top: 40px;
    /* text-align: right; */
}
}



/*연혁*/
.his .sub_tit h3{margin-bottom: 30px;}
.his ul li {padding:0 0 20px;display: flex;border-bottom: 1px solid #dedede;margin-bottom: 20px;}
.his ul li:last-child{border-bottom:1px solid #e6e6e6;}
.his ul li h4 {font-size:1.25em;font-weight:800;/* margin:0 0 20px; */text-align: center;/* background: #f8f8f8; *//* padding: 10px; */color: var(--point-color);width: 108px;text-align: left;}
.his ul li h4:after {content:'';display:inline-block;width:0.4em;height:0.4em;border-radius:50%;/* background:#dc1709; */margin:0 0 0 0.2em;}
.his ul li h4.col{/* background: linear-gradient(to right,#fe0000, #c70909); *//* color: #fff; */}
.his ul li h4.col:after{background: #fff;}
.his ul li dl {display:flex;flex-wrap:wrap;font-size: 1.05em;width: calc(100% - 100px);}
.his ul li dl dt {width:2em; font-weight:700;margin-bottom: 5px;}
.his ul li dl dt:last-of-type{margin-bottom: 0px;}
.his ul li dl dd {width:calc(100% - 2em);font-weight: 400;}
.his .his-lay{}
.his .his-lay .img{
    margin-bottom: 20px;
}
.his .his-lay .img img{
    border-radius: 10px;
}
@media all and (min-width:768px) {
.his ul{/* border-top:2px solid #020202; */padding-left: 30px;}
.his ul li {display:flex;align-items: flex-start;/* padding:30px 20px; */border-bottom:1px solid #e6e6e6;}
.his ul li h4 {width:20%; margin:0; background:#fff;padding: 0px;text-align: left;}
.his ul li dl {width:80%;}
.his ul li h4.col{background:#fff;/* color: #dc1709; */}
.his ul li h4.col:after{/* background: #dc1709; */}
.his .his-lay{
    display: flex;
}
}

@media all and (min-width:1080px) {
.his .sub_tit h3{}
.his ul li h4 {font-size:1.5em;}
.his ul li dl {font-size: 1.09em;}
.his ul li dl dt {margin-bottom: 10px;}
	.his .his-lay .img img{
    width: 700px;
}
	.his ul{
    padding-left: 100px;
}
	.his ul li{
    padding-bottom: 50px;
    margin-bottom: 50px;
}
}




/*조직도*/
.org{position:relative;}
.org .org_cont{text-align: center;}
.org .org_cont .top{display: block;width: 150px;margin: 0 auto;padding: 15px;position: relative;background: linear-gradient(to right,#e70c0c, #c70909);background: var(--main-color);border-radius: 50%;height: 150px;display: flex;flex-direction: column;align-content: center;justify-content: center;}
.org .org_cont .top em{color:#fff;}
/*.org .org_cont .top:before{display: block;clear: both;content: "";width:5px;height:5px;background: #cc0a0a;border: 3px solid #fff;border-radius:50px;bottom: -5px;position: absolute;left: 47.5%;z-index: 1;}*/
.org .org_cont .top:after{display: block;clear: both;content: "";position: absolute;width: 1px;height: 40px;background: #cfcfcf;top: 151px;left: 50%;}
.org .org_cont p{font-size: 1.25em;border-bottom: 1px solid #ffffff80;padding-bottom: 10px;margin-bottom: 10px;color: #fff;/* background: var(--point-color); */}
.org .org_cont em{color: #ffffffb5;letter-spacing: 0em;color: #444;}
.org .org_cont .team{display: flex;flex-wrap: wrap;gap: 2%; position:relative;justify-content: space-around;}
.org .org_cont .team .box{position:relative;width: 100%;/*! background: linear-gradient(to right,#ffd7d7, #c1c7d1); *//* padding: 15px; */margin-top: 40px;background: #c5c5c5;border-radius: 20px;padding-bottom: 15px;background: #fff;border: 1px solid #dedede;}
/*.org .org_cont .team .box:before{display: block;clear: both;content: "";width:5px;height:5px;background: #c5c5c5;border: 3px solid #fff;border-radius:50px;top: -5px;position: absolute;left: 48.5%;z-index: 1;}*/
.org .org_cont .team .box:after{display: block;clear: both;content: "";position:absolute;width:1px;height: 40px;background: #cfcfcf;top: -40px;left: 50%;}
.org .org_cont .team.t2 .box{background:#767676;background: #fff;}
.org .org_cont .team.t1 .box p{
    background: var(--point-color);
    padding-top: 10px;
    border-radius: 20px 20px 0 0;
}
.org .org_cont .team.t2 .box p{
    background: #444;
    padding-top: 10px;
    border-radius: 20px 20px 0 0;
}
@media all and (min-width:600px) {
.org .org_cont .team .box{width: 32%;}
.org .org_cont .team .box{width: 32%;}
.org .org_cont .team.t1 .box:after{display: block;clear: both;content: "";position:absolute;width:100%;height: 1px;background: #cfcfcf;top: 50%;left: 100%;}
.org .org_cont .team.t1 .box:last-of-type:after{display:none;}
.org .org_cont .team.t2 .box{margin-top:80px;}
.org .org_cont .team.t2:before{display: block;clear: both;content: "";position:absolute; margin:0 auto; width:68%;height: 1px;background: #cfcfcf;top:40px;left:16%;}
	.org .org_cont .team.t2 .box:nth-of-type(2):after{height:80px; top:-80px}
}

@media all and (min-width:1200px) {
.org .org_cont .team .box{width: 300px;margin-top: 80px;}
	.org .org_cont .top:after{top: 200px;height: 80px;}
	.org .org_cont .top{width:300px;width: 200px;height: 200px;}
}


/*인증서*/
.certi .certi_cont ul{display:flex; flex-wrap:wrap; gap:3%;}
.certi .certi_cont ul li{width:48.5%;}
.certi .certi_cont ul li .img{/*! box-shadow: 0px 0px 15px -5px rgb(215, 215, 215); */border: 2px solid #ddd;padding: 5px;}
.certi .certi_cont ul li .img img{margin:0 auto; display:block; width: 100%;}
.certi .certi_cont ul li .text{margin-bottom: 20px;}
.certi .certi_cont ul li .text p{padding:10px 0px;font-weight:700;margin-bottom: 10px; text-align:center;}

@media all and (min-width:600px) {
.certi .certi_cont ul li{width:31.333%;}
}

@media all and (min-width:980px) {
.certi .certi_cont ul li{width: 22.7%;}
.certi .certi_cont ul li .text p{font-size: 1.2em; padding:15px 0px;margin-bottom: 60px;}
.certi .certi_cont ul li .text em{font-size: 1em;}
}



/*오시는길*/
.map .root_daum_roughmap_landing {width: 100% !important;}
.root_daum_roughmap .wrap_controllers {display: none !important;}
.map .map_box{position: relative;}
.map .map_box .cont{/* background: linear-gradient(to right,#da2021, #c70909); *//* padding: 20px 20px; *//* color: #fff; */margin-bottom: 25px;}
.map .map_box .cont ul{}
.map .map_box .cont ul li{margin-bottom: 5px;}
.map .map_box .cont ul li:last-child{margin-bottom: 0px;}
.map .map_box .cont ul li dl{display: flex;flex-wrap: wrap;}
.map .map_box .cont ul li dl dd{width: calc(100% - 5em);}
.map .map_box .cont ul li dl dt{width: 5em;font-weight: 700;color: var(--main-color);}

@media all and (min-width:768px) {
.map .map_box .cont{/* position:absolute; *//* z-index:99; *//* padding: 60px; */font-size: 1.1em;}
}

@media all and (min-width:1200px) {
.map .map_box .cont ul{
    margin-bottom: 50px;
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    font-size: 1.05em;
}
	.map .map_box .cont ul li{
    width: 50%;
    margin-bottom: 10px;
}
}


/*서브메뉴  탭*/
.tap_de3 ul{position: relative;display: flex;flex-wrap: wrap;gap: 10px;}
.tap_de3 li{width: 33.3%;float: left;text-align: center;/*! background: #f8f8f8; *//* border-bottom: 1px solid #e5e5e5; */}
/*.tap_de3 li.on{background: linear-gradient(to right,#e61c1d, #c70909);border: 0px;}*/
.tap_de3 li.on a{background: var(--main-color);font-weight: 700;position:relative;color: #fff;}
.tap_de3 li.on:after{display: block;clear: both;/* content: ""; */width:100px;height:4px;background: var(--main-color);margin:0 auto;}
.tap_de3 ul.w3 li{width:100%; border-bottom:1px solid #e5e5e5; border-right: 0px;}
.tap_de3 a{display: block;color: #8d8d8d;padding: 15px 3px;background: #f8f8f8;border-radius: 10px;}
.tap_de3 li:hover{font-weight:700;}
/*.tap_de3 li.on:hover{background: linear-gradient(to right,#e61c1d, #c70909)}*/

@media all and (min-width:650px) {
.tap_de3 ul.l02{left:20%}
.tap_de3 li{width: calc(25% - 8px);}
.tap_de3 ul.w4 li{width: 25%;display: flex;justify-content: center;align-items: center;}
.tap_de3 ul.w3 li{width:33.333%;border-right: 1px solid #e5e5e5;border-bottom: 0px;}
.tap_de3 ul.w3 li:last-child{border-right:0px;}
}

@media all and (min-width:900px) {
.tap_de3 a{padding: 18px 3px; font-size: 1.1em;}
	
}


/*보유설비*/
.equip .equip_box{position:relative;/* margin-top: 30px; */background: #f1f1f1;padding: 50px 0;}
.equip .equip_box.bg{background:#f8f8f8}
.equip .equip_box:after{position: absolute;display: block;clear: both;content: "";z-index:-99;/* background:url(../img/equip_sub_bg.png)no-repeat top center; */background-size: 100%;width: 100%;height: 100%;/*! bottom: 0px; */}
.equip .equip_box .left img{margin: 0px auto; display:block;}
.equip .equip_box .right{/* background: #fff; *//* padding: 20px; *//* box-shadow: 1px 2px 13px #2424241a; */position: relative;}
.equip .equip_box .right h3{font-size: 1.5em;font-weight: 800;padding-bottom: 15px;display: flex;align-items: center;}
.equip .equip_box .right h3 span{font-size: 15px;font-weight: 400;display: inline-block;background: var(--point-color);padding: 5px 15px;border-radius: 5px;color: #fff;margin-left: 10px;}
.equip .equip_box .right ul{/* border-top: 2px solid #121212; */}
.equip .equip_box .right ul li{padding: 15px 5px;display: flex;flex-wrap: wrap;/* border-bottom: 1px solid #e6e6e6; *//* border: 1px solid #dedede; */border-radius: 10px;margin-bottom: 10px;background: #fff;box-shadow: 10px 10px 19px #00000003;}
.equip .equip_box .right ul li h4{width: 8em;font-weight: 700;padding-left: 15px;}
.equip .equip_box .right ul li p{width: calc(100% - 8em);font-weight: 400;}
.equip .equip_box .right a{position: relative; background:#121212; display:block; text-align:center; color: #fff;padding: 10px 10px 10px 60px;font-size: 1.05em;font-weight: 600;}
.equip .equip_box .right a:before{position: absolute; z-index:9; left: 20px; display: block; clear: both; content: ""; background: url(../img/ico_06.png) no-repeat center; width:25px; height:25px; background-size: 100%;bottom: 7px;}

.equip .equip_box .lift{display:flex; flex-wrap:wrap;}
.equip .equip_box .lift .left{ padding: 20px;box-shadow: 1px 2px 13px #2424241a; margin-bottom:20px;background: #ffffff;}


@media all and (min-width:500px) {
.equip .equip_box .right a{width:150px; position: absolute;right: 0;top: 0;padding: 26px 10px 26px 60px;}
.equip .equip_box .right a:before{bottom:25px}
.equip .equip_box .right h3{font-size: 1.7em;}
	.equip .equip_box .lift .left{width:49%;margin-bottom: 0px;margin-right: 2%;}
	.equip .equip_box .lift .right{width:49%;margin-left: 0%;}
}

@media all and (min-width:768px) {
.equip .equip_box .right{/* padding:40px; */}
.equip .equip_box .left img{margin: 40px auto; width:60%;}
.equip .equip_box .right ul{display:flex;flex-wrap:wrap;flex-direction: row;gap: 20px;}
.equip .equip_box .right ul li{width: calc(50% - 20px);margin-bottom: 0px;}
.equip .equip_box .right ul li h4{
    padding-left: 21px;
}
	.equip .equip_box .right h3{font-size: 2em;}
.equip .equip_box .right a{width:170px;padding: 39px 10px 38px 60px;}
.equip .equip_box .right a:before{bottom:35px; width:30px; height:30px;}

.equip .equip_box .lift .left img{width:100%; margin:0;}
}

@media all and (min-width:980px) {
.equip .equip_box .cont{display:flex; flex-wrap:wrap; padding-top: 60px;}
.equip .equip_box .left{width:40%;margin-left: 3%;}
.equip .equip_box .left img{margin:0; width:95%;}
.equip .equip_box .right{width:57%;/* margin-left:3%; */}
.equip .equip_box .right ul li{padding:20px 0px}
.equip .equip_box:after{bottom:-180px}
}

@media all and (min-width:1200px) {
.equip .equip_box .cont{padding-top: 35px;}
	.equip .equip_box{
    /* margin-top: 80px; */
    padding-bottom: 100px;
}
.equip .equip_box .right a{width:200px;padding: 40px 10px 41px 60px;}
.equip .equip_box .right a:before{bottom:38px;}	
}

@media all and (min-width:1500px) {
.equip .equip_box .right ul li{font-size:1.1em}
}


/*제품
.product{}
.product .cont{padding-top:40px;}
.product .cont .left h4{position: relative; font-size: 1.5em;font-weight: 700;text-align: center;margin-bottom: 20px;display: block;}
.product .cont .left h4:after{content: '';display: inline-block;width: 0.4em;height: 0.45em;border-radius: 50%;background: #dd2122;margin: 0 0 0 0.5em;}
.product .cont .right ul{display: flex;flex-wrap: wrap;gap: 2%;}
.product .cont .right ul li{display: block;box-shadow: 1px 2px 13px #2424241a;padding: 20px;width: 49%;margin-bottom: 20px;}
.product .cont .right ul li .text{padding-top: 15px;}
.product .cont .right ul li .text h5{font-size: 1.3em;font-weight: 700;color: #dd2122;margin-bottom: 7px;}
.product .cont .right ul li .text p{font-weight: 400;color: #4e4e4e;}

@media all and (min-width:768px) {
	.product .cont{display:flex; flex-wrap:wrap;}
	.product .cont .left{width:30%; margin-right:5%;}
	.product .cont .left h4{text-align:left}
	.product .cont .right{width:65%}
}

@media all and (min-width:980px) {
	.product .cont .right ul li{width:32%;}
	.product .cont .left{width:25%; margin-right:5%;}
	.product .cont .right{width:70%}
}

@media all and (min-width:1200px) {
	.product .cont .left{width:20%; margin-right:5%;}
	.product .cont .right{width:75%}
}*/


/*제품*/
.product{
    /* background: #f8f8f8; */
}
.product .tit{text-align: center;background: url(../img/air_bg01.jpg) no-repeat 40% center;height: 280px;color: #fff;padding: 60px 0 80px;background-size:cover !important;border-radius: 20px;background-position: center !important;max-width: 1360px;}
.product .tit.bg02{background: url(../img/air_bg02.jpg) no-repeat 40% bottom;}
.product .tit.bg03{background: url(../img/air_bg03.jpg) no-repeat 40% bottom;}
.product .tit.bg04{background: url(../img/air_bg04.jpg) no-repeat 40% bottom;}
.product .tit h4{font-size: 1.5em;font-weight: 800;margin-bottom:20px;}
.product .cont .prod{}
.product .cont .prod ul{}
.product .cont .prod ul li{box-shadow: 1px 2px 13px #2424241a;background: #fff;padding: 20px;position: relative;top: -60px;width: 97%;display: block;margin: 0 auto;margin-bottom: 20px;border-radius: 15px;}
.product .cont .prod ul li img{}
.product .cont .prod ul li .text{}
.product .cont .prod ul li .text h5{font-size: 1.3em;font-weight: 700;color: var(--main-color);margin-bottom: 7px;}
.product .cont .prod ul li .text p{font-weight: 400;color: #4e4e4e;}

@media all and (min-width:600px) {
.product .cont .prod ul li img{width:80%; display:block; margin:0 auto;}
}

@media all and (min-width:768px) {
.product .tit{background: url(../img/air_bg01.jpg) no-repeat 50% center;height: 300px;padding: 80px 0 100px;text-align: left;}
.product .tit h4{text-align: left;font-size: 2em;font-weight: 800;}
.product .cont{/* background: #fff; */width:90%;top: -114px;padding: 20px 0px;position: relative;display: block;margin: 0 auto;border-radius: 20px;}
.product .cont .prod ul{display: flex;flex-wrap: wrap;gap: 2%;}
.product .cont .prod ul li{/* box-shadow: 1px 2px 13px #ffffff1a; */top: 0px;width: 49%;margin: 0 0 2%0;/* background: #f8f8f8; */}
.product .cont .prod ul li img{mix-blend-mode: multiply; width:100%;}
}

@media all and (min-width:980px) {
.product .cont{padding: 30px 0px;}
.product .cont .prod ul li{width: 32%;}
}

@media all and (min-width:1200px) {
.product .tit{height: 289px;padding: 80px 0 80px;padding-left: 40px;}
.product .cont{padding: 20px 0px 0;}
.product .cont .prod ul li{width: 23.5%;}
}

@media all and (min-width:1800px) {
.product .cont{padding: 49px 0px 0;width: 80%;top: 0px;}
.product .cont .prod ul li{width: 23.5%;padding: 25px;}
}





/*주요고객사*/
.client .client_cont ul{display:flex; flex-wrap:wrap; gap:3%;}
.client .client_cont ul li{width:48.5%;box-shadow: 1px 2px 13px #2424241a;border-radius: 20px;padding: 0 20px;padding-top: 20px;}
.client .client_cont ul li .img{/* border: 2px solid #ddd; */padding: 5px;}
.client .client_cont ul li .img img{margin:0 auto; display:block; width: 100%;}
.client .client_cont ul li .text{margin-bottom: 20px;border-top: 1px solid #dedede;padding-top: 10px;margin-top: 10px;}
.client .client_cont ul li .text p{padding:10px 0px;font-weight:700;/* margin-bottom: 10px; */text-align:center;}

@media all and (min-width:768px) {
.client .client_cont ul li{width:22.75%;}
}

@media all and (min-width:980px) {
.client .client_cont ul li .img img{width: 60%;}
.client .client_cont ul li .text p{font-size: 1.2em;/* padding:15px 0px; */}
}








/*추가*/

.img-list-box{}
.img-list-box .img-list{
    display: flex;
    flex-wrap: wrap;
    gap: 10px;
}
.img-list-box .img-list li{
    width: calc(50% - 5px);
}
.img-list-box .img-list li img{
    border-radius: 10px;
}

@media all and (min-width:768px) {
.img-list-box{}
.img-list-box .img-list{}
.img-list-box .img-list li{
    width: calc(33.333333% - 7px);
}
.img-list-box .img-list li img{}
}
@media all and (min-width:1200px) {
.img-list-box{}
.img-list-box .img-list{
    gap: 25px;
}
.img-list-box .img-list li{
    width: calc(33.333333% - 17px);
}
.img-list-box .img-list li img{}
}