@charset "utf-8";

/* 내용관리 */
#ctt {max-width: 1180px; margin: 0 auto; padding: 0 50px;}
.ctt_admin {text-align:right}
#ctt header h1 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#ctt_con {padding:10px 0;background: #fff;}
.ctt_img {text-align:center}

.clear{ clear:both; }

.title_box{width:1020px;margin:0 auto;padding:58px 50px 47px;text-align:center;border-bottom: 1px solid #c2c2c2;}
.title_box h1{margin:0 0 2px;font-weight: bold;font-size: 36px; color: #333; letter-spacing: -0.05em;text-align: center;}
.icon_intro01.about.h1 strong{background:url(/img/ico_intro01.png) no-repeat left 5px}
.icon_intro02.about.h1 strong{background:url(/img/ico_intro01.png) no-repeat left 5px}
.icon_intro03.about.h1 strong{background:url(/img/ico_intro01.png) no-repeat left 5px}
.icon_intro04.about.h1 strong{background:url(/img/ico_intro01.png) no-repeat left 5px}
.icon_intro05.about.h1 strong{background:url(/img/ico_intro01.png) no-repeat left 5px}
.icon_intro06.about.h1 strong{background:url(/img/ico_intro01.png) no-repeat left 5px}
.icon_intro07.about.h1 strong{background:url(/img/ico_intro01.png) no-repeat left 5px}
.icon_intro08.about.h1 strong{background:url(/img/ico_intro01.png) no-repeat left 5px}
.icon_info01.about.h1 strong{background:url(/img/ico_intro01.png) no-repeat left 5px}
.icon_service.about.h1 strong{background:url(/img/ico_intro01.png) no-repeat left 5px}
.icon_privacy.about.h1 strong{background:url(/img/ico_intro01.png) no-repeat left 5px}
.icon_mail.about.h1 strong{background:url(/img/ico_intro01.png) no-repeat left 5px}


.icon_intro09.about.h1 strong{background:url(/img/ico_intro09.png) no-repeat left 5px}
.icon_intro10.about.h1 strong{background:url(/img/ico_intro09.png) no-repeat left 5px}

.icon_support01.about.h1 strong{background:url(/img/ico_support01.png) no-repeat left 5px}
.icon_support02.about.h1 strong{background:url(/img/ico_support01.png) no-repeat left 5px}
.icon_support03.about.h1 strong{background:url(/img/ico_support01.png) no-repeat left 5px}

.icon_esg01.about.h1 strong{background:url(/img/ico_intro01.png) no-repeat left 5px}
.icon_esg02.about.h1 strong{background:url(/img/ico_intro01.png) no-repeat left 5px}
.icon_esg03.about.h1 strong{background:url(/img/ico_intro01.png) no-repeat left 5px}
.icon_esg04.about.h1 strong{background:url(/img/ico_intro01.png) no-repeat left 5px}
.icon_esg05.about.h1 strong{background:url(/img/ico_intro01.png) no-repeat left 5px}


.h1 strong{display:inline-block;padding-left:65px;min-height:61px;text-align:left}
.h1 strong span{display:block;margin-top:-3px;font-weight:normal;font-size:12px;line-height:18px;letter-spacing:0;color:#767676}

.sub_con{position: relative;  width: 80%; max-width: 1020px; margin: 0 auto; padding: 30px 0 80px 0;}
.sub_con h2{padding-top: 8px;
    margin: 30px 0;
    background: url(/img/bar_tit.jpg) no-repeat 0 0;
	font-weight: bold;
    font-size: 30px;
    letter-spacing: -0.075em;
    color: #333;
	text-align:left;
}
.sub_con h3{
	display: inline-block;
    position: relative;
	background: url(/img/h3_bu.png) no-repeat 2px 10px;
	padding-left: 20px;
    margin: 4px 0 14px 0;
    width: 100%;
    font-weight: bold;
    font-size: 16px;
    letter-spacing: -0.075em;
    color: #222;
    line-height: 24px;
	text-align:left;
}

.sub_con h4{
	display: inline-block;
    position: relative;
    margin: 4px 0 0px 10px;
    width: 100%;
    font-weight: bold;
    font-size: 15px;
    letter-spacing: -0.075em;
    color: #222;
    line-height: 24px;
	text-align:left;
}

.sub_con_img{
	width:60%;
	margin:0 auto;
	/*border: 1px solid #d8d8d8;*/
    text-align: center;
    margin-bottom: 10px;
}

.emp{
	color:#3b4299;
	font-size:18px;
	font-weight:800;
	text-align:center;
	letter-spacing: -1.4px;
}

/*ceo*/
.ceo_bg{height:auto;background: url(/img/ceo_bg.png) no-repeat 110% 100%;}
.ceo_txt{width:70%;text-align:justify !important;}
.ceo_sign{font-size:18px;font-weight:800;text-align:right;}
.ceo_name{text-align:right !important; }

/*지도*/
#enk_gisa,#enk_Noksan,#enk_Pohang{padding-top: 50px; }

/*연혁*/
#history{width:80%; margin:0 auto;margin-top: 25px;}
.historyContent{width:100%; clear:both; }
.year{clear:both;width:20%; float:left; border-top:2px #3c4299 solid; padding:15px 0 0 0; margin:0 auto; margin-top:30px; }
.year p{ height:180px; font-size:40px; font-weight:600; color:#fff; text-align:right; line-height:1.2; margin:0 19px 0 0; padding:0 10px 0 0; }
.year span{display:block; font-size:40px; font-weight:600; color:#8cc63f;}
.year_detail{width:80%; float:left; border-top:2px #e3e3e3 solid; margin-bottom:30px; margin-top:30px; }
.year_detail ul{ float:left; padding-top:10px;}
.year_detail ul li{position:relative; padding:5px 0 5px 108px; line-height:1.3;font-size: 14px; color:#555; border-bottom: #e8e8e8; text-align:left;} 
.year_detail ul li span{position:absolute; display:block; left:24px; top:6px; font-size:14px; font-weight:bold; color:#333;}
.year_detail ul li img{float:left; }


/*경영방침*/
.intro03_bg{text-align:center;}
.intro03_bg_mb{display:none; }

/*CI*/
.logo_box{}
.logo_bg{border:1px solid #ddd;background:url(/img/bg_sq.jpg) repeat left top;padding:30px; }
.point01{color: #3073ba;font-weight: 600;}
.sub_con p{margin: 19px; font-size: 14px; line-height: 24px; letter-spacing: -0.05em; color: #555; text-align:left; }
.sub_ci_down{margin:20px; }
.sub_ci_down ul li {display:inline;}

/*조직도*/
.intro03_txt p{
	font-weight: bold;
    line-height: 38px;
    text-align: center;
    background: #f3f3f3;
    line-height: 23px;
    background: #f6f6f7;
    padding: 13px 20px 16px;
}
.intro03_txt p > span{ color:#4071ab}


/*경영정보*/
.info_imgbox {
    border: 1px solid #d8d8d8;
    text-align: center;
    margin-bottom: 10px;
	padding: 20px;
}
.info_ex ul li {
    width: 33.3333%;
	display: inline;
}


/*영상*/
.movieW{overflow:hidden;margin-top:50px;padding-bottom:50px;}

.movieW .movie{float:left;width:70%;}
.movieW .caption{position:relative;float:right;width:27.5%;height:370px;border:1px solid #ebe8e6;}
.movieW .caption>.scroll{height:100%;overflow-y:auto;}
.movieW .caption>.scroll>.inner{ padding: 10px;}
.movieW .caption>.curtain{position:absolute;left:40px;width:294px;height:40px;background-color:#fff;}

.movieW .caption h3{margin-bottom:12px;font-size:18px;}
.youtubeWrap { position: relative; width: 100%; padding-bottom: 56.25%;}
.youtubeWrap iframe { position: absolute; width: 100%; height: 100%;}

/*서비스망*/
.contacus nav a span{ font-size:15px !important }

.contac_cont ul{overflow:hidden;}
.contac_cont ul:after{display:block;clear:both;content:"";}
.contac_cont li{float:left;width:49%;margin-bottom:10px;border:1px solid #d4d4d4;height:230px}
.contac_cont li.odd{float:right;}
.contac_cont li dl{position:relative;padding:10px 0 10px 132px;border-top-width:5px;border-top-style:solid;}
.contac_cont li dt{position:absolute;left:0;top:40%;width:132px;text-align:center;color:#000;font-weight:bold;font-size:14px;}
.contac_cont li dd{min-height:75px;padding:10px 0 10px 23px;}
.contac_cont li dd p{padding-left:11px;margin-top:5px;background:url("../../../img/t-circle.jpg") no-repeat 0 6px;font-size:10pt;text-align: left;}
.contac_cont li dd p.addr{padding-left:0;margin-top:0;background:none;}
#asia tbody th{color:#2f7dd2;background:#fff}
#africa tbody th{color:#4c8943;background:#fff}
#n_africa tbody th{color:#27b3b2;background:#fff}
#europe tbody th{color:#8a403d;background:#fff}
#s_africa tbody th{color:#e76203;background:#fff}


/*테이블*/
.t3{position:relative;font-size:13px;padding:10px 0 50px 0;overflow:auto}
.t3 .tblWrap{width:100%;}
.t3 table{width:90%;margin:0 auto; letter-spacing:-0.05em;border-top:3px solid #37315d;border-bottom:2px solid #e2e2e2;border-spacing:0;border-collapse:collapse; line-height:18px;}
.t3 thead tr:first-child th{border-top:0;}
.t3 th,
.t3 td{padding:10px 0;font-weight:400;text-align:center;border-top:1px solid #e2e2e2;border-left:1px solid #e2e2e2;}
.t3 thead tr:first-child th:first-child ,
.t3 td.ty3{border-left:0;}
.t3 th{background:#eff1f5;font-weight:bold}
.t3 th.ty1{background:#f4efe4;}
.t3 td.ty1{background:#f9f9f9;}
.t3 td.ty2{color:#005c9a;}
.t3 td.ty3{color:#e72744;font-weight:bold}
.t3 td.ty4{color:#333333;font-weight:bold}


/*약관*/
.rule_font{ color:#405aa8;}
.data_rule{width:90%;background:#eee;border:1px solid #e7e7e7;margin:0 auto;padding:15px;line-height:22px;text-align:left;}




@media screen and (max-width:1300px) {
	
	.title_box {
		width: 100%;
		padding: 30px 0px !important;
	}
}

@media screen and (max-width:979px) {
	#ctt{width:100%; margin:0 auto;padding:0px; }
	.sub_con{width:90%; padding:30px 0px }
	.sub_con h2{font-size:25px;}

	#history{width:90%; margin:0 auto;}
	.year{position:relative; float:none; height:45px; border:0; border-bottom:2px #e3e3e3 solid; margin:0 20px; padding:0;}
	.year p{position:absolute; left:0; bottom:-2px; width:132px; font-size:20px; text-align:left; border-bottom:2px #444 solid;}
	.year span{font-size:25px;padding-top: 170px;}
	.year_detail{float:none; width:auto; margin:0 20px; border:0;}
	.year_detail ul{float:none; margin:5px 0 30px 0;}
	.year_detail ul li{padding:5px 0 5px 53px;font-size:13px;}
	.year_detail ul li span{left:0px; top:7px; font-size:13px;}

	.sub_con p{font-size:13px; }
	.logo_box img {max-width: 100%;}

	.ceo_bg{background:#fff;}
	.ceo_txt{width:100%;margin:0 auto !important;}

	.intro03_bg img{width:100%; }
	.intro03_bg_pc{display:none; }

	.intro03_bg_mb{display:block; }

	.sub_con_img{width:90%;}

	.movieW .movie{float:none;margin:0 auto; width:90%;}
	.movieW .caption{float:none;width:90%;margin:0 auto;margin-top:30px;height:120px;}
	
	.t3 table {width:100%; } 

}

/* 230713 지속가능경영 */
.circle1 { width:15px; height:15px; margin: 4px; border-radius:100px; -moz-border-radius : 100px; -webkit-border-radius : 100px; -ms-border-radius :100px; -khtml-border-radius : 100px; -o-border-radius :100px; background:#323863; float:left;}
.sub_layout .inner_tit2 {font-family: 'Noto Sans KR', sans-serif;font-size:15.8px;font-weight:500;color:#323863}
.img_area {margin:40px auto}
.img_area img {max-width:100%}
.section_sub_title { font-size:1.2em; color:#333333; }
.sub_content_field{margin: 0 auto;border: 0; /* float: left; */ width: 80%;}
.sub_content_field img {max-width: 100%;margin-bottom: 10px;}
.sub_content_field p {	clear: both;padding: 5px;text-align:left;line-height: 24px;font-size:14px;}
.bd_dashed {margin: 40px auto 35px auto;border-top: 1px dashed #ccc;}

/* 지속가능경영 */
.dept_list {margin-top:10px;padding:5px 25px 25px 25px;border:1px solid #eee;border-top:2px solid #79b542;background-color:#f7f7f7}
.dept_list li {margin-top:18px;padding-left:20px;position:relative}
.dept_list li .num {display:inline-block;position:absolute;left:0;top:0}
.dept_list li.end {margin-top:28px;font-family: 'Noto Sans KR', sans-serif;font-weight:500;color:#1d1d1d;text-align:right}
.icon_step {margin-bottom:4%}
.icon_step li {display:inline-block;margin-left:4.5%;text-align:center;vertical-align:top}
.icon_step li:first-child {margin-left:auto}
.icon_step li p {font-family: 'Noto Sans KR', sans-serif;padding:0;text-align:center;line-height:1.5;clear:inherit}
.icon_step2 {margin-bottom:4%;padding:40px 15px;text-align:center;background-color:#f7f7f7}
.icon_step2 li {display:inline-block;width:calc(100% / 5 - 42px);margin:0 1.5%}/* ;width:calc(100% / 5 - 36px);margin-left:3.7%;text-align:center */
/*.icon_step2 li:first-child {margin-left:auto}*/
.icon_step2 li .icon {width:164px;height:164px;font-size:0;line-height:0;border:1px solid #ddd;border-radius:100%;background-position:center center;background-repeat:no-repeat}
.icon_step2 li b {display:block;margin-top:20px;font-size:14px}
.icon_step3 {margin-bottom:4%}
.icon_step3 li {display:inline-block;width:calc(100% / 5 - 53px);height:410px;margin-left:1.2%;padding:22px 18px;text-align:center;border:1px solid #ddd;vertical-align:top}
.icon_step3 li:first-child {margin-left:auto}
.icon_step3 li .icon {width:80px;height:80px;margin:15px auto 0 auto;text-align:center;font-size:0;line-height:0;border-radius:100%;background-repeat:no-repeat;background-position:center center;background-color:#f2f2f2;background-size:calc(100% / 2 + 2px)}
.icon_step3 li b {display:block;margin:23px auto}
.icon_step3 li b::after {display:block;width:30px;height:2px;margin:20px auto 0 auto;content:"";background-color:#79b542}
.icon_step3 li p {font-family: 'Noto Sans KR', sans-serif;margin-bottom:5px;padding:0;line-height:1.5;font-size:13.7px;color:#444;clear:inherit;word-break:keep-all}
.icon_step3 li .txt {}
.certi_img {margin-top:10px}
.certi_img .img_box {display:inline-block;width:calc(100% / 4 - 28px);margin-left:2.7%;font-size:0;line-height:0;border:1px solid #ddd}
.certi_img .img_box:first-child {margin-left:auto}
.certi_img .img_box img {margin-bottom:0}

.dept_list2 {margin-top:40px;padding:5px 25px 25px 25px;border:1px solid #eee;background-color:#f7f7f7}
.dept_list2 li {margin-top:18px;padding-left:40px;position:relative}
.dept_list2 li .num {display:inline-block;position:absolute;left:0;top:0}
.dept_list2 li.end {margin-top:28px;font-family: 'Noto Sans KR', sans-serif;font-weight:500;color:#1d1d1d;text-align:right}

@media screen and (max-width:1290px){
	.icon_step3 li {width:calc(100% / 3 - 54px);height:auto;min-height:105px;margin:0 1.5% 30px auto;text-align:left}
	.icon_step3 li:nth-child(3n) {margin-right:auto}
	.icon_step3 li .icon {display:inline-block;margin-top:0;vertical-align:top}
	.icon_step3 li .txt_group {display:inline-block;width:calc(100% - 106px);margin-left:20px;vertical-align:top}
	.icon_step3 li b {margin:0 auto 15px auto}
	.icon_step3 li b::after {margin:15px auto 0 0}
	.icon_step3 li p {display:inline-block;margin-right:20px}
	.certi_img .img_box {margin-left:2.4%}
}

@media screen and (max-width:1080px){
	.icon_step2 {padding:35px 0}
	.icon_step2 li {width:calc(100% / 5 - 37px)}
	.icon_step2 li .icon {width:140px;height:140px;margin:0 auto}
}

@media only screen and (max-width:900px){
	.bd_dashed {margin:30px auto 25px auto}
	.icon_step2 {padding:30px 0}
	.icon_step2 li {width:calc(100% / 5 - 30px)}
	.icon_step2 li .icon {width:110px;height:110px;background-size:calc(100% / 2 - 9px)}
	.icon_step3 li {width:calc(100% / 2 - 49px);min-height:130px}
	.icon_step3 li:nth-child(3n) {margin-right:1.5%}
	.icon_step3 li:nth-child(2n) {margin-right:auto}
	.certi_img .img_box {width:calc(100% / 4 - 22px)}
}

@media only screen and (max-width:801px) {
	.dept_list {padding:0 15px 15px 15px;font-size:.85rem}
	.dept_list li {margin-top:14px}
	.dept_list li.end {margin-top:24px}
	.dept_list2 {margin-top:20px; padding:0 15px 15px 15px;font-size:.85rem}
	.dept_list2 li {margin-top:14px}
	.dept_list2 li.end {margin-top:24px}
	.icon_step li {width:calc(100% / 3 - 24px)}
	.icon_step2 li .icon {width:94px;height:94px}
}
@media only screen and (max-width:640px){
	.bd_dashed {margin:20px auto 15px auto}
	.icon_step2 {max-width:375px;padding:0;text-align:left;background-color:#fff}
	.icon_step2 li {width:92px;margin:0 4% 20px 4%}
	.icon_step2 li .icon {width:92px;height:92px}
	.icon_step2 li b {margin-top:18px;text-align:center}
	.icon_step3 li {display:block;width:auto;min-height:80px;margin:0 auto 20px auto}
	.icon_step3 li:nth-child(3n) {margin-right:auto}
	.certi_img .img_box {width:calc(100% / 3 - 18px);margin:0 2.4% 20px auto}
	.certi_img .img_box:nth-child(3n) {margin-right:auto}
}
@media screen and (max-width:480px) {
	.icon_step li {display:block;width:auto;margin:0 auto 30px auto;text-align:center}
	.icon_step3 li .icon {width:60px;height:60px;background-size:calc(100% / 2 + 6px)}
	.icon_step3 li .txt_group {width:calc(100% - 85px)}
}
@media screen and (max-width:420px){
	.icon_step2 {max-width:inherit}
	.icon_step2 li {width:85px;margin:0 2% 20px 2%}
	.icon_step2 li .icon {width:85px;height:85px}
	.icon_step2 li b {font-size:13px}
	.certi_img .img_box {width:calc(100% / 2 - 12px)}
	.certi_img .img_box:nth-child(3n) {margin-right:2.4%}
	.certi_img .img_box:nth-child(2n) {margin-right:auto}

}