@charset "utf-8";

	@font-face { font-family: 'ELAND_Choice'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts-20-12@1.0/ELAND_Choice_L.woff') format('woff'); font-weight: 300; }
	@font-face { font-family: 'ELAND_Choice'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts-20-12@1.0/ELAND_Choice_M.woff') format('woff'); font-weight: 500; }
	@font-face { font-family: 'ELAND_Choice'; src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts-20-12@1.0/ELAND_Choice_B.woff') format('woff'); font-weight: 700; }
/* -------------------------------------- */
/* Layout */
/* -------------------------------------- */


/* -------------------------------------- */
/* 문의폼 */
/* -------------------------------------- */
	.inquery_wrap { display:block; overflow:hidden; }
	.inquery_top_wrap { display:block; overflow:hidden; }
	.inquery_ttit { display:block; overflow:hidden; font-size:50px; line-height:140%; word-break:keep-all;  font-family: 'ELAND_Choice';  font-weight:700; }
	.inquery_util_wrap { display:block; overflow:hidden; margin-top:15px; }
	.inquery_util { display:inline-block; overflow:hidden; vertical-align:middle; font-size:30px; margin:5px 100px 0 0; ; font-weight:700; position:relative; padding-left:5px; }
	.inquery_util::before { display:block; overflow:hidden; position:absolute; top:0; left:0; width:20px; height:20px; background:rgba(8,188,255,.2); border-radius:999px;  content:'';  }
	.inquery_util dt { display:inline-block; overflow:hidden; vertical-align:middle; line-height:140%; word-break:keep-all; opacity:.8; margin-right:10px; font-family: 'Play'; }
	.inquery_util dd { display:inline-block; overflow:hidden; vertical-align:middle; line-height:140%; word-break:keep-all;  }
	.inquery_util dd a { font-family: 'Play'; }

	.inquery_cont_wrap { display:block; overflow:hidden; margin-top:70px; }
	.inquery_form_wrap { display:block; overflow:hidden; border-top:2px solid #333;}
	.inquery_form_inner { display:flex; flex-wrap:wrap; justify-content:space-between; border-bottom:1px solid #ddd; box-sizing:border-box;  }
	.inquery_form_item { display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; }
	.inquery_form_item2 { width:50%;  }
	.inquery_form_dl { display:flex; flex-wrap:wrap; justify-content:space-between; width:100%; }
	.inquery_form_dt { display:block; overflow:hidden; width:150px; background:#f8f8f8; }
	.inquery_form_tit { display:block; overflow:hidden; position:relative; margin:0 10px; top:50%; transform:translateY(-50%); font-size:17px; font-weight:bold; }
	.inquery_point::after { display:inline-block; overflow:hidden; color:#ca0000; content:'*'; }
	.inquery_form_dd { display:block; overflow:hidden; width:calc(100% - 150px); }
	.inquery_form_cont { display:block; overflow:hidden; margin:10px; }
	.inquery_input { display:block; overflow:hidden; width:100%; font-size:17px !important; font-family: 'Pretendard-Medium' !important; border:1px solid #ddd !important; box-sizing:border-box; padding:0 10px; height:50px; line-height:50px; border-radius:5px  !important; }
	.inquery_input::placeholder { color:#000; }
	select.inquery_input { background:url('../images/sub/menu_head_arrow.png') right center no-repeat; color:#000; } 
	textarea.inquery_input { resize:none; overflow-y:auto; height:200px; line-height:140%; padding:10px; } 
	.inquery_check_wrap { display:block; overflow:hidden; margin:30px 0 70px 0; }
	.inquery_check_core { display:block; overflow:hidden; }
	.inquery_check_core input { display:none; }
	.inquery_check_core label { display:inline-block; overflow:hidden; vertical-align:middle; margin:0 20px 0 0; position:relative; line-height:140%; word-break:keep-all; letter-spacing:-.5px; background:url('../images/check_type_off.png') left 2px no-repeat; padding-left:25px; cursor:pointer; word-wrap:break-word; font-size:17px; }
	.inquery_check_core input:checked + label { background:url('../images/check_type_on.png') left 2px no-repeat; color:#0c3a93; }
	.inquery_check_core a { display:inline-block; overflow:hidden; vertical-align:middle; text-decoration:underline; font-size:17px; }
	.inquery_btn { display:block; overflow:hidden; width:100%; max-width:300px; border:0;  background:#134a8c; box-sizing:border-box; position:relative; text-align:center; border-radius:10px; margin:0 auto; cursor:pointer; }
	.inquery_btn::before { display:block; overflow:hidden; position:absolute; top:0; left:0; width:0; height:100%; background:#dc0003; content:''; transition-duration:.5s; }
	.inquery_btn span { display:block; overflow:hidden; font-size:20px; height:60px; line-height:60px; position:relative; z-index:2; transition-duration:.5s; font-family: 'Pretendard-Medium' !important; color:#fff;  font-weight:700; }

	.inquery_btn:hover::before																						{ width:100%; }

	.inquery_summary_wrap { display:block; overflow:hidden; background:#f8f8f8; border-radius:10px; }
	.inquery_summary_core { display:block; overflow:hidden; margin:50px; }

	.inquery_check_text_wrap  {display:block; overflow-y:auto; border:1px solid #ddd; box-sizing:border-box; border-radius:10px; }
	.inquery_check_text_core  {display:block; overflow:hidden; margin:50px ; }

	.ethics_text { display:block; overflow:hidden; margin-bottom:50px; }
	.ethics_text span { display:block; overflow:hidden; text-align:center; font-size:24px; font-family: 'ELAND_Choice';  font-weight:500;  }


/* -------------------------------------- */
/* ESG */
/* -------------------------------------- */
	.esg_vision_wrap { display:block; overflow:hidden; width:100%; margin:0 auto; } 
	.esg_vision_top_wrap { display:block; overflow:hidden; border-radius:999px; background:linear-gradient(160deg, #e70012, #014da1); }
	.esg_vision_top_core { display:block; overflow:hidden; margin:30px; text-align:center; color:#fff; }
	.esg_vision_etit { display:block; overflow:hidden;  font-family: 'Play'; font-size:20px; line-height:130%;  font-weight:bold; }
	.esg_vision_ttit { display:block; overflow:hidden; margin-top:10px; }
	.esg_vision_ttit span { display:block; overflow:hidden; font-size:36px; line-height:140%; word-break:keep-all; font-family:'ELAND_Choice'; font-weight:700; }

	.esg_vision_cont_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; padding-top:100px; margin-top:100px; background:url('../images/vision_arrow.png') center top no-repeat; }
	.esg_vision_item	 { display:block; overflow:hidden; width:32%;  }
	.esg_vision_dl	 { display:block; overflow:hidden; border:1px dashed #ddd; box-sizing:border-box;  height:100%;  }
	.esg_vision_dt { display:block; overflow:hidden; text-align:center;  padding:20px;  background:#f8f8f8;  border-bottom:1px dashed #ddd; }
	.esg_vision_tit {display:block; overflow:hidden; font-family:'ELAND_Choice'; font-weight:700; font-size:22px;  line-height:130%;  }
	.esg_vision_dd { display:block; overflow:hidden; }
	.esg_vision_cont { display:block; overflow:hidden; margin:20px;  }

	.esg_summary_wrap { display:block; overflow:hidden; }
	.esg_summary_core { display:block; overflow:hidden; }
	.esg_summary_core p { display:block; overflow:hidden;  font-family: 'ELAND_Choice';  font-weight:500; line-height:140%; word-break:keep-all; margin-bottom:10px; }
	.esg_summary_core p:last-child { margin:0; }
	
	.esg_cont_wrap { display:block; overflow:hidden; }
	.esg_item_wrap { display:flex; flex-wrap:wrap; justify-content:space-between; margin-top:70px; background:#f2f6fa; }
	.esg_item_wrap .img { display:block; overflow:hidden; width:50%; }
	.esg_item_wrap .img img { display:block; overflow:hidden; width:100%; margin:0 auto; }
	.esg_item_wrap .cont { display:block; overflow:hidden; width:50%; }
	.esg_item_wrap .cont .text { display:block; overflow:hidden; margin:50px; }
	.esg_item_wrap .cont .text .tit { display:block; overflow:hidden;  font-size:30px; font-family: 'ELAND_Choice';  font-weight:700; line-height:140%; word-break:keep-all; margin-bottom:30px; }

	.esg_social_img_wrap { display:block; overflow:hidden; border-radius:100px 0; margin-bottom:70px; }
	.esg_social_img_wrap img { display:block; overflow:hidden; width:100%;  }

	.esg_social_list_wrap { display:block; overflow:hidden; background:#f2f6fa; border-radius:20px; margin:20px 0 ; }
	.esg_social_list { display:flex; flex-wrap:wrap; justify-content:space-between; margin:50px;  }
	.esg_social_list li { display:block; overflow:hidden; width:32%; text-align:center; }
	.esg_social_list li img { display:block; overflow:hidden; margin:0 auto 20px auto; border-radius:999px; }
	.esg_social_list li span { display:block; overflow:hidden; width:100%; max-width:200px; margin:0 auto; font-family: 'ELAND_Choice';  font-weight:700; line-height:140%; word-break:Keep-all; }


	.esg_ethics_cont_wrap { display:block; margin:0 auto; width:500px; position:relative; padding-bottom:50px; }
	.esg_ethics_cirle_core { display:block; overflow:hidden; width:500px; height:500px; position:relative; border-radius:999px;  margin:0 auto; border:1px dashed #ddd; box-sizing:border-box;  }
	.esg_ethics_cirle_view  { display:block; overflow:hidden; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:90%; height:90%; background:#f8f8f8; border-radius:999px; border:1px dashed #ddd; box-sizing:border-box;  }
	.esg_ethics_cirle_inner	{ display:block; overflow:hidden; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:90%; height:90%; background:#fff; border-radius:999px; }	
	.esg_ethics_cirle_text { display:block; overflow:hidden; position:relative; top:50%; transform:translateY(-50%);  }
	.esg_ethics_cirle_text span { display:block; overflow:hidden; position:relative; text-align:center; font-family: 'ELAND_Choice';  font-size:34px; font-weight:700; line-height:140%;  background: -webkit-linear-gradient(142deg, rgba(211,25,36,1) 0, rgba(107,53,103,1) 50%, rgba(15,77,162,1) 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; }

	.esg_ethics_item { display:block; position:absolute; width:150px;  }
	.esg_ethics_item::after { display:block; overflow:hidden; width:10px; height:10px; border-radius:999px; position:absolute; content:'';}
	.esg_ethics1::after { top:50%; right:-45px; background:#ef4123; }
	.esg_ethics2::after { top:50%; left:-45px; background:#75ba29; }
	.esg_ethics3::after { top:-25px; left:50%; transform:translateX(-50%); background:#587de7; }


	.esg_ethics1 { top:70px; left:-170px; text-align:right;  }
	.esg_ethics2 { top:70px; right:-170px;  }
	.esg_ethics3 { bottom:-100px; left:50%; transform:translateX(-50%); text-align:center; width:100%; }
	.esg_ethics_tit { font-family: 'ELAND_Choice';  font-size:34px; font-weight:700; font-size:22px; line-height:140%; }
	.esg_ethics_item img { display:inline-block; overflow:hidden; width:70px; }
	.esg_ethics1 .esg_ethics_tit { color:#ef4123; }
	.esg_ethics2 .esg_ethics_tit { color:#75ba29; }
	.esg_ethics3 .esg_ethics_tit { color:#587de7; }

	.esg_ethics_txt {  line-height:130%; }

/* -------------------------------------- */
/* 사업분야 */
/* -------------------------------------- */
	.cert_list_wrap { display:flex; flex-wrap:wrap;  }
	.cert_list_wrap li { display:block; overflow:hidden; width:23.5%; margin:0 2% 50px 0;   }
	.cert_list_wrap li:nth-child(4n) { margin-right:0; }
	.cert_view { display:block; overflow:hidden; }
	.cert_img { display:block; overflow:hidden;  width:100%; border:1px solid #ddd ; box-sizing:border-box;}
	.cert_text_wrap { display:block; overflow:hidden }
	.cert_text_core { display:block; overflow:hidden; margin:15px; text-align:center; }

	.biz_area_wrap { display:block; overflow:hidden; }
	.biz_area_type { display:block; overflow:hidden; }
	.biz_area_item { display:block; overflow:hidden; margin-bottom:40px;  }
	.biz_area_tit { display:block; overflow:hidden; font-family:'Play';  font-weight:700; font-size:30px; position:relative; padding:5px 0 0 5px; margin-bottom:20px; }
	.biz_area_tit::before { display:block; overflow:hidden; position:absolute; top:0; left:0; width:20px; height:20px; background:rgba(8,188,255,.2); border-radius:999px;  content:'';  }
	.biz_area_cont { display:block; overflow:hidden; background:#f2f6fa; border-radius:10px; }
	.biz_area_cont .dot-list { display:block; overflow:hidden; margin:50px; }

	.biz_area_object { display:block; overflow:hidden; }
	.biz_area_object dl { display:block; overflow:hidden; border-radius:20px; }
	.biz_area_object dt { display:block; overflow:hidden; background:#0d3f9e; }
	.biz_object_tit  { display:block; overflow:hidden; margin:15px 30px; font-family:'Play';  font-weight:700; font-size:30px; color:#fff; }
	.biz_area_object dd { display:block; overflow:hidden; background:#f2f6fa; }
	.biz_object_cont  { display:block; overflow:hidden; margin:30px; }
	.biz_object_cont span { display:inline-block; overflow:hidden; vertical-align:middle; font-family:'Play';  font-weight:700; font-size:24px; color:#0d3f9e;  }
	.biz_object_cont span::after { display:inline-block; overflow:hidden; vertical-align:middle; content:','; margin:0 10px 0 0; }
	.biz_object_cont span:last-child::after { display:none; }

	.biz_area_img { display:flex; flex-wrap:wrap; justify-content:space-between; }
	.biz_img_item { display:block; overflow:hidden; width:32.5%; margin:50px 1% 0 0; border-radius:10px; }
	.biz_img_item:nth-child(3n) { margin-right:0;  }
	.biz_img_item img { display:block; overflow:hidden; width:100%; }






/* 작은 PC용 CSS */
@media all and (max-width:1499px){

/* -------------------------------------- */
/* Layout */
/* -------------------------------------- */


}


/* 작은 PC용 CSS */
@media all and (max-width:1280px){

/* -------------------------------------- */
/* Layout */
/* -------------------------------------- */

/* -------------------------------------- */
/* 문의폼 */
/* -------------------------------------- */

.inquery_ttit { font-size:40px; }
.inquery_util { font-size:24px; margin-right:25px; }

.inquery_cont_wrap { margin-top:50px; }
.inquery_form_item2 { width:100%;  }
.inquery_form_item2:nth-child(2) { border-top:1px solid #ddd; }
.inquery_form_dt { width:200px; }
.inquery_form_dd { width:calc(100% - 200px); }

.inquery_summary_core { margin:30px; }
.inquery_check_text_core  {margin:30px ; }
.ethics_text { margin-bottom:30px; }




/* -------------------------------------- */
/* ESG */
/* -------------------------------------- */
	.esg_vision_tit { font-size:20px; }
	.esg_item_wrap .cont .text {  margin:20px; }


}


/*------------------------------------------------------------------------------------------------------------*/


/* 태블릿 CSS */
@media all and (max-width:1023px){

/* -------------------------------------- */
/* Layout */
/* -------------------------------------- */

/* -------------------------------------- */
/* 문의폼 */
/* -------------------------------------- */

	.inquery_ttit { font-size:30px; }
	.inquery_util { font-size:18px; margin-right:25px; }
	.inquery_form_dt { width:150px; }
	.inquery_form_dd { width:calc(100% - 150px); }
	.ethics_text { text-align:center; }
	.ethics_text span { display:inline; font-size:20px; }

/* -------------------------------------- */
/* ESG */
/* -------------------------------------- */
	.esg_vision_ttit span { font-size:30px; }

	.esg_vision_cont_wrap { padding-top:80px; margin-top:50px;}
	.esg_vision_item	 { width:100%; margin-bottom:30px; }
	.esg_vision_item:last-child	 { margin:0; }

	.esg_item_wrap { margin-top:40px;  }
	.esg_item_wrap .cont { display:block; overflow:hidden; width:50%; }
	.esg_item_wrap .cont .text {  margin:20px; }
	.esg_item_wrap .cont .text .tit { font-size:24px; margin-bottom:15px; }


	.esg_social_img_wrap { margin-bottom:40px; border-radius:50px; }
	.esg_social_list li img { width:100px; }
	.esg_social_list li span { max-width:100%; }

	.esg_ethics_cont_wrap { width:100%; padding:0; }
	.esg_ethics_cirle_core { width:100%; height:auto; }
	.esg_ethics_cirle_view  { position:relative; top:0; left:0; transform:translate(0); width:auto; height:auto; margin:20px;  }
	.esg_ethics_cirle_inner	{  position:relative; top:0; left:0; transform:translate(0); width:auto; height:auto; margin:20px;  }	
	.esg_ethics_cirle_text { margin:30px 0; top:0; transform:translateY(0);  }
	.esg_ethics_cirle_text span { font-size:30px; }

	.esg_ethics_list { display:flex; flex-wrap:wrap; justify-content:space-between; width:90%; margin:20px; }
	.esg_ethics_item { width:32%; position:relative;  top:auto; left:auto; right:auto; bottom:auto; text-align:center; transform:translate(0); }
	.esg_ethics_item::after { display:none; }
	.esg_ethics_tit { font-size:18px; }

/* -------------------------------------- */
/* 사업분야 */
/* -------------------------------------- */
	.cert_list_wrap li { width:32%; margin:0 2% 30px 0;   }
	.cert_list_wrap li:nth-child(4n) { margin-right:2%; }
	.cert_list_wrap li:nth-child(3n) { margin-right:0; }


	.biz_area_tit { font-size:24px; }
	.biz_area_cont .dot-list { margin:30px; }

	.biz_object_tit  { margin:15px 20px; font-size:24px; }
	.biz_object_cont { margin:20px; }
	.biz_object_cont span { font-size:20px; }

	.biz_img_item { width:49%; margin:30px 2% 0 0; }
	.biz_img_item:nth-child(4n) { margin-right:2%;  }
	.biz_img_item:nth-child(2n) { margin-right:0;  }

}


/*------------------------------------------------------------------------------------------------------------*/


/* 모바일 CSS */
@media all and (max-width:767px){

/* -------------------------------------- */
/* Layout */
/* -------------------------------------- */

/* -------------------------------------- */
/* 문의폼 */
/* -------------------------------------- */

	.inquery_ttit { font-size:24px; }
	.inquery_util { font-size:18px; margin-right:0; display:block; overflow:hidden; }

	.inquery_cont_wrap { margin-top:30px; font-size:16px;  }
	.inquery_form_item2 { width:100%;  }
	.inquery_form_item2:nth-child(2) { border-top:1px solid #ddd; }
	.inquery_form_dt { width:100%; border-bottom:1px solid #ddd; }
	.inquery_form_tit { width:100%; margin:10px; }
	.inquery_form_dd	{ width:100%; }
	.inquery_form_cont { width:100%; margin:10px 0; }
	.inquery_input { font-size:16px !important; }
	textarea.inquery_input { height:150px; }


	.inquery_summary_core { margin:20px; }
	.inquery_check_text_core  {margin:20px ; }
	.ethics_text { margin-bottom:20px; text-align:center; }
	.ethics_text span { display:inline; font-size:18px; }

/* -------------------------------------- */
/* ESG */
/* -------------------------------------- */
	.esg_vision_ttit span { font-size:24px; }

	.esg_vision_item	 { width:100%; margin-bottom:20px; }
	.esg_vision_item:last-child	 { margin:0; }
	.esg_vision_dt { padding:15px; }
	.esg_vision_tit { font-size:18px; }
	.esg_vision_cont { margin:15px; }

	.esg_item_wrap .img { width:100%; }
	.esg_item_wrap .cont { width:100%; }
	.esg_item_wrap .cont .text {  margin:20px; }
	.esg_item_wrap .cont .text .tit { font-size:22px; margin-bottom:15px; }

	.esg_social_img_wrap { margin-bottom:40px; border-radius:30px; }
	.esg_social_list { margin:20px; }
	.esg_social_list li { position:relative; width:100%;  margin-bottom:20px; }
	.esg_social_list li img { width:70px; position:absolute; top:0; left:0; }
	.esg_social_list li span { width:calc(100% - 90px); max-width:calc(100% - 90px);  margin:0 0 0 auto; text-align:left; min-height:70px; }

	.esg_ethics_cirle_text span { font-size:24px; }

	.esg_ethics_item img { width:50px; }

/* -------------------------------------- */
/* 사업분야 */
/* -------------------------------------- */
	.cert_list_wrap li { width:49%; margin:0 2% 30px 0;   }
	.cert_list_wrap li:nth-child(4n) { margin-right:2%; }
	.cert_list_wrap li:nth-child(3n) { margin-right:2%; }
	.cert_list_wrap li:nth-child(2n) { margin-right:0; }

	.biz_area_img{ margin-top:10px; }
	.biz_img_item { margin-top:10px; }

}


/* 모바일 CSS */
@media all and (max-width:480px){

/* -------------------------------------- */
/* Layout */
/* -------------------------------------- */


}