@charset "utf-8";

/*공통사항*/

.slogan_inner{font-size:23px;line-height:28px;color:#333;padding-top:15px;letter-spacing:-0.4px;}
.slogan_inner2{font-size:20px;line-height:30px;color:#444;letter-spacing:0px;}
.page_gap{padding-top:75px;}
.page_gap2{padding-top:100px;}
.page_gap3{padding-top:50px;}

.icon_title{position:relative;display:block;background:url(../img/bullet_h4.gif) no-repeat 0 center;padding-left:23px;font-size:23px;color:#333;font-weight:500;line-height:26px;margin-bottom:17px;}
.icon_title span.sub{font-size:18px;font-weight:300;padding-left:3px;}
.icon_title span.unit{position:absolute;top:5px;right:0;font-size:14.2px;font-weight:300;}

.slogan_mid{font-size:17.8px;line-height:28px;}

.ul_normal{}
.ul_normal li{padding-left:12px;background:url(../img/spot_ul.gif) no-repeat 0 11px;}

.comming{border:1px solid #ededed;background-color:#fbfbfb;font-size:12.4px;text-align:center;color:#777;font-weight:500;padding:200px 0;}

.tab{font-size:0;margin-bottom:50px;}
.tab li{display:inline-block;}
.tab li a{display:block;font-size:16px;line-height:50px;color:#fff;text-align:center;background-color:#999;border-left:1px solid rgba(255,255,255,0.3);}
.tab li a:hover{background-color:#777;}
.tab li a.selected{background-color:#0D5EA7;}
.tab li:first-child{border-left:none;}

.tab6 li{width:33.33333333333333333333%;}
.tab6 li a {border-top:1px solid rgba(255,255,255,0.4)}
.tab6 li:nth-child(1) a, 
.tab6 li:nth-child(2) a, 
.tab6 li:nth-child(3) a {border-top:0}
.tab5 li{width:20%;}
.tab4 li{width:25%;}
.tab3 li{width:33.33333333333333333333%;}
.tab2 li{width:50%;}

.pro_inner_tab {margin-bottom:50px}
.pro_inner_tab a {display:inline-block;margin-right:8px;padding:5px 35px;text-align:center;font-weight:400;border:1px solid #ddd;background:#eee;border-radius:40px}
.pro_inner_tab a.last {margin-right:0}
.pro_inner_tab a.active {color:#0d5ea7;border-color:#0d5ea7;background:#fff}

.tb_data{width:100%;}
.tb_data th{border-bottom:1px solid #ddd;background-color:#fff;padding:15px 2px; color:#444;line-height:21px;font-size:15.4px;font-weight:400;}
.tb_data td{border-bottom:1px solid #ddd;border-left:1px solid #ededed;font-size:15px;line-height:18px;font-weight:300;background: #fff;color: #555;padding:14px 3px;text-align:center;}
.tb_data tr:first-child th,
.tb_data tr:first-child td{border-top:2px solid #0D5EA7;border-bottom:1px solid #aaa;border-left:none;background-color:#f9f9f9;}
.tb_data td:first-child{border-left:none;}
.tb_data tr:last-child td, 
.tb_data td.last{border-bottom:1px solid #aaa;}
.tb_data tr:last-child th, 
.tb_data th.last{border-bottom:1px solid #aaa;}
.tb_data th.th_category {background-color:#f9f9f9}
.tb_data td.tal{text-align:left;padding-left:20px;}
.tb_data td.tar{text-align:right;padding-right:20px;}
.tb_data td i.icon{display:inline-block;line-height:22px;width:22px;text-align:center;font-size:11px;background-color:#0D5EA7;color:#fff;border-radius:50px;}
.tb_data td strong{font-weight:500;}
.tb_data td a.download{display:inline-block;font-weight:500;line-height:24px;}
.tb_data td.left {border-left:1px solid #ededed}
.tb_data td.w-break {word-break:break-all}
.tb_data td span.br {display:block;margin-top:5px}

.tb_exp{font-size:14.2px;text-align:right;padding-top:15px;}

.tb_product{width:100%;border-top:2px solid #0D5EA7;}
.tb_product th{border-bottom:1px solid #ccc;border-left:1px solid #ddd;background-color:#f9f9f9;padding:12px 1px; color:#444;line-height:17px;font-size:14px;font-weight:400;}
.tb_product td{border-bottom:1px solid #ddd;border-left:1px solid #ededed;font-size:13.2px;line-height:17px;font-weight:300;background: #fff;color: #555;padding:12px 1px;text-align:center;}
.tb_product th.first, .tb_product td.first{border-left:none;}
.tb_product tr:last-child td, .tb_product td.last{border-bottom:1px solid #aaa;}
.tb_product th span{font-size:12px;}
.tb_product sup{font-size:8px;}
.tb_product sub{font-size:8px;}

.tb_data2{width:100%;}
.tb_data2 col.col1{width:25%;}
.tb_data2 col.col2{width:25%;}
.tb_data2 col.col3{width:35%;}
.tb_data2 col.col4{width:15%;}
.tb_data2 th{border-bottom:1px solid #ddd;background-color:#fff;padding:15px 2px; color:#444;line-height:21px;font-size:15.4px;font-weight:400;}
.tb_data2 td{border-bottom:1px solid #ddd;border-left:1px solid #ededed;font-size:15px;line-height:18px;font-weight:300;background: #fff;color: #555;padding:12px 3px 12px;text-align:center;}
.tb_data2 tr.first th,
.tb_data2 tr.first td{border-top:2px solid #0D5EA7;border-bottom:1px solid #aaa;border-left:none;background-color:#f9f9f9;}
.tb_data2 td:first-child{border-left:none;}
.tb_data2 td.tal{text-align:left;padding-left:10px;}
.tb_data2 tr:last-child td{border-bottom:1px solid #aaa;}

.tb_data3{width:100%;}
.tb_data3 th{border-bottom:1px solid #e5e5e5;background-color:#fff;padding:15px 2px; color:#444;line-height:21px;font-size:15.4px;font-weight:400;word-break:keep-all}
.tb_data3 td{border-bottom:1px solid #e5e5e5;border-left:1px solid #ededed;background: #fff;color: #555;padding:12px 3px 12px;text-align:center;word-break:keep-all}
.tb_data3 tr.first th,
.tb_data3 tr.first td{border-top:2px solid #0D5EA7;border-bottom:1px solid #aaa;border-left:none;background-color:#fafafa;}
.tb_data3 td.first{border-left:none;font-weight:400;}
.tb_data3 td.tal{padding-left:25px;}
.tb_data3 td.wbk {word-break:keep-all}
.tb_data3 tr:last-child td{border-bottom:1px solid #aaa;}
.tb_data3 td li{padding-left:10px;background:url(../img/spot_ul.gif) no-repeat 0 12px;}
.tb_data3 td .step{font-size:11.4px;color:#aaa;}
.tb_data3 td .step span{display:inline-block;padding:0 15px;font-size:14.6px;color:#555;font-weight:400;line-height:30px;border:1px solid #ddd;background-color:#fafafa;border-radius:40px;margin:9px 5px;}
.tb_data3 td .step span b {display:inline-block;margin-right:5px;padding-right:10px;font-weight:500;border-right:1px solid #ccc}
.tb_data3 td a.download{display:inline-block;font-weight:500;line-height:24px;}
.tb_data3 td p.txt_list {padding-left:10px;position:relative}
.tb_data3 td span.dotted {width:3px;height:3px;background:#888;border-radius:100%;position:absolute;left:0;top:11px}

.tb_data4{width:100%;}
.tb_data4 th{border-bottom:1px solid #e5e5e5;background: #fff;color: #555;padding:12px 3px 12px;text-align:center;font-weight:400;background-color:#fafafa;}
.tb_data4 td{border-bottom:1px solid #e5e5e5;border-left:1px solid #ededed;background: #fff;color: #555;padding:12px 3px 12px 15px;text-align:left;}
.tb_data4 tr.first th,
.tb_data4 tr.first td{border-top:2px solid #0D5EA7;}
.tb_data4 tr:last-child th, .tb_data4 tr:last-child td{border-bottom:1px solid #aaa;}

@media screen and (max-width:960px) {
	.tab{margin-bottom:35px;}
	.tab li a{font-size:15px;line-height:46px;}
	.tab5 li{width:33.333333333333%;border-top:1px solid #bbb;}
	.tab5 li:nth-child(1), .tab5 li:nth-child(2){width:50%;border:none;}
	.tab4 li{width:50%;}
	.tab4 li:nth-child(3),
	.tab4 li:nth-child(4){border-top:1px solid rgba(255,255,255,0.3);}
}

@media screen and (max-width:768px) {
	.slogan_inner{font-size:19px;line-height:24px;padding-top:8px;}
	.slogan_inner2{font-size:17px;line-height:26px;}
	.page_gap{padding-top:45px;}
	.page_gap2{padding-top:45px;}
	.page_gap3{padding-top:45px;}

	.icon_title{background:url(../img/bullet_h4.gif) no-repeat 0 6px;background-size:14px 14px;padding-left:18px;font-size:19px;line-height:24px;margin-bottom:12px;}
	.icon_title span.sub{font-size:15px;font-weight:300;padding-left:3px;}
	.icon_title span.unit{position:absolute;top:2px;right:0;font-size:13px;font-weight:300;}

	.slogan_mid{font-size:16px;line-height:24px;}

	.tb_data th{font-size:14px;padding:12px 2px 12px;}
	.tb_data td{font-size:13.4px;line-height:17px;padding:12px 2px 12px;}
	.tb_exp{font-size:13px;line-height:18px;padding-top:12px;text-align:left;}

	.tb_data2 th{font-size:14px;padding:12px 2px 12px;}
	.tb_data2 td{font-size:13.4px;line-height:17px;padding:12px 2px 12px;}
	.tb_data2 th.col2, .tb_data2 th.col3, .tb_data2 td.col2, .tb_data2 td.col3{display:none;} 
	.tb_data2 col.col1{width:80%;}
	.tb_data2 col.col4{width:20%;}
	.tb_data2 td.col1{text-align:left;}
	.tb_data2 td.col1 .category{font-size:12.6px;color:#5b92d6;line-height:15px;padding-bottom:3px;}

	table tr  td a.btn_down{width:18px;height:18px;}
	table tr  td a.btn_down_kor{width:18px;height:18px;}
	table tr  td a.btn_down_eng{width:18px;height:18px;}

	.tb_data3 th{font-size:14px;padding:12px 2px 12px;}
	.tb_data3 td{font-size:13.4px;line-height:17px;padding:12px 2px 12px;}
	.tb_data3 td.tal{padding-left:14px;}
	.tb_data3 td li{padding-left:8px;background:url(../img/spot_ul.gif) no-repeat 0 7px;}
	.tb_data3 td p.txt_list {margin-bottom:5px;padding-left:7px}
	.tb_data3 td p.txt_list:last-child {margin-bottom:0}
	.tb_data3 td span.dotted {width:2px;height:2px;top:7px}
}

@media screen and (max-width:480px) {
	.slogan_inner{font-size:16.2px;line-height:21px;padding-top:8px;}
	.slogan_inner2{font-size:15.4px;line-height:24px;}
	.page_gap{padding-top:30px;}
	.page_gap2{padding-top:30px;}
	.page_gap3{padding-top:30px;}

	.slogan_mid{font-size:15px;line-height:22px;}

	.comming{padding:120px 0;}

	.tab li a{font-size:13px;line-height:38px;}
	.tab6 li {width:50%}
	.tab6 li:nth-child(3) a {border-top:1px solid rgba(255,255,255,0.4)}
	.tab3 li{letter-spacing:-1px;}
}

@media screen and (max-width:400px) {
	.tab5 li {width:50%}
	.tab5 li:last-child {width:100%}
}


/* 테이블좌우스크롤 */
.unitprice{}
.unitprice_wrap_inner{}
.unitprice_res_msg{background-color:#0D5EA7;font-size:12px;font-weight:500; color:#fff;text-align:left;padding-left:15px;height:30px;line-height:30px;}

@media screen and (max-width:768px) {
	.unitprice{overflow:auto;}
	.unitprice_wrap_inner{width:760px;}	
}

/*오시는길*/
#map_info{}
#map_info li{position:relative;}
#map_info li .info_area{position:relative;}
#map_info li h4{position:absolute;top:0;left:0px;font-size:25px;color:#0D5FA9;line-height:31px;font-weight:500;}
#map_info li .info{padding:0 0 0 250px;line-height:27px;}
#map_info li p i, 
#map_info li p svg {margin-right:3px;display:inline-block;width:18px;height:18px;line-height:18px;font-size:10px;background-color:#555;color:#fff;text-align:center;border-radius:20px;vertical-align:middle;margin-bottom:3px;}
#map_info li p.addr{position:relative;padding-left:25px;}
#map_info li p.addr i, 
#map_info li p.addr svg {position:absolute;top:4px;left:0;}
#map_info li p.tel i, 
#map_info li p.tel svg {transform:rotate(90deg)}
#map_canvas{width:100%;height:500px;margin:40px 0 0;}

@media screen and (max-width:768px) {
	#map_info li h4{position:relative;top:auto;left:auto;margin-top:0;font-size:21px;line-height:25px;}
	#map_info li .info{padding:10px 0 0 0;}
	#map_canvas{height:350px;margin:30px 0 20px;}
}

@media screen and (max-width:480px) {
	#map_info li h4{font-size:19px;line-height:23px;}
	#map_info li .info{padding:8px 0 0 0;}
	#map_canvas{height:280px;margin:20px 0 10px;}
}


/*ir*/
#ir{}
#ir .ir_text{padding:0 0 30px 25px;}
#ir .ir_text h5{font-size:18px;font-weight:500;line-height:40px;}

@media screen and (max-width:768px) {
	#ir .ir_text{padding:0 0 25px 0;}
	#ir .ir_text h5{font-size:16.4px;line-height:40px;}
}
@media screen and (max-width:480px) {
	#ir .ir_text{padding:0 0 20px 0;}
	#ir .ir_text h5{font-size:15.8px;line-height:25px;padding-bottom:5px;}
}



/* 인사제도 */
.step_box{color:#aaa}
.step_box p {display:inline-block;width:calc(100% / 5 - 31.8px);margin:9px 7.2px;padding:25px 0;color:#555;font-weight:500;line-height:23px;text-align:center;border:1px solid #ddd;background-color:#fafafa;border-radius:40px;vertical-align:middle}
.step_box p:first-child {margin-left:auto}
.step_box p:last-child {margin-right:auto}

.bus_route {margin-top:20px}
.bus_route a.bt_popup {display:inline-block;width:calc(100% / 4 - 1.5%);margin:10px 0.5%;padding:13px 0;text-align:center;background:#fff;border:1px solid #666}
.bus_route a.bt_popup:hover {color:#fff;background:#04559d url(../img/sub/bg_pattern.png) left top repeat;border-color:#04559d}

@media screen and (max-width:768px) {
	.step_box p {width:calc(100% / 3 - 36px);padding:20px 0}
	.step_box p:first-child {margin-left:6px}
	.step_box p:last-child {margin-right:6px}

	.bus_route {margin-top:15px}
	.bus_route a.bt_popup {margin:5px 0.5%;padding:10px 0}
}

@media screen and (max-width:560px) {
	.bus_route a.bt_popup {width:calc(100% / 3 - 1.5%)}
}

@media screen and (max-width:480px) {
	.step_box p {width:calc(100% / 3 - 30px);margin:9px 4.5px}
	.step_box p:first-child {margin-left:4.5px}
	.step_box p:last-child {margin-right:4.5px}

	.bus_route a.bt_popup {width:calc(100% / 2 - 1.5% - 1px)}
}



/* 제품정보, 연구개발 */
.pro_inner {margin-bottom:120px}
.pro_inner:last-child {margin-bottom:0}

.pro_list{border-bottom:1px solid #e5e5e5;padding:30px 0; text-align:center;font-size:0;}
.pro_list li{display:inline-block;margin:3px;}
.pro_list li a{display:block;font-size:15px;font-weight:400;color:#555;line-height:34px;border:1px solid #ddd;padding:0 24px;border-radius:50px;}
.pro_list li a:hover{border:1px solid #0D5EA7;color:#0D5EA7;}
.pro_list li a.selected{background-color:#0D5EA7;border:1px solid #0D5EA7;color:#fff;}

.pro_wrap {margin-top:45px}
.pro_wrap .img{float:left;width:50%;padding-top:6px;}
.pro_wrap .img img{}
.pro_wrap .text{float:right;width:44%;}
.pro_wrap .text .pro_con{padding-top:15px;}
.pro_wrap .text .pro_con p.exp{padding-left:10px;}
.pro_wrap .text .pro_con p.title{background:url(../img/spot_ul.gif) no-repeat 0 11px;padding-left:10px;}
.pro_wrap .text .pro_con p.title strong{font-weight:500;}

.pro_wrap .pro_box {display:inline-block;width:calc(100% / 2 - 2.7%);margin-top:45px;vertical-align:top}
.pro_wrap .pro_box:nth-child(2n) {margin-left:5%}
.pro_wrap .pro_box b.title {display:block;margin-bottom:30px;padding:7px 0;text-align:center;font-size:17px;font-weight:400;color:#222;background:#f4f4f4;border:1px solid #eee}
.pro_wrap .pro_box p {margin-bottom:20px;font-weight:500;color:#0d5ea7}
.pro_wrap .pro_box p .ic_dotted {display:inline-block;width:4px;height:4px;margin-right:6px;background:#0d5ea7;vertical-align:middle;position:relative;top:-1.5px}
.pro_wrap .pro_box .img_area {margin-bottom:35px}
.pro_wrap .pro_box .img_area li {display:inline-block;width:calc(100% / 2 - 9px)}
.pro_wrap .pro_box .img_area li:nth-child(2n) {margin-left:14px}
.pro_wrap .pro_box .img_area li.big {display:block;width:calc(100%);margin-top:18px;text-align:center;border:1px solid #eaeaea}
.pro_wrap .pro_box .img_area li.small {width:calc(100% / 3)}

.pro_wrap.gallery_pro {padding:0 15px 50px 15px;border-bottom:1px solid #ddd;position:relative}
.pro_wrap.gallery_pro .icon_title {padding-left:0;color:#04559d;background:none}
.pro_wrap.gallery_pro a.bd_btn_color {position:absolute;right:15px;bottom:50px}

#product li{position:relative;}
#product li span{display:block;position:absolute;top:15px;left:15px;font-size:13.2px;font-weight:400;color:#fff;line-height:26px;padding:0 15px;border-radius:30px;background-color:rgba(0,0,0,0.5);z-index:100;}
#product ul.slick-dots{position:absolute;left:50%;bottom:20px;width:320px;margin-left:-160px;text-align:center;z-index:11;}
#product ul.slick-dots li{display: inline-block;margin:0 3px;}
#product ul.slick-dots li button{font-size: 0;display: block;height:10px;width:10px;border-radius:12px;background-color:#fff;-webkit-transition:all 0.3s; /* Safari */transition: all 0.3s;cursor:pointer;opacity:0.5;}
#product ul.slick-dots li.slick-active button{background:#00c5ff;opacity:1;}

.pro_img_area {padding:30px}

.lab_intro {}
.lab_intro::after {display:block;height:0;content:".";clear:both;visibility:hidden}
.lab_intro li {display:inline-block;float:left;vertical-align:top}
.lab_intro li ul.slick-dots {}
.lab_intro li ul.slick-dots li {float:none;width:8px;height:8px;margin:0 2.5px;text-align:center;cursor:pointer;border-radius:100%;background-color:#ccc}
.lab_intro li ul.slick-dots li.slick-active {background-color:#eec42d}
.lab_intro li ul.slick-dots li button {font-size:0;line-height:0}
.lab_intro li.img_area {width:410px;padding:5px;text-align:center;border:1px solid #eaeaea}
.lab_intro li.img_area .slide_img {display:inline-block}
.lab_intro li.txt_area {width:calc(100% - 410px - 4%);margin-left:4%;font-size:15.2px;word-break:keep-all}
.lab_intro li.txt_area .slogan_inner {padding:5px 0 15px 0}

.lab_box {}
.lab_box li {display:inline-block;width:calc(100% / 2 - 2% - 2px);margin:0 4% 4% 0;padding:30px 40px;background:#f5f5f5;vertical-align:top}
.lab_box li:nth-child(2n) {margin-right:auto}
.lab_box li .title {margin-bottom:12px;padding-left:29px;font-size:17px;font-weight:500;color:#222;position:relative}
.lab_box li .title .num {font-family: 'Roboto', sans-serif;display:inline-block;color:#36bcfb;font-weight:900;position:absolute;left:0;top:1px}
.lab_box li p {margin:0 0 3px 31px;padding-left:10px;font-size:15px;color:#555;background:url(../img/spot_ul.gif) left top 12px no-repeat}
.lab_box li p:last-child {margin-bottom:0}

@media screen and (max-width:960px) {
	.pro_inner {margin-bottom:100px}
	.pro_wrap .pro_box {width:calc(100% / 2 - 2.3%)}
	.pro_wrap .pro_box:nth-child(2n) {margin-left:4%}
	.pro_wrap .pro_box .img_area li.small {width:calc(100% / 2 - 9px)}
	.pro_img_area {padding:20px}

	.lab_intro li.img_area {width:340px}
	.lab_intro li.txt_area {width:calc(100% - 340px - 4%)}
}

@media screen and (max-width:820px) {
	.pro_wrap .img{float:none;width:100%;padding-top:0;text-align:center;}
	.pro_wrap .text{float:none;width:100%;margin-top:35px;}
	.pro_wrap .text .pro_con{border-top:none;padding-top:0;}

	.pro_wrap.gallery_pro {margin-top:30px;padding-bottom:20px}
	.pro_wrap.gallery_pro a.bd_btn_color {bottom:20px}
}

@media screen and (max-width:768px) {
	.pro_inner {margin-bottom:80px}
	.pro_inner .page_gap {padding-top:6%}
	.pro_list{padding:15px 0 12px;}
	.pro_list li{margin:3px;}
	.pro_list li a{font-size:13px;line-height:26px;padding:0 14px;}
	.pro_wrap .text {margin-top:25px}
	.pro_wrap .pro_info {margin-bottom:12px;padding:10px 15px;background:#f9f9f9;border:1px solid #ededed;word-break:keep-all}
	
	.pro_wrap .pro_box {display:block;width:auto;margin:30px auto 60px auto}
	.pro_wrap .pro_box:nth-child(2n) {margin:0}
	.pro_wrap .pro_box b.title {margin-bottom:25px;font-size:16.4px}
	.pro_wrap .pro_box p {margin-bottom:15px}
	.pro_wrap .pro_box p .ic_dotted {width:4px;height:4px;margin-right:5px;top:-1.5px}
	.pro_wrap .pro_box .img_area {margin-bottom:25px}
	.pro_wrap .pro_box .img_area li.small {width:calc(100% / 3)}

	.pro_wrap.gallery_pro {padding:0 0 20px 0}
	.pro_wrap.gallery_pro a.bd_btn_color {float:right;position:relative;right:Auto;bottom:auto}

	.pro_img_area {padding:10px}

	.lab_intro li {display:block;float:none}
	.lab_intro li.img_area {width:auto}
	.lab_intro li.img_area img {margin:0 auto}
	.lab_intro li.txt_area {width:auto;margin:20px auto 0 auto;font-size:15px;line-height:1.7}
	.lab_intro li ul.slick-dots li {display:inline-block}
	
	.lab_box li {display:block;width:auto;margin:0 0 4% 0;padding:20px}
	.lab_box li .title {margin-bottom:10px;font-size:16.2px}
	.lab_box li p {margin-bottom:1px;font-size:14.2px;background-position:left top 9px}
}

@media screen and (max-width:480px) {
	.pro_inner {margin-bottom:60px}
	.pro_wrap .img{padding-top:0;}
	.pro_wrap .text{margin-top:6%;}

	.pro_wrap .pro_box {margin:25px auto 55px auto}
	.pro_wrap .pro_box p {margin-bottom:12px}
	.pro_wrap .pro_box .img_area li, 
	.pro_wrap .pro_box .img_area li.small {width:calc(100% / 2 - 5px)}
	.pro_wrap .pro_box .img_area li:nth-child(2n) {margin-left:6px}
}

/*설비현황*/
#facility{}
#facility .h4_gap{padding-top:10px;}
#facility ul.img_list{font-size:0;padding:0 0 40px;}
#facility ul.img_list li{display:inline-block;width:31.33333333333%;margin:0 3% 0 0;}
#facility ul.img_list li:nth-child(3n){margin-right:0;}
#facility ul.img_list li p{font-size:16.4px;color:#333;font-weight:500;line-height:50px;text-align:center;background-color:#fafafa;border:1px solid #ededed;border-top:none;}

#facility ul.img2 li{width:48%;margin:0 4% 0 0;}
#facility ul.img2 li:nth-child(2n){margin-right:0;}

#facility .con_wrap{position:relative;padding-left:470px;}
#facility .img{position:absolute;top:0;left:0;width:420px;}
#facility .text{min-height:270px;border-top:1px solid #e5e5e5;padding-top:30px;}
#facility .text p{padding-left:12px;}
#facility .text p.title{background:url(../img/spot_ul.gif) no-repeat 0 11px;}
#facility .text p strong{font-weight:500;}

@media screen and (max-width:960px){
	#facility .con_wrap{padding-left:0;}
	#facility .img{position:relative;top:auto;left:auto;float:left;width:42%;}
	#facility .text{min-height:auto;float:right;width:53%;}
}
@media screen and (max-width:700px){
	#facility .text{padding-top:20px;}
}
@media screen and (max-width:540px){
	#facility .h4_gap{padding-top:5px;}
	#facility ul.img_list{padding:0 0 10px;}
	#facility ul.img_list li{display:block;width:100%;margin:0 0 5% 0;}
	#facility ul.img_list li p{font-size:15.4px;line-height:44px;}

	#facility .img{float:none;width:100%;}
	#facility .text{float:none;width:100%;border:none;padding-top:17px;}
}


/* 공정과정 */
#process{font-size:0;}
#process li{display:inline-block;vertical-align:top;width:31.333333%;margin:0 3% 3% 0;}
#process li:nth-child(3n){margin-right:0;}
#process li p.step{padding:9px 25px;font-size:16.4px;color:#fff;font-weight:500;line-height:1.5;background-color:#102B40;}
#process li p.exp{font-size:14px;color:#666;font-weight:300;line-height:21px;border:1px solid #ededed;border-top:none;padding:25px 20px 25px 25px;min-height:156px;}

@media screen and (max-width:940px) {
	#process li p.exp{min-height:160px;}
}
@media screen and (max-width:840px) {
	#process li{width:48%;margin:0 4% 4% 0;}
	#process li:nth-child(3n){margin-right:4%;}
	#process li:nth-child(2n){margin-right:0;}
}
@media screen and (max-width:600px) {
	#process li p.exp{min-height:175px;}
}
@media screen and (max-width:480px) {
	#process li{width:100%;margin:0 0 4% 0;}
	#process li:nth-child(3n){margin-right:0;}
	#process li:nth-child(2n){margin-right:0;}
	#process li .img img {width:100%}
	#process li p.step{padding:9px 15px;}
	#process li p.exp{padding:15px 13px 15px 15px;min-height:auto;}
}



/* 인증현황 */
#gallery .certify_area {}
#gallery .certify_img {border:1px solid #ededed}
#gallery .certify_tit {margin-top:12px;font-weight:400;font-size:16px;color:#444;text-align:center;word-break:keep-all}

@media screen and (max-width:768px){
	#gallery .certify_area li {width:31.66666666666667%;margin:0 2.5% 4% 0}
	#gallery .certify_area li:nth-child(2n) {margin-right:2.5%}
	#gallery .certify_area li:nth-child(3n) {margin-right:0}
	#gallery .certify_tit {font-size:15px;line-height:1.5}
}

@media screen and (max-width:480px){
	#gallery .certify_area li {width:48.5%;margin:0 3% 4.5% 0}
	#gallery .certify_area li:nth-child(3n) {margin-right:3%}
	#gallery .certify_area li:nth-child(2n) {margin-right:0}
	#gallery .certify_tit {font-size:14px}
}



/*대표이사인사말*/
#greetings{position:relative;}
#greetings .img{position:absolute;top:6px;right:0;}
#greetings .img img.mobile{display:none;}
#greetings .text{width:600px;font-size:17.2px;color:#444;font-weight:300;line-height:30px;word-break:keep-all;}
#greetings .text .slogan{font-size:28.4px;color:#444;font-weight:300;line-height:37px;letter-spacing:-0.1px;padding-bottom:40px;}
#greetings .sign{font-weight:500;padding-top:60px;}
#greetings .sign::after {display:block;height:0;content:".";visibility:hidden;clear:both}
#greetings .sign span{font-size:20.4px;font-weight:600;letter-spacing:2px;padding-left:4px;}
#greetings .sign img {float:right;position:relative;top:-10px}

@media screen and (max-width:1200px) {
	#greetings .img{width:45%;}
	#greetings .text{width:auto;padding-right:50%;font-size:17.2px;color:#444;font-weight:300;line-height:29px;word-break:keep-all;}
	#greetings .sign{padding-top:45px;}
}
@media screen and (max-width:800px){
	#greetings .img{position:relative;top:auto;right:auto;width:100%;}
	#greetings .img img.pc{display:none;}
	#greetings .img img.mobile{display:inline;}
	#greetings .text{padding:30px 0 0 0;font-size:15px;line-height:24px;}
	#greetings .text .slogan{font-size:17.4px;line-height:27px;letter-spacing:-1.2px;padding-bottom:20px;}
	#greetings .sign{padding-top:30px;}
	#greetings .sign span{font-size:17px;}	
}
@media screen and (max-width:480px){
	#greetings .sign {padding-top:25px}
	#greetings .sign img {width:109px;top:-1px}
}

/*개요*/
#overview{position:relative;padding-left:48%;}
#overview .title{position:absolute;top:0;left:2%;width:38%;}
#overview .overview_con ul.ul_con{border-top:1px solid #aaa;margin-top:40px;padding-top:40px;}
#overview .overview_con ul.ul_con li{position:relative;padding-left:205px;line-height:28px;}
#overview .overview_con ul.ul_con li span{display:block;position:absolute;top:0;left:0;font-weight:500;color:#0368C0;}
.ability_box {}
.ability_box::after {display:block;height:0;clear:both;content:".";visibility:hidden}
.ability_box li {display:inline-block;float:left;width:calc(100% / 2 - 2.5%);height:250px;margin-left:5%;background-repeat:no-repeat;background-position:center top;position:relative;vertical-align:top}
.ability_box li:first-child {margin-left:auto}
.ability_box li.box1 {background-image:url(../img/sub/overview02_01.jpg)}
.ability_box li.box2 {background-image:url(../img/sub/overview02_02.jpg)}
.ability_box .ability_tit {margin:35px 0 0px 35px;font-size:26px;font-weight:600;line-height:32px;letter-spacing:-0.1px;color:#fff;opacity:0.9}
.ability_box .ability_tit span {display:block;font-size:11px;font-weight:500;letter-spacing:0.5px;opacity:0.55}
.ability_box .ability_txt {color:#fff;font-weight:500;text-align:right;position:absolute;right:30px;bottom:30px}
.ability_box .ability_txt b {font-weight:600;font-size:35px}
.ability_box .ability_txt span {display:block;font-size:17px}
.ability_box .icon {position:absolute;left:35px;bottom:35px;opacity:0.7}

@media screen and (max-width:920px) {
	#overview{padding:0;}
	#overview .title{display:none;}
}

@media screen and (max-width:768px) {
	.ability_box .ability_tit {margin:30px 0 0 30px;font-size:22px;line-height:26px}
	.ability_box .ability_tit span {max-width:170px;margin-top:7px;font-size:10px;line-height:15px;word-break:keep-all}
	.ability_box .ability_txt b {font-size:30px}
	.ability_box .ability_txt span {font-size:15px}
	.ability_box .icon {left:30px}
	.ability_box li.box1 .icon {width:65px}
	.ability_box li.box2 .icon {width:52px}
}

@media screen and (max-width:580px) {
	.ability_box li {width:calc(100% / 2 - 2%);height:220px;margin-left:4%}
	.ability_box .ability_tit {max-width:160px;margin:58px auto 33px auto;font-size:20px;line-height:26px;text-align:center;word-break:keep-all;opacity:1}
	.ability_box .ability_tit span {display:none}
	.ability_box .ability_txt {text-align:center;position:relative;right:auto;bottom:auto}
	.ability_box .ability_txt span {font-size:13px}
	.ability_box .icon {display:none}

	.ability_box li.box2 .ability_tit {margin-top:50px}
}

@media screen and (max-width:480px) {
	#overview .title{padding:0 18%;left:0;}
	#overview .overview_con ul.ul_con{margin-top:25px;padding-top:20px;}
	#overview .overview_con ul.ul_con li{padding-left:155px;}
	#overview .overview_con ul.ul_con li span{letter-spacing:-1px;}
}

/* 안전보건환경 */
.safety {font-size:17.2px;color:#444;font-weight:300;line-height:30px;word-break:keep-all;}
.safety .slogan{font-size:28.4px;color:#444;font-weight:300;line-height:37px;letter-spacing:-1.4px;padding-bottom:40px;}
.safety_box {margin-top:40px;text-align:center}
.safety_box li {display:inline-block;width:calc(100% / 4 - 2%);min-height:370px;margin-left:2%;padding:55px 0;background:#f5f5f5;vertical-align:top}
.safety_box li .icon {display:block;width:162px;height:162px;margin:0 auto;line-height:162px;text-align:center;border-radius:100%;background:#295897 url(../img/sub/bg_pattern.png) left top no-repeat}
.safety_box li .icon img {vertical-align:middle;position:relative}
.safety_box li p {height:108px;margin-top:40px;padding:0 20px;line-height:1.5;font-size:18px;font-weight:400;color:#333;word-break:keep-all}

.safety_box li:first-child {margin-left:auto}
.safety_box li:nth-child(1) .icon {background-color:#295897}
.safety_box li:nth-child(2) .icon {background-color:#3c77c3}
.safety_box li:nth-child(3) .icon {background-color:#51b1ff}
.safety_box li:nth-child(4) .icon {background-color:#7bc4ff}
.safety_box li:nth-child(1) .icon img {top:-1px}
.safety_box li:nth-child(2) .icon img {top:2px}
.safety_box li:nth-child(3) .icon img {top:-4px}
.safety_box li:nth-child(4) .icon img {top:-2px}

.safety_step {margin-top:50px}
.safety_step::after {display:block;height:0;content:".";clear:both;visibility:hidden}
.safety_step li {display:inline-block;float:left;width:calc(100% / 4 - 19px);margin:0 25px 30px auto;text-align:center;border-top:1px solid #4d4d4d;border-bottom:1px solid #ddd;vertical-align:top}
.safety_step li:nth-child(4n) {margin-right:auto}
.safety_step li b {display:block;padding:5px 0;color:#303a47;background:#f5f5f5;border-bottom:1px solid #ddd}
.safety_step li p {height:49px;margin:35px 7px;line-height:1.5;word-break:keep-all}
.safety_step li p span.br {display:block}
.safety_step.step6 li {width:calc(100% / 3 - 19px)}
.safety_step.step6 li:nth-child(4n) {margin-right:25px}
.safety_step.step6 li:nth-child(3n) {margin-right:auto}

.safety_img {margin-top:40px;text-align:center}
.safety_img::after {display:block;height:0;content:".";clear:both;visibility:hidden}
.safety_img li {display:inline-block;float:left;width:calc(100% / 3 - 1.8%);margin:0 2.5% 40px auto;vertical-align:top}
.safety_img li:nth-child(3n) {margin-right:auto}
.safety_img li img {border:1px solid #ddd}
.safety_img li p {margin-top:8px;font-weight:400;color:#444;font-size:17px}

.hse_box {margin-top:60px}
.hse_box li {display:inline-block;width:calc(100% / 3 - 3px);margin-top:50px;vertical-align:top}
.hse_box li .icon {width:200px;height:200px;margin:0 auto;text-align:center;background:#f7f7f7;border-radius:100%}
.hse_box li .icon img {margin-top:-33px;position:relative;top:50%}
.hse_box li p {margin:35px 30px 0 30px;font-size:15px;line-height:1.6;word-break:break-word}
.hse_box li:nth-child(1), 
.hse_box li:nth-child(2), 
.hse_box li:nth-child(3) {margin-top:0}

.hse_box.type1 li:nth-child(2) .icon img {margin-top:-43px}
.hse_box.type1 li:nth-child(4) .icon img {margin-top:-38px}
.hse_box.type1 li:nth-child(5) .icon img {margin-top:-29px;left:3px}
.hse_box.type1 li:nth-child(6) .icon img {margin-top:-26px}

.hse_box.type2 li {width:calc(100% / 4 - 3px)}
.hse_box.type2 li .icon img {margin-top:-37px}
.hse_box.type2 li p {margin-bottom:15px;text-align:center;font-weight:400;font-size:17px}
.hse_box.type2 li p span {display:block;color:#777;font-size:15px;font-weight:300}
.hse_box.type2 li:nth-child(4) {margin-top:0}
.hse_box.type2 li:nth-child(1) .icon img {margin-top:-29px}
.hse_box.type2 li:nth-child(3) .icon img {margin-top:-30px}
.hse_box.type2 li:nth-child(4) .icon img {margin-top:-35px}
.hse_box.type2 li:nth-child(5) .icon img {margin-top:-29px;left:auto}
.hse_box.type2 li:nth-child(7) .icon img {left:9px}

.mission .slogan {margin:50px auto 30px auto;font-size:40px;font-weight:600;text-align:center;color:#04559d}
.mission .slogan span {color:#429fff}
.mission .arrow {margin-bottom:15px;text-align:center;opacity:0.5}
.mission .box_group {text-align:center}
.mission .box_group li {display:inline-block;width:calc(100% / 3 - 4.2%);margin:0 1.9%;padding:20px 15px;border:1px solid #ededed;box-shadow:3px 4px 6px rgba(0,0,0,0.1);position:relative}
.mission .box_group li .num {display:block;font-weight:600;color:#04559d}
.mission .box_group li .box {}
.mission .box_group li b {display:block;margin-top:7px;font-size:18px;font-weight:500;color:#303a47}
.mission .box_group li p {font-size:15px;font-weight:400;opacity:0.7}


@media screen and (max-width:1090px) {
	.safety_area ul {padding:45px 0}
	.safety_area li {width:calc(100% / 3 - 30px)}
}
@media screen and (max-width:960px) {
	.safety_box {margin-top:30px}
	.safety_box li {width:calc(100% / 2 - 2.5%);min-height:367px;margin-bottom:2.5%}
	.safety_box li:nth-child(3) {margin-left:auto;}
	.safety_box li p {height:80px}
	.safety_step li {width:calc(100% / 3 - 19px);margin-right:3%}
	.safety_step li:nth-child(4n) {margin-right:3%}
	.safety_step li:nth-child(3n) {margin-right:auto}

	.hse_box {margin-top:auto}
	.hse_box li .icon {width:190px;height:190px}
	.hse_box li p {margin:30px 4% 0 4%}
	
	.hse_box.type2 {margin-top:60px}
	.hse_box.type2 li .icon {width:175px;height:175px}

	.mission .slogan {margin:40px auto 20px auto;font-size:35px}
	.mission .arrow {margin-bottom:10px}
	.mission .arrow img {max-width:300px}
	.mission .box_group li {width:calc(100% / 3 - 3.3%);margin:0 1.4%;padding:15px 10px}
	.mission .box_group li b {font-size:16px;line-height:1.4}
	.mission .box_group li p {font-size:13px}
}
@media screen and (max-width:768px) {
	.safety_step {margin-top:30px}
	.safety_step li, 
	.safety_step.step6 li {float:none;width:calc(100% / 2 - 5%);margin:0 2% 30px 2%}
	.safety_step li:nth-child(4n), 
	.safety_step li:nth-child(3n), 
	.safety_step.step6 li:nth-child(4n), 
	.safety_step.step6 li:nth-child(3n) {margin-right:2%}
	.safety_step li p {margin:30px 0}
	
	.safety_img {margin-top:20px}
	.safety_img li {float:none;width:calc(100% / 2 - 3%);margin:0 3.5% 30px auto}
	.safety_img li:nth-child(3n) {margin-right:3.5%}
	.safety_img li:nth-child(2n) {margin-right:auto}
	.safety_img li p {font-size:14px;line-height:1.4}

	.hse_box li {width:calc(100% / 2 - 3px);margin-top:40px}
	.hse_box li .icon {width:160px;height:160px}
	.hse_box li .icon img {margin-top:-28px}
	.hse_box li p {margin-top:25px;font-size:14.2px}
	.hse_box li:nth-child(3) {margin-top:40px}

	.hse_box.type1 li:nth-child(1) .icon img {width:52px}
	.hse_box.type1 li:nth-child(2) .icon img {width:69px;margin-top:-33px}
	.hse_box.type1 li:nth-child(3) .icon img {width:63px}
	.hse_box.type1 li:nth-child(4) .icon img {width:60px;margin-top:-29px}
	.hse_box.type1 li:nth-child(5) .icon img {width:63px}
	.hse_box.type1 li:nth-child(6) .icon img {width:61px;margin-top:-23px}
	
	.hse_box.type2 li {width:calc(100% / 3 - 3px)}
	.hse_box.type2 li .icon {width:160px;height:160px}
	.hse_box.type2 li .icon img {margin-top:-31px}
	.hse_box.type2 li p {word-break:keep-all}
	.hse_box.type2 li:nth-child(3) {margin-top:auto}
	.hse_box.type2 li:nth-child(4) {margin-top:40px}
	
	.hse_box.type2 li:nth-child(1) .icon img {width:76px;margin-top:-27px}
	.hse_box.type2 li:nth-child(2) .icon img {width:64px}
	.hse_box.type2 li:nth-child(3) .icon img {width:70px;margin-top:-27px}
	.hse_box.type2 li:nth-child(4) .icon img {width:40px;margin-top:-30px}
	.hse_box.type2 li:nth-child(5) .icon img {width:62px;margin-top:-21px}
	.hse_box.type2 li:nth-child(6) .icon img {width:50px}
	.hse_box.type2 li:nth-child(7) .icon img {width:73px}
	
	.mission .slogan {margin:25px auto 13px auto;font-size:25px}
	.mission .arrow img {max-width:260px}
	.mission .box_group li {width:calc(100% / 3 - 3%);margin:0 1%;padding:15px 5px}
	.mission .box_group li b {font-size:15px;line-height:1.3}
}
@media screen and (max-width:580px) {
	.safety_box li {min-height:298px;padding:45px 0}
	.safety_box li .icon {width:130px;height:130px;line-height:130px}
	.safety_box li p {height:95px;margin-top:30px;padding:0 10px;font-size:16.4px}
	.hse_box.type2 li {width:calc(100% / 2 - 2px)}
	.hse_box.type2 li:nth-child(3) {margin-top:40px}
	.mission .slogan {margin:23px auto 10px auto;font-size:22px}
	.mission .arrow {margin-bottom:3px}
	.mission .arrow img {max-width:230px}
	.mission .box_group li {width:calc(100% / 3 - 2.5%);height:131px;margin:0 0.5%;vertical-align:top}
	.mission .box_group li span.br {display:block}
	.mission .box_group li p {margin-top:4px;line-height:14px}
}
@media screen and (max-width:480px) {
	.safety_step li, 
	.safety_step.step6 li {display:block;width:auto;margin:0 2% 25px 2%}
	.safety_step li p {height:auto;margin:25px 0}

	.hse_box li .icon {width:135px;height:135px}
	.hse_box li .icon img {margin-top:-25px}
	.hse_box.type1 li:nth-child(1) .icon img {width:44px}
	.hse_box.type1 li:nth-child(2) .icon img {width:57px;margin-top:-28px}
	.hse_box.type1 li:nth-child(3) .icon img {width:53px}
	.hse_box.type1 li:nth-child(4) .icon img {width:50px;margin-top:-25px}
	.hse_box.type1 li:nth-child(5) .icon img {width:53px;margin-top:-22px}
	.hse_box.type1 li:nth-child(6) .icon img {width:51px;margin-top:-19px}
	
	.hse_box.type2 {margin-top:50px}
	.hse_box.type2 li .icon {width:135px;height:135px}
	.hse_box.type2 li .icon img {margin-top:-25px}
	.hse_box.type2 li:nth-child(1) .icon img {width:58px;margin-top:-20px}
	.hse_box.type2 li:nth-child(2) .icon img {width:48px}
	.hse_box.type2 li:nth-child(3) .icon img {width:56px;margin-top:-21px}
	.hse_box.type2 li:nth-child(4) .icon img {width:32px;margin-top:-24px}
	.hse_box.type2 li:nth-child(5) .icon img {width:50px;margin-top:-19px}
	.hse_box.type2 li:nth-child(6) .icon img {width:40px}
	.hse_box.type2 li:nth-child(7) .icon img {width:61px;left:5px}
}
@media screen and (max-width:400px) {
	.safety_box li {min-height:228px;padding:32px 0}
	.safety_box li .icon {width:100px;height:100px;line-height:100px}
	.safety_box li p {height:85px;margin:22px 5px 0 5px;padding:0;font-size:14px;letter-spacing:-0.5px}
	.safety_box.type1 li:nth-child(1) .icon img {width:32px}
	.safety_box.type1 li:nth-child(2) .icon img {width:64px}
	.safety_box.type1 li:nth-child(3) .icon img {width:50px;top:-3px}
	.safety_box.type1 li:nth-child(4) .icon img {width:46px}

	.hse_box li {width:auto;margin-top:35px}
	.hse_box li:nth-child(2), 
	.hse_box li:nth-child(3) {margin-top:35px}

	.hse_box.type2 li {display:block;width:auto;margin-top:45px}
	.hse_box.type2 li:nth-child(3), 
	.hse_box.type2 li:nth-child(4) {margin-top:45px}
		
	.mission .box_group li {height:113px;padding:10px 3px}
	.mission .box_group li .num {font-size:14px}
	.mission .box_group li b {font-size:13px}
	.mission .box_group li p {margin-top:6px;font-size:11px;line-height:12px}
}



/*경영이념 , 윤리경영*/
#vision{margin:70px auto;}
#vision>li{position:relative;border-top:1px solid #ededed;position:relative;padding:60px 0;min-height:300px;}
#vision>li.first{border-top:1px solid #555;}
#vision>li.last {border-bottom:1px solid #ededed}
#vision>li .icon{position:absolute;top:60px;left:0;width:25%;text-align:center;}
#vision>li .icon img{width:180px;border-radius:200px;overflow:hidden;}
#vision>li .text{padding:30px 0 0 28%;}

.manage_rule {text-align:center;background:url(../img/sub/bg_overview03.png) center center no-repeat;background-size:100%} /* top 30% */
.manage_rule .manage_img {margin:50px auto}
.manage_rule .manage_img:first-child {margin-bottom:140px}

.vision_box {margin-bottom:15px;position:relative}
.vision_bt {margin-bottom:25px;text-align:right}
.vision_bt a {display:inline-block;width:190px;padding:8px 0;text-align:center;border:1px solid #666}
.vision_bt a:hover {color:#fff;background:#0D5EA7;border-color:#0D5EA7}

.doc_list {margin-bottom:75px}
.doc_list li {display:block;margin-bottom:4px;padding-left:12px;position:relative}
.doc_list .dotted {display:inline-block;width:4px;height:4px;background:#999;position:absolute;left:0;top:11px}

.vision_list {margin:20px 23px 75px 23px}
.vision_list:last-child {margin-bottom:0}
.vision_list li {display:block;margin-bottom:7px;padding-left:130px;position:relative}
.vision_list li b {display:inline-block;width:120px;font-weight:500;color:#0368C0;position:absolute;left:0;top:auto}

.document_area {height:300px;margin-bottom:20px;padding:30px 40px;background:#f9f9f9;bordeR:1px solid #ededed;overflow-y:auto}
.document_area .doc_tit {margin-bottom:15px;font-size:20px;font-weight:500;color:#222;text-align:center}
.document_area p {padding-bottom:10px;text-align:center;font-size:15px}
.document_area b {display:block;margin:28px 0 7px 0;font-weight:500;color:#333}
.document_area b.first {margin-top:0}
.document_area .doc_list {margin-bottom:0}
.document_area .doc_list li {padding-left:10px;font-size:15px;line-height:1.6}
.document_area .doc_list .dotted {width:3px;height:3px}

.vision_sec2 .sec_box {display:inline-block;width:calc(100% / 2 - 2px);vertical-align:top}
.vision_sec2 .vision_list li {padding-left:82px}
.vision_sec2 .vision_list li b {width:82px}

.rep_center {background:#fff}
.rep_center h5 {padding:8px 30px;font-size:18px;font-weight:400;color:#fff;background:#04559d url(../img/sub/bg_pattern.png) left top repeat}
.rep_center .rep_info {padding:16px 30px 18px 30px;border:1px solid #d5dce3;border-top:0}
.rep_center .rep_info li {margin-top:12px}
.rep_center .rep_info .icon {display:inline-block;width:18px;height:18px;margin-right:6px;text-align:center;opacity:0.7}
.rep_center .rep_info .icon i {vertical-align:top}
.rep_center .rep_info p {display:inline-block;line-height:15px;vertical-align:top}
.rep_center .rep_info b {display:inline-block;margin-right:5px;font-weight:normal}
.rep_center .rep_info a {color:#04559d}
.rep_center .rep_info a:hover {text-decoration:underline}
.rep_center .rep_info .tel .icon {margin-right:8px}
.rep_center .rep_info .tel .icon i {transform:rotate(90deg)}
.rep_center .rep_info .mail p:nth-child(3) {margin-left:28px}

#motto{font-size:0;}
#motto li{display:inline-block;width:31.333333333333333%;margin:0 3% 0 0;background-color:#f5f5f5;text-align:center;padding:50px 0;vertical-align:top;}
#motto li:last-child{margin-right:0;}
#motto li .icon{width:176px;margin:0 auto;border-radius:180px;overflow:hidden;}
#motto li .title{font-size:21.4px;line-height:24px;font-weight:500;color:#333;padding-top:30px;letter-spacing:0px;}
#motto li .title span {display:inline-block;margin-left:6px}

@media screen and (max-width:1100px) {
	#vision>li .text br{display:none;}
}
@media screen and (max-width:960px) {
	#vision{margin:50px auto;}
	#vision>li{padding:50px 0;min-height:280px;}
	#vision>li .icon{top:50px;width:25%;}
	#vision>li .text{padding:20px 0 0 32%;}
	.manage_rule .manage_img {margin:40px auto}
	.manage_rule .manage_img:first-child {margin-bottom:120px}
	.vision_sec2 .sec_box {display:block;width:auto}
}
@media screen and (max-width:768px) {
	#vision{margin:40px auto;}
	#vision>li{padding:40px 0;min-height:260px;}
	#vision>li .icon{top:40px;width:25%;}
	#vision>li .text{padding:0 0 0 32%;}
	.manage_rule .manage_img {margin:20px auto}
	.manage_rule .manage_img:first-child {margin-bottom:70px}
	.doc_list {margin-bottom:50px}
	.document_area {padding:25px}
	.document_area b {margin:20px 0 4px 0}
	.document_area .doc_list li {font-size:13.8px}
	.document_area .doc_list .dotted {top:10px}
	.vision_list {margin:15px 3px 50px 3px}
	.vision_list li {padding-left:90px}
	.vision_list li b {width:90px}
	.rep_center h5 {padding:7px 23px;font-size:17px}
	.rep_center .rep_info {padding:11px 30px 14px 25px}
	#motto{font-size:0;margin-top:10px;}
	#motto li{padding:40px 0;}
	#motto li .icon{width:110px;}
	#motto li .title{font-size:19px;line-height:22px;padding-top:20px;}
	#motto li .title span {display:block;margin-left:0}
}
@media screen and (max-width:560px) {
	#motto li{display:block;width:100%;margin:0 0 5% 0;padding:30px 0;}
	#motto li .icon{width:90px;}
}
@media screen and (max-width:480px) {
	#vision{margin:30px auto}
	#vision>li{padding:30px 0;min-height:auto;}
	#vision>li .icon{position:relative;top:auto;left:auto;width:100%;text-align:center;}
	#vision>li .icon img{width:120px;}
	#vision>li .text{padding:20px 0 0 0;}
	#vision>li .text h4{background:none;padding:0 0 10px 0;text-align:center;}
	.manage_rule .manage_img:first-child {margin-bottom:50px}
	.doc_list {margin-bottom:40px}
	.vision_bt a {width:auto;padding:5px 18px;font-size:14px}
	.vision_list {margin-bottom:40px}
	.rep_center {text-align:center}
	.rep_center .rep_info {padding:10px 0 18px 0}
	.rep_center .rep_info .icon {display:none}
	.rep_center .rep_info .mail p:nth-child(3) {margin-left:auto;margin-top:4px}
	#motto li .title{font-size:17px;}
}



/*연혁*/
#history{position:relative;padding-right:44%;}
#history .title{position:absolute;top:110px;right:3%;width:33%;text-align:right;}
#history .history_con ul.ul_con{border-top:1px solid #aaa;margin-top:40px;padding-top:40px;}
#history .history_con ul.ul_con li{position:relative;padding-left:100px;}
#history .history_con ul.ul_con li span{display:block;position:absolute;top:0;left:0;font-weight:600;color:#0368C0;}

@media screen and (max-width:920px) {
	#history{padding:0;}
	#history .title{display:none;}
	#history .history_con ul.ul_con li{padding-left:85px;}
}
@media screen and (max-width:480px) {
	#history .history_con ul.ul_con{margin-top:25px;padding-top:20px;}
	#history .history_con ul.ul_con li{padding-left:75px;}
}

/*ci*/
#ci{position:relative;}
#ci .slogan_wrap{position:relative;padding-left:53%;}
#ci .slogan_wrap .img{position:absolute;top:5px;left:0;width:48%;}
#ci .slogan_wrap .text .exp1{padding-bottom:30px;}
#ci .slogan_wrap .text .exp1 span{letter-spacing:-1px;}
#ci ul.logo_img{margin-top:50px;}
#ci ul.logo_img li{float:left;width:48%;}
#ci ul.logo_img li:last-child{float:right;text-align:right;}
#ci .download_ci{padding-top:20px;text-align:right;}
#ci .download_ci a{display:inline-block;background-color:#fff;border:1px solid #0D5EA7;color:#0D5EA7;font-size:15.6px;font-weight:400;line-height:44px;padding:0 24px;border-radius:60px;}
#ci .download_ci a:hover{background-color:#0D5EA7;color:#fff;}

@media screen and (max-width:768px){
	#ci .slogan_wrap{padding-left:0;}
	#ci .slogan_wrap .img{position:relative;top:auto;left:auto;width:100%;text-align:center;padding-top:20px;}
	#ci .slogan_wrap .text .exp1{padding:30px 0 20px 0;}
	#ci .slogan_wrap .text .exp1 span{letter-spacing:0;}
	#ci ul.logo_img{margin-top:30px;}
	#ci .download_ci{padding-top:20px;}
	#ci .download_ci a{font-size:14px;line-height:32px;padding:0 20px;}
}

@media screen and (max-width:480px){
	#ci .slogan_wrap .img{padding-top:10px;}
	#ci .slogan_wrap .text .exp1{padding:25px 0 20px 0;}
	#ci ul.logo_img{margin-top:25px;}
	#ci ul.logo_img li{float:none;width:100%;}
	#ci ul.logo_img li:last-child{float:none;text-align:left;margin-top:12px;}
	#ci .download_ci{padding-top:20px;text-align:center;}
	#ci .download_ci a{font-size:13px;line-height:30px;padding:0 15px;}
}


/*계열사*/
#affiliate{}
#affiliate>li{position:relative;padding:0 0 85px 0;}
#affiliate>li .img{position:absolute;top:3px;left:0;width:533px;}
#affiliate>li .info_area{position:relative;padding-left:600px;min-height:350px;}
#affiliate>li h4{font-size:25px;line-height:26px;font-weight:600;letter-spacing:-1px;}
#affiliate>li ul.info{padding-top:18px;border-top:1px solid #e5e5e5;margin-top:25px;}
#affiliate>li ul.info li{position:relative;padding-left:125px;}
#affiliate>li ul.info li span{display:block;position:absolute;top:0;left:0;font-weight:500;width:90px;background:url(../img/spot_ul.gif) no-repeat 0 center;padding-left:9px;}
#affiliate>li ul.info li a {word-break:break-all}
#affiliate >li .view_map{position:absolute;bottom:0;right:0;text-align:right;}
#affiliate >li span.btn{display:inline-block;width:110px;line-height:34px;background-color:#0368C0;font-size:12px;letter-spacing:0.4px;text-align:center;color:#fff;cursor:pointer;border-radius:40px;}
#affiliate >li span.btn i{padding-right:2px;}
#affiliate >li span.btn:hover{opacity:0.5;}

#map_canvas{width:100%;height:450px;margin:30px 0 0;}

@media screen and (max-width:1100px) {
	#affiliate>li{padding:0 0 50px 0;}
	#affiliate>li .img{width:450px;}
	#affiliate>li .info_area{padding-left:500px;min-height:auto;}
	#affiliate>li h4{font-size:25px;line-height:26px;}
	#affiliate>li ul.info{padding-top:18px;margin-top:25px;}
	#affiliate>li ul.info li span{width:90px;padding-left:9px;}
	#affiliate >li .view_map{position:relative;bottom:auto;right:auto;padding-top:10px;}
}

@media screen and (max-width:900px) {
	#affiliate>li{padding:0 0 50px 0;}
	#affiliate>li .img{width:380px;}
	#affiliate>li .info_area{padding-left:420px;}
}

@media screen and (max-width:768px) {
	#affiliate>li{padding:0 0 50px 0;}
	#affiliate>li .img{position:relative;top:auto;left:auto;width:100%;}
	#affiliate>li .info_area{padding:30px 0 0;}
	#affiliate>li h4{font-size:20px;line-height:24px;}
	#affiliate>li ul.info{padding-top:18px;margin-top:15px;}
	#affiliate>li ul.info li span{width:80px;}
	#affiliate >li .view_map{padding-top:20px;}
	#affiliate >li span.btn{width:100px;line-height:32px;font-size:11.4px;letter-spacing:0;}
	#map_canvas{height:320px;margin:20px 0 0;}
}

@media screen and (max-width:480px) {
	#affiliate>li{padding:0 0 30px 0;}
	#affiliate>li .info_area{padding:18px 0 0;}
	#affiliate>li h4{font-size:19px;line-height:22px;}
	#affiliate>li ul.info{padding-top:15px;margin-top:15px;}
	#affiliate>li ul.info li{position:relative;padding-left:110px;}
	#map_canvas{height:280px;margin:15px 0 0;}
}



/* 관련사이트 */
.site_link {margin-bottom:40px}
.site_link::after {display:block;height:0;clear:both;content:".";visibility:hidden}
.site_link li {display:inline-block;width:calc(100% / 4 - 2.55%);margin:0 3% 30px 0;vertical-align:top}
.site_link li:nth-child(4n) {margin-right:auto}
.site_link li a {display:block;text-align:center}
.site_link li a img {border:1px solid #ddd;transition:0.25s}
.site_link li a b {display:block;margin-top:10px;font-weight:400}
.site_link li:hover a img {border-color:#57bff0}

@media screen and (max-width:960px) {
	.site_link {margin-bottom:3%}
	.site_link li {float:left;width:calc(100% / 3 - 2.5%);margin:0 3.5% 4% 0}
	.site_link li:nth-child(4n) {margin-right:3.5%}
	.site_link li:nth-child(3n) {margin-right:auto}
	.site_link li a b {margin-top:7px}
}

@media screen and (max-width:480px) {
	.site_link li {width:calc(100% / 2 - 2.5%)}
	.site_link li:nth-child(3n) {margin-right:3.5%}
	.site_link li:nth-child(2n) {margin-right:auto}
}


/* 정보센터 */
.erp_down a:hover {opacity:0.85}
.cp_service {}
.cp_service li {display:inline-block;width:calc(100% / 3 - 35px);margin-right:4%;background-image:url(../img/sub/bg_pattern2.png);background-position:left top;background-repeat:repeat;position:relative}
.cp_service li:nth-child(3n) {margin-right:auto}
.cp_service li:hover {opacity:0.95}
.cp_service li a {display:block;padding:50px 35px;color:#fff;position:relative}
.cp_service li .icon {margin-top:-35px;position:absolute;right:35px;top:50%}
.cp_service li b {display:block;font-size:18px;font-weight:500}
.cp_service li span {display:block}

.cp_service li.cp1 {background-color:#303a47} 
.cp_service li.cp2 {background-color:#0d5ea7} 
.cp_service li.cp3 {background-color:#fcaf17} 

@media screen and (min-width:768px){
	.cp_service li:hover {animation-name:cp_service;animation-duration:0.8s;animation-iteration-count:1;animation-fill-mode:forwards}
}

@keyframes cp_service{
	0% {transform:translate(0, 0)}
	50% {transform:translate(0, -15px)}
	100% {transform:translate(0, -15px)}
}

@media screen and (max-width:1100px){
	.cp_service li {width:calc(100% / 3 - 27px);margin-right:3.5%}
	.cp_service li a {padding:45px 25px}
	.cp_service li .icon {width:56px;margin-top:-26px;right:25px}
}
@media screen and (max-width:960px){
	.cp_service li {width:calc(100% / 3 - 21px);margin-right:3%;text-align:center}
	.cp_service li a {padding:30px 0}
	.cp_service li .icon {margin:auto auto 20px auto;position:relative;top:auto;right:auto}
}
@media screen and (max-width:768px){
	.cp_service li {width:calc(100% / 3 - 14px);margin-right:2.5%}
	.cp_service li .icon {margin-bottom:15px}
	.cp_service li b {font-size:15px;word-break:keep-all}
}
@media screen and (max-width:600px){
	.cp_service li {width:calc(100% / 3 - 9px);margin-right:1.8%}
	.cp_service li a {padding:23px 5px}
	.cp_service li .icon {width:40px}
	.cp_service li b {font-size:14px;font-weight:400;line-height:1.4}
}
@media screen and (max-width:520px){
	.cp_service li {display:block;width:auto;margin:0 auto 15px auto}
	.cp_service li span {display:inline-block}
}


/* 홍보동영상, 카탈로그 */
.movie_area {background:#d7d7d7;position:relative}
.movie_area video {padding:10px}
.movie_area .kgb {width:100%;height:100%;text-align:center;background:rgba(0,0,0,0.7);position:absolute;left:0;top:0;z-index:1}
.movie_area .kgb .bt_play {margin-top:-40px;cursor:pointer;position:relative;top:50%;z-index:2;transition:0.2s}
.movie_area .kgb .bt_play:hover {opacity:0.8}

.catalog_area {position:relative}
.catalog_area img {}
.catalog_area .bt_download {display:block;width:142px;height:39px;margin:-111px -200px 0 0;border-radius:39px;position:absolute;right:50%;top:50%}
.catalog_area .bt_download:hover {background:rgba(255,255,255,0.1)}

@media screen and (max-width:960px) {
	.catalog_area .bt_download {width:15.5%;height:6%;margin:auto;top:32.5%;right:28%}
}
@media screen and (max-width:768px) {
	.movie_area video {padding:6px}
}

@media screen and (max-width:480px) {
	.catalog_area .bt_download {width:100%;height:100%;border-radius:0;top:0;right:auto}
}