.s_inner{width: 1400px;margin: 0 auto}
.s_inner2{width: 1200px;margin: 0 auto}
.sub_visual{width: 100%;height: 490px;background-size: cover;}
.sub_visual.sub_visual1{background: url('/img/sub/sub_visual1.jpg');background-size:cover}
.sub_visual.sub_visual2{background: url('/img/sub/sub_visual2.png');background-size:cover}
.sub_visual.sub_visual3{background: url('/img/sub/sub_visual3.jpg');background-size:cover}
.sub_visual.sub_visual4{background: url('/img/sub/sub_visual4.jpg');background-size:cover}
.sub_visual.sub_visual5{background: url('/img/sub/sub_visual5.jpg');background-size:cover}
.sub_visual strong{display: block;text-align: center;font-size: 38px;color:#fff;padding-top: 280px;opacity: 0;position: relative;top:30px;transition: 0.8s; transition-delay: 0.8s}
.sub_visual strong.on{opacity: 1;top:0}
.location{margin-bottom: 80px;}
.location:after{content: '';display: block;clear: both}
.location li{margin-left: -5px;display: inline-block;text-align: center;border: 1px solid #d2d2d2;border-top: none}
.location1 li{margin-left: -5px;width: 33%;display: inline-block;text-align: center;border: 1px solid #d2d2d2;background: #fff;border-top: none}
.location li a{display: block;width: 100%;padding: 22px 0;font-size: 18px;}
.location li.on a{background: #058045 url('/img/sub/location.jpg') no-repeat 90% bottom;color: #fff}
.location2 li{width: 16.66%}
.location5 li{width: 20%}
.location7{text-align: center}
.location7 li{float: none;display: inline-block;;width:30%}
.sub_tit strong{display: block;text-align: center;font-size: 34px;margin-bottom: 22px;}
.sub_tit em{display: block;margin-bottom: 60px;}
.sub_tit em img{display: block;margin: 0 auto;}
.info .s_con1 {background: url('/img/sub/info_bg.jpg') no-repeat 10% 60%;}
.info .s_con1 .info_in::after{content: '';display: block;clear: both;}
.info .s_con1 .info_in div{float: left;width: 44%}
.info .s_con1 .info_in div img{width: 100%}
.info .s_con1 .info_in div.right{width: 56%;padding-left: 35px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;}
.info .s_con1 .info_in div.right strong{font-size: 36px;line-height: 54px}
.info .s_con1 .info_in div.right strong span{font-size: 36px;color: #058045}
.info .s_con1 .info_in div.right p{font-size: 16px;line-height: 36px;letter-spacing: -1px;margin-top: 40px;}
.info .s_con1 .info_in div.right p span{font-size: 16px;color: #058045}
.info .s_con1 .info_in div.right p em{display: inline-block;margin-left: 30px;font-size: 26px;}
.info .s_con1 .info_in div.right img{position: relative;left:300px;top: -100px;z-index: -1}
.info .s_con1 .info_in div.right img.leap{width: 400px;position: relative;left:300px;top: -100px;z-index: -1}
.map .s_con1{position: relative;padding-bottom: 100px;}
.map .s_con1 .map_wrap{height: 512px;overflow: hidden;}
.map .s_con1 div.map_info{position: absolute;top:25%;right:150px;;z-index: 5;width: 495px;height: 365px;background: url('/img/sub/map_back.jpg');box-sizing: border-box;;padding-top: 66px;padding-left: 50px;}
.map .s_con1 div.map_info strong{font-size: 24px;display: block;color: #fff;margin-bottom: 45px;}
.map .s_con1 div.map_info em{display: none;width: 100%;height: 2px;background: #ed1b23;margin: 30px 0;position: relative;left: -150px;z-index: 5}
.map .s_con1 div.map_info ul li{font-size: 17px;line-height: 30px;color:#fff}
.certification2 {padding-bottom: 100px;}

.map .s_con1 div.map_info ul li:first-child::before{
    content: '';
display: inline-block;
width: 16px;
height: 18px;
background: url(/img/main/map.png);
}
.map .s_con1 div.map_info ul li:nth-child(2):before {
    content: '';
    display: inline-block;
    width: 16px;
    height: 18px;
    background: url(/img/main/phone.png);
}
.map .s_con1 div.map_info ul li:nth-child(3):before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 16px;
    background: url(/img/main/fax.png);
}
.map .s_con1 div.map_info ul li:nth-child(4):before {
    content: '';
    display: inline-block;
    width: 18px;
    height: 12px;
    background: url(/img/main/mail.png);
}
.map .s_con1 div.map_info ul li:before{margin-right: 10px;}
.scrubber .s_con1 .s_inner > p{text-align: center;line-height: 39px;font-size: 18px;color: #666666;}
.scrubber .s_con1 .s_inner > p > span{text-align: center;line-height: 39px;font-size: 18px;color: #00a650;}
.duct_location{margin-top: 78px;}
.duct_location ul{width: 100%;text-align: center;background: url('/img/sub/bd.jpg') no-repeat 50% 50%}
.duct_location ul.ul1{background-size:700px 1px}
.duct_location ul.ul2{background-size:700px 1px}
.duct_location ul.ul3{background-size: 900px 1px}
.duct_location ul.ul4{background-size:450px 1px}
.duct_location ul.ul5{background-size: 1150px 1px}
.duct_location ul.ul6{background-size: 900px 1px}
.duct_location ul:nth-child(2){margin-top: 50px}
.duct_location ul li:last-child{margin-right: 0}
.duct_location ul li{vertical-align: top}
.duct_location ul li{margin-right: 32px;display: inline-block;text-align: center;width: 217px;padding-top: 25px;height: 125px;background: #f1f1f1;border-radius: 20px;-webkit-border-radius: 20px;-moz-border-radius: 20px;-o-border-radius: 20px;-ms-border-radius: 20px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;}
.duct_location ul li.on{background: #058045 url('/img/sub/back_img.png') no-repeat -50% -50%}
.duct_location ul li.on a{color: #fff}
.duct_location ul li a{width: 100%;height: 100%;}
.duct_location ul li a span{display: block;margin-top: 10px;}
.duct_location ul li img{display: block;margin: 0 auto}
.duct_location ul.ul5 li:nth-child(2) img{display: block;margin: 0 auto;margin-bottom: 20px}
.duct_location ul.ul5 li:nth-child(4) img{display: block;margin: 0 auto;margin-bottom: 15px}
.scrubber .s_con2{background: url('/img/sub/duct_bg.png') no-repeat;margin-top: 80px;padding-top: 40px;padding-bottom: 100px;}
.scrubber .s_con2 img{display: block;margin: 0 auto;}
.scrubber .s_con2 .scru{margin-top: 49px;}
.scrubber .s_con2 .scru div{vertical-align: top;width: 48%;display: inline-block;box-shadow: 0px 5px 20px #ddd;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;}
.scrubber .s_con2 .scru div:first-child{margin-right:3.5%;}
.scrubber .s_con2 .scru div{background: #fff;border-radius: 30px;}
.scrubber .s_con2 .scru div p{border-radius: 30px 30px 0 0 ;text-align: center;padding: 23px;background: #058045;color:#fff;font-size: 24px;}
.scrubber .s_con2 .scru div ul{padding: 38px}
.scrubber .s_con2 .scru div span{display: block;padding: 38px;line-height: 42px;text-align: center}
.scrubber .s_con2 .scru .fix{height: 222px;}
.scrubber .s_con2 .scru .fix2{height: 306px;}
.scrubber .s_con2 .scru .fix3{height:264px;}
.scrubber .s_con2 .scru .fix4{height:222px;}
.scrubber .s_con2 ul li{line-height: 42px;margin-top: 0;padding-left: 25px; text-indent: -25px;}
.scrubber .s_con2 ul li:before {
    vertical-align: top;
    margin-top: 15px;
    content: '';
    margin-right: 10px;
    display: inline-block;
    width: 16px;
    height: 15px;
    background: url(/img/main/check.png);
}
.scrubber .s_con2 ul li i{display: inline-block;width: 105px}
.scrubber .s_con2 ul li i.i2{display: inline-block;width:70px}
.scrubber .s_con2 .duct{margin-top: 50px;}
.scrubber .s_con2 .duct:after{content: '';display: block;clear: both}
.scrubber .s_con2 .duct p,.scrubber .s_con2 .duct ul{float: left}
.scrubber .s_con2 .duct p{margin-left: 50px;font-size: 28px;color: #00a650;border-bottom: 3px solid #00a650;padding-bottom: 8px;}
.scrubber .s_con2 .duct ul{margin-left: 150px;}
.scrubber .s_con2 .duct2 {margin-top: 88px;}
.scrubber .s_con2 .duct2 strong{text-align: center;font-size: 24px;line-height: 48px;color: #fff;padding-top: 80px;display: inline-block;width: 192px;vertical-align: top;box-sizing: border-box;background: #058045 url(/img/sub/back_img.png) no-repeat -10px 10px;height: 258px;border-radius: 30px 0 0 30px;-webkit-border-radius: 30px 0 0 30px;-moz-border-radius: 30px 0 0 30px;-o-border-radius: 30px 0 0 30px;-ms-border-radius: 30px 0 0 30px;}
.scrubber .s_con2 .duct2 ul{height: 258px;box-sizing: border-box;display: inline-block;width: 1200px;background: #fafafa;border-radius: 30px 0 0 30px;-webkit-border-radius: 0 30px 30px 0;-moz-border-radius:0 30px 30px 0;-o-border-radius: 0 30px 30px 0;-ms-border-radius:0 30px 30px 0;}
.scrubber .s_con2 .duct2 ul li:before{display: none}
.scrubber .s_con2 .duct2 ul li{float: left;width: 25%;border-left: 1px solid #eef4f1}
.scrubber .s_con2 .duct2 ul li img{margin-top: 41px;}
.scrubber .s_con2 .duct2 ul li span{display: block;border-top: 2px solid #058045;width: 160px;font-size: 20px;text-align: center;background: #fff;margin: 0 auto;padding: 15px 0;margin-top: 33px;box-shadow: 0 2px 15px #eee}
.scrubber .s_con2 ul.cover_img li:before{display: none}
.scrubber .s_con2 ul.cover_img:after{content: '';display: block;clear: both}
.scrubber .s_con2 ul.cover_img li{width: 50%;float: left;height: 450px;margin-bottom: 40px}
.scrubber .s_con2 ul.cover_img li p{display: block;width: 200px;padding: 15px 0;color: #fff;background: #058045 url('/img/sub/back_img.png') no-repeat;text-align: center;margin: 0 auto;border-radius:30px}
.scrubber .s_con2 ul.cover_img li div{width: 100%;height: 350px}
.scrubber .s_con2 ul.cover_img li div img{display: block;margin: 0 auto}
.scrubber .s_con2 ul.cover_img1 li{position: relative;}
.scrubber .s_con2 ul.cover_img1 li div img{vertical-align: bottom !important;position: absolute;bottom: 0;left:10%}
.scrubber .s_con2 ul.cover_img2 li img{width: 50%}
.scrubber .s_con2 ul.cover_img2 li div{height: 400px}
.scrubber .cover_info{width: 1088px;margin: 0 auto;margin-top: 50px}
.scrubber .cover_info > div{width: 49%;display: inline-block;vertical-align: top;}
.scrubber .cover_info > div.div2{width: 45%}
.scrubber .cover_info > div.div3{width: 53%}
.scrubber .cover_info > div p{display: inline-block;margin-left: 50px;text-align: left;font-size: 28px;color: #00a650;width: 279px;border-bottom: 2px solid #00a650;padding-bottom: 10px;vertical-align: top }
.scrubber .cover_info > div p.long{width: 360px}
.scrubber .cover_info div em{display: inline-block;width: 2px;height: 18px;background: #7fcca1;vertical-align: top;position: relative;top:12px;margin: 0 10px}
.scrubber .cover_info > div img{margin: 0}
.scrubber .cover_info2 > div img{display: inline-block;width: 48%;float: left;}
.scrubber .cover_info2 > div img:first-child{margin-right: 2%}
.notice .s_con1{margin-bottom: 100px;}
.notice form{float:right;margin-bottom: 20px}
.notice select{width:98px;height:31px;border: 1px solid #d2d2d2}
.notice p{display: inline-block;}
.notice input{width:253px;height:31px;border: 1px solid #d2d2d2}
.notice .n_search{display: inline-block;padding: 6px;margin-left: -10px;background: #00a650;width: 75px;text-align: center;color: #fff}
.notice table{width:100%;text-align: center;color:#666;border-collapse: collapse;border-top: 2px solid #273955}
.notice table th{padding: 16px 0;font-size: 18px;font-weight: 400;color: #000;}
.notice table tr{border-bottom: 1px solid #273955}
.notice table tr:hover{background:#f6f7f9;color: #000}
.notice table tr:hover td a{color:#000}
.notice table td{padding: 16px 0;font-size: 16px;font-weight: 400}
.notice table td.tit{text-align: left;padding-left: 20px;}
.notice table td.tit a{text-align: left}
.notice table td a{font-size: 16px;font-weight: 400;color: #666666}
.notice table td .an{margin-right: 10px;display: inline-block;}
.notice form{float:right;margin-bottom: 20px;transition: none}
.notice select{width:98px;height:31px;border: 1px solid #d2d2d2;}
.notice p{display: inline-block;}
.notice input{width:253px;height:31px;border: 1px solid #d2d2d2;transition: 0 !important}
.notice table .lock{width: 10px;}
.notice2 table .tit{width: 60%;}
.notice2 table .num{width: 8%;}
.notice2 .qna_btn{display: block;width: 100px;padding: 10px;float: right;margin-top: 20px;color: #fff;background: #058045;text-align: center;}
.notice3{padding-bottom: 100px;}
.notice3 .inner{padding-bottom: 180px;}
.notice3 .tit {border-bottom: 3px solid #058045;padding: 10px;;margin-top: 30px}
.notice3 .tit strong{font-size: 30px;}
.notice3 .tit div{margin-top: 15px;}
.notice3 .tit p{display: inline-block;color: #555555;font-size:16px;margin-right: 15px;}
.notice3 .tit span{font-size:16px;margin-right: 20px;}
.notice3  .n_txt{padding: 20px 0 30px 0;min-height: 400px}
.notice3 .list_btn{display: block;width: 150px;text-align: center;color: #fff;background: #058045;margin: 0 auto;margin-top: 30px;font-size: 18px;padding: 12px 0}
.notice3 .n_file table{width: 100%;border-collapse: collapse;border-top: 1px solid #d2d2d2;border-bottom: 1px solid #058045;}
.notice3 .n_file .file{height: 100%;width: 150px;text-align: center;background: #ececec;}
.notice3 .n_file td{padding: 10px;line-height: 26px;}
/* .notice3 .n_file div{display: inline-block;width: 85%} */
.notice3 .n_file td span{display: block;}
/* .notice3 .n_file div span{display: block;} */
.certification2 form,.result form,.gallery form{margin-bottom: 20px;float:right}
.certification2 select,.gallery select,.result select{width:98px;height:31px;border: 1px solid #d2d2d2}
.gallery .b_class02{color: #fff;background: #058045}
.gallery p,.result p,.certification2 p{display: inline-block;}
.result_view p{display: block;}
.gallery input,.result input,.certification2 input{width:240px;height:31px;border: 1px solid #d2d2d2}
.gallery .form_wrap2:after,.result .form_wrap2:after,.certification2 .form_wrap2:after{content: '';display: block;clear: both}
.gallery .n_search,.result .n_search,.certification2 .n_search{display: inline-block;padding: 6px;margin-left: -10px;background: #00a650;width: 75px;text-align: center;color: #fff}
.gallery .s_con1{padding-bottom: 100px}
.gallery .s_con1 ul.gal_list:after{content: '';display: block;clear: both}
.gallery .s_con1 ul.gal_list li{width: 340px;float: left;border: 1px solid #dddddd;border-bottom: 2px solid #097f46;margin-right: 12px;margin-bottom: 42px;}
.gallery .s_con1 ul.gal_list li:nth-child(4n){margin-right: 0}
.gallery .s_con1 ul.gal_list .img{width: 100%}
.gallery .s_con1 ul.gal_list .txt strong{
    padding-left: 20px;
    padding-top: 10px;
    font-size: 20px;
    font-weight: 400;
    line-height: 32px;
    display: block;


    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    /* display: -webkit-box; */
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  overflow: hidden;
  text-overflow: ellipsis;
  height: 82px;
  /* padding-left:1.5em;text-indent:1.5em; */

}
.gallery .s_con1 ul.gal_list .txt p{position: relative;padding:8px 5px;width: 100%;border-top: 1px solid #d2d2d2;}
.gallery .s_con1 ul.gal_list .txt p span{position: absolute;right: 10px}
.gallery .v_comment{ padding: 60px 20px; }
.gallery  .v_comment .c_box{ margin-bottom: 20px; }
.gallery  .v_comment .co_info{ overflow: hidden; margin-bottom: 15px; }
.gallery  .v_comment .co_info strong{ display: inline-block; font-size: 16px; color: #666666; font-weight: 400; }
.gallery  .v_comment .co_info strong:after{ content: ""; width: 1px; height: 14px; display: inline-block; background-color: #dddddd; margin: 0 5px; margin-left: 10px; position: relative; top: 2px; }
.gallery  .v_comment .co_info span.date{ font-size: 13px; font-weight: 300; color: #999999; }
.gallery  .v_comment .co_info .btn_wrap{ float: right; }
.gallery  .v_comment .co_view{ border-radius: 5px; background-color: #fafafa; font-size: 13px; line-height: 22px; padding: 10px; }
.gallery  .w_comment{ overflow: hidden; margin-bottom: 70px; float: none}
.gallery  .w_comment textarea{ width: 100%; border : 1px solid #ddd; margin-top: 20px; font-size: 16px; color :#333; padding: 10px; height: 180px;  }
.gallery  .w_comment .btn_wrap{ margin-top: 17px; text-align: right; }
.result .s_con1{padding-bottom: 100px}
.result .s_con1 ul.re_list:after{content: '';display: block;clear: both}
.result .s_con1 ul.re_list li{width: 360px;float: left;border: 1px solid #dddddd;border-bottom: 2px solid #097f46;margin-right: 60px;margin-bottom: 42px;}
.result .s_con1 ul.re_list li:nth-child(3n){margin-right: 0}
.result .s_con1 ul.re_list li strong{display: block;width: 100%;height: 72px;box-sizing: border-box;font-size: 18px;color: #333333;font-weight: 500;padding-top: 10px;margin-left: 10px}
.result .s_con1 ul.re_list li strong:after{content: '';display: block;width: 50px;height:3px;background: #097f46;margin-top: 10px;}
.result .s_con1 ul.re_list li p{text-align: right;padding-left: 10px;;padding-bottom: 10px;}
.result .sub_tit strong{margin-top: 80px;}
.location22{ text-align: center; margin-top:50px; }
.location22 ul li{ display: inline-block; width: 32px; height: 32px; box-sizing: border-box; float: none}
.location22 ul li{margin: 0 !important}
.location22 ul li .img{width: 100%}
.location22 ul li a{ display: block; line-height: 32px; text-align: center; font-size: 14px; }
.location22 ul li a img{ display: block; width: 100%; }
.location22 ul li.on{background: #00a650;}
.location22 ul li.on a { color: #fff}
.location22 ul li.arrow{ position: relative; top: 11px; }
.form form{width: 100%;border-top: 1px solid #058045;padding-top: 15px;}
.form form > div{width: 100%}
.form form > div.line2:after{content: '';display: block;clear: both}
.form form > div.line2{padding: 0 20px;border-bottom: 1px solid #d2d2d2}
.form form > div.line2 p{width: 48%;float: left;padding: 10px 0}
.form form > div.line2 p:first-child{margin-right: 4%}
.form form > div.line2 label{display: inline-block;width:20%}
.form form > div.line2 input[type="text"]{width: 80% !important}
.form form > div.line2 input[type="password"]{width: 80% !important;    height: 46px;
    border: 1px solid #d2d2d2;}
.form form p textarea{width: 80% !important}
.form form > p {padding: 10px 20px;border-bottom: 1px solid #d2d2d2}
.form form p label{display: inline-block;width:9.6%;font-size: 18px;}
.form form p label span{vertical-align: top;display: inline-block;margin-left: 10px;margin-top: 3px}
.form form p input[type="text"]{width: 90.4%;height: 46px;border: 1px solid #d2d2d2}
.form form p textarea{width: 90.4% !important;min-height: 150px;border: 1px solid #d2d2d2}
.form form p.last-p label{vertical-align: top;margin-top: 10px}
.form form .last-p{border-bottom: 2px solid #058045;}
/* .form.form2 .line3{border-bottom: 2px solid #058045;} */
/* .form.form2 form .last-p{border-bottom: 1px solid #d2d2d2} */
.form form p.padding{padding: 15px 20px 25px 20px}
.form .personal{margin-top: 20px;overflow-y: scroll;width: 100%;height: 283px;;background: #fafafa;padding: 41px 41px 0 41px;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;}
.form .personal p{font-size: 14px;color: #666666;line-height: 28px;}
.form .personal p:nth-child(2){margin-top: 40px;}
.form .checkbox{border: none}
.form .checkbox input[type="checkbox"]{display: inline-block;margin-right: 10px;vertical-align: top;margin-top: 3px}
.form .btn {text-align: center;margin-top: 46px;margin-bottom: 100px;}
.form .btn input[type="button"]{width: 100px;border: none;display: inline-block;text-align: center;padding: 10px 0;background: #2b2b2b;color: #fefefe;margin-right: 10px;}
.form .btn input[type="button"]:first-child{background: #058045;transition: 0.3s}
.form .btn input[type="button"]:first-child:hover{background: #42a269;}
.form .checkbox input[type="checkbox"] {
 opacity: .0;
  position: relative;
  left:-20px;
  top:0px;
}
.form .checkbox{margin-top: 10px}
.form input[type="checkbox"] + label:before {
content: '';
vertical-align: top;
display: inline-block;
width: 14px !important;
height: 14px;
/* margin: 18px 8px 0 15px; */
margin-top: 1px;
margin-right: 10px;
margin-left: 5px;
background: #fff;
border: 1px solid #444444;
}

.form .checkbox input[type="checkbox"]:checked + label:before {
content: '';
color: #314ca2;
background: url(/img/sub/check.jpg) no-repeat 50% 50%;background-size:8px 8px;
}
.form .padding input[type="checkbox"] {
 opacity: .0;
  position: relative;
  left:14px;
  top:0px;
  margin-left: -10px
}
.form .padding input[type="checkbox"] + label:before {
content: '';
display: inline-block;
width: 14px !important;
height: 14px;
margin: 0px;
background: #fff;
border: 1px solid #444444;
}
.form .padding input[type="checkbox"]:checked + label:before {
content: '';
color: #314ca2;
background: url(/img/sub/check.jpg) no-repeat 50% 50%;background-size:8px 8px;
}
.form .checkbox label{width: auto;font-size: 15px;margin-left:-50px}
.certification .con1{margin-bottom: 72px;}
.certification .con1 strong{display: inline-block;font-size: 22px;font-weight: 400;margin-bottom: 20px;}
.certification .con1 strong:before{content: '';display: inline-block;background: #00a650;width: 5px;height: 20px;vertical-align: top;margin-right: 10px;}
.certification .con1 ul:after{content: '';display: block;clear: both}
.certification .con1 ul li{margin-bottom: 15px;margin-right: 14px;float: left;border: 1px solid #d2d2d2;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;}
.certification .con1 ul li:nth-child(5n){margin-right: 0}
.certification .con1 ul.ul2 li{width: 48%;height:auto;padding: 0;padding-bottom: -10px;}
.certification .con1 ul.ul2 li:last-child{margin-right: 0}
.certification .con1 ul.ul2 li:first-child{margin-right: 3%}
.certification .con1 ul.ul2 li img{width: 100%;display: block;margin-top:2px}
.reference table{width: 100%;border-top: 1px solid #d2d2d2}
.reference table tr{display: block;padding: 20px;border-bottom: 1px solid #d2d2d2}
.reference table td{padding: 20px}
.reference table td.center{width: 330px;}
.reference table td.num{width: 5%;color: #333;font-size: 16px;}
.reference table td span{color: #1d5c3d}
.reference table td strong{font-size: 22px;display: block;margin-top: 5px}
.reference table td p{font-size:15px;color: #999;line-height: 28px;display: block;letter-spacing: -1px;margin-top: 5px;margin-bottom: 10px}
.reference table td em{font-size:14px;color: #aaaaaa;line-height: 28px;display: inline-block;;letter-spacing: -1px}
.reference table td .em2::before{content: '조회수 : ';display: inline-block;margin-left: 10px;}
.result_view .tit{padding-bottom: 10px}
.result_view .tit strong{font-size: 28px;}
.result_view .tit p{float: right;vertical-align: bottom;}
.result_view .tit p span{display: inline-block;vertical-align: bottom;font-size: 18px;color: #999999}
.result_view .tit p span:nth-child(2){margin-left: 15px}
.result_view .view{border-top: 2px solid #058045;border-bottom: 2px solid #058045;padding: 66px 0}
/* .result_view .view img{display: block;margin: 0 auto} */
.result_view a.back{display: block;width: 150px;text-align: center;color: #fff;background: #058045;margin: 0 auto;margin-top: 30px;font-size: 18px;padding: 12px 0}
.history ul.wrap_ul{width: 916px;margin: 0 auto}
/* .history ul li ul li > *{vertical-align: top} */
.history ul.wrap_ul strong{font-size: 36px;color: #009146;display: inline-block;margin-right: 90px;vertical-align: top;margin-top: 15px;}
.history ul li ul{display: inline-block;border-left: 1px solid #d2d2d2}
.history ul li ul p{display: inline-block;width: 500px;vertical-align: top;line-height: 30px;}
.history ul li ul li{line-height: 36px;}
.history ul li ul li:last-child{margin-bottom:65px}
.history ul li ul li:first-child::before{content: '';display: inline-block;width: 5px;height: 5px;background: #058045;border-radius: 50%;position: relative;left:-2px}
.history ul li ul li:first-child em{margin-left: -2px}
.history ul li ul li span{display: inline-block;padding: 0 30px;font-weight: 600;color: #333333;}
.history{padding-bottom: 100px;background: url(/img/sub/date_bg.jpg) no-repeat 50% 50%}
.login.notice3 .more_con{width: 60%;margin: 0 auto;margin-top: 100px;margin-bottom: 100px;}
.login{text-align: center;}
.login.notice3 input[type="password"]{width:200px;height:35px;color: #ddd;padding-left: 15px;display: inline-block;margin-left: 15px;}
.login.notice3  input[type="button"]{width: 100px;background: #058045;color: #fff;border: none;padding: 9px 0}

/* 영문 서브페이지 */
.info_en .s_con1 .info_in div.right strong{ font-size: 30px; line-height: 48px; }
.info_en .s_con1 .info_in div.right strong span{ font-size: 30px; display: block; line-height: 48px; }
.scrubber_en .s_con2 ul li{ font-size: 13px; }


@media (max-width: 1580px){
    .s_inner{width:100%;padding: 0 20px}
    .gallery .s_con1 ul.gal_list li{width: 23.5%;margin-right: 2%}
    .s_inner2{width:100%;padding: 0 20px}
    .gallery .s_con1 ul.gal_list li img{width: 100%}
    .result .s_con1 ul.re_list li{width: 32%}
    .result .s_con1 ul.re_list li{margin-right: 2%}
    .result .s_con1 ul.re_list li img{width:100%}
    /* .scrubber .s_con2 ul.cover_img li div img{width: 0%} */
}
@media (max-width: 1480px){

    .scrubber .s_con2 .duct2 strong{width: 18%}
    .scrubber .s_con2 .duct2 ul{width: 80%}
    .scrubber .s_con2 .duct p{margin-left: 0}
    .scrubber .s_con2 .duct ul{margin-left: 100px}
    .scrubber .s_con2 .s_inner > img{width: 60%}

    .scrubber .s_con2 .scru div{width: 48%}
    .scrubber .s_con2 .scru div:first-child{margin-right: 3.5%}
    .map .map_wrap{width: 100%;overflow: hidden;}
    /* .map .map_wrap img{height: 100% } */
    .info .s_con1 .info_in div{width: 40%}
    .info .s_con1 .info_in div img{width: 100%}
    .info .s_con1 .info_in div img.leap{width: 437px}
    .info .s_con1 .info_in div:nth-child(2){width: 60%}
    .info .s_con1 .info_in div.right p br{display: none}
    .map .s_con1 div.map_info{right: 20px}

}
@media (max-width: 1380px){

    .gallery .s_con1 ul.gal_list li{width:32%;margin-right: 2%}
    .gallery .s_con1 ul.gal_list li:nth-child(4n){;margin-right: 2%}
    .gallery .s_con1 ul.gal_list li:nth-child(3n){;margin-right: 0%}
    .duct_location ul li{width: 22%;margin-right: 3%}

}

@media (max-width: 1200px){
.scrubber .cover_info{width: 100%}
.gallery .s_con1 ul.gal_list .txt strong br{display: none}
.reference table td p br{display: none}
/* .history ul.wrap_ul{margin-left: 0} */
.map .s_con1 div.map_info{width: 30%}
.map .map_wrap{width: 80%}
}

@media (max-width: 1000px){
    .scrubber .s_con2 .duct ul{margin-left: 50px}
    .form form > div.line2 p{width: 100%}
    .form form > div.line2 p label{width: 15%}
    .form form p label{width: 15%}
    .form form p input[type="text"]{width: 80%}
    .form form p input[type="text"]{width: 80% !important}
    .form form > div.line2 p:first-child {border-bottom: 1px solid #d2d2d2}
    .info .s_con1 .info_in div{width: 100%}
    .info .s_con1 .info_in div img{width: 80%;display: block;margin: 0 auto}
    .info .s_con1 .info_in div:nth-child(2){width: 100%}
    .info .s_con1 .info_in div.right{padding-left: 0;margin-top: 50px;}
    .result_view .view img{width: 80%}
    .map .s_con1 div.map_info{height: 302px}
    .map .s_con1 div.map_info{width:80%;right:10%;margin-top:302px;padding-top:30px;padding-left: 30px}
    .map .map_wrap{width: 100%;padding-bottom:800px}

}
@media (max-width: 910px){
    .scrubber .s_con2 .duct p{float: none;width: 350px;margin: 0 auto;text-align: center;margin-bottom: 30px; }
    /* .scrubber .s_con2 .duct ul{width: 50%;margin: 0} */

    .scrubber .s_con2 .duct2 ul li img{height: 20%}
    .scrubber .s_con2 .duct2 ul li span{width: 140px}
    .history ul.wrap_ul strong{margin-right: 30px}
}
@media (max-width: 860px){
    .location{display: none}
    .sub_tit strong{margin-top: 70px;font-size: 30px}
    .scrubber .s_con1 .s_inner > p{font-size: 16px;}
    .scrubber .s_con1 .s_inner > p span{font-size: 16px;}
    .scrubber .s_con2 .duct p{font-size: 24px;width: 250px;}
    .scrubber .s_con2 .duct2 strong{width: 100%;height: 80px;padding-top: 20px;font-size: 20px;
    border-radius: 30px 30px 0 0 ;
    -webkit-border-radius: 30px 30px 0 0 ;
    -moz-border-radius: 30px 30px 0 0 ;
    -o-border-radius: 30px 30px 0 0 ;
    -ms-border-radius: 30px 30px 0 0 }
    .scrubber .s_con2 .duct2 strong br{display: none}
    .scrubber .s_con2 .duct2 ul{width: 100%;
        border-radius: 0 0 30px 30px ;
        -webkit-border-radius:  0 0 30px 30px  ;
        -moz-border-radius:  0 0 30px 30px  ;
        -o-border-radius: 0 0 30px 30px  ;
        -ms-border-radius:  0 0 30px 30px  }
    .scrubber .s_con2 .duct2 ul li span{font-size: 16px}
    .scrubber .cover_info > div p{font-size: 24px;width: 100%}
    .scrubber .cover_info > div{width: 100%;display: block;}
    .scrubber .cover_info > div p{text-align: center;margin-bottom:20px;margin-left:0}
    .scrubber .cover_info2 > div img{float: none}
    .scrubber .s_con2 ul.cover_img li div{height: 250px;}
    .scrubber .s_con2 ul.cover_img li p{width: 150px}
    .scrubber .s_con2 .scru div{width: 100%}
    .scrubber .s_con2 .scru div:first-child{margin-right: 0%;margin-bottom: 50px;}
    .result .s_con1 ul.re_list li{width:49%}
    .result .s_con1 ul.re_list li{margin-right: 2%}
    .result .s_con1 ul.re_list li:nth-child(3n){margin-right: 2%}
    .result .s_con1 ul.re_list li:nth-child(2n){margin-right: 0%}
    .gallery .s_con1 ul.gal_list li{width:49%;margin-right:2%}
    .gallery .s_con1 ul.gal_list li:nth-child(2n){;margin-right: 0% !important}
    .gallery .s_con1 ul.gal_list li:nth-child(3n){;margin-right: 2%}
    .reference table tr{display: block;width: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;}
    .reference table td{padding: 0;padding-top: 10px;display: block;width: 100%;box-sizing: border-box;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;}
    .reference table td.center{width: 100%}
    .reference table td > a >  img{display: block;margin: 0 auto}
    .info .s_con1 .info_in div.right strong{font-size: 30px;display: block;text-align: center;}
    .info .s_con1 .info_in div.right strong span{font-size: 30px}
    .history ul.wrap_ul{width: 100%}
    .history ul li ul p{display: block;margin-left: 85px;width: auto}
    .history ul.wrap_ul strong{font-size: 30px;vertical-align: top;margin-top: 20px}
    .history ul li ul li em img{width: 50px}
    .history ul li ul li span{font-size: 14px}
    .history ul li ul li p{font-size: 14px;line-height: 25px;}
    .scrubber .s_con2 ul.cover_img li div img{width: 90%}
    .scrubber .s_con2 ul.cover_img2 li div img{width: 60%}
    .scrubber .cover_info > div p.long{width: 100%}
    .scrubber .s_con2 .duct p{width: 100%;}
    .result_view .tit{margin-top: 50px}

}

@media (max-width: 700px){
    .notice table{border: none}
    .notice table th{display: none}
    .notice table tr{display: block;padding :8px 10px;width:100%;border-bottom: 1px solid #d2d2d2;text-align: left}
    .notice table td{text-align: left;padding: 5px 0;font-size: 16px;font-weight: 400}
    .notice table td a{font-size: 16px;font-weight: 400;color: #333}
    .notice table td.num{display: block;display: none}
    .notice table td.lock2{display: inline-block;margin-right: 10px;}
    .notice table td.tit{display: inline-block;width: 80%;font-weight: 700;color: #000;padding-left: 0}
    .notice table td.name{display: inline-block;font-size: 14px;margin-right: 10px;color: #555555}
    .notice table td.date{display: inline-block;font-size: 14px;}
    .notice table td.rec{display: inline-block;font-size: 14px;color: #666}
    .notice table td.date2:before{content: '조회';display: inline-block;margin-left: 10px;margin-right: 5px}
    .notice table td.show{display:  inline-block;font-size: 14px;color: #666}
    .notice table td.show:before{content: '조회';display: inline-block;margin-left: 10px;margin-right: 5px}
    .scrubber .s_con2 .duct2 ul{height: 516px}
    .scrubber .s_con2 .duct2 ul li{width: 50%;height: 258px;}
    .result .s_con1 ul.re_list li strong{font-size: 16px}
    .result .s_con1 ul.re_list li p{font-size: 14px}
    .gallery .s_con1 ul.gal_list .txt strong{font-size: 16px; width: 100%;text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
    display: block}
    .reference table td strong{font-size: 18px}
    .reference table td p{font-size: 14px}
    .info .s_con1 .info_in div.right strong{font-size:26px;display: block;text-align: center;}
    .info .s_con1 .info_in div.right strong span{font-size: 26px}
    .info .s_con1 .info_in div.right p{font-size: 14px;}
    .info .s_con1 .info_in div.right p span{font-size: 14px;}
    .info .s_con1 .info_in div.right p em{font-size: 18px;margin-left: 10px}
    .sub_visual{height: 250px;}
    .sub_visual strong{padding-top:120px;font-size: 30px}
    .result_view .tit strong{font-size: 18px}
    .result_view .tit p span{font-size: 14px}
    .result_view a.back{width: 120px;font-size: 14px;}
    .certification .con1 ul.ul2 li:first-child{margin-right: 0%}
    .certification .con1 ul.ul2 li{width: 100%}
}
@media (max-width: 650px){
    .duct_location ul li{display: block;width: 80%;height: 100%;padding-bottom: 15px;margin: 0 auto;margin-bottom: 10px;padding-top:10px;}
    .duct_location ul li:last-child{margin-right: auto}
    .duct_location ul:nth-child(2){margin-top: 0}
    .duct_location ul{background: none}
    .history ul li ul {display: block;}
    .history ul li strong{margin-bottom: 20px;}
    .history ul li ul li{vertical-align: top}
    .scrubber .s_con2 .duct2 ul li{height: 200px}
    .scrubber .s_con2 .duct2 ul{height: 400px}
    .scrubber .s_con2 ul.cover_img li p{font-size: 14px;padding: 10px 0;width: 100px}
    .scrubber .s_con2 .s_inner > img{width: 80%}
    .notice3 .tit strong{font-size: 16px;}
    .notice3 .tit p{font-size: 14px;}
    .notice3 .tit span{font-size: 14px;}
    .notice3 .list_btn{font-size: 14px}
}


@media (max-width: 640px){
    .scrubber .s_con1 .s_inner > p  br{display: none}
    .scrubber .s_con2 ul.cover_img li div{height: 200px;}
    .scrubber .s_con2 ul.cover_img li{height: auto}
    .form form > div.line2 p label{font-size: 15px;width: 30%}
    .form form > div.line2 p input[type="text"]{width: 70% !important}
    .form form p label{width: 30%;font-size: 15px;}
    .form form p input[type="text"]{width: 70% !important}
    .form form p textarea{width: 70% !important}
    .notice form{float:none;display: block;margin-bottom: 20px;width: 322px;margin: 20px auto;}
    .notice select{width:78px;height:31px;border: 1px solid #d2d2d2}
    .notice p{display: inline-block;}
    .notice input{width:170px;height:31px;border: 1px solid #d2d2d2}
    .notice .n_search{display: inline-block;padding: 6px;margin-left: -10px;width: 70px;text-align: center;color: #fff}

    .gallery form,.result form{float:none;display: block;margin-bottom: 20px;width: 322px;margin: 20px auto;}
    .gallery select,.result select{width:78px;height:31px;border: 1px solid #d2d2d2}
    .gallery p,.result p{display: inline-block;}
    .gallery input,.result input{width:170px;height:31px;border: 1px solid #d2d2d2}
    .gallery .n_search,.result .n_search{display: inline-block;padding: 6px;margin-left: -10px;width: 70px;text-align: center;color: #fff}
    .sub_tit strong{font-size: 22px}

    .map .s_con1 div.map_info strong{font-size: 16px;}
    .map .s_con1 div.map_info ul li{font-size: 14px;}
    .map .s_con1 .map_wrap{height: 300px !important;}
    .certification .con1 strong{font-size: 16px;}


    .info_en .s_con1 .info_in div.right strong{ font-size: 18px; line-height: 30px; }
    .info_en .s_con1 .info_in div.right strong span{ font-size: 18px; display: block; line-height: 30px; }

    .scrubber_en .s_con2 .scru div span{ padding: 15px 38px; }
}
@media (max-width: 540px){
    .result .s_con1 ul.re_list li{width:100%}
    .result .s_con1 ul.re_list li{margin-right: 0%}
    .result .s_con1 ul.re_list li:nth-child(3n){margin-right: 0%}
    .result .s_con1 ul.re_list li:nth-child(2n){margin-right: 0%}
    .form .personal p{font-size: 13px}
    .gallery .s_con1 ul.gal_list li{width:100%;margin-right:0%}
    .gallery .s_con1 ul.gal_list li:nth-child(2n){;margin-right: 0% !important}
    .gallery .s_con1 ul.gal_list li:nth-child(3n){;margin-right: 0%}
    .scrubber .s_con2 .scru div p{font-size: 18px;padding: 15px}
    .scrubber .s_con2 ul li{font-size: 13px;line-height: 30px;word-break: keep-all;}
    .scrubber .s_con2 ul li i{display: inline-block;width: 95px}
    .scrubber .s_con2 ul li:before{margin-top: 6px}
    .scrubber .s_con2 ul li br{display: none}
    .scrubber .s_con2 ul.ul22 li br{display: block;}
    .scrubber .s_con2 .scru div span{font-size: 13px;line-height: 30px;padding: 25px;}
    .scrubber .s_con2 .scru div span br{display: none}
    .scrubber_en .s_con2 .scru div span{ padding: 10px 20px; font-size: 12px; line-height: 26px; }

    .scrubber .s_con2 .scru div ul{padding: 25px }
    .scrubber .s_con2 .scru .fix{height: 150px;}
    .scrubber .cover_info > div p.long{font-size: 18px}
    .scrubber .s_con1 .s_inner > p{font-size: 14px;line-height: 30px}
    .scrubber .s_con1 .s_inner > p span{font-size: 14px;line-height: 30px}
    .notice3 .n_file .file{font-size: 13px;}
    .notice3 .n_file td span{font-size: 13px;}

}