@charset "utf-8";


/* ******************************************************************************************************************** */
/* one Mobile 폰트 */
/* ******************************************************************************************************************** */
@font-face {
	font-family: 'ONE-Mobile-Title';
	src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2105_2@1.0/ONE-Mobile-Title.woff') format('woff');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'OneMobile';
	font-weight: 300;
	font-style: normal;
	src: url('https://cdn.jsdelivr.net/gh/webfontworld/onestore/OneMobileLight.eot');
	src: url('https://cdn.jsdelivr.net/gh/webfontworld/onestore/OneMobileLight.eot?#iefix') format('embedded-opentype'),
	url('https://cdn.jsdelivr.net/gh/webfontworld/onestore/OneMobileLight.woff2') format('woff2'),
	url('https://cdn.jsdelivr.net/gh/webfontworld/onestore/OneMobileLight.woff') format('woff'),
	url('https://cdn.jsdelivr.net/gh/webfontworld/onestore/OneMobileLight.ttf') format("truetype");
	font-display: swap;
}
@font-face {
	font-family: 'OneMobile';
	font-weight: 500;
	font-style: normal;
	src: url('https://cdn.jsdelivr.net/gh/webfontworld/onestore/OneMobileRegular.eot');
	src: url('https://cdn.jsdelivr.net/gh/webfontworld/onestore/OneMobileRegular.eot?#iefix') format('embedded-opentype'),
	url('https://cdn.jsdelivr.net/gh/webfontworld/onestore/OneMobileRegular.woff2') format('woff2'),
	url('https://cdn.jsdelivr.net/gh/webfontworld/onestore/OneMobileRegular.woff') format('woff'),
	url('https://cdn.jsdelivr.net/gh/webfontworld/onestore/OneMobileRegular.ttf') format("truetype");
	font-display: swap;
}
@font-face {
	font-family: 'OneMobile';
	font-weight: 700;
	font-style: normal;
	src: url('https://cdn.jsdelivr.net/gh/webfontworld/onestore/OneMobileBold.eot');
	src: url('https://cdn.jsdelivr.net/gh/webfontworld/onestore/OneMobileBold.eot?#iefix') format('embedded-opentype'),
	url('https://cdn.jsdelivr.net/gh/webfontworld/onestore/OneMobileBold.woff2') format('woff2'),
	url('https://cdn.jsdelivr.net/gh/webfontworld/onestore/OneMobileBold.woff') format('woff'),
	url('https://cdn.jsdelivr.net/gh/webfontworld/onestore/OneMobileBold.ttf') format("truetype");
	font-display: swap;
}

/* ******************************************************************************************************************** */
/* 조직도 */
/* ******************************************************************************************************************** */
.p_block { display: block;}
.m_block { display: none;}


/* ******************************************************************************************************************** */
/* 사업분야 */
/* ******************************************************************************************************************** */
.business_detail figure { margin-bottom: 18px; text-align: center;}
.business_detail figure img, .process_design figure img { max-width: 100%;}
.business_detail p { font-size: 0.875rem;}

