/* 서브 공통 */

.sub_visual {position: relative; height: 600px; }
.sub_vis_bg {height: 100%; overflow: hidden;}
.sub_vis_inner_bg {height: 100%; background: url("/images/sub/sub_vis_img1.jpg") center top no-repeat; background-size: cover; animation: ani 2.5s 1;}
.sub_vis_txt {position: absolute; top: 50%; transform: translateY(-50%); left: 0; right: 0; max-width: 1600px; width: 100%; margin: 0 auto;}
.sub_vis_txt h2 {font-size: 70px; color: #fff; font-weight: 800;}
.sub_vis_txt p {font-size: 20px; color: #fff; margin-top: 10px;}

.sub_menu {position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; height: 85px; background: #fff; max-width: 1600px; width: 100%; z-index: 50;}
.sub_menu::before {content:""; position:absolute; top:0; left:-90%; width:100%; background:#fff; height:100%; }

.sub_menu > ul {position: relative; height: 100%;}
.sub_menu > ul:after {content: ""; display: block; clear: both;}
.sub_menu > ul > li {position: relative; float: left; height: 100%;}
.sub_menu > ul > li + li:before {content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 1px; height: 25px; background: #ccc;}
.sub_menu > ul > li > a {display: block; height: 100%;}
.sub_menu > ul > li.home {width: 130px; background: url("/images/sub/home_ic.png") center no-repeat; background-size: 27px;}
.sub_menu > ul > li.menu_btn {width: 295px; background: url("/images/sub/sub_menu_arrow.png") 90% center no-repeat; background-size: 11px;}
.sub_menu > ul > li.menu_btn.on {background: #0045cf url("/images/sub/sub_menu_arrow_on.png") 90% center no-repeat; background-size: 11px;}
.sub_menu > ul > li.menu_btn.on > a {color: #fff;}
.sub_menu > ul > li.menu_btn > a {line-height: 85px; padding-left: 40px; color: #2b2b2b; font-size: 20px; font-weight: 700;}
.sub_menu_txt {display: none; position: absolute; left: 0; width: 100%; background: #fff; border: 1px solid #ccc; }
.sub_menu_txt li:hover a {color: #0045cf;}
.sub_menu_txt li {border-bottom: 1px solid #ccc;}
.sub_menu_txt li:last-child {border-bottom: 0;}
.sub_menu_txt li a {display: block; height: 70px; line-height: 70px; color: #2b2b2b; font-size: 20px; padding-left: 20px; }

#sub_content {padding: 110px 0 150px;}
.sub_inner {max-width: 1600px; width: 100%; margin: 0 auto;}
.sub_title {color: #000; font-size: 50px; line-height: 1; text-align: center;}
.sub_wrap {margin-top: 110px;}


/* CEO인사말 */

.ceo{position:relative; width:100%; padding-bottom:700px}
.ceo:before{content:''; display:block; width:100%; height:84%; background:#f1f1f1; position:absolute; left:0; bottom:0; z-index:-1}
.ceo_txt_wrap{position:absolute; right:0; top:36%; background:#fff; padding:75px 335px 75px 105px}	
.ceo_txt_wrap .intro{color:#145bdf; font-family: 'Montserrat'; font-size:25px; font-weight:800; padding-left:78px; position:relative}	
.ceo_txt_wrap .intro:before{content:''; display:block; width:56px; height:2px; background:#145bdf; position:absolute; left:0; top:50%; transform:translateY(-50%)}	
.ceo_txt_wrap p{font-size:24px; margin-top:40px; line-height:1.4}	
.ceo_txt_wrap p b{font-weight:700}	
.ceo_txt_wrap p.name{font-size:28px; font-weight:500; margin-top:60px;}	
.ceo_txt_wrap p.name b{font-weight:800}

/* 연혁 */

.his_tit_wrap{text-align:center}
.his_tit_wrap em{font-family: 'Montserrat'; color:#145bdf; font-size:25px; font-weight:800;}
.his_tit_wrap p{font-size:35px; margin-top:30px;}
.his_tit_wrap p b{font-size:38px; font-weight:800; line-height:1.5}
.mob_br{display:none}
.his_cont_wrap{display:flex; margin-top:100px}
.his_img_wrap{margin-right:120px;}
.his_img_wrap .pc_img{width:737px}
.his_img_wrap .mob_img{display:none}
.his_txt_wrap{position:relative}
.his_txt_wrap:before{content:''; display:block; width:1px; height:92.5%; background:#e3e3e3; position:absolute; left:0; top:20px;}
.his_txt_wrap_inner{padding-left:50px}
.his_txt_wrap dl{margin-bottom:52px}
.his_txt_wrap dl dt{font-size:36px; font-weight:900; margin-bottom:25px; position:relative}
.his_txt_wrap dl dt:before{content:''; display:block; width:25px; height:25px; background: url("/images/sub/sub1_2_circle.png") no-repeat center center / 100% 100%; position:absolute; left:-62px; top:50%; transform:translateY(-50%)}
.his_txt_wrap dl dd{font-size:18px; margin-bottom:15px;}
.his_txt_wrap dl dd:last-of-type{margin-bottom:0px;}
.his_txt_wrap dl dd b{font-weight:800}

/* 조직도 */

.org{position:relative}
.org .logo{position:absolute; top:0; right:-74px; z-index:-1; width:875px}
.org .mob_img{display:none}

/* 인증서 */

.cer_tit_wrap{text-align:center}
.cer_tit_wrap em{font-family: 'Montserrat'; color:#145bdf; font-size:25px; font-weight:800;}
.cer_tit_wrap p{font-size:35px; margin-top:30px; line-height:1.5}
.cer_tit_wrap p b{font-weight:800;}

.cer_cont_wrap{margin-top:100px; position:relative; padding-bottom:85px}
.cer_cont_wrap:before{content:''; display:block; width:100%; height:52%; position:absolute; left:0; bottom:0; background:#f9f9f9; z-index:-1}
.cer_cont_wrap2, .cer_cont_wrap3{margin-top:140px}
.cer_cont_wrap3{padding-bottom:150px; display:flex; justify-content:space-between; width:100%}
.cer_cont_wrap3 .inner{display:flex; justify-content:space-between;}
.cer_cont_wrap3:before{height:57%;}
.cer_list2{width:46%;}
.cer_list2>li.single{width:auto;}

.cer_list{display:flex; justify-content:space-between}
.cer_list>li{width:46%; border-top:3px solid #000;}
.cer_list>li strong{display:block; font-size:28px; font-weight:700; margin-top:20px;}
.cer_list>li ul{margin-top:55px; display:flex; justify-content:space-between}
.cer_list>li ul li p{text-align:center; font-weight:700; font-size:22px; margin-top:30px}
.cer_list>li ul li .popup_inner{position:relative;}
.cer_list>li ul li .popup_inner::before {content: ""; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background:rgba(0,0,0,0.35); opacity:0; transition:all 0.3s}
.cer_list>li ul li .popup_inner::after {content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50% , -50%); width: 60px; height: 60px; background: url("/images/sub/more-btn.png") no-repeat center / 100%; z-index:100; opacity:0; transition:all 0.3s}
.cer_list>li ul li .popup_inner:hover:before {opacity:1}
.cer_list>li ul li .popup_inner:hover:after {opacity:1}
.cer_list>li ul li .popup_inner img{width:306px; box-shadow:4px 0 10px rgba(0,0,0,0.15)}
.cer_list>li ul li .popup_menu{display: none; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); z-index: 300;}
.cer_list>li ul li .popup_menu.on {display: flex; align-items: center; justify-content: center;}
.cer_list>li ul li .popup_menu_inner{position: relative; width: 480px;}
.cer_list>li ul li .popup_menu img{width:480px}
.cer_list>li ul li .popup_menu .popup_close{position: absolute; top: -40px; right: -60px; width: 30px; height: 30px; cursor: pointer;}
.cer_list>li ul li .popup_menu .popup_close:before{content: ""; position: absolute; top: 0; left: 0; width: 2px; height: 30px; transform: rotate(45deg); background: #fff;}
.cer_list>li ul li .popup_menu .popup_close:after{content: ""; position: absolute; top: 0; left: 0; width: 2px; height: 30px; transform: rotate(-45deg); background: #fff;}

/* 오시는 길 */

.loc_wrap {margin-top: 100px;}
.loc_tp_txt {position: relative; text-align: center; padding-top: 100px;}
.loc_tp_txt:before {content: ""; position: absolute; top: 0; left: 50%; transform: translateX(-50%); width: 1013px; height: 125px; background: url("/images/sub/loc_tp_txt.png") center no-repeat; background-size: 100%;}
.loc_tp_txt h2 {font-size: 40px; color: #000; font-weight: 800;}
.loc_tp_txt h2 span {color: #145bdf;}
.loc_map {margin-top: 40px; position: relative; height: 650px;}
.loc_map iframe {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.loc_map .root_daum_roughmap .wrap_controllers {display: none;}
.loc_map .root_daum_roughmap .wrap_map {height: 650px;}
.loc_map_btn {margin-top: 40px; display: flex; align-items: center; justify-content: center;}
.loc_map_btn .loc_map_more {display: flex; align-items: center; justify-content: center; height: 85px; border-radius: 40px; background: #145bdf; color: #fff; font-size: 26px; color: #fff; font-weight: 800; padding: 0 50px;}
.loc_map_btn .loc_map_more .loc_ic {display: inline-block; vertical-align: middle; width: 20px; height: 25px; background: url("/images/sub/loc_btn1.png") center no-repeat; background-size: 100%; margin-right: 10px;}
.loc_menu {margin-top: 60px;}
.loc_menu ul {display: flex; align-items: center; margin-bottom: 20px;}
.loc_menu ul li {display: flex; align-items: center; margin-right: 0;}
.loc_menu ul li strong {position: relative; font-size: 32px;color: #000; font-weight: 800; margin-right: 30px; padding-left: 40px;}
.loc_menu ul li strong .add_txt {font-size: 25px;}
.loc_menu ul li span .add_txt {font-size: 24px;}
.loc_menu ul li span {font-size: 30px; color: #000;}
.loc_menu ul li .loc_ic {position: absolute; top: 5px; left: 0; width: 20px; height: 26px; background: url("/images/sub/loc_btn2.png") center no-repeat; background-size: 100%; }

/* 인재상 */

.his_tit_wrap.his_ttit p {font-size: 38px;}
.his_tit_wrap.his_ttit p strong {font-weight: 800;}
.d_his_car_wrap {margin-top: 110px;}
.d_his_car_wrap ul {position: relative; margin: 0 -25px;}
.d_his_car_wrap ul:after {content: ""; display: block; clear: both;}
.d_his_car_wrap ul li {float: left; width: 33.33%; padding: 0 25px;}
.d_his_car_wrap ul li:nth-child(2) {margin-top: 80px;}
.d_his_car_wrap ul li .img_wrap img {width: 100%;}
.d_his_car_wrap .txt_wrap {margin-top: 50px;}
.d_his_car_wrap .txt_wrap dt {color: #000; font-size: 36px; font-weight: 900;}
.d_his_car_wrap .txt_wrap dd {color: #000; font-size: 20px; line-height: 1.6; margin-top: 25px; word-break: keep-all;}

/* 사업영역 및 실적 */

.d_busi_wrap {margin: 50px 0;}
.d_busi_wrap ul {position: relative; margin: 0 -7.5px}
.d_busi_wrap ul:after {content: ""; display: block; clear: both;}
.d_busi_wrap ul li {float: left; width: 20%; padding: 0 7.5px;}
.d_busi_inner {position: relative; overflow: hidden;}
.d_busi_inner .img_wrap img {width: 100%;}
.d_busi_inner .txt_wrap {position: absolute; left: 0; bottom: 0; height: 55px; display: flex; width: 100%; justify-content: center; align-items: center; color: #fff; background: rgba(20,91,223,0.6); font-size: 23px; font-weight: 800;}

/* 안전보건경영 */

.safe_tit_wrap{text-align:center}
.safe_tit_wrap em{font-family: 'Montserrat'; color:#145bdf; font-size:25px; font-weight:800; text-transform:uppercase}
.safe_tit_wrap p{font-size:35px; margin-top:30px; line-height:1.5}
.safe_tit_wrap p b{font-weight:800;}
.safe_tit_wrap br{display:none}
.safe_img_wrap{text-align:center; margin-top:110px; position:relative}
.safe_img_wrap img{width:800px}
.safe_img_wrap:before{content:''; display:block; width:100%; height:86px; background:url("/images/sub/sub3_5_txt.png") no-repeat center / 100%; position:absolute; top:50%; transform:translateY(-50%); z-index:-1}

.safe_txt_wrap{margin-top:120px}
.safe_txt_wrap .title{text-align:center; font-size:35px; font-weight:800;}
.safe_txt_wrap2 .cont_wrap{border-top:2px solid #000; display:flex; justify-content:space-between; padding-top:50px}
.safe_txt_wrap2 .cont_wrap1{margin-top:70px; padding-bottom:80px}
.safe_txt_wrap2 .cont_wrap2{flex-direction: row-reverse;}
.safe_txt_wrap2 .cont_wrap .txt_area{position:relative; width:48%;}
.safe_txt_wrap2 .cont_wrap1 .txt_area:before{content:''; display:inline-block; width:470px; height:319px; background:url("/images/sub/sub1_3_logo.png") no-repeat center / 100%; position:absolute; bottom:0; right:40px; z-index:-1}
.safe_txt_wrap2 .cont_wrap strong{font-size:30px; font-weight:800; display:block; margin-bottom:35px}
.safe_txt_wrap2 .cont_wrap1 p{font-size:22px; font-weight:500; margin-bottom:15px}
.safe_txt_wrap2 .cont_wrap1 p:before{content:''; display:inline-block; width:5px; height:5px; border-radius:100%; background:#000; vertical-align:middle; margin-right:8px}
.safe_txt_wrap2 .cont_wrap1 span{display:block; font-size:20px; font-weight:400; color:#545454; line-height:1.4}

.safe_txt_wrap2 .cont_wrap2 ul li{margin-bottom:20px; display:flex}
.safe_txt_wrap2 .cont_wrap2 ul li:last-child{margin-bottom:0}
.safe_txt_wrap2 .cont_wrap2 ul li b{font-size:22px; font-weight:800; margin-right:15px}
.safe_txt_wrap2 .cont_wrap2 ul li span{font-size:20px; word-break:keep-all; line-height:1.4}

/* 인사제도 */

.p_sys_tit_wrap{text-align:center}
.p_sys_tit_wrap em{font-family: 'Montserrat'; color:#145bdf; font-size:25px; font-weight:800; text-transform:uppercase}
.p_sys_tit_wrap p{font-size:35px; margin-top:30px; line-height:1.5}
.p_sys_tit_wrap p b{font-weight:800;}
.p_sys_tit_wrap .mob_br{display:none}

.p_sys_cont_wrap{position:relative; margin-top:110px; text-align:center; padding-bottom: 150px;}
.p_sys_cont_wrap:before{content:''; display:block; width:100%; height:85%; background:#f8f8f8; position:absolute; bottom:0; z-index:-1}
.p_sys_cont_wrap .top_img{position:relative; margin-bottom:120px}
.p_sys_cont_wrap .top_img:before{content:''; display:block; width:1200px; height:209px; background: url("/images/sub/sub6_2_line.png") no-repeat center / 100%; position:absolute; bottom:-209px; left:50%; transform:translateX(-50%); z-index:-1}
.p_sys_cont_wrap .top_img img{width:350px}
.p_sys_cont_wrap ul{width:100%;}
.p_sys_cont_wrap ul:after{content:''; display:block; clear:both}
.p_sys_cont_wrap ul li{width:25%; float:left; text-align:center; display:flex; flex-direction:column; align-items:center}
.p_sys_cont_wrap ul li img:first-of-type{width:350px; box-sizing:border-box; border-radius:100%; border:2px solid #d9d9d9}
.p_sys_cont_wrap ul li img:last-of-type{width:24px; margin:35px 0 30px}
.p_sys_cont_wrap ul li strong{display:block; font-size:32px;}
.p_sys_cont_wrap ul li p{font-size:20px; font-weight:500; line-height:1.5; margin-top:12px}



@media screen and (max-width: 1600px) {
    
    /* 서브 공통 */

    .sub_visual { height: 37.50vw; }
    .sub_vis_txt {left: 3.13vw; right: 0; max-width: 100%;}
    .sub_vis_txt h2 {font-size: 4.38vw;  }
    .sub_vis_txt p {font-size: 1.25vw;  margin-top: 0.63vw;}

    .sub_menu {height: 5.31vw; max-width: 100%;}

    .sub_menu > ul > li + li:before {height: 1.56vw;}
    .sub_menu > ul > li.home {width: 8.13vw; background-size: 1.69vw;}
    .sub_menu > ul > li.menu_btn {width: 18.44vw; background-size: 0.69vw;}
    .sub_menu > ul > li.menu_btn.on {background-size: 0.69vw;}
    .sub_menu > ul > li.menu_btn > a {line-height: 5.31vw; padding-left: 2.50vw;  font-size: 1.25vw; }
    .sub_menu_txt li a { height: 4.38vw; line-height: 4.38vw; font-size: 1.25vw; padding-left: 1.25vw; }

    #sub_content {padding: 6.88vw 0 9.38vw;}
    .sub_inner {max-width: 100%; padding: 0 3.13vw;}
    .sub_title { font-size: 3.13vw;}
    .sub_wrap {margin-top: 6.88vw;}

	/* CEO인사말 */

	.ceo{padding-bottom:43.75vw}
	.ceo_txt_wrap{padding:3.69vw 10.94vw 3.69vw 6.56vw}	
	.ceo_txt_wrap .intro{font-size:1.56vw; padding-left:4.88vw;}	
	.ceo_txt_wrap .intro:before{width:3.50vw;}	
	.ceo_txt_wrap p{font-size:1.50vw; margin-top:2.50vw;}	
	.ceo_txt_wrap p.name{font-size:1.75vw;  margin-top:3.75vw;}

	/* 연혁 */

	.his_tit_wrap em{font-size:1.56vw;}
	.his_tit_wrap p{font-size:2.19vw; margin-top:1.88vw;}
	.his_tit_wrap p b{font-size:2.38vw;}
	.his_cont_wrap{ margin-top:6.25vw;}
	.his_img_wrap{margin-right:7.50vw;}
	.his_img_wrap .pc_img{width:46.06vw}
	.his_txt_wrap:before{top:1.25vw;}
	.his_txt_wrap_inner{padding-left:3.13vw}
	.his_txt_wrap dl{margin-bottom:3.25vw}
	.his_txt_wrap dl dt{font-size:2.25vw;  margin-bottom:1.56vw;}
	.his_txt_wrap dl dt:before{width:1.56vw; height:1.56vw; left:-3.88vw;}
	.his_txt_wrap dl dd{font-size:1.13vw; margin-bottom:0.94vw;}

	/* 조직도 */

	.org .logo{right:-3.1vw; width:49.63vw}

	/* 인증서 */

	.cer_tit_wrap em{font-size:1.56vw;}
	.cer_tit_wrap p{font-size:2.19vw; margin-top:1.88vw;}

	.cer_cont_wrap{margin-top:6.25vw; padding-bottom:5.31vw}
	.cer_cont_wrap2, .cer_cont_wrap3{margin-top:8.75vw}
	.cer_cont_wrap3{padding-bottom:9.38vw}
	.cer_list>li strong{font-size:1.75vw; margin-top:1.25vw;}
	.cer_list>li ul{margin-top:3.44vw;}
	.cer_list>li ul li p{font-size:1.38vw; margin-top:1.88vw}
	.cer_list>li ul li .popup_inner{width:19.13vw;;}
	.cer_list>li ul li .popup_inner::after {width: 3.75vw; height: 3.75vw;}
	.cer_list>li ul li .popup_inner img{width:19.13vw;}
	.cer_list>li ul li .popup_menu_inner{width: 30.00vw;}
	.cer_list>li ul li .popup_menu img{width:30.00vw}
	.cer_list>li ul li .popup_menu .popup_close{top: -2.50vw; right: -3.75vw; width: 1.88vw; height: 1.88vw;}
	.cer_list>li ul li .popup_menu .popup_close:before{height: 1.88vw;}
	.cer_list>li ul li .popup_menu .popup_close:after{height: 1.88vw;}

	/* 오시는 길 */

	.loc_wrap {margin-top: 7.04vw;}
	.loc_tp_txt {  padding-top: 7.04vw;}
	.loc_tp_txt:before {width: 71.34vw; height: 8.80vw;}
	.loc_tp_txt h2 {font-size: 2.82vw;  }
	.loc_map {margin-top: 2.82vw; height: 45.77vw;}
	.loc_map .root_daum_roughmap .wrap_map {height: 45.77vw;}
	.loc_map_btn {margin-top: 2.82vw;}
	.loc_map_btn .loc_map_more {height: 5.99vw; border-radius: 2.82vw; font-size: 1.83vw;   padding: 0 3.52vw;}
	.loc_map_btn .loc_map_more .loc_ic {  width: 1.41vw; height: 1.76vw; margin-right: 0.70vw;}
	.loc_menu {margin-top: 4.23vw;}
	.loc_menu ul { margin-bottom: 1.41vw;}
	.loc_menu ul li {margin-right: 9.15vw;}
	.loc_menu ul li strong { font-size: 2.25vw;  padding-left: 2.82vw;}
	.loc_menu ul li strong .add_txt {font-size: 1.76vw;}
	.loc_menu ul li span .add_txt {font-size: 1.69vw;}
	.loc_menu ul li span {font-size: 2.11vw; }
	.loc_menu ul li .loc_ic { top: 0.35vw;  width: 1.41vw; height: 1.83vw;}

	/* 인재상 */

	.his_tit_wrap.his_ttit p {font-size: 2.38vw;}
	.d_his_car_wrap {margin-top: 6.88vw;}
	.d_his_car_wrap ul { margin: 0 -1.56vw;}
	.d_his_car_wrap ul li {padding: 0 1.56vw;}
	.d_his_car_wrap ul li:nth-child(2) {margin-top: 5.00vw;}
	.d_his_car_wrap .txt_wrap {margin-top: 3.13vw;}
	.d_his_car_wrap .txt_wrap dt { font-size: 2.25vw; }
	.d_his_car_wrap .txt_wrap dd { font-size: 1.25vw; margin-top: 1.56vw;}

	/* 사업영역 및 실적 */

	.d_busi_wrap {margin: 3.13vw 0;}
	.d_busi_wrap ul { margin: 0 -0.47vw}
	.d_busi_wrap ul li { width: 20%; padding: 0 0.47vw;}
	.d_busi_inner .txt_wrap {height: 3.44vw;font-size: 1.44vw; }	

	/* 안전보건경영 */

	.safe_tit_wrap em{font-size:1.56vw;}
	.safe_tit_wrap p{font-size:2.19vw; margin-top:1.88vw;}
	.safe_img_wrap{margin-top:6.88vw;}
	.safe_img_wrap img{width:50.00vw}
	.safe_img_wrap:before{height:5.38vw;}

	.safe_txt_wrap{margin-top:7.50vw}
	.safe_txt_wrap .title{font-size:2.19vw}

	.safe_txt_wrap2 .cont_wrap{padding-top:3.13vw}
	.safe_txt_wrap2 .cont_wrap1{margin-top:4.38vw; padding-bottom:5.00vw}
	.safe_txt_wrap2 .cont_wrap1 .txt_area:before{width:27.38vw; height:17.94vw; right:0}
	.safe_txt_wrap2 .cont_wrap .img_area {width:49%}
	.safe_txt_wrap2 .cont_wrap strong{font-size:1.88vw; margin-bottom:2.19vw}
	.safe_txt_wrap2 .cont_wrap1 p{font-size:1.38vw; margin-bottom:0.94vw}
	.safe_txt_wrap2 .cont_wrap1 span{ font-size:1.25vw;}

	.safe_txt_wrap2 .cont_wrap2 ul li{margin-bottom:1.25vw;}
	.safe_txt_wrap2 .cont_wrap2 ul li b{font-size:1.38vw; margin-right:0.94vw}
	.safe_txt_wrap2 .cont_wrap2 ul li span{font-size:1.25vw;}

	/* 인사제도 */

	.p_sys_tit_wrap em{font-size:1.56vw;}
	.p_sys_tit_wrap p{font-size:2.19vw; margin-top:1.88vw;}

	.p_sys_cont_wrap{margin-top:6.88vw; padding-bottom: 9.38vw;}
	.p_sys_cont_wrap:before{height:85.5%}
	.p_sys_cont_wrap .top_img{margin-bottom:7.50vw}
	.p_sys_cont_wrap .top_img:before{width:75.00vw; height:13.06vw; bottom:-13.06vw;}
	.p_sys_cont_wrap .top_img img{width:19.88vw}
	.p_sys_cont_wrap ul li img:first-of-type{width:19.88vw;}
	.p_sys_cont_wrap ul li img:last-of-type{width:1.50vw; margin:2.19vw 0 1.88vw}
	.p_sys_cont_wrap ul li strong{font-size:2.00vw;}
	.p_sys_cont_wrap ul li p{font-size:1.25vw;}

}

@media screen and (max-width: 1280px) {
    
    /* 서브 공통 */

    .sub_visual { height: 46.88vw; }
    .sub_vis_txt {left: 3.91vw; }
    .sub_vis_txt h2 {font-size: 5.47vw;}
    .sub_vis_txt p {font-size: 1.56vw;  margin-top: 0.78vw;}

    .sub_menu {height: 6.64vw;}

    .sub_menu > ul > li + li:before {height: 1.95vw;}
    .sub_menu > ul > li.home {width: 10.16vw; background-size: 2.11vw;}
    .sub_menu > ul > li.menu_btn {width: 23.05vw; background-size: 0.86vw;}
    .sub_menu > ul > li.menu_btn.on {background-size: 0.86vw;}
    .sub_menu > ul > li.menu_btn > a {line-height: 6.64vw; padding-left: 3.13vw;  font-size: 1.56vw; }
    .sub_menu_txt li a { height: 5.47vw; line-height: 5.47vw; font-size: 1.56vw; padding-left: 1.56vw; }

    #sub_content {padding: 8.59vw 0 11.72vw;}
    .sub_inner {padding: 0 3.91vw;}
    .sub_title { font-size: 3.91vw;}
    .sub_wrap {margin-top: 8.59vw;}

	/* 연혁 */

	.his_txt_wrap dl dd{font-size: 1.4vw;}
	.his_img_wrap {margin-right: 3.5vw; overflow: hidden;}
	.his_img_wrap .pc_img{transform: scale(1.15);}

	/* 조직도 */

	.org .logo{right:-3.9vw; width:49.51vw}

	/* 인증서 */

	.cer_list>li ul li .popup_menu_inner{width: 40vw;}
	.cer_list>li ul li .popup_menu img{width: 40vw;}

	/* 인재상 */

	.his_tit_wrap.his_ttit p {font-size: 2.97vw;}
	.d_his_car_wrap {margin-top: 8.59vw;}
	.d_his_car_wrap ul { margin: 0 -1.17vw;}
	.d_his_car_wrap ul li {padding: 0 1.17vw;}
	.d_his_car_wrap ul li:nth-child(2) {margin-top: 6.25vw;}
	.d_his_car_wrap .txt_wrap {margin-top: 3.91vw;}
	.d_his_car_wrap .txt_wrap dt { font-size: 2.81vw; }
	.d_his_car_wrap .txt_wrap dd { font-size: 1.56vw; margin-top: 1.95vw;}

	/* 사업영역 및 실적 */

	.d_busi_wrap {margin: 3.91vw 0;}
	.d_busi_wrap ul { margin: -0.63vw}
	.d_busi_wrap ul li { width: 20%; padding: 0.63vw;}
	.d_busi_inner .txt_wrap {height: 4.30vw; font-size: 1.80vw; }	

}

@media screen and (max-width: 1024px) {
    
    /* 서브 공통 */

    .sub_visual { height: 58.59vw; }
    .sub_vis_txt {left: 3.91vw; }
    .sub_vis_txt h2 {font-size: 6.84vw;}
    .sub_vis_txt p {font-size: 1.95vw;  margin-top: 0.98vw;}

    .sub_menu {height: 8.30vw;}

    .sub_menu > ul > li + li:before {height: 2.44vw;}
    .sub_menu > ul > li.home {width: 12.70vw; background-size: 2.64vw;}
    .sub_menu > ul > li.menu_btn {width: 28.81vw; background-size: 1.07vw;}
    .sub_menu > ul > li.menu_btn.on {background-size: 1.07vw;}
    .sub_menu > ul > li.menu_btn > a {line-height: 8.30vw; padding-left: 3.91vw;  font-size: 1.95vw; }
    .sub_menu_txt li a { height: 6.84vw; line-height: 6.84vw; font-size: 1.95vw; padding-left: 1.95vw; }

    #sub_content {padding: 10.74vw 0 14.65vw;}
    .sub_inner {padding: 0 3.91vw;}
    .sub_title { font-size: 4.88vw;}
    .sub_wrap {margin-top: 10.74vw;}

	/* CEO인사말 */

	.ceo{padding-bottom:11.75vw}
	.ceo_txt_wrap{padding:5vw 3.71vw 5vw; margin: 0 3.91vw; position: inherit;}	
	.ceo_txt_wrap .intro{font-size:2.56vw; padding-left:6vw;}	
	.ceo_txt_wrap .intro:before{width:4.52vw;}	
	.ceo_txt_wrap p{font-size:2.2vw; margin-top:2.54vw; word-break:keep-all}	
	.ceo_txt_wrap p br{display:none}
	.ceo_txt_wrap p.name{font-size:2.76vw;  margin-top:3.71vw;}

	/* 연혁 */

	.his_tit_wrap em{font-size:2.56vw;}
	.his_tit_wrap p{font-size:3.15vw; margin-top:1.86vw;}
	.his_tit_wrap p b{font-size:3.34vw;}
	.his_cont_wrap{ margin-top:6.25vw}
	.his_img_wrap{margin-right:4.52vw;}
	.his_img_wrap .pc_img{width:46.09vw}
	.his_txt_wrap:before{top:2vw; height:92%}
	.his_txt_wrap_inner{padding-left:3.13vw}
	.his_txt_wrap dl{margin-bottom:3.22vw}
	.his_txt_wrap dl dt{font-size:3.25vw;  margin-bottom:1.56vw;}
	.his_txt_wrap dl dt:before{width:2.56vw; height:2.56vw; left:-4.36vw;}
	.his_txt_wrap dl dd{font-size:2.2vw; margin-bottom:0.98vw;}

	/* 조직도 */

	.org .logo{width:49.35vw}

	/* 인증서 */

	.cer_tit_wrap em{font-size:2.56vw;}
	.cer_tit_wrap p{font-size:3.15vw; margin-top:1.86vw;}
	.cer_cont_wrap{ margin-top:6.25vw}
	.cer_list2{width:47.5%;}
	.cer_list>li{width:47.5%}
	.cer_list>li strong{font-size: 2.2vw;}
	.cer_list>li ul li p{font-size:2vw; margin-top:1.88vw}
	.cer_list>li ul li .popup_inner::after {width: 4.75vw; height: 4.75vw;}

	/* 오시는 길 */

	.loc_wrap {margin-top: 9.77vw;}
	.loc_tp_txt {  padding-top: 9.77vw;}
	.loc_tp_txt:before {width: 98.93vw; height: 12.21vw;}
	.loc_tp_txt h2 {font-size: 3.91vw;  }
	.loc_map {margin-top: 3.91vw; height: 63.48vw;}
	.loc_map .root_daum_roughmap .wrap_map {height: 63.48vw;}
	.loc_map_btn {margin-top: 3.91vw;}
	.loc_map_btn .loc_map_more {height: 8.30vw; border-radius: 3.91vw; font-size: 2.54vw;   padding: 0 4.88vw;}
	.loc_map_btn .loc_map_more .loc_ic {  width: 1.95vw; height: 2.44vw; margin-right: 0.98vw;}
	.loc_menu {margin-top: 5.86vw;}
	.loc_menu ul { margin-bottom: 1.95vw; }
	.loc_menu ul li{align-items:flex-start; margin:0}
	.loc_menu ul li strong { font-size: 3.13vw;  margin-right: 2.93vw; padding-left: 3.91vw; width: 15%}
	.loc_menu ul li strong .add_txt {font-size: 2.44vw;}
	.loc_menu ul li span .add_txt {font-size: 2.34vw;}
	.loc_menu ul li span {font-size: 2.93vw;  white-space:nowrap}
	.loc_menu ul li .loc_ic { top: 0.49vw;  width: 1.95vw; height: 2.54vw;  }

	#dpp_pic_list, #dpd_view, .dpp_bd_write {margin-top: 4.88vw;}
	.dpp_basic_bd {margin-top: 4.88vw;}

	/* 인재상 */

	.his_tit_wrap.his_ttit p {font-size: 3.71vw;}
	.d_his_car_wrap {margin-top: 10.74vw;}
	.d_his_car_wrap ul { margin: -1.95vw 0;}
	.d_his_car_wrap ul li {width: 100%; padding: 1.95vw 0;}
	.d_his_car_wrap ul li:nth-child(2) {margin-top: 0;}
	.d_his_car_wrap .txt_wrap {margin-top: 1.95vw;}
	.d_his_car_wrap .txt_wrap dt { font-size: 3.52vw; }
	.d_his_car_wrap .txt_wrap dd { font-size: 1.95vw; margin-top: 2.44vw;}

	/* 사업영역 및 실적 */

	.d_busi_wrap {margin: 4.88vw 0;}
	.d_busi_wrap ul { margin: -0.78vw}
	.d_busi_wrap ul li { width: 33.33%; padding: 0.78vw;}
	.d_busi_inner .txt_wrap {height: 5.37vw; font-size: 2.25vw; }	

	/* 안전보건경영 */

	.safe_tit_wrap em{font-size:2.56vw;}
	.safe_tit_wrap p{font-size:3.15vw; margin-top:1.86vw;}
	.safe_tit_wrap br{display:block}
	.safe_img_wrap{margin-top:8.84vw;}
	.safe_img_wrap img{width:83.00vw}
	.safe_img_wrap:before{height:5.37vw;}

	.safe_txt_wrap{margin-top:9.52vw}
	.safe_txt_wrap .title{font-size:3.15vw}
	.safe_txt_wrap2 .cont_wrap{padding-top:3.13vw}
	.safe_txt_wrap2 .cont_wrap1{margin-top:4.39vw; padding-bottom:4.98vw}
	.safe_txt_wrap2 .cont_wrap1 .txt_area:before{width:27.34vw; height:17.97vw; right:0}
	.safe_txt_wrap2 .cont_wrap .img_area {width:49%}
	.safe_txt_wrap2 .cont_wrap strong{font-size:2.6vw; margin-bottom:2.15vw}
	.safe_txt_wrap2 .cont_wrap1 p{font-size:2.2vw; margin-bottom:0.98vw}
	.safe_txt_wrap2 .cont_wrap1 span{ font-size:1.7vw;}

	.safe_txt_wrap2 .cont_wrap2 ul li{margin-bottom:1.27vw;}
	.safe_txt_wrap2 .cont_wrap2 ul li b{font-size:1.9vw; margin-right:0.98vw}
	.safe_txt_wrap2 .cont_wrap2 ul li span{font-size:1.7vw;}

	/* 인사제도 */

	.p_sys_tit_wrap em{font-size:2.56vw;}
	.p_sys_tit_wrap p{font-size:3.1vw; margin-top:1.86vw;}

	.p_sys_cont_wrap{margin-top:6.84vw; padding-bottom: 9.38vw;}
	.p_sys_cont_wrap:before{height:86.5%}
	.p_sys_cont_wrap .top_img{margin-bottom:7.52vw}
	.p_sys_cont_wrap .top_img:before{width:75.00vw; height:13.09vw; bottom:-13.09vw;}
	.p_sys_cont_wrap .top_img img{width:20.92vw;}
	.p_sys_cont_wrap ul li img:first-of-type{width:20.92vw;}
	.p_sys_cont_wrap ul li img:last-of-type{width:1.46vw; margin:2.15vw 0 1.86vw}
	.p_sys_cont_wrap ul li strong{font-size:2.2vw;}
	.p_sys_cont_wrap ul li p{font-size:1.7vw; word-break:keep-all}
	.p_sys_cont_wrap ul li p .pc_br{display:none}

}

@media screen and (max-width: 768px) {
    /* 서브 공통 */

    .sub_visual { height: 78.13vw; }
    .sub_vis_txt {left: 2.60vw; }
    .sub_vis_txt h2 {font-size: 9.11vw;}
    .sub_vis_txt p {font-size: 2.60vw;  margin-top: 1.30vw;}

    .sub_menu {height: 11.07vw;}

    .sub_menu > ul > li + li:before {height: 3.26vw;}
    .sub_menu > ul > li.home {width: 11.41%; background-size: 3.52vw;}
    .sub_menu > ul > li.menu_btn {width: 44.14%; background-size: 1.43vw;}
    .sub_menu > ul > li.menu_btn.on {background-size: 1.43vw;}
    .sub_menu > ul > li.menu_btn > a {line-height: 11.07vw; padding-left: 5.21vw;  font-size: 3.13vw; }
    .sub_menu_txt li a { height: 9.11vw; line-height: 9.11vw; font-size: 3.13vw; padding-left: 2.60vw; }

    #sub_content {padding: 14.32vw 0 19.53vw;}
    .sub_inner {padding: 0 2.60vw;}
    .sub_title { font-size: 6.51vw;}
    .sub_wrap {margin-top: 14.32vw;}

	/* CEO인사말 */

	.ceo{padding-bottom:13.70vw}
	.ceo:before{height:87%}
	.ceo_txt_wrap{padding:6.95vw 3.65vw; margin: 0 2.60vw;;}	
	.ceo_txt_wrap .intro{font-size:4vw; padding-left:7.99vw;}	
	.ceo_txt_wrap .intro:before{width:5.56vw;}	
	.ceo_txt_wrap p{font-size:3.8vw; margin-top:2.60vw;}
	.ceo_txt_wrap p.name{font-size:4.2vw;  margin-top:3.65vw;}

	/* 연혁 */

	.his_tit_wrap em{font-size:4vw;}
	.his_tit_wrap p{font-size:5.13vw; margin-top:1.82vw; line-height:1.4}
	.his_tit_wrap p b{font-size:5.39vw;}
	.mob_br{display:block}
	.his_cont_wrap{ margin-top:6.25vw; flex-direction:column}
	.his_img_wrap{margin-right:0;}
	.his_img_wrap .pc_img{display:none}
	.his_img_wrap .mob_img{display:block; width:100%}
	.his_txt_wrap{margin: 6.25vw 0 0 1.5vw;}
	.his_txt_wrap:before{top:2.95vw;}
	.his_txt_wrap_inner{padding-left:4.13vw}
	.his_txt_wrap dl{margin-bottom:5.26vw}
	.his_txt_wrap dl dt{font-size:5vw;  margin-bottom:2.56vw;}
	.his_txt_wrap dl dt:before{width:3.60vw; height:3.60vw; left:-5.85vw}
	.his_txt_wrap dl dd{font-size:3.5vw; margin-bottom:2.04vw;}

	/* 조직도 */

	.org .logo{top:30.5vw; right:0vw;  width:45.80vw}
	.org .mob_img{display:block}
	.org .pc_img{display:none}

	/* 인증서 */

	.cer_tit_wrap em{font-size:4vw;}
	.cer_tit_wrap p{font-size:5.13vw; margin-top:1.82vw; line-height:1.4; word-break:keep-all}
	.cer_tit_wrap .pc_br{display:none}

	.cer_cont_wrap{margin-top:10.25vw; padding-bottom:0}
	.cer_cont_wrap2, .cer_cont_wrap3{margin-top:0}
	.cer_cont_wrap:before{display:none}
	.cer_list{flex-direction:column; justify-content:center}
	.cer_cont_wrap3 .inner{display:block;}
	.cer_list2 {width: 100%; flex-direction: row; justify-content:space-between}
	.cer_list2>li.single {width: 42.13vw}
	.cer_list>li{width:100%; margin-bottom:15vw}
	.cer_list>li ul li .popup_inner {width: 42.13vw;}
	.cer_list>li ul li .popup_inner img{width: 42.13vw; box-shadow: 2px 0 5px rgb(0 0 0 / 15%)}
	.cer_list>li strong{font-size: 4.6vw;margin-top: 2.25vw;}
	.cer_list>li ul li p{font-size: 3.5vw;margin-top: 2.88vw;}
	.cer_list>li ul li .popup_inner::after{width: 9.75vw; height: 9.75vw;}
	.cer_list>li ul li .popup_menu_inner{width: 80vw;}
	.cer_list>li ul li .popup_menu_inner img{width: 80vw;}
	.cer_list>li ul li .popup_menu .popup_close{top: -5.5vw; right: -9.75vw; width: 5.88vw; height: 5.88vw;}
	.cer_list>li ul li .popup_menu .popup_close:before{height:100%}
	.cer_list>li ul li .popup_menu .popup_close:after{height:100%}

	/* 오시는 길 */

	.loc_wrap {margin-top: 13.02vw;}
	.loc_tp_txt {  padding-top: 13.02vw;}
	.loc_tp_txt:before {width: 100%; height: 16.28vw;}
	.loc_tp_txt h2 {font-size: 5.21vw;  }
	.loc_map {margin-top: 5.21vw; height: 84.64vw;}
	.loc_map .root_daum_roughmap .wrap_map {height: 84.64vw;}
	.loc_map_btn {margin-top: 5.21vw;}
	.loc_map_btn .loc_map_more {height: 11.07vw; border-radius: 5.21vw; font-size: 3.39vw;   padding: 0 6.51vw;}
	.loc_map_btn .loc_map_more .loc_ic {  width: 2.60vw; height: 3.26vw; margin-right: 1.30vw;}
	.loc_menu {margin-top: 7.81vw;}
	.loc_menu ul { margin-bottom: 2.60vw;}
	.loc_menu ul li {flex-wrap: wrap;}
	.loc_menu ul li strong { font-size: 4.17vw;  margin-right: 3.91vw; padding-left: 5.21vw;}
	.loc_menu ul li strong .add_txt {font-size: 3.26vw;}
	.loc_menu ul li span .add_txt {font-size: 3.13vw;}
	.loc_menu ul li span {font-size: 3.91vw;  word-break: keep-all; margin-top: 2.60vw; line-height: 1.3; white-space:normal}
	.loc_menu ul li .loc_ic { top: 0.65vw;  width: 2.60vw; height: 3.39vw;  }

	/* 인재상 */

	.his_tit_wrap.his_ttit p {font-size: 4.95vw; word-break: keep-all;}
	.his_tit_wrap.his_ttit p br {display: none;}
	.d_his_car_wrap {margin-top: 14.32vw;}
	.d_his_car_wrap ul { margin: -2.60vw 0;}
	.d_his_car_wrap ul li {padding: 2.60vw 0;}
	.d_his_car_wrap ul li:nth-child(2) {margin-top: 0;}
	.d_his_car_wrap .txt_wrap {margin-top: 4.88vw;}
	.d_his_car_wrap .txt_wrap dt { font-size: 4.69vw; }
	.d_his_car_wrap .txt_wrap dd { font-size: 3.13vw; margin-top: 2.60vw;}

	/* 사업영역 및 실적 */

	.s_busi_wrap .his_tit_wrap p {word-break: keep-all;}
	.s_busi_wrap .his_tit_wrap p br {display: none;}
	.d_busi_wrap {margin: 6.51vw 0;}
	.d_busi_wrap ul { margin: -1.30vw}
	.d_busi_wrap ul li { width: 33.3%; padding: 1.30vw;}
	.d_busi_inner .txt_wrap {height: 7.16vw; font-size: 2.99vw; }

	/* 안전보건경영 */

	.safe_tit_wrap em{font-size:4vw;}
	.safe_tit_wrap p{font-size:5.13vw; margin-top:1.82vw; line-height:1.4; word-break:keep-all}
	.safe_tit_wrap br{display:none}
	.safe_img_wrap{margin-top:8.85vw;}
	.safe_img_wrap img{width:100%}
	.safe_img_wrap:before{height:5.34vw;}

	.safe_txt_wrap{margin-top:10.51vw}
	.safe_txt_wrap:before{height:50%}
	.safe_txt_wrap .title{font-size:5.13vw}
	.safe_txt_wrap .box{margin-top:4.43vw; padding-bottom:11.64vw}
	.safe_txt_wrap .box>li{width:100%; padding:2.56vw 3.5vw; height:39.64vw; margin-bottom:2vw}
	.safe_txt_wrap .box>li:nth-of-type(even){margin-top:0}
	.safe_txt_wrap .box>li p{ font-size:3.2vw;}
	.safe_txt_wrap .box>li strong{font-size:4vw; margin:1.4vw 0 2vw}
	.safe_txt_wrap .box>li ul li{font-size:3.2vw; padding-left:1.84vw; margin-bottom:0.78vw}
	.safe_txt_wrap .box>li ul li:before{top:1.75vw; width: 0.9vw; height: 0.9vw}

	.safe_txt_wrap2 .cont_wrap{padding-top:4.13vw; flex-direction:column}
	.safe_txt_wrap2 .cont_wrap1{margin-top:4.43vw; padding-bottom:7.95vw}
	.safe_txt_wrap2 .cont_wrap1 .txt_area:before{width:30.34vw; height:19.97vw; right:0}
	.safe_txt_wrap2 .cont_wrap .txt_area {width:100%}
	.safe_txt_wrap2 .cont_wrap .img_area {width:100%; margin-top:4vw}
	.safe_txt_wrap2 .cont_wrap strong{font-size:4vw; margin-bottom:3.21vw}
	.safe_txt_wrap2 .cont_wrap1 p{font-size:3.4vw; margin-bottom:2.04vw}
	.safe_txt_wrap2 .cont_wrap1 p:before{margin: 0 1vw 1vw 0; width: 0.9vw; height: 0.9vw}
	.safe_txt_wrap2 .cont_wrap1 span{ font-size:3.2vw;}

	.safe_txt_wrap2 .cont_wrap2 ul li{margin-bottom:2.30vw;}
	.safe_txt_wrap2 .cont_wrap2 ul li b{font-size:3.4vw; margin-right:2.04vw}
	.safe_txt_wrap2 .cont_wrap2 ul li span{font-size:3.2vw;}

	/* 인사제도 */

	.p_sys_tit_wrap em{font-size:4vw;}
	.p_sys_tit_wrap p{font-size:5.13vw; margin-top:1.82vw; line-height:1.4; word-break:keep-all}
	.p_sys_tit_wrap .mob_br{display:block}

	.p_sys_cont_wrap{margin-top:6.90vw; padding-bottom:11.38vw;}
	.p_sys_cont_wrap:before{height:90.5%}
	.p_sys_cont_wrap .top_img{margin-bottom:12.55vw}
	.p_sys_cont_wrap .top_img:before{display:none}
	.p_sys_cont_wrap .top_img:after{content:''; display:block; width:1px; height:5vw; background:#ccc; position:absolute; left:50%; transform:translatex(-50%); bottom:-9vw}
	.p_sys_cont_wrap .top_img img{width:38.96vw;}
	.p_sys_cont_wrap ul{display:flex; flex-wrap:wrap}
	.p_sys_cont_wrap ul li{width:50%; margin-bottom:7vw}
	.p_sys_cont_wrap ul li img:first-of-type{width:38.96vw;}
	.p_sys_cont_wrap ul li img:last-of-type{width:3.43vw; margin:3.21vw 0 2.82vw}
	.p_sys_cont_wrap ul li strong{font-size:4.21vw;}
	.p_sys_cont_wrap ul li p{font-size:3.4vw;}

}