@charset "euc-kr";


.top{display:none; position:fixed; right:6%; bottom:1%;z-index:9999;}

@media (max-width: 1440px)
{

 }
@media (max-width: 1254px){
	
}

@media (max-width: 1025px){
	
}

	@media screen and (max-width: 1024px) {		
		.fp-tableCell {height:auto !important;}
		.pc {display:none!important;}
		.mob {display:block!important;}
		.top{right:1%; bottom:5%;z-index:8888;}
		.section {min-height:auto;}
		.navbar .all {margin:16px 0;}
		.navbar .navbar-logo a.m_logo {width:130px;height:42px;margin:0 0 0 20px;}
		.cont {width:98%;margin:0 1%;}
		.contents {margin:70px 0 ;}
		header {height:58px;}
		.navbar .menus {display:none;}
		.container-static {position:relative;width:100%;margin:0 auto;}
		.navbar .gnb {margin:0 20px 0 0;}
		body.navbar-open .navbar .sub-nav {min-width:100%;height:auto;}
		body.navbar-open .navbar .sub-nav .subnav-inner {width:100%;margin:80px auto;}
		body.navbar-open .navbar .sub-nav .subnav-inner ul li {width:100%;}
		body.navbar-open .navbar .sub-nav .subnav-inner ul li dl {padding:10px;}
		body.navbar-open .navbar .sub-nav .subnav-inner ul li dl dt {margin-bottom:10px;text-align:center;}
		body.navbar-open .navbar .sub-nav .subnav-inner ul li dl dt>a {font-size:1.3rem;}
		body.navbar-open .navbar .sub-nav .subnav-inner ul li dl dd {overflow:hidden;}
		body.navbar-open .navbar .sub-nav .subnav-inner ul li dl dd .menu-sub {float:left;width:50%;font-size:1.1rem;padding:10px 12px;border:none;}
		.tnb span a {width:30px;height:30px;font-size:12px;line-height:28px;}
		.right_menu2 {width:30px;height:30px;padding:4px;}
		.navbar .m_utils {position: absolute;right:70px;margin-top: 16px;z-index: 20;float: right;}		
		.navbar .m_utils a{display:block; float:left; width:34px; height:34px; font-size:14px; font-weight:500; color:#666; line-height:32px; text-align:center; border:1px solid #ddd; box-sizing:border-box; transition:all 0.5s ease; -webkit-transition:all 0.5s ease; -moz-transition:all 0.5s ease; -o-transition:all 0.5s ease;}
		.navbar .m_utils span {display: block;float: left;margin-left: 15px;}
		.visual li img {height:auto;margin-top:64px;}		
		.visual .txt h2 {font-size:1.2rem;font-weight:300;}
		.visual .txt h2.core {color:#fff;text-shadow:3px 3px 3px #333}
		.visual .txt h2 em {font-size:1.4rem;}
		.visual .txt.last h2 span {padding-bottom:3px;}
		.visual li.active .txt.last {top:70%;}
		.visual .txt p {margin-top:5px;}
		.bx-pager {bottom:10px;}
		.scroll, .page_wrap {display:none;}
		section {height:auto!important;}
		.board_wrap {margin-top:0;}
		/* #news .list>div {width:46%;margin:2%;} */
		#news .list>div {width:96%;margin:6% 2%;}
		.news-list li:nth-child(3) {display:none;}
		#pr {margin-top:30px;}
		#rnd > .rnd_wrap {width:100%;padding:10px 30px;}
		#rnd > .rnd_wrap > div {width:100%;height:150px;}
		#rnd > .rnd_wrap dl dt {font-size:1.5rem;line-height:20px;}
		#rnd > .rnd_wrap dl dt span {width:25%;}
		#rnd > .rnd_wrap dl dd {font-size:1.2rem;}
		#rnd > .rnd_wrap > div>.pul .head-t {font-size:1.2rem;line-height:16px;margin-bottom:10px;}
		#rnd > .rnd_wrap > div>.pul .head-exp {font-size:1rem;}		
		#pr > .pr_wrap {width:100%;}
		.you_box h3:after, .hong_box h3:after {display: block;width: 14%;margin: 0 auto 0;border-bottom: 2px solid #034ea1;content: '';}
		.you_box {width:100%;height:auto;}
		.hong_box {width:100%;height:auto;}
		.hong_box ul li img {height:120px;}
		.banner_wrap {width:100%;}
		.banner_wrap .bann-box1, .banner_wrap .bann-box2, .banner_wrap .bann-box3 {width:90%;margin:20px 5%;}
		.family {width:100%;}
		.family a {display:block}
		.family img {width:90%;margin:1% 5%;}
		footer {min-width:100%}
		footer .footer_wrap {width:100%;}
		footer .logo{display: inline-block;height: 30px;margin: 30px 0 20px 0;text-align: center;}
		footer address {position: relative;display: block;padding: 0 15px 30px 15px;font-size: 12px;line-height: 1.6;color: #666;}
		footer address span {display: inline-block;margin: 0 10px 0 0;}
		
		/* ÅÇ */
		
		/* ¼­ºêÆäÀÌÁö */
		.sub_bg {width:100%;height:150px;}
		.sub_bg h2 {width:100%;font-size:30px;line-height:30px;padding-top:60px;text-align:center;font-weight:400;}		
		.sec_tit h3 span {font-size:24px;}
		.ceo_title {width:100%;font-size:26px;}
		.greeting {width:100%;padding:20px 10px 0;}
		.greeting .sign {margin-top:20px;}
		.location ul {padding-right:10px;}		
		.info_box {margin-top:50px;}
		.info_box ul li h1 {font-size:24px;}
		.aff_in ul li {width:100%;}
		.aff_in ul li .item_info p span {padding:10px 0;}
		.vision_box .mission li {width:48%;margin:0 1%;}
		.vision_box .inner li {display:block;}
		.vision_box .inner li .txt {margin:20px auto;}
		.history1 .big_year, .history2 .big_year {font-size:36px;}
		.history1 .big_year + em, .history2 .big_year + em {font-size:18px;}
		.history1 > dl,.history2 > dl {width:100%;padding-bottom:20px;}
		.history_box {float: left;width: 100%;padding: 10px;border:none;}
		.history_box dl dd {margin-left:80px;}		
		.history2 > div dl {margin:0;}
		.history2 .history_box {width:100%;}
		.cer_wrap .cer_box ul li {width:48%;margin:20px 1%;}
		.cer_wrap .cer_box .img_box {height:auto;}
		.cer_wrap .cer_box .img_tit {font-size:1rem;}
		.awards > dl {width:100%;padding-bottom:20px;}
		.awards .big_year {font-size:36px;}
		.awards .big_year + em {font-size:18px;}
		.awards_box {width:100%;padding-left:0;}
		.awards_box dl dt {height:auto;}
		.awards_box dl dd {margin-left:80px;}
		.hong_list li {width:100%;}
		.ci_wrap img {width:100%;}
		.san_wrap .san_box {width:100%;}
		.san_wrap .san_box .san_txt {padding:0 0 0 20px}
		.youtube_box ul li {width:100%;}
		.youtube_box ul li iframe {width:100%;}
		.youtube_box ul li h3 {font-size:1.3rem;margin-bottom:20px;}
		.loc_wrap .map_wrap {width:100%;}
		.loc_wrap .tight_wrap {width:100%;margin-top:30px;padding-left:10px;}
		.root_daum_roughmap {width:100%!important;}		
		.business_box .bg_box {margin-left:60px;}
		.report_wrap .textarea {height:200px;padding:20px 0;}
		.report_wrap .agree_txt {font-size:15px;}
		.report_wrap .textarea .text_inner h4 {font-size:16px;}
		.report_wrap .agree_txt span {padding-right:9px;}
		.report_wrap p {font-size:1rem;}
		.report_box .writezone01 {margin-bottom:20px;}
		.report_box .writezone01 label:first-child {width:100px;}
		.report_box .writezone01 .write_box input[type="text"] {width:80%;}
		.report_box .writezone01 .write_box.phone input {width:60px}
		.report_box .writezone01 .email_box input {width:100px;}
		.report_box .end_box textarea {width:100%;}
		.mater_wrap h4 {font-size:1.7rem;}
		.mater_wrap h5 {font-size:1.3rem;}
		.mater_wrap p {font-size:1.1rem;}
		.mater_icon ul li {width:31%;margin:1%;}
		.mater_icon ul li .txt {margin:0;font-size:1.15rem;}
		.rnd_con .list_wrap li {width:100%;margin:0;padding:2px 5px;}
		.rnd_con .list_wrap li p {margin-top:10px;margin-bottom:30px;}
		.rnd_con ul li {width:46%;margin:2%;}
		.boan_wrap ol li {width:47%;margin:1%;}
		.boan_box ul.sung li {width:46%;margin:2%;}
		.report_wrap .report_hd {font-size:1.5rem;margin-bottom:20px;}
		.business_wrap {width:100%;}
		.business_img img {width:100%;}
		.vision_box {width:100%;}
		.vision_box img {width:100%;}
		.boan_box img {width:100%;margin-top:20px;}
		.boan_wrap ol {margin:40px 0;}
		.boan_wrap p.safe_sub_tit {padding:30px 0 ;}
		.tab_wrap h4 {margin-top:0;}
		.report_box .writezone01 .email_box select {display:none;}
		.bene_wrap {margin-top:10px!important;}
		.bene_box ol li {width:100%;margin:0 auto 30px;}
		.step_wrap h4 {font-size:1.5rem;}
		.step_wrap ol li {padding:0;margin:0 0 20px 0;}
		.bene_box ol li .box p {font-size:1.2rem;}
		.step_wrap ol li:after {display:none;}
		.boan_wrap ol li .box p {font-size:1.3rem;}
		.boan_wrap p.safe_sub_tit {padding:0}
		.recep_box ul {margin:20px 0;}
		.recep_box ul li:after {content:'';}
		.recep_box ul li .tit {width:20%;height:auto;padding:20px;background-color:#fff;}
		.recep_box ul li .tit p {font-size:1.2rem;color:#034ea1;font-weight:400;}
		.recep_box ul li .txt {width:80%;padding-top:7px!important;height:auto;margin:0;border:none;}
		
		/* ´º½º·ë */
		.news_wrap .new_cons {grid-template-columns:repeat(3,1fr);}
		
		
		/* ³×ºñ */
		#Mob_navi {width:100%;clear:both;text-align:left;}
		#Mob_navi ul li {border-bottom:1px solid #d1d1d1;}
		#Mob_navi ul li .tit {display:block;padding-left:22px;font-size:130%;font-weight:bold;line-height:50px;}
		#Mob_navi ul li .tit span {float:right;padding-right:28px;font-weight:bold;font-size:1.5rem;}
		#Mob_navi ul li .tit span:after {display:block;clear:both;content: '';}
		#Mob_navi ul li div.sub_menu {display:none;margin:5px 20px;overflow:hidden;backgrond-color:red;}
		#Mob_navi ul li div.sub_menu a {display:block;padding:6px 20px;color:#0167bb;font-size:110%;font-weight:bold;border-bottom:1px solid #ddd;}
		#Mob_navi ul li div.sub_menu a:last-child {border:none;}
		#Mob_navi ul li div.sub_menu a:hover {color:#fff;background-color:#0167bb;}	
		
		
		/*ESG °æ¿µ INNOVATE*/
		.tab-menu2{
			max-width:100%;
		}
		.tab-menu-link2{
			width:100px;
			height:100px;
			font-size:2.2rem;
		}
		.tab-bar2{
			max-width:100%;
		}
		.tab-menu-link{
			font-size:2.5rem;
		}
		.tab-bar{
			width:100%;
		}
		.innovate_box .mater_wrap h4{
			font-size:1.3rem;
			line-height:2rem;
		}
		
		/* Environment */
		.m_roadmap_img{
			display:block;
			width:100%;
		}
		.roadmap_img{
			display:none;
		}
		.environ_box .oper_inner{
			height:384px;
		}
		.action_plan ol li{
			width:47% !important;
			margin:1% !important;
		}
		.action_plan_ct ol li{
			width:47% !important;
			margin:1.5% !important;
		}
		.environ2_box{
			flex-direction:column;
		}
		.action_plan ol li .box p{
			font-size:1.1rem;
		}
		
		/*Social */
		.social_box .oper_con,
		.social_box .social2_table{
			width:100%;
		}
		.social_box .oper_con{
			margin-bottom:30px;
		}
		.s2_box .gang ul{
			text-align:center;
		}
		.s2_box .gang ul li{
			width:100%;
		}
		.social2_box .oper_inner p{
			padding:0 !important;
		}
		.s2_box .gang ul li .pdf_link{
			text-align:center;
		}
		.s2_imgs{
			justify-content: center;
			flex-direction:column;
		}
		.social3_txt h4{
			font-size:1.3rem;
		}
		.s3_wrap .oper_inner p{
			font-size:1.3rem;
		}
		.s3_wrap .oper_inner p span{
			font-size:1.1rem;
		}
	}
@media (max-width: 878px){
	
}
@media (max-width: 767px){
	/* ´º½º·ë */
		.news_wrap .new_cons {grid-template-columns:repeat(2,1fr);}
}
@media (max-width: 501px){
	/* Environment */
		.environ_box{
			flex-direction:column;
		}		
		.environ_box .o-box-content{
			width:100%;
		}
		.environ_box .oper_inner{
			height:auto;
		}
		.environ_box .oper_con{
			padding:20px;
		}
		.environ_box .o-box-content:last-child .oper_con{
			padding:20px;
		}
		/* ´º½º·ë */ 
		.news_wrap .new_cons {grid-template-columns:repeat(1,1fr);}
		
}
@media (max-width: 425px){
	.fp-section.fp-table, .fp-slide.fp-table {height:270px!important;}
	.fp-tableCell {height:270px!important;}
	.visual li {height:auto;}
	.visual li .txt.mid {width:80%;text-align:center;}
	.visual li.active .txt.last {top:70%;}
	.bx-pager {display:none;}
	/* #news .list>div {float:none;width:80%;margin:0 auto 30px;} */
	#news .list h2 {font-size:1.2rem;}
	.news-list li:nth-child(3) {display:none;}
	.intro-news li a {font-size:1.2rem;padding-left:20px;}
	.snb li {font-size:0.85rem;letter-spacing:-1px;}
	.snb li.active:before {top:2.7rem;}
	.info_box ul li {width:90%;margin:20px 5%;}
	.aff_in ul li .item_tit {padding:0 10px;}
	.aff_in ul li .item_info {padding:20px 12px;}
	.aff_in ul li .item_info p { height: auto;overflow: visible;font-size:14px;padding-left:75px;line-height: normal;text-overflow: inherit;white-space:normal;}	  
	.aff_in ul li .item_info p span {padding:10px 0;}
	.vision_box .mission li {width:100%;margin-bottom:20px;}	
	.history_box dl dd p span.month, .awards_box dl dd p span.month {display:block;}
	.san_wrap .san_box .san_img {width:30%;}
	.san_wrap .san_box .san_txt {width:70%;}
	.san_wrap .san_box h4 {font-size:1.15rem;}	
	.san_wrap .san_box dl dt {width:65px;font-size:1rem;}
	.loc_wrap .loc_tit {font-size:1.2rem;}	
	.loc_wrap .tight_wrap dl dt {width:93px;font-size:1rem;vertical-align:top;}
	.loc_wrap .tight_wrap dl dt.traffic {letter-spacing:-1px;}
	.report_box .writezone01 .email_box span.blank {margin:0 3px;}
	.report_box .writezone01 .email_box select {margin:5px 0 0 104px;}
	.mater_wrap h4 {font-size:1.2rem;}
	.mater_wrap h5 {font-size:1rem;}
	.mater_wrap div.tit {font-size:1.4rem;line-height:2rem;}
	.business_box .bg_box {margin-left:60px;}
	.pro_wrap ul.batt {margin:30px 0;}	
	.pro_wrap ul.batt li {width:100%;height:60px;margin:10px 0;}
	.pro_wrap ul.batt li p {font-size:1.3rem;line-height:60px}
	.rnd_con .tit_txt {font-size:1.5rem;}
	.rnd_con ul li {width:100%;margin:10px 0;}
	.boan_wrap ol li {width:100%;margin:20px 0;}
	.boan_wrap h4 {width:75%;font-size:1.5rem;}
	.boan_wrap p.safe_sub_tit {font-size:1.3rem;}
	.boan_box ul.system li {width:46%;margin:2%;}
	.boan_box ul.system li p {font-size:1.2rem;}
	.oper_box.gang ul li {width:100%;margin-bottom:20px;}
	.oper_inner p {font-size:1rem;}
	.business_wrap {width:100%;}
	.business_img img {width:100%;}
	.vision_box {width:100%;}
	.vision_box img {width:100%;}
	.report_wrap .report_hd {font-size:1.1rem;line-height:1.5rem;}
	.report_box .writezone01 label:first-child {width:120px;}
	.recep_box ul li .tit {width:25%;}
	.recep_box ul li .tit p {font-size:1rem;}
	.recep_box ul li .txt {width:75%;padding-top:0;font-size:1rem;}
	
	/* ÅÇ */
	.tabs li {font-size:1rem;}
	.tabs2 {margin-bottom:30px;}
	
	
	/*ESG °æ¿µ INNOVATE*/
	.tab-menu2{
		max-width:100%;
		justify-content: space-between;
	}
	.tab-menu-link2{
		width:90px;
		height:90px;
		font-size:2rem;
	}
	.tab-menu-link{
		font-size:2rem;
	}
	.texts h1{
		font-size:1.5rem;
	}
	.texts2 h1{
		font-size:1.5rem;
	}
	.texts2 h3{
		font-size:1.1rem;
	}
	.tab-bar{
		height:253px;
	}
	.innovate_box .mater_wrap h4{
		width:100%;
		font-size:1.2rem;
		line-height:2rem;
	}
	.innovate_box .oper_con{
		padding:10px;
	}
	.innovate_box .oper_inner{
		padding:0;
	}
	.inno_box2{
		padding:0 1.5rem;
	}
	/* Environment */
	.environ_box{
		flex-direction:column;
	}		
	.environ_box .o-box-content{
		width:100%;
	}
	.environ_box .oper_inner{
		height:auto;
	}
	.environ_box .oper_con{
		padding:20px;
	}
	.environ_box .o-box-content:last-child .oper_con{
		padding:20px;
	}
	.action_plan ol li{
		width:100% !important;
		margin:20px 0 !important;
	}
	.action_plan_ct ol li{
		width:50% !important;
		margin:20px 0 !important;
	}
	.action_plan_ct ol li .txt{
		width:170px;
		height:170px;
	}
	.action_plan_ct ol li:first-child .safe_txt_sub{
		padding:0 20px;
	}
	.action_plan_ct ol li:nth-child(2) .safe_txt_sub{
		padding:0 37px;
	}
	.action_plan_ct ol li:nth-child(3) .safe_txt_sub{
		padding:0 17px;
	}
	.action_plan_ct ol li:last-child .safe_txt_sub{
		padding:0 17px;
	}
	.action_plan_ct .txt h3{
		font-size:1.4em;
	}
	.action_plan_ct .txt p{
		font-size:1em !important;
	}
	/*social */
	.s2_txt h4 {
		width:100%;
		font-size:1.2rem;
	}
	.s3_wrap .oper_con{
		padding:0;
	}
	.s3_wrap .oper_inner{
		padding:0;
	}
	.s3_wrap .oper_inner p{
		padding:15px;
		font-size:1.2rem;
	}
	.s3_wrap .oper_inner p span{
		font-size:1rem;
	}
}




/* ESG INNOVATE */
@media screen and (max-width: 1024px) {
  .sp-main {
    padding: 5rem 0;
  }

  body.scroll .sp-main {
    padding: 44.5rem 0 10rem;
  }

  .sp-main .menu-side {
    display: none;
  }

  .sp-main .content-side {
    width: 100%;
    flex: 1 1 100%;
    max-width: 100%;
  }

  body.scroll .sp-main section:first-of-type {
    margin: -5rem 0;
    padding: 5rem 0;
  }
}

@media screen and (max-width: 1280px) {
  .management .sec_body.cnt_2 .sec_cnt_area {
    padding: 50px 20px;
  }

  .management .sec_body.cnt_2 .circle_item.center {
    width: 237px;
  }

  .management .sec_body.cnt_2 .circle_item {
    width: 280px;
  }


  .management .sec_body.cnt_2 .circle_item:nth-of-type(2) .txt_area,
  .management .sec_body.cnt_2 .circle_item:nth-of-type(4) .txt_area {
    padding-left: 40px;
  }

  .management .sec_body.cnt_2 .circle_item:nth-of-type(3) .txt_area,
  .management .sec_body.cnt_2 .circle_item:nth-of-type(5) .txt_area {
    padding-left: 90px;
  }

  .management .esg_depth_2 li p.right {
    width: 31%;
    word-break: keep-all;
  }

  .management .esg_depth_2 li p.right::before {
    top: 20%;
    left: -62%;
    width: 62%;
  }

  .management .esg_depth_4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 19px;
  }

  .management .esg_depth_4 li {
    width: 100%;
  }

  .management .esg_depth_4 li + li {
    margin-left: 0;
  }

  .management .esg_depth_4 li p {
    width: auto;
  }

  .management .esg_depth_4 li:nth-of-type(n+5) p::before {
    display: none;
  }

  .management .esg_depth_4::after {
    position: absolute;
    content: '';
    left: 11.7%;
    top: -20px;
    width: 76.7%;
    height: 1px;
    background-color: #C1B5AB;
  }
}

@media screen and (max-width: 1024px) {
  section + section {
    padding-top: 120px;
  }

  .sec_ttl {
    font-size: 3.2rem;
  }

  .sec_head p {
    font-size: 1.6rem;
  }

  .sec_body {
    margin-top: 5rem;
  }

  .sec_cnt_ttl {
    margin-bottom: 1.5rem;
  }
  .management .sec_cnt_area .row .col .item {
    padding: 4rem 2.4rem 2.5rem;
  }

  .management .sec_cnt_area .row .col .item h4 {
    font-size: 1.8rem;
  }
  .management .sec_body.cnt_2 .circle_item {
    width: 32rem;
  }

  .management .sec_body.cnt_2 .circle_item h3 {
    font-size: 1.8rem;
  }

  .management .esg_depth_1 li p {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 5rem;
    width: 22rem;
    font-size: 1.4rem;
    padding: 1.5rem 0;
  }

  .management .esg_depth_2 li p.right {
    display: block;
    height: auto;
  }

  .management .esg_depth_4 li p {
    width: auto;
    padding: 0.7rem 0;
  }

  .management .sec_foot table thead th {
    font-size: 1.4rem;
    line-height: 1.5;
  }

  .grade .sec_body {
    margin-top: 6rem;
  }

  .grade .sec_body .item {
    padding: 3.4rem 2rem 2rem;
  }

  .grade .sec_body .item h3 {
    font-size: 2rem;
  }

  .grade .sec_body .item p {
    margin-top: 2rem;
    margin-bottom: 2.5rem;
  }

  .grade .sec_body .item img {
    margin: 0 auto;
  }

  .report .sec_body {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 768px) {
  .content-side .list > li .card-files > a {
    max-width: unset;
    height: 50px;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }

  .content-side .list li {
    flex-direction: column;
    align-items: flex-start;
    padding: 2.5rem 1rem;
  }

  .content-side .list li > div,
  .content-side .list > li .card-files {
    margin: 0;
    flex-direction: column;
  }

  .content-side .list > li .card-files {
    width: 100%;
    max-width: 100%;
  }

  .content-side .list li > div > h3 {
    margin-bottom: 3rem;
  }

  .row > .col.col-6 {
    flex: 0 0 100%;
  }

  .row > .col + .col {
    margin-top: 2rem;
  }

  .management .sec_cnt_area .row .col .item {
    height: auto;
  }

  .management .sec_cnt_area .row:first-of-type .col .item img {
    margin: 0 auto;
  }

  .management .sec_body.cnt_2 .sec_cnt_area {
    display: flex;
    flex-direction: column;
    padding: 4rem;
  }

  .management .sec_body.cnt_2 .circle_item.center {
    position: static;
    transform: unset;
    z-index: 0;
    margin-top: 0;
  }

  .management .sec_body.cnt_2 .circle_item {
    margin-top: -2.5rem;
  }

  .management .sec_body.cnt_2 .circle_item,
  .management .sec_body.cnt_2 .circle_item.center {
    width: 100%;
  }

  .management .sec_body.cnt_2 .circle_item:nth-child(2),
  .management .sec_body.cnt_2 .circle_item:nth-child(4) {
    margin-right: 0;
  }

  .management .sec_body.cnt_2 .circle_item:nth-child(n+4) {
    margin-top: -2.5rem;
  }

  .management .sec_body.cnt_2 .circle_item:nth-of-type(2) .txt_area,
  .management .sec_body.cnt_2 .circle_item:nth-of-type(4) .txt_area {
    padding-left: 0;
  }

  .management .sec_body.cnt_2 .circle_item:nth-of-type(3) .txt_area,
  .management .sec_body.cnt_2 .circle_item:nth-of-type(5) .txt_area {
    padding-left: 0;
  }

  .management .sec_body.cnt_2 .circle_item .txt_area {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
  }

  .management .sec_body.cnt_2 .circle_item h3 {
    text-align: center;
  }

  .management .sec_foot table thead th:first-of-type {
    display: none;
  }

  .management .sec_foot table tbody td:first-of-type {
    display: none;
  }

  .management .sec_foot table tbody td span {
    display: block;
  }

  .management .sec_body.cnt_2 .circle_item.center .txt_area {
    margin-top: 0;

  }

  .management .sec_body.cnt_2 .circle_item .txt_area {
    position: static;
    transform: unset;
    margin-top: calc(50% - 7rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .management .sec_body.cnt_2 .circle_item:nth-of-type(3) .txt_area {
    margin-top: calc(50% - 8.6rem);
  }

  .management .esg_depth_2 li p.right {
    top: 15%;
    width: 44%;
    padding: 1.3rem 0;
  }

  .management .esg_depth_2 li p.right::before {
    top: 47%;
    left: -14%;
    width: 14%;
  }

  .management .esg_depth_3 {
    margin-top: 12rem;
  }

  .management .esg_depth_3::before {
    top: -12rem;
    height: 12rem;
  }

  .management .esg_depth_4 {
    grid-template-columns: repeat(2, 1fr);
  }

  .management .esg_depth_4::after {
    left: 24.2%;
    width: 51.8%;
  }

  .management .esg_depth_4 li:nth-of-type(n+3) p::before {
    display: none;
  }

  .report .sec_head {
    padding: 5rem 1rem;
  }
  .video{
	  height:300px !important;
  }
}
@media screen and (max-width: 500px) {
  .management .esg_depth_4::after {
    left: 23.5%;
    width: 53.4%;
  }
}
@media screen and (max-width: 1280px) {
  .management .sec_body.cnt_2 .sec_cnt_area {
    padding: 50px 20px;
  }

  .management .sec_body.cnt_2 .circle_item.center {
    width: 237px;
  }

  .management .sec_body.cnt_2 .circle_item {
    width: 280px;
  }


  .management .sec_body.cnt_2 .circle_item:nth-of-type(2) .txt_area,
  .management .sec_body.cnt_2 .circle_item:nth-of-type(4) .txt_area {
    padding-left: 40px;
  }

  .management .sec_body.cnt_2 .circle_item:nth-of-type(3) .txt_area,
  .management .sec_body.cnt_2 .circle_item:nth-of-type(5) .txt_area {
    padding-left: 90px;
  }

  .management .esg_depth_2 li p.right {
    width: 31%;
    word-break: keep-all;
  }

  .management .esg_depth_2 li p.right::before {
    top: 20%;
    left: -62%;
    width: 62%;
  }

  .management .esg_depth_4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 19px;
  }

  .management .esg_depth_4 li {
    width: 100%;
  }

  .management .esg_depth_4 li + li {
    margin-left: 0;
  }

  .management .esg_depth_4 li p {
    width: auto;
  }

  .management .esg_depth_4 li:nth-of-type(n+5) p::before {
    display: none;
  }

  .management .esg_depth_4::after {
    position: absolute;
    content: '';
    left: 11.7%;
    top: -20px;
    width: 76.7%;
    height: 1px;
    background-color: #C1B5AB;
  }
}
@media screen and (max-width: 1024px) {
	.sp-main .sp-sub-container{
		padding:0 10px;
	}
  section + section {
    padding-top: 120px;
  }

  .sec_ttl{
    font-size: 2rem;
  }

  .sec_head p {
    font-size: 1rem;
  }

  .sec_body {
    margin-top: 70px;
  }

  .sec_cnt_ttl {
    margin-bottom: 1.5rem;
  }

  .management .sec_cnt_area .row:first-of-type .col .item {
    padding: 20px 15px;
  }

  .management .sec_cnt_area .row .col .item {
    padding: 4rem 2.4rem 2.5rem;
  }

  .management .sec_cnt_area .row .col .item h4 {
    font-size: 1.8rem;
  }

  .management .sec_cnt_area .row:first-of-type .col .item h5 {
    font-size: 1rem;
  }

  .management .sec_body.cnt_2 .circle_item {
    width: 32rem;
  }

  .management .sec_body.cnt_2 .circle_item h3 {
    font-size: 1.8rem;
  }

  .management .esg_depth_1 li p {
    display: flex;
    justify-content: center;
    align-items: center;
    height: 5rem;
    width: 22rem;
    font-size: 1.4rem;
    padding: 1.5rem 0;
  }

  .management .esg_depth_2 li p.right {
    display: block;
    height: auto;
  }

  .management .esg_depth_4 li p {
    width: auto;
    padding: 0.7rem 0;
  }

  .management .sec_foot table thead th {
    font-size: 1.4rem;
    line-height: 1.5;
  }

  .grade .sec_body {
    margin-top: 6rem;
  }

  .grade .sec_body .item {
    padding: 3.4rem 2rem 2rem;
  }

  .grade .sec_body .item h3 {
    font-size: 2rem;
  }

  .grade .sec_body .item p {
    margin-top: 2rem;
    margin-bottom: 2.5rem;
  }

  .grade .sec_body .item img {
    margin: 0 auto;
  }

  .report .sec_body {
    margin-top: 3rem;
  }
}
@media screen and (max-width: 768px) {
  .content-side .list > li .card-files > a {
    max-width: unset;
    height: 50px;
    width: 100%;
    margin-right: 0;
    margin-bottom: 10px;
  }

  .content-side .list li {
    flex-direction: column;
    align-items: flex-start;
    padding: 2.5rem 1rem;
  }

  .content-side .list li > div,
  .content-side .list > li .card-files {
    margin: 0;
    flex-direction: column;
  }

  .content-side .list > li .card-files {
    width: 100%;
    max-width: 100%;
  }

  .content-side .list li > div > h3 {
    margin-bottom: 3rem;
  }

  .row > .col.col-6 {
    flex: 0 0 100%;
  }

  .row > .col + .col {
    margin-top: 2rem;
  }

  .management .sec_cnt_area .row .col .item {
    height: auto;
  }

  .management .sec_cnt_area .row:first-of-type .col .item img {
    margin: 0 auto;
  }

  .management .sec_body.cnt_2 .sec_cnt_area {
    display: flex;
    flex-direction: column;
    padding: 4rem;
  }

  .management .sec_body.cnt_2 .circle_item.center {
    position: static;
    transform: unset;
    z-index: 0;
    margin-top: 0;
  }

  .management .sec_body.cnt_2 .circle_item {
    margin-top: -2.5rem;
  }

  .management .sec_body.cnt_2 .circle_item,
  .management .sec_body.cnt_2 .circle_item.center {
    width: 100%;
  }

  .management .sec_body.cnt_2 .circle_item:nth-child(2),
  .management .sec_body.cnt_2 .circle_item:nth-child(4) {
    margin-right: 0;
  }

  .management .sec_body.cnt_2 .circle_item:nth-child(n+4) {
    margin-top: -2.5rem;
  }

  .management .sec_body.cnt_2 .circle_item:nth-of-type(2) .txt_area,
  .management .sec_body.cnt_2 .circle_item:nth-of-type(4) .txt_area {
    padding-left: 0;
  }

  .management .sec_body.cnt_2 .circle_item:nth-of-type(3) .txt_area,
  .management .sec_body.cnt_2 .circle_item:nth-of-type(5) .txt_area {
    padding-left: 0;
  }

  .management .sec_body.cnt_2 .circle_item .txt_area {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 100%;
    text-align: center;
  }

  .management .sec_body.cnt_2 .circle_item h3 {
    text-align: center;
  }

  .management .sec_foot table thead th:first-of-type {
    display: none;
  }

  .management .sec_foot table tbody td:first-of-type {
    display: none;
  }

  .management .sec_foot table tbody td span {
    display: block;
  }

  .management .sec_body.cnt_2 .circle_item.center .txt_area {
    margin-top: 0;

  }

  .management .sec_body.cnt_2 .circle_item .txt_area {
    position: static;
    transform: unset;
    margin-top: calc(50% - 7rem);
    display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: center;
  }

  .management .sec_body.cnt_2 .circle_item:nth-of-type(3) .txt_area {
    margin-top: calc(50% - 8.6rem);
  }

  .management .esg_depth_2 li p.right {
    top: 15%;
    width: 44%;
    padding: 1.3rem 0;
  }

  .management .esg_depth_2 li p.right::before {
    top: 47%;
    left: -14%;
    width: 14%;
  }

  .management .esg_depth_3 {
    margin-top: 12rem;
  }

  .management .esg_depth_3::before {
    top: -12rem;
    height: 12rem;
  }

  .management .esg_depth_4 {
    grid-template-columns: repeat(2, 1fr);
  }

  .management .esg_depth_4::after {
    left: 24.2%;
    width: 51.8%;
  }

  .management .esg_depth_4 li:nth-of-type(n+3) p::before {
    display: none;
  }

  .report .sec_head {
    padding: 5rem 1rem;
  }
	.innovate_sec_body .sec_head p br{
		display:none;
	}
	.innovate_item{
		padding:10px 0px 10px 5px;
	}
	.innovate_item_box ul{
		flex-direction:column;
		align-content: center;
	}
	.innovate_item_box ul li{
		width:85%;
	}
	.innovate_item .innovate_item_circle{
		width:8.8rem;
		height:8.8rem;
	}
	.innovate_item .innovate_item_circle .circle_txt{
		font-size:1rem;
	}
	.innovate_item_txt{
		font-size:0.9rem;
	}
	.innovate_sec_body{
		margin-top:2rem;
	}
	.innovate_sec_body .sec_head p{
		font-size:1rem;
	}
	.innovate_sub_title3{
		margin:0;
		font-size:1.6rem !important;
	}
}





@media screen and (max-width: 1280px){
	.menu-side{
		display:none;
	}
}

@media screen and (max-width: 1098px){
	#citizen_report_top .secTitle{
		font-size:28px;
	}
	.esgreport2_files_wrap{
		margin-top:10px;
	}
	.esgreport_files_wrap{
		padding-left:0;
	}
	.before_esg_report .br_box_txt p{
		font-size:21px;
	}
}
@media screen and (max-width: 960px){
	#citizen_report_top .secTitle{
		font-size:26px;
	}
}
@media screen and (max-width: 768px){
	#citizen_report_top .secTitle{
		font-size:21px;
	}
	.esgreport_files_wrap .file-download{
		
	}
	/* ´º½º·ë */
	.news_wrap .lists .top_con {
		flex-direction:column;
	}
	.news_wrap .lists .top_con .search {
		width:100%;
		justify-content:end;
	}
	.news_wrap .lists .con table td.num,
	.news_wrap .lists .con table td.write,
	.news_wrap .lists .con table td.view, 
	.news_wrap .lists .con table th.num,
	.news_wrap .lists .con table th.write,
	.news_wrap .lists .con table th.view {display:none;}
	.news_wrap .lists .con table th.date {width:22%;}
	
}
@media screen and (max-width: 640px){
	#citizen_report_top .secTitle{
		font-size:17px;
	}
}
@media screen and (max-width: 498px){
	.esgreport_files_wrap .file-download{
		width:168px;
		height:33px;
		font-size:11px;
	}
	/* ´º½º·ë */
	.news_wrap .lists .top_con .num {font-size:16px;}
	.news_wrap .lists .con table th.date {width:25%;}
}
@media screen and (max-width: 480px){
	#citizen_report_top .secTitle{
		font-size:12px;
	}
	.esgreport_files_wrap{
		padding-left:0;
	}
	.esgreport_files_wrap .file-download{
		width:151px;
		height:23px;
		font-size:9px;
	}
	.privacy_wrap dl dt{
		font-size:20px;
	}
	.privacy_wrap dl dd{
		font-size:16px;
	}
	.privacy_wrap .mater_icon ul li{
		width:173px;
		margin-right:0;
		margin:10px 5px;
	}
	.privacy_wrap .mater_icon ul li div img{
		margin-bottom:18px;
	}
	.privacy_wrap .mater_icon ul li a p{
		font-size:14px;
	}
	.privacy_wrap p.gong{
		font-size:16px;
	}
	.popup{
		height:500px;
	}
	.body-content{
		padding:10px;
	}
	.body-contentbox h3{
		font-size:15px;
	}
	.privacy_wrap dl dd .privacy th{
		font-size:14px;
	}
	.privacy_wrap dl dd .privacy td{
		font-size:13px;
	}
	.body-contentbox .td1 p{
		font-size:13px;
	}
	.body-contentbox .p3{
		font-size:15px;
	}
	.modal-btn-box button{
		font-size:14px;
		width:156px;
		height:35px;
	}
}
@media screen and (max-width: 384px){
	#citizen_report_top .secTitle{
		font-size:5px;
	}
	#citizen_report_top .secText p{
		font-size:0.5rem;
	}
}