.business_list { display: flex; flex-wrap: wrap; margin-top: 30px;}
.business_list > li { flex-basis: 23.8%; margin: 0 0.6% 10px; padding: 12px; border-radius: 16px; border: 2px solid #083589;  background: #fafafa; font-size: 0.875rem; display: flex; align-items: center; text-align: center; justify-content: center;}
.business_list > li span { display: block;}

/* border: 1px solid #cecece; */
/* .business_list > li:nth-child(8n),
.business_list > li:nth-child(8n-2),
.business_list > li:nth-child(8n-5),
.business_list > li:nth-child(8n-7) { border: 2px solid #083589; } */
.business_list02 { display: flex; flex-wrap: wrap; justify-content: space-between;}
.business_list02 > li { width: 49.4%; margin-bottom: 10px; padding: 16px; text-align: center; border-radius: 16px; border: 2px solid #083589; background: #fafafa; font-family:'NanumGothicBold'; }
/* .business_list02 > li:last-child { width: 100%;} */
.business_list02 > li ul { width: 90%; margin: 10px auto; border-radius: 10px; border: 1px solid #cecece; overflow: hidden;}
.business_list02 > li ul li {  padding: 5px; background-color: #fff;  font-size: 0.875rem; border-bottom: 1px solid #cecece; }
.business_list02 > li ul li:last-child { border-bottom: 0;}


/* 3d_modelling */
figure.img-3d-head img {
    width: 100%;
    border: 1px solid #e0e0e0;
}
figure.img-3d img {
    width: 49.1%;
    margin-right: 1.8%;
    margin-bottom: 20px;
    float: left;
    border: 1px solid #e0e0e0;
}
figure.img-3d img:nth-child(2n) {
    margin-right: 0;
}

/* ******************************************************************************************************************** */
/* 공정디자인 */
/* ******************************************************************************************************************** */
.process_design { text-align: center;}
.process_design figure { margin-bottom: 60px;}
.process_chart li { float: left; width: 23.6%; height: 90px; margin: 0 0.7% 20px; padding-top: 22px; border-radius: 20px; border: 1px solid #cecece; background: #fafafa; font-size: 0.875rem; line-height: 150%;}
.process_chart li.color_box { background: #083589; color: #fff; border: 0;}
.process_chart li.line_box { border: 2px solid  #083589;}



/* ******************************************************************************************************************** */
/* ESG 경영 */
/* ******************************************************************************************************************** */
.esg-wrap .esg-header { font-family:'ONE-Mobile-Title', sans-serif; font-size: 2rem; text-align: center; color:#005793; padding:75px;}
.esg-wrap .border-box { border: 5px solid #d1d1d1; padding:50px; }
.esg-wrap .h1_linestyle { padding:0; margin-bottom: 30px; }
.esg-wrap .h1_linestyle::after { content:''; display:block; clear:both; }
.esg-wrap article { margin-bottom:65px; }

.esg-wrap ul > li { margin-bottom:10px; }
.esg-wrap ul > li:last-child { margin-bottom:0; }

.esg-wrap ul.number > li { padding-left:50px; margin-bottom:30px; position:relative; }
.esg-wrap ul.number > li:last-child { margin-bottom:0; }
.esg-wrap ul.number > li::before { content:''; font-family:'ONE-Mobile-Title', sans-serif; font-size: 1.5rem; font-style:italic; color:#877669; display:block; position:absolute; top:0; left:0; }
.esg-wrap ul.number > li:nth-child(1)::before { content:'01.'; }
.esg-wrap ul.number > li:nth-child(2)::before { content:'02.'; }
.esg-wrap ul.number > li:nth-child(3)::before { content:'03.'; }
.esg-wrap ul.number > li:nth-child(4)::before { content:'04.'; }
.esg-wrap ul.number > li:nth-child(5)::before { content:'05.'; }

.esg-wrap ul.dot > li { padding-left:15px; position:relative; }
.esg-wrap ul.dot > li:last-child { margin-bottom: 0; }
.esg-wrap ul.dot > li::before { content:''; width:5px; height:5px; background:#000; display:block; position:absolute; top:10px; left:0; }

.esg-wrap ul.dash > li { padding-left:20px; position:relative; }
.esg-wrap ul.dash > li:last-child { margin-bottom: 0; }
.esg-wrap ul.dash > li::before { content:''; width:10px; height:2px; background:#000; display:block; position:absolute; top:12px; left:0; }

.esg-wrap img { max-width:100%; }

.esg-btn { color:#fff; text-align: center; background:#005793; padding: 10px 30px; margin:0 auto; display:table; }
.esg-btn span { font-family:'ONE-Mobile-Title', sans-serif; }

.esg-policy-wrap { display:flex; flex-direction: row-reverse; }
.esg-policy-wrap .esg-policy { width:calc(100% - 250px - 20px); color:#fff; border-radius:0 50px 0 0; background-repeat:no-repeat; background-position:center; background-size:cover; padding:20px; display:flex; align-items: center; }
.esg-policy-wrap figure { width:250px; margin-right:20px; }
.esg-policy-wrap ul.dash > li { margin-bottom:10px; }
.esg-policy-wrap ul.dash > li:last-child { margin-bottom:0; }
.esg-policy-wrap ul.dash > li::before { background:#fff; }

.iso { display:flex; }
.iso figure { width:250px; margin-right:20px; }
.iso ul { width:calc(100% - 250px - 20px); }


/* ESG 선언문 */
.esg-declaration > p { text-align: center; margin-bottom:75px; }
.sign-wrap { margin:75px; display:flex; justify-content: center; }
.sign-wrap p { text-align: center; }
.sign-wrap p span { font-family:'ONE-Mobile-Title', sans-serif; display:block; }

/* ESG 경영방침 */
.esg-management-policy header { text-align: center; color:#fff; background:url('/share/images/sub/esg_management_policy_bg.jpg') no-repeat center; background-size:100%; padding:60px 20px;}
.esg-management-policy header h2 { font-family:'ONE-Mobile-Title', sans-serif; font-size:1.5rem; margin-bottom:50px; }
.esg-management-policy ul.dot > li { border-bottom:1px solid #d1d1d1; padding:30px 10px 30px 35px; }
.esg-management-policy ul.dot > li::before { background:#ea002c; top:40px; left:20px; }

/* 환경경영 */
.esg-policy-wrap .environment-policy { background-image:url('/share/images/sub/environment_policy_bg.jpg'); background-position:bottom right; }
.esg-policy-wrap .safety-policy { background-image:url('/share/images/sub/safety_policy_bg.jpg'); }
.esg-policy-wrap .quality-policy { background-image:url('/share/images/sub/quality_policy_bg.jpg'); }

/* 윤리경영 */
.ehical-code li { border-bottom:1px solid #d1d1d1; padding:30px 20px; }
.ehical-code li dl { font-size:0.85em; display:flex; align-items: center; }
.ehical-code li dl dt { width:205px; font-family:'ONE-Mobile-Title', sans-serif; margin-right:30px; display:flex; align-items: center; }
.ehical-code li dl dt figure { margin-right:10px; }
.ehical-code li dl dd { width:calc(100% - 205px - 30px);}

.ehical-guideline { display:flex; flex-wrap: wrap; }
.ehical-guideline li { width:calc(100% / 4 - (10px * 3 / 4)); padding:20px; margin-right:10px; border:1px solid #d1d1d1; }
.ehical-guideline li:nth-child(4n) { margin-right:0; }
.ehical-guideline li dl { font-size:0.85em; text-align: center; }
.ehical-guideline li dl dt { font-family:'ONE-Mobile-Title', sans-serif; margin-bottom:10px; }
.ehical-guideline li dl dt figure { margin-bottom:10px; }
.ehical-guideline li dl dt figure img { max-width:70px; }
.ehical-guideline li dl dt span { color:#005793;}

/* 지배구조 */
.govemance-directorate { display:flex; flex-wrap:wrap; }
.govemance-directorate > li { width:calc(100% / 4 - (10px * 3 / 4)); padding:20px; margin-right:10px; border:1px solid #d1d1d1; }
.govemance-directorate > li:nth-child(4n) { margin-right:0; }
.govemance-directorate > li dl { font-size:0.85em; }
.govemance-directorate > li dl dt { font-family:'ONE-Mobile-Title', sans-serif; color:#005793; margin-bottom:10px; }
.govemance-directorate > li dl dt figure { text-align: center; margin-bottom:10px; }
.govemance-directorate > li dl dt figure img { max-width:70px; }
.govemance-directorate > li dl dd ul li { margin-bottom:0; }


@media (max-width:1024px) {
	/* 윤리경영 */
	.ehical-guideline li { width:calc(100% / 3 - (10px * 2 / 3)); }
	.ehical-guideline li:nth-child(4n) { margin-right:10px; }
	.ehical-guideline li:nth-child(3n) { margin-right:0px; }
}
@media (max-width:900px) {
	.esg-wrap br.M_none { display:none; }

	/* 환경경영 */
	.esg-policy-wrap { display:block;}
	.esg-policy-wrap .esg-policy { width:100%; padding:50px 20px; margin-bottom:30px; }
	.esg-policy-wrap figure { margin:0 auto; }

	/* 지배구조 */
	.govemance-directorate > li { width:calc(100% / 3 - (10px * 2 / 3)); }
	.govemance-directorate > li:nth-child(4n) { margin-right:10px; }
	.govemance-directorate > li:nth-child(3n) { margin-right:0px; }

}
@media (max-width:768px) {
	.iso { display:block; }
	.iso figure { width:250px; margin:0 auto 20px auto; }
	.iso ul { width:100%; }

	/* 윤리경영 */
	.ehical-guideline li { width:calc(100% / 2 - (10px / 2)); }
	.ehical-guideline li:nth-child(3n) { margin-right:10px; }
	.ehical-guideline li:nth-child(even) { margin-right:0px; }
}
@media (max-width:650px) {
	/* 윤리경영 */
	.ehical-code li dl { display:block; }
	.ehical-code li dl dt,	.ehical-code li dl dd { width:100%; }
	.ehical-code li dl dt { text-align:center; margin-right:0; margin-bottom:10px; display:block; }

	/* 지배구조 */
	.govemance-directorate > li { width:calc(100% / 2 - (10px / 2)); }
	.govemance-directorate > li:nth-child(3n) { margin-right:10px; }
	.govemance-directorate > li:nth-child(even) { margin-right:0px; }
}
@media (max-width:480px) {
	.esg-wrap .border-box { padding:50px 20px; }

	/* 윤리경영 */
	.ehical-guideline li { width:100%; }
	.ehical-guideline li:nth-child(3n) { margin-right:0; }
}


	/* ******************************************************************************************************************** */
/* 서비스 */
/* ******************************************************************************************************************** */
.service_con p { font-size: 0.875rem; padding-bottom: 40px;}
.service_range_list li { float: left; width: 23.6%; margin-right: 1.4%; margin-bottom: 10px; height: 68px; line-height: 68px; border: 2px solid #083589; font-size: 0.875rem; text-align: center; border-radius: 20px; background: #fafafa; }
.service_range_list li:last-child { width: 48.4%;}


/* ******************************************************************************************************************** */
/* 브로셔 */
/* ******************************************************************************************************************** */
.brochure_btn_down { }
.brochure_btn_down a { display: block; height:60px; line-height:56px; font-size:0.875em; font-family:'NanumGothicBold'; box-sizing:border-box; border:2px solid #013587; transition: ease 0.2s; color: #fff; width:220px; background: #013587 url("/share/images/main/btn_arrow.png") no-repeat center right 20px; margin: 15px auto 0; padding: 0 20px; font-size: 0.875rem; }
.brochure_btn_down:hover a { transition: ease 0.2s; color: #000; background: url("/share/images/main/btn_arrow_b.png") no-repeat center right 20px;}



/* ******************************************************************************************************************** */
/* 계열사 */
/* ******************************************************************************************************************** */
.family_wrap { text-align: center;}
.family_wrap figure { margin-top: 40px; }
.family_wrap figure img { max-width: 100%; }
.family_wrap p { margin-top: 20px; font-size: 0.875rem; }
.family01 { margin-bottom: 30px; }

.partner_sub { text-align: center; display: table;}
/* .partner_sub li { float: left; width: 18.72%; height: 56px; margin-bottom: 20px; margin-right: 1.4%; border: 1px solid #cecece; line-height: 54px;} */
.partner_sub li { float: left; display: flex; overflow: hidden; width: 19%; height: 56px; margin: 0 0.5% 10px; border: 1px solid #cecece; text-align: center; justify-content: center; align-items: center; }
.partner_sub li img { max-width: 100%; vertical-align: middle;}


/* ******************************************************************************************************************** */
/* 인사제도 */
/* ******************************************************************************************************************** */


.con-ti01 {
    padding: 0 9%;
    margin-bottom: 26px;
    font-family: "NotoSansKR";
    font-size: 2.375rem;
    font-weight: 500;
    line-height: 120%;
    word-break: keep-all;
}
.con-ti01 span {
    color: #01a4a9;
}


.hr_list { position: relative; width: 90%; margin: 35px auto 0;}
.hr_list:before { content: ""; display: block; position: absolute; top: 50%; left: 10%; width: 80%; height: 1px; background: #d1d1d1; z-index: -1;}
.hr_list li { float:left; width: 27.3%; margin: 0 3%;}
.hr_list li img { max-width: 100%;}

.hr_box_container { padding: 78px 0 68px; background: url("/share/images/sub/hr_bg00.jpg") no-repeat top center; background-size: cover;}
.hr_box_wrap { width: 80%; margin: 0 auto; color: #fff; font-size: 0.875rem; text-align: center; word-break: keep-all ;}
.hr_box_wrap .hr_block:first-child { float: left; width: 40%;}
.hr_box_wrap .hr_block:nth-child(2) { width: 57.5%; float: right;}
.hr_box_wrap .hr_block h3 { position: relative; display: inline-block; padding: 12px 30px; background: #f23d05; border-radius: 20px; z-index: 10;}
.hr_box_wrap .hr_block p { position: relative; min-height: 100px; margin-top: -26px; padding: 30px 10px 20px; border: 1px solid #6a6a6a; background: rgba( 0, 0, 0, 0.2); border-radius: 20px;}
.hr_box_wrap .hr_block:nth-child(2) p { padding-top: 46px;}

.hr_list02 li { float: left; width:31.5%; margin: 0 0.9%; text-align: center; font-size: 0.875rem;}
.hr_list02 li h3 { height: 199px; line-height: 199px; color: #fff; font-size: 1.25rem; font-family:'NanumGothicBold'; }
.hr_list02 li:first-child h3 { background: url("/share/images/sub/hr_bg01.jpg") no-repeat center; background-size: cover; }
.hr_list02 li:nth-child(2) h3 { background: url("/share/images/sub/hr_bg02.jpg") no-repeat center; background-size: cover; }
.hr_list02 li:nth-child(3) h3 { background: url("/share/images/sub/hr_bg03.jpg") no-repeat center; background-size: cover; }
.hr_list02 li h4 { background: #083589; color: #fff; font-family:'NanumGothicBold'; padding: 10px 30px; }
.hr_list02 li p { height: 180px; padding: 20px 15px; margin-top: 0;background: #fafafa; border: 1px solid #cecece; border-top: 0;}




/* ******************************************************************************************************************** */
/* 대표프로젝트 */
/* ******************************************************************************************************************** */
.project_head { position: relative; font-size: 0.875rem;}
.project_head select { width: 150px; }
.project_head .total { position: absolute; right: 0; bottom: 0; color: #888; }
.project_head .total strong { font-family:'NanumGothicBold'; }

ul.project { width: 100%; border-top: 2px solid #083589; margin-top: 20px; font-size: 0.875rem;}
ul.project li { border-bottom: 1px solid #cfcfcf; padding: 0;}
ul.project li span { display: block; float: left;  padding: 10px;}
ul.project li span:first-child { width: 10%; color: #555;}
ul.project li span:nth-child(2) { width: 18%; font-family:'NanumGothicBold';}
ul.project li span:nth-child(3) { width: 72%;}

/*** 대표프로젝트 paging ***/
.paging_wrap																				{}
.pg_innerwrap																	{ overflow:hidden; text-align:center; padding:15px 0;}
.pg_innerwrap > div																{ display:inline;}
.pg_innerwrap > div a, .pg_num .now												{ display:inline-block; padding: 6px 12px; font-size:13px; }
/* paging button */
.pg_prev a														{ background:#555; color:#ededed;}
.pg_prev a:hover												{ background:#000; color:#ededed;}
.pg_num															{ margin:0 15px; }
.pg_num a														{ border:1px solid #c2c2c2;}
.pg_num a:hover 												{ border:1px solid #ff4355;}
.pg_num .now													{ border:1px solid #ff4355; color:#ff4355;}
.pg_next a														{ background:#555; color:#ededed;}
.pg_next a:hover												{ background:#000; color:#ededed;}

/* ----------------------------- */
/* Responsive
/* -----------------------------
/* Layout Max Size : 1200px
/* Desktop Size	: 981px < Screen <= 1200px
/* Tablet Size	: 980px < Screen <= 768px
/* Mobile Size	: 767px < Screen
/* ----------------------------- */

@media screen and (max-width:1024px) {
    /* ******************************************************************************************************************** */
	/* 공정디자인 */
	/* ******************************************************************************************************************** */
	.process_chart li { width: 31.9%;}


    /* ******************************************************************************************************************** */
    /* 서비스 */
    /* ******************************************************************************************************************** */
    .service_range_list li { float: left; width: 31.9%; margin-right: 1.4%;  }
    .service_range_list li:last-child { width: 98.6%;}

    .hr_box_wrap { width: 90%;}


    /* ******************************************************************************************************************** */
    /* 인사제도 */
    /* ******************************************************************************************************************** */
    .con-ti01 {
        margin-bottom: 5%;
        font-size: 2rem;
    }

    .hr_list { width: 98%;}
    .hr_list02 li { float: none; width:100%; margin: 0 0 20px; }
    .hr_list02 li p { height: auto; }



}

@media screen and (max-width:960px) {
	/* ******************************************************************************************************************** */
	/* 사업분야 */
	/* ******************************************************************************************************************** */
	.business_list > li { flex-basis: 48.8%; }
	.business_list > li:nth-child(8n),
	.business_list > li:nth-child(8n-2),
	.business_list > li:nth-child(8n-5),
	.business_list > li:nth-child(8n-7) { border: 1px solid #cecece; }
	.business_list > li:nth-child(4n),
	.business_list > li:nth-child(4n-3) { border: 2px solid #083589; }

}


/* Tablet */
@media screen and (max-width:768px) {

    .p_block { display: none;}
    .m_block { display: block;}


	/* ******************************************************************************************************************** */
	/* 사업분야 */
	/* ******************************************************************************************************************** */
	.business_list { display: block;}
	.business_list > li { margin: 0 0 10px;}
	.business_list > li:nth-child(4n),
	.business_list > li:nth-child(4n-3) { border: 1px solid #cecece; }
	.business_list > li:nth-child(2n-1) { border: 2px solid #083589; }
	.business_list > li br { display: none;}

	.business_list02 > li { width: 100%; margin: 0 0 10px;}

    /* ******************************************************************************************************************** */
	/* 공정디자인 */
	/* ******************************************************************************************************************** */
	.process_design figure { margin-bottom: 36px;}
	.process_chart li { width: 48.6%;}


    /* ******************************************************************************************************************** */
    /* 서비스 */
    /* ******************************************************************************************************************** */
    .service_range_list li { float: left; width: 48.6%; margin-right: 1.4%;  }
    .service_range_list li:last-child { width: 98.6%;}


    /* ******************************************************************************************************************** */
    /* 계열사 */
    /* ******************************************************************************************************************** */
    .partner_sub li { width: 49%; height: 56px;}


    /* ******************************************************************************************************************** */
    /* 대표프로젝트 */
    /* ******************************************************************************************************************** */

    ul.project { width: 100%; border-top: 0 solid #083589; margin-top: 20px; font-size: 0.875rem;}
    ul.project li { border: 1px solid #cfcfcf; margin-bottom: 10px;}
    ul.project li span { display: block; float: none;}
    ul.project li span:first-child { width: 100%; background: #ddd; color: #000;}
    ul.project li span:nth-child(2) { width: 100%; padding: 10px 10px 5px;}
    ul.project li span:nth-child(3) { width: 100%; padding: 0 10px 10px;}

    /* ******************************************************************************************************************** */
    /* 인사제도 */
    /* ******************************************************************************************************************** */

    .con-ti01 {
        font-size: 1.625rem;
    }

    .hr_list:before { display: none; }
    .hr_list li { float:none; width: 60%; margin: 0 auto 20px;}

    .hr_box_container { padding: 52px 0 36px; }
    .hr_box_wrap .hr_block { padding: 0 20px;}
    .hr_box_wrap .hr_block:first-child { float: none; width: 100%;}
    .hr_box_wrap .hr_block:nth-child(2) { width: 100%; float: none;}
    .hr_box_wrap .hr_block p { height: auto; padding: 40px 10px 30px;}


}

/* Mobile */
@media screen and (max-width:640px) {
    /* ******************************************************************************************************************** */
	/* 공정디자인 */
	/* ******************************************************************************************************************** */
	.process_chart li { width: 100%; margin: 0 0 10px; height: auto; padding: 12px;}
	.process_chart li br { display: none;}


    /* ******************************************************************************************************************** */
    /* 서비스 */
    /* ******************************************************************************************************************** */
    .service_range_list li { float: none; width: 100%; margin-right: 0;  }
    .service_range_list li:last-child { width: 100%;}

    /* ******************************************************************************************************************** */
    /* 인사제도 */
    /* ******************************************************************************************************************** */
    .hr_list li { float:none; width: 80%; margin: 0 auto 20px;}
}