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


/*공통*/
.bgbox{background:#fbfbff; border:1px solid #f5f5fa; padding:15px 3%;}
.pdbox{padding:15px 3%; background:#ffffff}
.bdbox{padding:15px 3%; border:10px solid #e9f1fb; position:relative; overflow:hidden }
.mEnter{display:block;}
.vab{vertical-align:bottom;}
.graybg{background:#fcfcfc; padding:40px 0px;}
.col-02{width:100%;}
.col-03{width:47%; margin:1.5%; float:left;}
.col-04{width:100%;}
.col-05{width:100%;}
.clearfix:after {clear:both; display:block; content:'';}

.pic_betnam li .pictxt { font-weight:600; padding-top:10px; z-index:1}

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

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



.comm_table{width:100%; border-top:1px solid #323232; border-collapse:separate; font-size:0.9em}
.comm_table th, .comm_table td{border-bottom:1px solid #dcdcdc; padding:7px 5px; 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:bold; color:#323232; background:#f0f0f0}

.comm_table tr.bgc th, .comm_table tr.bgc td{ background:#e7e7e7; font-weight:500}
.comm_table .tal{text-align:left;}



.over_tbl {overflow-x:auto;}
.over_tbl table {width:700px;}
.over_p {font-size:0.7em;}

@media all and (min-width:768px) {
.over_p {display:none;}
.over_tbl table {width:100%;}
}



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


@media all and (min-width:768px) {
.graybg{padding:60px 0px;}
.comm_table{font-size:1em}
.bgbox{padding:20px 3%;}
.pdbox{padding:20px 3%;}
.bdbox{padding:20px 3%;}
}

@media all and (min-width:1200px) {
.graybg{padding:120px 0px}
.bgbox{padding:30px 20px;}
.pdbox{padding:30px 20px;}
.bdbox{padding:30px 20px;}
}


.blackTxt{color:#000000}
.blTxt{color:#1c3f95 !important}
.blgrTxt{color:#345468}
.grTxt{color:#b2d135}

.pDot{padding-left:17px; position:relative}
.pDot:before{content:''; width:8px; height:8px;border-radius:50px; position:absolute; right:0; top:3px; background:#28cfff}
/*.pDot:before{content:''; width:15px; height:15px; position:absolute; right:0; top:3px; background:url(../img/pDot.png) no-repeat center center; background-size:100% !important}*/

.fsb{font-size:1.05em}
.bgGray{background:rgba(230,230,230,0.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:#dbff5a;}
.redTxt{color:#d10000}
.blueTxt{color:#2159c0}
.bdLine{border-bottom:1px solid #e6e6e6; padding-bottom:20px; margin-bottom:20px;}
.bTxt{color:#000000 !important}

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

.tit_nm{font-size:1.6em; font-weight:600; letter-spacing:-0.06em; color:#000000; text-align:center;}
.tit_sm{font-size:1.2em;  font-weight:600; letter-spacing:-0.06em; color:#000000}
.tit_dot{color:#000000; font-size:1.3em; font-weight:600; letter-spacing:-0.065em; padding-left:26px; background:url(../img/tit_dot.png) no-repeat left center;}

.tit_nsb {font-size:1.5em; letter-spacing:-0.06em; color:#000; line-height:1.5;}
.tit_nsm {font-size:1.2em; letter-spacing:-0.06em; color:#000;  line-height:1.5;}

@media all and (min-width:768px) {
.fsb{font-size:1.1em}
}


@media all and (min-width:1200px) {
.tit_nm{text-align:left; }
}


.pdinner .left_pd,
.pdinner .right_pd{padding:0 5%;}

@media all and (min-width:1200px) {
.pdinner:after{content:''; clear:both; display:block}
.pdinner .left_pd,
.pdinner .right_pd{padding:0 15px; float:left;}
.pdinner .left_pd{width:30%; text-align:left;}
.pdinner .right_pd{width:70%;}
}

@media all and (min-width:1600px) {
.pdinner .left_pd{width:25%; }
.pdinner .right_pd {width:75%;}
}


/*탭리스트*/
.tablist {overflow:hidden; text-align:center; }
.tablist li{display:inline-block;  line-height:50px; text-align:center;}
.tablist li:last-child{border-right:0}
.tablist.list02 li{width:45%}
.tablist.list03 li{width:30%}
.tablist.list04 li{width:20%}


.tablist li a{ display:block; text-align:center; border:1px solid #dcdcdc; color:#808080; }
.tablist li.active a{background:#004098; color:#ffffff; font-weight:500}

.content_table thead  th .tans_up {text-transform:none !important;}
.content_table thead  th,
.content_table td  {text-transform:uppercase;}


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

.content_table th{padding:20px 15px}
.content_table th.bggr{background:#80c800; color:#ffffff}
.content_table th.bgbl{background:#0098e2; color:#ffffff}
.content_table td{padding:15px 0;}
.comm_dl dt{float:left; margin-right:1%; clear:both;}
.comm_dl dd{width:87%; float:right;}

.sub_con .col-02{width:47%;float:left; margin:0 1.5%;}
.sub_con .col-03{width:31.33%; margin:1.5% 1%; float:left;}
.sub_con .col-04{width:22%; margin:0 1.5%; float:left;}
.sub_con .col-05{width:18%; margin:1% 1%; float:left;}
.bdLine{padding-bottom:40px; margin-bottom:40px;}

.mEnter{display:inline-block;}
.tEnter{display:block;}

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

.tit_nsb {font-size:2.0em; }
.tit_nsm {font-size:1.3em; }

}

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

.tit_nm{font-size:2.8em;}
.tit_sm{font-size:1.6em;}
}




/*소개공통*/

.inpdinner{max-width:1160px; margin:0 auto;}
.inpdinner .left,
.inpdinner .right{padding:0 3%;}
.pntTxt{font-size:1.6em; font-weight:600; text-align:center; color:#000000}
.pntTxt2{font-size:1.6em; font-weight:600; text-align:center; color:#004da1}

.comm_top{position:relative; padding-bottom:30px; margin-bottom:30px; border-bottom:1px solid #e6e6e6}
.comm_top h4{font-size:1.6em; text-align:center; font-weight:600; margin-bottom:20px}
.btn_cir{display:inline-block; padding:10px 25px; background:#003ac4; color:#ffffff; font-weight:600; font-size:0.9em; text-transform:uppercase}

@media all and (min-width:768px) {
.pntTxt span.bl{display:block;}

.comm_top{position:relative; }
.comm_top h4{font-size:2.3em; text-align:left;}
.comm_top .tac{text-align:left}

}
@media all and (min-width:1024px) {
.pntTxt{font-size:2em; }
}

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

.inpdinner:after{content:''; clear:both; display:block}
.inpdinner .left,
.inpdinner .right{float:left;}
.inpdinner .left{width:22%; text-align:left; margin-right:3%; padding:0; min-height:1px;}
.inpdinner .right{width:75%;padding:0}
.pntTxt{text-align:left; font-size:1.2em}
.pntTxt span.bl{display:inline;}
.pntTxt2{text-align:left; font-size:1.2em}

.comm_top{padding-bottom:40px; margin-bottom:40px; }
.comm_top h4{font-size:2.8em}
.btn_cir{padding:15px 30px}

}

@media all and (min-width:1400px) {
.inpdinner{max-width:1360px; }

.inpdinner .left{width:20%; }
.inpdinner .right{width:77%;}
}

/**/
.bgtxt{display:inline-block; padding:2px 10px; line-height:100%; color:#ffffff; background:#808080; font-size:0.9em; border-radius:5px;}
.bggr{background:#19a600}
.bgbl{background:#004eae}
.bgor{background:#e66300}
.bgrd{background:#e63600}
.clr_b{color:#004098}

.brk{position:relative; display:inline-block; padding:0 20px}
.brk b{position:relative; z-index:1;}
.brk:after,
.brk:before{content:''; width:30px; height:18px; position:absolute; background-size:cover !important; z-index:0;}
.brk:after{right:0; top:0; background:url("../img/bracket_after.png") no-repeat center center}
.brk:before{left:0; top:0; background:url("../img/bracket_before.png") no-repeat center center}


@media all and (min-width:768px) {
.brk{padding:0 40px}
.brk:after,
.brk:before{width:50px; height:30px;}
}


.recruit_dl{overflow:hidden; }
.recruit_dl dl{overflow:hidden; padding:50px 40px; background:#ffffff; -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
margin:30px;
position:relative; }
.recruit_dl dl:hover{ -webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.8);
-moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.8);
box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.8);}
.recruit_dl dl dt{font-weight:600; text-align:center; margin-bottom:10px; }
.recruit_dl dl dt img{ margin:0 auto; margin-bottom:10px; max-width:80px}
.recruit_dl dl dd{ margin-bottom:3px; text-align:center; }
.recruit_dl dl dd:last-child{margin-bottom:0;}
.recruit_dl dl dt span{font-size:1.2em; display:block}




@media all and (min-width:768px) {
.recruit_dl dl{position:relative; width:31%; vertical-align:top; display:inline-block; margin:15px 1%; min-height:245px;}
.recruit_dl dl dt{font-size:1.4em}
.recruit_dl dl dt,
.recruit_dl dl dd{width:100%; float:none; text-align:center;}
.recruit_dl dl:after, .recruit_dl dl:before,
.recruit_dl dl dt:after, .recruit_dl dl dt:before{
  width: 3px;
  height: 0;
  position: absolute;
  display: block;
  content: "";
  background-color: #004098;
  transition:all 0.2s cubic-bezier(.25,.25,.53,.94);
}
.recruit_dl dl:after{width:0px; height:3px;}
.recruit_dl dl dt:after{width:0px; height:3px;}
.recruit_dl dl:before{width:3px; height:0px;}
.recruit_dl dl dt:before{width:3px; height:0px;}
.recruit_dl dl:after{left:0; top:0}
.recruit_dl dl:before{left:0; bottom:0}
.recruit_dl dl dt:after{right:0; bottom:0}
.recruit_dl dl dt:before{right:0; top:0; }
.recruit_dl dl:hover:after{width:100%}
.recruit_dl dl:hover:before{height:100%;}
.recruit_dl dl:hover dt:after{width:100%}
.recruit_dl dl:hover dt:before{height:100%;}


}


.title {font-size:1.8em; font-weight:600; color:#000;}
.title .clr { color:#004098; font-weight:600;}
.subh3 {font-size:1.5em; position:relative; display:inline-block; color:#000; margin-bottom:20px;}
.subh3:after {position:absolute; display:block; content:''; width:50px; height:1px; right:-60px; top:15px; background:#000;}
.subh5 {font-size:1.2em; position:relative; color:#004098; font-weight:700; padding-left:15px;}
.subh5:after {position:absolute; display:block; content:''; width:5px; height:5px; border-radius:50px;  left:0px; top:10px; background:#004098;}

@media all and (min-width:768px) {
.title {font-size:2em; }
.subh3 {font-size:2em;}
}


.deco{position:relative;}
.deco:before,
.deco:after{content:''; z-index:1;  display:block; position:absolute; top:0; left:0; width:20%; max-width:80px; height:1px; display:block; background:#0aa2f8}
.deco:after{left:auto; top:auto; right:0; bottom:0; background:#b2d135}

.btn_li{overflow:hidden;}
.btn_li li a{display:block; box-sizing:border-box; color:#ffffff; padding:10px; text-align:center; background:#0aa2f8}
.btn_li li:last-child a{background:#b2d135}

@media all and (min-width:768px) {
.btn_li li{float:left; margin-right:10px;}
}



/*회사소개*/
.greeting {position:relative;  background:#f9f8f6; }
.greeting:after {}
.greeting .inner {position:relative; z-index:1; padding:50px 3%;}
.greeting .message .tit_ns {font-size:1.2em; color:#004098; position:relative;}
.greeting .message .tit_ns:before {position:absolute; display:block; content:''; width:1px; height:70px; background:#004098; top:-80px; left:0;}
.greeting .message .box {position:relative; padding-top:20px;}
.greeting .message .box .message {font-size:1.5em;}
.greeting .message .box .name{color:#7c7c7c; font-size:1.1em;}
.greeting .message .box .name span{color:#000;}
.greet_txt {}
.greet_txt p {padding-bottom:20px;}



@media all and (min-width:768px) {
.greeting .inner:after {position:absolute; display:block; content:''; background-size:100% !important; width:300px; height:120%; background:url(../img/ceo_pic.png) no-repeat; bottom:0; right:0; z-index:0;}

}

@media all and (min-width:1000px) {
.greeting .inner::after {width:400px; }
.greeting .message .box .message{font-size:2.3em; padding-bottom:50px;}
.greet_txt {font-size:1.2em;}

}

@media all and (min-width:1200px) {
.greeting .inner::after {width:460px; }
.greeting .message .box .message{font-size:2.5em; }

}


/*그래프연혁*/
.hisGrap{position:relative;}
.hisGrap h4{text-align:center; position:relative; padding-bottom:50px;}
.hisGrap h4 b{font-size:1.6em; color:#ffffff;background:#004098;  display:inline-block; padding:10px 30px;background:linear-gradient(45deg, #009cff 0%, #004098 100%);  
-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);
border-radius:100px;
}
.hisGrap h4:after{content:''; display:block; position:absolute; bottom:0; left:0; right:0; margin:auto; width:20px; height:20px; background:url(../img/tit_dot.png) no-repeat center center;}
.hisGrap h4 span{display:block; position:relative;}

.hisGrap ul{position:relative; padding:20px 0px 30px; text-align:center;}
.hisGrap ul li{background:#ffffff; margin-bottom:10px; position:relative; padding:10px 0px;}
.hisGrap ul li span.date{display:block; font-weight:600;}


.hisGrap ul:before{content:''; display:block; width:1px; height:100%; background:#dcdcdc; position:absolute; top:0;  left:0; right:0; margin:auto}
.hisGrap ul:after{content:''; display:block; width:20px; height:20px; background:url(../img/tit_dot.png) no-repeat center center; position:absolute; bottom:0; left:0; right:0; margin:auto; border-radius:500px}

.hisGrap.his02 h4:before{background:#b0cf01}
.hisGrap.his02 ul:after{background:#b0cf01}

.hisGrap.his03 h4:before{background:#777e8f}
.hisGrap.his03 ul:after{background:#777e8f}


@media all and (min-width:768px) {
.hisGrap h4{position:relative; color:#ffffff; margin:0 auto;  color:#ffffff; text-align:center; padding-bottom:40px;}
.hisGrap ul{padding:40px 0 60px}
.hisGrap ul li{background:none; margin-bottom:0; position:relative;}
.hisGrap ul li span{position:relative; display:block; margin-right:80px; display:block;}
.hisGrap ul li span.txt{padding: 3px 10px; font-size:1.1em}
.hisGrap ul li span.date{ padding: 10px 20px; background:#ffffff; color:#004098; display:inline-block; border-radius:100px; margin-bottom:20px;
-webkit-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
-moz-box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);
box-shadow: 0px 0px 20px -5px rgba(0,0,0,0.2);}
.hisGrap ul .left{text-align:right; margin-right:50%;}
.hisGrap ul .right{text-align:left; margin-left:50%}
.hisGrap ul li span.date:after{content:''; width:10px; height:10px; background:#004098; position:absolute; top:0; bottom:0; margin:auto; right:-85px; border-radius:500px;}
.hisGrap ul li span.date:before{content:''; width:80px; height:1px; background:#dcdcdc; position:absolute; right:-85px;top:0; bottom:0; margin:auto;}

.hisGrap ul li.right span{margin-right:0; margin-left:80px}
.hisGrap ul li.right span.date:before{left:-85px; right:auto; }
.hisGrap ul li.right span.date:after{left:-85px; right:auto;}
}

@media all and (min-width:1200px) {
.hisGrap h4 b{ font-size:2.6em}

}

/*경영이념*/
.mottoTop {position:relative;}
.mottoTop .mto_img {position:relative;}
.mottoTop .mt_txt {display:none;}

.mottoTop .txt_e {color:#ec0515; text-shadow:rgba(0,0,0,0.3) 2px 2px 2px; font-size:1.2em;}
.mottoTop .txt_s {color:#fff;  text-shadow:rgba(0,0,0,0.3) 2px 2px 2px;font-size:1.2em;}
.mottoTop .txt_d {color:#000; text-shadow:rgba(0,0,0,0.3) 2px 2px 2px;font-size:1.2em;}

.mottoTop .mto_txt {text-align:center;}
.mottoTop .mto_txt span {color:#004098;  font-weight:600; position:relative; padding-top:60px; display:block; }
.mottoTop .mto_txt span:after {position:absolute; display:block; content:''; width:1px; height:50px; background:#004098; top:0; left:0; right:0; margin:0 auto;}
.mottoTop .mto_txt h4 {font-size:1.5em; padding:20px 0; color:#000; font-weight:500;}
.mottoTop .mto_txt .mt_ul:after {display:block; clear:both; content:'';}
.mottoTop .mto_txt .mt_ul li {float:left; width:33.3%; text-align:center}
.mottoTop .mto_txt .mt_ul li img {max-width:70px;}
.mottoTop .mto_txt .mt_ul li p {padding-top:20px;}

.mottoCir {}
.mottoCir .cir {text-align:center;}

.mottoCir .cir_box {}
.mottoCir .cir_box .box {position:relative; text-align:center;}
.mottoCir .cir_box .box span {}
.mottoCir .cir_box .box span img {max-width:45px;}
.mottoCir .cir_box .box h4 {font-size:1.5em; color:#000; padding:10px 0; position:relative;}
.mottoCir .cir_box .box h4:after {position:absolute; display:block; content:''; width:20px; height:1px; background:#484848; bottom:0; left:0; right:0; margin:0 auto;}
.mottoCir .cir_box .box h6 {padding:10px 0 10px; font-size:1.3em; color:#6e6e6e}
.mottoCir .cir_box .box p {}

@media all and (min-width:600px) {
.mottoCir .cir img {max-width:60%;}
}

@media all and (min-width:1000px) {
.mottoCir .cir img {max-width:100%;}
.mottoTop .mto_img {position:relative; height:380px;}
.mottoTop .mto_img:after {display:block; content:''; position:absolute; height:380px; background:url(../img/img_motto.jpg) no-repeat center; background-size:cover; width:50%; }
.mottoTop .mt_txt {display:block; position:absolute; top:0; left:0; z-index:10; padding:20px; font-size:1.5em; font-weight:600; color:#999;}


.mottoTop:after {position:absolute; display:block; content:''; width:60%; height:380px; bottom:-60px; right:0; background:#f9f9f9; z-index:-1;}
.mottoTop .mto_txt span {padding-left:20px;}
.mottoTop .mto_txt span:after  {right:auto; height:100px;  top:-20px;}
.mottoTop .mto_txt h4 { padding:40px 0 20px; }
.mottoTop .mto_txt {width:50%; margin:-25% 0 0 50%; text-align:left; }

.mottoCir {margin-top:200px}
.mottoCir .cir {width:33%; position:absolute; top:9%; bottom:0; left:0; right:0; margin:0 auto;}
.mottoCir .cir_box {}
.mottoCir .cir_box .col02:after {clear:both; display:block; content:''; }
.mottoCir .cir_box .txtRit {float:left; width:30%;text-align:right;}
.mottoCir .cir_box .txtRit h4:after {left:auto}
.mottoCir .cir_box .txtLft {float:right; width:30%; text-align:left;}
.mottoCir .cir_box .txtLft h4:after {right:auto}
.mottoCir .cir_box .box03 {padding-top:13%;}


}

@media all and (min-width:1200px) {
.mottoTop:after {height:450px; bottom:-15%;}
.mottoTop .mto_img,
.mottoTop .mto_img::after {height:500px;}
.mottoTop .mto_txt {margin:-32% 0 0 53%;}
.mottoTop .mto_txt .mt_ul li {width:25%;} 
.mottoTop .mto_txt h4 ,
.mottoCir .cir_box .box h4 {font-size:1.8em;}
.mottoCir .cir_box .box h4 {padding:10px 0 20px;}


}

@media all and (min-width:1400px) {
.mottoTop .mto_txt {margin-top:-28%;}
.mottoTop .mto_txt .mt_ul li {width:18%;}

.mottoCir .cir_box .box03 {padding-top:18%;}

}

@media all and (min-width:1800px) {
.mottoTop::after {height:500px; bottom:-24%;}
.mottoTop .mto_txt {margin-top:-22%;}

.mottoCir {margin-top:300px;}
}



/*오시는길*/
.mapbox{position:relative;}
.mapbox:after {clear:both; display:block; content:'';}
.mapbox iframe {width:100%; height:350px; }

.mapbox .address_info {}
.mapbox .address_info h4 {font-weight:700; color:#000; margin:20px 0; font-size:1.5em;}
.mapbox .address_info ul {}
.mapbox .address_info ul li { margin-bottom:10px; padding-left:30px;}
.ico_map {position:relative; padding-right:25px;  vertical-align:top;}
.ico_map:after {display:block; position:absolute; top:1px; left:0; background-size:15px !important; width:15px; height:15px; content:'';}
.add:after {background:url(../img/ic_Mioc.png) no-repeat;}
.tel:after {background:url(../img/ic_Mcall.png) no-repeat;}
.fax:after {background:url(../img/ic_Mfax.png) no-repeat;}
.mail:after {background:url(../img/ic_Mmail.png) no-repeat;}

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

.coreBox .col3 {float:left; width:33.3%;}

.mapbox .map {float:left; width:50%;}
.mapbox iframe {width:100%; height:450px; }
.mapbox .address_info {float:left; width:50%; padding:5% 0 0 10%;}

.flt_right .map,
.flt_right .address_info {float:right;}
.flt_right .address_info {padding:5% 5% 0 5%;}

}

@media all and (min-width:1200px) {
.ctctBox .col3 {padding:60px 10px 70px;}
.ctctBox .col3 h3 {font-size:2em;}

.mapbox .address_info h4 {margin-bottom:40px; font-size:1.8em;}


}


.col2Box:after {clear:both; display:block; content:''; }
.col2Box .col_txt {margin-bottom:20px;}
.col2Box .col_txt dt {font-size:1.5em; color:#000; margin:0 0 20px; line-height:1.2; position:relative;}

.col2Box.divi .col_txt {width:50%;}
.col2Box.divi .col_txt dt:before{content:''; width:130%; height:2px; background:#004098; position:absolute; right:0; bottom: -15px; z-index:10}
.col2Box.divi .img {z-index:0}

@media all and (min-width:1000px) {
.col2Box .img {float:right; width:50%;}
.col2Box .col_txt  {float:right; width:50%; padding:0 0 0 5%;}
.col2Box .col_txt  dt {font-size:2em; margin-bottom:40px;}


.col_left .col_txt {float:left; padding-left:0;}
.col_left .img {float:right; text-align:right; padding-left:3%;}

}

@media all and (min-width:1400px) {
.col2Box .col_txt  {padding-top:5%;}
.col2Box .col_txt dt {font-size:2.3em;}

}

/*조직도*/
.org {}
.org .orgBox {text-align:center; padding-bottom:50px; position:relative;}
.org .orgBox:before {display:block; content:''; position:absolute; width:1px; height:100%; background:#dcdcdc; top:0; left:0; right:0; margin:0 auto; z-index:-1;}
.org .orgBox .orc {font-size:1.2em; font-weight:600; padding:20px 60px; display:inline-block; border-radius:50px; color:#fff; max-width:180px; min-width:180px;}
.org .or1 .orc {background:#004098; background:linear-gradient(45deg, #4200eb 0%, #004098 100%); }
.org .or2 .orc {background:#004098; }
.org .or3 .orc {background:#009cff;  }
.org .or4 {position:relative;}
.org .or4:before {height:85%;}
.org .or4 .orList {max-width:250px; margin:0 auto 50px;}
.org .or4 .orList .ord {padding:20px 0; background:#4c5a81; color:#fff; font-size:1.1em;}
.org .or4 .orList .ordp {padding:20px 0; background:#f3f3f3; border:1px solid #ddd;}

@media all and (min-width:1000px) {
.org .orgBox {padding-bottom:80px;}
.org .or3:before {height:80%;}
.org .or4:before {height:1px; width:80%; top:-28px; }
.org .orlistBox:after {display:block; content:''; clear:both; visibility:hidden; height:0;}
.org .or4 .orList {float:left; width:18%; margin:1%;position:relative; max-width:100%;}
.org .or4 .orList:after {display:block; content:''; position:absolute; width:1px; height:50%; background:#dcdcdc; top:-37px; left:0; right:0; margin:0 auto; z-index:-1;}

}

@media all and (min-width:1400px) {
.org .or3:before {height:104%;}
.org .or4 {background:#f9f9f9; border:1px solid #ddd; padding-bottom:0;}
.org .or4:before,.org .or4 .orList:after {background:none;}

}

/*지사소개*/
.cmpInt .pic {position:relative;}
.cmpInt .pic h3 {position:absolute; top:0; left:0; background:#004098; color:#fff; padding:10px; font-weight:500;}
.cmpInt .pic h3 p {color:#fff; font-weight:400; font-size:0.7em;}
.cmpInt .summary {padding:20px;}
.cmpInt .summary ul {border-top:1px solid #000;}
.cmpInt .summary ul li {border-bottom:1px solid #ddd; padding:20px 0;}
.cmpInt .summary ul li .tit {float:left; width:100%; color:#000; vertical-align:top; }
.cmpInt .summary ul li .txt { width:64%;}

@media all and (min-width:768px) { 
.cmpInt .summary ul li .tit {width:150px;}
}

@media all and (min-width:1000px) { 
.cmpInt .summary {margin:-60px auto 60px; background:#fff; padding:20px 50px; z-index:1; position:relative; width:90%;}
.cmpInt .summary ul {border-top:0;}
.cmpInt .summary ul li {border-bottom:0}
.cmpInt .summary ul li .tit {border-right:1px solid #ddd;}
.cmpInt .summary ul li .txt {padding-left:20px}

}


@media all and (min-width:1200px) { 
.cmpInt .pic h3 {font-size:1.5em;  padding:20px;}
.cmpInt .summary {padding:20px 80px; }
.cmpInt .summary ul:after {clear:both; display:block; content:'';}
.cmpInt .summary ul li {float:left; width:50%; vertical-align:middle;} 
.cmpInt .summary ul li .txt {float:left; width:61%;}
.cmpInt .summary ul li.w100 { width:100%;} 
.cmpInt .summary ul li.w100 .tit {vertical-align:top; /*padding-top:10px;*/} 

.cmpInt .summary ul li.ptn .tit {padding-top:0;}

}

@media all and (min-width:1400px) { 
.cmpInt .summary ul li .txt { width:70%;}

}

/*제품소개*/
.proTop:after, 
.proSec:after {clear:both; display:block; content:'';}
.proTop .txtBox {position:relative;}
.proTop .txtBox .plyT {color:#004098; font-weight:600; margin-top:30px; display:block; position:relative; padding-left:20px;}
.proTop .txtBox .plyT:after {content:''; display:block; position:absolute; width:12px; height:2px; background:#004098; left:0; top:13px;}
.proTop .txtBox h3 {font-size:2em; color:#000; font-weight:500;}
.proTop .txtBox p {font-size:1.1em;}
.proTop .txtBox .tool_slider_nav .slick-slide {margin:0 3px; opacity:0.3;}
.proTop .txtBox .tool_slider_nav .slick-current  { opacity:1; border:1px solid #ddd;}

.proSec .point {font-weight:600; font-size:0.9em;}
.proSec .pro_sm .spec {padding-top:30px;}
.proSec .pro_sm .spec li {padding-bottom:10px;}
.proSec .pro_sm .spec li:last-child {padding-bottom:0;}
.proSec .pro_sm:after {clear:both; display:block; content:'';}
.proSec .pro_sm .smImg {float:left; width:55%; }
.proSec .pro_sm .smImg img {max-width:50%;}
.proSec .pro_sm .mt20 {margin-top:20px;}
.proSec .pro_sm .spec {float:left; width:45%; padding:0 0 0 0; text-align:left;}
.proSec .pro_sm .spec li .clr {position:relative; padding-right:25px;}
.proSec .pro_sm .spec li .clr:after {content:''; display:block; position:absolute;  width:15px; height:15px; top:0; left:0;}
.proSec .pro_sm .spec li .clr_pet:after {background:#e72b25}
.proSec .pro_sm .spec li .clr_petl:after {background:#d01b1e}
.proSec .pro_sm .spec li .clr_acr:after {background:#595757}
.proSec .pro_sm .spec li .clr_pr:after {background:#173e6e}
.proSec .pro_sm .spec li .clr_top:after {background:#cacaca}
.proSec .pro_sm .spec li .clr_rs:after {background:#231613}
.proSec .pro_sm .spec li .clr_prt:after {background:#c0cfd8}
.proSec .pro_sm .spec li .clr_poly:after {background:#1f96d4}
.proSec .pro_sm .spec li .clr_sil:after {background:#8d644e}
.proSec .pro_sm .spec li .clr_cop:after {background:#dc7214}
.proSec .pro_sm .spec li .clr_ca:after {background:#e8a83a}
.proSec .pro_sm .spec li .clr_alu:after {background:#d5d5d5}
.proSec .pro_sm .spec li .clr_pna:after {background:#881b21}
.proSec .pro_sm .spec li .clr_anti:after {background:#220f0a}
.proSec .pro_sm .spec li .clr_pp:after {background:#ed7777}
.proSec .pro_sm .spec li .clr_prl:after {background:#003e6b}
.proSec .pro_sm .spec li .clr_wb:after {background:#d7dadf}
.proSec .pro_sm .spec li .clr_pb:after {background:#e9556a}
.proSec .pro_sm .spec li .clr_b:after {background:#040000}
.proSec .pro_sm .spec li .clr_rs:after {background:#220f0a}
.proSec .pro_sm .spec li .clr_ya:after {background:#f3d797}
.proSec .pro_sm .spec li .clr_rub:after {background:#ccc3da}
.proSec .pro_sm .spec li .clr_pap:after {background:#00ae7c}
.proSec .pro_sm .spec li .clr_pel:after {background:#9b748b}



@media all and (min-width:1000px) { 
.proTop .tool_slider {float:left; width:55%;}
.proTop .txtBox {float:left; width:40%;margin-left:5%}
.proTop .txtBox .tool_slider_nav {position:absolute; bottom:0; left:0; right:0; margin:0 auto; }


.proTop .txtBox .plyT {font-size:1.25em; margin-top:0}
.proTop .txtBox h3 {font-size:2.5em;}
.proTop .txtBox p {font-size:1.2em; padding-bottom:150px;}


}

@media all and (min-width:1400px) { 
.proTop .txtBox {height:580px;}

}

.certi ul li,
.certi img {border:1px solid #ddd; box-shadow:5px 10px 10px rgba(0,0,0,0.1);}
 
.certi  .bx-wrapper .bx-pager,
.certi  .bx-wrapper .bx-controls-auto {bottom:-50px;}
.certi .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {text-align:center; width:100%; }
.certi .bx-wrapper .bx-pager.bx-default-pager a {background:#ddd; margin:0 5px; }
.certi .bx-wrapper .bx-pager.bx-default-pager a:hover,
.certi .bx-wrapper .bx-pager.bx-default-pager a.active {background:#004098;}

.certi2 {margin-top:100px;}



@media all and (min-width:1200px) { 
.certi ul li {margin:0 10px !important;}

}


/*품질경영*/
.qmBox .cir_box .box {display:inline-block; width:49%;}
.qmBox .cir_box .box h6{font-size:0.9em;}

@media all and (min-width:480px) { 
.qmBox .cir_box .box h6{font-size:1.3em;}

}

@media all and (min-width:768px) { 
.qmBox .cir_box .box h6{font-size:1.3em;}
.qmBox .cir_box .col02 {display:inline-block;  width:49%}

}

@media all and (min-width:1000px) { 
.txt_qm .pEnter {display:inline !important}
.qmBox {margin-top:100px;}
.qmBox .cir_box .col02 {display:block;  width:100%}
.qmBox .cir_box .box {width:30%;}

}

@media all and (min-width:1400px) { 
.txt_qm .pEnter {display:block !important}
.qmBox .cir {top:3%;}

}


.eqment .col_left dl {padding-left:5%;}
.eqment dl  {overflow:hidden; }
.eqment dl dd {background:url("../img/dot_li.gif") no-repeat 0px 10px; padding-left:8px; margin-bottom:3px;}
.eqment dl dd:last-child{margin-bottom:0;}

/*시험장비*/
.equip:after {clear:both; display:block; content:'';}
.equip li {float:left; width:48%; margin:1%; text-align:center;}
.equip li img {border:1px solid #ddd;}
.equip li p {padding:10px 0; color:#fff; background:#1c3f95;}

.litebox-overlay .litebox-nav {display:block !important;}

@media all and (min-width:768px) { 
.equip li {width:31.3%;}

}

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

}

/*Contact*/
.ctctBox:after {clear:both; display:block; content:'';}
.ctctBox .col4 {margin-bottom:30px; padding:30px 10px 50px 50px; text-align:left; box-shadow:5px 10px 10px rgba(0,0,0,0.2); border:1px solid #f5f5f5; position:relative;}
.ctctBox .col4 span {font-weight:600; color:#004098; font-size:0.8em;}
.ctctBox .col4 h3 {font-size:1.5em; color:#000; font-weight:400; padding-top:10px; color:#004098}
.ctctBox .col4 ul li { margin-bottom:10px;}


.coreBox .col4:after, .coreBox .col4:before,
.coreBox .col4 h3:after, .coreBox .col4 h3:before{
width: 3px;
  height: 0;
  position: absolute;
  display: block;
  content: "";
  top:0;
  left:0;
  background-color: #004098;

  transition:all 0.2s cubic-bezier(.25,.25,.53,.94);
}
.coreBox .col4:after{width:0px; height:3px;}
.coreBox .col4 h3:after{width:0px; height:3px;}

.coreBox .col4:before{width:3px; height:0px;}
.coreBox .col4 h3:before{width:3px; height:0px;}


.coreBox .col4:hover:after{width:100%}
.coreBox .col4:hover:before{height:0;}

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

.coreBox .col4 {float:left; width:50%;}

}

@media all and (min-width:1200px) {
.ctctBox .col4 {padding:60px 10px 70px 70px;width:25%;}
.ctctBox .col4 h3 {font-size:2em; line-height:1}



}