.con{width:1400px ; margin:0 auto;line-height:1.5;position:relative;font-size:0.9rem;font-family:'Roboto','Noto Sans KR';}
.web{display:block;}
.mob{display:none;}
b{font-weight:500;color:#000;}

/*인사말*/
.gre .gre_wrap {position:relative;}
.gre .gre_wrap:after{height:3px;width:75%;background:#87afdb;content:'';display:block;position:absolute;top:50%;z-index:-1;left:50%;transform:translate(-50%,-50%);}
.gre .gre_wrap .gre_bx p.txt{margin-top:1rem;font-size:0.9rem;}
.gre .gre_wrap .gre_bx:nth-child(2){position:absolute;left:0;top:7rem;text-align:center;}
.gre .gre_wrap .gre_bx:nth-child(3){position:absolute;right:0;top:7rem;text-align:center;}
.gre .gre_wrap .gre_bx:first-child{margin:0 auto;
width:26.6rem;height:26.6rem;border:5px solid #00499d;border-radius:100%;background:url(/images/default/content/add_bg02.png)no-repeat;display:flex;justify-content:center;
align-items:center;text-align:center;background-size:cover;}
.gre .gre_wrap .gre_bx:first-child p.tit{font-size:1rem;padding:2rem 0 1.5rem 0;color:#000000;}
.gre .gre_wrap .gre_bx:first-child p.tit em{color:#00499d;font-weight:600;}
.gre .gre_wrap .gre_bx:first-child p.txt {font-size:0.9rem;}
.gre .gre_wrap .add_bx{width:11.5rem;height:11.95rem;background:url(/images/default/content/gre_bx01.png)no-repeat;background-size:cover;padding:3rem 0;color:#fff;margin:0 auto;}
.gre .gre_wrap .add_bx p {margin-top:1rem;}
.gre .gre_wrap .add_bx p b{color:#fff;}
.gre .gre_wrap .gre_bx:nth-child(3) .add_bx{background:url(/images/default/content/gre_bx02.png)no-repeat;background-size:cover;}

/*기술개요*/
.skill h3{font-size:1.5rem;color:#000;text-align:center;}
.skill h3 p{font-size:1rem;margin:1.25rem 0  2.5rem 0;color:#333333;}
.skill .s_bx{}
.skill .s_bx{text-align:center;padding:4.25rem 0 0 0; ;position:relative;}
.skill .s_bx:after{width:100%;height:18rem;background:url(/images/default/content/skill_bg.jpg)no-repeat;content:'';display:block;position:absolute;left:0;
top:0;z-index:-1;background-size:cover;}

.skill .skill_bx{background:#fff;padding:3rem 3rem 10rem 3rem;text-align:center;margin-top:2.5rem;}
.skill .skill_bx .t_bx{display:flex;justify-content:center;position:relative;}
.skill .skill_bx .t_bx:after{width:1rem;height:1rem;background:url(/images/default/content/add_icon.png)no-repeat;content:'';display:block;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);background-size:cover;}
.skill .skill_bx .skill_txt{background:rgba(0,73,157,0.9);display:inline-block;width:50%;border-radius:50px;padding:1rem 0;color:#fff;}
.skill .skill_bx .skill_txt:last-child{margin-left:-3rem;position:relative;background:rgba(0,73,157,0.8);}
.skill .skill_bx .skill_txt em{font-size:1.1rem;font-weight:600;}
.skill .skill_bx .germ_list{display:flex;justify-content:center;margin-top:1.25rem;margin-left:-1.25rem;position:relative;padding-bottom:4rem;}
.skill .skill_bx .germ_list:after{width:35.3rem;height:2.8rem;position:absolute;display:block;content:'';background:url(/images/default/content/germ_bg.png)no-repeat;z-index:0;bottom:0.5rem;left:50%;transform:translateX(-50%);background-size:cover;}
.skill .skill_bx .germ_list li{margin-left:1.25rem;text-align:center;z-index:1}
.skill .skill_bx .germ_list li p{margin-top:1rem;font-size:0.8rem;color:#333;}
.skill .skill_bx .germ_txt{width:50%;border:5px solid #00499d;border-radius:50px;margin:0 auto;padding:1.5rem 0;font-size:1.1rem;font-weight:600;color:#000;}
.skill .skill_bx .germ_txt em{color:#00499d;}

.skill .skill_bx .tb_wrap table{border-top:2px solid #00499d;border-bottom:2px solid #00499d;margin-top:4.5rem;margin-bottom:2.5rem;}
.skill .skill_bx .tb_wrap th{background:#dde0f0;color:#595757;}
.skill .skill_bx .tb_wrap th,
.skill .skill_bx .tb_wrap td{border:1px solid #5787be;padding:0 0.5rem;}
.skill .skill_bx .tb_wrap table td:last-child,
.skill .skill_bx .tb_wrap table th:last-child{border-right:none;}
.skill .skill_bx .tb_wrap table td:first-child,
.skill .skill_bx .tb_wrap table th:first-child{border-left:none;}
.skill .skill_bx .tb_wrap table td:last-child{color:#00499d;font-weight:600;}

.skill .s_bx2:after{width:100%;height:18rem;background:url(/images/default/content/skill_bg02.jpg)no-repeat center top;content:'';display:block;position:absolute;left:0;
top:0;z-index:-1;background-size:cover;}
.skill .s_bx2 .skill_bx{padding-bottom:0;}
.skill .s_bx2 .skill_bx .skill_txt{background:rgba(67,146,49,0.9);}
.skill .s_bx2 .skill_txt:last-child{background:rgba(67,146,49,0.8);}
.skill .s_bx2 .germ_list li span{color:#fff;font-size:1.1rem;font-weight:600;line-height:6.75rem;width:6.75rem;height:6.75rem;display:block;margin:0 auto;margin-top:10px;}
.skill .s_bx2 .germ_list li:first-child span{background:url(/images/default/content/pro_img01.png)no-repeat;background-size:cover;}
.skill .s_bx2 .germ_list li:nth-child(2) span{background:url(/images/default/content/pro_img02.png)no-repeat;background-size:cover;}
.skill .s_bx2 .germ_list li:last-child span{background:url(/images/default/content/pro_img03.png)no-repeat;background-size:cover;}
.skill .s_bx2 .germ_list:after{width:35.3rem;height:2.8rem;position:absolute;display:block;content:'';background:url(/images/default/content/germ_bg02.png)no-repeat;z-index:0;bottom:0.5rem;left:50%;transform:translateX(-50%);background-size:cover;}
.skill .s_bx2 .germ_txt{border:5px solid #238c34;margin-bottom:5rem;}
.skill .s_bx2 .germ_txt em{color:#238c34;}
.skill .s_bx2 .pro_list{display:flex;justify-content:center;position:relative;padding:3rem 0;margin:-1rem;margin-top:2rem;}
.skill .s_bx2 .pro_list:after{background:#f6faf7;width:200%;content:'';display:block;position:absolute;height:100%;z-index:0;top:0;}
.skill .s_bx2 .pro_list li{margin:1rem;z-index:1;text-align:center;position:relative;width: calc(100%/6 - 2rem - 1px);}
.skill .s_bx2 .pro_list li:after{width:9px;height:15px;background:url(/images/default/content/list_icon.png)no-repeat;background-size:cover;content:'';display:block;position:absolute;top:40%;right:-1.25rem;}
.skill .s_bx2 .pro_list li:last-child:after{display:none;}
.skill .s_bx2 .pro_list li p{font-size:0.8rem;color:#333;margin-top:1rem;text-align:left;}

/*회사 연혁*/
.bus .his_bx{background:url(/images/default/content/bus_bg.jpg)no-repeat;text-align:center;font-size:3rem;color:#fff;font-weight:700;padding:8rem 0;}
.bus .his .year{font-size:1.5rem;color:#000;font-weight:600;position:absolute;}
.bus .his .his_txt{padding-left:6rem;}
.bus .his {padding-bottom:2rem;margin-top:2rem;}

.bus .his ul{position:relative;padding-bottom:2rem;}
.bus .his ul:after{width:1px;background:#ddd;height:100%;position:absolute;left:0;content:'';display:block;top:15px;}
.bus .his ul li{position:relative;margin-bottom:1rem;padding-left:2rem;color:#666;word-break: break-all;font-size:1rem;}
.bus .his ul li b{color:#333;font-weight:500;}
.bus .his ul li p.sub_txt {padding-left:1rem;position:relative;margin-top:0.25rem;}
.bus .his ul li p.sub_txt:after{position:absolute;display:block;content:'';width:10px;height:1px;background:#666;left:0;top:50%;transform:translateY(-50%);}
.bus .his ul li:first-child:after{width:8px;height:8px;background:#00499d;content:'';display:block;position:absolute;top:50%;transform:translateY(-50%);left:0rem;
border-radius:100%;z-index:1;transform:translateX(-50%);}
.bus .his ul li:last-child{margin-bottom:0;}

/*찾아오시는 길*/
.add_map .map{width:100%;}
.add_map .map .root_daum_roughmap{width:100% !important; height:25rem;}
.add_map .map .root_daum_roughmap .wrap_map{height:100% !important;}
.add_map .map .address{display:flex;align-items:center;border:1px solid #ddd;padding:0 0.5rem;justify-content:space-around;
}
.add_map .map .address li{text-align:center;position:relative;text-align:center;padding:1.5rem 0;}
.add_map .map .address li span{color:#00499d;font-weight:600;margin-right:1rem;}
.add_map .map .address li span img{margin-right:1rem;}

/********************************************************
■ 레이아웃 변경
********************************************************/
@media (max-width:1400px){
.con{width:100% !important;padding:0 1rem;}
.web{display:none;}
.mob{display:block;}

/*기술개요*/
.skill .s_bx{padding:3rem 1rem 0rem 1rem}
.skill .s_bx2 ul li{height:auto;}
.skill .skill_bx{padding:2rem 1rem;}
.skill h3 p{margin: 1.25rem 0 1.25rem 0;}
.skill .s_bx4  .con{padding:0;}
.skill .s_bx4 .bax_bx {flex-wrap:wrap;margin-top:2rem;}
.skill .s_bx4 .bac_txt{margin-left:0;margin-top:1rem;padding:1rem 2rem;}
.skill .s_bx4 .bac_txt p.tit{text-align:center;}
.skill .s_bx4 .bac_txt ul li{word-break:break-all;}
.skill .s_bx5 .con{padding:0;}
.skill .s_bx5 ul li .img_zone{height:12rem;}
.skill .s_bx5 ul li .txt_zone p.tit {margin: 0 0 1rem 0;}
.skill .s_bx6 .con{padding:0;}
.skill .s_bx6 ul {margin:-1%;}
.skill .s_bx6 ul li{border-radius:0;height:auto;width:23%;margin:1%;margin-top:2rem;}
.skill .s_bx6 ul li div{height:auto;}
.skill .s_bx6 ul li .txt_zone{padding:1rem;}

}
@media (max-width:1030px){
/*인사말*/
.gre .gre_wrap .gre_bx:first-child img{width:6rem;}
.gre .gre_wrap .gre_bx:nth-child(2){position:relative;display:inline-block;top:auto;width:49.5%}
.gre .gre_wrap .gre_bx:nth-child(3){position:relative;display:inline-block;top:auto;width:49.5%}
.gre .gre_wrap:after{display:none;}

/*기술개요*/
.skill .skill_bx{padding:2rem 0;}
.skill .skill_bx .t_bx{display:block;}
.skill .skill_bx .skill_txt{display:block;margin:0 auto;}
.skill .skill_bx .skill_txt:last-child{margin-left:0;margin:0 auto;}
.skill .skill_bx .germ_list{flex-wrap:wrap;}
.skill .s_bx2 .pro_list{flex-wrap:wrap;}
.skill .s_bx2 .pro_list li{width: calc(100%/3 - 2rem - 1px);}
.skill .s_bx2 .pro_list li:nth-child(3n):after{display:none;}

/*회사연혁*/
.bus .his_bx{font-size:2rem;}
.bus .his .year{position:relative;padding-bottom:1rem;display:block;}
.bus .his .his_txt{padding-left:0;}
.bus .his ul{padding-bottom:0;margin-bottom:2rem;}
.bus .his ul:after{top:0;}
.bus .his ul li:first-child:after{display:none;}

/*오시는 길*/
.add_map .map .address{display:block;}
.add_map .map .address li{text-align:left;}
.add_map .map .address li span{display:block;margin-bottom:1rem;}
.add_map .map .address li span img{width:3rem;}
}
@media (max-width:767px){

/* 인사말*/
.gre .gre_wrap .gre_bx:first-child p.tit{padding:1rem 0;word-break:keep-all;}
.gre .gre_wrap .gre_bx:first-child p.txt{margin-top:0;}
.gre .gre_wrap .gre_bx:first-child{width:100%;border-radius:0;padding:2rem 1rem;border:3px solid #00499d;height:auto;}
.gre .gre_wrap .gre_bx:nth-child(2){position:relative;display:block;width:100%;margin-top:2rem;}
.gre .gre_wrap .gre_bx:nth-child(3){position:relative;display:block;width:100%;margin-top:1rem;}

/*기술개요*/
.skill .skill_bx .skill_txt{width:90%;border-radius:0;}
.skill .skill_bx .germ_txt{width:100%;}
.skill .skill_bx .germ_list{}
.skill .skill_bx .germ_list li{width:25%;margin-bottom:1rem;}

.skill .s_bx2 .germ_list li{width:33.333%;}
.skill .skill_bx .tb_wrap{flex-wrap:wrap;}
.skill .skill_bx .tb_wrap table{width:100%;margin:2rem 0;}



.skill .s_bx2 .pro_list li:after{display:none;}
.bus .his_bx{font-size:2rem;padding:3rem 0;}
.add_map .map .address{padding:1rem;}
.add_map .map .address li{padding:0;padding-bottom:1rem;}
.add_map .map .address li:last-child{padding-bottom:0;}
.add_map .map .address li span img{width:2.5rem;}


.bus .his ul li{padding-left:1rem;}
.bus .his ul li p.sub_txt{padding-left:0;}
.bus .his ul li p.sub_txt:after{display:none;}

}