@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 .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: 1px solid #efefef;border-collapse:separate;}
.content_table th{padding:10px 5px}
.content_table th, .content_table td{border-bottom: 1px solid #efefef;padding:15px;vertical-align:middle;}
.content_table .bl, .content_table tr.bl td, .content_table tr.bl th{border-left:1px solid #dcdcdc}
.content_table .bli{border-left:1px solid #dcdcdc !important}
.content_table .bri{border-right:1px solid #dcdcdc !important}
.content_table th{font-weight: 800;background: #f8f8f8;color:#323232;padding:12px 3px;width: 20%;/* text-align: left; */font-size: 1.1em;}
.content_table .bgc{background:#fafafa; text-align:center}
.content_table tr.bgc th, .content_table tr.bgc td{ background:#fafafa}
.content_table .tal{text-align:left;}


@media all and (min-width:768px) {
.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;}
}

.pDot{padding-left:17px; position:relative}
.pDot:before{content:''; width:8px; height:8px;border-radius:50px; position:absolute; right:0; top:3px; background:#28cfff}

.fsb{font-size:1.05em}

.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;font-family: pretendard;}
.content_table td {width:750px;font-weight: 300; text-align: left; line-height: 20px;}



@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:12px;}
.content_table td.fac_w3{width:20%;}
.content_table td.fac_w7{width:80%;}
.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;}


}

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




/*소개공통*/

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

.btn_li{overflow:hidden;}
.btn_li li a{display:block;box-sizing:border-box;color:#ffffff;padding: 10px 20px;text-align:center;background: #2155ae;width: 100px;float: left;margin-right: 10px;}
.btn_li li:last-child a{background: #939393;}

@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}
.btn_li li{float: left;margin-right:10px;}
}
@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%;}
}



/**/
.brk{position:relative; display:inline-block; padding:0 20px}
.brk p{/*! margin-top: 60px; */}
.title {font-size:1.8em; font-weight:600; color:#333;}
.title .clr { color:#004098; font-weight:600;}

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


/*인사말*/
.col2Box:after {clear:both; display:block; content:''; }
.col2Box img{margin-bottom:20px;}
.col2Box .col_txt {margin-bottom:20px;}
.col2Box .col_txt dt {font-size:1.5em; color:#333; margin:0 0 20px; line-height:1.4; position:relative; font-weight:600;}
.col2Box .col_txt dt .point_line{font-weight: 600; background-color:#e6f4ff;}
.col2Box .col_txt dd{font-size: 1em;font-family: pretendard;color: #666;}

.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:left;width:50%;display: block;margin-top: 40px;}
.col2Box .col_txt  {float:right; width:50%; padding:0 0 0 5%;display: block; margin-top: 40px;}
.col2Box .col_txt  dt {font-size: 1.5em;}
.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  dt {font-size: 1.7em;}
.col2Box .col_txt dd{font-size: 1.1em;}
}

/*연혁*/
.his_bg {background:url(../img/img_his.jpg) no-repeat center; width:100%; height:200px; background-size:cover;}
.his_bg .txt {color:#fff; padding-top:8%;  letter-spacing:-0.4px;}
.his_bg .txt .s_tit {font-weight:700; padding-bottom:10px;}
.his_bg .txt .tit {font-size:1.5em; font-weight:400;}
.history {position:relative;}
.history .his_line {width:1px; height:100%; background:#e0e0e0; position:absolute; top:0; left:50%; margin-left:-1px; transform:translateX(-50%;);}
.history .his_line:after {position:absolute; display:block; content:''; /*! width:16px; */ /*! height:1px; */ background:#e0e0e0; top:0; left:0; right:0; margin:0 auto 0 -8px; }

.history .hisBox {position:relative; margin-bottom:30px;}
.history .hisBox.left:before { position:absolute; display:block; content:''; width:8px; height:8px; background:#bebebe; left:-4px; top:14%; border-radius:50px;}
.history .hisBox.left:before { position:absolute; display:block; content:''; width:8px; height:8px; background:#9b9b9b; left:-4px; top:14%; border-radius:50px;}
.history .hisBox.right:before { position:absolute; display:block; content:''; width:8px; height:8px; background:#9b9b9b; right:-4px; top:14%;border-radius:50px;}

.history .hisBox.left {position:relative; margin-left:50%; padding-left:5%; text-align:left;}
.history .hisBox.right {position:relative;margin-right:50%; padding-right:5%; text-align:right;}

.history .hisBox.present.left:before {background:#0060ba;} 
.history .hisBox.present dt {color:#fff;}
.history .hisBox.present dt .blue_box{ padding:0px 35px;background: linear-gradient( to right, #01a653, #0060ba );}
.history .hisBox dt .gray_box{background-color: #b9b9b9; padding:0px 35px; color:#fff;}
.history .hisBox dt {font-size:1.8em; color:#3f3f3f; font-weight:700; margin-bottom:10px; }
.history .hisBox dd ul li {position:relative;padding-left:8px;font-size: 0.9em;line-height: 1.3;color: #414141;font-family: pretendard;font-weight: 300;}
.history .hisBox dd ul li:after {position:absolute; display:block; content:''; background:#bebebe; background-size:100%; width:3px; height:3px; left:0; top:12px; }
.history .hisBox.right dd ul li {padding-right:8px;font-size: 0.9em;line-height: 1.3;}
.history .hisBox.right dd ul li:after { left:auto; right:0;}
.y_line{background-color: #efefef;padding:0px 5px;font-weight: 800;}

@media all and (min-width:980px) {
.history .hisBox.right dd ul li,
.history .hisBox dd ul li {font-size: 1.2em;line-height: 1.5;}
}

@media all and (min-width:1200px) {	
.his_bg .txt {padding-top:5%;}
.history .hisBox.left {padding-left:3%;}
.history .hisBox.right {padding-right:3%;}
}



/*오시는길*/
.map_info{position: absolute;display: block; top: 10px;z-index: 9;left: 30px;}
.map_info:after {clear:both; display:block; content:'';}
.map_info .map_right{padding: 20px 30px;width: 100%;/*! background: linear-gradient( to right, #01a653, #0060ba ); */background: #0060ba;}

.ico_map {position:relative;padding: 5px 0px;}
.ico_map span.tit{font-size: 1em;margin-left: 30px;font-weight:600;color:#fff;}
.ico_map span.txt{font-size:1em;margin-left: 30px;color: #fff;font-weight: 400;font-family: Pretendard;}
.ico_map:after {display:block;position:absolute;top:10px;left:0;background-size: 100% !important;width: 18px;height: 18px;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;}


/*조직도*/
.org_img{width: 100%;margin: 0 auto;position:relative;left:0;right:0;top:0;bottom:0;/* box-shadow: 3px 3px 30px #9c9c9c14; */}


/*인증서*/
.certi1{display:flex;flex-wrap: wrap;/* border-bottom: 1px solid #efefef; */margin-bottom: 40px;}
.certi ul li{border:1px solid #ddd; box-shadow:5px 10px 10px rgba(170, 170, 170, 0.1);width: 48%;float: left;margin: 0 1%;margin-bottom: 40px;}

@media all and (min-width:768px) { 
.certi ul li {width: 31.3%; margin-bottom:50px;}
}

@media all and (min-width:980px) { 
.certi ul li {width: 18%;}
}


/*파트너*/
.client{display:flex;flex-wrap: wrap;}
.client ul{display:block; margin:0 auto;}
.client ul li{border:1px solid #ddd; box-shadow:5px 4px 4px rgba(170, 170, 170, 0.1);width: 100%; float: left; margin:0 auto; margin-bottom: 150px;}

@media all and (min-width:768px) { 
.client ul li{width: 50%; margin-left:25%}
}

@media all and (min-width:980px) { 
.client ul{float:left;margin: 0;}
.client ul li{margin-left:0; left:0;}
}

/*회사개요*/
.img_box span.pc{display: none;}
.overview{position: relative;}
.overview img{padding: 0 3%;margin: 0 auto;display: block;}
.overview .con01{background: #fff;display: block;margin: 0px 30px;top: -25px;position: relative;text-align: center;padding: 30px 15px 15px 15px;}
.overview .con01 h5{font-size: 1.1em;font-weight: 800;margin-bottom: 10px;}
.overview .box{display: flex;flex-wrap: wrap;margin-bottom: 70px;}
.overview .box .ico{width: 100%;padding: 15px 20px;border-bottom: 1px solid #efefef;}
.overview .box .ico img{display: block;float: left;margin-right: 20px;margin-top: 10px;}
.overview .box .ico span{}
.overview .box .ico p{font-size: 1em;font-weight: 700;font-family: pretendard;}

.overview .con02{position: relative;background: #f4f5f7;padding: 50px 0px;}
.overview .con02 h3,
.overview .con03 h3{text-align: center;font-size: 1.8em;font-weight: 800;font-family: pretendard;}

.overview .con03{margin: 50px auto;}
.overview .con03 .box03{display: flex;flex-wrap: wrap;}
.overview .con03 .box03 ul{padding: 10px;}
.overview .con03 .box03 ul li{font-size: 0.9em;margin-bottom: 10px;line-height: 1.3;}
.overview .con03 .box03 ul li.nb{margin-bottom:0px;}
.overview .con03 .box03 ul li:after{display: block; clear: both; content: "";}
.overview .con03 .box03 ul li b{display: block;width: 25%;float:left;}
.overview .con03 .box03 ul li span{display: block;width: 75%;float: left;}
.overview .con03 .box03 .left p{background: #5a6066;padding: 8px;color: #fff;text-align: center;font-size: 1.1em;font-weight: 600;}
.overview .con03 .box03 .right p{background: #141d25;padding: 8px;color: #fff;text-align: center;font-size: 1.1em;font-weight: 600;}

.overview .con04{position: relative;background:url(../img/over_back.png);padding: 50px 0px;}
.overview .con04 .value_box{color:#fff;}
.overview .con04 .value_box h3{text-align: center;font-size: 1.8em;font-weight: 800;font-family: pretendard;}
.overview .con04 .value_box ul{display:flex; flex-wrap:wrap;}
.overview .con04 .value_box ul li{width:50%;}
.overview .con04 .value_box ul li img{padding:0%;margin: 0 auto;display: block;background: #ffffff75;padding: 15px;border-radius: 100px;width: 50%;}
.overview .con04 .value_box ul li p{text-align: center;font-size: 1.2em;padding: 15px;font-weight: 700;}

@media all and (min-width:500px) {
.overview .con04 .value_box ul li{width:33.3%;}
}


@media all and (min-width:700px) {
.img_box span.mob{display: none}
.img_box span.pc{display: block;}
.img_box span.pc img{margin:0 auto; display:block;}
 
.overview .box .ico{width: 50%;}
.overview .con01{margin: 0 10%;top: -45px;padding: 40px 30px 0px 30px;}
.overview .con01 h5{font-size: 1.4em;font-weight: 800;margin-bottom: 15px;}
.overview .con02,
.overview .con04{padding: 70px 0px;}
.overview .con03{margin: 70px auto;}
.overview .con03 .box03 .left{width: 49%;margin-right:2%;}
.overview .con03 .box03 .right{width: 49%;}
.overview .con04 .value_box ul li{width:16.5%;}
}


@media all and (min-width:980px) {
.overview .con01{margin: 0 15%;top: -60px;padding: 50px 20px 20px 20px;}
.overview .con01 h5{font-size: 1.6em;}
.overview .con01 p{font-size: 1.1em;}
.overview .box .ico{/* width: 22%; *//* border-bottom:0px; *//* border-right:1px solid #efefef; */}
.overview .box .ico:last-of-type{/* border-right:0px; *//* width: 34%; */}
.overview .con03 .box03 .left p , 
.overview .con03 .box03 .right p{padding: 10px;}
.overview .box .ico img{min-height: 37px;}
.overview .con03 .box03 ul li{font-size: 1em; line-height: 1.5;}
}


@media all and (min-width:1200px) {
.overview .box{padding-bottom: 100px;margin: 0 15%;}
.overview .con01{top: -90px;padding-top: 60px;}
.overview .con02,
.overview .con04{padding: 100px 0px;}
.overview .con03{margin: 80px auto;}
.overview .con03 .box03 ul li b{width: 18%;}
.overview .con03 .box03 ul li span{width: 82%;}
.overview .con04 .value_box{padding: 0 8%;}
}

@media all and (min-width:1600px) {
.overview .box{padding-bottom: 100px;margin: 0 20%;}
}



/*서브메뉴2 탭*/
.tap_de3 ul{position: relative;display: flex;flex-wrap: wrap;border-bottom: 1px solid #efefef;width: 100%;}
.tap_de3 li{width: 50%;float: left;text-align: center;}
.tap_de3 li:last-child{margin-right:0px;}
.tap_de3 li:first-child{margin-left:0px;}
.tap_de3 li.on{border-bottom: 2.5px solid #0060ba;}
.tap_de3 li.on a{color: #222;font-weight: 700;}
.tap_de3 a{display: block;font-weight: 500;color: #a5a5a5;font-size: 1.1em;padding:10px;font-weight: 400;}
.txt_de3{margin-top: -7px;color: #555;}

@media all and (min-width:650px) {
.tap_de3 ul{position: relative;display: flex;}
.tap_de3 li{border-bottom:0px;}
}

@media all and (min-width:768px) {
.tap_de3.w8 li{width: 20%;/* left: 12.5%; */position: relative;}
.tap_de3.w8.size li{width: 20%; left: 29%; position: relative;}
.tap_de3.w8.sizeup li{width: 30%;left: 20%;position: relative;}
}

@media all and (min-width:980px) {
.tap_de3.w8 li{width: 12%;left: 19.5%;position: relative;}
}

@media all and (min-width:1020px) {
.tap_de3.w8 li{width: 15%;left: 12.5%;position: relative;}
.tap_de3.w8.size li{width: 12%;left: 38%;}
.tap_de3.w8.sizeup li{width: 18%;left: 31%;}
}


/*sub*/
#sub .sub_box{display: flex;flex-wrap: wrap;border-bottom: 1px solid #efefef;padding: 40px 0px;}
#sub .sub_box:last-of-type{border-bottom: 0px;}
#sub .sub_box .left{width: 100%;margin-bottom: 20px;}
#sub .sub_box .left h3,
#sub2 .sub_box .left h3{font-size: 1.6em; font-weight: 700;}
#sub .sub_box .left p{color: #868686; font-family: pretendard; font-weight: 300;}
#sub .sub_box .right{width: 100%;font-family: pretendard;letter-spacing: -0.005em;}
#sub .sub_box .right .proc_box{display: flex;flex-wrap: wrap;}
#sub .sub_box .right .proc_box .cont{width: 100%;/* margin-right: 3%; */margin-bottom: 3%;}
#sub .sub_box .right .proc_box .cont img{width:100%;}
#sub .sub_box .right .proc_box .cont:nth-child(even){margin-right: 0%;}
#sub .sub_box .right .proc_box .cont span{background-color: #172a46;color: #fff;display: block;padding: 10px;text-align: center;position: relative;min-height: 61px;display: flex;justify-content: center;align-items: center;}
#sub .sub_box .right .proc_box .cont span:after{display: block;clear: both;content: "";background:url(../img/process_ic.png)no-repeat;background-size:100%;width:17px;height:20px;position: absolute;right: -10px;bottom: 10px;}
#sub .sub_box .right .proc_box .cont span.ico:after{display:none;}
#sub .sub_box .proc_txt h5{font-size: 1.6em;font-weight: 700;line-height: 25px;padding: 30px 0px 20px 0px;border-top: 1px solid #efefef;}
#sub .sub_box .proc_txt h5 span{color: #868686;font-weight: 300;font-size: 0.7em;}
#sub .sub_box .proc_txt .box{display: flex;flex-wrap: wrap;line-height: 28px;}
#sub .sub_box .proc_txt .box i{background-color: #d6f4ffb3;font-weight: 600;}
#sub .sub_box .proc_txt .box .left{border-bottom: 1px solid #efefef;padding-bottom: 20px; position:relative;}
#sub .sub_box .proc_txt .box .left p,
#sub .sub_box .proc_txt .box .right p{color: #323232;font-weight: 400;padding-bottom: 15px;padding-right: 30px;}
#sub .sub_box .proc_txt .box .right{position:relative;}

#sub .test_box{display: flex; flex-wrap: wrap;}
#sub .test_box .cont{width:100%}
#sub .test_box .cont span{font-family: pretendard;text-align: center;display: block;padding: 10px 0px;font-size: 0.9em;border: 1px solid #efefef;}
#sub .test_box .cont h4{background-color: #172a46;color: #fff;display: block;padding: 10px;text-align: center;position: relative;font-family: pretendard;}
#sub .test_box .cont img{width:100%}
#sub .chair_box{display: flex;flex-wrap: wrap;padding: 40px 0px;width: 100%;}
#sub .chair_box.pro:last-of-type{padding:0px;border-bottom: 1px solid #efefef;padding-bottom: 60px;}

#sub .chair_box .left img{display:block; margin:0 auto;}
#sub .chair_box .left span.pc{display:none;}
#sub .chair_box .right .tit{border-bottom: 1px solid #353535;padding: 20px 0px;display: flex;flex-wrap: wrap;position: relative;}
#sub .chair_box .right .tit h2{font-size: 1.3em;width: 70%;font-weight: 800;}
#sub .chair_box .right .tit h2 i{font-weight: 800;}
#sub .chair_box .right .tit span{text-align: center;background-color: #0060ba;color: #fff;font-size: 1.15em;font-weight: 600;width: 120px;right: 0;position: absolute;/* line-height: 40px; */bottom: 20px;padding: 5px 0px;}
#sub .chair_box .right .info ul li{display: flex;flex-wrap: wrap;padding-top: 20px;font-family: pretendard;font-size: 1.15em;}
#sub .chair_box .right .info ul li p{width: 45%;font-weight: 800;color: #222;}
#sub .chair_box .right .info ul li span{width: 55%;line-height: 27px;}
#sub .chair_box .right .info ul li span.car{display: flex;flex-wrap: wrap;}
#sub .chair_box .right .info ul li span.car a{width: 48%;margin-right: 2%;}
#sub .chair_box .right .info ul li span.car a img{background-color: #efefef;border-radius: 100px;}
#sub .chair_box .right .info ul li .car p.car_tit{width: 0%;font-weight: 400;margin-top: 10px;margin-left: 10px;}

#sub .pro_box{display: flex;flex-wrap: wrap;}
#sub .pro_box.pro:last-of-type{padding:0px;border-bottom: 1px solid #efefef;padding-bottom: 60px;}
#sub .pro_box .left,
#sub .pro_box .right{width: 100%;}
#sub .pro_box .left img{display:block; margin:0 auto;}
#sub .pro_box .left span.pc{display:none;}
#sub .pro_box .right .tit{border-bottom: 1px solid #353535;padding: 20px 0px;display: flex;flex-wrap: wrap;position: relative;}
#sub .pro_box .right .tit h2{font-size: 1.3em;width: 70%;font-weight: 800;}
#sub .pro_box .right .tit h2 i{font-weight: 800;}
#sub .pro_box .right .tit span{text-align: center;background-color: #0060ba;color: #fff;font-size: 1.15em;font-weight: 600;width: 120px;right: 0;position: absolute;/* line-height: 40px; */bottom: 20px;padding: 5px 0px;}
#sub .pro_box .right .info ul li{display: flex;flex-wrap: wrap;padding-top: 20px;font-family: pretendard;font-size: 1.15em;}
#sub .pro_box .right .info ul li p{width: 20%;font-weight: 800;color: #222;}
#sub .pro_box .right .info ul li span{width: 80%;line-height: 27px;}
#sub .pro_box .right .info ul li span.car{display: flex;flex-wrap: wrap;}
#sub .pro_box .right .info ul li span.car a{width: 48%;margin-right: 2%;}
#sub .pro_box .right .info ul li span.car a img{background-color: #efefef;border-radius: 100px;}
#sub .pro_box .right .info ul li .car p.car_tit{width: 0%;font-weight: 400;margin-top: 10px;margin-left: 10px;}
#sub .chair_box .left,
#sub .chair_box .right{width: 100%;}

#sub2{background: url(../img/sub02_page_bg.png);}
#sub2 .sub_box{padding-top: 40px;padding-bottom: 60px;}
#sub2 .sub_box h3{color:#fff;font-size: 1.3em;font-weight: 700;text-align: center;}
#sub2 .sub_box .chair_explan{}
#sub2 .sub_box .chair_explan ul{display: flex; flex-wrap: wrap;}
#sub2 .sub_box .chair_explan li img{}
#sub2 .sub_box .chair_explan li span{text-align: center;color: #fff;display: block;font-size: 1.15em;font-weight: 600;padding: 15px;}

@media all and (min-width:400px) {
#sub .chair_box .right .tit h2,
#sub .pro_box .right .tit h2,
#sub2 .sub_box h3{font-size: 1.8em;}
#sub .chair_box .right .tit span{padding: 10px 0px;}
#sub .sub_box .proc_txt .box .left:after{display: block; clear: both; content: "";background: url(../img/ch_ico01.png) no-repeat; width:40px; height:40px; background-size:100%; position:absolute; right:0px;bottom:25px}
#sub .sub_box .proc_txt .box .right:after{display: block; clear: both; content: "";background: url(../img/ch_ico02.png) no-repeat; width:40px; height:40px; background-size:100%; position:absolute; right:0px;bottom:0px}
}

@media all and (min-width:500px) {
#sub .chair_box .right .info ul li span.car a{width: 23%;margin-right: 2%;}
}

@media all and (min-width:600px) {
#sub .sub_box .right .proc_box .cont{width: 48.5%;margin-right: 3%;margin-bottom: 3%;}
#sub .sub_box .right .proc_box .cont:nth-child(even){margin-right: 0%;}
#sub .sub_box .right .proc_box .cont{width: 23.5%;margin-right: 2%;}
#sub .sub_box .right .proc_box .cont:last-of-type{margin-right: 0%;}
#sub .sub_box .right .proc_box .cont:nth-child(2){margin-right: 2% !important;}
#sub .sub_box .proc_txt .box .left{width: 48%;margin-right: 3%;border-right: 1px solid #efefef;border-bottom: 0px;padding-bottom:0px;margin-bottom: 0px;}
#sub .sub_box .proc_txt .box .right{width: 49%;}
#sub .sub_box .proc_txt .box .left:after{right:15px;bottom:0px}
#sub .sub_box .proc_txt .box .right:after{right:0px;bottom:20px}

#sub .test_box .cont{width: 23.5%;margin-right:2%;}
#sub .test_box .cont:last-of-type{margin-right:0%;}
#sub .chair_box .right .tit h2{width: 60%; font-size:2em;}
#sub .chair_box .left.mleft img{margin-top:65px}
#sub .pro_box .right .tit h2{width: 60%; font-size:2em;}
#sub .pro_box .left.mleft img{margin-top:65px}
 
#sub2 .sub_box h3{font-size:2em;}
#sub2 .sub_box .chair_explan li{width:49%; margin-right:2%;}
#sub2 .sub_box .chair_explan li:nth-child(even){margin-right:0%;}
#sub .chair_box .right .info ul li p{width: 35%;font-weight: 800;color: #222;}
#sub .chair_box .right .info ul li span{width: 65%;line-height: 27px;}
}


@media all and (min-width:768px) {
#sub2 .sub_box{padding-top: 70px;padding-bottom: 70px;}
#sub .sub_box .left{width: 20%;}
#sub .sub_box .right{width: 80%;}
#sub .sub_box .proc_txt h5{padding: 60px 0px 20px 0px;}

#sub2 .sub_box .chair_explan li{width:23.5%; margin-right:2%;}
#sub2 .sub_box .chair_explan li:nth-child(2){margin-right:2%;}
#sub2 .sub_box .chair_explan li:nth-child(4){margin-right:0%;}
#sub .chair_box.pro:last-of-type{padding-bottom: 120px;}
#sub .pro_box.pro:last-of-type{padding-bottom: 120px;}
}

@media all and (min-width:850px) {
#sub .pro_box .left span.pc{display:block;}
#sub .pro_box .left span.mob{display:none;}
}

@media all and (min-width:980px) {
#sub .chair_box .right.mright{width: 47%;margin-left:3%;}
#sub .chair_box .right .tit span{width: 150px;}
#sub .chair_box.pro{padding-bottom: 60px;}
#sub .chair_box .right .info ul li span.car a{width: 20%;}

#sub .pro_box .right.mright{width: 47%;margin-left:3%;}
#sub .pro_box .right .tit span{width: 150px;}
#sub .pro_box.pro{padding-bottom: 60px;}
#sub .pro_box .right .info ul li span.car a{width: 20%;}
#sub .chair_box .left,
#sub .chair_box .right{width: 50%;}
}

@media all and (min-width:1200px) {
#sub .chair_box .left img{min-width: 600px;margin: 0;}
#sub .chair_box.pro .left img{min-width: 550px;}
#sub .sub_box .proc_txt .box .left:after{right:30px;bottom: -50px;width:50px;height: 25%;} 
#sub .sub_box .proc_txt .box .right:after{right:30px;bottom: -49px;width:50px;height: 25%;z-index: -9;}
#sub2 .sub_box{padding-top: 90px;padding-bottom: 100px;}
#sub .chair_box.pro:last-of-type{padding-bottom: 180px;}

#sub .pro_box .left img{min-width: 600px;margin: 0;}
#sub .pro_box.pro .left img{min-width: 550px;}
#sub .pro_box.pro:last-of-type{padding-bottom: 180px;}

}

@media all and (min-width:1300px) {
#sub .pro_box .left.mleft{width: 35%;}
#sub .pro_box .left.mleft img{min-width: 450px;}
#sub .pro_box .right.mright{width: 60%;margin-left: 3%;}
}



/*sub02*/
#air h3.air_tit{font-weight: 700;color: #333;font-size: 1.5em;display: block;position: relative;text-align: center;border-top: 1px solid #efefef;padding-top: 40px;}
#air h3.pop_tit{font-weight: 800;color: #323232;font-size: 1.5em;display: block;position: relative;text-align: center;padding: 20px;/* background: #172a46; */border-bottom: 1px solid #323232;margin: 0px 40px;}
#air p{/* border: 1.5px solid #efefef; *//* padding: 20px; */font-size: 1.1em;margin-bottom: 40px;line-height: 1.6;text-align: center;}
#air p.font{font-size: 1.2em;font-weight: 700;font-family: pretendard;display: block;padding: 10px 0px;color: #222;background: #efefef;text-align: center;margin-bottom: 0px;}
#air p b{color:#0060ba; font-size:1.2em; }
#air .air_box{display: flex; flex-wrap: wrap;}
#air .air_box h4{position:absolute; color:#fff; padding:15px; font-weight:500;background: linear-gradient( to right, #01a653, #0060ba );}}
#air .air_box .prod a{display: block;width: 100%;background: #959595;color: #fff;text-align: center;margin: 0px auto;padding: 10px;/*! border-radius: 5px; */}
#air .air_box span.air_f{display: block;width: 100%;background: #959595;color: #fff;text-align: center;margin: 0px auto;padding: 10px;}
#air .air_box .prod a:hover{font-weight:700;}

#air .pop_box{padding:40px;}


#air .diff_box span img{margin-bottom: 20px;}
.proTop h4{position:absolute; color:#fff; padding:15px; font-weight:500;background: linear-gradient( to right, #01a653, #0060ba );}}
.pop_box{display: flex; flex-wrap: wrap;}
.pop_prod{display: flex; flex-wrap: wrap;}

.helth_box{position:relative;}
.helth_box img{margin:0 auto; display:block; width: 60%;}
.pop_con{background: #fff;margin: 0 auto;}
#air .pop_box .pop_con p{margin: 0px; /*text-align: center;*/ margin-top: 30px;background-color: #f8f8f8;border-radius: 10px;padding: 15px;}
.mini_img img:first-of-type{margin-right:2%;}

@media all and (min-width:768px) {
#air .air_box .prod{width: 48%; margin: 0 1%;}
.pop_box span{/*! width: 50%; */display: flex;margin: 0 auto;}
#air h3.air_tit{font-size:2em;text-align:left;/* margin-left: 20px; */}
#air p{text-align:left;}
}

@media all and (min-width:980px) {
#air .air_box .prod{width:32.3%; margin: 0 0.5%;}
}


/*sub03*/
.fac_box{display: flex;flex-wrap: wrap;padding-top: 40px;}
.fac_box .fac{width: 100%;position: relative;}
.fac_box .fac span{font-size: 1.2em;font-weight: 700;font-family: pretendard;display: block;padding: 10px 0px;color: #222;background: #efefef;text-align: center;margin-bottom: 20px;}
.fac_box h4{position:absolute; color:#fff; padding:15px 25px; font-weight:500;background: linear-gradient( to right, #01a653, #0060ba );font-size: 1.1em;}}

.fac_con{width:100%;}

@media all and (min-width:768px) {
.fac_box .fac,
.fac_box .fac2{margin-right: 2%;width: 49%;}
.fac_box .fac:nth-child(even),
.fac_box .fac2:nth-child(even){margin-right: 0%;}
}

@media all and (min-width:980px) {
.fac_box .fac{margin-right: 2%;width: 23.5%;}
.fac_box .fac2{width: 32%;}
.fac_box .fac2:nth-child(even) ,
.fac_box .fac:nth-child(even){margin-right: 2%;}
.fac_box .fac2:nth-child(3),
.fac_box .fac2:nth-child(6){margin-right: 0%;}
.fac_box .fac:nth-child(4),
.fac_box .fac:nth-child(8),
.fac_box .fac:nth-child(12),
.fac_box .fac:nth-child(16),
.fac_box .fac:nth-child(20){margin-right: 0%;}
}


/*sub04*/
.sub04_top img{width: 100%;display: block;margin-bottom: 20px;border-radius: 10px;}
.sub04_con{display: flex; /*! flex-direction: column; */ flex-wrap: wrap;}
.sub04_con .con_box{border: 1px solid #efefef; padding: 30px;width: 32%;margin-right: 2%;}
.sub04_con .con_box i{position:absolute; color:#fff; padding:15px; font-weight:500;background: linear-gradient( to right, #01a653, #0060ba );display: block;}}
.sub04_con .con_box img{display: block;margin: 0 auto;}
.sub04_con .con_box span{text-align: center;margin: 0 auto;display: block;font-size: 1.3em;color: #292929;margin-top: 20px;position: relative;font-weight: 600;}
.sub04_con .con_box:last-of-type{margin-right:0%;}

.sub04_box{display: block;float: left;width: 100%;/* margin: 0 1%; */}
.sub04_box .fac_box img{width: 100%;}
.sub04_box .img_list{display:flex; flex-wrap:wrap;}
.sub04_box .img_list img{width: 49%; /*! margin:0 1%; */margin-right: 2%; margin-bottom:2%}
.sub04_box .img_list img:nth-child(even){margin-right:0%;}

.research{padding-bottom:40px;margin-bottom: 40px;}
.research h5{display: block;color: #fff;text-align: center;font-size: 1.3em;line-height: 23px;padding: 10px;font-family: pretendard;font-weight: 700;margin-bottom: 10px;background: #172a46;}
.research .proce_box ul li{padding: 15px 25px;margin-bottom: 15px;/* background: #f8f8f8; */position: relative;width: 100%;display: flex;flex-wrap: wrap;border: 1px solid #efefef;}
.research .proce_box ul li img{/* display: block; */width: 15%;}
.research .proce_box ul li span{font-size: 1.2em;color: #323232;font-family: pretendard;width: 85%;align-items: center;display: flex;}
.research .proce_box ul li span b{display:block;}

@media all and (min-width:500px) {
.research .proce_box ul{display:flex;flex-wrap:wrap;}
.research .proce_box ul li{width: 49%;margin-right: 2%;padding: 10px;}
.research .proce_box ul li:nth-child(even){margin-right:0%;}
}

@media all and (min-width:768px) {
.sub04_con{display: flex; flex-direction: row;}
.sub04_box .img_list img{width: 23.5%;}
.sub04_box .img_list img:nth-child(2){margin-right:2%;}
}

@media all and (min-width:980px) {
.research .proce_box ul li{width: 19.2%;padding: 16px;display: block;margin-right: 1%;position: relative;min-height: 100px;}
.research .proce_box ul li:nth-child(5){margin-right:0%;}
.research .proce_box ul li:last-child{margin-right:0%;}
.research .proce_box ul li:last-of-type{margin-right:0%;}
.research .proce_box ul li:after{top: 45%; left: 110%;background: url("../img/ic_bar2.png") no-repeat;background-size: 70%;}
.research .proce_box .left{width:100%;}
.research .proce_box .right{width: 100%;}
.research .proce_box ul{display:flex; flex-wrap:wrap;}
.research .proce_box ul li img{float: right;width: 30%;}
.research .proce_box ul li:nth-child(even){margin-right: 1%;}
.research .proce_box ul li:last-of-type{margin-right: 0%;}
.research .proce_box ul li span{display:block;/* width: 100%; */top: 25px;position: absolute;}
}

@media all and (min-width:1200px) {
.research .proce_box ul li img{display:block;width: 20%;right: 15px;position: absolute;bottom: 20px;}
}

/*sub06*/
.employ p ,
.person p{font-size: 1.25em;text-align: center;}
.employ span.big ,
.person span.big{font-weight: 700;color: #333;font-size: 1.5em;display: block;border-top: 1px solid #efefef;padding-top: 50px;}
.employ_con ul ,
.person_con ul{display: flex; flex-wrap: wrap;}
.employ_con ul li{width: 100%;position: relative;border: 1px solid #efefef;border-radius: 5px;padding: 20px;margin-bottom: 20px;min-height:100px;}
.employ_con ul li.em_01:before{display: block;clear: both;content: "";background:url(../img/em_ico1.png) no-repeat;width: 50px;height:50px;margin: 0 auto;}
.employ_con ul li.em_02:before{display: block;clear: both;content: "";background:url(../img/em_ico2.png) no-repeat;width: 50px;height:50px;margin: 0 auto;}
.employ_con ul li.em_03:before{display: block;clear: both;content: "";background:url(../img/em_ico3.png) no-repeat;width: 50px;height:50px;margin: 0 auto;}
.employ_con ul li.em_04:before{display: block;clear: both;content: "";background:url(../img/em_ico4.png) no-repeat;width: 50px;height:50px;margin: 0 auto;}
.employ_con ul li span{display: block;text-align: center;font-size: 1.1em;padding: 10px;color: #666;}
.employ_con ul li p{font-size: 1.4em;font-weight: 700;color: #333;}

.person_con ul li{text-align:center;margin: 0 auto;}
.person_con ul li img{border-radius:20px 20px 0px 0px}
.person_con ul li p{font-size:1.2em;font-weight:700;padding-top:20px;color: #0c67bd;}
.person_con ul li p b{font-size:1.5em;color: #323232;}
.person_con ul li span{color:#5f5f5f;display: block;padding-bottom: 20px;}

@media all and (min-width:650px) {
.employ_con ul li{width: 49%; margin-right:2%;}
.employ_con ul li:nth-child(even){margin-right:0%;}
.employ_con ul li p{font-size: 1.25em;}
}
@media all and (min-width:768px) {
.person_con ul li{width:32%; margin-right:2%;}
.person_con ul li:last-child{margin-right:0%}
}

@media all and (min-width:980px) {
.employ_con ul li{width: 23.5%; margin-right:2%;}
.employ_con ul li:nth-child(even){margin-right:2%;}
.employ_con ul li:last-of-type{margin-right:0%;}
.employ_con ul li p.top{margin-top:10px;}
}

/*sub10*/
.noemail .box {border:10px solid #f0f0f0; padding:20px 3%;}
.noemail .box h1 {font-size:1.5em; font-weight:600;}
.privacy h4 {font-size:1.25em; font-weight: 700; color: #000; border-bottom: 1px solid #efefef; padding-bottom: 20px;}
.provisionBox{padding: 0 100px;}

@media all and (min-width:1080px) {
 .noemail .box {padding:30px;}
}