@media (max-width: 768px) {
	.esg_box{
		gap:30px 0;
	}
	.esg_content{
		flex-direction: column;
		gap: 20px 0;
	}
	.esg_line{
		display:none;
	}
	.esg_circle{
		width:160px;
		height:160px;
	}
	.esg_circle h6{
		font-size:1.2rem;
	}
	.esg_icon{
		text-align:center;
		padding-top:20px;
	}
	.esg_icon img{
		width:80%;
	}
	.environ_text_box{
		flex-direction:column;
		margin-top:3rem;
	}
	.environ_txt_box_tit{
		flex: 0 0 100%;
		padding: 2.5rem 0 1.3rem;
	}
	.environ_text{
		padding:0;
	}
	.action_plan_boxs{
		flex-direction:column;
	}
	.action_plan_boxs{
		align-items:center;
		gap:30px 0;
	}
	.act_plan_left{
		width:calc(45% - 10px);
		padding:calc((45% - 10px) / 2) 0;
	}
	.action_plan_line{
		display:none;
	}
	.act_plan_circles{
		width:100%;
		flex-wrap: wrap;
		gap: 20px;
		justify-content: center;
	}
	.act_plan_circle{
		width:calc(48% - 10px);
	}
	.environ_b_circles{
		gap:30px;
		align-items: center;
		flex-direction:column;
	}
	.b_cir_item{
		width:80%;
	}
	.sec_environ_img img{
		width:100%;
	}
	.sec_environ_txt p{
		margin-top:0;
	}
	.social_table{
		padding:0;
	}
	.social_sec_body{
		padding:0;
	}
	.social2_buy_content{
		padding:10px;
	}
	.social2_bottom h5 br{
		display:none;
	}
	.social2_imgs img{
		width:100%;
	}
	.s3_tab .tab-menu2{
		max-width:100%;
	}
	.s3_tab .tab-center{
		display:none;
	}
	.s3_tab .tab-menu-link2{
		width:110px;
		height:110px;
	}
	.social3_welfare .tab-bar2{
		margin-top:0;
	}
	.s3_tab .social_item1::before{
		content:none;
	}
	.s3_tab .social_item2::before{
		content:none;
	}
	.s3_tab .social_item3::before{
		content:none;
	}
	.s3_tab .social_item4::before{
		content:none;
	}
	.s3_tab .tab-menu-link2 p{
		padding-top:0;
		font-size:0.9rem;
	}
	.s3_tab .social_txt_box_tit{
		padding:25px 0px 20px 0px;
	}
	.social3_welfare .environ_text_box{
		margin-top:2rem;
	}
	.new_donation img{
		width:100%;
	}
	.donation_list{
	}
	.donation_item{
		max-width:49%;
		margin-bottom:15px;
	}
	.donation_img{
		max-width:100%;
		text-align:center;
	}
	.donation_img img{
		max-width:100%;
		height:auto;
	}
	.donation_title{
		font-size:1rem;
	}
	.donation_content{
		font-size:0.9rem;
	}
	.s4_good .hong_list li:after{
		display:none;
	}
	.s4_good .hong_list li{
		width:100%;
		margin:0 30px 10px 30px;
	}
	.social4_sub_ttl{
		text-align:center;
	}
	.sc_bg_img{
		max-width:100%;
		height:100%;
	}
	.sc_bg_img2{
		left:0;
	}
	.sc4_text_content{
		max-width:100%;
		width:100%;
		top:200px;
	}
	.sc4_text_content2{
		height:200px;
	}
	.s4_body{
		margin-top:400px;
		margin-bottom:120px;
	}
	.social3_b_content{
		padding:15px;
	}
	.gvn_box{
		width:48%;
	}
	.ethics_wrap .act_plan_circles{
		width:100%;
	}
	.infor_depth_1::before{
		content:none;
	}
	.infor_depth_2{
		gap:10px;
		grid-template-columns:repeat(2, 1fr);
	}
	.infor_depth_2::before{
		left:24.5%;
		width:51.4%;
	}
	.infor_depth_2::after{
		top:-52px;
		height:299px;
	}
	.infor_depth_2 li p::before{
		top:-27px;
		height:27px;
	}
	.infor_depth_2 li:last-child p::before{
		content:none;
	}
	.i_depth .infor_ceo::before{
		bottom:139px;
		height:225px;
	}
	.infor_depth_1 li p.right::before{
		top:51%;
		left:-119%;
		width:119%;
	}
	.infor_depth_1 li p.right{
		bottom:65%;
		right:0%;
	}
	.i_depth .infor_depth_2::before{
		top:-22%;
		left:24.5%;
		width:51.4%;
	}
	.i_depth .infor_depth_2 li p::before{
		top:-50%;
		height:25px;
	}
	.img_slider{
		padding:0;
	}
	.gvn4_box p{
		margin-top:0;
	}
	.gvn4_box p br{
		display:none;
	}
	.gnv5_notice{
		font-size:1.4rem;
	}
	.gnv5_report_content p{
		margin-top:0;
	}
	.gvn5_report_form .phone #phone1{
		width:90px;
	}
	.gvn5_report_form .phone #phone2, 
	.gvn5_report_form .phone #phone3{
		width:122px;
	}
	.gvn5_report_form .email_box #email1, 
	.gvn5_report_form .email_box #email2{
		width:169px;
	}
	.gvn5_report_form .writezone01 p.p1{
		font-size:0.9rem;
	}
	.gvn5_report_form .bb1 label{
		width:120px !important;
	}
	.gvn5_report_form .end_box .file_select > span{
		width:234px;
	}
	.gvn5_report_form .btn_zone{
		margin-top:20px;
	}
	.img_slider_wrap{
		height:422px;              
	}
	.social_txt_1{
		padding:20px 10px !important;
	}
	.social_txt_1 br{
		display:none;
	}
	.social_table table td{
		font-size:0.9rem;
	}
	.social2_file .file-download{
		width:260px;
		height:40px;
		font-size:14px;
	}
	.social2_files_wrap{
		margin-top:30px;
	}
	.social2_bottom{
		margin-top:30px;
	}
	.environ1_txt br{
		display:none;
	}
	.s4_good .hong_list ul{
		display:flex;
		flex-direction:column;
		align-items:center;
	}
	.s4_good .hong_list ul li{
		margin-bottom:30px;
	}
	.now_esgr_img{
		width:100%;
	}
	.esgreport_files_wrap{
		width:100%;
	}
	.before_esg_report ul{
		flex-direction:column;
	}
	.before_esg_report ul li{
		width:80%;
		margin:0 auto;
	}
	.esg_evaluation .evl_box p{
		margin-top:0;
	}
	.esg_txt_1{
		font-size:16px !important;
	}
	.esg_txt_1 br{
		display:none;
	} 
	.inno_area{
		padding:15px 15px;
	}
	.tab-menu{
		display:flex;
		flex-wrap:wrap;
		max-width:auto;
		justify-content:flex-start;	
	}
	.tab-bar{
		margin:0 auto;
	}
	.tab-menu-link{
		padding:0;
		height:170px;
		margin:10px 5px;
	}
	.paragraph{
		font-size:1.3rem;
	}
	.texts h1{
		font-size:1.5rem;
	}
	.inno_box2{
		margin-top:100px;
	}
	.tab-menu-link2{
		width:150px;
		height:150px;
	}
	.tab-menu-link2 span{
		font-size:3.5rem;
	}
	.tab-menu-link2 p{
		display:none;
	}
	.inno_tab2{
		width:100%;
	}
	.texts2 h3{
		font-size:1.7rem;
		line-height:2.5rem;
	}
	.social2_buy_content p{
		margin-top:0;
	}
	.social_item1 p,
	.social_item2 p,
	.social_item3 p,
	.social_item4 p{
		display:block;
	}
	.slider .slider__inner .slider__item-datas{
		font-size:1rem;
	}
	.environ_txt_1{
		padding:10px !important;
	}
	.environ_txt_1 br{
		display:none;
	}
	.environ_txt_1 h5{
		font-size:16px;
	}
	.sec_head p br{
		display:none;
	}
	.gvn_file .file-download{
		font-size:13px;
	}
	.comm_area .infor_depth_2{
		grid-template-columns: repeat(3, 1fr);
	}
	.comm_area .i_depth .infor_depth_2::before{
		top:-5%;
		left:15.9%;
		width:68.4%;
	}
	.comm_area .infor_depth_2 li p{
		width:140px;
		height:140px;
		padding-top:22px;
		font-size:1rem;
	}
	.comm_area .infor_depth_2 li p span{
		font-size:0.9rem;
	}
	.comm_area .i_depth .infor_depth_2 li p::before{
		height: 23px;
	}
	.comm_area .infor_depth_2 li:nth-child(2) p::before,
	.comm_area .infor_depth_2 li:last-child p::before{
		position: absolute;
		content: '';
		left: 50%;
		top: -33px;
		width: 1px;
		height: 23px;
		background-color: #C1B5AB;
	}
	.comm_area .infor_depth_2 li:nth-child(2) p::before{
		height: 51px;
		top:-61px;
	}
	.infor_depth_2 li p br{
		display:block;
	}
	.environ_txt_2 h5 br{
		display:none;
	}
	.gvn5_report_form .writezone01 label.g1{
		width:100px !important;
	}
	.report_box .end_box .fl{
		width:65px !important;
	}
	.evm_box_img img{
		width:73%;
	}
	.m_inno{
		margin-top:50px;
		width:100%;
		display:block;
	}
	.inno_box{
		display:none;
	}
	.inno_box3 img{
		width:100%;
	}
	.social_plan_wrap .act_plan_left_circle h5{
		font-size:1.6rem;
	}
	.social_plan_wrap .act_plan_circles{
		width:100%;
	}
	.social_plan_wrap .act_plan_circle{
		width:30%;
	}
	.social_plan_wrap .act_plan_inner h6{
		font-size:1rem;
	}
	.gvn_human .gvn1_files_wrap{
		margin-top:0;
	}
	.gvn_react_box_wrap{
		flex-direction:column;
	}
	.gvn_react_box{
		width:100%;
	}
	.infor_area .i_depth .infor_ceo::before{
		bottom:32px;
		height:306px;
	}
	.infor_area .infor_depth_1 li p.right{
		bottom:10%;
	}
	.infor_area .infor_depth_1 li p.right1{
		bottom:-18.9%;
	}
	.infor_area .infor_depth_1 li p.right1::after{
		height:12%;
		top:-13%;
	}
	.infor_area2 .i_depth .infor_ceo::before{
		bottom:183px;
	}
	.infor_area2 .i_depth .margin1::before{
		bottom:385px;
		height:25px;
	}
	.pc_inno{
		display:none;
	}
	.mobile_inno{
		width:100%;
		display:block;
	}
	.environ_cnt_ttl{
		font-size:28px;
	}
	.environ_cnt_ttl span{
		font-size:28px;
	}
	.s_content{
		padding:0;
	}
	.social2_buy_content .buy_circle{
		display:flex;
		justify-content:center;
		align-items:center;
	}
	.social2_buy_content .social2_num .buy_p{
		padding-left:0;
	}
	.s_box2{
		margin:0;
		margin-top:60px;
	}
	.social2_bottom_box{
		padding:0;
	}
	.environ_text p{
		font-size:16px;
	}
	.social_items_column{
		flex-direction:column;
	}
	.social4_society{
		width:100%;
	}
	.social4_sub_ttl{
		text-align:left;
	}
	.social4_donation {
		margin-top:100px;
		width:100%;
	}
	.slider .slider__inner{
		max-width:100%;	
	}
	.slider .slider__inner .slider__item{
		width:150px;
	}
	.gvn_area img{
		width:100%;
	}
	.gvn_react_box p{
		height:187.52px;
	}
	.gnv5_wrap #tab33 img{
		width:100%;
	}
	.now_esgr_img{
		display:none;
	}
	.m_now_esgr_img{
		display:block;
	}
	.m_now_esgr_img img{
		width:100%;
	}
	.now_esgr_txt_file{
		width:100%;
		right:0;
		bottom:0;
	}
	.now_esg_report h3{
		font-size:20px;
		text-align:center;
	}	
	.esgreport_files_wrap .social2_file{
		align-items: center;
		flex-direction:column;
	}
	.esgreport_files_wrap .file-download:first-child{
		margin-right:0;
		margin-bottom:15px;
	}
	.before_esg_report{
		width:100%;
		max-width:100%;
	}
	.before_esg_report_box{
		width:44%;
		height:260px;
	}
	.before_esg_report ul li{
		width:100%;
	}
	.before_esg_report .br_box_txt{
		height:150px;
	}
	.before_esg_report .br_box_txt p{
		font-size:17px;
	}
	.esgreport2_files_wrap{
		margin-top:10px;
	}
	.esgreport2_files_wrap .social2_file .file-download{
		width:190px;
	}
	.esgreport2_files_wrap .file-download:first-child{
		margin-bottom:5px;
	}
	.esg_evaluation ul li{
		width:25%;
	}
	.now_evl_box li img{
		width:100%;
	}
	.now_evl_box li p{
		font-size:19px;
	}
}

