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


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

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

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

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




.blackTxt{color:#000000}
.blTxt{color:#0f4aad !important}
.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:#007cff}
.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:#fcff95;}
.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{position:relative; padding-left:10px; margin-bottom:3px;}
.dot_li li:before{content:''; width:3px; height:3px; background:#c8c8c8; position:absolute; left:0; top:7px;}
.dot_li li:last-child{margin-bottom:0px;}

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


.tit_nm{font-size:1.3em; font-weight:700; color:#000000}
.tit_sm{font-size:1.1em; font-weight:500;  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}

.tit_line{text-align:center; font-size:1.3em; font-weight:700; color:#000000; position:relative; padding-bottom:30px; margin-bottom:30px;}
.tit_line:after{content:''; display:block; width:1px; height:20px; margin: auto; position:absolute; bottom:0; left:0; right:0;  background:#808080}


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

.arrow_li li{padding-left:20px; margin-bottom:10px}

.pDot:before{width:12px; height:12px;}

}

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

/*.tit_nm{font-size:1.4em; }*/
.tit_sm{font-size:1.2em; }
.tit_dot{ font-size:1.6em; padding-left:35px}

.tit_line{padding-bottom:40px; font-size:1.6em}
.tit_line:after{ height:30px; }



}

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


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


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



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

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

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

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



/*공통*/


.pointbox{padding:15px 10px;  background:#ffffff;  background:#f9f9f9;position:relative;}

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

.titTy1{padding-bottom:4px; border-bottom:4px solid #f8f8fa; position:relative}
.titTy1:before{content:''; position:absolute; left:0; bottom:-4px; width:60px; height:4px; background:#0f4aad; background:linear-gradient(120deg, #0f4aad 0%, #5bc0ff 100%)}



.dotted { position: relative; z-index: -1; }
.dotted:before { width: 30px; height: 30px; border-radius: 100%; background: #5bc0ff; position: absolute; right: -25px; top: -5px;  content: ''; opacity:0.5}
.dotted:after { width: 30px; height: 30px; border-radius: 100%; background: #0dbfd3; position: absolute; right: -10px; top: -5px;  content: ''; opacity:0.5}

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


.comm_btn_list{position:relative; overflow:hidden; display:flex; flex-wrap:wrap;}
.comm_btn_list li{margin-right:10px; position:relative}
.comm_btn_list.list03 li{width:30.66%}
.comm_btn_list.list01 li{width:100%; margin-bottom:10px;}
.comm_btn_list.mo100 li{width:100%; margin-right:0; margin-bottom:10px;}
.comm_btn_list li:last-child{margin-right:0%;}
.comm_btn_list li a{line-height:45px; display:inline-block; font-size:1em; font-weight:600; border:1px solid #969696; position:relative;text-align:left; padding:0 30px}
/*
.comm_btn_list li a:after{font-family:'FontAwesome'; content:'\f054'; position:absolute; right:0px;  line-height:45px; color:#505050; font-size:0.7em }*/

.comm_btn_list li a i{position:relative; width:40px; height:20px; margin-left:15px; display:inline-block; vertical-align:middle; transition:0.2s}
.comm_btn_list li a i:after{content:''; position:absolute; top:5px; right:0; margin:auto; width:0px;height:7px; border-right:2px solid #323232;border-bottom:2px solid #323232;transform:rotate(-45deg) translateY(-50%)}
.comm_btn_list li a i:before{content:''; position:absolute; left:0;width:100%;height:2px;background-color:#323232; top:0; bottom:0; margin:auto}
.comm_btn_list li a:hover i{transform:translateX(10px); transition:0.2s}

.comm_btn_list li.btn_line a:before{content:''; display:block; position:absolute; z-index:0;  top:0; bottom:0;  left:0;  width:100%;  height:100%; background:#323232;  transform: scaleX(0);  transform-origin: left; transition: .1s ease-in; z-index:-1;}
.comm_btn_list li.btn_line:hover a:before{transform: scaleX(1); transition: .3s ease-out; }
.comm_btn_list li.btn_line:hover a{color:#ffffff}

.comm_btn_list li.btn_line a:hover i:after{border-color:#ffffff}
.comm_btn_list li.btn_line a:hover i:before{background-color:#ffffff;}

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

.pointbox{padding:15px 20px;}
.pointbox:before{width:120px; }



.half_common .box_con{position:relative; margin-bottom:40px; padding-bottom:40px; border-bottom:1px solid #f0f0f0}
.half_common .box_con:after{content:''; clear:both; display:block}
.half_common .box_con:last-child{border-bottom:0px}

.half_common .box_con .half_left{float:left; width:28%; margin-right:2%}
.half_common .box_con .half_right{float:left; width:70%}

.titTy1{padding-bottom:10px; border-bottom:0}

.comm_btn_list li a{line-height:55px}

.comm_btn_list.mo100 li{width:auto; margin-right:10px;margin-bottom:0px;}

}

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

.half_common .box_con{ margin-bottom:50px; padding-bottom:50px;}
.half_common .box_con .half_left{ width:20%; margin-right:3%}
.half_common .box_con .half_right{width:77%}

}


.comm_top h3{font-weight:800; margin-bottom:20px; font-size:1.4em; color:#161616; position:relative; z-index:2}
.comm_top .tit{font-size:1.1em; font-weight:600;}
.comm_top .txt{color:#808080; word-break:break-all; font-weight:500}

@media all and (min-width:768px) {
.comm_top h3{font-size:1.8em;}
.comm_top .tit{font-size:1.2em}
}

@media all and (min-width:768px) {
.comm_top h3{font-size:1.8em;}
.comm_top .tit{font-size:1.2em}
}



@media all and (min-width:1200px) {
.comm_top h3{font-size:2.2em}
.comm_top .tit{font-size:1.4em}
.comm_top .txt{font-size:1.05em}
}

.comm_img_list{position:relative}
.comm_img_list ul:after{content:''; clear:both; display:block;}
.comm_img_list ul li{position:relative;margin-bottom:20px;}
.comm_img_list ul li dl,
.comm_img_list ul li span{padding:20px 0;}
.comm_img_list ul li dl dt{font-weight:700; font-size:1.1em; margin-bottom:3px; color:#161616}

.comm_img_list ul li img{width:100%;   border-radius:30px 0 0 0}

.comm_img_list.type02 li{box-shadow:none; border:5px solid #f7f7f7}

@media all and (min-width:620px) {
.comm_img_list ul{display:flex; flex-wrap:wrap}
.comm_img_list ul.list03 li{width:32%; margin-right:2%}
.comm_img_list ul.list02 li{width:49%; margin-right:2%;}
.comm_img_list ul.list04 li{width:23.5%; margin-right:2%;}
.comm_img_list ul.list05 li{width:32%; margin-right:2%;}
.comm_img_list ul.list05 li:nth-child(3),
.comm_img_list ul li:last-child{margin-right:0;}
/*
.comm_img_list ul li dl dt{font-size:1.2em}*/
}

@media all and (min-width:768px) {
.common_info{padding:0px 0px; border-width:5px; display:flex; flex-wrap:wrap }
.common_info .info_box{width:25%; float:left; margin:0; border:0; padding:0 20px; position:relative;  text-align:center;}
.common_info .info_box:before{content:''; width:5px; background:#f7f7f7; position:absolute; display:block; right:0; top:0; bottom:0; margin:auto}
.common_info .info_box:last-child:before{display:none}
.common_info dl{padding:0px; padding-top:95px; padding-bottom:30px; background-position: center 30px !Important;  background-size:50px !important; box-sizing:border-box}
.common_info dd{background:none; padding-left:0}
.common_info dd.tit{font-size:1.2em;}
}

@media all and (min-width:1200px) {
.common_info dt{font-size:1.3em}
}





/*인사말*/
.ceo_bg{background:url(../img/ceo_bg.jpg) no-repeat center center; background-size:cover !important;}
.ceo_greeting{position:relative;}
.ceo_greeting h3{font-weight:800; margin-bottom:20px; font-size:1.4em; color:#161616}
.ceo_greeting .tit{color:#161616; font-weight:600; font-size:1.1em;}
.ceo_greeting p{color:#808080; font-weight:500}

.ceo_greeting .sign_txt img{width:100px;}
.ceo_greeting .photo{max-width:500px; margin:0 auto;}
.ceo_greeting .photo img{max-width:100%}

@media all and (min-width:768px) {
.ceo_greeting h3{font-size:1.8em;}
.ceo_greeting .tit{font-size:1.2em}
}

@media all and (min-width:1200px) {
.ceo_greeting:after{content:''; clear:both; display:block; }
.ceo_greeting .photo{width:43%; max-width:100%; float:left; }
.ceo_greeting .txt{width:54%; margin-right:3%;  float:left;}
.ceo_greeting h3{font-size:2.2em;}
.ceo_greeting p{font-size:1.05em; line-height:1.6}
.ceo_greeting .tit{font-size:1.4em; }

.ceo_greeting .sign_txt{text-align:right}
.ceo_greeting .sign_txt img{width:150px;}
.ceo_bg{min-height:700px;}

}

/*회사개요*/

.company_info .info_dl{position:relative; overflow:hidden; border-top:1px solid #505050 }
.company_info .info_dl dl{padding:20px 0 20px 80px; position:relative; border-bottom:1px solid #dcdcdc }
.company_info .info_dl dl:before{content:''; width:45px; height:45px; background-size:100% !important; position:absolute; left:10px; top:0; bottom:0; margin:auto}
.company_info .info_dl dl.info01:before{background:url(../img/ic_info01.png) no-repeat center center}
.company_info .info_dl dl.info02:before{background:url(../img/ic_info02.png) no-repeat center center}
.company_info .info_dl dl.info03:before{background:url(../img/ic_info03.png) no-repeat center center}
.company_info .info_dl dl.info04:before{background:url(../img/ic_info04.png) no-repeat center center}
.company_info .info_dl dl dt{font-weight:700; color:#161616; margin-bottom:10px}



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

.company_info .info_dl{display:flex; flex-wrap:wrap; }
.company_info .info_dl dl{ width:50%; padding:30px 0 30px 120px;}
.company_info .info_dl dl:before{left:20px;}
}

@media all and (min-width:1200px) {
.company_info .info_dl dl{width:25%; padding:50px 20px}
.company_info .info_dl dl:before{top:20px; bottom:auto; right:20px; left:auto}
.company_info .info_dl dl dd{font-size:1.05em;}
.company_info .info_dl dl dt{font-size:1.1em;}
}


/*기업이념*/
.valuebox{position:relative; margin:0 auto; text-align:left;  word-break:keep-all;}
.valuebox .value{position:relative;  border-radius:30px; overflow:hidden; padding:15px; border-radius:100px; border:8px solid #e6e6e6; text-align:center; max-width:230px; margin:0 auto ; margin-bottom:20px}
.valuebox .value img{width:100%; max-width:100px; margin:0 auto; display:block; margin-bottom:20px; border-radius:500px;}

.valuebox .value dl {}
.valuebox .value:first-child {border-color:rgba(91,192,255,0.3)}
.valuebox .value:last-child {border-color:rgba(13,191,211,0.3)}
.valuebox .value dl dt{font-weight:600; position:relative; margin-bottom:10px; font-size:1.1em; color:#000000}
.valuebox .value dl dt span{ font-weight:600; border-radius:500px; text-align:center;color:#1448a2; display:block; font-size:0.9em; letter-spacing:0}

.valuebox.type02 .value{border:0px; overflow:visible; border-radius:0}

.value_bottom{background:url(../img/value_bottom.jpg) no-repeat center center; background-size:cover !important; background-attachment:fixed; padding:80px 0px; position:relative;}

.value_bottom .comm_top h3,
.value_bottom .comm_top .tit{color:#ffffff}




.strategy{color:#ffffff; text-align:center}
.strategy .box{text-align:center;  border-radius:30px; overflow:hidden; padding:15px; border-radius:50%; background:rgba(255,255,255,0.1); text-align:center; width:200px; height:200px; margin:0 auto ; margin-bottom:-30px; display:flex; align-items:center; justify-content:center}
.strategy dt{font-weight:700; padding:3px 10px; display:inline-block; border-radius:500px; font-size:0.8em; background:#6daadf; margin-bottom:10px}
.strategy dd{font-weight:600; }


@media all and (min-width:540px) {
.valuebox.type02{display:flex; flex-wrap:wrap; justify-content:center}
.valuebox.type02 .value{width:33.33%; max-width:300px; margin:0 ; padding:20px}

}


@media all and (min-width:768px) {
.valuebox{display:flex; flex-wrap:wrap; justify-content:center}
.valuebox .value{width:33.33%; max-width:300px; margin:0 -10px; padding:30px 10px; }

.valuebox.type02 .value{max-width:350px;}
.valuebox.type02 .value img{max-width:200px;}

.strategy{display:flex; flex-wrap:wrap; justify-content:center; max-width:800px; margin:0 auto; margin-bottom:50px;}
.strategy .box{ width:250px; height:250px;  margin:0 -10px -50px; padding:20px 10px}
.valuebox .value dl dt,
.strategy dd{font-size:1.2em;}

}


@media all and (min-width:1200px) {
.valuebox.type02:before {content:''; width:100%; position:absolute; border-radius:50%; border:8px solid #5bc0ff; height:300px; top:-150px; border-width:0 0 8px 0; opacity:0.3}
.valuebox.type02 .value img{max-width:250px;}
.valuebox.type02 .value dl dt{font-size:1.4em}
.valuebox.type02 .value dl dd{font-size:1.1em}

.value_bottom{padding:120px 0px}
.value_bottom .comm_top .tit{font-size:1.6em}
.strategy {max-width:100%; margin-bottom:0}
.strategy .box{width:270px; height:270px; border-radius:500px;  max-width:300px; margin:0 -10px}


}



/*연혁*/
.cont_his{position:relative}
.cont_his:after{content:''; display:block; clear:both;}
.his_cont ul {position:relative;}
.his_cont ul li {position:relative;}
.his_cont ul li strong {padding-left:40px; position:relative; color:#0f4aad; font-weight:800; display:block; padding:10px 0 10px 50px; font-size:1.4em; margin-top:15px;}
.his_cont ul li strong:before {position:absolute; display:block; content:''; left:0; top:12px; width:24px; height:24px; background:#0f4aad; border-radius:50%; -webkit-border-radius:50%; opacity:0.2; }
.his_cont ul li strong:after {position:absolute; display:block; content:''; left:0; top:12px; width:24px; height:24px; background:#0f4aad; 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:95%; background:#0f4aad; transform:translateY(2%); opacity:0.2; }
.his_cont ul li ol li {position:relative; padding-left:70px; margin-bottom:5px; }
.his_cont ul li ol li:last-child {margin-bottom:0px;}
.his_cont ul li ol li .month {font-weight:700; color:#000000;  position:absolute; left:0; top:0;}
.cont_his .comm_top img{width:100%; border-radius:30px 0 0 0 }
@media all and (min-width:860px) {
.cont_his .comm_top{width:370px; float:left;}
.cont_his .comm_top img{width:100%; border-radius:50px 0 0}
.his_cont {padding-left:420px; position:relative; width:100%;}


}

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

.cont_his .comm_top{width:40%; float:left; position:sticky; top:120px}
.his_cont {padding-left:45%;}


.his_cont ul li ol{margin-bottom:70px;}
.his_cont ul li strong{font-size:1.8em; margin-bottom:30px}
.his_cont ul li strong:before {top:25px;}
.his_cont ul li strong:after {top:24px}
.his_cont ul li ol li{padding-left:100px; margin-bottom:20px;}
.his_head { width:400px;}
.his_head:after {width:400px; }
.his_cont {padding-left:50%;}
}





/*조직도*/
.sub_bg.organization_bg{background:url(../img/organization_bg.png) no-repeat center bottom;}
.sub_bg.organization_bg .pdinner:after{content:''; clear:both; display:block;}
.organization_info{padding:15px 10px; background:#f8f8f8; max-width:200px; float:right; border-top:1px solid #}
.organization_info dt{font-size:0.9em; color:#0f4aad; font-weight:600; }
.organization_info dd{font-size:0.9em;  }
.organization{text-align:center; position:relative; margin:0 auto; }
.organization:before{content:''; width:1px; height:312px; left:0; right:0; top:0; margin:auto;  position:absolute; display:block; background:#ecebe8}
.organization .ordep{position:relative; margin-bottom:30px;}

.organization .ordep.or01{margin-bottom:50px}
.organization .ordep.or02{margin-bottom:50px}
.organization .ordep .orhd{display:block; padding:15px 10px; background:#808080; color:#ffffff; position:relative;  font-weight:600;}
.organization .ordep:after{content:''; display:block; clear:both;}
.organization .ordep .orhd span{display:block; font-weight:600; font-size:0.8em}
.organization .or01 .orhd{background:#05235f; padding:15px 30px; font-size:1.2em; width:140px; left:50%; margin-left:-70px}
.organization .or02 .orhd{background:#0f4aad;  }

.organization .ordep.or03{margin-bottom:50px}
.organization .or03 .orhd{background:#5bc0ff; }
.organization .or04 .orhd{background:#636d77; }

.organization .ordep .orhd:before{position: absolute; top: -6px; left: 50%; margin-left: -6px; display: block; content: ''; width: 8px; height: 8px; background-color: #ecebe8; -webkit-border-radius: 100%; border:3px solid #ffffff}
.organization .or01 .orhd:before{display:none}
.organization .or02 .orhd:before{background:#0f4aad ;}
.organization .or03 .orhd:before{background:#5bc0ff; top:50%; left:0; margin-top:-6px}
.organization .or04 .orhd:before{background:#636d77;}

.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 0px; width:100%; width:140px; left:50%; margin-left:-70px; font-size:1.2em}
.organization .or03 .orhd.right{margin:0; left:0; float:right }
.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{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:250px; margin:0 auto}
.organization .or03 .orhd.right{margin:0; margin-left:70%; float:right}

.organization .or04 .orhd{width:100%; padding:12px 5px; margin-bottom:20px; }

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

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

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

@media all and (min-width:768px) {
.organization_info{position:absolute; right:3%; top:0; padding:15px}
.organization:before{height:425px}
.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:250px;  margin-left:-125px}

.organization .ordep.or01{margin-bottom:100px}
.organization .ordep.or02{max-width:1000px; margin:0 auto; margin-bottom:40px}
.organization .ordep.or03{margin-bottom:80px}

.organization .or04{padding-top:100px; margin:0 auto; font-size:1em}
.organization .or04 .orhd span{display:inline; font-size:1em}
.organization .ordep .ortree:before{height:100px; top:-100px}
}

@media all and (min-width:1200px) {
.organization:before{height:435px}
.organization .ordep .ortree ul{ min-height:120px}

.organization .ordep .ortree ul li{padding:15px 5px}
}


/*주요거래처*/
.network_bg{background:url(../img/network_bg.png) no-repeat  right top; background-size:500px;}
.bubble_li {display:flex; flex-wrap:wrap; justify-content:center}
.bubble_li li{position:relative;  border-radius:50px; overflow:hidden;  border:8px solid #e6e6e6; text-align:center; width:170px;  margin:0 -10px -20px; padding:20px 0;  display:flex; align-items:center; justify-content:center; font-weight:800}
.bubble_li li:nth-child(odd){border-color:rgba(91,192,255,0.3)}
.bubble_li li:nth-child(even){border-color:rgba(13,191,211,0.3)}


.bubble_li.type02 li{height:170px; border-radius:50%; }
.bubble_li.type02.bg li{height:170px; border-radius:50%; border:none; background:rgba(230,230,230,0.2)}

.bubble_li.type03{justify-content:left }
.bubble_li.type03 li{border-color:#e6e6e6; height:auto; margin:0 1% 10px; border-radius:0; width:48%; }
.bubble_li.type03 li.long{width:100%; margin: 0 0 10px}
.network_bottom{color:#ffffff; background:#505050; min-height:100px; background:url(../img/network_bottom.jpg) no-repeat center center; background-attachment:fixed; padding:80px 0px; position:relative; background-size:cover !important}
.network_bottom .tit_line{color:#ffffff;}
.network_bottom .tit_line:after{background:#ffffff}

@media all and (min-width:768px) {
.bubble_li.bb li{width:230px; padding:30px 0px}

}

@media all and (min-width:1200px) {
.network_bottom{padding:100px 0px; min-height:500px}
.bubble_li.type03 li{width:23%; margin:0 1% 20px }
.bubble_li.type03 li.long{width:48%; margin: 0 1% 20px}

}

/*오시는길*/
.root_daum_roughmap{width:100% !important; border:0 !important; padding:0 !important}

.map_cate{position:relative; max-width:600px; margin:0 auto}
.map_cate ul.tabs{width:100%;  position:relative; display:flex; justify-content:center}
.map_cate ul.tabs li{width:50%;}
.map_cate ul.tabs li a{display:block; text-align:center; padding:10px 0; ;  font-weight:500; color:#969696;  border-bottom:3px solid #f8f8fa;  position:relative; font-size:0.9em}
.map_cate ul.tabs li a[target='_blank']:after {font-family: 'FontAwesome'; font-size:11px; display:inline-block; content:"\f08e"; margin: 0 0 2px 5px; vertical-align: middle;}
.map_cate ul.tabs li.tab_link a{color:#ffffff; background:#0f4aad; border-top-color:#0f4aad}
.map_cate ul.tabs li.current a{color:#0f4aad;  font-weight:700; border-color:#0f4aad}
.map_cate ul.tabs li.current a:before{content:''; position:absolute; border:10px solid #0f4aad; border-color: #0f4aad transparent transparent transparent; left:50%; margin-left:-5px; bottom:-20px;}
.map_cate ul.tabs:after{content:''; clear:both; display:block}


.map_info{position:relative;  padding:30px 5%; border:10px solid #f8f8fa; border-radius:30px 0 0 0}
.map_info h4.tit{font-weight:700; font-size:1.3em; margin-bottom:20px; color:#161616}
.map_info p.txt{ margin-bottom:10px; }
.map_info ul li{display:inline-block; margin-right:15px; font-size:0.95em}
.map_info ul li b{color:#161616; font-weight:600; margin-right:5px;}


@media all and (min-width:768px) {
.location_wrap{position:relative; display:flex; flex-wrap:wrap;}
.location_wrap .map_cate{width:150px;}
.location_wrap .map_info{width:calc(100% - 150px); border-radius:50px 0 0 0}
.location_wrap .comm_top{width:calc(100% - 150px); padding-left:70px}

.map_cate{margin:0 !important}
.map_cate ul.tabs{display:block;}
.map_cate ul.tabs li{width:100%; margin:5px 0;}
.map_cate ul.tabs li a{border:none; font-size:1em; padding: 5px 0; text-align:left; transition:0.3s}
.map_cate ul.tabs li a:hover{font-size:1.2em; color:#161616; transition:0.3s; font-weight:700}
.map_cate ul.tabs li.current{margin-bottom:10px}
.map_cate ul.tabs li.current a{border-radius:500px;  padding:15px 0px; font-size:1.2em;}
.map_cate ul.tabs li.current a:hover{color:#0f4aad}
.map_cate ul.tabs li.current a:before{border:none; margin:0; width:auto; bottom:0; background:#0f4aad; height:3px; left:0; right:-30px; z-index:1;}
.map_cate ul.tabs li.current a:after{content:''; display:block; position:absolute; width:15px; height:3px; background:#0f4aad; margin:auto; right:-31px; bottom:5px; transform:rotate(45deg); }

.map_cate.type02 ul.tabs li a{background:#8f9ba8; color:#ffffff; border-radius:0 20px 0 0; padding:10px 0px 10px 20px}
.map_cate.type02 ul.tabs li a:hover,
.map_cate.type02 ul.tabs li.current a:hover{font-size:1.1em}
.map_cate.type02 ul.tabs li.current a{background:#0f4aad; color:#ffffff; font-size:1.1em }

.map_cate.type02 ul.tabs li.current a:before,
.map_cate.type02 ul.tabs li.current a:after{background:#092759}


.map_info h4.tit{font-size:2em; }
.map_info p.txt{font-size:1.1em; }
.map_info ul li{font-size:1em}
}


@media all and (min-width:1200px) {
.location_wrap .map_cate{width:220px;}
.location_wrap .map_info,
.location_wrap .comm_top{width:calc(100% - 220px);}
.location_wrap .comm_top{padding-left:100px}
}


/* 사업분야*/
.business_comm{position:relative;}
.business_comm:before{content:''; width:100%; background:#f8f8fa; position:absolute; left:0; right:0; bottom:0; top:50px;}
.business_img{position:relative; max-width:1400px; margin: 0 auto; border-radius:30px 0 0 0}
/*.business_img img{border-radius:30px 0 0 0}*/
.business_img .slider span{display:block; padding:13px 3%; background:rgba(0,0,0,0.3); position:absolute; left:0; right:0; bottom:0; color:#ffffff; font-weight:700; font-size:0.9em; }
.business_img .slick-dots{bottom: -20px;}
.business_img .slick-dots li.slick-active button{background:#0dbfd3}
.business_img .slick-arrow{position:absolute; right:0; bottom:0; top:auto; background:none}
.business_img .slick-arrow:before,
.business_img .slick-arrow:after{color:#ffffff}
.business_img .slick-arrow.slick-prev{right:51px}

/*
.business_img .arrows{position:absolute; right:0; bottom:0; top:auto; bottom:0 }
.business_img .arrows li{background:#f8f8f8; left:auto}
.business_img .arrows li:before{color:#161616; }
.business_img .arrows li.prev{right:51px;}
.business_img .arrows li.next{right:0px;}
.business_img .arrows li.next:before{content:'\f105'; }*/

.business_check{position:relative;}
.business_check dl{padding-left:80px; position:relative;}
.business_check dl:before{content:''; width:50px; height:50px; position:absolute; left:0; top:0; margin:auto; border-radius:500px; background:#f0f0f0}
.business_check dt{font-weight:700; font-size:1.1em; color:#323232; margin-bottom:10px;}
.business_check dd{font-weight:500;}

.business_ex{position:relative}
.business_ex .exin{max-width:600px; margin:0 auto}
.business_ex .exin img{width:100%; border-radius:30px 0 0 0; margin-bottom:10px;}
.business_ex .exin dl{padding-left:20px; border-left:3px solid #0dbfd3; border-color:rgba(13,191,211,0.5); position:relative;}
.business_ex .exin dl:after{content:''; width:3px; height:35px; background:#0f4aad; position:absolute; left:-3px; top:0;}
.business_ex .exin dt{font-weight:700; font-size:1.1em; color:#323232; margin-bottom:10px;}
.business_ex .exin dd{font-weight:500;}

@media all and (min-width:768px) {
.business_img img{border-radius:50px 0 0 0}
.business_img .slider span{font-size:1.2em; padding:10px 3%}
.business_img .slick-dots{bottom: -30px;}
.business_check{display:flex; flex-wrap:wrap; justify-content:center}
.business_check dl{width:50%}
.business_check.list03 dl{width:33.33%}
.business_check dt{font-size:1.2em;}

.business_ex{display:flex; flex-wrap:wrap; justify-content:center}
.business_ex .exin{width:31.33%; margin:0 1%; text-align:center; }
.business_ex .exin:first-child dl{border:0;}
.business_ex .exin:first-child dl:after{display:none;}
.business_ex .exin img{border-radius:50px 0 0 0; margin-bottom:20px}
.business_ex .exin dt{font-size:1.2em; }
.business_ex .exin dd{}

}

@media all and (min-width:1200px) {
.business_check dl{width:50%; padding-left:110px}
.business_check dl:before{width:80px; height:80px;}

.business_ex .exin dt{font-size:1.4em;}
}

@media all and (min-width:1400px) {
.business_comm:before{top:100px;}
}


/*제품소개*/
.product_info{position:relative;}
.product_info ul li{position:relative; margin-bottom:20px}
.product_info ul li .photo{position:relative; padding:10px}
.product_info ul li .photo:before{content:''; position:absolute; width:30%; height:30%; left:0px; bottom:0px; z-index:0; background:#5bc0ff; opacity:0.3}
.product_info ul li .photo:after{content:''; position:absolute; width:30%; height:30%;  right:0px; top:0px; z-index:0; background:#0dbfd3; opacity:0.3}
.product_info ul li .photo img{ width:100%; position:relative; z-index:1; border-radius:30px 0px 0}
.product_info ul li dl{position:relative; padding:20px 0}
.product_info ul li dt{font-weight:700; font-size:1.2em; margin-bottom:10px; color:#323232}

.product_info.type02 ul li dt{font-size:1.4em; font-weight:800; margin-bottom:20px}
.product_info.type02 ul li dl dd{ margin-bottom:10px; padding-left:36px; position:relative }
.product_info.type02 ul li dl dd i{width:25px; height:25px; background:#5bc0ff; color:#ffffff; line-height:25px; font-size:0.9em;  text-align:center; position:absolute; left:0px; top:0;  margin:auto; z-index:1; border-radius:500px; font-weight:700}
.product_info.type02 ul li dl dd:last-child{margin-bottom:0px}

.product_info.type03 ul li .photo{padding:0}
.product_info.type03 ul li .photo:before,
.product_info.type03 ul li .photo:after{display:none}
.product_info.type03 ul li dl dd{padding-left:0}


@media all and (min-width:640px) {
.product_info ul li{margin-bottom:50px}
.product_info ul li:after{content:''; clear:both; display:block}
.product_info ul li .photo{float:left; width:45%; margin-right:5%}
.product_info ul li dl{float:left; width:50%; padding:0}

.product_info.type03 ul li{margin-bottom:50px}
.product_info.type03 ul li:after{content:''; clear:both; display:block}
.product_info.type03 ul li .photo{float:none; width:100%; margin-bottom:40px; margin-right:0%}
.product_info.type03 ul li dl{float:none; width:100%; padding:0}

}

@media all and (min-width:768px) {
.product_info ul li dt{font-size:1.4em}


.product_info ul{display:flex; flex-wrap:wrap;}
.product_info ul li {width:48%; margin-right:4%; margin-bottom:50px}
.product_info ul li:nth-child(even){margin-right:0%}
.product_info ul li dt{font-size:1.6em}
.product_info ul li .photo{width:100%; float:none; margin:0; margin-bottom:20px; }
.product_info ul li dl{width:100%; float:none; margin:0; }

.product_info.type02 ul li{width:100%; margin-right:0; margin-bottom:50px}
.product_info.type02 ul li dt{font-size:1.8em}
.product_info.type02 ul li .photo{float:left; width:45%; margin-bottom:0; margin-right:5%}
.product_info.type02 ul li dl{float:left; width:50%; padding:0}

.product_info.type03 ul{display:block;}
.product_info.type03 ul li{width:100%; margin-right:0; margin-bottom:50px; display:flex; flex-wrap:wrap;}
.product_info.type03 ul li .photo{width:45%; margin-right:5%;}
.product_info.type03 ul li dl{width:50%; }
/*
.product_info.type02 ul{display:block;}
.product_info.type02 ul li{width:100%; margin-right:0; margin-bottom:50px}
/*
.product_info.type02 ul li .photo{float:left; width:45%; margin-bottom:0; margin-right:5%}
.product_info.type02 ul li dl{float:left; width:50%; padding:0}*/

}

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

.product_info ul li dl{ display: flex; flex-wrap:wrap;}
.product_info ul li dl dt{width:200px; margin-right:5%;}
.product_info ul li dl dd{width:calc(95% - 200px)}

.product_info ul li dl dt{width:200px; margin-right:5%;}
.product_info ul li dl dd{width:calc(95% - 200px)}

.product_info.type02 ul li {display:flex; align-items:flex-end; margin-bottom:80px}
.product_info.type02 ul li dt{font-size:2.2em}
.product_info.type02 ul li dl dt{width:100%; margin-right:0}
.product_info.type02 ul li dl dd{width:100%}

.product_info.type03 ul li dt{font-size:1.8m}
.product_info.type03 ul li dl dt{width:100%; margin-right:0}
.product_info.type03 ul li dl dd{width:100%}
.product_info.type03 ul li dl{display:block}

/*
.product_info.type02 ul li{width:45%}
.product_info.type02 ul li{margin-right:10%}
.product_info.type02 ul li:last-child{margin-right:0%}
.product_info.type02 ul li dt{font-size:2.2em}
.product_info.type02 ul li dl dt{width:100%; margin-right:0}
.product_info.type02 ul li dl dd{width:100%}*/


}

@media all and (min-width:1400px) {
.product_info {max-width:1300px; margin:0 auto}
.product_info.type02 {max-width:100%; }

.product_info ul li{margin-bottom:80px}
.product_info ul li .photo{margin-bottom:50px}
}


/*생산공정*/
.process ul{position:relative;}
.process ul li{position:relative; padding-bottom:20px; display:flex; flex-wrap:wrap;}
.process ul li:last-child{position:relative; margin-bottom:0px;}
.process ul li .photo{width:90px; height:90px; margin-right:5%; position:relative; padding:5px}
.process ul li .photo img{width:100%; border-radius:50%; position:relative; z-index:1}
.process ul li .photo:before{width:100%; height:100%; content:''; display:block; background:#0dbfd3; opacity:0.3; border-radius:50%; left:0; top:0; position:absolute; z-index:0}
.process ul li .photo i{width:35px; height:35px; background:#5bc0ff; color:#ffffff; line-height:35px; text-align:center; position:absolute; left:-30px; top:0; bottom:0; margin:auto; z-index:1; border-radius:500px; font-weight:700}
.process ul li dl{width:calc(95% - 90px);}
.process ul li dt{font-weight:700; color:#161616; margin-bottom:10px; font-size:1.1em; position:relative; padding-left:40px;}
.process ul li dt i{width:30px; height:30px; background:#5bc0ff; color:#ffffff; line-height:30px; font-size:0.9em;  text-align:center; position:absolute; left:0px; top:0; bottom:0; margin:auto; z-index:1; border-radius:500px; font-weight:700}

.process .process_line{position:relative; margin-bottom:20px}
/*

.process ul:before{content:''; width:5px; height:100%; z-index:0; position:absolute; background:#b6ecf2; left:44px}
.process ul{padding-bottom:20px;}
.process ul:last-child{padding-bottom:0;}
.process ul.process_line:last-child:before{height:90px}
*/

@media all and (min-width:768px) {
.process ul{display:flex; flex-wrap:wrap;}
.process ul li{display:block; width:48%; margin:0 1%; margin-bottom:50px}
.process ul li .photo{width:80%;  max-width:300px; height:auto; padding:10px; margin:0 auto;  margin-bottom:20px}
/*
.process ul li .photo:before{border-radius:0}
.process ul li .photo img{border-radius:0}*/
.process ul li dl{width:100%}
.process ul li dt{font-size:1.2em}

.process .process_line{margin-bottom:0px}

}

@media all and (min-width:1200px) {
.process ul{justify-content:center}


.process ul.list08{justify-content:normal}
.process ul li{width:23%; margin:0 1%}
.process ul.list08 li{width:23%; margin:0 1% 50px}
/*.process ul li .photo:after{content:''; clear:both; display:block; position:absolute; width:35px; height:35px; background:#0dbfd3; transform:rotate(45deg); right:0; top:0; bottom:0;  border-radius:3px; margin: auto}*/
.process ul.list05 li{width:18%}
.process ul li .photo{padding:7px;}

.process .process_line ul{padding-bottom:80px; margin-bottom:80px; position:relative}
.process .process_line ul:before{content:''; width:76%; height:5px; margin:0 auto; position:absolute; top:130px; left:0; right:0; background:#b6ecf2}
.process .process_line ul:after{content:''; width:5px; height:40px; position:absolute; left:12%; bottom:-40px; background:#b6ecf2}
.process .process_line:before{content:''; width:76%; height:5px; margin:0 auto; position:absolute; bottom:0; left:0; right:0; background:#b6ecf2}
.process .process_line:after{content:''; width:5px; height:40px; position:absolute; right:12%; bottom:0; background:#b6ecf2 }

.process .process_line:last-child ul{justify-content:left}
.process .process_line:last-child ul:after,
.process .process_line:last-child ul:before{display:none}
.process .process_line:last-child:before,
.process .process_line:last-child:after{display:none}

}


.business_info{position:relative}
.business_info .photo{position:relative;}
.business_info .photo img{border-radius:30px 0 0 0}
.business_info dl.info{position:relative;  padding:30px 0px }
.business_info dl.info dt{font-weight:700; font-size:1.1em; margin-bottom:10px; color:#323232; position:relative}
.business_info dl.info dt:after{content:''; width:40px; height:2px; background:#0dbfd3; display:inline-block; margin-left:10px; vertical-align:middle}
.business_info dl.info dd{margin-bottom:3px;}
.business_info dl.info dd:last-child{margin-bottom:0px;}
.business_info ul.list{display:flex; flex-wrap:wrap;}
.business_info ul.list li{width:50%;}

@media all and (min-width:768px) {
.business_info .photo img{border-radius:50px 0 0 0}
.business_info dl.info dt{font-size:1.2em;}

}

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

.business_info{display:flex; flex-wrap:wrap;}

.business_info .photo{ width:50%; margin-right:5%}
.business_info .photo img{border-radius:0}
.business_info .photo.full{border-radius:50px 0 0 0;; width:50%; margin-right:5%;overflow: hidden;display: flex;align-items: center;justify-content: center;}
.business_info .photo.full img{position:absolute; height:100%; max-width: none;}
.business_info dl.info{width:45%; }
.business_info dl.info dt{font-size:1.6em; margin-bottom:30px;}

.business_info ul.list li{width:25%;}

.business_info.type02{flex-direction:row-reverse}
.business_info.type02 dl.info{width:50%; padding-top:50px; padding-right:5%}
.business_info.type02 .photo{width:50%; margin:0; border-radius:0 0 50px 0; overflow:hidden}
}