@media screen and (max-width: 498px) {
	.management .sec_cnt_area .row:first-of-type .col .item{
		padding:20px 0px;
	}
	.management .esg_depth_4::after {
		left: 23.5%;
		width: 53.4%;
	}
	.innovate_item_box ul li{
		width:100%;
	}
	.innovate_item .innovate_item_circle{
		width:8.5rem;
		height:8.5rem;
	}
	.innovate_item_txt{
		padding-left:15px;
	}
	.innovate_sub_title3{
		line-height:1.3;
		text-align:left;
		font-size:25px !important;
	}
	.environ1_txt br{
		display:none;
	}
	.s3_tab .tab-menu2{
		max-width:89%;
		margin:0 auto;
	}
	.s3_tab .tab-menu-link2 p{
		font-size:1rem;
	}
	.s4_good .hong_list li{
		margin:0;
		margin-bottom:10px;
	}
	.sc4_text_content{
		top:160px;
		height:365px;
	}
	.sc4_text_content2{
		height:195px;
	}
	.s4_body{
		margin-top:430px;
	}
	.sc4_text_content2{
		top:165px;
	}
	.gvn_box{
		width:47%;
		padding:10px 5px;
	}
	.infor_depth_2 li p{
		width:150px;
	}
	.infor_depth_1 li p.right::before{
		top:50%;
		left:-129%;
		width:129%;
	}
	.infor_depth_1 li p.right{
		bottom:69%;
		right:-2%;
		padding:10px 0;
		font-size:0.8rem;
	}
	.gvn5_report_form .phone #phone2, .gvn5_report_form .phone #phone3{
		width:120px;
	}
	.gvn5_report_form .writezone01 .write_box div{
		margin-top:5px;
	}
	.act_plan_inner h6{
		margin-top:10px;
	}
	.act_plan_out p{
		font-size:15px;
	}
	.environ_txt_1{
		margin-top:0;
	}
	.esgreport_files_wrap .social2_file{
		flex-direction:column;
		align-items:center;
	}
	.esgreport_files_wrap .file-download{
		margin-bottom:15px;
	}
	.esg_evaluation ul{
		justify-content:center;	
	}
	.esg_evaluation ul li{
		width:34%;
		margin-bottom:15px;
	}
	.esg_evaluation ul li:nth-child(odd){
		margin-right:15px;
	}
	.b_esg_evl_box ul{
		justify-content: center;
	}
	.b_esg_evl_box ul li{
		width:34%;
		margin-bottom:15px;
	}
	.b_esg_evl_box ul li:nth-child(odd){
		margin-right:15px;
	}
	.tab-menu{
		justify-content:center;
	}
	.paragraph{
		font-size:1.3rem;
	}
	.texts h1{
		font-size:1.5rem;
	}
	.inno_box2{
		padding:0;
		margin-top:70px;
	}
	.innovate_sub_title3{
	}
	.tab-menu-link2{
		width:110px;
		height:110px;
	}
	.tab-bar-content2{
		magin-top:30px !important;
	}
	.texts2 h3{
		padding:0 !important;
		font-size:1.3rem;
	}
	.social2_bottom h5{
		font-size:1rem;
	}
	.s3_tab .tab-menu-link2{
		width:150px;
		height:150px;
	}
	.gnv5_notice br{
		display:none;
	}
	.report_box .writezone01 label:first-child{
		font-size:14px;
		width:78px;
	}
	.gvn5_report_form .writezone01 label.g1{
		width:72px !important; 
	}
	.gvn5_report_form .end_box .file_select div span{
		width:99px;
	}
	.environ_table table th{
		font-size:1rem;
	}
	.environ_table table td{
		font-size:0.7rem;
	}
	.evm_box{
		flex-direction:column;
	}
	.evm_box_txt {
		width:100%;
	}
	.evm_box_img{
		width:100%;
		margin-bottom:20px;
	}
	.evm_box_img img{
		width:60%;
	}
	.innovate_sub_title2{
		font-size:25px;
	}
	.innovate_sub_title{
		font-size:25px;
	}
	.sec_head p{
		margin-top:0px;
	}
	.inno_area{
		margin-top:30px;
	}
	.inno_pc{
		margin-top:30px;
	}
	.environ_cnt_ttl{
		font-size:25px;
	}
	.environ_cnt_ttl span{
		font-size:25px;
	}
	.envir_sub_title{
		font-size:25px;
	}
	.sec_cnt_ttl{
		font-size:18px;
		margin-bottom:30px;
	}
	.environ_text p{
		font-size:16px;
	}
	.social2_ttl{
		font-size:25px;
	}
	.social_sub_title{
		font-size:25px;
	}
	.social2_ttl{
		margin-bottom:30px;
	}
	.social_ttl{
		font-size:25px;
	}
	.committee_box{
		margin-top:30px;
	}
	.committee_box h5{
		margin-bottom:20px;
	}
	.social_1_txt{
		font-size:23px;
	}
	.social4_sub_ttl{
		font-size:25px;
	}
	.s4_good .hong_list{
		padding-top:30px;
	}
	.social4_donation{
		margin-top:60px;
	}
	.slider .slider__inner .slider__item{
		width:100px;
	}
	.gvn_title{
		font-size:22px;
		margin-bottom:10px;
	}
	.gvn_sub_title{
		font-size:25px;
	}
	.gvn_human{
		flex-direction:column;
	}
	.gvn1_files_wrap{
		margin-top:30px !important;
	}
	.gvn_react_box p{
		height:242px;
	}
	.gnv5_wrap #tab11{
		padding:20px 0;
	}
	.gnv5_wrap #tab22{
		padding:20px 0;
	}
	.gnv5_wrap #tab33{
		padding:20px 0;
	}
	.report_wrap .agree_txt span{
		padding-right:0;
		padding-top:10px;
	}
	.gvn5_report_form .file_select{
		margin-top:10px;
	}
	.gvn5_report_form .end_box .notice{
		margin-left:0;
	}
	.email_box .email-form{
		display:block !important;
	}
	.email_box #email1,
	.email_box #email2{
		margin-top:5px;
	}
	.gvn5_report_form .email_box #email1, 
	.gvn5_report_form .email_box #email2{
		width:166px !important;
	}
	.esg2_txt_1 h5{
		font-size:16px;
	}
	.esg2_txt_1 h5 br{
		display:none;
	}
	.now_esgr_txt_file{
		bottom:-5%;
	}
	.before_esg_report_box{
		width:62%;
		margin:0 19%;
		margin-bottom:20px;
	}
	.esg_evaluation .gvn_sub_ttl{
		font-size:25px;
	}
	.esg2_sub_title{
		font-size:25px;
	}
	.before_esg_evaluation .table_b_txt{
		text-align:center;
	}
	.social_table .table_b_txt{
		line-height:1.2;
		font-size:0.8rem !important;
	}
	.environ_table .table_b_txt{
		line-height:1.2;
		font-size:0.8rem !important;
	}
	.cpst_table table th{
		font-size:14px;
	}
	.cpst_table table td{
		font-size:13px;
	}
	.social_report .r-social_files_wrap{
		flex-direction:column;
	}
	.social_report .social2_file p{
		width:330px;
	}
	.social_report .social2_file{
		flex-direction:column;
	}
	.social_report .social2_file .file-download:first-child{
		margin-right:0;
		margin-bottom:10px;
	}
}


/*¼­ºêÆäÀÌÁö ½½¶óÀ̵å*/
@media (max-width: 750px) {
	.slider .slider__controls {
		width:100%;
		z-index:10;
	}
	.slider .slider__inner .slider__item-selected {
		width:100%;
	}
	.slider2 .slider__controls-previous, .slider2 .slider__controls-next{
		color:#fff;
	}
}