@media only screen and (min-width: 1260px) and (max-width: 1542px){
	header.newHeader nav{justify-content: center;}
	header.newHeader nav .media{padding: 30px 15px;}

    .wrap .footerWrap .cookieBox {padding: 56px 60px 40px}
}
@media only screen and (max-width: 1259px){
	.headerWrap{background-color: #fff; position: relative !important;}
	.headerWrap .topHeader{display: block;}
	header.newHeader{display: none;}

	.wrap .headerWrap .downMenuWrap {
	    top: 0;
	    padding: 0; 
	    position: fixed;
	  }
	  .wrap .headerWrap .downMenuWrap .downMenuUnit {
	    display: none;
	  }
	  .wrap .headerWrap .downMenuWrap .mobDownMenuUnit {
	    display: block;
	  }
	  .wrap .footerWrap {
	    padding: 30px 0 40px;
	  }
	  .wrap .footerWrap footer .top .left a {
	    font-size: 12px;
	    line-height: normal;
	    font-weight: 500;
	    margin-right: 20px;
	  }
}
@media only screen and (min-width: 1220px) and (max-width: 1780px) {
	p.draw_thumbnail{height: 232px;}
	.segment.ml0 .webImg{
		right:10%;
	}
	.wrap .ceoMsgWrap .positionWrap.en{
		height: 2296px;
	}
	.wrap .ceoMsgWrap .positionWrap.en .right{
		height: 2800px;
	}
	.informationBanner{padding: 50px 50px;}
	.opticalSolution .categorySelectWrap{gap:0;} 
	.overview .overviewContentsWrap .overviewContents .bottom .productSlide li {
	  width: 161px;
	  height: 161px;
  /* position: relative; */
	}
	.wrap .companyIntro .companyInfo .infoContent .media .text {width: calc(100% - 128px);}
	.newsListWrap li a img{height: 233px;}
    .pastListWrap li a img{height: 233px;

    }
    /*//position: relative;*/
    /*!*    height: 30px;*!*/
    /*!*    right: 0px;*!*/
    /*!*}*!*/
	.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.en li.list2.bdl0 {
	    height: 271px;
	}
	.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.en li.list2 .sub li.li1 {
	    height: 149px;
	    line-height: 20px;
	    position: relative;
	}
	.wrap .ceoWrap .pageBannerWrap .textIntro.en{
		height: 1270px;
	}
	.wrap .ceoWrap .history.en{
		margin-top: 430px;
	}
	.wrap .informationWrap .tabMenuWrap .content.content1 .explain .flexWrap .left {
    
    	width: calc(100% - 760px);
	}
	.con_footer h3 {
		font-size: 1.8rem;
	}
	.con_footer p {
    	font-size: 1.5rem;
	}
	.con_footer .btn.c_pink{
		width: 15rem;
	}
  .wrap .softwareWrap .softBtnWrap .softSide .btn .soft .listNum {
    font-size: 30px;
    line-height: 40px;
    font-weight: 700;
  }
  .mobNone{
  	display: block;
  }
  .mobNone.none{
  	display: block;
  }
  .webNone{
	display: none;
	}
  .wrap .center1414{
  	width: 1200px;
  }
  .wrap .center1360 {
    /* width: calc(100% - 60px); */
    width: 1200px;
  }
  .wrap .marginCenterArt {
    width: calc(100% - 60px);
    width: 1200px;
  }
   .wrap .center1628 {
    width: calc(100% - 60px);
    width: 1200px;
  }
  .wrap .blueBox {
    display: none;
  }
  .wrap .consultWrap {
    width: calc(100% - 60px);
  }
  .wrap .consultWrap .consultSubTitle h3 {
    line-height: 33px;
    word-break: keep-all;
  }
  .wrap .consultWrap .consultContent .areaClick {
    flex-wrap: wrap;
    gap: 25px;
  }
  .wrap .consultWrap .consultContent .customSelectBox2 {
    width: 100%;
  }
  .wrap .softwareWrap {
    width: calc(100% - 60px);
  }
  .wrap .softwareWrap .softBtnWrap .softSide .btn .answerWrap .download .downbtn {
    width: 48%;
  }
  .wrap .insightWrap .innoWrap .hoverImg {
    width: 1200px;
  }
  .wrap .insightWrap .innoWrap .hoverImg .left li {
    width: 592px;
    height: 334px;
  }
  .wrap .insightWrap .innoWrap .hoverImg .left li a .text {
    bottom: 18px;
    padding: 30px 20px;
  }
  .wrap .insightWrap .innoWrap .hoverImg .left li a .text .category {
    font-size: 10px;
    line-height: 20px;
    height: 20px;
  }
  .wrap .insightWrap .innoWrap .hoverImg .left li a .text strong {
    font-size: 16px;
    margin-top: 8px;
    line-height: 20px;
    word-break: keep-all;
  }
  .wrap .insightWrap .innoWrap .hoverImg .left li a .text .textBox {
    font-size: 12px;
    line-height: 16px;
    max-width: calc(100% - 38px);
    overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box; 
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
  }
  .insightWrap .innoWrap .hoverImg li:hover a .textBox {
	margin-top: 20px;
	height: 32px !important;
	opacity: 1;
  	width:100%;	
  	
  	max-width: calc(100% - 38px);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box; 
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;

}
  .wrap .insightWrap .innoWrap .hoverImg .right ul {
    width: 592px;
    height: 159px;
  }
  .wrap .insightWrap .innoWrap .hoverImg .right ul li {
    width: 50%;
    height: 159px;
  }
  .wrap .insightWrap .innoWrap .hoverImg .right ul li img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 159px;
  }
  .wrap .insightWrap .innoWrap .hoverImg .right ul li .text {
    font-size: 12px;
    line-height: 16px;
    bottom: -72px;
    padding: 8px 20px;
  }
  .wrap .insightWrap .innoWrap .hoverImg .right ul .textSideWrap {
    padding: 42px 20px;
  }
  .wrap .insightWrap .innoWrap .hoverImg .right ul .textSideWrap .textSide .category {
    font-size: 10px;
    line-height: 20px;
    height: 20px;
  }
  .wrap .insightWrap .innoWrap .hoverImg .right ul .textSideWrap .textSide strong {
    font-size: 16px;
    margin-top: 8px;
    line-height: 20px;
    word-break: keep-all;
    width: 190px;
    overflow: hidden;
  }
  .wrap .insightWrap .innoWrap .hoverImg .right li a .text .textBox {
    font-size: 12px;
    line-height: 16px;
  }
  .wrap .insightWrap .innoWrap .content .newsListWrap {
    width: 1200px;
  }
    .wrap .insightWrap .innoWrap .content .pastListWrap {
        width: 1200px;
    }
  .wrap .insightWrap .innoWrap .content .newsListWrap li {
    width: 389px;
    /* height: 219px; */
    height: 232px;
    /* margin-right: 0; */
  }
    .wrap .insightWrap .innoWrap .content .pastListWrap li {
        width: 389px;
        /* height: 219px; */
        height: 232px;
        /* margin-right: 0; */
    }
  .wrap .insightWrap .innoWrap .content .newsListWrap li a .text {

    padding: 30px 20px;
  }
    .wrap .insightWrap .innoWrap .content .pastListtWrap li a .text {
        bottom: -14px;
        padding: 30px 20px;
    }
  .wrap .insightWrap .innoWrap .content .newsListWrap li a .text .category {
    font-size: 12px;
    line-height: 24px;
    height: 24px;
  }
  .wrap .insightWrap .innoWrap .content .newsListWrap li a .text strong {
    font-size: 16px;
    margin-top: 8px;
    line-height: 20px;
    word-break: keep-all;
  }
    .wrap .insightWrap .innoWrap .content .pastListWrap li a .text strong {
        font-size: 16px;
        margin-top: 8px;
        line-height: 20px;
        word-break: keep-all;
    }
  .wrap .insightWrap .innoWrap .content .newsListWrap li a .text .textBox {
    font-size: 12px;
    line-height: 16px;
  }
    .wrap .insightWrap .innoWrap .content .pastListWrap li a .text .textBox {
        font-size: 12px;
        line-height: 16px;
    }
  .wrap .insightWrap .innoWrap .content .newsListWrap li:hover a .text .textBox{
  	height: 33px;
  	margin-top: 0;
  }
    .wrap .insightWrap .innoWrap .content .pastListtWrap li:hover a .text .textBox{
        height: 33px;
        margin-top: 0;
    }
  .wrap .socialWrap .new .titleWrap h2 {
    width: calc(100% - 232px);
    word-break: keep-all;
  }
  .wrap .socialWrap .new .videoWrap .videoMain {
    width: calc(33.33% - 11px);
  }
  
  /* ceo */
  .wrap .ceoWrap .pageBannerWrap {
    position: static;
    margin-top: 100px;
    height: 820px;
    display: flex;
  }
  
  .wrap .ceoWrap .pageBannerWrap .mt30 {
    margin-top: 30px;
  }
  .wrap .ceoWrap .pageBannerWrap .pageBanner {
    width: 532px;
    height: 640px;
  }
  .wrap .ceoWrap .pageBannerWrap .textIntro {
    width: calc(100% - 532px);
    height: 972px;
    background-color: #f5f6f8;
    padding-top: 80px;
    padding-right: 60px;
    padding-left: 50px;
    padding-bottom: 90px;
    box-sizing: border-box;
    position: static;
  }
  .wrap .ceoWrap .pageBannerWrap .textIntro h2 {
    font-size: 36px;
    line-height: 52px;
    font-weight: 900;
  }
  .wrap .ceoWrap .pageBannerWrap .textIntro p {
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    color: #666;
    width: 500px;
    word-break: keep-all;
  }
  .wrap .ceoWrap .pageBannerWrap .textIntro.textPadding {
    padding: 100px 0 200px;
    border-top: 1px solid #d9d9d9;
  }
  .wrap .ceoWrap .pageBannerWrap .textIntro .btnSign {
    margin-top: 40px;
    width: 593px;
    margin-left: auto;
  }
  .wrap .ceoWrap .pageBannerWrap .textIntro .btnSign.cn{
  	width: 597px;
  }
  .wrap .ceoWrap .pageBannerWrap .textIntro .btnSign .flexWrap {
    display: flex;
    align-items: center;
  }
  .wrap .ceoWrap .pageBannerWrap .textIntro .btnSign .flexWrap .left {
  	flex-basis: 50%;
    font-size: 22px;
    line-height: 40px;
    font-weight: 700;
  }
  .wrap .ceoWrap .pageBannerWrap .textIntro .btnSign .flexWrap .right {
    margin-left: 40px;
  }
  .wrap .ceoWrap .history {
    display: flex;
    flex-wrap: wrap;
    margin-top: 100px;
    padding-top: 100px;
  }
  .wrap .ceoWrap .history h4{
  	font-size: 24px;
  	line-height: 50px;
  	font-weight: 900;
  	margin-bottom: 10px;
  }
  .wrap .ceoWrap .history .line {
    width: 100%;
  }
  .wrap .ceoWrap .history .line span {
    display: inline-block;
    font-size: 24px;
    line-height: 50px;
    font-weight: 700;
  }
  .wrap .ceoWrap .history .line span.date {
    color: #a50034;
  }
  .wrap .ceoWrap .history .line span.title {
    margin-left: 20px;
  }
  .wrap .ceoWrap .textIntro p {
    font-size: 24px;
    line-height: 36px;
    font-weight: 500;
    color: #666;
    word-break: keep-all;
  }
  .wrap .ceoWrap .textIntro.textPadding {
    padding: 200px 0 150px;
  }
  .wrap .ceoWrap .textIntro .btnSign {
    margin-top: 40px;
    width: 682px;
    margin-left: auto;
  }
  .wrap .ceoWrap .textIntro .btnSign .flexWrap {
    display: flex;
    align-items: center;
  }
  .wrap .ceoWrap .textIntro .btnSign .flexWrap .left {
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
  }
  .wrap .ceoWrap .textIntro .btnSign .flexWrap .right {
    margin-left: 40px;
  }
  
  /* 회사소개 */
  .wrap .companyIntro .pageBannerWrap .textWrap .textIntro h2 {
    font-size: 34px;
    line-height: 1;
    font-weight: 900;
    padding-bottom: 10px;
  }
  .wrap .companyIntro .pageBannerWrap .textWrap .textIntro p {
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
  }
  .wrap .companyIntro .businessArea .flexArea .article {
    /*height: 424px;*/
  }
  .wrap .companyIntro .businessArea .flexArea .article.art1 {
    
  }
  .wrap .companyIntro .businessArea .flexArea .article.art2 {
    
  }
  .wrap .companyIntro .businessArea .flexArea .article.art3 {
    
  }
  .wrap .companyIntro .businessArea .flexArea .article.art4 {
    
  }
  .wrap .companyIntro .businessArea .flexArea .article .text p {
    font-size: 18px;
    line-height: 28px;
  }
  .wrap .companyIntro .tabMenuWrap .content .image {
    width: calc(100% - 60px);
  }
  .wrap .companyIntro .tabMenuWrap .content .image iframe {
    width: 100%;
    height: 647px;
  }
  
  /* 솔루션 */
  .pageBanner2{
    margin-top: 40px;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .tabImgArea img{
    width: 100%;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody2{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody2 .top{
    display: block;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody2 .top .center{
    width: 100%;
  }
  .twinSmart article .segment .flex100 li img{
    width: 100%;
  }
  /* vision */
  .wrap .visionWrap .textIntro{
    font-size: 20px;
    line-height: 28px; 
    
  }
  
  /* 인재채용-회사생활-인사제도 */
  .ruleWrap .ruleArticle img{
  	width: 100%;
  }
  /* 인재채용 리스트 상세 */
  .wrap .introDetailWrap .intro .image{
  	width: 1200px;
  }
  .wrap .introDetailWrap .intro .image img{
  	width: 100%;
  }
  .wrap .introDetailWrap .intro .youtubeArea{
  	width: 1200px;
  	position: relative; 
  	padding-bottom: 56.25%; 
  }
  .wrap .introDetailWrap .intro .youtubeArea iframe{
  	position: absolute;
  	width: 100%; /* 부모에 맞게 꽉 채운다. */
  	height: 100%;
  }
  .wrap .josSection .tabMenuWrap{
  	width: 1200px;
  	margin:0 auto;
  }
  .wrap .josSection .promotionBanner .flexWrap .text p{
  	font-size: 17px;
  }
  .wrap .josSection .promotionBanner .flexWrap .btn {
  	margin-left: 20px;
  }
  .wrap .courseWrap .courseMenu .content .titleGraphic li .image img{
  	width: 100%;
  }
  .wrap .tipsSection .content .newsListWrap li{
  	width: 32.33%;
  }
  
  /* werbinarDetail */
  .wrap .webinarDetailWrap .postContent .graph ul li.left {
  	border-right: none;
  }
  .wrap .webinarDetailWrap .postContent .graph ul li.right {
     border-left: none; 
  }
  .wrap .webinarDetailWrap .postContent .graph ul.graphTitle li.center {
    border-left: 1px solid #ddd;
  	border-right: 1px solid #ddd; 
  }
  .wrap .webinarDetailWrap .postContent .graph ul.graphContent li.center{
  	border-left: 1px solid #ddd;
  	border-right: 1px solid #ddd;
  }

  /* 전시 */
  
.wrap .webinarDisplayWrap .newsListWrap li{
	width: 380px;
    min-height: 401px;
}
	/* ceoMsg */
    .wrap .ceoMsgWrap {
        padding-bottom: 413px;
    }

    .wrap .ceoMsgWrap.en {
        padding-bottom: 700px;
    }

    .wrap .ceoMsgWrap.cn {
        padding-bottom: 200px;
    }

    .wrap .ceoMsgWrap .positionWrap .left{
    	width: 280px;
    }
    .wrap .ceoMsgWrap .positionWrap .right {
    	width: calc(100% - 100px);
        height: 2000px;
    }
    .wrap .ceoMsgWrap .positionWrap .right .text{
    	right: 20px;
    	width: 889px;
        padding:0 40px;
        box-sizing: border-box;
    }

    .wrap .ceoMsgWrap .positionWrap.cn, .wrap .ceoMsgWrap .positionWrap.cn .right{
        height: 2250px;
    }

    .wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap {
        margin-right: -20px;
    }

    /* esgManagementPolicy */
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap .graph li.list1{
    	padding:initial;
    	position:relative;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap .graph li.list1 span{
    	position: absolute;
    	top: 50%;
    	left: 50%;
    	transform: translate(-50%, -50%);
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap .graph li.list1.pd60{
    	padding: initial;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap .graph li.list1.pd36{
    	padding: initial;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap .graph{
    	align-items:inherit;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .flexWrap .media .text{
    	padding: 60px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .flexWrap .media .text.pdChange{
    	padding:29px 60px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .right .article .text p{
    	font-size: 16px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .nowSystem .graphWrap .graph li.list1{
    	width: 171px;
    }
    .wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con1{
    	width: 26%;
    }
    /*.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con2{*/
    /*	width: 17%;*/
    /*}*/
    .wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con3{
    	width: 12%;
    }
    .wrap .esgSafeWrap .safeWrap .media .flexWrap{
    	gap:5px;
    }
    .wrap .esgSafeWrap .safeWrap .media .flexWrap .box{
    	width: 25%;
    }
    .wrap .esgSafeWrap .safeWrap .media .flexWrap .box .image{
    	width: 100%;
    }
    .promotion .promotionVideo{
    	height: auto;
    	position:unset;
    	padding: 120px 0;
    }
    .promotion .promotionVideo iframe{
    	    width: 100%;
    		height: 47.5vw;
    		position:unset;
    }
    .promotion .promotionVideo .colorBack3{
    		display: none;
    }
    .wrap .informationWrap .tabMenuWrap .content.content1 .explain .flexWrap .right{
    	width: calc(100% - 500px);
    	
    }
    .pressDetail .pressContents .pressFlexWrap p {
    	width: calc(100% - 580px);
	}
	.wrap .socialWrap .new .gallery_type .thumb_list{
		max-width: 1200px;
    	margin: 0 auto;
	}
	.wrap .socialWrap .new .gallery_type .thumb_list li{
		width: calc(33.33% - 20px);
	}
	.wrap .socialWrap .new .gallery_type .thumb_list li .thumb{
		height: 212px;
	}
	.wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent.en .mediaWrap.en.textDifferent {
    	padding-bottom: 159px;
	}

}

@media only screen and (min-width: 927px) and (max-width: 1219px) {
	.wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent.en .mediaWrap.en.textDifferent{
		padding-bottom: 0;
	}
	.newsListWrap li a strong{
		height: auto;
	}
	.webinarListWrap li a .date .left{
		width: 30px;
		height: 30px;
	}
	.webinarListWrap li a .date .right p{
		font-size: 10px;
		line-height: 14px;
	}
  .navFlex{
  	padding-bottom: 0;
  }
  .wrap .center1414{
  	width: 900px;
  }
  .mobNaviWrap {
    display: block;
  }

  .wrap .articleTitleWrap {
    padding-top: 40px;
  }
  .wrap .articleTitleWrap .titleSub {
    display: none;
  }
  .wrap .articleTitleWrap h2 {
    line-height: 1.33;
    word-break: keep-all;
    margin-top: 0;
  }
  .wrap .marginCenterArt {
    /* width: calc(100% - 60px); */
    width: 900px;
  }
  .wrap .center1628 {
    width: 900px;
  }
  .wrap .blueBox {
    display: none;
  }

  .wrap .footerWrap .cookieBox {
    padding: 30px;
  }
  .wrap .footerWrap .cookieBox .cookieBoxInner {
    flex-direction: column
  }

    .wrap .companyIntro .businessArea .flexArea .article.art1 {
        background-image: url("../img/img-mo-company-business-01.png");
    }
    .wrap .companyIntro .businessArea .flexArea .article.art2 {
        background-image: url("../img/img-mo-company-business-02.png");
    }
    .wrap .companyIntro .businessArea .flexArea .article.art3 {
        background-image: url("../img/img-mo-company-business-03.png");
    }

    .wrap .ceoMsgWrap.cn, .wrap .ceoMsgWrap.en {
        padding-bottom: 200px;
    }
    .wrap .displayDetailWrap.trendDetailWrap .slideArticle {
        width: 900px !important;
    }
    .wrap .displayDetailWrap.trendDetailWrap .slideArticle h4 {
        font-size:36px;
        line-height:40px;
        font-weight: 700;
    }
  /* .wrap .consultWrap {
    width: calc(100% - 60px);
  }
  .wrap .consultWrap .consultSubTitle h3 {
    line-height: 33px;
    word-break: keep-all;
  }
  .wrap .consultWrap .consultContent .areaClick {
    flex-wrap: wrap;
    gap: 25px;
  }
  .wrap .consultWrap .consultContent .customSelectBox2 {
    width: 100%;
  }
  .wrap .consultWrap .consultContent .click {
    width: auto;
  }
  .wrap .softwareWrap {
    width: calc(100% - 60px);
  }
  .wrap .softwareWrap .softBtnWrap .softSide .btn .answerWrap .email {
    display: block;
  }
  .wrap .softwareWrap .softBtnWrap .softSide .btn .answerWrap .email .content {
    margin-left: 0;
    margin-top: 10px;
  }
  .wrap .softwareWrap .softBtnWrap .softSide .btn.on {
    height: 575px !important;
  }
  .wrap .insightWrap .innoWrap .hoverImg {
    display: block;
  }
  .wrap .insightWrap .innoWrap .hoverImg .left li {
    width: 100%;
    height: auto;
    
  }
  .wrap .insightWrap .innoWrap .hoverImg .left li a .text {
    bottom: -250px;
    padding: 30px 20px;
  }
  .wrap .insightWrap .innoWrap .hoverImg .left li a .text .category {
    font-size: 10px;
    line-height: 20px;
    height: 20px;
  }
  .wrap .insightWrap .innoWrap .hoverImg .left li a .text strong {
    font-size: 16px;
    margin-top: 8px;
    line-height: 20px;
    word-break: keep-all;
  }
  .wrap .insightWrap .innoWrap .hoverImg .left li a .text .textBox {
    font-size: 12px;
    line-height: 16px;
  }
  .wrap .insightWrap .innoWrap .hoverImg .right {
    display: flex;
    justify-content: space-between;
    margin-top: 40px;
  }
  .wrap .insightWrap .innoWrap .hoverImg .right ul {
    width: calc(50% - 8px);
    display: block;
    height: auto;
  }
  .wrap .insightWrap .innoWrap .hoverImg .right ul:nth-of-type(2) {
    margin-top: 0;
  }
  .wrap .insightWrap .innoWrap .hoverImg .right ul li {
    width: 100%;
    height: auto;
  }
  .wrap .insightWrap .innoWrap .hoverImg .right ul li img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: auto;
  }
  .wrap .insightWrap .innoWrap .hoverImg .right ul li .text {
    font-size: 12px;
    line-height: 16px;
  }
  .wrap .insightWrap .innoWrap .hoverImg .right ul .textSideWrap {
    padding: 20px 20px;
  }
  .wrap .insightWrap .innoWrap .hoverImg .right ul .textSideWrap .textSide .category {
    font-size: 10px;
    line-height: 20px;
    height: 20px;
    margin-top: 0;
  }
  .wrap .insightWrap .innoWrap .hoverImg .right ul .textSideWrap .textSide strong {
    font-size: 16px;
    margin-top: 8px;
    line-height: 20px;
    word-break: keep-all;
    width: 190px;
  }
  .wrap .insightWrap .innoWrap .content .newsListWrap {
    display: block;
  }
  .wrap .insightWrap .innoWrap .content .newsListWrap li {
    width: 100%;
    height: auto;
    margin-right: 0;
  }
  .wrap .insightWrap .innoWrap .content .newsListWrap li a .text {
    bottom: -254px;
    padding: 30px 20px;
  }
  .wrap .insightWrap .innoWrap .content .newsListWrap li a .text .category {
    font-size: 10px;
    line-height: 20px;
    height: 20px;
  }
  .wrap .insightWrap .innoWrap .content .newsListWrap li a .text strong {
    font-size: 16px;
    margin-top: 8px;
    line-height: 20px;
    word-break: keep-all;
  }
  .wrap .insightWrap .innoWrap .content .newsListWrap li a .text .textBox {
    font-size: 12px;
    line-height: 16px;
  }
  .wrap .socialWrap .mediaBtn {
    width: calc(100% - 60px);
    flex-wrap: wrap;
    gap: 20px;
  }
  .wrap .socialWrap .new .titleWrap h2 {
    width: calc(100% - 232px);
    word-break: keep-all;
  }
  .wrap .socialWrap .new .videoWrap .videoMain {
    width: calc(33.33% - 11px);
  }
  .wrap .center1360 {
    width: calc(100% - 60px);
    width: 900px;
  }
  회사소개
  .wrap .companyIntro .pageBannerWrap {
    display: block;
  }
  .wrap .companyIntro .pageBannerWrap .pageBanner {
    width: 100%;
    height: 100vw;
  }
  .wrap .companyIntro .pageBannerWrap .textWrap {
    margin-left: -30px;
    width: calc(100% + 60px);
    height: auto;
  }
  .wrap .companyIntro .pageBannerWrap .textWrap .textIntro h2 {
    font-size: 34px;
    line-height: 1;
    font-weight: 700;
  }
  .wrap .companyIntro .pageBannerWrap .textWrap .textIntro p {
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
  }
  .wrap .companyIntro .companyInfo .infoContent .media {
    width: calc(50% - 16px);
  }
  .wrap .companyIntro .businessArea .flexArea .article {
    width: 100%;
    height: 53vw;
  }
  .wrap .companyIntro .businessArea .flexArea .article.art1 {
    width: 100%;
    height: 53vw;
  }
  .wrap .companyIntro .businessArea .flexArea .article.art2 {
    width: 100%;
    height: 53vw;
  }
  .wrap .companyIntro .businessArea .flexArea .article.art3 {
    width: 100%;
    height: 53vw;
  }
  .wrap .companyIntro .businessArea .flexArea .article.art4 {
    width: 100%;
    height: 53vw;
  }
  .wrap .companyIntro .businessArea .flexArea .article .text p {
    font-size: 18px;
    line-height: 28px;
  }
  .wrap .companyIntro .tabMenuWrap .content .image {
    width: calc(100% - 60px);
  }
  .wrap .companyIntro .tabMenuWrap .content .image iframe {
    width: 100%;
    height: 60vw;
  }
  .wrap .ceoWrap .pageBannerWrap {
    position: static;
    height: auto;
  }
  .wrap .ceoWrap .pageBannerWrap .mt30 {
    margin-top: 30px;
  }
  .wrap .ceoWrap .pageBannerWrap .pageBanner {
    width: 100%;
    height: 100vw;
  }
  .wrap .ceoWrap .pageBannerWrap .textIntro {
    width: calc(100% + 60px);
    margin-left: -30px;
    height: auto;
    background-color: #f5f6f8;
    padding-top: 80px;
    padding-right: 60px;
    padding-left: 50px;
    padding-bottom: 90px;
    box-sizing: border-box;
    position: static;
  }
  .wrap .ceoWrap .pageBannerWrap .textIntro h2 {
    font-size: 36px;
    line-height: 52px;
    font-weight: 700;
  }
  .wrap .ceoWrap .pageBannerWrap .textIntro p {
    font-size: 16px;
    line-height: 30px;
    font-weight: 500;
    color: #666;
    width: 100%;
    word-break: keep-all;
  }
  .wrap .ceoWrap .pageBannerWrap .textIntro.textPadding {
    padding: 100px 0 200px;
    border-top: 1px solid #d9d9d9;
  }
  .wrap .ceoWrap .pageBannerWrap .textIntro .btnSign {
    margin-top: 40px;
    width: 593px;
    margin-left: auto;
  }
  .wrap .ceoWrap .pageBannerWrap .textIntro .btnSign .flexWrap {
    display: flex;
    align-items: center;
  }
  .wrap .ceoWrap .pageBannerWrap .textIntro .btnSign .flexWrap .left {
    font-size: 22px;
    line-height: 40px;
    font-weight: 700;
  }
  .wrap .ceoWrap .pageBannerWrap .textIntro .btnSign .flexWrap .right {
    margin-left: 40px;
  }
  .wrap .ceoWrap .history {
    display: block;
  }
  .wrap .ceoWrap .history .line {
    width: 100%;
  }
  .wrap .ceoWrap .history .line span {
    display: inline-block;
    font-size: 24px;
    line-height: 50px;
    font-weight: 700;
  }
  .wrap .ceoWrap .history .line span.date {
    color: #a50034;
  }
  .wrap .ceoWrap .history .line span.title {
    margin-left: 20px;
  }
  .wrap .ceoWrap .textIntro p {
    font-size: 24px;
    line-height: 36px;
    font-weight: 500;
    color: #666;
    word-break: keep-all;
  }
  .wrap .ceoWrap .textIntro.textPadding {
    padding: 200px 0 150px;
  }
  .wrap .ceoWrap .textIntro .btnSign {
    margin-top: 40px;
    width: 682px;
    margin-left: auto;
  }
  .wrap .ceoWrap .textIntro .btnSign .flexWrap {
    display: flex;
    align-items: center;
  }
  .wrap .ceoWrap .textIntro .btnSign .flexWrap .left {
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
  }
  .wrap .ceoWrap .textIntro .btnSign .flexWrap .right {
    margin-left: 40px;
  }
   솔루션
  .pageBanner2{
    margin-top: 40px;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .tabImgArea img{
    width: 100%;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody1 .top{
    margin-left: 0;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody1 .top .left{
    margin:0 auto;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody1 .top .right{
    width: 100%;
  }
  
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody2{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody2 .top{
    display: block;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody2 .top .center{
    width: 100%;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody2 .top .right h6{
    margin-top: 20px;
  }
  
  .twinSmart article .segment .flex100{
    width: calc(100% - 5px);
  }
  .twinSmart article .segment .flex100 li img{
    width: 100%;
  }
  인재채용-인재상
  .wrap .talentRecruit .talentArea .media{
  	justify-content:space-around;
  }
  인재채용-회사생활-인사제도
  .ruleWrap .ruleArticle img{
  	width: 100%;
  }
  리스트
  .jobintroWrap .slideArticle .slideContents li{
  	width: 300px !important;
  	height:auto !important;
  }
  .wrap .introDetailWrap .intro .image{
  	width: 900px;
  }
  .wrap .introDetailWrap .intro .image img{
  	width: 100%;
  }
  .wrap .introDetailWrap .intro .image img.web{
  	display: block;
  }
  .wrap .introDetailWrap .intro .youtubeArea{
  	width: 900px;
  	position: relative; 
  	padding-bottom: 56.25%; 
  }
  .wrap .introDetailWrap .intro .youtubeArea iframe{
  	position: absolute;
  	width: 100%; 
  	height: 100%;
  }
  .wrap .introDetailWrap .slideArticle .slideContents li{
  	height:auto !important;
  }
  .wrap .josSection .tabMenuWrap{
  	width: 900px;
  	margin:0 auto;
  }
  .wrap .josSection .promotionBanner .flexWrap .text p{
  	font-size: 17px;
  }
  .wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .questionWrap span.listNum{
  	width: 121px;
  }
  .wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .questionWrap span.listTitle{
  	width: calc(100% - 380px);
  }
  .wrap .josSection .promotionBanner .flexWrap .textWrap{
  	display: block;
  	margin-left: 20px;
  	
  }
  .wrap .josSection .promotionBanner .flexWrap .textWrap p{
  	line-height: 1.3;
  }
  .wrap .josSection .promotionBanner .flexWrap .textWrap .btn{
  	margin-left: 0;
  	margin-top: 20px;
  }
  .wrap .courseWrap .courseMenu .content .titleGraphic li .image{
  	width: 147px;
  	height: 147px;
  }
  .wrap .courseWrap .courseMenu .content .titleGraphic li .image img{
  	width: 100%;
  }
  .wrap .courseWrap .courseMenu .content .titleGraphic::after{
  	width: 90%;
    left: 5px;
    height: 4px;
    background-color: #d6d6d6;
    z-index: -1;
    bottom: 143px;
  }
  .wrap .tipsSection .content .newsListWrap{
  	gap:14px;
  }
  .wrap .tipsSection .content .newsListWrap li{
  	width: 31.33%;
  	margin-right: 0px;
  	min-height: 363px;
  }
  webinarDetail
  .wrap .webinarDetailWrap .postContent .graph ul li.left {
  	border-right: none;
  }
  .wrap .webinarDetailWrap .postContent .graph ul li.right {
     border-left: none; 
  }
  .wrap .webinarDetailWrap .postContent .graph ul.graphTitle li.center {
    border-left: 1px solid #ddd;
  	border-right: 1px solid #ddd; 
  }
  .wrap .webinarDetailWrap .postContent .graph ul.graphContent li.center{
  	border-left: 1px solid #ddd;
  	border-right: 1px solid #ddd;
  }
    전시
  
.wrap .webinarDisplayWrap .newsListWrap li{
	   margin-bottom: 40px;
    width: 100%;
    height: auto;
    min-height: unset;
}
	.esgCyberWrap article .graphWrap .graphTitle li.height{
		padding: 32px 0;
	}
	.informationBanner .flexWrap .right .btn {
		margin-left: 18px;
	}
	ceoMsg
	.wrap .ceoMsgWrap .positionWrap{
		position:static;
		height: auto;
	}
	
    .wrap .ceoMsgWrap .positionWrap .left{
    	width: 100%;
    	position:static;
    }
    .wrap .ceoMsgWrap .positionWrap .right{
		position:static;
		width: 100%;
		height: auto;
		padding: 30px;
		box-sizing:border-box;
	}
    .wrap .ceoMsgWrap .positionWrap .right .text{
    	right: 0;
    	position: static;
    }
    .wrap .ceoMsgWrap .positionWrap .right .text p{
    	word-break:keep-all;
    }
    
    esgManagementPolicy
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .up .upContent{
    	padding:0 40px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .up .text{
    	width: calc(100% - 180px);
    }
    esgManagementPolicy
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .flexWrap .in .image{
    	margin-right: 23px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .flexWrap .in .text{
    	font-size: 17px;
    	line-height: 32px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap .graph li.list1{
    	padding:initial;
    	position:relative;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap .graph li.list1 span{
    	position: absolute;
    	top: 50%;
    	left: 50%;
    	transform: translate(-50%, -50%);
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap .graph li.list1.pd60{
    	padding: initial;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap .graph li.list1.pd36{
    	padding: initial;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap .graph{
    	align-items:inherit;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .flexWrap .media .text{
    	padding: 60px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .flexWrap .media .text.pdChange{
    	padding:29px 60px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .right .article .text p{
    	font-size: 16px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .flexWrap .media{
    	display:block;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .flexWrap .media .image{
    	width: 100%;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .flexWrap .media .image img{
    	width: 100%;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .flexWrap .media .text{
    	width: 100%;
    	box-sizing: border-box;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .flexWrap .media .text.pdChange{
    	width: 100%;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox{
    	display: block;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .left{
    	width: 100%;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .right{
    	width: 100%;
    	border-left: 1px solid #ddd;
    }
    .image .web{
		display:none;
	}
	.image .mob{
		display:block;
	} 
	.wrap .esgManagementPolicyWrap .managementPoliicyWrap .nowSystem .graphWrap .graph li.list1{
		width: 107px;
	}
	.wrap .esgManagementPolicyWrap .managementPoliicyWrap .nowSystem .graphWrap .graph li{
		width: 198px;
	}
	esgPride
	.wrap .esgPrideWrap .prideWrap .pride{
		flex-wrap:wrap;
	}
	.wrap .esgPrideWrap .prideWrap .pride .side{
		width: 100%;
	}
	.wrap .esgPrideWrap .prideWrap .pride .side.mt{
		margin-top: 40px;
	}
	.wrap .esgSafeWrap .safeWrap .media .flexWrap{
    	gap:5px;
    }
    .wrap .esgSafeWrap .safeWrap .media .flexWrap .box{
    	width: 25%;
    }
    .wrap .esgSafeWrap .safeWrap .media .flexWrap .box .image{
    	width: 100%;
    }
    .wrap .esgSafeWrap .safeWrap .media .flexWrap .box p{
    	word-break:keep-all;
    }
    .esgGovernanceWrap article .textBox .right .article .text p{
    	font-size: 16px;
    }
	.esgGovernanceWrap article  .textBox{
    	display: block;
    }
    .esgGovernanceWrap article .textBox .left{
    	width: 100%;
    }
    .esgGovernanceWrap article .textBox .right{
    	width: 100%;
    	border-left: 1px solid #ddd;
    }
    .esgFactBookWrap .factBookWrap .flexWrap .right .btnArea{
    	width: 100%;
    }
    .esgFactBookWrap .factBookWrap .flexWrap .right .btnArea .btn{
    	width: calc(50% - 4px);
    }
    .wrap .awardsWrap .tabMenuWrap .content .historyContent .graph .side{
    	width: 100%;
    }
    .wrap .visionWrap .textIntro .flexWrap{
    	display: block;
    }
    .wrap .visionWrap .textIntro .flexWrap .left{
    	width: 100%;
    }
    .wrap .visionWrap .textIntro .flexWrap .right{
    	width: 100%;
    	margin-left: 0;
    	margin-top: 40px;
    }
    .wrap .visionWrap .flexAreaWrap .flexArea{
    	display: flex;
    	gap:0;
    }
    .wrap .visionWrap .flexAreaWrap .flexArea .mediaWrap{
    	width: 33.33%;
    }
    .wrap .visionWrap .flexAreaWrap .flexArea .mediaWrap .media h3{
    	width: 100%;
    	word-break:keep-all;
    }
    .wrap .visionWrap2 .flexAreaWrap .flexArea{
    	gap:10px;
    }
    .wrap .visionWrap2 .flexAreaWrap .flexArea .mediaWrap{
    	width: calc(50% - 10px);
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap .media .image{
    	width: 80px;
    	height: 80px;
    	margin-right: 10px;
    }
    .wrap .faqSearchWrap{
    	background-color: transparent;
    	border: 0;
    }
    .wrap .workLifeWrap .textBox .right .article .text p{
    	font-size: 16px;
    }
    .wrap .workLifeWrap .textBox{
    	display: block;
    }
    .wrap .workLifeWrap .textBox .left{
    	width: 100%;
    }
    .wrap .workLifeWrap .textBox .right{
    	width: 100%;
    	border-left: 1px solid #ddd;
    }
    .wrap .ceoWrap .pageBannerWrap .pageBanner{
      height: auto;
     }
    .wrap .informationWrap .tabMenuWrap .content.content1 .explain .flexWrap .right{
    	width: calc(100% - 454px);
    }
    .wrap .ciWrap article .logoMarkBtn1{
	
}
	.wrap .ciWrap article .logoMarkBtn1 .flexWrap{
		max-width: 1036px;
		width: 100%;
		padding: 0 12px
	}
	.wrap .ciWrap article .logoMarkBtn1 .flexWrap .left{
		width: 240px;
		margin-right: 20px;
	}
	.wrap .ciWrap article .logoMarkBtn1 .flexWrap .left img{
		width: 100%;
	}
	a.mobBtn{
    	display: block;
    }
    a.webBtn{
    	display: none;
    }
    .wrap .referenceWrap .tabMenuWrap .content.content1 .graphWrap .graph li.c666 a{
    	background-color: #fff;
    	padding: 0;
    }
    .wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph li.c666 a{
    	background-color: #fff;
    	padding: 0;
    }
    .wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph li .sub li.c666 a{
		padding: 0;
		background-color: #fff;
	}
	.pressDetail .pressContents .pressFlexWrap{
		display: block;
	}
	.pressDetail .pressContents .pressFlexWrap p {
    	width: 100%;
	} */
	.wrap .softwareWrap .softBtnWrap .softSide .btn .crossWrap{
		width: 100%;
	}
	.wrap .consultWrap {
    width: calc(100% - 60px);
    padding-bottom: 100px;
  }
  .wrap .consultWrap .consultSubTitle {
    padding: 10px 0;
    align-items: flex-end;
    margin-top: 50px;
  }
  .wrap .consultWrap .consultSubTitle:first-of-type {
    margin-top: 30px;
  }
  .wrap .consultWrap .consultSubTitle h3 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    word-break: keep-all;
  }
  .wrap .consultWrap .consultSubTitle h2 {
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
  }
  .wrap .consultWrap .consultSubTitle .important {
    font-size: 12px;
  }
  .wrap .consultWrap .consultContent {
    margin-top: 30px;
  }
  .wrap .consultWrap .consultContent .areaClick {
    flex-wrap: wrap;
    gap: 20px;
  }
  .wrap .consultWrap .consultContent .areaClick .checkBox {
    margin-right: 0;
    width: 45.8%;
  }
  .wrap .consultWrap .consultContent .areaClick .checkBox .imgWrap {
    width: 26px;
    margin-right: 7px;
  }
  .wrap .consultWrap .consultContent .areaClick .checkBox .imgWrap img {
    width: 100%;
  }
  .wrap .consultWrap .consultContent .areaClick .checkBox .text {
    font-size: 16px;
  }
  .wrap .consultWrap .consultContent .areaBox {
    width: 100%;
    display: block;
    margin-top: 30px;
  }
  .wrap .consultWrap .consultContent .areaBox .custom {
    width: 100%;
    margin-top: 16px;
  }
  .wrap .consultWrap .consultContent .areaBox .custom:first-of-type {
    margin-top: 0;
  }
  .wrap .consultWrap .consultContent .areaBox .custom .selectInput {
    padding: 0 14px;
    line-height: 44px;
  }
  .wrap .consultWrap .consultContent .areaBox .custom .selectInput span {
    font-size: 16px;
  }
  .wrap .consultWrap .consultContent .areaBox .custom .selectInput span.right {
    width: 26px;
  }
  .wrap .consultWrap .consultContent .areaBox .custom .selectInput span.right img {
    width: 100%;
  }
  .wrap .consultWrap .consultContent .areaBox .custom.on .selectInput {
    padding: 8px 14px;
  }
  .wrap .consultWrap .consultContent .areaBox .custom.on .selectInputContent {
    z-index: 9;
  }
  .wrap .consultWrap .consultContent .customSelectBox2 {
    width: 100%;
    display: block;
  }
  .wrap .consultWrap .consultContent .customSelectBox2 .custom {
    width: 100%;
    margin-top: 16px;
  }
  .wrap .consultWrap .consultContent .customSelectBox2 .custom:first-of-type {
    margin-top: 0;
  }
  .wrap .consultWrap .consultContent .customSelectBox2 .custom .selectInput {
    padding: 0 14px;
    line-height: 44px;
  }
  .wrap .consultWrap .consultContent .customSelectBox2 .custom .selectInput span {
    font-size: 16px;
  }
  .wrap .consultWrap .consultContent .customSelectBox2 .custom .selectInput span.right {
    width: 26px;
  }
  .wrap .consultWrap .consultContent .customSelectBox2 .custom .selectInput span.right img {
    width: 100%;
  }
  .wrap .consultWrap .consultContent .customSelectBox2 .custom.on .selectInput {
    padding: 8px 14px;
  }
  .wrap .consultWrap .consultContent .customSelectBox2 .custom.on .selectInputContent {
    z-index: 9;
  }
  .wrap .consultWrap .consultContent .click {
    width: calc(100% - 60px);
    max-width: 360px;
    flex-wrap: wrap;
    gap: 40px;
  }
  .wrap .consultWrap .consultContent .click .checkBox .imgWrap {
    width: 100px;
    height: 100px;
  }
  .wrap .consultWrap .consultContent .click .checkBox .imgWrap img {
    width: 100%;
  }
  .wrap .consultWrap .consultContent .click .checkBox .text {
    font-size: 16px;
    margin-top: 16px;
  }
  .wrap .consultWrap .consultContent .inputSection {
    display: block;
  }
  .wrap .consultWrap .consultContent .inputSection .side {
    width: 100%;
  }
  .wrap .consultWrap .consultContent .inputSection .side.right {
    margin-top: 30px;
  }
  .wrap .consultWrap .consultContent .inputSection .side .box {
    margin-top: 30px;
  }
  .wrap .consultWrap .consultContent .inputSection .side .box:first-of-type {
    margin-top: 0;
  }
  .wrap .consultWrap .consultContent .inputSection .side .box h2 {
    font-size: 16px;
  }
  .wrap .consultWrap .consultContent .inputSection .side .box .inputWrap {
    margin-top: 10px;
    height: 44px;
    padding: 0 14px;
  }
  .wrap .consultWrap .consultContent .inputSection .side .box .inputWrap input {
    font-size: 16px;
  }
  .wrap .consultWrap .consultContent .inputSection .side .box .inputWrap input::-moz-placeholder {
    font-size: 16px;
  }
  .wrap .consultWrap .consultContent .inputSection .side .box .inputWrap input:-ms-input-placeholder {
    font-size: 16px;
  }
  .wrap .consultWrap .consultContent .inputSection .side .box .inputWrap input::placeholder {
    font-size: 16px;
  }
  .wrap .consultWrap .consultContent .conceptClick {
    flex-wrap: wrap;
    gap: 28px;
  }
  .wrap .consultWrap .consultContent .conceptClick .checkBox {
    align-items: center;
    margin-right: 42px;
  }
  .wrap .consultWrap .consultContent .conceptClick .checkBox .imgWrap {
    width: 26px;
    height: 26px;
    margin-right: 8px;
  }
  .wrap .consultWrap .consultContent .conceptClick .checkBox .imgWrap img {
    width: 100%;
  }
  .wrap .consultWrap .consultContent .conceptClick .checkBox .text {
    font-size: 16px;
  }
  .wrap .consultWrap .consultContent .textArea {
    height: 140px;
  }
  .wrap .consultWrap .consultContent .textArea textarea {
    padding: 14px;
  }
  .wrap .consultWrap .consultContent .accept .agreeContent .checkBoxWrap {
    margin-top: 0;
    padding-top: 20px;
  }
  .wrap .consultWrap .consultContent .accept .agreeContent .checkBoxWrap.first {
    margin-top: 0;
    padding: 0;
    padding-bottom: 20px;
  }
  .wrap .consultWrap .consultContent .accept .agreeContent .checkBoxWrap h4 {
    font-size: 12px;
    line-height: 20px;
    margin-top: 14px;
    word-break: keep-all;
  }
  .wrap .consultWrap .consultContent .accept .agreeContent .checkBoxWrap .checkBox .imgWrap {
    width: 26px;
    margin-left: 8px;
  }
  .wrap .consultWrap .consultContent .accept .agreeContent .checkBoxWrap .checkBox .imgWrap img {
    width: 100%;
  }
  .wrap .consultWrap .consultContent .accept .agreeContent .checkBoxWrap .checkBox .text {
    font-size: 16px;
  }
  .wrap .consultWrap .consultContent .hireTypeContent {
    display: block;
  }
  .wrap .consultWrap .consultContent .hireTypeContent .left .checkBox {
    align-items: center;
    margin-right: 42px;
  }
  .wrap .consultWrap .consultContent .hireTypeContent .left .checkBox .imgWrap {
    width: 26px;
    height: 26px;
    margin-right: 8px;
  }
  .wrap .consultWrap .consultContent .hireTypeContent .left .checkBox .imgWrap img {
    width: 100%;
  }
  .wrap .consultWrap .consultContent .hireTypeContent .left .checkBox .text {
    font-size: 16px;
    margin-left: 0;
  }
  .wrap .consultWrap .consultContent .hireTypeContent .left .gr {
    margin-top: 10px;
    font-size: 12px;
    line-height: 18px;
  }
  .wrap .consultWrap .consultContent .hireTypeContent .right {
    margin-top: 20px;
    width: 119px;
    height: 30px;
  }
  .wrap .consultWrap .consultContent .hireTypeContent .right a {
    font-size: 12px;
  }
  .wrap .consultWrap .consultContent .hireTypeContent .right a img {
    width: 12px;
    margin-left: 6px;
  }
  .wrap .consultWrap .policyBox {
    margin-top: 60px;
    padding: 30px;
  }
  .wrap .consultWrap .policyBox h2 {
    font-size: 16px;
  }
  .wrap .consultWrap .policyBox p {
    font-size: 12px;
    line-height: 24px;
    margin-top: 10px;
    word-break: keep-all;
  }
  .wrap .consultWrap .btn {
    width: 100%;
    height: 60px;
    font-size: 18px;
    padding: 0;
    margin-top: 60px;
    border-radius: 8px;
  }
  .wrap .consultWrap .btn a {
    font-size: 18px;
    line-height: 60px;
  }
  .wrap .faqWrap .faqSearchWrap {
    margin-top: 40px;
    padding: 0;
    border: 0;
  }
  .wrap .faqWrap .faqSearchWrap .faqSearch {
    width: 100%;
  }
  .wrap .faqWrap .faqSearchWrap .faqSearch .faqInput {
    padding: 9px 14px;
    font-size: 16px;
  }
  .wrap .faqWrap .faqSearchWrap .faqSearch .faqInput input {
    font-size: 16px;
  }
  .wrap .faqWrap .faqSearchWrap .faqSearch .faqInput input::-moz-placeholder {
    font-size: 16px;
  }
  .wrap .faqWrap .faqSearchWrap .faqSearch .faqInput input:-ms-input-placeholder {
    font-size: 16px;
  }
  .wrap .faqWrap .faqSearchWrap .faqSearch .faqInput input::placeholder {
    font-size: 16px;
  }
  .wrap .faqWrap .tabMenuWrap .menuLine {
    margin-top: 40px;
  }
  .wrap .faqWrap .tabMenuWrap .menuLine .tabMenu li {
    font-size: 14px;
    line-height: 16px;
    padding: 11px 0;
    font-weight: 900;
  }
  .wrap .faqWrap .tabMenuWrap .menuLine .tabMenu li.on {
    border-bottom: 1px solid #a50034;
  }
  .wrap .faqWrap .tabMenuWrap  .articleWrap .article {
    margin-top: 60px;
  }
  .wrap .faqWrap .tabMenuWrap  .articleWrap .article li .questionWrap {
    height: auto;
    padding: 19px 0;
    position: relative;
  }
  .wrap .faqWrap .tabMenuWrap  .articleWrap .article li .questionWrap span {
    display: block;
    line-height: 1;
  }
  .wrap .faqWrap .tabMenuWrap  .articleWrap .article li .questionWrap span.listNum {
    float: none;
    width: auto;
    line-height: 16px;
    font-size: 14px;
  }
  .wrap .faqWrap .tabMenuWrap .articleWrap .article li .questionWrap span.listTitle {
    float: none;
    width: calc(100% - 30px);
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
  .wrap .faqWrap .tabMenuWrap  .articleWrap .article li .questionWrap .crossIcon {
    padding: 0;
    float: right;
    width: 26px;
    height: 26px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  .wrap .faqWrap  .articleWrap .article li .questionWrap .crossIcon img {
    width: 100%;
  }
  .wrap .faqWrap .articleWrap .article li .answerWrap {
    padding: 20px;
  }
  .wrap .faqWrap .articleWrap .article li .answerWrap p {
    font-size: 12px;
    line-height: 24px;
  }
  .hiringTabWrap {
    width: 100%;
    overflow-x: auto;
    box-sizing: border-box;
    height: 85px;
  }
  .hiringTabWrap::-webkit-scrollbar {
    display: none;
  }
  .hiringTabWrap .hiringTab {
    width: calc(100% - 60px) !important;
    max-width: none;
    margin-top: 60px;
    justify-content: center;
  }
   .hiringTab li {
    font-size: 12px;
    margin-right: 14px;
    text-align: center;
  }
  .hiringTabWrap .hiringTab li::after {
    bottom: -2px;
  }
  .hiringTabWrap .hiringTab li:nth-of-type(1) {
    min-width: 46px;
  }
  .hiringTabWrap .hiringTab li:nth-of-type(2) {
    min-width: 46px;
  }
  .hiringTabWrap .hiringTab li:nth-of-type(3) {
    min-width: 76px;
  }
  .hiringTabWrap .hiringTab li:nth-of-type(4) {
    min-width: 56px;
  }
  .hiringTabWrap .hiringTab li:nth-of-type(5) {
    min-width: 92px;
  }
  .hiringTabWrap .hiringTab li:nth-of-type(6) {
    min-width: 46px;
  }
  .wrap .softwareWrap {
    width: calc(100% - 60px);
    /* padding-bottom: 100px; */
  }
  .wrap .softwareWrap .softBtnWrap {
    display: block;
    margin-top: 0;
    margin-bottom: 100px;
  }
  .wrap .softwareWrap .softBtnWrap .softSide {
    width: 100%;
  }
  .wrap .softwareWrap .softBtnWrap .softSide .btn {
    height: auto;
    margin-top: 20px;
  }
  .wrap .softwareWrap .softBtnWrap .softSide .btn .soft {
    padding: 20px;
  }
  .wrap .softwareWrap .softBtnWrap .softSide .btn .soft .listNum {
    font-size: 24px;
  }
  .wrap .softwareWrap .softBtnWrap .softSide .btn .crossWrap {
    align-items: center;
  }
  .wrap .softwareWrap .softBtnWrap .softSide .btn .answerWrap .email {
    display: block;
  }
  .wrap .softwareWrap .softBtnWrap .softSide .btn .answerWrap .email .title {
    font-size: 14px;
    line-height: 16px;
  }
  .wrap .softwareWrap .softBtnWrap .softSide .btn .answerWrap .email .content {
    margin-left: 0;
    margin-top: 10px;
    font-size: 14px;
    line-height: 16px;
  }
  .wrap .softwareWrap .softBtnWrap .softSide .btn .answerWrap .download {
    margin-top: 20px;
  }
  .wrap .softwareWrap .softBtnWrap .softSide .btn .answerWrap .download .downbtn {
    width: 100%;
    padding: 0 20px;
  }
  .wrap .softwareWrap .softBtnWrap .softSide .btn .answerWrap .download .downbtn a {
    font-size: 12px;
    height: 44px;
  }
  .wrap .softwareWrap .softBtnWrap .softSide .btn.on {
    height: 392px !important;
  }
  .wrap .softwareWrap .softBtnWrap .softSide .btn.on .crossWrap::after {
    bottom: -20px;
  }
  .wrap .softwareWrap .softBtnWrap .softSide .btn.on .answerWrap {
    padding: 20px;
  }
  .wrap .softwareWrap .softBtnWrap .softSide.right {
    margin-top: 20px;
  }
  .wrap .insightWrap .bannerWrap .banner a {
    width: 192px;
    border-radius: 6px;
  }
  .wrap .insightWrap .innoWrap .tabMenuWrap .menuLine {
    margin-top: 40px;
  }
  .wrap .insightWrap .innoWrap .tabMenuWrap .menuLine .tabMenu {
      width: 310px;
      /*width: 230px;*/
  }
  .wrap .insightWrap .innoWrap .tabMenuWrap .menuLine .tabMenu li {
    font-size: 12px;
    padding: 2px 0;
    margin: 0 7px;
  }
  .wrap .insightWrap .innoWrap .tabMenuWrap .menuLine .tabMenu li:nth-of-type(1) {
    margin-left:0;
  }
  .wrap .insightWrap .innoWrap .tabMenuWrap .menuLine .tabMenu li:last-child {
    margin-right:0;
  }
  .wrap .insightWrap .innoWrap .content {
    margin-top: 40px;
  }
  .wrap .insightWrap .innoWrap .hoverImg {
    display: block;
    margin-top: 40px;
  }
  .wrap .insightWrap .innoWrap .hoverImg .left li {
    width: 100%;
    height: auto;
  }
  .wrap .insightWrap .innoWrap .hoverImg .left li a {
    display: block;
  }
  .wrap .insightWrap .innoWrap .hoverImg .left li a .text {
    bottom: 0;
    padding: 30px 20px;
  }
  .wrap .insightWrap .innoWrap .hoverImg .left li a .text .category {
    font-size: 10px;
    line-height: 20px;
    height: 20px;
  }
  .wrap .insightWrap .innoWrap .hoverImg .left li a .text strong {
    font-size: 16px;
    margin-top: 8px;
    line-height: 20px;
    word-break: keep-all;
  }
  .wrap .insightWrap .innoWrap .hoverImg .left li a .text .textBox {
    font-size: 12px;
    line-height: 16px;
    width:calc(100% - 38px);
    overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box; 
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
  }
  .wrap .insightWrap .innoWrap .hoverImg .left li:hover a .text .textBox {
    margin-top: 20px;
	height: 32px !important;
	opacity: 1;
  	width:100%;	
  	
  	max-width: calc(100% - 38px);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box; 
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
  }
  .wrap .insightWrap .innoWrap .hoverImg .right {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    width:calc(100% - 60px);
    margin-top: 40px;
  }
  .wrap .insightWrap .innoWrap .hoverImg .right ul {
    width: calc(50% - 8px);
    display: block;
    height: auto;
  }
  .wrap .insightWrap .innoWrap .hoverImg .right ul:nth-of-type(2) {
    margin-top: 0;
  }
  .wrap .insightWrap .innoWrap .hoverImg .right ul li {
    width: 100%;
    height: auto;
  }
  .wrap .insightWrap .innoWrap .hoverImg .right ul li img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 40vw;
  }
  .wrap .insightWrap .innoWrap .hoverImg .right ul li .text {
    font-size: 12px;
    line-height: 16px;
    bottom:-64px;
    display: none;
  }
  .insightWrap .innoWrap .hoverImg .right ul:hover{
  	 box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.6);
  }
  .wrap .insightWrap .innoWrap .hoverImg .right ul li .text .textBox {
    font-size: 12px;
    line-height: 16px;
  }
  .wrap .insightWrap .innoWrap .hoverImg .right ul .textSideWrap {
    padding: 10px;
    height: 76px;
  }
  .wrap .insightWrap .innoWrap .hoverImg .right ul .textSideWrap .textSide .category {
    font-size: 10px;
    line-height: 20px;
    height: 20px;
    margin-top: 0;
  }
  .wrap .insightWrap .innoWrap .hoverImg .right ul .textSideWrap .textSide strong {
    font-size: 10px;
    margin-top: 8px;
    line-height: 14px;
    word-break: keep-all;
  }
  .wrap .insightWrap .innoWrap .content .newsListWrap {
    display: block;
    width: 100% !important;
  }
    .wrap .insightWrap .innoWrap .content .pastListWrap {
        display: block;
        width: 100% !important;
    }
  .wrap .insightWrap .innoWrap .content .newsListWrap li:first-of-type{
  	margin-top: 40px;
  }
    .wrap .insightWrap .innoWrap .content .pastListWrap li:first-of-type{
        margin-top: 40px;
    }
  .wrap .insightWrap .innoWrap .content .newsListWrap li {
    width: 100%;
    height: auto;
    margin-right: 0;
    margin-top: 20px;
  }
    .wrap .insightWrap .innoWrap .content .pastListWrap li {
        width: 100%;
        height: auto;
        margin-right: 0;
        margin-top: 20px;
    }
  .wrap .insightWrap .innoWrap .content .newsListWrap li:hover{
  	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.6);
  }
    .wrap .insightWrap .innoWrap .content .pastListWrap li:hover{
        box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.6);
    }
  .wrap .insightWrap .innoWrap .content .newsListWrap li a {
    display: block;
  }
    .wrap .insightWrap .innoWrap .content .pastListWrap li a {
        display: block;
    }
  .wrap .insightWrap .innoWrap .content .newsListWrap li a .text {
    bottom: 0;
    padding: 20px 20px;
  }
    .wrap .insightWrap .innoWrap .content .pastListWrap li a .text {
        bottom: 0;
        padding: 20px 20px;
    }
  .wrap .insightWrap .innoWrap .content .newsListWrap li a .text .category {
    font-size: 12px;
    line-height: 24px;
    height: 24px;
  }
  .wrap .insightWrap .innoWrap .content .newsListWrap li a .text strong {
    font-size: 14px;
    margin-top: 8px;
    line-height: 20px;
    word-break: keep-all;
  }
    .wrap .insightWrap .innoWrap .content .pastListWrap li a .text strong {
        font-size: 14px;
        margin-top: 8px;
        line-height: 20px;
        word-break: keep-all;
    }
  .wrap .insightWrap .innoWrap .content .newsListWrap li a .text .textBox {
    font-size: 12px;
    line-height: 16px;
        
  }
    .wrap .insightWrap .innoWrap .content .pastListWrap li a .text .textBox {
        font-size: 12px;
        line-height: 16px;

    }
  .wrap .insightWrap .innoWrap .content .newsListWrap li:hover a .text .textBox{
  	height: 49px;
  }
  .wrap .insightWrap .innoWrap .content .paging {
    margin-top: 60px;
  }
  .wrap .socialWrap .mediaBtn {
    width: calc(100% - 60px);
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    padding: 40px 0 60px;
  }
  .wrap .socialWrap .mediaBtn .media {
    padding: 0;
  }
  .wrap .socialWrap .mediaBtn .media .image {
    width: 80px;
  }
  .wrap .socialWrap .mediaBtn .media .image img {
    width: 100%;
  }
  .wrap .socialWrap .mediaBtn .media .text {
    font-size: 12px;
    margin-top: 10px;
  }
  .wrap .socialWrap .new {
    padding: 60px 0;
  }
  .wrap .socialWrap .new .titleWrap h2 {
    width: 100%;
    word-break: keep-all;
    font-size: 22px;
    line-height: 26px;
  }
  .wrap .socialWrap .new .titleWrap .btnAll {
    display: none;
  }
  .wrap .socialWrap .new .videoWrap {
    display: block;
  }
  .wrap .socialWrap .new .videoWrap .videoMain {
    width: 100%;
    margin-bottom: 40px;
  }
  .wrap .socialWrap .new .videoWrap .videoMain .text h2 {
    font-size: 12px;
    line-height: 18px;
  }
  .wrap .socialWrap .new .videoWrap .videoMain .text p {
    font-size: 10px;
    line-height: 12px;
    margin-top: 4px;
  }
  .wrap .socialWrap .new .mobBtnAll {
    display: block;
    width: calc(100% - 60px);
    margin: 0 auto;
    height: 40px;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .wrap .socialWrap .new .mobBtnAll a img{
  	width: 26px;
  	margin-left: 0;
  }
  .wrap .socialWrap .new .mobBtnAll a {
    font-size: 14px;
    line-height: 16px;
  }
  /* 회사소개 */
  .wrap .companyIntro .pageBannerWrap {
    display: block;
    margin-top: 40px;
  }
  .wrap .companyIntro .pageBannerWrap .pageBanner {
    width: 100%;
    height: 100vw;
  }
  .wrap .companyIntro .pageBannerWrap .textWrap {
    margin-left: -30px;
    width: calc(100% + 60px);
    padding: 40px 30px;
    height: auto;
  }
  .rightGrMob{
  	display: block;
  	font-size: 10px;
  	color: #888;
  	line-height: 11px;
  	margin-top: 20px;
  }
  .wrap .companyIntro .pageBannerWrap .textWrap .textIntro h2 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 900;
  }
  .wrap .companyIntro .pageBannerWrap .textWrap .textIntro p {
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
  }
  .wrap .companyIntro .pageBannerWrap .textWrap .textIntro p.mt40 {
    margin-top: 10px;
  }
  .wrap .companyIntro .companyInfo {
    margin-top: 40px;
  }
  .wrap .companyIntro .companyInfo .infoTitle .side.left {
    font-size: 20px;
  }
  .wrap .companyIntro .companyInfo .infoTitle .side.right {
    display: none;
  }
  .wrap .companyIntro .companyInfo .infoContent {
    margin-top: 20px;
    gap:0;
  }
  .wrap .companyIntro .companyInfo .infoContent .media {
    width: 100%;
    max-width:300px;
    margin:0 auto;
    height: 120px;
    padding: 30px;
    box-sizing: border-box;
    border-radius: 12px;
  }
  .wrap .companyIntro .companyInfo .infoContent .media .mediaContent {
    width: 100%;
    display: flex;
    align-items: center;
  }
  .wrap .companyIntro .companyInfo .infoContent .media .mediaContent .image {
    width: 60px;
    margin: initial;
  }
  .wrap .companyIntro .companyInfo .infoContent .media .mediaContent .text {
    margin-left: 10px;
    margin-top: 0;
    text-align: left;
  }
  .wrap .companyIntro .companyInfo .infoContent .media .mediaContent .text h3 {
    font-size: 10px;
    line-height: 14px;
  }
  .wrap .companyIntro .companyInfo .infoContent .media .mediaContent .text p {
    font-size: 12px;
    line-height: 12px;
    font-weight: 900;
    margin-top: 8px;
  }
  .wrap .companyIntro .companyInfo .infoContent .media .mediaContent .text .plusInfo {
    font-size: 10px;
    line-height: 10px;
    margin-top: 8px;
  }
  .wrap .companyIntro .businessArea .flexArea .article {
    width: 100%;
    height: 53vw;
  }
  .wrap .companyIntro .businessArea .flexArea .article.art1 {
    width: 100%;
    height: 79vw;
  }
  .wrap .companyIntro .businessArea .flexArea .article.art2 {
    width: 100%;
    height: 79vw;
  }
  .wrap .companyIntro .businessArea .flexArea .article.art3 {
    width: 100%;
    height: 79vw;
  }
  .wrap .companyIntro .businessArea .flexArea .article.art4 {
    width: 100%;
    height: 79vw;
  }
  .wrap .companyIntro .businessArea .flexArea .article .text{
  	bottom: 20px;
  	left: 20px;
  }
  .wrap .companyIntro .businessArea .flexArea .article .text h2 {
    font-size: 18px;
    line-height: 18px;
  }
  .wrap .companyIntro .businessArea .flexArea .article .text h2::after {
    width: 20px;
  }
  .wrap .companyIntro .businessArea .flexArea .article .text p {
    font-size: 12px;
    line-height: 20px;
  }
  .wrap .companyIntro .tabMenuWrap {
    display: block;
  }
  .wrap .companyIntro .tabMenuWrap .menuLine {
    margin-top: 60px;
  }
  .wrap .companyIntro .tabMenuWrap .menuLine .tabMenu li {
    font-size: 14px;
    line-height: 16%;
    padding: 18px 0;
  }
  .wrap .companyIntro .tabMenuWrap .content {
    padding: 60px 0 100px;
  }
  .wrap .companyIntro .tabMenuWrap .content .image {
    width: calc(100% - 60px);
  }
  .wrap .companyIntro .tabMenuWrap .content .image iframe {
    width: 100%;
    height: 48vw;
  }
  .wrap .companyIntro .businessArea h2{
  
  font-size: 20px;
  line-height: 28px;}
  
  /* 솔루션 */
  .solutionWrap .marginCenter{
    width:calc(100% - 60px);
  }
  .solutionWrap .pageBanner2{
    margin-top: 20px;
    width: 100%;
    height: calc(100vw * 0.4);
  }
  .solutionWrap .pageBanner2 h3{
    font-size: 16px;
    line-height: 20px;
    padding-top: 30px;
    width: calc(100% - 60px);
    margin:0 auto;
  }
  .solutionWrap article{
    padding: 40px 0 60px;
  }
  .solutionWrap article .segment .segmentContents{
    width: 100%;
    margin-top: 20px;
  }
  .solutionWrap article .segment .segmentContents .imgArea{
    margin-top: 20px;
  }
  .solutionWrap article .segment:first-of-type ~ .segment{
    margin-top: 60px;
  }
  
  .solutionWrap article .segment .segmentContents .textArea {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 4px solid #ddd;
    padding: 20px;
    text-align: center;
  }
  .solutionWrap article .segment .segmentContents .textArea h5{
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    text-align: left;
  }
  .solutionWrap article .segment h3{
    font-size: 20px;
    line-height: 28px;
  }
  .solutionWrap article .segment h4{
      font-size: 16px;
      line-height:24px;
      margin-top: 32px;
  }
    .solutionWrap article .segment h4.mt120 {
        margin-top: 60px;
    }
  .solutionWrap article .segment p{
      font-size: 12px;
      line-height: 20px;
      margin-top: 20px;
  }
  .solutionWrap article .segment .line {
      margin-top: 16px;
      margin-bottom: 16px;
  }
  .solutionWrap article .segment .desc {
      font-size: 14px;
      line-height: 20px;
      margin-top: 32px;
  }
  /*.solutionWrap article .segment .btnWrap a {
      font-size: 14px;
      line-height: 24px;
      padding: 14px;
      width: 100%;
      margin-top: 60px;
  }*/ /*(max-width: 1219px) 이동*/
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody2 .top .left{
  	width: 100%;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody2 .top .right{
  	width: 100%;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody2 .top .left img{
  	width: 100%;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody2 .top .center p{
  	font-size: 12px;
    line-height: 20px;
    margin-top: 20px;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody2 .top .center h5{
  	font-size: 14px;
  	line-height: 14px;
  	margin-top: 20px;
  }
  .solutionWrap article .bottomBanner a span{
  	width: 100%;
  	text-align: center;
  }
  .solutionWrap article .segment .imgArea{
    margin-top: 20px;
  }
  .solutionWrap article .segment .imgArea .web{
	display: none;
  }
  .solutionWrap article .segment .imgArea .mob{
	display: block;
  }
  .solutionWrap article .segment .tabContentsWrap{
    padding-top: 60px;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .tabImgArea img{
    width: 100%;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody{
    width: 100%;
    padding-top: 60px;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .tabImgArea .parts{
    width: 24px;
    height: 24px;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .tabImgArea .parts:before {
      top: 2px !important;
      left: 0px !important;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .tabImgArea .parts.active{
    width:140px;
    height: 140px;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .tabImgArea .parts.active img{
    width: 90px;
    height: 90px;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .tabImgArea .parts.active .partsCon.noImg p{
    font-size: initial;
    line-height: 16px;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .tabImgArea .parts .partsCon p{
    font-size: 12px;
    line-height: 16px;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleTab{
    margin-top: 40px;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleTab span{
    font-size: 14px;
    line-height: 20px;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody h5{
    font-size: 14px;
    line-height: 18px;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody1 .bottom{
    margin-top: 20px;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody1 .top{
    margin-left: 0;
    display: block;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody1 .top .right h5{
   font-size: 14px;
   line-height: 14px;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody1 .top .right p{
    font-size: 12px;
    line-height: 20px;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody1 .top .left{
    margin:0 auto;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody1 .top .right{
    width: 100%;
  }
  
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody2{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody2 .top{
    display: block;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody2 .top .center{
    width: 100%;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody2 .top .right h6{
    margin-top: 20px;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody.mt160{
    margin-top: 40px;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody1 .top .left{
    width: 100%;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap{
    padding-bottom: 40px;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .bottomContents{
    margin-top: 40px;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .bottomContents h4{
    font-size: 20px;
    line-height: 20px;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .bottomContents p{
    font-size: 12px;
    line-height: 12px;
    margin-top: 20px;
  }
  /*.solutionWrap article .segment .tabContentsWrap .tabBody .btnWrap{
    margin-top: 40px;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .btnWrap a{
    width: 300px;
    height: 50px;
    font-size: 14px;
    line-height: 16px;
    border-radius: 8px;
  }*/
  .solutionWrap article .segment .tabSlideWrap .title{
    display: block;
  }
  .solutionWrap article .segment .tabSlideWrap .title h4{
    font-size: 20px;
    line-height: 20px;
  }
  .solutionWrap article .segment .tabSlideWrap .title ul{
    justify-content: flex-start;
    margin-top: 20px;
  }
  .solutionWrap article .segment .tabSlideWrap .title ul li{
    margin-left: 0;
    margin-right: 14px;
  }
  .solutionWrap article .segment .tabSlideWrap .title ul li a{
    font-size: 12px;
  }
  .solutionWrap article .segment .tabSlideWrap .productSlide1, .solutionWrap article .segment .tabSlideWrap .productSlide2, .solutionWrap article .segment .tabSlideWrap .productSlide3{
    margin-top: 20px;
  }
  .solutionWrap article .segment .tabSlideWrap .productSlide1 li p, .solutionWrap article .segment .tabSlideWrap .productSlide2 li p, .solutionWrap article .segment .tabSlideWrap .productSlide3 li p{
    font-size: 10px;
    line-height: 10px;
    margin-top: 8px;
  }
  .solutionWrap article .segment .tabSlideWrap .productSlide1 li h6, .solutionWrap article .segment .tabSlideWrap .productSlide2 li h6, .solutionWrap article .segment .tabSlideWrap .productSlide3 li h6{
    font-size: 12px;
    line-height: 18px;
    margin-top: 4px;
  }
  .solutionWrap article .segment .tabSlideWrap .productSlide1 li, .solutionWrap article .segment .tabSlideWrap .productSlide2 li, .solutionWrap article .segment .tabSlideWrap .productSlide3 li{
    width: 118px !important;
  }
  .solutionWrap article .segment .tabSlideWrap .productSlide1 .slick-slide, .solutionWrap article .segment .tabSlideWrap .productSlide2 .slick-slide, .solutionWrap article .segment .tabSlideWrap .productSlide3 .slick-slide{
    margin:0 8px;
  }
  .solutionWrap article .bottomBanner{
    padding:60px 0 100px;
    display: block;
  }
  .solutionWrap article .bottomBanner a{
    width: calc(100% + 60px);
    margin-left: -30px;
  }
  .solutionWrap article .bottomBanner a span{
    font-size: 24px;
    line-height: 1;
  }
  /* lighting */
    .lightingWrap .lightingContent {
        width:100%;
    }
    .lightingWrap .lightingContent .lightingImgContent .parts {
        background:url('../img/img-mo-solution-lighting-search.png') center no-repeat;
        background-size: 100% 100%;
        width: 26px;
        height: 26px;
    }

  .scrollImgWrap{
    overflow-x: auto !important;
    padding-bottom: 20px;
    white-space: nowrap;
  }
  .scrollImgWrap::-webkit-scrollbar{
    width: 10px !important;
    height: 4px !important;
  }
  .scrollImgWrap::-webkit-scrollbar-thumb{
    background-color: #a50034 !important;
    background-clip: padding-box !important;
  }
  .scrollImgWrap::-webkit-scrollbar-track{
    background-clip: #ddd !important;
    background-color: #ddd !important;
  }
  .scrollImgWrap .imgArea{
    width: 700px !important;
  }
  .scrollImgWrap .imgArea img{
    width: 100%;
  }
  .twinSmart article .segment .arrowImg{
    width: 50px;
    margin:0 auto;
    padding: 20px 0;
  }
  .twinSmart article .segment .arrowImg img{
    width: 100%;
  }
  .twinSmart article .segment .imgArea.small{
    width: 100%;
  }
  .twinSmart article .segment .flex100{
    display: block;
    width: 100%;
    margin-top: 0px;
  }
  .twinSmart article .segment .flex100 li{
    width: 100%;
    margin-top: 20px;
  }
  .twinSmart article .segment .flex100 li img{
    width: 100%;
  }
  .twinSmart article .segment .flexContents li h5{
    font-size: 14px;
    line-height: 14px;
  }
  .twinSmart article .segment .flexContents li p{
    font-size: 12px;
    line-height: 16px;
    margin-top: 10px;
  }
  .twinSmart article .btnWrap{
    margin-top: 40px;
  }
  /*.twinSmart article .btnWrap a{
    max-width: 300px;
    width: 100%;
    height: 50px;
    font-size: 14px;
    line-height: 16px;
    border-radius: 8px;
  }*/
  .solutionWrap article .segment .imgArea{
    width: 100%;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody:nth-of-type(1) .tabImgArea .parts:nth-of-type(4).active{
  	left: 58% !important;
  }
  
  .twinSmart article .segment .autoImg img{
    width: 100%;
  }
  /* ceo */
  .wrap .ceoWrap .pageBannerWrap {
    position: static;
    height: auto;
    margin-top: 40px;
  }
  .wrap .ceoWrap .pageBannerWrap .mt30 {
    margin-top: 30px;
  }
  .wrap .ceoWrap .pageBannerWrap .pageBanner {
    width: 100%;
    height: 100vw;
    margin-bottom: 0;
  }
  .wrap .ceoWrap .pageBannerWrap .textIntro {
    width: calc(100% + 60px);
    margin-left: -30px;
    height: auto;
    background-color: #f5f6f8;
    padding-top: 40px;
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 40px;
    box-sizing: border-box;
    position: static;
    margin-top: 0;
    border-top: 0;
  }
  .wrap .ceoWrap .pageBannerWrap .textIntro h2 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 700;
  }
  .wrap .ceoWrap .pageBannerWrap .textIntro p {
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    color: #666;
    width: 100%;
    word-break: keep-all;
  }
  .wrap .ceoWrap .pageBannerWrap .textIntro p.mt40 {
    margin-top: 20px;
  }
  .wrap .ceoWrap .pageBannerWrap .textIntro p.mt30 {
    margin-top: 10px;
  }
  .wrap .ceoWrap .pageBannerWrap .textIntro.textPadding {
    padding: 100px 0 200px;
    border-top: 1px solid #d9d9d9;
  }
  .wrap .ceoWrap .pageBannerWrap .textIntro .btnSign {
    margin-top: 20px;
    width: auto;
    display: flex;
    justify-content: flex-end;
  }
  .wrap .ceoWrap .pageBannerWrap .textIntro .btnSign .flexWrap {
    display: flex;
    align-items: center;
  }
  .wrap .ceoWrap .pageBannerWrap .textIntro .btnSign .flexWrap .left {
    font-size: 12px;
    line-height: 20px;
    font-weight: 900;
  }
  .wrap .ceoWrap .pageBannerWrap .textIntro .btnSign .flexWrap .right {
    margin-left: 10px;
    width: 115px;
  }
  .wrap .ceoWrap .pageBannerWrap .textIntro .btnSign .flexWrap .right img {
    width: 100%;
  }
  .wrap .ceoWrap .history {
    display: block;
    margin-top: 40px;
    padding-bottom: 100px;
  }
  .wrap .ceoWrap .history .line {
    width: 100%;
  }
  .wrap .ceoWrap .history .line span {
    display: inline-block;
    font-size: 12px;
    line-height: 26px;
    font-weight: 700;
  }
  .wrap .ceoWrap .history .line span.title .num:after {
    font-size:9px;
    top:-5px;
    right:-2px;
    font-weight:800;
  }
  .wrap .ceoWrap .history .line span.date {
    color: #a50034;
    width: 94px;
  }
  .wrap .ceoWrap .history.en .line span.date {
    width: 93px;
}
  .wrap .ceoWrap .history .line span.title {
    margin-left: 20px;
    width: calc(100% - 79px);
  }
  .wrap .ceoWrap .history .line span.desc {
      font-size: 12px;
      line-height: 26px;
  }
  .wrap .ceoWrap .history .line span.date.small{
  	width: 42px;
  }
  .wrap .ceoWrap .textIntro {
    border-top: 1px solid #d9d9d9;
    margin-top: 40px;
  }
  .wrap .ceoWrap .textIntro h3 {
    font-size: 20px;
  }
  .wrap .ceoWrap .textIntro p {
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    color: #666;
    word-break: keep-all;
  }
  .wrap .ceoWrap .textIntro p.mt40 {
    margin-top: 20px;
  }
  .wrap .ceoWrap .textIntro.textPadding {
    padding: 40px 0 100px;
  }
  .wrap .ceoWrap .textIntro .btnSign {
    margin-top: 40px;
    width: 682px;
    margin-left: auto;
  }
  .wrap .ceoWrap .textIntro .btnSign .flexWrap {
    display: flex;
    align-items: center;
  }
  .wrap .ceoWrap .textIntro .btnSign .flexWrap .left {
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
  }
  .wrap .ceoWrap .textIntro .btnSign .flexWrap .right {
    margin-left: 40px;
  }
  .wrap .center1360 {
    width: 900px;
  }
  /* 인재채용-인재상 */
  .wrap .recruitBanner {
  	background-image: url('../img/img-bn-recruit (2).png') !important;
  	
  }
  .wrap .recruitBanner .banner .btnArea{
  	gap:10px;
  	width:100%;
  }
  .wrap .recruitBanner .banner .btnArea a{
  	/* width: 50%; */
  	width: calc(50% - 40px);
  }
  .wrap .talentRecruit{
  	margin-top: 40px;
  }
  .wrap .talentRecruit .subTitleRecruit{
  	text-align: left;
  }
  .wrap .talentRecruit .subTitleRecruit h2{
  	font-size: 20px;
  	line-height: 28px;
  }
  .wrap .talentRecruit .subTitleRecruit p{
  	font-size: 12px;
  	line-height: 20px;
  	margin-top: 20px;
  }
  .wrap .talentRecruit .talentArea{
  	margin-top: 20px;
  	display:block;
  }
  .wrap .talentRecruit .talentArea .media{
  	width: 100%;
  	margin-top: 10px;
  }
  .wrap .talentRecruit .talentArea .media.mt40{
  	margin-top: 10px;
  }
  .wrap .talentRecruit .talentArea .media .image{
  	width: 100px;
  }
  .wrap .talentRecruit .talentArea .media .image img{
  	width: 100%;
  }
  .wrap .talentRecruit .talentArea .media .text{
  	font-size: 14px;
  	line-height: 20px;
  	text-align: left;
  	width: 100%;
  	padding-left:20px;
  }
  /* 인재채용-회사생활-인사제도 */
  .wrap .ruleWrap{
  	margin-top: 40px;
  }
  .ruleWrap .ruleArticle img{
  	width: 100%;
  }
  .wrap .ruleWrap .ruleArticle .ruleArtMedia.evaluation{
  	width: 100%;
  }
  .ruleWrap .ruleArticle{
  	
  }
  .wrap .ruleWrap .ruleArticle .ruleArtTitle h2{
  	font-size: 20px;
  	line-height: 28px;
  }
  .wrap .ruleWrap .ruleArticle .ruleArtTitle p{
  	font-size: 12px;
  	line-height: 20px;
  	margin-top: 20px;
  	word-break:keep-all;
  }
  .wrap .ruleWrap .ruleArticle .ruleArtMedia.ruleImg{
  	margin-top: 20px;
  }
  .wrap .ruleWrap .ruleArticle .ruleArtMedia.ruleImg .w1280{
  	margin-top: 30px;
  }
  .wrap .ruleWrap .ruleArticle.position{
  	padding:40px 0;
  }
  .wrap .ruleWrap .ruleArticle .ruleArtMedia.rulePosition{
  	display:block;
  	width: 100%;
  	margin-top: 20px;
  }
  
  .wrap .ruleWrap .ruleArticle .ruleArtMedia.rulePosition .mediaWrap{
  	width: 100%;
  	margin-top: 20px;
  	height: 120px;
  	border-radius: 12px;
  }
  .wrap .ruleWrap .ruleArticle .ruleArtMedia.rulePosition .mediaWrap:first-of-type{
  	margin-top: 0;
  }
  .wrap .ruleWrap .ruleArticle .ruleArtMedia.rulePosition .mediaWrap .media{
  	display:flex;
  	align-items:center;
  	width: 253px;
  }
  .wrap .ruleWrap .ruleArticle .ruleArtMedia.rulePosition .mediaWrap .media .image{
  	width: 60px;
  	margin-right: 10px;
  	margin:inherit;
  }
  .wrap .ruleWrap .ruleArticle .ruleArtMedia.rulePosition .mediaWrap .media .text{
  	margin-top: 0;
  	text-align: left;
  }
  .wrap .ruleWrap .ruleArticle .ruleArtMedia.rulePosition .mediaWrap .media .text h3{
  	font-size: 12px;
  	line-height: 12px;
  }
  .wrap .ruleWrap .ruleArticle .ruleArtMedia.rulePosition .mediaWrap .media .text p{
  	font-size: 10px;
  	line-height: 14px;
  	margin-top: 8px;
  }
  .wrap .ruleWrap .ruleArticle.evaluationPride{
  	padding:40px 0
  }
  .wrap .ruleWrap .ruleArticle.evaluationPride .ruleArtTitle{
  	text-align: left;
  }
  .wrap .ruleWrap .ruleArticle .ruleArtMedia.evaluation{
  	width: calc(100% - 60px);
  }
  .wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent{
  	display:block;
  	margin-top: 20px;
  }
  .wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent .mediaWrap{
  	width: 100%;
  	height: 120px;
  	border-radius: 12px;
  	margin-top: 20px;
  }
  .wrap .ruleWrap .ruleArticle .ruleArtMedia.rulePosition .mediaWrap:first-of-type{
  	margin-top: 0;
  }
  .wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .mediaWrap{
  	width: 100%;
  	margin-top: 20px;
  	height: 120px;
  	border-radius: 12px;
  }
  .wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .mediaWrap:first-of-type{
  	margin-top: 0;
  }
  .wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .mediaWrap .media{
  	display:flex;
  	align-items:center;
  	width: 240px;
  }
  .wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent .mediaWrap .media .image{
  	width: 60px;
  	margin-right: 10px;
  	margin:inherit;
  }
  .wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent .mediaWrap .media .text{
  	margin-top: 0;
  	text-align: left;
  }
  .wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent .mediaWrap .media .text h3{
  	font-size: 12px;
  	line-height: 12px;
  }
  .wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent .mediaWrap .media .text p{
  	font-size: 10px;
  	line-height: 14px;
  	margin-top: 8px;
  }
  .wrap .ruleWrap .ruleArticle.reward{
  	padding:0;
  	padding-top: 40px;
  }
  /* 리스트 */
  .jobintroWrap .slideArticle{
  	padding:40px 0;
  }
  .jobintroWrap .slideArticle .slideContents li{
  	width: 252px !important;
  	height:auto !important;
  }
  .wrap .jobintroWrap .slideArea .introSlide .slideContents li .content h2{
  	font-size: 12px;
  	line-height: 18px;
  	margin-top: 10px;
  }
  .wrap .jobintroWrap .slideArea .introSlide .slideContents li .content .btnArea{
  	margin-top: 10px;
  	width: 97px;
  }
  .wrap .jobintroWrap .slideArea .introSlide .slideContents li .content .btnArea .left{
  	font-size: 12px;
  	height: 30px;
  	width: 97px;
  	border-radius:8px;
  }
  
  /* 리스트 */
  .wrap .intro{
  	width: 100%;
  }
  .jobintroWrap .slideArticle .slideContents li{
  	width: 252px !important;
  	height:auto !important;
  }
  .wrap .introDetailWrap .intro .image{
  	width: 100%;
  }
  .wrap .introDetailWrap .intro .image img{
  	width: 100%;
  }
  .wrap .introDetailWrap .intro .image .web{
  	display: none;
  }
  .wrap .introDetailWrap .intro .image .mob{
  	display: block;
  }
  .wrap .introDetailWrap .intro .youtubeArea{
  	width: 100%;
  	position: relative; 
  	padding-bottom: 56.25%; 
  }
  .wrap .introDetailWrap .intro .youtubeArea iframe{
  	position: absolute;
  	width: 100%; /* 부모에 맞게 꽉 채운다. */
  	height: 100%;
  }
  .wrap .introDetailWrap .slideArticle .slideContents li{
  	height:auto !important;
  }
  .wrap .introDetailWrap{
  	padding: 0;
  	margin-top: 40px;
  	padding-bottom: 100px;
  }
  .wrap .introDetailWrap .intro .imageWrap{
  	position:static;
  }
  .wrap .introDetailWrap .intro .imageWrap .textSticker{
  	position:static;
  	line-height: 20px;
    display: flex;
    justify-content: center;
    font-size: 20px;
    margin-top: 20px;
  }
  .wrap .introDetailWrap .intro .imageWrap .textSticker span{
  	font-size: 14px;
  	margin-left: 4px;
  }
  .wrap .introDetailWrap .intro .mt70{
  	margin-top: 40px;
  }
  .wrap .introDetailWrap .intro .text h2{
  	font-size: 20px;
  	line-height: 28px;
  }
  .wrap .introDetailWrap .intro .text p{
  	font-size: 12px;
  	line-height: 20px;
  	margin-top: 20px;
  }
  .wrap .introDetailWrap .intro .mt100{
  	margin-top: 40px !important;
  }
  .wrap .introDetailWrap .intro .mt80{
  	margin-top: 40px;
  }
  .wrap .introDetailWrap .intro .youtubeArea{
  	margin-top: 40px;
  }
  .wrap .introDetailWrap .slideArticle{
  	width: 100% !important;
  }
  .wrap .introDetailWrap .slideArticle .slideContents{
  	margin-top: 0;
  }
  .wrap .introDetailWrap .introSlide .slideContents li .content h2{
  	margin-top: 10px;
  	font-size: 12px;
  	line-height: 18px;
  }
  .wrap .introDetailWrap .introSlide .slideContents li .content .btnArea{
  	margin-top: 10px;
  	width: 97px;
  	line-height: 30px;
  }
  .wrap .introDetailWrap .introSlide .slideContents li .content .btnArea a.left{
  	height: 30px;
  	border-radius:6px;
  }
  .wrap .introDetailWrap .introSlide .slideContents li .content .btnArea a.right{
  	height: 30px;
  	border-radius:6px;
  }
  .wrap .introDetailWrap .introSlide .slideContents li .content .btnArea .left span{
  	font-size: 12px;
  	line-height: 18px;
  }
  .wrap .introDetailWrap .detailBtn{
  	width: 100px;
  	height: 40px;
  	font-size: 14px;
  	margin-top:40px;
  	margin:0 auto;
  }
  .wrap .josSection .promotionBanner .flexWrap .textWrap{
  	display: block;
  	margin-left: 20px;
  	
  }
  .wrap .josSection .promotionBanner .flexWrap .textWrap p{
  	line-height: 1.3;
  }
  .wrap .josSection .promotionBanner .flexWrap .textWrap .btn{
  	margin-left: 0;
  	margin-top: 20px;
  }
  .wrap .josSection .tabMenuWrap .menuLine .tabMenu li{
  line-height: 16px;
  font-size: 14px;
  padding:11px 0;
  }
  .wrap .josSection .tabMenuWrap .menuLine .tabMenu li.on{
  	border-bottom: 1px solid #a50034;
  }
  .wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .jobsContentTitle{
  	margin-top: 40px;
  	font-size: 20px;
  	line-height: 28px;
  }
  .wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article{
  	margin-top: 20px;
  }
  .wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .questionWrap{
  	height: auto;
  	padding:20px 0;
  }
  .wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .questionWrap span.listNum{
  	width: auto;
    color: #a50034;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    float: none;
  }
  .wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .questionWrap span.listTitle{
  	width:auto;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    white-space: break-spaces;
    overflow: auto;
    width: auto;
    text-overflow: inherit;
    float: none;
    margin-top: 10px;
  }
  .wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .questionWrap .crossIcon{
  	text-align: left;
  	font-size: 14px;
  	line-height: 20px;
  	padding:0;
  	margin-top: 10px;
  }
  .wrap .josSection .tabMenuWrap .content{
		/* width: 900px;
		margin:0 auto; */
	}
  .wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article{
  	width:900px;
  	margin:0 auto;
  	margin-top: 20px;
  }
  .wrap .josSection .promotionBanner{
  	padding:35px 25px;
  }
  .wrap .josSection .promotionBanner .flexWrap{
  	justify-content:space-around;;
  }
  .wrap .josSection .promotionBanner .flexWrap .image{
  	width: 100px;
  }
  .wrap .josSection .promotionBanner .flexWrap .image img{
  	width: 100%;
  }
  .wrap .josSection .promotionBanner .flexWrap .text h3{
  	font-size: 14px;
  	line-height: 14px;
  }
  .wrap .josSection .promotionBanner .flexWrap .textWrap p{
  	font-size: 12px;
  	line-height: 16px;
  }
  .wrap .josSection .promotionBanner .flexWrap .textWrap .btn{
  	margin-top: 10px;
  	width: 83px;
  	height: 33px;
  	
  }
  .wrap .josSection .promotionBanner .flexWrap .btn span{
  	font-size: 12px;
  	line-height: 13px;
  }
  .wrap .courseWrap .courseMenu .content .title{
  	text-align: left;
  	margin-top: 40px;
  }
  .wrap .courseWrap .courseMenu .content .title h2{
  	font-size: 20px;
  	line-height: 28px;
  }
  .wrap .courseWrap .courseMenu .content .title p{
  	font-size: 12px;
  	line-height: 20px;
  	margin-top: 20px;
  }
  .wrap .courseWrap .courseMenu .content .titleGraphic li{
  	width: 90px;
  }
  .wrap .courseWrap .courseMenu .content .titleGraphic li .image{
  	width: 90px;
  	height: 90px;
  }
  .wrap .courseWrap .courseMenu .content .titleGraphic li .image img{
  	width: 100%;
  }
  .wrap .courseWrap .courseMenu .content .titleGraphic li h3{
  	font-size: 10px;
  	line-height: 10px;
  	margin-top: 10px;
  }
  .wrap .courseWrap .courseMenu .content .titleGraphic{
  	margin-top: 20px;
  	width: 300px;
  	justify-content: center;
  	flex-wrap:wrap;
  	gap:15px
  }
  .wrap .courseWrap .courseMenu .content .titleGraphic::before{
  	height: 2px;
    background-color: #ddd;
    z-index: -1;
    bottom: 62px;
    position: absolute;
    display: block;
    content: '';
    width: 56%;
  }
  .wrap .courseWrap .courseMenu .content .titleGraphic::after{
  	height: 2px;
    background-color: #ddd;
    z-index: -1;
    bottom: 188px;
  }
  .wrap .courseWrap .courseMenu .content .textGraphWrap{
  	margin-top: 40px;
  }
  .wrap .courseWrap .courseMenu .content .textGraphWrap .textGraph li{
  	display: block;
  	padding: 20px 0;
  	height: auto;
  	
  }
  .wrap .courseWrap .courseMenu .content .textGraphWrap .textGraph li .left{
  	font-size: 14px;
  	line-height: 16px;
  }
  .wrap .courseWrap .courseMenu .content .textGraphWrap .textGraph li .right{
  	width: 100%;
  	margin-top: 13px;
  	font-size: 10px;
  	line-height: 16px;
  }
  .wrap .courseWrap .courseMenu .content .colorOriginal{
  	padding-bottom: 0;
  }
  .wrap .courseWrap .courseMenu .content .colorChange{
  	padding:40px 0 0;
  	background-color: #fff;
  }
  .wrap .courseWrap .courseMenu .content.content3 .realProject{
  	margin-top: 40px;
  }
  .wrap .courseWrap .courseMenu .content.content3 .realProject .flexWrap{
  	display: block;
  	margin-top: 20px;
  }
  .wrap .courseWrap .courseMenu .content.content3 .realProject .flexWrap .mediaWrap{
  	width: 100%;
  	padding: 30px;
  	box-sizing:border-box;
  	border-radius:12px ;
  	
  }
  .wrap .courseWrap .courseMenu .content.content3 .realProject .flexWrap .mediaWrap:nth-of-type(2){
  	margin-top: 20px;
  }
  .wrap .courseWrap .courseMenu .content.content3 .realProject h2{
  	font-size: 20px;
  	line-height: 28ox;
  }
  .wrap .courseWrap .courseMenu .content.content3 .realProject .flexWrap .mediaWrap .media{
  	display:flex;
  }
  .wrap .courseWrap .courseMenu .content.content3 .realProject .flexWrap .mediaWrap .media .image{
  	width: 60px;
  	margin:unset;
  	margin-right: 10px;
  }
  .wrap .courseWrap .courseMenu .content.content3 .realProject .flexWrap .mediaWrap .media .text{
  	margin-top: 0;
  	text-align: left;
  }
  .wrap .courseWrap .courseMenu .content.content3 .realProject .flexWrap .mediaWrap .media .text h3{
  	font-size: 12px;
  	line-height: 12px;
  }
  .wrap .courseWrap .courseMenu .content.content3 .realProject .flexWrap .mediaWrap .media .text p{
  	font-size: 10px;
  	line-height: 14px;
  	margin-top: 8px;
  }
  .wrap .tipsSection .content .newsListWrap li{
   width: 100%;
   margin-bottom: 40px;
   min-height: unset;
  }
    .wrap .tipsSection .content .pastListWrap li{
        width: 100%;
        margin-bottom: 40px;
        min-height: unset;
    }
  .wrap .tipsSection .content{
  	margin-top: 40px;
  }
  .wrap .tipsSection .content .newsListWrap li a .category{
  	font-size: 10px;
  	line-height: 21px;
  	height: 21px;
  }
  .wrap .tipsSection .content .newsListWrap li a strong{
  	font-size: 12px;
  	line-height: 18px;
  	margin-top: 12px;
  }
  .wrap .tipsSection .content .viewMore{
  	width: 127px;
  	height: 48px;
  	font-size: 14px;
  }
  
  .pageBanner{
  	margin-top: 40px;
  }
  .webinar .customSelectBox2Wrap{
  	padding-top: 0;
  }
  .webinarListWrap li a .date .left{
  	width: 30px;
  	height: 30px;
  }
  .webinarListWrap li a .date .right{
  	margin-left: 8px;
  }
  .webinarListWrap li a .date .right p{
  	font-size: 10px;
  	line-height: 14px;
  }
  .webinarListWrap li a .date{
  	margin-top: 10px;
  }
  .viewMoreBtn a{
  	width: 170px;
  	height: 56px;
  }
  .viewMoreBtn a span{
  	font-size: 16px;
  	line-height: 20px;
  }
  .viewMoreBtn a img{
  	margin-left: 8px;
  }
  
  /* webinarDetail */
  .wrap .webinarDetailWrap .postUp{
  	display: block;
  }
  .wrap .webinarDetailWrap .postUp .left{
  	font-size: 12px;
  	line-height: 12px;
  }
  .wrap .webinarDetailWrap .postUp .right{
  	justify-content:flex-start; 
  	margin-top: 20px;
  }
  .wrap .webinarDetailWrap .postUp .right .imo{
  	width: 30px;
  	margin-right: 10px;
  }
  .wrap .webinarDetailWrap .postUp .right .imo img{
  	width: 100%;
  }
  .wrap .webinarDetailWrap .postContent{
  	padding:40px 0 60px;
  }
  .wrap .webinarDetailWrap .postContent .flexWrap{
  	margin-top: 20px;
  	display: block;
  }
  .wrap .webinarDetailWrap .postContent .flexWrap .media{
  	width: 100%;
  	height: 50px;
  }
  .wrap .webinarDetailWrap .postContent .flexWrap .media:nth-of-type(2){
  	margin-top: 20px;
  }
  .wrap .webinarDetailWrap .postContent .flexWrap .media .mediaContent{
  	font-size: 12px;
  	line-height: 14px;
  }
  .wrap .webinarDetailWrap .postContent .graph{
  	margin-top: 20px;
  	display: flex;
  	border-top: 2px solid #000;
  }
  
  .wrap .webinarDetailWrap .postContent .graph ul.graphTitle{ 
  	width: 104px;
  	display: block;
  }
  .wrap .webinarDetailWrap .postContent .graph ul.graphTitle li{
  	font-size: 10px;
  	width:auto
  }
  .wrap .webinarDetailWrap .postContent .graph ul li.center{
  	width:auto;
  	height: 184px;
  }
  .wrap .webinarDetailWrap .postContent .graph ul.graphContent{
  	display:block;
  	width: 100%;
  	border-bottom:none;
  }
  .wrap .webinarDetailWrap .postContent .graph ul.graphContent li{
  	font-size: 10px;
  	line-height: 14px;
  	text-align: left;
  }
  .wrap .webinarDetailWrap .postContent .graph ul li{
  	width:auto;
  	border-right: none;
  	border-bottom: 1px solid #ddd;
  }
  .wrap .webinarDetailWrap .postContent .graph ul.graphContent li p{
  	font-size: 10px;
  	line-height: 14px;
  	text-align: left;
  }
  .wrap .webinarDetailWrap .postContent .graph ul.graphTitle{
  	border-top: none;
  	border-bottom:none;
  }
  .wrap .webinarDetailWrap .postContent .graph ul.graphContent li{
  	text-align: left;
  	padding:13px 6px;
  	box-sizing:border-box;
  	border-right: none;
  }
  .wrap .webinarDetailWrap .postContent .graph ul.graphTitle li{
  	padding:0;
  	line-height: 40px;
  	box-sizing:border-box;
  	border-left: 0;
  }
  .wrap .webinarDetailWrap .postContent .graph ul.graphTitle li.center{
  	border-right: 1px solid #ddd;
  }
  .wrap .webinarDetailWrap .postContent .postBtn{
  	width: 100%;
  	display:block;
  	margin-top: 40px;
  }
  .wrap .webinarDetailWrap .postContent .postBtn div{
  	width: 100%;
  	height: 50px;
  	font-size: 14px;
  	line-height: 16px;
  	border-radius: 8px;
  }
  .wrap .webinarDetailWrap .postContent .postBtn div.right{
  	margin-top: 20px;
  }
  .wrap .webinarDetailWrap .postListBtn{
   width: 100%;
   flex-wrap:wrap;
   gap:16px;
   padding-bottom: 100px;
  }
  .wrap .webinarDetailWrap .postListBtn .btn{
  	width: calc(50% - 13px);
  	height: 40px;
  }
  .wrap .webinarDetailWrap .postListBtn .btn.w113{
  	width: 100%;
  }
  .wrap .webinarDetailWrap .postListBtn .btn a{
  	line-height: 16px;
  	font-size: 14px;
  }
  .wrap .webinarDetailWrap .postListBtn .btnList{
    order: 3;
  }
  .wrap .webinarDetailWrap .postListBtn .btnPrevious{
    order: 1;
  }
  .wrap .webinarDetailWrap .postListBtn .btnNext{
    order: 2;
  }
  .wrap .webinarPastWrap .postContent .image iframe{
  	    width: 100%;
    	height: calc(100vw * 0.48);
  }
      /* 전시 */
.wrap .webinarDisplayWrap .newsListWrap li:nth-of-type(3n+2) {
	margin: 0;
	margin-bottom: 40px;
}
.wrap .webinarDisplayWrap .newsListWrap li{
	   margin-bottom: 40px;
    width: 100%;
    height: auto;
    min-height: unset;
}
.wrap .webinarDisplayWrap .pageBanner{
	/* margin-top: 40px; */
	height: 202px;
	box-sizing:border-box;
	padding: 40px 0;
	background-size:cover;
	margin-bottom: 0;
}
.wrap .webinarDisplayWrap .pageBanner .text h3{
	font-size: 14px;
	line-height: 14px;
}
.wrap .webinarDisplayWrap .pageBanner .text h2{
	font-size: 24px;
	line-height: 30px;
	margin-top: 8px;
}
.wrap .webinarDisplayWrap .pageBanner .text .btn{
	width: 83px;
	height: 30px;
	margin-top: 10px;
}
.wrap .webinarDisplayWrap .pageBanner .text .btn a{
	font-size: 12px;
	line-height: 14px;
}
	.wrap .webinarDisplayWrap .customSelectBox2Wrap{
		padding-bottom: 40px;
	}
	.wrap .webinarDisplayWrap .customSelectBox2Wrap a{
		font-size: 12px;
		margin-right: 14px;
		padding-bottom: 4px;
	}
	.wrap .webinarDisplayWrap .newsListWrap li a .category{
		top: -10px !important;
    	left: 10px !important;
    	width: 56px;
    	height: 20px;
	}
	.wrap .webinarDisplayWrap .newsListWrap li a strong{
		font-size: 12px;
		line-height: 18px;
		margin-top: 10px;
	}
	.wrap .webinarDisplayWrap .newsListWrap.webinarListWrap li a .date{
		margin-top: 10px;
	}
	.wrap .webinarDisplayWrap .newsListWrap.webinarListWrap li a .date .left{
		width: 30px;
		height: 30px;
	}
	.wrap .webinarDisplayWrap .newsListWrap.webinarListWrap li a .date .right{
		margin-left: 8px;
	}
	.wrap .webinarDisplayWrap .newsListWrap.webinarListWrap li a .date .right p{
		font-size: 10px;
		line-height: 14px;
		
	}
	.wrap .webinarDisplayWrap .newsListWrap li a .textBox{
		font-size: 10px;
		line-height: 14px;
		margin-top: 10px;
	}
	.wrap .webinarDisplayWrap .viewMoreBtn a{
		width: 170px;
		height: 56px;
		font-size: 16px;
		line-height: 20px;
	}
	.wrap .webinarDisplayWrap .viewMoreBtn a span{
		font-size: 16px;
		line-height: 20px;
	}
	.wrap .webinarDisplayWrap .newsListWrap li a .online{
		width: 50px;
		height: 12px;
		font-size: 10px;
		line-height: 1;
	}
	.wrap .webinarDisplayWrap .newsListWrap li a .category {
		font-size: 10px;
		width: 76px;
		line-height: 20px;
	}
	.wrap .displayDetailWrap .postContent .image{
		width: 100%;
		height: calc(100vw * 0.47);
		background-size: cover;
	}
	.wrap .displayDetailWrap .postContent .image .text{
		bottom: 20px;
    	left: 20px;
	}
	.wrap .displayDetailWrap .postContent .image .text h3{
		font-size: 12px;
		line-height: 12px;
	}
	.wrap .displayDetailWrap .postContent .image .text h2{
		font-size: 22px;
		line-height: 28px;
		margin-top: 4px;
	}
	.wrap .displayDetailWrap .postContent .textLine{
		margin-top: 20px;
		font-size: 10px;
		line-height: 18px;
	}
	.ecoManagementWrap{
		padding:40px 0 100px;
	}
	.esgEcoManagementWrap .numbering{
		margin-top: 60px;
	}
	
	/* esgCyber */
	.esgCyberWrap article{
		margin-top: 40px;
	}
	.esgCyberWrap article .graphWrap{
		margin-top: 20px;
	}
	.esgCyberWrap article .graphWrap .graphTitle{
		width: 97px;
	}
	.esgCyberWrap article .graphWrap .graphTitle li{
		font-size: 10px;
		line-height: 14px;
		padding: 10px;
		
	}
	.esgCyberWrap article .graphWrap .graph{
		width: calc(100% - 97px);
	}
	.esgCyberWrap article .graphWrap .graph li{
		font-size: 10px;
		line-height: 14px;
		padding: 10px;
		height: 49px;
		display:flex;
		align-items:center ;
	}
	.esgCyberWrap article .graphWrap .graph li.etc{
		height: 35px;
	}
	
	/* en table */
	.esgCyberWrap article .graphWrap.en.table .graphTitle li{
		word-break:break-all;
		
	}
	.esgCyberWrap article .graphWrap.cn.table .graphTitle li{
		word-break:break-all;
		
	}
	.esgCyberWrap article .graphWrap.en.table .graph li{
		height: 63px;
	}
	.esgCyberWrap article .graphWrap.en.table .graph li:nth-of-type(5){
		height: 91px;
	}
	.esgCyberWrap article .graphWrap.en.table .graph li:nth-of-type(6){
		height: 35px !important;
	}
	.esgCyberWrap article .graphWrap.en.table .graph li.height1{
		height: 63px;
	}
	
	.esgCyberWrap article h2{
		font-size: 20px;
		line-height: 28px;
	}
	.esgCyberWrap article p{
		font-size: 12px;
		line-height: 20px;
		margin-top: 20px;
	}
	.informationBanner{
		margin-top: 60px;
		height: 220px;
		padding: 0;
		display:flex;
		align-items:center;
		justify-content:center;
		padding-left: 20px;
		padding-right: 20px;
	}
	.informationBanner .flexWrap .left .image{
		width: 100px;
	}
	.informationBanner .flexWrap .right{
		margin-left: 20px;
		display: block;
	}
	.informationBanner .flexWrap .right .text h3{
		font-size: 14px;
		line-height: 14px;
	}
	.informationBanner .flexWrap .right .text p{
		margin-top: 8px;
		font-size: 12px;
		line-height: 16px;
		word-break:keep-all;
	}
	.informationBanner .flexWrap .right .btn{
		margin-left: 0px;
		margin-top: 10px;
		width: 108px;
		height: 30px;
	}
	.informationBanner .flexWrap .right .btn a{
		font-size: 12px;
		line-height: 14px;
	}
	
	/* ceoMsg */
	.wrap .ceoMsgWrap .positionWrap{
		position:static;
		height: auto !important;
		margin-top: 40px;
	}
	
    .wrap .ceoMsgWrap .positionWrap .left{
    	width: 100%;
    	position:static;
    }
    .wrap .ceoMsgWrap .positionWrap .right{
		position:static;
		width: calc(100% + 60px);
		height: auto !important;
		padding: 0;
		box-sizing:border-box;
		padding-top: 40px;
		margin-left: -30px;
		padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 40px;
	}
    .wrap .ceoMsgWrap .positionWrap .right .text{
    	right: 0;
    	position: static;
    	width: 100%;
    }
    .wrap .ceoMsgWrap .positionWrap .right .text h2{
    	margin-top: 20px;
    	font-size: 12px;
    	line-height: 20px;
    	font-weight: 900;
    }
    .wrap .ceoMsgWrap .positionWrap .right .text p{
    	word-break:keep-all;
    	font-size: 12px;
    	line-height: 20px;
    }
    .wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap{
    	margin-top: 20px;
    	width: 283px;
    }
    .wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap.ko{
    	width: 283px;
    }
    
    .wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap h4{
    	margin-left: 75%;
    	font-size: 12px;
    }
    .wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap .signiture .side{
    	font-size: 12px;
    	line-height: 12px;
    	margin-right: 10px;
    }
    .wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap .signiture .side.image{
    	width: 115px;
    	margin-right: 0;
    }
    .wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap .signiture .side.image img{
    	width: 100%;
    }
    .wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap h3{
    	font-size: 10px;
    	line-height: 12px;
    }
    .wrap .esgResourceWrap .resourceWrap .plan{
    	margin-top: 40px;
    }
    .wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap .signiture .side_image img {
        width: 115px;
        height:28px;
    }
    /* esgVision */
    
    .wrap .esgVisionWrap .articleBox{
    	margin-top: 40px;
    	padding-bottom: 100px;
    }
    .wrap .esgVisionWrap .articleBox h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .esgVisionWrap .articleBox p{
    	font-size: 12px;
    	line-height: 20px;
    	margin-top: 20px;
    }
    
    .wrap .esgVisionWrap .articleBox .image{
    	margin-top: 20px;
    }
    .wrap .esgVisionWrap .articleBox h3{
    	font-size: 20px;
    	line-height: 28px;
    	margin-top: 40px;
    }
    .wrap .esgVisionWrap .articleBox h4:nth-of-type(1){
    	margin-top: 20px;
    }
    .wrap .esgVisionWrap .articleBox h4{
    	margin-top: 40px;
    	word-break: keep-all;
    	font-size: 14px;
    	line-height: 20px;
    }
    /* esgCarbon */
    .wrap .esgCarbonWrap{
    	padding-bottom: 100px;
    }
    .wrap .esgCarbonWrap .carbonSection .image{
    	margin-top: 40px;
    }
    .wrap .esgCarbonWrap .carbonSection h4{
    	margin-top: 20px;
    	font-size: 14px;
    	line-height: 20px;
    	-ms-text-align-last: auto;
    	text-align: left;
    }
    .wrap .esgCarbonWrap .carbonSection .text{
    	margin-top: 40px;
    }
    .wrap .esgCarbonWrap .carbonSection .text h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .esgCarbonWrap .carbonSection .text p{
    	font-size: 12px;
    	line-height: 20px;
    	margin-top: 20px;
    	word-break:keep-all;
    }
    /* esgManagementPolicy */
    .wrap .esgManagementPolicyWrap .textHeader{
    	display: block;
    	margin-top: 40px;
    }
    .wrap .esgManagementPolicyWrap .textHeader .image{
    	margin-right: 0;
    	margin:0 auto;
    }
    .wrap .esgManagementPolicyWrap .textHeader .text{
    	font-size: 12px;
    	line-height: 20px;
    	margin-top: 20px;
    	width: 100%;
    	max-width: 300px;
    	margin:0 auto
    }
    .wrap .esgManagementPolicyWrap .tabMenuWrap{
    	margin-top: 0;
    }
    .wrap .tabMenuWrap .menuLine .tabMenu li{
    	font-size: 14px;
    	line-height: 16px;
    	padding: 9px 0;
    }
    .wrap .tabMenuWrap .menuLine .tabMenu li.on{
    	border-bottom: 2px solid #a50034;
    	font-weight:900;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap {
    	margin-top: 40px;
    	padding-bottom: 100px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay{
    	margin-top: 0;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .up{
    	margin-top: 20px;
    	height: auto;
    	padding:30px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .up .upContent{
    	display: block;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .up .image{
    	width: 60px;
    	margin:0 auto;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .up .text{
    	font-size: 12px;
    	line-height: 18px;
    	text-align: center;
    	width: 100%;
    	margin-top: 10px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .down{
    	display: block;
    	margin-top: 20px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .down .media{
    	display: block;
    	width: 100%;
    	height: auto;
    	padding:21px 30px;
    	box-sizing:border-box;
    	border-radius: 12px;
    	margin-top: 20px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .down .media:nth-of-type(1){
    	margin-top: 40px;
    }
    
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .down .media .in{
    	display:flex;
    	align-items:center;
    	margin-left: 25%;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .down .media .in .image{
    	width: 60px;
    	margin:unset;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .down .media .in .text{
    	margin-top: 0;
    	text-align: left;
    	margin-left: 10px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .down .media .in .text h3{
    	font-size: 10px;
    	line-height: 12px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .down .media .in .text h2{
    	font-size: 12px;
    	line-height: 18px;
    	margin-top: 4px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .down .media .in .text p{
    	font-size: 10px;
    	line-height: 14px;
    	margin-top: 8px;
    }
    
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .down .media .in .text p br{
  		display: none !important;
	}
	
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic{
    	margin-top: 40px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab{
    	margin-top: 20px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTableWrap{
    	overflow-x: auto;
    	width: 100%;
    	/* padding-left: 30px; */
    	box-sizing: border-box;
    	 -ms-overflow-style: none;
    } 
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTableWrap::-webkit-scrollbar{
    	display:none;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTableWrap .tabTitle{
    	width: calc(100% - 60px);
    	/* flex-wrap:nowrap; */
    	justify-content:flex-start;
    	flex-wrap:nowrap;
    	height: 26px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTitle li a{
    	font-size: 12px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTableWrap .tabTitle li:nth-of-type(1){
    	min-width:163px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTableWrap .tabTitle li:nth-of-type(2){
    	min-width:101px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTableWrap .tabTitle li:nth-of-type(3){
    	min-width:101px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTableWrap .tabTitle li:nth-of-type(4){
    	min-width:138px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTableWrap .tabTitle li:nth-of-type(5){
    	min-width:141px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTableWrap .tabTitle li:nth-of-type(6){
    	min-width:168px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .area{
    	margin-top: 20px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .area.area1{
    	margin-top: 20px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .area h2{
    	font-size: 16px;
    	line-height: 20px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .area h3{
    	font-size: 14px;
    	line-height: 20px;
    	margin-top: 20px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .area .textBox{
    	margin-top: 20px;
    	font-size: 12px;
    	line-height: 20px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .area .textBox h4{
    	font-size: 12px;
    	line-height: 20px;
    }
    /* esgManagementPolicy */
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .flexWrap .in .image{
    	margin-right: 23px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .flexWrap .in .text{
    	font-size: 17px;
    	line-height: 32px;
    	font-weight: 700;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap{
    	margin-top: 40px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap .graph li.list1{
    	padding:initial;
    	position:relative;
    	width: 148px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap .graph li.list1 span{
    	position: absolute;
    	top: 50%;
    	left: 50%;
    	transform: translate(-50%, -50%);
    	font-size: 10px;
    	line-height: 14px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap .graph li.list1.pd60{
    	padding: initial;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap .graph li.list1.pd36{
    	padding: initial;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap .graph li.list2{
    	width: calc(100% - 148px);
    	padding-left: 6px;
    	font-size: 10px;
    	line-height: 14px;
    	padding: 12px 8px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap .graph{
    	align-items:inherit;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .flexWrap .media .text.pdChange{
    	padding:40px 20px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .right .article .text p{
    	font-size: 16px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .flexWrap .media{
    	display:block;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .flexWrap .media .image{
    	width: 100%;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .flexWrap .media .image img{
    	width: 100%;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .flexWrap .media .text{
    	width: 100%;
    	box-sizing: border-box;
    	padding: 40px 20px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .flexWrap .media .text.pdChange{
    	width: 100%;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox{
    	display: block;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .left{
    	width: 100%;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .right{
    	width: 100%;
    	border-left: 1px solid #ddd;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .flexWrap{
    	height: auto;
    	padding:30px;
    	box-sizing: border-box;
    	margin-top: 20px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .flexWrap .in{
    	display: block;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .flexWrap .in .image{
    	width: 60px;
    	margin-right: 0;
    	margin:0 auto;
    	
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .flexWrap .in .text{
    	font-size: 12px;
    	line-height: 18px;
    	text-align: center;
    	margin-top: 20px;
    	word-break:keep-all;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal{
    	margin-top: 40px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg{
    	margin-top: 40px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .boxHeader{
    	margin-top: 20px;
    	padding: 30px 0;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .boxHeader .in{
    	display: block;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .boxHeader .in .image{
    	width: 60px;
    	margin: 0 auto;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .boxHeader .in h3{
    	font-size: 16px;
    	line-height: 18px;
    	text-align: center;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .flexWrap .media .text h3{
    	font-size: 14px;
    	line-height: 20px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .flexWrap .media .text p{
    	font-size: 12px;
    	line-height: 20px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .btn{
    	width: 250px;
    	height: 30px;
    	padding: 6px 8px;
    	border-radius: 6px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .btn a{
    	font-size: 12px;
    	line-height: 20px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .btn a img{
    	width: 12px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany{
    	margin-top: 40px;
    	
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany p{
    	font-size: 12px;
    	line-height: 20px;
    	margin-top: 20px;
    	word-break:keep-all;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox{
    	margin-top: 20px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .right .article .image{
    	width: 60px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .right .article .text h3{
    	font-size: 12px;
    	line-height: 12px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .right .article .text p{
    	font-size: 10px;
    	line-height: 14px;
    	margin-top: 10px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .right .article{
    	width: 100%;
    	position:static;
    	height: auto;
    	padding:20px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .right .article .text{
    	position:static;
    	display: flex;
    	padding-right: 0;
    	
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .right .article .text .textForm{
    	margin-left: 10px;
    	width: calc(100% - 100px);
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .right .article .text h3{
    	margin-top: 10px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .nowSystem .graphWrap .graph li.list1{
    	width: 95%;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .nowSystem .graphWrap .graph li{
    	width: 100%;
    	display: block;
    	position:relative;
    	font-size: 10px;
    	line-height: 14px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .nowSystem .graphWrap .graph li span{
    	position: absolute;
    	top: 50%;
    	left: 50%;
    	transform: translate(-50%, -50%);
    	font-size: 10px;
    	line-height: 14px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .nowSystem .graphWrap .graph li .sub li{
    	font-size: 10px;
    	line-height: 14px;
    	height: 30px;
    	padding: 5px 0;
    	box-sizing: border-box;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .safeManagement{
    	margin-top: 0;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .safeManagement h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .safeManagement .boxHeader{
    	margin-top: 20px;
    	padding: 30px 30px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .safeManagement .boxHeader .in{
    	display: block;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .safeManagement .boxHeader .in .image{
    	width: 60px;
    	margin-right: 0;
    	margin:0 auto;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .safeManagement .boxHeader .in h3{
    	font-size: 12px;
    	line-height: 18px;
    	text-align: center;
    	margin-top: 10px;
    	font-weight: 700;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .energy{
    	margin-top: 40px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .energy h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .energy h3{
    	margin-top: 20px;
    	font-size: 14px;
    	line-height: 20px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .energy ul li{
    	font-size: 12px;
    	line-height: 20px;
    	width: auto;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .visionAim{
    	margin-top: 40px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .visionAim h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .visionAim .flexWrap{
    	margin-top: 20px;
    	display: block;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .visionAim .flexWrap .media{
    	width: 100%;
    	display: flex;
    	height: auto;
    	padding-top: 0;
    	border-radius:12px;
    	padding: 30px 0;
    	margin-top: 20px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .visionAim .flexWrap .media:nth-of-type(1){
    	margin-top: 0;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .visionAim .flexWrap .media .image{
    	width: 60px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .visionAim .flexWrap .media .text{
    	width: calc(100% - 120px);
    	text-align: left;
    	margin-top: 0;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .visionAim .flexWrap .media .text h3{
    	font-size: 12px;
    	line-height: 12px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .visionAim .flexWrap .media .text p{
    	font-size: 10px;
    	line-height: 14px;
    	margin-top: 8px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .flexAround{
    	margin-top: 20px;
    	flex-wrap:wrap;
    	padding: 20px 0;
    	gap:20px;
    	flex-wrap:wrap;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .flexAround .contentMedia{
    	width: calc(50% - 30px);
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .flexAround .contentMedia .image{
    	width: 60px;
    	margin:0 auto;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .visionAim h2{
    	font-size: 14px;
    	line-height: 20px;
    	text-align: center;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .system{
    	margin-top: 40px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .system h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .system p{
    	margin-top: 20px;
    	font-size: 12px;
    	line-height: 20px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .nowSystem{
    	margin-top: 40px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .nowSystem h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .nowSystem .graphWrap{
    	margin-top: 20px;
    }
    
    /* esgResource */
    .wrap .esgResourceWrap .resourceWrap article{
    	margin-top: 40px;
    }
    .wrap .esgResourceWrap .resourceWrap article h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .esgResourceWrap .resourceWrap article p{
    	font-size: 12px;
    	line-height: 20px;
    	margin-top: 20px;
    }
    .wrap .esgResourceWrap .resourceWrap article .image{
    	margin-top: 20px;
    }
    .wrap .esgResourceWrap .resourceWrap article .gr{
    	font-size: 10px;
    	line-height: 14px;
    }
    .wrap .esgResourceWrap{
    	padding-bottom: 100px;
    }
    .wrap .esgResourceWrap .resourceWrap article .graphWrap{
    	margin-top: 20px;
    }
    .wrap .esgResourceWrap .resourceWrap article .graphWrap .graph li{
    	font-size: 10px;
    	line-height: 14px;
    	padding: 12px 0;
    }	
    .wrap .esgResourceWrap .resourceWrap article .graphWrap .graph li.lh28{
    	height: 53px;
    	box-sizing: border-box;
    	position:relative;
    }
    .wrap .esgResourceWrap .resourceWrap article .graphWrap .graph li.lh28 span{
    	position: absolute;
    	top: 50%;
    	left: 50%;
    	transform: translate(-50%,-50%);
    }
    .wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li{
    	font-size: 10px;
    	line-height: 14px;
    	
    }
    .wrap .esgResourceWrap .resourceWrap article .graphWrap .graph li.list2{
    	line-height: 28px;
    }
    .wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.graph2 .list2 .sub li.li1{
    	line-height: 14px;
    	position:relative;
    	height: 62px;
    }
    .wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.graph2 .list2 .sub li.li1 span{
    	position: absolute;
    	top: 50%;
    	left: 53%;
    	transform: translate(-50%,-50%);
    	width: 100%;
    }
    .wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.graph2 .list2 .sub li.li2{
    	line-height: 14px;
    	position:relative;
    	height: 62px;
    }
    .wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.graph2 .list2 .sub li.li2 span{
    	position: absolute;
    	top: 50%;
    	left: 53%;
    	transform: translate(-50%,-50%);
    	width: 100%;
    }
    .wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.graph2 .list2 .sub li{
    	
    	padding: 0;
    }
    .wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2{
    	line-height: 14px!important;
    	height: 130px !important;
    	position:relative;
    }
    .wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2 span{
    	position: absolute;
    	top: 50%;
    	left: 53%;
    	transform: translate(-50%,-50%);
    	width: 100%;
    }
   	.wrap .esgResourceWrap .resourceWrap .plan .graphWrap.graphWrap2 .graphTitle .list2{
   		line-height: 14px;
   		word-break: keep-all;
   		height: 130px;
   	}
   	.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2 .sub li.li1{
   		position:relative;
   		height: 62px !important;
   		line-height: 14px !important;
   	}
   	.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2 .sub li.li1 span{
   		position: absolute;
    	top: 50%;
    	left: 50%;
    	transform: translate(-50%,-50%);
   	}
   	.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2 .sub li.li2{
   		position:relative;
   		height: 62px !important;
   		line-height: 14px !important;
   	}
   	.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2 .sub li.li2 span{
   		position: absolute;
    	top: 50%;
    	left: 50%;
    	transform: translate(-50%,-50%);
   	}
   	.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list1{
   		padding: 12px 0;
   	}
   	/* esgEnvironment */
   	.wrap .esgEnvironmentWrap .environmentWrap{
   		margin-top: 40px;
   		padding-bottom: 100px;
   	} 		
   	.wrap .esgEnvironmentWrap .environmentWrap article {
   		/* margin-top: 40px; */
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article h2{
   		font-size: 20px;
   		line-height: 28px;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article h2.mt100{
   		margin-top: 40px !important;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article p{
   		font-size: 12px;
   		line-height: 20px;
   		margin-top: 20px;
   		word-break:keep-all;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .gr{
   		font-size: 10px;
   		line-height: 14px;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .red{
   		width: 8px;
   		height: 8px;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .blank{
   		width: 8px;
   		height: 8px;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .graphTitleBtn{
   		width: 274px;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .graphTitleBtn li a{
   		font-size: 12px;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap{
   		margin:0 auto;
   		margin-top: 20px;
   		width: 500px !important;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph.graphTitle li{
   		font-size: 10px;
   		line-height: 14px;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li{
   		font-size: 10px;
   		line-height: 14px;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con3 h3{
   		font-size: 10px;
   		line-height: 40px;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con4 h3{
   		font-size: 10px;
   		line-height: 40px;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con5.con5Line h4{
   		font-size: 10px;
   		line-height: 40px;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con3 .lh64{
   		line-height: 40px;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con4 .lh64{
   		line-height: 40px;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con4 .sticker{
   		font-size: 10px;
   		line-height: 14px;
   		width: 48px;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph.graphTitle{
   		height: 78px;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph.graphTitle li h3{
   		line-height: 40px;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph.graphTitle li .sub{
   		line-height: 40px;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con1{
   		width: 16%;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con2{
   		width: 35%;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph.graphTitle li .sub .list{
   		width: 88px;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con3{
   		width: 10%;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con4{
   		width: 10%;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con5{
   		width: 20%;
   	}
   	
   	/* esgPride */
   	.wrap .esgPrideWrap{
   		padding-bottom: 100px;
   	}
   	.wrap .esgPrideWrap .prideWrap{
   		margin-top: 40px;
   	}
   	.wrap .esgPrideWrap .prideWrap h2{
   		font-size: 20px;
   		line-height: 28px;
   	}
   	.wrap .esgPrideWrap .prideWrap p{
   		font-size: 12px;
   		line-height: 20px;
   		margin-top: 20px;
   	}
	.wrap .esgPrideWrap .prideWrap .pride{
		flex-wrap:wrap;
	}
	.wrap .esgPrideWrap .prideWrap .pride .side{
		width: 100%;
	}
	.wrap .esgPrideWrap .prideWrap .pride .side.mt{
		margin-top: 40px;
	}
	.wrap .esgPrideWrap .prideWrap .pride .side .flexWrap .left{
		width: 20px;
		height: 20px;
		font-size: 12px;
	}
	.wrap .esgPrideWrap .prideWrap .pride .side .flexWrap .right{
		margin-top: 4px;
		margin-left: 8px;
		width: calc(100% - 30px);
	}
	.wrap .esgPrideWrap .prideWrap .pride .side .flexWrap .right h3{
		font-size: 12px;
		line-height: 13px;
	}
	.wrap .esgPrideWrap .prideWrap .pride .side .flexWrap .right .text{
		font-size: 10px;
		line-height: 14px;
		margin-top: 10px;
	}
	/* esgSafe */
	.wrap .esgSafeWrap .safeWrap article .row{
		display: flex;
		padding: 20px 0px;
	}

	.wrap .esgSafeWrap .safeWrap article .row .txtBox{
	 	float: left;
 	 	padding: 15px;
 	 	height: 105px;
	}

	.wrap .esgSafeWrap .safeWrap article .row .txtBox.bdbtX{
		 float: left;
	 	 padding: 25px 30px 30px 15px;
	 	 height: 105px;
	}  
	
	.wrap .esgSafeWrap .safeWrap article .row .txtBox.left {
	 	 width: 29%;
	  	 height: 105px;
	  	 padding: 18px 85px 18px 85px;
	 	 border: solid 1px #ddd;
	  	 text-align: center;
	  	 box-sizing: border-box;
	  	 background-color: #f5f5f5;
	}
	
	.wrap .esgSafeWrap .safeWrap article .row .txtBox.left.en {
	 	 width: 29%;
	  	 height: 94px;
	  	 padding: 10px 10px 10px 10px;
	 	 border: solid 1px #ddd;
	  	 text-align: center;
	  	 box-sizing: border-box;
	  	 background-color: #f5f5f5;
	}
	
	.wrap .esgSafeWrap .safeWrap article .row .txtBox.right {
	 	 width: 74%;
	 	 margin-left: 25px;
	  	 border-top: 1px solid #ddd;
	  	 border-bottom: 1px solid #ddd;
	  	 box-sizing: border-box;
	  	 background-color: #fff; 	 
	}
	
	
	
	
	.wrap .esgSafeWrap .safeWrap article .row .txtBox h3.title-txt{
	  	 font-size: 12px;
		 font-weight: 900;
	  	 width: 90%;
	     line-height: 1.67;
		 word-break: keep-all;
		 margin: 15% 10% 10% 6%;
	     letter-spacing: 2px;
	     
	}
	
	.wrap .esgSafeWrap .safeWrap article .row .txtBox.bdbtX.en {
    	float: left;
    	padding: 10px;
    	height: 115px;
	}
	
	.wrap .esgSafeWrap .safeWrap article .row .txtBox.en h3.title-txt {
    	font-size: 12px;
    	font-weight: 900;
    	width: 100%;
    	line-height: 1.67;
    	word-break: keep-all;
    	margin: 7% 0% 5% 0%;
    	letter-spacing: 2px;
	}
	
	.wrap .esgSafeWrap .safeWrap article .row .txtBox.bdbtX.left.en h3.title-txt {
	    font-size: 12px;
	    font-weight: 900;
	    width: 100%;
	    line-height: 1.67;
	    word-break: keep-all;
	    margin: 10% 10% 10% 0%;
	    letter-spacing: 2px;
	}
	
	.wrap .esgSafeWrap .safeWrap article .row .txtBox.bdbtX.left.en {
	   width: 29%;
	   height: 118px;
	   padding: 15px 15px 15px 15px;
	   border: solid 1px #ddd;
	   text-align: center;
	   box-sizing: border-box;
	   background-color: #f5f5f5;
}
	
	.wrap .esgSafeWrap .safeWrap article .row .txtBox .flexWrap span{
		font-size: 12px;
		line-height: 24px;
	  	letter-spacing: -0.2px;
	  	color: #666;
	}

	.wrap .esgSafeWrap .safeWrap article{
		margin-top: 40px;
	}
	.wrap .esgSafeWrap .safeWrap article h2{
		font-size: 20px;
		line-height: 28px;
	}
	.wrap .esgSafeWrap .safeWrap article p{
		font-size: 12px;
		line-height: 20px;
		margin-top: 20px;
	}
	.wrap .esgSafeWrap .safeWrap article .tag{
		margin-top: 20px;
		padding: 30px 0;
	}
	.wrap .esgSafeWrap .safeWrap article .tag h3{
		font-size: 14px;
		line-height: 20px;
	}
	.wrap .esgSafeWrap .safeWrap article .tag p{
		font-size: 12px;
		line-height: 20px;
		margin-top: 10px;
	}
	.wrap .esgSafeWrap .safeWrap .media .flexWrap{
		flex-wrap:wrap;
		gap:20px;
		margin-top: 17px;
	}
	.wrap .esgSafeWrap .safeWrap .media .flexWrap .box{
		width: calc(50% - 20px);
	}
	.wrap .esgSafeWrap .safeWrap .media .flexWrap .box .image{
		width: 100%;
		height: 50px;
		border-radius: 8px;
	}
	.wrap .esgSafeWrap .safeWrap .media .flexWrap .box p{
		margin-top: 20px;
		font-size: 12px;
		line-height: 18px;
	}
	.wrap .esgSafeWrap .safeWrap .media .flexWrap .box .image span{
		font-size: 14px;
	}
	.wrap .esgSafeWrap .safeWrap .media h2{
		font-size: 20px;
		line-height: 28px;
	}
	.wrap .esgSafeWrap .safeWrap article .textBox{
		margin-top: 20px;
		padding: 30px 20px;
	}
	.wrap .esgSafeWrap .safeWrap article .textBox h3{
		font-size: 14px;
		line-height: 20px;
	}
	.wrap .esgSafeWrap .safeWrap article .textBox .box{
		margin-top: 20px;
	}
	.wrap .esgSafeWrap .safeWrap article .textBox .box .flexWrap{
		font-size: 12px;
		line-height: 20px;
	}
	.wrap .esgSafeWrap{
		padding-bottom: 100px;
	}
	/* esgSupply */
	.wrap .esgSupplyWrap .supplyWrap h2{
		font-size: 20px;
		line-height: 28px;
		margin-top: 40px;
	}
	.wrap .esgSupplyWrap .supplyWrap p{
		font-size: 12px;
		line-height: 20px;
		margin-top: 20px;
	}
	.wrap .esgSupplyWrap .supplyWrap .supplyArtSubHeader h2{
		font-size: 16px;
		line-height: 22px;
		margin-top: 36px;
	}
	.wrap .esgSupplyWrap .supplyWrap .image{
		margin-top: 20px;
	}
	.wrap .esgSupplyWrap .supplyWrap .downloadBtn{
		width: auto;
		height: 44px;
		font-size: 12px;
		line-height: 14px;
		margin-top: 20px;
		min-width: 246px;
    	max-width: 620px;
	}
	.wrap .esgSupplyWrap .supplyWrap .artHeader{
		display: block;
	}
	.gr{
		font-size: 10px;
		line-height: 14px;
	}
	.gr.mt40{
		margin-top: 20px;
	}
	.supplyArtHeader .gr{
		width: 72px;
		margin-left: auto;
		margin-top: 10px;
	}
	.wrap .esgSupplyWrap .supplyWrap .graphWrap .graph li{
		font-size: 10px;
		line-height: 14px;
		padding: 12px 0;
	}
	.wrap .esgSupplyWrap{
		padding-bottom: 100px;
	}
	/* esgContribution */
	.mobSegment{
		display:block;
		margin-top: 18px;
		font-size: 12px;
		line-height: 20px;
	}
	.wrap .esgContributionWrap .contributionWrap article .program .flexWrap .media .text .segment{
		display: none;
	}
	.wrap .esgContributionWrap .contributionWrap article h2{
		font-size: 20px;
		line-height: 28px;
		margin-top: 40px;
	}
	.wrap .esgContributionWrap .contributionWrap article p{
		font-size: 12px;
		line-height: 20px;
		margin-top: 20px;
	}
	.wrap .esgContributionWrap .contributionWrap article .image{
		margin-top: 20px;
	}
	.wrap .esgContributionWrap .contributionWrap article .vod{
		margin-top: 20px;
	}
	.wrap .esgContributionWrap .contributionWrap article h3{
		font-size: 14px;
		margin-top: 20px;
		line-height: 20px;
	}
	.wrap .esgContributionWrap .contributionWrap article .program .flexWrap .media{
		margin-top: 20px;
	}
	.wrap .esgContributionWrap .contributionWrap article .program .flexWrap .media .picture{
		width: 142px;
	}
	.wrap .esgContributionWrap .contributionWrap article .program .flexWrap .media .text{
		width: calc(100% - 142px);
		position:relative
	}
	.wrap .esgContributionWrap .contributionWrap article .program .flexWrap .media .text h4{
		font-size: 16px;
		line-height: 24px;
		position:absolute;
		bottom: 10px;
		left: 16px;
	}
	.wrap .esgContributionWrap .contributionWrap article h3.mt80{
		margin-top: 60px;
	}
	.wrap .esgContributionWrap{
		padding-bottom: 100px;
	}
	/* esgGovernance */
	.esgGovernanceWrap article{
		margin-top: 40px;
	}
	.esgGovernanceWrap article h2{
		font-size: 20px;
		line-height: 28px;
	}
	.esgGovernanceWrap article h3{
		font-size: 14px;
		line-height: 20px;
		margin-top: 20px;
	}
	.esgGovernanceWrap article p{
		font-size: 12px;
		line-height: 20px;
		margin-top: 20px;
	}
    .esgGovernanceWrap article p.desc {
        margin-top: 10px;
    }
    .esgGovernanceWrap .downloadWrap .pdfDownload {
        gap: 6px;
        padding: 8px 12px;
        margin-top: 10px;
    }
    .esgGovernanceWrap .downloadWrap .pdfDownload span {
        font-size: 12px;
        line-height:1.17;
    }
    .esgGovernanceWrap .downloadWrap .pdfDownload img {
        width: 12px;
        height: 12px;
    }
	.esgGovernanceWrap article .gr{
		font-size: 10px;
		line-height: 14px;
	}
	.esgGovernanceWrap{
		padding-bottom: 100px;
	}
	.esgGovernanceWrap article .text{
		align-items:flex-start;
	}
	.esgGovernanceWrap article .text .left{
		font-size: 12px;
		line-height: 20px;
		width: 25px;
		margin-right: 10px;
	}
	.esgGovernanceWrap article .text .right{
		font-size: 12px;
		line-height: 20px;
		width: calc(100% - 45px);
	}
	.esgGovernanceWrap article .text .left.w128{
		width: 49px;
	}
	.esgGovernanceWrap article .text .left.w136{
		width: 49px;
	}
	.esgGovernanceWrap article .text .center{
		width: 1px;
		margin-top: 4px;
		height: 10px;
		margin-right: 10px;
	}
	.esgGovernanceWrap article .textBox .right .article .text p{
    	font-size: 16px;
    }
	.esgGovernanceWrap article .textBox{
    	display: block;
    }
    .esgGovernanceWrap article .textBox .left{
    	width: 100%;
    }
    .esgGovernanceWrap article .textBox .right{
    	width: 100%;
    	border-left: 1px solid #ddd;
    }

	.esgGovernanceWrap article .textBox{
    	margin-top: 20px;
    }
    .esgGovernanceWrap article .textBox .right .article .image{
    	width: 60px;
    }
    .esgGovernanceWrap article .textBox .right .article .text h3{
    	font-size: 12px;
    	line-height: 12px;
    }
    .esgGovernanceWrap article .textBox .right .article .text p{
    	font-size: 10px;
    	line-height: 14px;
    	margin-top: 10px;
    }
    .esgGovernanceWrap article .textBox .right .article{
    	width: 100%;
    	position:static;
    	height: auto;
    	padding:30px;
    }
    .esgGovernanceWrap article .textBox .right .article .text{
    	position:static;
    	display: block;
    	padding-right: 0;
    	margin-top: 0;
    	text-align: center;
    }
    .esgGovernanceWrap article .textBox .right .article .text .textForm{
    	width: 100%;
    }
    .esgGovernanceWrap article .textBox .right .article .text h3{
    	margin-top: 10px;
    }
    .esgGovernanceWrap article .consultSubTitle{
    	margin-top: 60px;
    	padding-bottom: 10px;
    }
    .esgGovernanceWrap article .consultSubTitle h2{
    	font-size: 20px;
    	line-height: 22px;
    }
    .esgGovernanceWrap article .inputSection .inputWrap{
    	border: 1px solid #666;
    	height: 44px;
    	padding: 0 14px;
    	margin-top: 20px;
    }
    .esgGovernanceWrap article .inputSection .inputWrap input{
    	font-size: 14px;
    	line-height: 16px;
        padding: 0;
    }
    .esgGovernanceWrap article .inputSection .inputWrap input::placeholder{
    	font-size: 14px;
    	line-height: 16px;
    }
    .esgGovernanceWrap article .consultContent{
    	margin-top: 20px;
    }
    .esgGovernanceWrap article .consultContent .inputWrap{
    	margin-top: 0;
    	border: 1px solid #666;
    	height: 44px;
    	padding: 0 14px;
    }
    .esgGovernanceWrap article .consultContent .inputWrap input{
    	font-size: 14px;
    	line-height: 16px;
        padding: 0;
    }
    .esgGovernanceWrap article .consultContent .inputWrap input::placeholder{
    	font-size: 14px;
    	line-height: 16px;
    }
    .esgGovernanceWrap article .consultContent .textArea textarea{
    	padding: 14px;
    	font-size: 14px;
    	line-height: 16px;
    }
    .esgGovernanceWrap article .consultContent .textArea textarea::placeholder{
    	font-size: 14px;
    	line-height: 16px;
    }
    .esgGovernanceWrap article .consultContent .textArea{
    	height: 140px;
    }
    .esgGovernanceWrap article .consultContent .accept .acceptBox{
    	padding: 14px;
    	height: 140px;
    	overflow: auto;
    }
    .esgGovernanceWrap article .consultContent .accept .acceptBox .sub {
        font-size: 12px;
        line-height: 20px;
    }
    .esgGovernanceWrap article .consultContent .accept .acceptBox h2{
    	font-size: 14px;
    	line-height: 16px;
    }
    .esgGovernanceWrap article .consultContent .accept .acceptBox p {
        font-size:12px;
        line-height:20px;
    }
    .esgGovernanceWrap article .consultContent .accept .acceptBox p:first-child + h2 {
        margin-top: 20px;
    }
    .esgGovernanceWrap article .consultContent .accept .acceptBox ul li{
    	font-size: 12px;
    	line-height: 20px;
    }
    .esgGovernanceWrap article .consultContent .accept .acceptBox p {
        font-size: 12px;
        line-height: 20px;
    }
    .esgGovernanceWrap article .consultContent .accept .acceptBox p:first-child + h2 {
        margin-top: 20px !important;
    }
    .esgGovernanceWrap article .consultContent .accept .acceptCheck .checkBox .textBox{
    	margin-top: 0;
    	font-size: 16px;
    	border-top: 0;
    }
    .esgGovernanceWrap article .consultContent .accept .acceptCheck .checkBox .imgWrap{
    	margin-right: 8px;
    	width: 26px;
    }
    .esgGovernanceWrap article .subBtn{
    	width: 100%;
    	height: 60px;
    	border-radius: 8px;
    }
    .esgGovernanceWrap article .subBtn a{
    	font-size: 18px;
    	line-height: 20px;
    }

    /* esgShareholder */
    .wrap .esgShareholderWrap .shareholderWrap article{
    	margin-top: 40px;
        width: 100%;
    }
    .wrap .esgShareholderWrap .shareholderWrap article h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .esgShareholderWrap .shareholderWrap article p{
    	font-size: 12px;
    	line-height: 20px;
    	margin-top: 20px;
    	width: 325px;
    }
    .wrap .esgShareholderWrap .shareholderWrap article .image{
    	margin-top: 20px;
    }
    .wrap .esgShareholderWrap .shareholderWrap .graphWrap .graph li.list1{
    	font-size: 10px;
    	line-height: 14px;
    	padding: 12px 0;
    }
    .wrap .esgShareholderWrap .shareholderWrap .graphWrap .graph li.list2{
    	font-size: 10px;
    	line-height: 14px;
    	padding: 12px 0;
    }
    .wrap .esgShareholderWrap .shareholderWrap .graphWrap .graph li.list2-2{
    	padding: 19px 0;
    }
    .wrap .esgShareholderWrap .shareholderWrap .graphWrap .graph.graphTitle li{
    	font-size: 10px;
    	line-height: 14px;
    	padding: 12px 0;
    }
    .wrap .esgShareholderWrap .shareholderWrap .graphWrap .graph.graphTitle li:nth-child(3){
    	font-size: 10px;
    	line-height: 14px;
    	padding: 12px 0;
    }
    .wrap .esgShareholderWrap .shareholderWrap .graphWrap .graph.graphTitle li span{
    	display: block;
    	width: 54px;
    	word-break: keep-all;
    	margin: 0 auto;
    }
    .image.mt100{
    	margin-top: 40px !important;
    }
    .wrap .esgShareholderWrap{
    	padding-bottom: 100px;
    }
    /* esgRiskManagement */
    .wrap .riskManagementWrap .managementWrap article{
    	margin-top: 40px;
    }
    .wrap .riskManagementWrap .managementWrap article h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .riskManagementWrap .managementWrap article h3{
    	font-size: 14px;
    	line-height: 20px;
    	margin-top: 20px;
    }
    .wrap .riskManagementWrap .managementWrap article p{
    	font-size: 12px;
    	line-height: 20px;
    	margin-top: 20px;
    }
    .wrap .riskManagementWrap .managementWrap article .image{
    	margin-top: 20px;
    }
    .wrap .riskManagementWrap{
    	padding-bottom: 100px;
    }
    /* esgFactBook */
    .esgFactBookWrap .factBookWrap .flexWrap{
    	display: block;
    	margin-top: 40px;
    }
    .esgFactBookWrap .factBookWrap .flexWrap .right{
    	width: 100%;
    }
    .esgFactBookWrap .factBookWrap .flexWrap .right h3{
    	font-size: 14px;
    	line-height: 20px;
    	margin-top: 40px;
    }
    .esgFactBookWrap .factBookWrap .flexWrap .right p{
    	font-size: 12px;
    	line-height: 20px;
    	margin-top: 20px;
    }
    .esgFactBookWrap .factBookWrap .flexWrap .right .btnArea{
    	margin-top: 20px;
    	width: 226px;
    }
    .esgFactBookWrap .factBookWrap .flexWrap .right .btnArea .btn{
    	width: calc(50% - 5px);
    	height: 30px;
    	border-radius: 6px;
    }
    .esgFactBookWrap .factBookWrap .flexWrap .right .btnArea .btn a{
    	font-size: 12px;
    	line-height: 24px;
    }
    
    .esgFactBookWrap .factBookWrap .flexWrap .right .btnArea .btn img{
    	width: 12px;
    	margin-left: 6px;
    }
    .esgFactBookWrap .factBookWrap .slideWrap{
    	margin-top: 40px;
    }
    .esgFactBookWrap .factBookWrap .slideWrap .up{
    	padding-bottom: 10px;
    }
    
    .esgFactBookWrap .factBookWrap .slideWrap .up h3{
    	font-size: 20px;
    	line-height: 28px;
    }
    .esgFactBookWrap .factBookWrap .slideWrap .up .arrow{
    	margin-right: 0;
    }
    .esgFactBookWrap .factBookWrap .slideWrap .down .slideContent{
    	display: block;
    	padding: 22px 0;
    }
    .esgFactBookWrap .factBookWrap .slideWrap .down .slideContent .left{
    	font-size: 14px;
    	line-height: 20px;
    }
    .esgFactBookWrap .factBookWrap .slideWrap .down .slideContent .right .btnArea{
    	width: 100%;
    	margin-top: 10px;
    }
    .esgFactBookWrap .factBookWrap .slideWrap .down .slideContent .right .btnArea .btn{
    	width: calc(50% - 8px);
    	height: 44px;
    	padding: 9px 20px;
    }
    .esgFactBookWrap .factBookWrap .slideWrap .down .slideContent .right .btnArea .btn a{
    	font-size: 12px;
    	line-height: 14px;
    }
    .esgFactBookWrap .factBookWrap .slideWrap .down .slideContent .right .btnArea .btn a img{
    	width: 26px;
    }
    .esgFactBookWrap .factBookWrap .flexWrap .left{
    	width: 100%;
        margin-bottom: 40px;
    }
    .esgFactBookWrap .factBookWrap .flexWrap .left .image{
    	width: 100%;
    }
    .esgFactBookWrap .factBookWrap .flexWrap .left .image img{
    	width: 100%;
    }
    .esgFactBookWrap{
    	padding-bottom: 100px;
    }
    /* esgEvaluation */
    .esgEvaluationWrap .evaluationWrap{
    	margin-top: 0;
    	padding-bottom: 100px;
    }
    .esgEvaluationWrap .evaluationWrap article{
    	margin-top: 40px;
    }
    .esgEvaluationWrap .evaluationWrap article .image.bdImg{
    	padding: 20px;
    	box-sizing: border-box;
    }
    .esgEvaluationWrap .evaluationWrap article .image.bdImg .imgWrap{
    	width: 260px;
    }
    .esgEvaluationWrap .evaluationWrap article .image{
    	margin-top: 20px;
    }
    .esgEvaluationWrap .evaluationWrap article h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .esgEvaluationWrap .evaluationWrap article .graphWrap{
    	margin-top: 20px;
    }
    .esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap{
    	margin-top: 20px;
    }
    .esgEvaluationWrap .evaluationWrap article .graphWrap .graph.graphTitle li{
    	font-size: 10px;
    	line-height: 12px;
    	padding: 9px 0;
    }
    .esgEvaluationWrap .evaluationWrap article .graphWrap .graph li{
    	font-size: 10px;
    	line-height: 38px;
    }
    .esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list1{
    	line-height: 10px;
    }
    .esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph li{
    	font-size: 10px;
    	line-height: 12px;
    	padding: 7px 0;
    }
    .esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph li .sub li.lh92{
    	line-height: 12px;
    	position:relative;
    }
    .esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph li .sub li.lh92 span{
    	position: absolute;
    	top:50%;
    	left:50%;
    	transform:translate(-50%,50%);
    }
    .esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph li .sub li.lh92{
    	padding: 7px 0;
    }
    /* awards.jsp */
    .wrap .awardsWrap .tabMenuWrap .menuLine .tabMenu li{
    	font-size: 14px;
    	line-height: 16px;
    	padding: 9px 0;
    }
    .wrap .awardsWrap .tabMenuWrap .menuLine .tabMenu li.on{
    	border-bottom: 2px solid #a50034;
    	
    }
    .wrap .awardsWrap .tabMenuWrap .content{
    	padding: 50px 0 100px;
    }
    .wrap .awardsWrap .tabMenuWrap .content .historyTab li{
    	font-size: 12px;
    	line-height: 12px;
    }
    .wrap .awardsWrap .tabMenuWrap .content .line{
    	padding-bottom: 12px;
    }
    .wrap .awardsWrap .tabMenuWrap .content .historyTab li.act::after{
    	bottom: -16px;
    	width: 6px;
    	height: 6px;
    }
    .wrap .awardsWrap .tabMenuWrap .content .historyContent h2{
    	font-size: 26px;
    }
    .wrap .awardsWrap .tabMenuWrap .content .historyContent .graphArea{
    	margin-top: 40px;
    }
    .wrap .awardsWrap .tabMenuWrap .content .historyContent .graph .year{
    	width: 29px;
    }
    .wrap .awardsWrap .tabMenuWrap .content .historyContent .graph .side{
    	width: 100%;
    }
    .wrap .awardsWrap .tabMenuWrap .content .historyContent .graph .side .sub{
    	margin-top: 23px;
    }
    .wrap .awardsWrap .tabMenuWrap .content .historyContent .graph .side .sub:first-of-type{
    	margin-top: 0;
    }
    .wrap .awardsWrap .tabMenuWrap .content .historyContent .graph .side .sub .left{
    	padding-left: 27px;
    	font-size: 12px;
    	line-height: 18px;
    }
    .wrap .awardsWrap .tabMenuWrap .content .historyContent .graph .side .sub .right{
    	font-size: 12px;
    	padding-left: 13px;
    	line-height: 18px;
    	word-break:keep-all;
    }
    .wrap .awardsWrap .tabMenuWrap .content .historyContent h2:first-of-type{
    	margin-top: 0;
    }
    .wrap .awardsWrap .tabMenuWrap .content .historyContent h2{
    	margin-top: 40px;
    }
    .wrap .awardsWrap .tabMenuWrap .content2 .historyTab li{
    	width: 50%;
    }
    /* vision */
    .wrap .visionWrap .textIntro .flexWrap{
    	display: block;
    }
    .wrap .visionWrap .textIntro .flexWrap .left{
    	width: 100%;
    }
    .wrap .visionWrap .textIntro .flexWrap .right{
    	width: 100%;
    	margin-left: 0;
    	margin-top: 40px;
    }
    .wrap .visionWrap .flexAreaWrap .flexArea{
    	display: block;
    	gap:0;
    	width: 100%;
    	max-width: 300px;
    	margin: 0 auto;
	}
    
    .wrap .visionWrap .flexAreaWrap .flexArea .mediaWrap{
    	width: 100%;
    	display: flex;
    	height: 100px;
    	align-items:center;
    	box-sizing:border-box;
    	padding: 20px 30px;
    }
    .wrap .visionWrap .flexAreaWrap .flexArea .mediaWrap .media h3{
    	width: calc(100% - 70px);
    	font-size: 12px;
    	line-height: 12px;
    	margin-left: 10px;
    }
    .wrap .visionWrap .textIntro{
    	margin-top: 40px;
    }
    .wrap .visionWrap .textIntro h4{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .visionWrap .textIntro p{
    	font-size: 12px;
    	line-height: 20px;
    	word-break:keep-all;
    }
    .wrap .visionWrap .textIntro p.mt40{
    	margin-top: 20px;
    }
    .wrap .visionWrap .textIntro.culture{
    	margin-top: 40px;
    }
    .wrap .visionWrap .textIntro h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .visionWrap .flexAreaWrap{
    	margin-top: 40px;
    }
    .wrap .visionWrap .flexAreaWrap .flexArea .mediaWrap .media .image{
    	width: 60px;
    }
    .wrap .visionWrap .prideWrap{
    	padding: 40px 0 100px;
    }
    .wrap .visionWrap2 .flexAreaWrap .flexArea .mediaWrap{
    	border-radius: 12px;
    	margin-top: 20px;
    }
    .wrap .visionWrap2 .flexAreaWrap .flexArea .mediaWrap:first-of-type{
    	margin-top: 0;
    }
    /*비전 통합 */
    .wrap .visionWrap2 .tabMenuWrap.visionTabMenu {margin-bottom:40px;}
    .wrap .visionWrap2 .visionTabWrap,
    .wrap .visionWrap2 .brandTabWrap,
    .wrap .visionWrap2 .viTabWrap{
        margin-bottom:100px;
    }
    /*.wrap .visionWrap2 .content {*/
    /*    text-align:center;*/
    /*}*/
    .wrap .visionWrap2 .content .titleWrap .sub {
        font-size: 14px;
        line-height: 24px;
    }
    .wrap .visionWrap2 .content .titleWrap .desc {
        font-size:12px;
        line-height: 22px;
    }
    .wrap .visionWrap2 .content .contentWrap {
        margin-top: 60px;
        width: 100%;
    }
    .wrap .visionWrap2 .content .contentWrap + .contentWrap {
        margin-top: 60px;
    }
    .wrap .visionWrap2 .content .contentWrap .titleChip {
        font-size: 18px;
        line-height: 18px;
        padding: 8px 24px;
        border-radius: 18px;
        margin-bottom: 20px;
    }
    .wrap .visionWrap2 .content .contentWrap .subTitle {
        display: block;
        font-size: 12px;
        line-height :20px;
    }
  .wrap .visionWrap2 .content .contentWrap .subTitle.fs-up {
    font-size: 16px;
    line-height :26px;
  }
    .wrap .visionWrap2 .content .contentWrap .subTitle + .subTitle {
        margin-top: 10px;
    }
    .wrap .visionWrap2 .content .contentWrap .visionVideo {
        width: 100%;
        margin: 30px auto 0;
    }
    .wrap .visionWrap2 .content .contentWrap .visionVideo iframe {
        width: 100%;
        height: 48vw;
    }
    .wrap .visionWrap2 .content .contentWrap .contentBox {
        flex-direction: column;
        width:100%;
        border-radius: 12px;
    }
    .wrap .visionWrap2 .content .contentWrap .contentBox.even {
        flex-direction: column-reverse;
    }
    .wrap .visionWrap2 .content .contentWrap .contentBox + .contentBox {
        margin-top: 20px;
    }
    .wrap .visionWrap2 .content .contentWrap .contentBox > div {
        flex:1 ;
        width: 100%;
    }
    .wrap .visionWrap2 .content .contentWrap .contentBox .image .web {
        display:none;
    }
    .wrap .visionWrap2 .content .contentWrap .contentBox .image .mob {
        display:block;
    }
    .wrap .visionWrap2 .content .contentWrap .contentBox .textWrap {
        min-height: 230px;
    }
    .wrap .visionWrap2 .content .contentWrap .contentBox.even .textWrap {
        border-radius: 0 0 12px 12px;
    }
    .wrap .visionWrap2 .content .contentWrap .contentBox.odd .textWrap {
        border-radius: 0 0 12px 12px;
    }
    .wrap .visionWrap2 .content .contentWrap .contentBox .textWrap .boxTitle {
        font-size: 26px;
        line-height: 32px;
    }
    .wrap .visionWrap2 .content .contentWrap .contentBox .textWrap .boxSubTitle {
        margin-top: 10px;
        font-size: 16px;
        line-height: 16px;
    }
    .wrap .visionWrap2 .content .contentWrap .contentBox .textWrap .boxDesc {
        font-size: 12px;
        margin-top: 10px;
        line-height: 18px;
    }
    .wrap .visionWrap2 .content .contentWrap .contentBox .image {}
    .wrap .visionWrap2 .content .contentWrap .contentBox .image img {
        width:100%;
    }
    .wrap .visionWrap2 .content .contentWrap .behaviorWrap {
        margin-top: 30px;
    }
    .wrap .visionWrap2 .content .contentWrap .behaviorWrap .behaviorList {
        gap: 30px;
    }
    .wrap .visionWrap2 .content .contentWrap .behaviorWrap .behaviorList li {
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }
    .wrap .visionWrap2 .content .contentWrap .behaviorWrap .behaviorList li .image {
        min-width: 100%;
        max-width: 100%;
    }
    .wrap .visionWrap2 .content .contentWrap .behaviorWrap .behaviorList li .text {
        font-size: 12px;
        line-height: 18px;
    }
    .wrap .visionWrap2 .content .brandTabWrap .image {
        margin-top: 40px;
    }
    .wrap .visionWrap2 .viTabWrap .center1360 .motifWrap {
        display:flex;
        gap:30px;
        margin-top:30px;
        flex-direction: column;
    }
    .wrap .visionWrap2 .viTabWrap .center1360 .motifWrap.type02 {
        margin-top:10px;
    }
    .wrap .visionWrap2 .viTabWrap .center1360 .motifWrap .motifCont {
        display:flex;
        flex-direction: column;
        align-items: center;
        width:100%;
    }
    .wrap .visionWrap2 .viTabWrap .center1360 .motifWrap .motifCont .image {width:100%;}
    .wrap .visionWrap2 .viTabWrap .center1360 .motifWrap .motifCont .image .web {
        display:none;
    }
    .wrap .visionWrap2 .viTabWrap .center1360 .motifWrap .motifCont .image .mob {
        display:block;
    }
    .wrap .visionWrap2 .viTabWrap .center1360 .motifWrap .motifCont .textCont {

    }
    .wrap .visionWrap2 .viTabWrap .center1360 .motifWrap .motifCont .textCont .title {
        font-size:14px;
        line-height: 14px;
        font-weight: 600;
        margin-top: 20px;

    }
    .wrap .visionWrap2 .viTabWrap .center1360 .motifWrap .motifCont .textCont .desc {
        margin-top: 8px;
        font-size: 12px;
        line-height: 18px;
    }
    .wrap .visionWrap2 .viTabWrap .center1360 .motifWrap .motifCont .brandColorCont {
        height: 80px;
        border-radius: 12px;
    }
    .wrap .visionWrap2 .viTabWrap .center1360 .motifWrap .motifCont .brandColorCont .desc{
        position: absolute;
        right: 20px;
        bottom: 14px;
        font-size: 12px;
        line-height: 18px;
        text-align: right;
    }
    .wrap .visionWrap2 .viTabWrap .center1360 .slideWrap {
        width: 100%;
    }
    .wrap .visionWrap2 .viTabWrap .center1360 .slideWrap .slick-list {

    }
    .wrap .visionWrap2 .viTabWrap .center1360 .slideWrap .slick-list .slick-track .slick-slide{
    }
    .wrap .visionWrap2 .viTabWrap .center1360 .slideWrap .viSlideContent .custom-prev {
        left:-24px;
    }
    .wrap .visionWrap2 .viTabWrap .center1360 .slideWrap .viSlideContent .custom-next {
        right:-24px;
    }
    .wrap .visionWrap2 .viTabWrap .center1360 .slideWrap .viSlideContent .slick-arrow {
        position: absolute;
        display: block;
        height: 48px;
        width: 48px;
        cursor: pointer;
        background: rgba(255, 255, 255, 0.7);
        top: 46%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        padding: 0;
        border: none;
        outline: none;
        border-radius: 48px;
        z-index: 999;
        -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
    }

    .wrap .visionWrap2 .viTabWrap .center1360 .slideWrap .viSlideContent .slick-slide {
        margin: 0 10px !important;
    }
    .wrap .visionWrap2 .viTabWrap .center1360 .slideWrap .viSlideContent .image {
        width: 100%;
    }
    .wrap .visionWrap2 .viTabWrap .center1360 .slideWrap .viSlideContent img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    /*// 비전 통합*/
    .wrap .ciWrap article{
    	margin-top: 40px;
    }
    .wrap .ciWrap article h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .ciWrap article p{
    	font-size: 12px;
    	line-height: 20px;
    	margin-top: 20px;
    	word-break:keep-all;
    }
    .wrap .ciWrap article .logoMarkBtn{
    	margin-top: 20px;
    	height: 180px;
        border-radius: 12px;
    }
    .wrap .ciWrap article .logoMarkBtn .flexWrap{
    	gap:20px;
    }
    .wrap .ciWrap article .logoMarkBtn .flexWrap .left{
    	margin-right: 0;
    	width: 120px;
    }
    .wrap .ciWrap article .logoMarkBtn .flexWrap .left img{
    	width: 100%;
    }
    .wrap .ciWrap article .logoMarkBtn .flexWrap .left .image{
    	width: 120px;
    	height: 120px;
    }
    .wrap .ciWrap article .logoMarkBtn .flexWrap .right .image{
    	width: 120px;
    	height: 120px;
    }
    .wrap .ciWrap article .logoMarkBtn .flexWrap .left .image .circle{
    	width: 100px;
    	height: 100px;
    }
    .wrap .ciWrap article .logoMarkBtn .flexWrap .right .image .circle{
    	width: 100px;
    	height: 100px;
    }
    .wrap .ciWrap article .logoMarkBtn .flexWrap .left .image .circle .textCircle h3{
    	font-size: 16px;
    	line-height: 18px;
    }
    .wrap .ciWrap article .logoMarkBtn .flexWrap .left .image .circle .textCircle p{
    	font-size: 8px;
    	line-height: 12px;
    }
    .wrap .ciWrap article .logoMarkBtn .flexWrap .right .image .circle .textCircle h3{
    	font-size: 16px;
    	line-height: 18px;
    }
    .wrap .ciWrap article .logoMarkBtn .flexWrap .right .image .circle .textCircle p{
    	font-size: 8px;
    	line-height: 12px;
    }
    .wrap .ciWrap article .logoMarkBtn.logoType .flexWrap .left{
    	height: auto;
    }
    .wrap .ciWrap article .logoMarkBtn.logoType .flexWrap{
    	height: auto;
    }
    .wrap .ciWrap article .logoMarkBtn.logoType .flexWrap .right .logo img{
    	width: 100%;
    }
    .wrap .ciWrap article .logoMarkBtn.logoType .flexWrap .left .logo{
    	width: 81px;
    	margin-top: 0;
    	height: auto;
    	line-height: 60px;
    }
    .wrap .ciWrap article .logoMarkBtn.logoType{
    	padding: 30px 0;
    	height: 120px;
    }
    .wrap .ciWrap article .logoMarkBtn.logoType .flexWrap .right .logo{
    	width: 109px;
    }
    .wrap .ciWrap article .logoMarkBtn.logoType.logoType2 .flexWrap .left .logo{
    	width: 86px;
    }
    .wrap .ciWrap article .logoMarkBtn.logoType.logoType2 .flexWrap .right .logo{
    	width: 109px;
    }
    .wrap .ciWrap article .logoMarkBtn.logoType.logoType2 .flexWrap{
    	height: auto;
    }
    .wrap .ciWrap article .logoMarkBtn.logoType.logoType2 .flexWrap .left{
    	height: auto;
    	padding-top: 0;
    }
    .wrap .ciWrap article:nth-of-type(4){
    	margin-bottom: 40px;
    }
    .wrap .ciWrap .precautions{
    	padding: 40px 20px;
    }
    .wrap .ciWrap .precautions .textBox h4{
    	font-size: 24px;
    	line-height: 28px;
    	font-weight: 700;
    }
    .preSub{
    	margin-top: 20px;
    }
    .preSub li{
    	font-size: 12px;
    	line-height: 20px;
    }
    .wrap .ciWrap .precautions .textBox{
    	margin-top: 40px;
    }
    .wrap .ciWrap .precautions .textBox h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .ciWrap .precautions .textBox p{
    	font-size: 12px;
    	line-height: 20px;
    	margin-top: 20px;
    }
    /* information */
    .wrap .informationWrap .tabMenuWrap .content.content1 .explain .flexWrap{
    	display: block;
    }
    .wrap .informationWrap .tabMenuWrap .content.content1 .explain .flexWrap .right{
    	width: 100%;
    }
    .wrap .informationWrap .tabMenuWrap{
    	margin-top: 40px;
    }
    .wrap .informationWrap .tabMenuWrap .menuLine{
    	margin-top: 0;
    }
    .wrap .informationWrap .tabMenuWrap .menuLine .tabMenu li{
    	font-size: 13px;
    	line-height: 16px;
    	padding: 9px 0;
    }
    .wrap .informationWrap .tabMenuWrap .menuLine .tabMenu li.on{
    	border-bottom: 2px solid #a50034;
    	font-weight: 900;
    }
    .wrap .informationWrap .tabMenuWrap .content.content1 .explain{
    	padding: 40px 0;
    }
    .wrap .informationWrap .tabMenuWrap .content.content1 .explain .flexWrap .left{
    	font-size: 20px;
    	line-height: 28px;
    	width: 100%;
    }
    .wrap .informationWrap .tabMenuWrap .content.content1 .explain .flexWrap .right{
    	font-size: 12px;
    	line-height: 20px;
    	margin-top: 20px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content1 .graphArea h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content1 .graphArea .graphWrap .graph.graphTitle li{
    	font-size: 10px;
    	line-height: 14px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content1 .graphArea .graphWrap .graph li{
    	font-size: 10px;
    	line-height: 14px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content1 .graphArea .graphWrap .graph li span{
    	padding: 12px 0;
    }
    .wrap .informationWrap .tabMenuWrap .content.content1 .graphArea .graphWrap .graph li span.list1{
    	width: 78px;
    	word-break:keep-all;
    }
    .wrap .informationWrap .tabMenuWrap .content.content1 .graphArea .graphWrap .graph li span.list2{
    	width: 48px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content1 .graphArea .graphWrap .graph li span.list3{
    	width: calc(100% - 126px);
    	padding-left: 12px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap .media{
    	padding: 30px 20px;
    	width: 100%;
    	align-items:center;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap .media .text h2{
    	font-size: 16px;
    	line-height: 22px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap .media .text h3{
    	font-size: 12px;
    	line-height: 14px;
    	margin-top: 4px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap .media .text ol li{
    	font-size: 10px;
    	line-height: 16px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap .media .text ol li::after{
    	top: 5px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap .media .image{
    	width: 70px;
    	height: 70px;
    	margin-right: 20px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap .media .text{
    	width: calc(100% - 90px);
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap .media.padding47{
    	padding: 30px 20px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .authorityWrap{
    	margin-top: 40px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .authorityWrap .authorityArea h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .authorityWrap .authorityArea h3{
    	font-size: 14px;
    	line-height: 20px;
    	margin-top: 20px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .authorityWrap .authorityArea ol{
    	margin-top: 20px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .authorityWrap .authorityArea ol li{
    	font-size: 12px;
    	line-height: 20px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap{
    	margin-top: 40px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap h3{
    	font-size: 14px;
    	line-height: 20px;
    	margin-top: 20px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap .mattersWrap{
    	margin-top: 20px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap .mattersWrap .matter{
    	padding: 30px 20px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap .mattersWrap .matter h2{
    	font-size: 14px;
    	line-height: 20px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap .mattersWrap .matter .flexWrap{
    	display: block;
    	margin-top: 20px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap .mattersWrap .matter .flexWrap li{
    	font-size: 12px;
    	line-height: 20px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap .mattersWrap .matter .flexWrap li.left{
        margin-right: 0px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap .mattersWrap .matter .flexWrap li>.sub>li{
        display: flex;
        word-break: normal;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .authorityWrap .btn{
    	
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .authorityWrap .btn a{
    	padding: 13px 0;
    	font-size: 14px;
    	line-height: 14px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap{
    	margin-top: 40px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .titleWrap{
    	display: block;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .titleWrap h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .titleWrap .rightSide{
    	margin-top: 20px;
    	max-width:264px;
    	justify-content: start;
        gap: 14px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .titleWrap .rightSide li{
    	font-size: 12px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .titleWrap .rightSide li.act::after{
    	bottom: 5px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent{
    	margin-top: 20px;
    }
    
    .wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph.graphTitle li{
    	line-height: 14px !important;
    	font-size: 10px !important;
    	word-break:keep-all !important;
    	position:relative;
    	height: 52px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph.graphTitle li span{
    	position:absolute;
    	top: 50%;
    	left: 50%;
    	transform:translate(-50%,-50%);
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph>li>ol>li{
    	line-height: 14px !important;
    	font-size: 10px !important;
    	word-break:keep-all !important;
    	position:relative;
    	height: 48px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph.graphContent li.list1{
    	line-height: 14px !important;
    	font-size: 10px !important;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph.graphContent li.list4{
    	line-height: 14px !important;
    	font-size: 10px !important;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph>li>ol>li>span{
    	position:absolute;
    	top: 50%;
    	left: 50%;
    	transform:translate(-50%,-50%);
    	width: 100%;
    	word-break:keep-all !important;
    }
    .wrap .informationWrap .tabMenuWrap .content.content3 .graphWrap .graph li.list2 .flexArea .right{
    	padding: 12px 0;
    	padding-left: 6px;
    	padding-right: 6px;
    	width: 70%;
    }
    .wrap .informationWrap .tabMenuWrap .content.content3 .graphWrap .graph li{
    	font-size: 10px;
    	line-height: 14px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content3 .graphWrap .graph li.list1{
    	font-size: 10px;
    	line-height: 14px;
    	width: 20%;
    	text-align: center;
    	word-break:keep-all;
    }
    .wrap .informationWrap .tabMenuWrap .content.content3 .graphWrap .graph li.list2{
    	font-size: 10px !important;
    	line-height: 14px !important;
    	width: 80%;
    }
    .wrap .informationWrap .tabMenuWrap .content.content3 .graphWrap .graph li.list2 .flexArea .left{
    	width: 30%;
    }
    .wrap .informationWrap .tabMenuWrap .content.content3 .graphWrap .graph li.list2 .flexArea .right span{
    	font-size: 10px;
    	line-height: 14px !important;
    }
    .wrap .informationWrap .tabMenuWrap .content.content3 .graphWrap .graph li.list2 .flexArea{
    	font-size: 10px !important;
    	line-height: 14px !important;
    }
    .wrap .informationWrap .tabMenuWrap .content.content3 .graphWrap{
    	margin-top: 40px;
    }
    .wrap .informationWrap .tabMenuWrap .content{
    	padding-bottom: 100px;
    	
    }
    .wrap .informationWrap .tabMenuWrap .content.content2{
    	padding-top: 40px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap{
    	margin-top: 20px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .boardTitle h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .financialWrap .tabMenuWrap .content{
    	margin-top: 40px;
    	padding-bottom: 100px;
    }
    .wrap .financialWrap .tabMenuWrap .content .gr{
    	font-size: 10px;
    	line-height: 14px;
    	margin-top: 20px;
    }
    .wrap .financialWrap .tabMenuWrap .content .graphWrap{
    	margin-top: 20px;
    }
    .wrap .financialWrap .tabMenuWrap .content .graphWrap .graph li{
    	padding: 12px 6px;
    	font-size: 10px;
    	line-height: 14px;
    }
    .wrap .financialWrap .tabMenuWrap .content .graphWrap .graph .bgBlue{
    	width: 20%;
    	position:relative;
    }
    .wrap .financialWrap .tabMenuWrap .content .graphWrap .graph .bgBlue span{
    	position: absolute;
   		top: 50%;
    	left: 50%;
    	transform: translate(-50%, -50%);
    	width: 100%;
    }
    .wrap .financialWrap .tabMenuWrap .content .graphWrap .graph .bgBlue.blue30{
    	width: 30%;
    }
    .wrap .financialWrap .tabMenuWrap .content .graphWrap .graph .w203{
    	width: 16%;
    	position:relative;
    }
    .wrap .financialWrap .tabMenuWrap .content .graphWrap .graph .w203 span{
    	position: absolute;
   		top: 50%;
    	left: 50%;
    	transform: translate(-50%, -50%);
    	width: 100%;
    }
    .wrap .financialWrap .tabMenuWrap .content .btnArea{
    	width: calc(100% - 60px);
    	margin-top: 40px;
    }
    .wrap .financialWrap .tabMenuWrap .content .btnArea a{
    	height: 50px;
    	font-size: 14px;
    	line-height: 16px;
    	border-radius: 8px;
    }
    .wrap .financialWrap .tabMenuWrap .content .title.titleFlex{
    	display: block;
    }
    .wrap .financialWrap .tabMenuWrap .content .title h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .financialWrap .tabMenuWrap .content .title p{
    	font-size: 10px;
    	line-height: 14px;
    }
    .wrap .financialWrap .tabMenuWrap .content .title.mt100{
    	margin-top: 40px!important;
    }
    .wrap .financialWrap .tabMenuWrap .content .graphWrap.company{
    	margin-top: 5px;
    }
    .wrap .financialWrap .tabMenuWrap .content .graphWrap.elec{
    	margin-top: 5px;
    }
    .wrap .financialWrap .tabMenuWrap .content .graphWrap .graph .w510{
    	width: 35%;
    }
    .wrap .financialWrap .tabMenuWrap .content .title ul li{
    	font-size: 14px !important;
    	line-height: 14px !important;
    }
    .wrap .financialWrap .tabMenuWrap .content .graphWrap .graph .w1019{
    	width: 68%;
    	padding-left: 6px;
    }
    .wrap .financialWrap .tabMenuWrap .content .btnArea.btn100{
    	width: 100%;
    }
    .wrap .tabMenuWrap .menuLine.scroll{
    	overflow: auto;
    	-ms-overflow-style: none;
		scrollbar-width: none;
    }
    .wrap .tabMenuWrap .menuLine.scroll::-webkit-scrollbar{
    	display: none !important;
    }
    .wrap .tabMenuWrap .menuLine.scroll .tabMenu{
		white-space:nowrap;
		padding-left: 30px;
		padding-right: 30px;
		width: 100%;
	}
	.wrap .financialWrap .tabMenuWrap .menuLine .tabMenu li{
		width: 36.33%;
		
	}
	
	
	
	.wrap .stockWrap .tabMenuWrap .content.content1 .rightSide{
		width: 100%;
		max-width:300px;
		margin-top: 60px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content1 .rightSide li{
		font-size: 12px;
		line-height: 13px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content1 .rightSide li.act::after{
		bottom: -6px;
	}
	.wrap .stockWrap .tabMenuWrap .menuLine .tabMenu li:nth-of-type(1){
		width: 25%;
	}
	.wrap .stockWrap .tabMenuWrap .menuLine .tabMenu li:nth-of-type(2){
		width: 50%;
	}
	.wrap .stockWrap .tabMenuWrap .menuLine .tabMenu li:nth-of-type(3){
		width: 25%;
	}
	.wrap .stockWrap .tabMenuWrap .content.content1 .yearContent{
		margin-top: 40px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content1 .yearContent .apiArea iframe{
		width: 100%;
		height: calc(100vw * 0.873);
	}
	.wrap .stockWrap .tabMenuWrap .content{
		padding-bottom: 100px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graphTitle li.list1{
		font-size: 10px;
		line-height: 14px;
		width: 20%;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graphTitle li.list2 h3{
		font-size: 10px;
		line-height: 14px;
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graphTitle li.list2{
		width: 60%;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graphTitle li.list3{
		width: 20%;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graph .media1{
		width: 20%;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graph .media2{
		width: calc(60% / 3);
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graph .media3{
		width: 20%;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graph .subList1{
		height: 62px;
		position:relative;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graph .subList1 span{
		position:absolute;
		top:50%;
		left: 50%;
		transform:translate(-50%,-50%);
		word-break:keep-all;
		width: 100%;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graph .subList2{
		height: 80px;
		position:relative;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graph .subList2 span{
		position:absolute;
		top:50%;
		left: 50%;
		transform:translate(-50%,-50%);
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graph .subList3{
		height: 52px;
		position:relative;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graph .subList3 span{
		position:absolute;
		top:50%;
		left: 50%;
		transform:translate(-50%,-50%);
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graph .subList4{
		height: 52px;
		position:relative;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graph .subList4 span{
		position:absolute;
		top:50%;
		left: 50%;
		transform:translate(-50%,-50%);
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graphTitle li{
		font-size: 10px;
		line-height: 14px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graph .media1 .subList{
		font-size: 10px;
		line-height: 14px;
		padding: 12px 0;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graph .media2 .subList{
		font-size: 10px;
		line-height: 14px;
		padding: 12px 0;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graph .media3 .subList{
		font-size: 10px;
		line-height: 14px;
		padding: 12px 0;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graphTitle li.list2 .sub li{
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2{
		margin-top: 40px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graphTitle{
		margin-top: 20px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph h2{
		font-size: 20px;
		line-height: 28px;
	}
	.gr.mt40{
		margin-top: 20px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .policy{
		margin-top: 40px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .policy h2{
		font-size: 20px;
		line-height: 28px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .policy p,
    .wrap .stockWrap .tabMenuWrap .content.content3 .policy p {
		font-size: 12px;
		line-height: 20px;
		margin-top: 20px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .dividend{
		margin-top: 40px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .dividend h2{
		font-size: 20px;
		line-height: 28px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap{
		margin-top: 20px;
		overflow: auto;
    	white-space: nowrap;
    	padding-bottom: 20px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap::-webkit-scrollbar{
    	width: 10px !important;
    	height: 4px !important;
  	}
  	.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap::-webkit-scrollbar-thumb{
    	background-color: #a50034 !important;
    	background-clip: padding-box !important;
  	}
  	.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap::-webkit-scrollbar-track{
    	background-clip: #ddd !important;
    	background-color: #ddd !important;
  	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap .list1 li.flexWrap .sub1{
		font-size: 10px;
		line-height: 14px;
		height: 38px;
		position:relative;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap .list1 li.flexWrap .sub1 span{
		position:absolute;
		top: 50%;
		left: 50%;
		transform:translate(-50%,-50%);
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap .list1 li.flexWrap .sub2{
		font-size: 10px;
		line-height: 14px;
		height: 38px;
		position:relative;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap .list1 li.flexWrap .sub2 span{
		position:absolute;
		top: 50%;
		left: 50%;
		transform:translate(-50%,-50%);
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap .list1 li{
		font-size: 10px;
		line-height: 38px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap .list2 .title{
		font-size: 10px;
		line-height: 38px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap .list2 li{
		font-size: 10px;
		line-height: 38px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap .list1{
		width: 154px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap .list1 li.flexWrap h2{
		font-size: 10px;
		line-height: 38px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .gr{
		font-size: 10px;
		line-height: 14px;
		margin-top: 20px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content3 h2{
		margin-top: 40px;
		font-size: 20px;
		line-height: 28px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content3 .listWrap{
		margin-top: 20px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content3 .listWrap .list1 li{
		font-size: 10px;
		line-height: 14px;
		padding: 12px 0;
	}
	.wrap .stockWrap .tabMenuWrap .content.content3 .listWrap .list1 li.title{
		height: 52px;
		position: relative;
	}
	.wrap .stockWrap .tabMenuWrap .content.content3 .listWrap .list1 li.title span{
		position:absolute;
		top: 50%;
		left: 50%;
		transform:translate(-50%,-50%);
	}
	.wrap .stockWrap .tabMenuWrap .content.content3 .listWrap .list2 li.title{
		font-size: 10px;
		line-height: 14px;
		padding: 12px 0;
		height: 52px;
		position: relative;
	}
	.wrap .stockWrap .tabMenuWrap .content.content3 .listWrap .list2 li.title span{
		position:absolute;
		top: 50%;
		left: 50%;
		transform:translate(-50%,-50%);
	}
	.wrap .stockWrap .tabMenuWrap .content.content3 .listWrap .list2 li{
		font-size: 10px;
		line-height: 14px;
		padding: 12px 0;
	}
	.wrap .stockWrap .tabMenuWrap .content.content3 .listWrap .list1 li.li2{
		height: 52px;
		position:relative;
	}
	.wrap .stockWrap .tabMenuWrap .content.content3 .listWrap .list1 li.li2 span{
		position:absolute;
		left: 50%;
		top: 50%;
		transform:translate(-50%,-50%);
	} 
	.wrap .stockWrap .tabMenuWrap .content.content3 .listWrap .list2 li.li2{
		height: 52px;
		position:relative;
	}
	.wrap .stockWrap .tabMenuWrap .content.content3 .listWrap .list2 li.li2 span{
		position:absolute;
		left: 50%;
		top: 50%;
		transform:translate(-50%,-50%);
	} 
	.wrap .stockWrap .tabMenuWrap .content.content3 .listWrap .list1 li.li3{
		height: 67px;
		position:relative;
	}
	.wrap .stockWrap .tabMenuWrap .content.content3 .listWrap .list1 li.li3 span{
		position:absolute;
		left: 50%;
		top: 50%;
		transform:translate(-50%,-50%);
	} 
	.wrap .stockWrap .tabMenuWrap .content.content3 .listWrap .list2 li.li3{
		height: 67px;
		position:relative;
	}
	.wrap .stockWrap .tabMenuWrap .content.content3 .listWrap .list2 li.li3 span{
		position:absolute;
		left: 50%;
		top: 50%;
		transform:translate(-50%,-50%);
	}
	.wrap .stockWrap .tabMenuWrap .content.content3 .graphWrap .graph.graphTitle li{
		font-size: 10px;
		line-height: 14px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content3 .graphWrap .graph li.graph4 .media{
		font-size: 10px;
		line-height: 14px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content3 .graphWrap .graph li.graph1{
		width: 23.33%;
		font-size: 10px;
		line-height: 14px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content3 .graphWrap .graph li.graph2{
		width: 23.33%;
		font-size: 10px;
		line-height: 14px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content3 .graphWrap .graph li.graph3{
		width: 23.33%;
		font-size: 10px;
		line-height: 14px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content3 .graphWrap .graph li.graph4{
		width: 30%;
	}
	.wrap .stockWrap .tabMenuWrap .content.content3 .graphWrap .graph li.graph4 .media{
		padding-right: 13px;
		padding-left: 6px;
		padding-top: 6px;
		padding-bottom: 13px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content3 .gr{
		font-size: 10px;
		line-height: 14px;
		margin-top: 20px;
	}
	.wrap .faqSearchWrap{
    	background-color: transparent;
    	border: 0;
    	margin-top: 0;
    	padding: 0;
    }
    .wrap .tabMenuWrap .menuLine{
    	margin-top: 40px;
    }
    .accordion_wrap .questionWrap {
    	display: block;
    }
    .wrap .accordion_wrap{
    	margin-top: 60px;
    }
    .accordion_wrap .questionWrap .listNum{
    	font-size: 14px;
    	line-height: 16px;
    }
    .accordion_wrap .questionWrap .listTitle{
    	width: 100%;
    }
    .accordion_wrap .questionWrap .listTitle dt span{
    	font-size: 14px;
    	line-height: 20px;
    	margin-top: 10px;
    }
    .accordion_wrap .questionWrap .listTitle dt img{
    	width: 26px;
    }
    .wrap .referenceWrap .tabMenuWrap .content.content1 .graphWrap .graph li .sub li.c666 span{
    	display: none;
    }
    .wrap .referenceWrap .tabMenuWrap .content{
    	margin-top: 40px;
    }
    .wrap .referenceWrap .tabMenuWrap .content.content1 .graphWrap .graph li{
    	font-size: 10px;
    	line-height: 38px;
    }
    .numbering{
    	margin-top: 40px;
    }
    .wrap .referenceWrap .tabMenuWrap .faqSearchWrap{
    	margin-top: 0;
    	padding: 0;
    	margin-top: 40px;
    }
    .wrap .faqSearchWrap .faqSearch .faqInput{
    	padding: 10px 9px;
    }
    .wrap .faqSearchWrap .faqSearch .faqInput .inputWrap input{
    	font-size: 14px;
    	line-height: 16px;
    }
    .wrap .faqSearchWrap .faqSearch .faqInput .inputWrap input::placeholder{
    	font-size: 14px;
    	line-height: 16px;
    }
    .wrap .referenceWrap .irBnWrap .flexBtn{
    	width: 240px;
    	margin-top: 10px;
    }
    .wrap .referenceWrap .irBnWrap .flexBtn .btn.btn1{
    	width: 130px;
    }
    .wrap .referenceWrap .irBnWrap .flexBtn .btn.btn2{
    	width: 100px;
    }
    .wrap .referenceWrap .irBnWrap .flexBtn .btn{
    	font-size: 12px;
    	line-height: 14px;
    	height: 30px;
    	border-radius: 6px;
    }
    .wrap .referenceWrap .irBnWrap{
    	margin-top: 80px;
    }
    .wrap .referenceWrap{
    	padding-bottom: 100px;
    }
    .wrap .referenceWrap .irBnWrap{
    	background-image: url('/resources/img/img-bn-irinquiries.png');
    	background-size: cover;
    }
    a.mobBtn{
    	display: block;
    }
    a.webBtn{
    	display: none;
    }
    .wrap .referenceWrap .tabMenuWrap .content.content1 .graphWrap .graph li.c666 a{
    	background-color: #fff;
    	padding: 0;
    }
    .wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph li.c666 a{
    	background-color: #fff;
    	padding: 0;
    }
    .wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph li .sub li.c666 span{
    	display: none;
    }
    .wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph li{
    	font-size: 10px;
    	line-height: 38px;
    }
    .wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph .list3 h3{
    	font-size: 10px;
    	line-height: 38px;
    }
    .wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph .list3 .subTitle li{
    	font-size: 10px;
    	line-height: 38px;
    }
    .wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph .list1{
    	width: 20%;
    }
    .wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph.graph1 .list1{
    	width: 340px;
    }
    .wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph .list2.list2-2{
    	width: 30%;
    }
    .wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph .list3{
    	width: 30%;
    }
    .wrap .referenceWrap .tabMenuWrap .content.content2 h2{
    	font-size: 20px;
    	line-height: 28px;
    	margin-top: 40px;
    }
    .wrap .referenceWrap .tabMenuWrap .content.content2 h2.mt100{
    	margin-top: 40px !important;
    }
    .wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap{
    	margin-top: 20px;
    }
    .wrap .referenceWrap .irBnWrap h2{
    	font-size: 14px;
    	line-height: 22px;
    }
    .wrap .noticeDataWrap .tabMenuWrap .content{
    	margin-top: 40px;
    	padding-bottom: 100px;
    }
    .wrap .noticeDataWrap .tabMenuWrap .content .noticeImg{
    	width: 100%;
    	
    }
    .wrap .noticeDataWrap .tabMenuWrap .content .noticeImg iframe{
    	width: 100%;
    	/* height: calc(100vw * 0.6); */
    	
    	
    }
    .wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph li .sub li.c666 span{
    	display: none;
    }
    .wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph li{
    	font-size: 10px;
    	line-height: 38px;
    }
    .wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph .list1.list1-2 ol.sub li.lh195{
    	line-height: 144px;
    }
    .wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph li.h38{
    	height: 38px;
    	line-height: 14px;
    }
    .wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph li.h52{
    	height: 52px;
    	line-height: 14px;
    }
    .wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph li.h66{
    	height: 66px;
    	line-height: 14px;
    }
    .wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph .list1.list1-2 ol.sub li.lh130{
    	line-height: 105px;
    }
    .wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph li .sub li{
    	position:relative;
    }
    .wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph li .sub li>a{
    	position: absolute;
    	top: 50%;
    	left: 50%;
    	transform:translate(-50%,-50%);
    }
    .wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph li .sub li span{
    	position: absolute;
    	top: 50%;
    	left: 50%;
    	transform:translate(-50%,-50%);
    }
    .wrap .noticeDataWrap .tabMenuWrap .content.content2 .downloadBtn{
    	width: 100%;
    	height: 50px;
    	border-radius: 8px;
    	font-size: 14px;
    	line-height: 16px;
    	margin-top: 40px;
    }
    .wrap .workLifeWrap .textBox{
    	display: block;
    }
    .wrap .workLifeWrap .textBox .left{
    	width: 100%;
    }
    .wrap .workLifeWrap .textBox .right{
    	width: 100%;
    	border-left: 1px solid #ddd;
    	display: block;
    }
    .wrap .workLifeWrap .textBox .right .article{
    	width: 100%;
    	height: auto;
    	position:static;
    	border-right: 0;
    }
    .wrap .workLifeWrap .textBox .right .article .text p{
    	font-size: 10px;
    	line-height: 14px;
    	margin-top: 10px;
    }
    .wrap .workLifeWrap .textBox .right .article .text{
    	display: flex;
    	position:static;
    	padding: 20px;
    	box-sizing:border-box;
   	    top: 0;
	    left: 0;
	    transform: translate(0, 0);
	    width: 100%;
    }
    .wrap .workLifeWrap .textBox .right .article .text .image{
    	margin-right: 10px;
    	width: 60px;
    }
    .wrap .workLifeWrap .textBox .right .article .text .textForm{
    	width: calc(100% - 60px);
    }
    .wrap .workLifeWrap .textBox .right .article .text h3{
    	font-size: 12px;
    	line-height: 12px;
    	margin-top: 0;
    	
    }
    .wrap .workLifeWrap .subTitleRecruit{
    	width: 900px;
    	margin: 0 auto;
    }
    .wrap .workLifeWrap .subTitleRecruit h2{
    	font-size: 20px;
    	line-height: 28px;
    	text-align: left;
    	
    	margin:0 auto;
    }
    
    .wrap .workLifeWrap .subTitleRecruit p{
    	font-size: 12px;
    	line-height: 20px;
    	text-align: left;
    	
    	margin:0 auto;
    	margin-top: 20px;
    }
    .wrap .workLifeWrap{
    	padding-top: 0;
    }
    .wrap .workLifeWrap .articleLifeWrap{
    	padding: 0;
    	padding-top: 40px;
    }
    .wrap .workLifeWrap .articleLifeWrap h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .workLifeWrap .textBox:nth-of-type(1){
    	margin-top: 20px;
    }
    .name{
    	font-size: 20px;
    	line-height: 28px;
    	padding-top: 40px;
    	padding-bottom: 0;
    }
    .wrap .workLifeWrap .articleLifeWrap.art2{
    	background-color: #fff;
    	padding-top: 0;
    }
    .wrap .workLifeWrap .articleLifeWrap.art2.art3{
    	padding-top: 40px;
    }
    .wrap .workLifeWrap .articleLifeWrap.art2 .textBox .right .article{
    	height: auto;
    	border-right: 0;
    }
    .wrap .workLifeWrap .articleLifeWrap.art2 .textBox .right .article.h360{
    	height: auto;
    }
    .wrap .programArticle{
    	padding: 0;
    	margin-top: 40px;
    }
    .wrap .programArticle .articleTitle h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .programArticle .articleTitle p{
    	font-size: 12px;
    	line-height: 20px;
    	margin-top: 20px;
    }
    .wrap .programArticle .image{
    	margin-top: 20px;
    }
    .wrap .programArticle .image.mr-30{
    	margin-left: -30px;
    	width: calc(100% + 60px);
    }
    .wrap .programInfo{
    	margin-top: 40px;
    }
    .wrap .programInfo .title{
    	padding: 20px 0;
    }
    .wrap .programInfo .title .text{
    	font-size: 14px;
    	line-height: 20px;
    }
    .wrap .programInfo .information .line{
    	display: block;
    }
    .wrap .programInfo .information .line .left{
   		font-size: 14px;
   		line-height: 16px;
   		padding-left: 0;
   		width: 100%;
    }
    .wrap .programInfo .information .line .right{
    	width: 100%;
    	font-size: 10px;
    	line-height: 16px;
    	margin-top: 13px;
    }
    .programArticle .articleTitle .mt{
    	margin-top: 40px;
    }
    .wrap .programArticle .articleContent .proPolicy{
    	display: block;
    }
    .wrap .programArticle .articleContent .proPolicy.proEdu .articleWrap{
    	width: 100%;
    	display: block;
    	padding: 30px;
    	box-sizing: border-box;
    	height: auto;
    	border-radius: 12px;
    }
    .wrap .programArticle .articleContent .proPolicy.proEdu .articleWrap.mt{
    	margin-top: 20px;
    }
    .wrap .programArticle .articleContent .proPolicy.proEdu .articleWrap .article{
    	display: flex;
    	
    }
    .wrap .programArticle .articleContent .proPolicy .articleWrap .article .text{
    	text-align: left;
    	width: calc(100% - 70px);
    	margin-top: 0;
    }
    .wrap .programArticle .articleContent .proPolicy .articleWrap .article .text h2{
    	font-size: 12px;
    	line-height: 12px;
    }
    .wrap .programArticle .articleContent .proPolicy .articleWrap .article .image{
    	width: 60px;
    	margin-right: 10px;
    	height: auto;
    }
    .wrap .programArticle .articleContent .proPolicy .articleWrap .article .image img{
    	width: 100%;
    }
    .wrap .programArticle .articleContent .proPolicy .articleWrap .article .text ul{
    	margin-top: 8px;
    }
    .wrap .programArticle .articleContent .proPolicy .articleWrap .article .text ul li{
    	font-size: 10px;
    	line-height: 14px;
    }
    .wrap .programArticle .articleContent .proPolicy .articleWrap{
    	width: 100%;
    	height: auto;
    	border-radius: 12px;
    	display: block;
    	padding-top: 0;
    	padding: 30px;
    }
    .wrap .programArticle .articleContent .proPolicy .articleWrap.en{padding-top: 0;padding: 30px;height: auto;}
    .wrap .programArticle .articleContent .proPolicy .articleWrap.mt{
    	margin-top: 20px;
    }
    .wrap .programArticle .articleContent .proPolicy .articleWrap .article{
    	display: flex;
    }
    .wrap .workLifeWrap .subTitleRecruit{
    	margin-top: 40px;
    }
    .esgAwardsWrap .awardsWrap .tabMenuWrap .menuLine .tabMenu{
    	width: 100%;
    	max-width:300px
    }
    .pageBanner.image{
    	margin-top: 0;
    }
    .webinar .pageBanner .text h3{
    	font-size: 14px;
    	line-height: 14px;
    }
    .webinar .pageBanner .text h2{
    	font-size: 24px;
    	line-height: 30px;
    	margin-top: 8px;
    }
    .webinar .pageBanner .text .btn{
    	margin-top: 10px;
    	width: 83px;
    	height: 30px;
    }
    .webinar .pageBanner .text .btn a{
    	font-size: 12px;
    }
    .webinar .pageBanner .text .btn a .imoWrap{
    	width: 12px;
    }
    .articleTitleWrap .category{
    	
    }
    .wrap .displayDetailWrap .postContent .image{
    	height: auto;
    }
    .wrap .ceoMsgWrap{
    	padding-bottom: 100px;
    }
    .navFlex li{
    	font-size: 14px;
    	line-height: 16px;
    	padding: 17px 0;
    }

    .navItem {
        padding-top: 20px;
        padding-bottom: 0px;
        gap: 10px;
    }
    .navItem li a {
        font-size: 14px;
        line-height: 16px;
    }
    .navItem li.line {
        font-size:10px;
    }
    .wrap .ceoWrap .pageBannerWrap .pageBanner{
      	height: auto;
      }
    .navFlex{
  		padding-bottom: 0;
  	}
  	.wrap .ciWrap article .logoMarkBtn1{
  		height: auto;
  		padding: 30px 20px;
  		box-sizing:border-box;
  	}
  	.wrap .ciWrap article .logoMarkBtn1 .flexWrap{
		max-width: unset;
		width: 100%;
		display: block;
	}
	.wrap .ciWrap article .logoMarkBtn1 .flexWrap .left{
		width: 120px;
		margin-right: 0;
		margin: 0 auto;
	}
	.wrap .ciWrap article .logoMarkBtn1 .flexWrap .right{
		margin-top: 20px;
	}
	.wrap .ciWrap article .logoMarkBtn1 .flexWrap .left img{
		width: 100%;
	}
	.wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph li .sub li.c666 a{
		padding: 0;
		background-color: #fff;
	}
	.pressDetail .pressContents .pressFlexWrap{
		display: block;
	}
	.pressDetail .pressContents .pressFlexWrap p {
    	width: 100%;
	}
    .pressDetail .postListBtn{
        width: 100%;
        flex-wrap:wrap;
        gap:16px;
        padding-bottom: 100px;
    }
    .pressDetail .postListBtn .btn{
        width: calc(50% - 13px);
        height: 40px;
    }
    .pressDetail .postListBtn .btn.w113{
        width: 100%;
    }
    .pressDetail .postListBtn .btn a{
        line-height: 16px;
        font-size: 14px;
    }
    .pressDetail .postListBtn .btnList{
        order: 3;
    }
    .pressDetail .postListBtn .btnPrevious{
        order: 1;
    }
    .pressDetail .postListBtn .btnNext{
        order: 2;
    }
	.newsListWrap li a strong{
		height: auto;
	}
	.webinarListWrap li a .date .left{
		width: 30px;
		height: 30px;
	}
	.webinarListWrap li a .date .right p{
		font-size: 10px;
		line-height: 14px;
	}
	.wrap .articleTitleWrap h2.mt10{
		margin-top: 10px;
	}
	.wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent .wrapMore:first-of-type{
		margin-top: 0;
	}
	.wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent .wrapMore{
		margin-top: 20px;
		width: 100%;
	}
	.wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent .wrapMore:nth-of-type(2) h5 {
		position:unset;
	}
	.wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent .wrapMore h5{
		font-size: 12px;
		line-height: 12px;
		margin-left: 7px;
		margin-bottom: 10px;
		text-align: left;
	}
	.wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent .wrapMore h5:before{
		width: 3px;
		height: 3px;
		left: -7px;
		top:3px;
	}
	.wrap .programArticle p.webP{
		display: none;
	}
	.wrap .programArticle p.mobP{
		display: block;
		word-break:keep-all;
		font-size: 12px;
		line-height: 20px;
		margin-top: 20px;
		color: #666;
	}
	.legalNoticeWrap article{
		margin-top: 40px;
	}
	.legalNoticeWrap article h2{
		font-size: 20px;
		line-height: 28px;
	}
	.legalNoticeWrap article p{
		font-size: 12px;
		line-height: 20px;
		margin-top: 20px;
	}
	.legalNoticeWrap .blueBox2{
		padding: 26px;
		margin-top: 33px;
	}
	.legalNoticeWrap .blueBox2 p{
		font-size: 16px;
		line-height: 20px;
	}
	.legalNoticeWrap{
		padding-bottom: 100px;
	}
	.errorWrap{
		margin-top: 100px;
		padding-bottom: 100px;
	}
	.errorWrap .errorBox{
		width: calc(100% - 60px);
	}
	.errorWrap .errorBox .image{
		width: 100px;
		margin:0 auto;
	}
	.errorWrap .errorBox .image img{
		width: 100%;
	}
	.errorWrap .errorBox h2{
		font-size: 18px;
		line-height: 30px;
		margin-top: 20px;
	}
	.errorWrap2 .errorBox h2 a{
		font-size: 18px;
		line-height: 30px;
	}
	.wrap .companyIntro h2.companyAv{
		font-size: 20px;
		line-height: 22px;
		margin-top: 60px;
	}
	.mobNone{
  		display: none;
  	}
  	.webNone{
		display: block;
	}
	.wrap .awardsWrap .tabMenuWrap .content .historyContent .graph .year::before{
		    width: 8px;
    		height: 8px;
	}
	.wrap .esgSafeWrap .safeWrap .media{
		margin-top: 40px;
	}
	.wrap .esgSafeWrap .safeWrap .media:nth-of-type(2){
		margin-top: 40px;
	}
	.webinar .webinarListWrap li a .category{
		width: 38px;
		height: 20px;
	}
	
	.wrap .privacyWrap{
		margin-top: 0;
		padding-bottom: 100px;
	}
	.privacyWrap .customSelectBox{
		width: 100%;
		max-width:900px
	}
	.privacyWrap .customSelectBox .selected{
		padding: 14px;
		font-size: 14px;
		line-height: 16px;
	}
	.privacyWrap article{
		margin-top: 40px;
	}
	.privacyWrap article:first-of-type{
		margin-top: 40px ;
	}
	.privacyWrap article h2{
		font-size: 20px;
		line-height: 28px;
	}
	.privacyWrap article p{
		font-size: 12px;
		line-height: 20px;
		margin-top: 20px;
	}
	.privacyWrap article ul{
		margin-top: 20px;
	}
	.privacyWrap article ul li{
		font-size: 12px;
		line-height: 20px;
	}
	.privacyWrap .graphWrap .graph{
		margin-top: 0;
	}
	.privacyWrap .graphWrap .graph li{
		font-size: 12px !important;
		line-height: 14px !important;
	}
	.privacyWrap .graphWrap1 .graph li{
		font-size: 10px;
		line-height: 14px;
	}
    .privacyWrap .graphWrap1 .graph li .sub .list {
        font-size:12px !important;
        line-height: 14px !important;
    }
    .privacyWrap .graphWrap1 .graph li span {
        font-size:12px;
        line-height:14px;
    }
	.privacyWrap .graphWrap3 .graph li{
		font-size: 10px;
		line-height: 14px;
	}
	.privacyWrap .graphWrap{
		margin-top: 20px;
	}
	.privacyWrap .graphWrap1{
		margin-top: 20px;
	}
	.privacyWrap .graphWrap2{
		margin-top: 20px;
	}
	.privacyWrap .graphWrap3{
		margin-top: 20px;
	}
    .privacyWrap.newsLetterPrivacy .tit {
        font-size: 16px !important;
        line-height: 20px !important;
    }
    .privacyWrap.newsLetterPrivacy .sub {
        font-size: 14px !important;
        line-height: 20px !important;
    }
    .privacyWrap.newsLetterPrivacy ul {
        margin-top:20px;
    }
    .privacyWrap.newsLetterPrivacy ul + .w-30 {
        margin-top: 10px;
    }
    .privacyWrap.newsLetterPrivacy .desc {
        margin-top: 20px;
        font-size: 10px;
        line-height: 14px;
    }
	.wrap input#company_agree[type="checkbox"] + label{
	    padding-left: 33px;
	    font-size: 16px;
	    padding-top: 8px;
	}
	.wrap input#company_agree[type="checkbox"] + label:before {
	    width: 26px;
	    height: 26px;
	}
	.wrap input#company_agree[type="checkbox"] + label:after {
	    width: 26px;
	    height: 26px;
	}
	.wrap input#company_agree[type="checkbox"]:checked + label:after{
		width: 26px;
		height: 26px;
	}
	.esgBtnWrap{
		max-width:300px;
		width: 100%;
		border-radius: 8px;
		background-color: #a50034;
		margin-top: 60px;
	}
	.submitEsg{
		height: 60px;
		font-size: 18px;
	}
	a.mobBtn.none{
		display: none;
	}
	a.webBtn.block{
		display: block;
	}
	.mb40{
		margin-bottom: 20px;
		font-size: 20px;
		line-height: 28px;
	}
	.wrap .socialWrap .new .gallery_type .thumb_list{
		max-width: 900px;
    	margin: 0 auto;
    	display: block;
	}
	
	.wrap .socialWrap .new .gallery_type .thumb_list li{
		width: 100%;
		margin-bottom: 40px;
	}
	.wrap .socialWrap .new .gallery_type .thumb_list li .thumb{
		height: 498.59px;
	}
	.wrap .socialWrap .new .tle{
		font-size: 12px;
		line-height: 18px;
		height: 18px;
	}
	.wrap .socialWrap .new .date{
		font-size: 10px;
		line-height: 12px;
		margin-top: 4px;
	}
	.wrap .socialWrap .new .btn{
		font-size: 14px;
		max-width: 300px;
		width: 100%;
		height: 40px;
	}
	.con_footer h3 {
		font-size: 1.8rem;
		text-align: center;
	}
	.con_footer p {
		text-align: center;
    	font-size: 1.5rem;
	}
	.con_footer .btn.c_pink{
		position: static;
		margin: 2rem auto 0;
		width: 100%;
	}
	.con_footer{
		display: block;
		position: static;
	}
	.esgCyberWrap article h3{
		font-size: 14px;
		line-height: 20px;
		margin-top: 20px;
	}
	.wrap .riskManagementWrap .managementWrap article.mt60 {
		margin-top: 40px;
	}
	.wrap .riskManagementWrap .managementWrap article h4 {
		font-size: 14px;
		line-height: 20px;
		font-weight: 700;
	}
	.wrap .faqTab .menuLine .tabMenu li{
		padding: 0;
	}
	.wrap .faqTab .menuLine .tabMenu li button{
		font-size: 14px;
		line-height: 16px;
		padding: 11px 0;
	}
	.wrap .esgManagementPolicyWrap .managementPoliicyWrap .safeManagement .boxHeader .in h3.en{margin:0 auto;}
	.wrap .ceoMsgWrap .positionWrap.en{height: auto;}
	.wrap .ceoMsgWrap .positionWrap.en .right{height: auto;}
	.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTableWrap .tabTitle.en li:nth-of-type(1){min-width: 342px;}
	.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTableWrap .tabTitle.en li:nth-of-type(2){min-width: 166px;}
	.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTableWrap .tabTitle.en li:nth-of-type(3){min-width: 169px}
	.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTableWrap .tabTitle.en li:nth-of-type(4){min-width: 215px;}
	.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTableWrap .tabTitle.en li:nth-of-type(5){min-width: 214px;}
	.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTableWrap .tabTitle.en li:nth-of-type(6){min-width: 216px;}
	.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTitle.en{gap:10px;}
	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .graphTitleBtn.en{width: 435px;}
	.newsListWrap li a img{height: calc(100vw * 0.5);}
    .pastListWrap li a img{height: calc(100vw * 0.5);}
	.wrap .ceoWrap .pageBannerWrap.cn {height: auto; }
	
	.wrap .stockWrap .tabMenuWrap .content.content1 .rightSide.en{max-width:778px;}
	.printAds .printAdsSlideWrap .printAdsSlide2 li .image{width: auto;height: auto;}
	.esgGovernanceWrap article .ceoSignWrap{display: flex;align-items:center;justify-content:flex-end;margin-top: 20px;}
	.esgGovernanceWrap article .ceoSignWrap .left{font-size: 12px;font-weight: 700;margin-right: 20px;}
	.esgGovernanceWrap article .ceoSignWrap .right{width: 115px;}
	.esgGovernanceWrap article .ceoSignWrap .right img{width: 100%;}
	.solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody2 .top .topFlex{
		display: block;
	}
	.safeTable{width: 100%;border-top: 2px solid #000; margin-top: 20px;}
	.safeTable thead{background-color: #f5f6f8;}
	.safeTable .bgc{background-color: #f5f6f8;}
	.safeTable td, th{width: 20%;text-align: center;text-align: center;padding: 6px 0;font-size: 10px;}
	
	.cyberGraph .tg-0lax.left{text-align: center;background-color: #f5f6f8;font-weight: 700;font-size: 10px;line-height:14px;border-right: 1px solid #ddd;width: 25%;}
	.cyberGraph .tg-0lax.right{padding:12px 0;font-weight: 500;font-size: 10px;line-height: 14px;padding-left: 4px;}
	.center1628{margin-top: 0;}
	.privacy_policy .con_section_body.selectBox select{width: calc(100% - 60px) !important;margin:0 auto !important;margin-top: 40px !important;height: 4.4rem !important;}
	.managementGraph th,td{text-align: center;padding: 12px 0;font-size: 10px;line-height: 14px;}
	.wrap .courseWrap .courseMenu .content .title.en p{font-weight: 700;color: #000;font-size: 12px;line-height: 20px;}
	.wrap .courseWrap .courseMenu .content .title.cn p{font-weight: 700;color: #000;font-size: 12px;line-height: 20px;font-family: 'Noto Sans SC', sans-serif;}
	.qna_agree h5{font-size: 16px;line-height: 24px;}
	.agreeContent .checkBoxWrap.first{margin-top: 30px;}
	.tableTitle{
		font-size: 20px;
		line-height: 28px;
		padding-bottom: 20px;
	}
	.twinSmart h5{
		margin-top: 20px;
		font-size: 14px;
	}
	.twinSmart h4{
		font-size: 16px;
		line-height: 16px;
		margin-top: 44px;
		margin-left: 16px;
	}
	.twinSmart .flexArea{
		margin-top: 43px;
	}
	.twinSmart .flexArea .num{
		margin-top: 20px;
	}
	.twinSmart .flexArea .num:first-of-type{
		margin-top: 0;
	}
	.twinSmart .flexArea .num .left{
		width: 20px;
		height: 20px;
		font-size: 12px;
		margin-top: 0;
	}
	.twinSmart .flexArea .num .right{
		font-size: 12px;
		line-height: 18px;
	}
	.solutionWrap article .segment .imgArea.mt60{
		margin-top: 20px;
	}
	.twinSmart .subtitle{
		font-size: 14px;
	}
	.twinSmart .subtitle.mt100{
		margin-top: 30px;
	}
	.solutionWrap article.bannerArticle .bottomBanner{
		padding: 60px 0 100px;
	}
	.segment.ml0 .webImg{
		display: none;
	}
	.imgArea.w30{
		margin-top: 20px !important;
	}
	.bgCount1::after{font-size: 50px;left: -17px;bottom: 12px;}
	.bgCount2::after{font-size: 50px;left: -17px;bottom: 12px;}
	.bgCount3::after{font-size: 50px;left: -17px;bottom: 12px;}
	.wrap .esgShareholderWrap .shareholderWrap .graphWrap .graph{
		width: calc((100% - 55px) / 5);
	}
	p.draw_thumbnail{height: calc(100vw * 0.56);}

    /* 뉴스레터 */
    .newsLetterWrap .banner {height: 360px;margin-top:40px;}
    .newsLetterWrap .banner .newsLetterBanner {background: url('../img/img-newsletter-topbn-mo.png') no-repeat center center/contain; width:100%; height:100%; background-size:100% 100%; display:flex; justify-content: center; align-items: center;}
    .newsLetterWrap .banner .newsLetterBanner .text {color: #fff; text-align: center; display:flex; flex-direction: column;}
    .newsLetterWrap .banner .newsLetterBanner .text h3 {font-size:24px; line-height:24px; display:block; position:relative; }
    .newsLetterWrap .banner .newsLetterBanner .text .desc  {font-size:14px; line-height:20px;position:relative; margin:20px auto 0 ;width: 250px;}
    .newsLetterWrap .newsLetter {width:100%;}
    .newsLetterWrap .newsLetter .flexArea {margin-top:40px; display:flex; justify-content: space-between;flex-direction: column; width:100%;}
    .newsLetterWrap .newsLetter .flexArea .newsLetterLeft {width:100%; padding-bottom:40px;}
    .newsLetterWrap .newsLetter .flexArea .newsLetterLeft .newsLetterLeftContent {height:calc(100% + 200px);}
    .newsLetterWrap .newsLetter .flexArea .newsLetterLeft .newsLetterLeftContent .text-box {background:#f5f5f5; padding: 40px 30px;}
    .newsLetterWrap .newsLetter .flexArea .newsLetterLeft .newsLetterLeftContent .text-box .text {display:block; font-size:16px; line-height:26px; color:#666;}
    .newsLetterWrap .newsLetter .flexArea .newsLetterLeft .newsLetterLeftContent .text-box .text + .text{margin-top:20px;}
    .newsLetterWrap .newsLetter .flexArea .newsLetterRight { display:flex; width: calc(100% - 60px); margin: 0 auto; }
    .newsLetterWrap .newsLetter .flexArea .newsLetterRight .newsLetterRightContent {flex:1; width:100%;}
    .newsLetterWrap .newsLetter .flexArea .newsLetterRight .newsLetterRightContent iframe {height:800px;}

}
/*미디어쿼리 시작*/
/* 태블릿 사이즈 */
@media only screen and (max-width: 1219px) {

    .solutionWrap article .segment .btnWrap a{
      width: 400px;
      padding: 16px;
      border-radius: 10px;
      font-size: 20px;
      line-height: 28px;
    }

    .solutionWrap article .segment .btnWrap,
    .solutionWrap article .segment .tabContentsWrap .tabBody .btnWrap {margin-top: 60px;}
    .solutionWrap.autoDrive article .segment .btnWrap {margin-top: 60px;}

}

/* 모바일 사이즈 */
@media only screen and (max-width: 926px) {
	.wrap .referenceWrap .irBnWrap .flexBtn .btn a img{width: 12px;}
	.esgGovernanceWrap article .ceoSignWrap{display: flex;align-items:center;justify-content:flex-end;margin-top: 20px;}
	.esgGovernanceWrap article .ceoSignWrap .left{font-size: 12px;font-weight: 700;margin-right: 20px;}
	.esgGovernanceWrap article .ceoSignWrap .right{width: 115px;}
	.esgGovernanceWrap article .ceoSignWrap .right img{width: 100%;}
	.wrap .stockWrap .tabMenuWrap .content.content3 .listWrap .list1 li.li3.en{word-break:break-all;}
	.printAds .printAdsSlideWrap .printAdsSlide2 li .image{width: auto;height: auto;}
	.wrap .ceoWrap .pageBannerWrap.cn {height: auto; }
	.newsListWrap li a img{height: calc(100vw * 0.5);}
    .pastListWrap li a img{height: calc(100vw * 0.5);}
	.gr{
		display: inherit;
	}
	.gr span{
		margin-right: 5px;
	}
	.gr span.moSpotCenter{
		margin: 3px 3px 0px 3px !important;
	}
	.image .web{
		display:none;
        margin-bottom: 100px;
        height: 90%;
	}
	.image .mob{
		display:block;
	}
	.wrap .tabMenuWrap .menuLine{
		margin-top: 14px !important;
	}
	.wrap .courseWrap .courseMenu .menuLine .tabMenu li{
		padding:12px 0;
		font-size: 14px;
		height: 16px;
	}
	.wrap .tabMenuWrap .menuLine .tabMenu li.on{
		border-bottom: 1px solid #a50034;
	}


    .wrap .footerWrap .cookieBox {
        padding: 30px;
    }
    .wrap .footerWrap .cookieBox .cookieBoxInner {
        flex-direction: column;
    }
    .wrap .footerWrap .cookieBox .cookieBoxInner .cookieTxt {
        gap: 10px;
    }
    .wrap .footerWrap .cookieBox .cookieBoxInner .cookieTxt .cookieTitle {
        font-size: 14px;
        line-height: 16px;
    }
    .wrap .footerWrap .cookieBox .cookieBoxInner .cookieTxt .cookieDesc {
        font-size: 12px;
        line-height: 20px;
    }
    .wrap .footerWrap .cookieBox .cookieBoxInner .cookieWrap {
        flex-direction: column;
        padding-right: 0px;
        align-items: normal;
        gap:10px;
    }
    .wrap .footerWrap .cookieBox .cookieBoxInner .cookieWrap .cookieYesBtn {
        padding: 17px;
        height: 44px;
        font-size: 14px;
        line-height: 16px;
        font-weight: normal;
        margin-right:0px;
    }
    .wrap .footerWrap .cookieBox .cookieBoxInner .cookieWrap .cookiePopupBtn {
        padding: 17px;
        height: 44px;
        font-size: 14px;
        line-height: 16px;
        font-weight: normal;
    }
    .wrap .footerWrap .cookieBox .cookieBoxInner .cookieBoxClose {
        position: absolute;
        top:-20px;
        right:0;
        margin-left: 20px;
        width: 26px;
        height: 26px;
    }
    .wrap .footerWrap .cookieBox .cookieBoxInner .cookieBoxClose img {
        width: 100%;
        height: 100%;
    }

    .modal.cookieModal .modalIn {
        padding:30px;
    }
    .modal.cookieModal .modalIn .scrollForm {
        padding-right: 20px;
    }
    .modal.cookieModal .modalIn .info {
        font-size:12px;
        line-height :20px;
        color: #888;
    }
    .modal.cookieModal .modalIn .grayBox {
        padding: 30px;
        margin-top: 30px;
    }

    .modal.cookieModal .modalIn .grayBox .sec + .sec {
        margin-top: 20px;
    }
    .modal.cookieModal .modalIn .grayBox .sec .tit {
        font-size: 16px;
        line-height :24px;
    }

    .modal.cookieModal .modalIn .grayBox .sec .desc {
        font-size: 12px;
        line-height :24px;
    }
    .modal.cookieModal .modalIn .cookieSave {
        padding: 17px 0;
        color: #fff;
        font-size: 14px;
        line-height: 16px;
        border-radius: 8px;
        margin-top: 30px;
    }

    .modal.cookieModal .modalIn .toggle-control {
        display: inline-block;
        position: relative;
        width: 40px;
        height: 22px;
    }

    .modal.cookieModal .modalIn .toggle-control input {
        opacity: 0;
        width: 0;
        height: 0;
    }

    .modal.cookieModal .modalIn .toggle-control .control {
        position: absolute;
        top: 0;
        left: 0;
        right: 0;
        bottom: 0;
        background-color: #fff;
        transition: 0.4s;
        border-radius: 28px;
        border: 1px solid #ddd;
    }

    .modal.cookieModal .modalIn .toggle-control .control:before {
        position: absolute;
        content: "";
        height: 16px;
        width: 16px;
        left: 3px;
        top: 2px;
        background-color: #ddd;
        transition: 0.4s;
        border-radius: 50%;
    }

    .modal.cookieModal .modalIn .toggle-control input:checked + .control {
        background-color: #fff;
        border: 1px solid #a50034;
    }

    .modal.cookieModal .modalIn .toggle-control input:checked + .control:before {
        transform: translateX(18px);
        background-color: #a50034;
    }


    .modal{
		display: none; 
		width:100%; 
		/*height:60vh;*/
		/*height:56vh;*/
		height:100vh;
		position: fixed;
		top:0;
		left:0;
		z-index: 10000;
		background: rgba(0,0,0,0.5);
	}
   .modal .modalIn{
	 width:100%;
	 margin:0 auto;
	 border-radius:0;
	 padding:30px;
   }
   .modal .modalIn h2{
      font-size: 22px;
      line-height: 22px;
      margin-top: 10px;
   }
   .modal .modalIn strong{
      font-size: 22px;
      line-height: 22px;
      margin-top: -21px;
   }
   .modal .modalIn .signform iframe.newsLetterSubscribe{
   	height: 660px;
   }
   .modal38 .foot_btn_set button{
   	display: block;
    margin-top: 20px;
    line-height: 3.2rem;
    height: 3.2rem;
   }
   .modal39 .foot_btn_set button{
   	display: block;
    margin-top: 20px;
    line-height: 3.2rem;
    height: 3.2rem;
   }
   .modal .modalIn p{
      margin-top: 10px;
      font-size: 12px;
      line-height: 16px;
      word-break: break-all !important;
      color: #888;
   }
   .modal .modalIn .newsLetterCloseBtn{
       margin-top: 320px;
   }
   .modal .modalIn .signform{
      margin-top: 20px;
   }
   .modal .modalIn .signform .image{
	width: 100px;
	margin:0 auto;
}
.modal .modalIn .signform .image img{
	width: 100%;
}
.modal .modalIn .signform h5{
	font-size: 16px;
	line-height: 24px;
	text-align: center;
} 
.modal .modalIn .signform h3{
	font-size: 16px;
}
.modal .modalIn .signform .inputWrap{
	margin-top: 10px;
	/* padding: 12px; */
}
.modal .modalIn .signform .inputWrap input{
	font-size: 14px;
}
.modal .modalIn .signform .inputWrap input::placeholder{
	font-size: 14px;
}
.modal .modalIn .signform .agreeForm{
	margin-top: 10px;
	padding: 12px;
}
.modal .modalIn .signform .agreeForm h4{
	font-size: 14px;
	line-height: 24px;
}
.modal .modalIn .signform .agreeForm ol{
	margin-top: 4px;
	height: 64px;
    overflow: auto;
}
.modal .modalIn .signform .agreeForm ol li{
	font-size: 14px;
	line-height: 24px;
}
.modal .modalIn .signform .check{
	margin-top: 20px;
}
.modal .modalIn .signform .check .text{
	font-size: 12px;
	line-height: 20px;
	word-break:keep-all;
	margin-left: 8px;
}
.modal .modalIn .signform .btn{
	margin-top: 20px;
	height: 50px;
}
.modal .modalIn .signform .btn a{
	font-size: 14px;
}
.modal .modalIn .signform .flexWrap{
	display: block;
}
.modal .modalIn .signform .flexWrap>.inputWrap{
	width: calc(100% - 26px);
	
}
.modal .modalIn .scrollForm{
	height: 408px;
	overflow:auto;
	margin-top: 30px;
}
.modal .modalIn .scrollForm h4{
	font-size: 14px;
	line-height: 16px;
	margin-top: 30px;
}
.modal .modalIn .scrollForm h4:first-of-type{
	margin-top: 0;
}
.modal .modalIn .scrollForm p{
	font-size: 12px;
	line-height: 20px;
	color: #888;
	margin-top: 10px;
}
.modal .modalIn .check{
	width: 100%;
	background-color: #a50034;
	padding: 17px 0;
	display: flex;
	align-items:center;
	justify-content:center;
	border-radius: 8px;
	margin-top: 30px;
}
.modal .modalIn .check a{
	width: 100%;
	font-size: 14px;
	line-height: 16px;
	color: #fff;
	
	text-align: center;
	
}
.modal40 {
    height:100vh;
}
.modal.modal40 .modalIn h2 {
    margin-top:-10px;
}
.modal40 .trainingModalCont {margin:40px 10px 0;}
.modal40 .trainingModalCont .list {gap:20px;}
.modal40 .trainingModalCont .list li {gap:7px;}
.modal40 .trainingModalCont .list li .tit {font-size:16px; line-height:1;}
.modal40 .trainingModalCont .list li .tit:before {top:5px; left:-10px; width:3px; height:3px;}
.modal40 .trainingModalCont .list li .desc {font-size:14px;line-height:1.57}
  .mobNaviWrap {
    display: block;
  }

  .wrap .pressDetail {
    padding-bottom: 100px;
  }
  .wrap .pressDetail .naviTitle .dateSns {
    display: block;
  }
  .wrap .pressDetail .naviTitle .dateSns p {
    font-size: 12px;
    line-height: 12px;
  }
  .wrap .pressDetail .naviTitle .dateSns ul {
    margin-top: 20px;
  }
  .wrap .pressDetail .naviTitle .dateSns ul li {
    width: 30px;
    height: 30px;
    margin-right: 10px;
    margin-left: 0;
  }
  .wrap .pressDetail .slideArticle {
    padding: 0;
    padding-bottom: 60px;
    width: calc(100% - 60px) !important;
  }
  .wrap .pressDetail .slideArticle h6 {
    font-size: 12px;
    line-height: 18px;
  }
  .wrap .pressDetail .slideArticle .slideContents li {
    width: 252px !important;
    height: 150px !important;
  }
  .wrap .pressDetail .slideArticle .slideContents .slick-arrow {
    display: none !important;
  }
  .wrap .pressDetail .slideArticle .slideContents .slick-slide {
    margin: 0 8px;
  }
  .wrap .pressDetail .productSlideWrap {
    margin-top: 20px;
  }
  .wrap .pressDetail .productSlideWrap h4 {
    font-size: 22px;
    line-height: 22px;
  }
  .wrap .pressDetail .productSlideWrap .productSlide {
    margin-top: 24px;
  }
  .wrap .pressDetail .productSlideWrap .productSlide .slick-slide {
    margin: 0 8px;
  }
  .wrap .pressDetail .productSlideWrap .productSlide li {
    width: 118px !important;
    height: 118px !important;
  }
  .wrap .pressDetail .pressContents {
    padding: 40px 0;
  }
  .wrap .pressDetail .pressContents img {
    width: 100% !important;
  }
  .wrap .pressDetail .pressContents h3 {
    font-size: 18px;
    line-height: 26px;
    font-weight: 900;
  }
  .wrap .pressDetail .pressContents h4 {
    font-size: 14px;
    line-height: 1;
    font-weight: normal;
    margin-top: 20px;
    color: #444;
  }
  .wrap .pressDetail .pressContents .image {
    width: 100%;
    margin-top: 0;
  }
  .wrap .pressDetail .pressContents p {
    margin-top: 0;
    font-size: 10px;
    line-height: 18px;
  }
  .wrap .pressDetail .pressContents .btn {
    width: 100%;
    height: 50px;
    background-color: #a50034;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
    margin: 40px 0 auto;
  }
  .wrap .pressDetail .pressContents .btn a {
    color: #fff;
    font-size: 14px;
    line-height: 16px;
    font-weight: 900;
  }
  .wrap .pressDetail .boardNavi {
    flex-wrap: wrap;
  }
  .wrap .pressDetail .boardNavi a {
    display: block;
  }
  .wrap .pressDetail .boardNavi a:nth-of-type(1), .wrap .pressDetail .boardNavi a:nth-of-type(2) {
    width: calc(50% - 10px);
  }
  .wrap .pressDetail .boardNavi a:nth-of-type(3) {
    width: 100%;
    margin-top: 10px;
  }
  .wrap .blueBox {
    display: none;
  }
  .wrap .awardsWrap .tabMenuWrap .menuLine{
  	margin-top: 40px;
  }
  .wrap .articleTitleWrap {
    padding-top: 0;
  }
  .wrap .articleTitleWrap .titleSub {
    display: none;
  }
  .wrap .articleTitleWrap h2 {
    line-height: 1.33;
    word-break: keep-all;
    margin-top: 0;
    font-size: 24px;
    line-height: 32px;
    font-weight: 900;
    margin-top: 40px;
  }
  .wrap .marginCenterArt {
    width: calc(100% - 60px);
  }
   .wrap .center1628 {
    width: calc(100% - 60px);
  }
  .wrap .bannerWrap {
    margin-top: 40px !important;
    margin-bottom: 100px !important;
    background-image: url(../img/img-mo-bn-cs.png);
    background-repeat: no-repeat;
    background-size: cover;
    padding: 28px 20px;
    height: auto;
    /* width: 100%; */
    width: calc(100% - 60px);
  }
  .pageBanner.mb0{
  	margin-bottom: 0;}
  .wrap .bannerWrap .banner h2 {
    font-size: 14px !important;
    line-height: 22px;
    word-break: keep-all;
  }
  .wrap .bannerWrap .banner a {
    width: 165px;
    height: 30px;
    font-size: 12px;
    margin-top: 20px;
    text-align: center;
    line-height: 30px;
    padding:0 3px;
  }
  .wrap .faqWrap .bannerWrap .banner a{
  	width: 83px;
  }
  .wrap .bannerWrap .banner a img {
    width: 12px;
    margin-left: 6px;
  }
  .wrap .consultWrap {
    width: calc(100% - 60px);
    padding-bottom: 100px;
  }
  .wrap .consultWrap .consultSubTitle {
    padding: 10px 0;
    align-items: flex-end;
    margin-top: 50px;
  }
  .wrap .consultWrap .consultSubTitle:first-of-type {
    margin-top: 30px;
  }
  .wrap .consultWrap .consultSubTitle h3 {
    font-size: 16px;
    line-height: 24px;
    font-weight: 700;
    word-break: keep-all;
  }
  .wrap .consultWrap .consultSubTitle h2 {
    font-size: 20px;
    line-height: 22px;
    font-weight: 700;
  }
  .wrap .consultWrap .consultSubTitle .important {
    font-size: 12px;
  }
  .wrap .consultWrap .consultContent {
    margin-top: 30px;
  }
  .wrap .consultWrap .consultContent .areaClick {
    flex-wrap: wrap;
    gap: 20px;
  }
  .wrap .consultWrap .consultContent .areaClick .checkBox {
    margin-right: 0;
    width: 45.8%;
  }
  .wrap .consultWrap .consultContent .areaClick .checkBox .imgWrap {
    width: 26px;
    margin-right: 7px;
  }
  .wrap .consultWrap .consultContent .areaClick .checkBox .imgWrap img {
    width: 100%;
  }
  .wrap .consultWrap .consultContent .areaClick .checkBox .text {
    font-size: 16px;
  }
  .wrap .consultWrap .consultContent .areaBox {
    width: 100%;
    display: block;
    margin-top: 30px;
  }
  .wrap .consultWrap .consultContent .areaBox .custom {
    width: 100%;
    margin-top: 16px;
  }
  .wrap .consultWrap .consultContent .areaBox .custom:first-of-type {
    margin-top: 0;
  }
  .wrap .consultWrap .consultContent .areaBox .custom .selectInput {
    padding: 0 14px;
    line-height: 44px;
  }
  .wrap .consultWrap .consultContent .areaBox .custom .selectInput span {
    font-size: 16px;
  }
  .wrap .consultWrap .consultContent .areaBox .custom .selectInput span.right {
    width: 26px;
  }
  .wrap .consultWrap .consultContent .areaBox .custom .selectInput span.right img {
    width: 100%;
  }
  .wrap .consultWrap .consultContent .areaBox .custom.on .selectInput {
    padding: 8px 14px;
  }
  .wrap .consultWrap .consultContent .areaBox .custom.on .selectInputContent {
    z-index: 9;
  }
  .wrap .consultWrap .consultContent .customSelectBox2 {
    width: 100%;
    display: block;
  }
  .wrap .consultWrap .consultContent .customSelectBox2 .custom {
    width: 100%;
    margin-top: 16px;
  }
  .wrap .consultWrap .consultContent .customSelectBox2 .custom:first-of-type {
    margin-top: 0;
  }
  .wrap .consultWrap .consultContent .customSelectBox2 .custom .selectInput {
    padding: 0 14px;
    line-height: 44px;
  }
  .wrap .consultWrap .consultContent .customSelectBox2 .custom .selectInput span {
    font-size: 16px;
  }
  .wrap .consultWrap .consultContent .customSelectBox2 .custom .selectInput span.right {
    width: 26px;
  }
  .wrap .consultWrap .consultContent .customSelectBox2 .custom .selectInput span.right img {
    width: 100%;
  }
  .wrap .consultWrap .consultContent .customSelectBox2 .custom.on .selectInput {
    padding: 8px 14px;
  }
  .wrap .consultWrap .consultContent .customSelectBox2 .custom.on .selectInputContent {
    z-index: 9;
  }
  .wrap .consultWrap .consultContent .click {
    width: calc(100% - 60px);
    max-width: 360px;
    flex-wrap: wrap;
    gap: 40px;
  }
  .wrap .consultWrap .consultContent .click .checkBox .imgWrap {
    width: 100px;
    height: 100px;
  }
  .wrap .consultWrap .consultContent .click .checkBox .imgWrap img {
    width: 100%;
  }
  .wrap .consultWrap .consultContent .click .checkBox .text {
    font-size: 16px;
    margin-top: 16px;
  }
  .wrap .consultWrap .consultContent .inputSection {
    display: block;
  }
  .wrap .consultWrap .consultContent .inputSection .side {
    width: 100%;
  }
  .wrap .consultWrap .consultContent .inputSection .side.right {
    margin-top: 30px;
  }
  .wrap .consultWrap .consultContent .inputSection .side .box {
    margin-top: 30px;
  }
  .wrap .consultWrap .consultContent .inputSection .side .box:first-of-type {
    margin-top: 0;
  }
  .wrap .consultWrap .consultContent .inputSection .side .box h2 {
    font-size: 16px;
  }
  .wrap .consultWrap .consultContent .inputSection .side .box .inputWrap {
    margin-top: 10px;
    height: 44px;
    padding: 0 14px;
  }
  .wrap .consultWrap .consultContent .inputSection .side .box .inputWrap input {
    font-size: 16px;
  }
  .wrap .consultWrap .consultContent .inputSection .side .box .inputWrap input::-moz-placeholder {
    font-size: 16px;
  }
  .wrap .consultWrap .consultContent .inputSection .side .box .inputWrap input:-ms-input-placeholder {
    font-size: 16px;
  }
  .wrap .consultWrap .consultContent .inputSection .side .box .inputWrap input::placeholder {
    font-size: 16px;
  }
  .wrap .consultWrap .consultContent .conceptClick {
    flex-wrap: wrap;
    gap: 28px;
  }
  .wrap .consultWrap .consultContent .conceptClick .checkBox {
    align-items: center;
    margin-right: 42px;
  }
  .wrap .consultWrap .consultContent .conceptClick .checkBox .imgWrap {
    width: 26px;
    height: 26px;
    margin-right: 8px;
  }
  .wrap .consultWrap .consultContent .conceptClick .checkBox .imgWrap img {
    width: 100%;
  }
  .wrap .consultWrap .consultContent .conceptClick .checkBox .text {
    font-size: 16px;
  }
  .wrap .consultWrap .consultContent .textArea {
    height: 140px;
  }
  .wrap .consultWrap .consultContent .textArea textarea {
    padding: 14px;
  }
  .wrap .consultWrap .consultContent .accept .agreeContent .checkBoxWrap {
    margin-top: 0;
    padding-top: 20px;
  }
  .wrap .consultWrap .consultContent .accept .agreeContent .checkBoxWrap.first {
    margin-top: 0;
    padding: 0;
    padding-bottom: 20px;
  }
  .wrap .consultWrap .consultContent .accept .agreeContent .checkBoxWrap h4 {
    font-size: 12px;
    line-height: 20px;
    margin-top: 14px;
    word-break: keep-all;
  }
  .wrap .consultWrap .consultContent .accept .agreeContent .checkBoxWrap .checkBox .imgWrap {
    width: 26px;
    margin-left: 8px;
  }
  .wrap .consultWrap .consultContent .accept .agreeContent .checkBoxWrap .checkBox .imgWrap img {
    width: 100%;
  }
  .wrap .consultWrap .consultContent .accept .agreeContent .checkBoxWrap .checkBox .text {
    font-size: 16px;
  }
  .wrap .consultWrap .consultContent .hireTypeContent {
    display: block;
  }
  .wrap .consultWrap .consultContent .hireTypeContent .left .checkBox {
    align-items: center;
    margin-right: 42px;
  }
  .wrap .consultWrap .consultContent .hireTypeContent .left .checkBox .imgWrap {
    width: 26px;
    height: 26px;
    margin-right: 8px;
  }
  .wrap .consultWrap .consultContent .hireTypeContent .left .checkBox .imgWrap img {
    width: 100%;
  }
  .wrap .consultWrap .consultContent .hireTypeContent .left .checkBox .text {
    font-size: 16px;
    margin-left: 0;
  }
  .wrap .consultWrap .consultContent .hireTypeContent .left .gr {
    margin-top: 10px;
    font-size: 12px;
    line-height: 18px;
  }
  .wrap .consultWrap .consultContent .hireTypeContent .right {
    margin-top: 20px;
    width: 119px;
    height: 30px;
  }
  .wrap .consultWrap .consultContent .hireTypeContent .right a {
    font-size: 12px;
  }
  .wrap .consultWrap .consultContent .hireTypeContent .right a img {
    width: 12px;
    margin-left: 6px;
  }
  .wrap .consultWrap .policyBox {
    margin-top: 60px;
    padding: 30px;
  }
  .wrap .consultWrap .policyBox h2 {
    font-size: 16px;
  }
  .wrap .consultWrap .policyBox p {
    font-size: 12px;
    line-height: 24px;
    margin-top: 10px;
    word-break: keep-all;
  }
  .wrap .consultWrap .btn {
    width: 100%;
    height: 60px;
    font-size: 18px;
    padding: 0;
    margin-top: 60px;
    border-radius: 8px;
  }
  .wrap .consultWrap .btn a {
    font-size: 18px;
    line-height: 60px;
  }
  .wrap .faqWrap .faqSearchWrap {
    margin-top: 40px;
    padding: 0;
    border: 0;
  }
  .wrap .faqWrap .faqSearchWrap .faqSearch {
    width: 100%;
  }
  .wrap .faqWrap .faqSearchWrap .faqSearch .faqInput {
    padding: 9px 14px;
    font-size: 16px;
  }
  .wrap .faqWrap .faqSearchWrap .faqSearch .faqInput input {
    font-size: 16px;
  }
  .wrap .faqWrap .faqSearchWrap .faqSearch .faqInput input::-moz-placeholder {
    font-size: 16px;
  }
  .wrap .faqWrap .faqSearchWrap .faqSearch .faqInput input:-ms-input-placeholder {
    font-size: 16px;
  }
  .wrap .faqWrap .faqSearchWrap .faqSearch .faqInput input::placeholder {
    font-size: 16px;
  }
  .wrap .faqWrap .tabMenuWrap .menuLine {
    margin-top: 40px;
  }
  .wrap .faqWrap .tabMenuWrap .menuLine .tabMenu li {
    font-size: 14px;
    line-height: 16px;
    padding: 11px 0;
    font-weight: 900;
  }
  .wrap .faqWrap .tabMenuWrap .menuLine .tabMenu li.on {
    border-bottom: 2px solid #a50034;
  }
  .wrap .faqWrap .tabMenuWrap .content .tabArticleWrap .articleWrap .article {
    margin-top: 60px;
  }
  .wrap .faqWrap .tabMenuWrap .content .tabArticleWrap .articleWrap .article li .questionWrap {
    height: auto;
    padding: 19px 0;
    position: relative;
  }
  .wrap .faqWrap .tabMenuWrap .content .tabArticleWrap .articleWrap .article li .questionWrap span {
    display: block;
    line-height: 1;
  }
  .wrap .faqWrap .tabMenuWrap .content .tabArticleWrap .articleWrap .article li .questionWrap span.listNum {
    float: none;
    width: auto;
    line-height: 16px;
    font-size: 14px;
  }
  .wrap .faqWrap .tabMenuWrap .content .tabArticleWrap .articleWrap .article li .questionWrap span.listTitle {
    float: none;
    width: calc(100% - 30px);
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
  .wrap .faqWrap .tabMenuWrap .content .tabArticleWrap .articleWrap .article li .questionWrap .crossIcon {
    padding: 0;
    float: right;
    width: 26px;
    height: 26px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  .wrap .faqWrap .tabMenuWrap .content .tabArticleWrap .articleWrap .article li .questionWrap .crossIcon img {
    width: 100%;
  }
  .wrap .faqWrap .tabMenuWrap .content .tabArticleWrap .articleWrap .article li .answerWrap {
    padding: 20px;
  }
  .wrap .faqWrap .tabMenuWrap .content .tabArticleWrap .articleWrap .article li .answerWrap p {
    font-size: 12px;
    line-height: 24px;
  }
.hiringTabWrap {
    width: 100%;
    overflow-x: auto;
    box-sizing: border-box;
    height: 85px;
  }
.hiringTabWrap::-webkit-scrollbar {
    display: none;
  }
.hiringTabWrap .hiringTab {
    width: calc(100% - 60px) !important;
    max-width: none;
    margin-top: 60px;
    justify-content: flex-start;
  }
 .hiringTabWrap .hiringTab li {
    font-size: 12px;
    margin-right: 14px;
    text-align: center;
  }
.hiringTabWrap .hiringTab li::after {
    bottom: -2px;
  }
.hiringTabWrap .hiringTab li:nth-of-type(1) {
    min-width: 46px;
  }
 .hiringTabWrap .hiringTab li:nth-of-type(2) {
    min-width: 46px;
  }
.hiringTabWrap .hiringTab li:nth-of-type(3) {
    min-width: 76px;
  }
.hiringTab li:nth-of-type(4) {
    min-width: 76px;
  }
.hiringTab li:nth-of-type(5) {
    min-width: 92px;
  }
 .hiringTab li:nth-of-type(6) {
    min-width: 46px;
  }
  .wrap .softwareWrap {
    width: calc(100% - 60px);
    padding-bottom: 0;
  }
  .wrap .softwareWrap .softBtnWrap {
    display: block;
    margin-top: 40px;
    margin-bottom: 100px;
  }
  .wrap .softwareWrap .softBtnWrap .softSide {
    width: 100%;
  }
  .wrap .softwareWrap .softBtnWrap .softSide .btn {
    height: auto;
    margin-top: 20px;
  }
  .wrap .softwareWrap .softBtnWrap .softSide .btn .soft {
    padding: 20px;
  }
  .wrap .softwareWrap .softBtnWrap .softSide .btn .soft .listNum {
    font-size: 16px;
    line-height: 24px;
  }
  .wrap .softwareWrap .softBtnWrap .softSide .btn .crossWrap {
    align-items: center;
  }
  .wrap .softwareWrap .softBtnWrap .softSide .btn .answerWrap .email {
    display: block;
  }
  .wrap .softwareWrap .softBtnWrap .softSide .btn .answerWrap .email .title {
    font-size: 14px;
    line-height: 16px;
  }
  .wrap .softwareWrap .softBtnWrap .softSide .btn .answerWrap .email .content {
    margin-left: 0;
    margin-top: 10px;
    font-size: 14px;
    line-height: 16px;
    width: 100%;
  }
  .wrap .softwareWrap .softBtnWrap .softSide .btn .answerWrap .download {
    margin-top: 20px;
  }
  .wrap .softwareWrap .softBtnWrap .softSide .btn .answerWrap .download .downbtn {
    width: 100%;
    padding: 0 20px;
  }
  .wrap .softwareWrap .softBtnWrap .softSide .btn .answerWrap .download .downbtn a {
    font-size: 12px;
    height: 44px;
  }
  .wrap .softwareWrap .softBtnWrap .softSide .btn.on {
    height: 392px !important;
  }
  .wrap .softwareWrap .softBtnWrap .softSide .btn.on .crossWrap::after {
    bottom: -20px;
  }
  .wrap .softwareWrap .softBtnWrap .softSide .btn.on .answerWrap {
    padding: 20px;
  }
  .wrap .softwareWrap .softBtnWrap .softSide.right {
    margin-top: 20px;
  }
  .wrap .insightWrap .bannerWrap .banner a {
    width: 192px;
    border: solid 1px #fff;
  }
  .wrap .insightWrap .innoWrap .tabMenuWrap .menuLine {
    margin-top: 40px;
  }
  .wrap .insightWrap .innoWrap .tabMenuWrap .menuLine .tabMenu {
      width: 310px;
      /*width: 230px;*/
  }
  .wrap .insightWrap .innoWrap .tabMenuWrap .menuLine .tabMenu li {
    font-size: 12px;
    padding: 2px 0;
    margin: 0 7px;
  }
  .wrap .insightWrap .innoWrap .tabMenuWrap .menuLine .tabMenu li:nth-of-type(1) {
    margin-left:0;
  }
  .wrap .insightWrap .innoWrap .tabMenuWrap .menuLine .tabMenu li:last-child {
    margin-right:0;
  }
  .wrap .insightWrap .innoWrap .content {
    margin-top: 40px;
  }
  .wrap .insightWrap .innoWrap .hoverImg {
    display: block;
    margin-top: 40px;
  }
  .wrap .insightWrap .innoWrap .hoverImg .left li {
    width: 100%;
    height: auto;
  }
  .wrap .insightWrap .innoWrap .hoverImg .left li a {
    display: block;
  }
  .wrap .insightWrap .innoWrap .hoverImg .left li a .text {
    bottom: 0;
    padding: 30px 20px;
  }
  .wrap .insightWrap .innoWrap .hoverImg .left li a .text .category {
    font-size: 10px;
    line-height: 18px;
    height: 20px;
  }
  .wrap .insightWrap .innoWrap .hoverImg .left li a .text strong {
    font-size: 16px;
    margin-top: 8px;
    line-height: 20px;
    word-break: keep-all;
  }
  .insightWrap .innoWrap .hoverImg li:hover a .textBox{
  	margin-top: 8px;
  	width: 350px !important;
  	height: 28px !important;
	opacity: 1;
  	line-height: 1.4;	
  	font-size: 10px !important;
  	
  	max-width: calc(100% - 38px);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box; 
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
  }
  .wrap .insightWrap .innoWrap .hoverImg .left li a .text{
  	width:100%;
  	box-sizing: border-box;
  }
  .wrap .insightWrap .innoWrap .hoverImg .left li a .text .textBox {
    font-size: 12px;
    line-height: 16px;
    width:100%;	
  	
  	max-width: calc(100%);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box; 
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
  }
  .wrap .insightWrap .innoWrap .hoverImg .left li:hover a .text .textBox {
    margin-top: 20px;
	height: 32px !important;
	opacity: 1;
  	width:100% !important;	
  	
  	max-width: calc(100%);
	overflow: hidden;
	text-overflow: ellipsis;
	display: -webkit-box; 
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
  }
  .wrap .insightWrap .innoWrap .hoverImg .right {
    display: flex;
    justify-content: space-between;
    margin: 0 auto;
    width:calc(100% - 60px);
    margin-top: 40px;
  }
  .wrap .insightWrap .innoWrap .hoverImg .right ul {
    width: calc(50% - 8px);
    display: block;
    height: auto;
  }
  .wrap .insightWrap .innoWrap .hoverImg .right ul:nth-of-type(2) {
    margin-top: 0;
  }
  .wrap .insightWrap .innoWrap .hoverImg .right ul li {
    width: 100%;
    height: auto;
  }
  .wrap .insightWrap .innoWrap .hoverImg .right ul li img {
    -o-object-fit: cover;
       object-fit: cover;
    width: 100%;
    height: 40vw;
  }
  .wrap .insightWrap .innoWrap .hoverImg .right ul li .text {
    font-size: 12px;
    line-height: 16px;
    bottom:24px;
  }
  .insightWrap .innoWrap .hoverImg .right ul:hover{
  	 box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.6);
  }
  .wrap .insightWrap .innoWrap .hoverImg .right ul li .text .textBox {
    font-size: 12px;
    line-height: 16px;
    display: none;
  }
  .wrap .insightWrap .innoWrap .hoverImg .right ul .textSideWrap {
    padding: 10px;
    height: 76px;
  }
  .wrap .insightWrap .innoWrap .hoverImg .right ul .textSideWrap .textSide .category {
    font-size: 10px;
    line-height: 18px;
    height: 20px;
    margin-top: 0;
  }
  .wrap .insightWrap .innoWrap .hoverImg .right ul .textSideWrap .textSide strong {
    font-size: 10px;
    margin-top: 8px;
    line-height: 14px;
    word-break: keep-all;
  }
  .wrap .insightWrap .innoWrap .content .newsListWrap {
    display: block;
    width: 100% !important;
  }
  .wrap .insightWrap .innoWrap .content .newsListWrap li:first-of-type{
  	margin-top: 40px;
  }
  .wrap .insightWrap .innoWrap .content .newsListWrap li {
    width: 100%;
    height: auto;
    margin-right: 0;
    margin-top: 20px;
  }
  .wrap .insightWrap .innoWrap .content .newsListWrap li:hover{
  	box-shadow: 0 10px 20px 0 rgba(0, 0, 0, 0.6);
  }
  .wrap .insightWrap .innoWrap .content .newsListWrap li a {
    display: block;
  }
  .wrap .insightWrap .innoWrap .content .newsListWrap li a .text {
    bottom: 0;
    padding: 20px 20px;
  }
  .wrap .insightWrap .innoWrap .content .newsListWrap li a .text .category {
    font-size: 12px;
    line-height: 24px;
    height: 24px;
  }
  .wrap .insightWrap .innoWrap .content .newsListWrap li a .text strong {
    font-size: 14px;
    margin-top: 8px;
    line-height: 20px;
    word-break: keep-all;
  }
  .wrap .insightWrap .innoWrap .content .newsListWrap li a .text .textBox {
    font-size: 12px;
    line-height: 16px;
    
    height: 32px;
    overflow: hidden;
    margin-top: 10px;
    display: none;
  }
  .wrap .insightWrap .innoWrap .content .paging {
    margin-top: 60px;
  }
  .wrap .socialWrap .mediaBtn {
    width: calc(100% - 60px);
    flex-wrap: wrap;
    gap: 20px;
    justify-content: center;
    padding: 40px 0 60px;
  }
  .wrap .socialWrap .mediaBtn .media {
    padding: 0;
  }
  .wrap .socialWrap .mediaBtn .media .image {
    width: 80px;
  }
  .wrap .socialWrap .mediaBtn .media .image img {
    width: 100%;
  }
  .wrap .socialWrap .mediaBtn .media .text {
    font-size: 12px;
    margin-top: 10px;
  }
  .wrap .socialWrap .new {
    padding: 60px 0;
  }
  .wrap .socialWrap .new .titleWrap h2 {
    width: 100%;
    word-break: keep-all;
    font-size: 22px;
    line-height: 26px;
  }
  .wrap .socialWrap .new .titleWrap .btnAll {
    display: none;
  }
  .wrap .socialWrap .new .videoWrap {
    display: block;
  }
  .wrap .socialWrap .new .videoWrap .videoMain {
    width: 100%;
    margin-bottom: 40px;
  }
  .wrap .socialWrap .new .videoWrap .videoMain .text h2 {
    font-size: 12px;
    line-height: 18px;
  }
  .wrap .socialWrap .new .videoWrap .videoMain .text p {
    font-size: 10px;
    line-height: 12px;
    margin-top: 4px;
  }
  .wrap .socialWrap .new .mobBtnAll {
    display: block;
    width: calc(100% - 60px);
    margin: 0 auto;
    height: 40px;
    border: 1px solid #ddd;
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .wrap .socialWrap .new .mobBtnAll a img{
  	width: 26px;
  	margin-left: 0;
  }
  .wrap .socialWrap .new .mobBtnAll a {
    font-size: 14px;
    line-height: 16px;
  }
  /* 회사소개 */
  .wrap .companyIntro .pageBannerWrap {
    display: block;
    margin-top: 40px;
  }
  .wrap .companyIntro .pageBannerWrap .pageBanner {
    width: 100%;
    height: 100vw;
  }
  .wrap .companyIntro .pageBannerWrap .textWrap {
    margin-left: -30px;
    width: calc(100% + 60px);
    padding: 40px 30px;
    height: auto;
  }
  .rightGrMob{
  	display: block;
  	font-size: 10px;
  	color: #888;
  	line-height: 11px;
  	margin-top: 20px;
  }
  .wrap .companyIntro .pageBannerWrap .textWrap .textIntro h2 {
    font-size: 20px;
    line-height: 28px;
    font-weight: 900;
    padding-bottom: 10px;
  }
  .wrap .companyIntro .pageBannerWrap .textWrap .textIntro p {
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
  }
  .wrap .companyIntro .pageBannerWrap .textWrap .textIntro p.mt40 {
    margin-top: 10px;
  }
  .wrap .companyIntro .companyInfo {
    margin-top: 40px;
  }
  .wrap .companyIntro .businessArea .flexArea{
  	margin-top: 20px;
    flex-direction: column;
  }
  .wrap .companyIntro .companyInfo .infoTitle .side.left {
    font-size: 20px;
  }
  .wrap .companyIntro .companyInfo .infoTitle .side.right {
    display: none;
  }
  .wrap .companyIntro .companyInfo .infoContent {
    margin-top: 20px;
    gap:0;
  }
  .wrap .companyIntro .companyInfo .infoContent .media {
    width: 100%;
    max-width:300px;
    margin:0 auto;
    height: 120px;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 12px;
  }
  .wrap .companyIntro .companyInfo .infoContent .media .mediaContent {
    width: 100%;
    display: flex;
    align-items: center;
  }
  .wrap .companyIntro .companyInfo .infoContent .media .mediaContent .image {
    width: 60px;
    margin: initial;
  }
  .wrap .companyIntro .companyInfo .infoContent .media .mediaContent .text {
    margin-left: 10px;
    margin-top: 0;
    text-align: left;
  }
  .wrap .companyIntro .companyInfo .infoContent .media .mediaContent .text h3 {
    font-size: 10px;
    line-height: 14px;
  }
  .wrap .companyIntro .companyInfo .infoContent .media .mediaContent .text p {
    font-size: 12px;
    line-height: 12px;
    font-weight: 900;
    margin-top: 8px;
  }
  .wrap .companyIntro .companyInfo .infoContent .media .mediaContent .text .plusInfo {
    font-size: 10px;
    line-height: 10px;
    margin-top: 8px;
  }
  .wrap .companyIntro .businessArea .flexArea .article {
    width: 100%;
    height: 53vw;
  }
  .wrap .companyIntro .businessArea .flexArea .article.art1 {
    width: 100%;
    height: 280px;
  }
  .wrap .companyIntro .businessArea .flexArea .article.art1 {
    background-image: url(../img/img-mo-company-business-01.png)
  }
  .wrap .companyIntro .businessArea .flexArea .article.art2 {
    width: 100%;
    height: 280px;
  }
  .wrap .companyIntro .businessArea .flexArea .article.art2 {
    background-image: url(../img/img-mo-company-business-02.png);
  }
  .wrap .companyIntro .businessArea .flexArea .article.art3 {
    width: 100%;
    height: 280px;
  }
  .wrap .companyIntro .businessArea .flexArea .article.art3 {
    background-image: url(../img/img-mo-company-business-03.png);
  }
  .wrap .companyIntro .businessArea .flexArea .article.art4 {
    width: 100%;
    height: 79vw;
  }
  .wrap .companyIntro .businessArea .flexArea .article .text{
  	top:auto;
  	bottom: 20px;
  	left: 20px;
    width: calc(100% - 40px);
  }
  .wrap .companyIntro .businessArea .flexArea .article .text h2 {
    font-size: 18px;
    line-height: 18px;
  }
  .wrap .companyIntro .businessArea .flexArea .article .text h2::after {
    width: 20px;
  }
  .wrap .companyIntro .businessArea .flexArea .article .text p {
    font-size: 12px;
    line-height: 20px;
  }
  .wrap .companyIntro .businessArea .flexArea .article .text p.web{
  	display: none;
  }
  .wrap .companyIntro .businessArea .flexArea .article .text p.mob{
  	display: block;
    width: 100%;
  }
  .wrap .companyIntro .businessArea .flexArea .article .text p.mob.en{
  	display: block;
  	width: 100%;
  }
  .wrap .companyIntro h2.companyAv{
		font-size: 20px;
		line-height: 22px;
		margin-top: 60px;
	}
  .wrap .companyIntro .tabMenuWrap {
    display: block;
    width: 100%;
  }
  .wrap .companyIntro .tabMenuWrap .menuLine {
    margin-top: 60px;
    border-bottom: 1px solid #ddd;
  }
  .wrap .companyIntro .tabMenuWrap .menuLine .tabMenu li {
    font-size: 14px;
    line-height: 16px;
    padding:9px 0;
    border-bottom: 0;
  }
  .wrap .companyIntro .tabMenuWrap .menuLine .tabMenu li:nth-of-type(1){width: 31%;}
  .wrap .companyIntro .tabMenuWrap .menuLine .tabMenu li:nth-of-type(2){width: 38%;}
  .wrap .companyIntro .tabMenuWrap .menuLine .tabMenu li:nth-of-type(3){width: 31%;}
  .wrap .companyIntro .tabMenuWrap .menuLine .tabMenu li.on{
  	border-bottom:2px solid #a50034;
  }
  .wrap .companyIntro .tabMenuWrap .content {
    padding: 40px 0 100px;
  }
  .wrap .companyIntro .tabMenuWrap .content .image {
    width: calc(100% - 60px);
  }
  .wrap .companyIntro .tabMenuWrap .content .image iframe {
    width: 100%;
    height: 48vw;
  }
  .wrap .companyIntro .businessArea h2{
  
  font-size: 20px;
  line-height: 28px;}
  
  /* 솔루션 */
  .solutionWrap .marginCenter{
    width:calc(100% - 60px);
  }
  .solutionWrap .pageBanner2{
    margin-top: 20px;
    width: 100%;
    height: calc(100vw * 0.4);
  }
  .solutionWrap .pageBanner2 h3{
    font-size: 16px;
    line-height: 20px;
    padding-top: 30px;
    width: calc(100% - 60px);
    margin:0 auto;
  }
  .solutionWrap article{
    padding: 60px 0;
  }
  .solutionWrap article .segment .segmentContents{
    width: 100%;
    margin-top: 20px;
  }
  .solutionWrap article .segment .segmentContents .imgArea{
    margin-top: 20px;
  }
  .solutionWrap article .segment:first-of-type ~ .segment{
    margin-top: 60px;
  }
  
  .solutionWrap article .segment .segmentContents .textArea {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border: 4px solid #ddd;
    padding: 20px;
    text-align: center;
  }
  .solutionWrap article .segment .segmentContents .textArea h5{
    font-size: 14px;
    line-height: 24px;
    font-weight: 700;
    text-align: left;
  }
  .solutionWrap article .segment h3{
    font-size: 20px;
    line-height: 28px;
  }
  .solutionWrap article .segment h4{
      font-size: 16px;
      line-height:24px;
      margin-top: 32px;
  }
  .solutionWrap article .segment h4.mt120 {
      margin-top: 60px;
  }
  .solutionWrap article .segment p{
    font-size: 12px;
    line-height: 20px;
    margin-top: 20px;
  }
  .solutionWrap article .segment .line {
      margin-top: 16px;
      margin-bottom: 16px;
  }
  .solutionWrap article .segment .desc {
      font-size: 14px;
      line-height: 20px;
      margin-top: 32px;
  }

  .solutionWrap article .segment .btnWrap{
    margin-top: 40px;
  }
  .solutionWrap.autoDrive article .segment .btnWrap {
    margin-top: 40px;
  }

  .solutionWrap article .segment .btnWrap a {
    width: 100%;
    padding: 14px 14px;
    font-size: 14px;
    line-height: 22px;
  }
  .solutionWrap article .segment .btnWrap.btn-col2 {
    flex-wrap: wrap;
    column-gap: 0;
  }
  .solutionWrap article .segment .btnWrap.btn-col2 a + a {
    margin-top: 20px;
  }

  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody2 .top .left{
  	width: 100%;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody2 .top .right{
  	width: 100%;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody2 .top .left img{
  	width: 100%;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody2 .top .center p{
  	font-size: 12px;
    line-height: 20px;
    margin-top: 20px;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody2 .top .center h5{
  	font-size: 14px;
  	line-height: 14px;
  	margin-top: 20px;
  }
  .solutionWrap article .bottomBanner a span{
  	width: 100%;
  	text-align: center;
  }
  .solutionWrap article .segment .imgArea{
    margin-top: 20px;
  }
  .solutionWrap article .segment .imgArea .web{
	display: none;
  }
  .solutionWrap article .segment .imgArea .mob{
	display: block;
  }
  .solutionWrap article .segment .tabContentsWrap{
    padding-top: 60px;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .tabImgArea img{
    width: 100%;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody{
    width: 100%;
    padding-top: 60px;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .tabImgArea .parts{
    width: 24px;
    height: 24px;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .tabImgArea .parts:before {
      top: 2px;
      left: 1px;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody:nth-of-type(3) .parts:nth-of-type(1) {
  	top: 27%;
    left: 49.5%;
  }
    .solutionWrap article .segment .tabContentsWrap .tabBody:nth-of-type(1) .tabImgArea .parts:nth-of-type(1).active {
        top:0%;
        left: 32%;
    }
    .solutionWrap article .segment .tabContentsWrap .tabBody:nth-of-type(1) .tabImgArea .parts:nth-of-type(3).active {
        top:35%;
        left: 60%;
    }
  .solutionWrap article .segment .tabContentsWrap .tabBody .tabImgArea .parts.active{
    width:140px;
    height: 140px;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .tabImgArea .parts.active img{
    width: 90px;
    height: 90px;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .tabImgArea .parts.active .partsCon.noImg p{
    font-size: initial;
    line-height: 16px;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .tabImgArea .parts .partsCon p{
    font-size: 12px;
    line-height: 16px;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleTab{
    margin-top: 40px;
    padding: 20px 0;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleTab span{
    font-size: 14px;
    line-height: 20px;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody h5{
    font-size: 14px;
    line-height: 18px;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody1 .bottom{
    margin-top: 20px;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody1 .top{
    margin-left: 0;
    display: block;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody1 .top .right h5{
   font-size: 14px;
   line-height: 14px;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody1 .top .right p{
    font-size: 12px;
    line-height: 20px;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody1 .top .left{
    margin:0 auto;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody1 .top .right{
    width: 100%;
  }
  
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody2{
    display: flex;
    align-items: center;
    justify-content: center;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody2 .top{
    display: block;
    width: 100%;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody2 .top .center{
    width: 100%;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody2 .top .right h6{
    margin-top: 20px;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody.mt160{
    margin-top: 40px;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody1 .top .left{
    width: 100%;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap{
    padding-bottom: 40px;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .bottomContents{
    margin-top: 40px;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .bottomContents h4{
    font-size: 20px;
    line-height: 20px;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .bottomContents p{
    font-size: 12px;
    line-height: 12px;
    margin-top: 20px;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody .btnWrap{
    margin-top: 40px;
  }
  /*.solutionWrap article .segment .tabContentsWrap .tabBody .btnWrap a{
    width: 300px;
    height: 50px;
    font-size: 14px;
    line-height: 16px;
    border-radius: 8px;
  }*/
  .solutionWrap article .segment .tabSlideWrap .title{
    display: block;
  }
  .solutionWrap article .segment .tabSlideWrap .title h4{
    font-size: 20px;
    line-height: 20px;
  }
  .solutionWrap article .segment .tabSlideWrap .title ul{
    justify-content: flex-start;
    margin-top: 20px;
  }
  .solutionWrap article .segment .tabSlideWrap .title ul li{
    margin-left: 0;
    margin-right: 14px;
  }
  .solutionWrap article .segment .tabSlideWrap .title ul li a{
    font-size: 12px;
  }
  .solutionWrap article .segment .tabSlideWrap .productSlide1, .solutionWrap article .segment .tabSlideWrap .productSlide2, .solutionWrap article .segment .tabSlideWrap .productSlide3{
    margin-top: 20px;
  }
  .solutionWrap article .segment .tabSlideWrap .productSlide1 li p, .solutionWrap article .segment .tabSlideWrap .productSlide2 li p, .solutionWrap article .segment .tabSlideWrap .productSlide3 li p{
    font-size: 10px;
    line-height: 10px;
    margin-top: 8px;
  }
  .solutionWrap article .segment .tabSlideWrap .productSlide1 li h6, .solutionWrap article .segment .tabSlideWrap .productSlide2 li h6, .solutionWrap article .segment .tabSlideWrap .productSlide3 li h6{
    font-size: 12px;
    line-height: 18px;
    margin-top: 4px;
  }
  .solutionWrap article .segment .tabSlideWrap .productSlide1 li, .solutionWrap article .segment .tabSlideWrap .productSlide2 li, .solutionWrap article .segment .tabSlideWrap .productSlide3 li{
    width: 118px !important;
  }
  .solutionWrap article .segment .tabSlideWrap .productSlide1 .slick-slide, .solutionWrap article .segment .tabSlideWrap .productSlide2 .slick-slide, .solutionWrap article .segment .tabSlideWrap .productSlide3 .slick-slide{
    margin:0 8px;
  }
  .solutionWrap article .bottomBanner{
    padding:60px 0 100px;
    display: block;
  }
  .solutionWrap article .bottomBanner a{
    width: calc(100% + 60px);
    margin-left: -30px;
  }
  .solutionWrap article .bottomBanner a span{
    font-size: 24px;
    line-height: 1;
  }
    /* lighting */
    .lightingWrap .lightingContent {
        width:100%;
    }
    .lightingWrap .lightingContent .lightingImgContent .web { display:none;}
    .lightingWrap .lightingContent .lightingImgContent .mob { display:block;}
    .lightingWrap .lightingContent .lightingImgContent .parts {
        background:url('../img/img-mo-solution-lighting-search.png') center no-repeat;
        background-size: 100% 100%;
        width: 20px;
        height: 20px;
    }
    .lightingWrap .lightingContent .lightingImgContent .parts:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0px;
        height: 0px;
        border: 1px solid #A50034;
        border-radius: 50%;
        opacity: 0.2;
        transform: translate(-50%, -50%);
        animation: expandMo 2s ease infinite;
    }
    .lightingWrap .lightingContent .lightingImgContent .parts.active {
        width: 140px;
        height: 140px;
        padding: 0;
    }
    .lightingWrap .lightingContent .lightingImgContent .parts .partsCon.active {
        width: calc(100% - 14px);
        margin-top: 16px;
    }
    .lightingWrap .lightingContent .lightingImgContent .parts .partsCon .title {
        display:block;
        font-size: 16px;
        line-height:16px;
    }
    .lightingWrap .lightingContent .lightingImgContent .parts .partsCon .title .sm {
        font-size:12px;
        line-height: 12px;
    }
    .lightingWrap .lightingContent .lightingImgContent .parts .partsCon .desc {
        margin-top:8px;
        font-size: 12px;
        line-height: 12px;
    }
    .lightingWrap .lightingContent .lightingImgContent .parts .partsCon .desc2 {
        margin-top: 2px;
        line-height:10px;
        font-size:8px;
    }
    .lightingWrap .lightingContent .lightingImgContent .parts .partsCon .line {
        margin-top: 8px;
    }
    .lightingWrap .lightingContent .lightingImgContent .parts .partsCon .img {
        max-width: 74px;
        max-height: 48px;
    }

    .lightingWrap .lightingContent .lightingImgContent .parts.parts01 {top:20%; left:18%;}
    .lightingWrap .lightingContent .lightingImgContent .parts.parts02 {top:19%; left:41%;}
    .lightingWrap .lightingContent .lightingImgContent .parts.parts03 {top:23%; left:68%;}
    .lightingWrap .lightingContent .lightingImgContent .parts.parts04 {top:16%; left:initial; right:16%}
    .lightingWrap .lightingContent .lightingImgContent .parts.parts05 {top:19%; left:initial; right:9%}
    .lightingWrap .lightingContent .lightingImgContent .parts.parts06 {top:73%; left: 49%;}

    .lightingWrap .lightingContent .lightingImgContent .parts.active.parts01 {top:14%; left:8%;}
    .lightingWrap .lightingContent .lightingImgContent .parts.active.parts02 {top:13%; left: 28%;}
    .lightingWrap .lightingContent .lightingImgContent .parts.active.parts03 {top:12%; left: initial; right:8%;}
    .lightingWrap .lightingContent .lightingImgContent .parts.active.parts04 {top:5%; left: initial; right:0}
    .lightingWrap .lightingContent .lightingImgContent .parts.active.parts05 {top:7%; left: initial; right:0}
    .lightingWrap .lightingContent .lightingImgContent .parts.active.parts06 {top:59%; left: 40%; right:initial;}

  .scrollImgWrap{
    overflow-x: auto !important;
    padding-bottom: 20px;
  }
  .scrollImgWrap::-webkit-scrollbar{
    width: 10px !important;
    height: 4px !important;
  }
  .scrollImgWrap::-webkit-scrollbar-thumb{
    background-color: #a50034 !important;
    background-clip: padding-box !important;
  }
  .scrollImgWrap::-webkit-scrollbar-track{
    background-clip: #ddd !important;
    background-color: #ddd !important;
  }
  .scrollImgWrap .imgArea{
    width: 700px !important;
  }
  .scrollImgWrap .imgArea img{
    width: 100%;
  }
  .twinSmart article .segment .arrowImg{
    width: 50px;
    margin:0 auto;
    padding: 20px 0;
  }
  .twinSmart article .segment .arrowImg img{
    width: 100%;
  }
  .twinSmart article .segment .imgArea.small{
    width: 100%;
  }
  .twinSmart article .segment .flex100{
    display: block;
    width: 100%;
    margin-top: 0px;
  }
  .twinSmart article .segment .flex100 li{
    width: 100%;
    margin-top: 20px;
  }
  .twinSmart article .segment .flex100 li img{
    width: 100%;
  }
  .twinSmart article .segment .flexContents li h5{
    font-size: 14px;
    line-height: 14px;
  }
  .twinSmart article .segment .flexContents li p{
    font-size: 12px;
    line-height: 16px;
    margin-top: 10px;
  }
  .twinSmart article .btnWrap{
    margin-top: 40px;
  }
  /*.twinSmart article .btnWrap a{
    max-width: 300px;
    width: 100%;
    height: 50px;
    font-size: 14px;
    line-height: 16px;
    border-radius: 8px;
  }*/
  .solutionWrap article .segment .imgArea{
    width: 100%;
  }
  .solutionWrap article .segment .tabContentsWrap .tabBody:nth-of-type(1) .tabImgArea .parts:nth-of-type(4).active{
  	left: 58% !important;
  }
  
  .twinSmart article .segment .autoImg img{
    width: 100%;
  }
  /* ceo */
  .wrap .ceoWrap .pageBannerWrap {
    position: static;
    height: auto;
    margin-top: 40px;
  }
  .wrap .ceoWrap .pageBannerWrap .mt30 {
    margin-top: 30px;
  }
  .wrap .ceoWrap .pageBannerWrap .pageBanner {
    width: 100%;
    height: 100vw;
    margin-bottom: 0;
  }
  .wrap .ceoWrap .pageBannerWrap .textIntro {
    width: calc(100% + 60px);
    margin-left: -30px;
    height: auto;
    background-color: #f5f6f8;
    padding-top: 40px;
    padding-right: 30px;
    padding-left: 30px;
    padding-bottom: 40px;
    box-sizing: border-box;
    position: static;
    margin-top: 0;
    border-top: 0;
  }
  .wrap .ceoWrap .pageBannerWrap .textIntro h2 {
    font-size: 20px;
    line-height: 28px;
  }
  .wrap .ceoWrap .pageBannerWrap .textIntro p {
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    color: #666;
    width: 100%;
    word-break: keep-all;
  }
  .wrap .ceoWrap .pageBannerWrap .textIntro p.mt40 {
    margin-top: 20px;
  }
  .wrap .ceoWrap .pageBannerWrap .textIntro p.mt30 {
    margin-top: 10px;
    overflow-wrap: break-word;
  }
  .wrap .ceoWrap .pageBannerWrap .textIntro.textPadding {
    padding: 100px 0 200px;
    border-top: 1px solid #d9d9d9;
  }
  .wrap .ceoWrap .pageBannerWrap .textIntro .btnSign {
    margin-top: 20px;
    width: auto;
    display: flex;
    justify-content: flex-end;
  }
  .wrap .ceoWrap .pageBannerWrap .textIntro .btnSign .flexWrap {
    display: flex;
    align-items: center;
  }
  .wrap .ceoWrap .pageBannerWrap .textIntro .btnSign .flexWrap .left {
    flex-basis: 52%;
    font-size: 12px;
    line-height: 20px;
    font-weight: 900;
  }
  .wrap .ceoWrap .pageBannerWrap .textIntro .btnSign .flexWrap .right {
    width: 115px;
  }
  .wrap .ceoWrap .pageBannerWrap .textIntro .btnSign .flexWrap .right img {
    width: 100%;
  }
  .wrap .ceoWrap .history {
    display: block;
    margin-top: 40px;
    padding-bottom: 100px;
  }
  .wrap .ceoWrap .history .line {
    width: 100%;
  }
  .wrap .ceoWrap .history .line span {
    display: inline-block;
    font-size: 12px;
    line-height: 26px;
    font-weight: 700;
  }
  .wrap .ceoWrap .history .line span.title .num:after {
    font-size:9px;
    top:-5px;
    right:-2px;
    font-weight:800;
  }
  .wrap .ceoWrap .history .line span.date {
    color: #a50034;
    width: 94px;
  }
  .wrap .ceoWrap .history .line span.title {
    margin-left: 20px;
    width: calc(100% - 63px);
  }
  .wrap .ceoWrap .history .line span.desc {
    font-size:12px;
    line-height:26px;
  }
  .wrap .ceoWrap .history .line span.date.small{
  	width: 42px;
  }
  .wrap .ceoWrap .textIntro {
    border-top: 1px solid #d9d9d9;
    margin-top: 40px;
  }
  .wrap .ceoWrap .textIntro h3 {
    font-size: 20px;
  }
  .wrap .ceoWrap .textIntro p {
    font-size: 12px;
    line-height: 20px;
    font-weight: 500;
    color: #666;
    word-break: keep-all;
  }
  .wrap .ceoWrap .textIntro p.mt40 {
    margin-top: 20px;
  }
  .wrap .ceoWrap .textIntro.textPadding {
    padding: 40px 0 100px;
  }
  .wrap .ceoWrap .textIntro .btnSign {
    margin-top: 40px;
    width: 682px;
    margin-left: auto;
  }
  .wrap .ceoWrap .textIntro .btnSign .flexWrap {
    display: flex;
    align-items: center;
  }
  .wrap .ceoWrap .textIntro .btnSign .flexWrap .left {
    font-size: 32px;
    line-height: 40px;
    font-weight: 700;
  }
  .wrap .ceoWrap .textIntro .btnSign .flexWrap .right {
    margin-left: 40px;
  }
  .wrap .center1360 {
    width: calc(100% - 60px);
  }
  /* 인재채용-인재상 */
  .wrap .recruitBanner {
  	background-image: url('../img/img-mo-bn-recruit (1).png') !important;
  	
  }
  .wrap .recruitBanner .banner .btnArea{
  	gap:10px;
  	width:100%;
  }
  .wrap .recruitBanner .banner .btnArea a{
  	width: 50%;
  }
  .wrap .talentRecruit{
  	margin-top: 40px;
  }
  .wrap .talentRecruit .subTitleRecruit{
  	text-align: left;
  }
  .wrap .talentRecruit .subTitleRecruit h2{
  	font-size: 20px;
  	line-height: 28px;
  }
  .wrap .talentRecruit .subTitleRecruit p{
  	font-size: 12px;
  	line-height: 20px;
  	margin-top: 20px;
  	word-break:keep-all;
  }
  .wrap .talentRecruit .talentArea{
  	margin-top: 20px;
  	display:block;
  }
  .wrap .talentRecruit .talentArea .media{
  	width: 100%;
  	margin-top: 10px;
  }
  .wrap .talentRecruit .talentArea .media.mt40{
  	margin-top: 10px;
  }
  .wrap .talentRecruit .talentArea .media .image{
  	width: 100px;
  }
  .wrap .talentRecruit .talentArea .media .image img{
  	width: 100%;
  }
  .wrap .talentRecruit .talentArea .media .text{
  	font-size: 14px;
  	line-height: 20px;
  	text-align: left;
  	width: 100%;
  	padding-left:20px;
  }
  /* 인재채용-회사생활-인사제도 */
  .wrap .ruleWrap{
  	margin-top: 40px;
  }
  .ruleWrap .ruleArticle img{
  	width: 100%;
  }
  .wrap .ruleWrap .ruleArticle .ruleArtMedia.evaluation{
  	width: 100%;
  }
  .ruleWrap .ruleArticle{
  	
  }
  .wrap .ruleWrap .ruleArticle .ruleArtTitle h2{
  	font-size: 20px;
  	line-height: 28px;
  }
  .wrap .ruleWrap .ruleArticle .ruleArtTitle p{
  	font-size: 12px;
  	line-height: 20px;
  	margin-top: 20px;
  	word-break:keep-all;
  }
  .wrap .ruleWrap .ruleArticle .ruleArtMedia.ruleImg{
  	margin-top: 20px;
  }
  .wrap .ruleWrap .ruleArticle .ruleArtMedia.ruleImg .w1280{
  	margin-top: 30px;
  }
  .wrap .ruleWrap .ruleArticle.position{
  	padding:40px 0;
  }
  .wrap .ruleWrap .ruleArticle .ruleArtMedia.rulePosition{
  	display:block;
  	width: 100%;
  	margin-top: 20px;
  }
  
  .wrap .ruleWrap .ruleArticle .ruleArtMedia.rulePosition .mediaWrap{
  	width: 100%;
  	margin-top: 20px;
  	height: 120px;
  	border-radius: 12px;
  }
  .wrap .ruleWrap .ruleArticle .ruleArtMedia.rulePosition .mediaWrap:first-of-type{
  	margin-top: 0;
  }
  .wrap .ruleWrap .ruleArticle .ruleArtMedia .mediaWrap .media{
  	display:flex;
  	align-items:flex-start;
  	width: 253px;
  }
  .wrap .ruleWrap .ruleArticle .ruleArtMedia .mediaWrap .media .image{
  	width: 60px !important;
  	margin-right: 10px !important;
  	margin:inherit;
  }
  .wrap .ruleWrap .ruleArticle .ruleArtMedia .mediaWrap .media .text{
  	margin-top: 0 !important;
  	text-align: left !important;
  	width: calc(100% - 70px) !important;
  }
  .wrap .ruleWrap .ruleArticle .ruleArtMedia.rulePosition .mediaWrap .media .text h3{
  	font-size: 12px;
  	line-height: 12px;
  	font-weight: 900;
  }
  .wrap .ruleWrap .ruleArticle .ruleArtMedia.rulePosition .mediaWrap .media .text p{
  	font-size: 10px;
  	line-height: 14px;
  	margin-top: 8px;
  }
  .wrap .ruleWrap .ruleArticle.evaluationPride{
  	padding:40px 0
  }
  .wrap .ruleWrap .ruleArticle.evaluationPride .ruleArtTitle{
  	text-align: left;
  }
  .wrap .ruleWrap .ruleArticle .ruleArtMedia.evaluation{
  	width: calc(100% - 60px);
  }
  .wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent{
  	display:block;
  	margin-top: 20px;
  }
  .wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent .mediaWrap{
  	width: 100%;
  	height: 120px;
  	border-radius: 12px;
  	margin-top: 20px;
  }
  .wrap .ruleWrap .ruleArticle .ruleArtMedia.rulePosition .mediaWrap:first-of-type{
  	margin-top: 0;
  }
  .wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .mediaWrap{
  	width: 100%;
  	margin-top: 20px;
  	height: 120px;
  	border-radius: 12px;
  }
  .wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .mediaWrap:first-of-type{
  	margin-top: 0;
  }
  .wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .mediaWrap .media{
  	display:flex;
  	align-items:center;
  	width: 240px;
  }
  .wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent .mediaWrap .media .image{
  	width: 60px;
  	margin-right: 10px;
  	margin:inherit;
  }
  .wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent .mediaWrap .media .text{
  	margin-top: 0;
  	text-align: left;
  }
  .wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent .mediaWrap .media .text h3{
  	font-size: 12px;
  	line-height: 12px;
  	font-weight: 900;
  }
  .wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent .mediaWrap .media .text p{
  	font-size: 10px;
  	line-height: 14px;
  	margin-top: 8px;
  }
  .wrap .ruleWrap .ruleArticle.reward{
  	padding:0;
  	padding-top: 40px;
  }
  /* 리스트 */
  .jobintroWrap .slideArticle{
  	padding:40px 0;
  }
  .jobintroWrap .slideArticle .slideContents li{
  	width: 252px !important;
  	height:auto !important;
  }
  .wrap .jobintroWrap .slideArea .introSlide .slideContents li .content h2{
  	font-size: 12px;
  	line-height: 18px;
  	margin-top: 10px;
  }
  .wrap .jobintroWrap .slideArea .introSlide .slideContents li .content .btnArea{
  	margin-top: 10px;
  	width: 97px;
  }
  .wrap .jobintroWrap .slideArea .introSlide .slideContents li .content .btnArea .left{
  	font-size: 12px;
  	height: 30px;
  	width: 97px;
  	border-radius:8px;
  }
  
  /* 리스트 */
  .wrap .intro{
  	width: 100%;
  }
  .jobintroWrap .slideArticle .slideContents li{
  	width: 252px !important;
  	height:auto !important;
  }
  .wrap .introDetailWrap .intro .image{
  	width: 100%;
  }
  .wrap .introDetailWrap .intro .image img{
  	width: 100%;
  }
  .wrap .introDetailWrap .intro .image .web{
  	display: none;
  }
  .wrap .introDetailWrap .intro .image .mob{
  	display: block;
  }
  .wrap .introDetailWrap .intro .youtubeArea{
  	width: 100%;
  	position: relative; 
  	padding-bottom: 56.25%; 
  }
  .wrap .introDetailWrap .intro .youtubeArea iframe{
  	position: absolute;
  	width: 100%; /* 부모에 맞게 꽉 채운다. */
  	height: 100%;
  }
  .wrap .introDetailWrap .slideArticle .slideContents li{
  	height:auto !important;
  }
  .wrap .introDetailWrap{
  	padding: 0;
  	margin-top: 40px;
  	padding-bottom: 100px;
  }
  .wrap .introDetailWrap .intro .imageWrap{
  	position:static;
  }
  .wrap .introDetailWrap .intro .imageWrap .textSticker{
  	position:static;
  	line-height: 20px;
    display: flex;
    justify-content: center;
    font-size: 20px;
    margin-top: 20px;
  }
  .wrap .introDetailWrap .intro .imageWrap .textSticker span{
  	font-size: 14px;
  	margin-left: 4px;
  }
  .wrap .introDetailWrap .intro .mt70{
  	margin-top: 40px;
  }
  .wrap .introDetailWrap .intro .text h2{
  	font-size: 20px;
  	line-height: 28px;
  }
  .wrap .introDetailWrap .intro .text p{
  	font-size: 12px;
  	line-height: 20px;
  	margin-top: 20px;
  	word-break:keep-all;
  }
  .wrap .introDetailWrap .intro .mt100{
  	margin-top: 40px !important;
  }
  .wrap .introDetailWrap .intro .mt80{
  	margin-top: 40px;
  }
  .wrap .introDetailWrap .intro .youtubeArea{
  	margin-top: 40px;
  }
  .wrap .introDetailWrap .slideArticle{
  	width: 100% !important;
  }
  .wrap .introDetailWrap .slideArticle .slideContents{
  	margin-top: 0;
  }
  .wrap .introDetailWrap .introSlide .slideContents li .content h2{
  	margin-top: 10px;
  	font-size: 12px;
  	line-height: 18px;
  }
  .wrap .introDetailWrap .introSlide .slideContents li .content .btnArea{
  	margin-top: 10px;
  	width: 97px;
  	line-height: 30px;
  }
  .wrap .introDetailWrap .introSlide .slideContents li .content .btnArea a.left{
  	height: 30px;
  	border-radius:6px;
  }
  .wrap .introDetailWrap .introSlide .slideContents li .content .btnArea a.right{
  	height: 30px;
  	border-radius:6px;
  }
  .wrap .introDetailWrap .introSlide .slideContents li .content .btnArea .left span{
  	font-size: 12px;
  	line-height: 18px;
  }
  .wrap .introDetailWrap .detailBtn{
  	width: 100px;
  	height: 40px;
  	font-size: 14px;
  	margin-top:40px;
  	margin:0 auto;
  }
  .wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .paging{
  	margin-top: 60px;
  }
  .wrap .josSection .promotionBanner{
  	margin-top: 60px;
  }
  .wrap .josSection .promotionBanner .flexWrap .btn span i{
  	font-size: 12px;
  	margin-left: 5px;
  }
  .wrap .josSection .promotionBanner .flexWrap .textWrap{
  	display: block;
  	margin-left: 20px;
	width:calc(100% - 120px);  	
  }
  .wrap .josSection .promotionBanner .flexWrap .textWrap p{
  	line-height: 1.3;
  }
  .wrap .josSection .promotionBanner .flexWrap .textWrap .btn{
  	margin-left: 0;
  	margin-top: 20px;
  }
  .wrap .josSection .tabMenuWrap .menuLine .tabMenu li{
  line-height: 16px;
  font-size: 14px;
  padding:11px 0;
  }
  .wrap .josSection .tabMenuWrap .menuLine .tabMenu li.on{
  	border-bottom: 2px solid #a50034;
  }
  .wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .jobsContentTitle{
  	margin-top: 40px;
  	font-size: 20px;
  	line-height: 28px;
  }
  .wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article{
  	margin-top: 20px;
  }
  .wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .questionWrap{
  	height: auto;
  	padding:20px 0;
  }
  .wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .questionWrap span.listNum{
  	width: auto;
    color: #a50034;
    font-size: 14px;
    line-height: 16px;
    font-weight: 700;
    float: none;
  }
  .wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .questionWrap span.listTitle{
  	width:auto;
    font-size: 14px;
    line-height: 20px;
    font-weight: 600;
    white-space: break-spaces;
    overflow: auto;
    width: auto;
    text-overflow: inherit;
    float: none;
    margin-top: 10px;
  }
  .wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article li .questionWrap .crossIcon{
  	text-align: left;
  	font-size: 14px;
  	line-height: 20px;
  	padding:0;
  	margin-top: 10px;
  }
  .wrap .josSection .tabMenuWrap .content.content .tabArticleWrap .articleWrap .article{
  	width:calc(100% - 60px);
  	margin:0 auto;
  	margin-top: 20px;
  }
  .wrap .josSection .promotionBanner{
  	padding:35px 25px;
  }
  .wrap .josSection .promotionBanner .flexWrap{
  	justify-content:space-around;;
  }
  .wrap .josSection .promotionBanner .flexWrap .image{
  	width: 100px;
  }
  .wrap .josSection .promotionBanner .flexWrap .image img{
  	width: 100%;
  }
  .wrap .josSection .promotionBanner .flexWrap .text h3{
  	font-size: 14px;
  	line-height: 14px;
  }
  .wrap .josSection .promotionBanner .flexWrap .textWrap p{
  	font-size: 12px;
  	line-height: 16px;
  }
  .wrap .josSection .promotionBanner .flexWrap .textWrap .btn{
  	margin-top: 10px;
  	width: 83px;
  	height: 33px;
  	
  }
  .wrap .recruitBanner.mt100{
  	margin-top: 80px !important;
  }
  .wrap .josSection .promotionBanner .flexWrap .btn span{
  	font-size: 12px;
  	line-height: 13px;
  }
  .wrap .courseWrap .courseMenu .content .title{
  	text-align: left;
  	margin-top: 40px;
  }
  .wrap .courseWrap .courseMenu .content .title h2{
  	font-size: 20px;
  	line-height: 28px;
  }
  .wrap .courseWrap .courseMenu .content .title p{
  	font-size: 12px;
  	line-height: 20px;
  	margin-top: 20px;
  }
  .wrap .courseWrap .courseMenu .content .titleGraphic li{
  	width: 90px;
  }
  .wrap .courseWrap .courseMenu .content .titleGraphic li .image{
  	width: 90px;
  	height: 90px;
  }
  .wrap .courseWrap .courseMenu .content .titleGraphic li .image img{
  	width: 100%;
  }
  .wrap .courseWrap .courseMenu .content .titleGraphic li h3{
  	font-size: 10px;
  	line-height: 10px;
  	margin-top: 10px;
  }
  .wrap .courseWrap .courseMenu .content .titleGraphic{
  	margin-top: 20px;
  	width: 300px;
  	justify-content: center;
  	flex-wrap:wrap;
  	gap:15px
  }
  .wrap .courseWrap .courseMenu .content .titleGraphic::before{
  	height: 2px;
    background-color: #ddd;
    z-index: -1;
    bottom: 62px;
    position: absolute;
    display: block;
    content: '';
    width: 56%;
    left: 0;
  }
  .wrap .courseWrap .courseMenu .content .titleGraphic::after{
  	height: 2px;
    background-color: #ddd;
    z-index: -1;
    bottom: 188px;
  }
  .wrap .courseWrap .courseMenu .content .textGraphWrap{
  	margin-top: 40px;
  }
  .wrap .courseWrap .courseMenu .content .textGraphWrap .textGraph li{
  	display: block;
  	padding: 20px 0;
  	height: auto;
  	
  }
  .wrap .courseWrap .courseMenu .content .textGraphWrap .textGraph li .left{
  	font-size: 14px;
  	line-height: 16px;
  }
  .wrap .courseWrap .courseMenu .content .textGraphWrap .textGraph li .right{
  	width: 100%;
  	margin-top: 13px;
  	font-size: 10px;
  	line-height: 16px;
  }
  .wrap .courseWrap .courseMenu .content .colorOriginal{
  	padding-bottom: 0;
  }
  .wrap .courseWrap .courseMenu .content .colorChange{
  	padding:40px 0 0;
  	background-color: #fff;
  }
  .wrap .courseWrap .courseMenu .content.content3 .realProject{
  	margin-top: 40px;
  }
  .wrap .courseWrap .courseMenu .content.content3 .realProject .flexWrap{
  	display: block;
  	margin-top: 20px;
  }
  .wrap .courseWrap .courseMenu .content.content3 .realProject .flexWrap .mediaWrap{
  	width: 100%;
  	padding: 30px;
  	box-sizing:border-box;
  	border-radius:12px ;
  	
  }
  .wrap .courseWrap .courseMenu .content.content3 .realProject .flexWrap .mediaWrap:nth-of-type(2){
  	margin-top: 20px;
  }
  .wrap .courseWrap .courseMenu .content.content3 .realProject h2{
  	font-size: 20px;
  	line-height: 28ox;
  }
  .wrap .courseWrap .courseMenu .content.content3 .realProject .flexWrap .mediaWrap .media{
  	display:flex;
  }
  .wrap .courseWrap .courseMenu .content.content3 .realProject .flexWrap .mediaWrap .media .image{
  	width: 60px;
  	margin:unset;
  	margin-right: 10px;
  }
  .wrap .courseWrap .courseMenu .content.content3 .realProject .flexWrap .mediaWrap .media .text{
  	margin-top: 0;
  	text-align: left;
  }
  .wrap .courseWrap .courseMenu .content.content3 .realProject .flexWrap .mediaWrap .media .text h3{
  	font-size: 12px;
  	line-height: 12px;
  }
  .wrap .courseWrap .courseMenu .content.content3 .realProject .flexWrap .mediaWrap .media .text p{
  	font-size: 10px;
  	line-height: 14px;
  	margin-top: 8px;
  }
  .wrap .tipsSection .content .newsListWrap li{
   width: 100%;
   margin-bottom: 40px;
   min-height: unset;
  }
  .wrap .tipsSection .content{
  	margin-top: 40px;
  }
  .wrap .tipsSection .content .newsListWrap li a .category{
  	font-size: 12px;
  	line-height: 14px;
  	height: 14px;
  }
  .wrap .tipsSection .content .newsListWrap li a strong{
  	font-size: 12px;
  	line-height: 18px;
  	margin-top: 10px;
  }
  .wrap .tipsSection .content .viewMore{
  	width: 127px;
  	height: 48px;
  	font-size: 14px;
  }
  
  .pageBanner{
  	margin-top: 40px;
  }
  .webinar .customSelectBox2Wrap{
  	padding-top: 0;
  }
  .webinarListWrap li a .date .left{
  	width: 30px;
  	height: 30px;
  }
  .webinarListWrap li a .date .right{
  	margin-left: 8px;
  }
  .webinarListWrap li a .date .right p{
  	font-size: 10px;
  	line-height: 14px;
  }
  .webinarListWrap li a .date{
  	margin-top: 10px;
  }
  .viewMoreBtn a{
  	width: 170px;
  	height: 56px;
  }
  .viewMoreBtn a span{
  	font-size: 16px;
  	line-height: 20px;
  }
  .viewMoreBtn a img{
  	margin-left: 8px;
  }
  
  /* webinarDetail */
  .wrap .webinarDetailWrap .postUp{
  	display: block;
  }
  .wrap .webinarDetailWrap .postUp .left{
  	font-size: 12px;
  	line-height: 12px;
  }
  .wrap .webinarDetailWrap .postUp .right{
  	justify-content:flex-start; 
  	margin-top: 20px;
  }
  .wrap .webinarDetailWrap .postUp .right .imo{
  	width: 30px;
  	margin-right: 10px;
  }
  .wrap .webinarDetailWrap .postUp .right .imo img{
  	width: 100%;
  }
  .wrap .webinarDetailWrap .postContent{
  	padding:40px 0 60px;
  }
  .wrap .webinarDetailWrap .postContent .flexWrap{
  	margin-top: 20px;
  	display: block;
  }
  .wrap .webinarDetailWrap .postContent .flexWrap .media{
  	width: 100%;
  	height: 50px;
  }
  .wrap .webinarDetailWrap .postContent .flexWrap .media:nth-of-type(2){
  	margin-top: 20px;
  }
  .wrap .webinarDetailWrap .postContent .flexWrap .media .mediaContent{
  	font-size: 12px;
  	line-height: 14px;
  }
  .wrap .webinarDetailWrap .postContent .graph{
  	margin-top: 20px;
  	display: flex;
  	border-top: 2px solid #000;
  }
  
  .wrap .webinarDetailWrap .postContent .graph ul.graphTitle{ 
  	width: 104px;
  	display: block;
  }
  .wrap .webinarDetailWrap .postContent .graph ul.graphTitle li{
  	font-size: 10px;
  	width:auto
  }
  .wrap .webinarDetailWrap .postContent .graph ul li.center{
  	width:auto;
  	height: 184px;
  }
  .wrap .webinarDetailWrap .postContent .graph ul.graphContent{
  	display:block;
  	width: 100%;
  	border-bottom:none;
  }
  .wrap .webinarDetailWrap .postContent .graph ul.graphContent li{
  	font-size: 10px;
  	line-height: 14px;
  	text-align: left;
  }
  .wrap .webinarDetailWrap .postContent .graph ul li{
  	width:auto;
  	border-right: none;
  	border-bottom: 1px solid #ddd;
  }
  .wrap .webinarDetailWrap .postContent .graph ul.graphContent li p{
  	font-size: 10px;
  	line-height: 14px;
  	text-align: left;
  }
  .wrap .webinarDetailWrap .postContent .graph ul.graphTitle{
  	border-top: none;
  	border-bottom:none;
  }
  .wrap .webinarDetailWrap .postContent .graph ul.graphContent li{
  	text-align: left;
  	padding:13px 6px;
  	box-sizing:border-box;
  	border-right: none;
  }
  .wrap .webinarDetailWrap .postContent .graph ul.graphTitle li{
  	padding:0;
  	line-height: 40px;
  	box-sizing:border-box;
  	border-left: 0;
  }
  .wrap .webinarDetailWrap .postContent .graph ul.graphTitle li.center{
  	border-right: 1px solid #ddd;
  }
  .wrap .webinarDetailWrap .postContent .postBtn{
  	width: 100%;
  	display:block;
  	margin-top: 40px;
  }
  .wrap .webinarDetailWrap .postContent .postBtn div{
  	width: 100%;
  	height: 50px;
  	font-size: 14px;
  	line-height: 16px;
  	border-radius: 8px;
  }
  .wrap .webinarDetailWrap .postContent .postBtn div.right{
  	margin-top: 20px;
  }
  .wrap .webinarDetailWrap .postListBtn{
   width: 100%;
   flex-wrap:wrap;
   gap:16px;
   padding-bottom: 100px;
  }
  .wrap .webinarDetailWrap .postListBtn .btn{
  	width: calc(50% - 13px);
  	height: 40px;
  }
  .wrap .webinarDetailWrap .postListBtn .btn.w113{
  	width: 100%;
  }
  .wrap .webinarDetailWrap .postListBtn .btn a{
  	line-height: 16px;
  	font-size: 14px;
  }
  .wrap .webinarDetailWrap .postListBtn .btnList{
    order: 3;
  }
  .wrap .webinarDetailWrap .postListBtn .btnPrevious{
    order: 1;
  }
  .wrap .webinarDetailWrap .postListBtn .btnNext{
    order: 2;
  }
  .wrap .webinarPastWrap .postContent .image iframe{
  	    width: 100%;
    	height: calc(100vw * 0.48);
  }
      /* 전시 */
.wrap .webinarDisplayWrap .newsListWrap li:nth-of-type(3n+2) {
	margin: 0;
	margin-bottom: 40px;
}
.wrap .webinarDisplayWrap .newsListWrap li{
	   margin-bottom: 40px;
    width: 100%;
    height: auto;
    min-height: unset;
}
.wrap .webinarDisplayWrap .pageBanner{
	/* margin-top: 40px; */
	height: 202px;
	box-sizing:border-box;
	padding: 40px 0;
	background-size:cover;
	margin-bottom: 0;
}
.wrap .webinarDisplayWrap .pageBanner .text h3{
	font-size: 14px;
	line-height: 14px;
}
.wrap .webinarDisplayWrap .pageBanner .text h2{
	font-size: 24px;
	line-height: 30px;
	margin-top: 8px;
}
.wrap .webinarDisplayWrap .pageBanner .text .btn{
	width: 83px;
	height: 30px;
	margin-top: 10px;
}
.wrap .webinarDisplayWrap .pageBanner .text .btn a{
	font-size: 12px;
	line-height: 14px;
}
	.wrap .webinarDisplayWrap .customSelectBox2Wrap{
		padding-bottom: 40px;
	}
	.wrap .webinarDisplayWrap .customSelectBox2Wrap a{
		font-size: 12px;
		margin-right: 14px;
		padding-bottom: 4px;
	}
	.wrap .webinarDisplayWrap .newsListWrap li a .category{
		top: -10px !important;
    	left: 10px !important;
    	width: 56px;
    	height: 20px;
	}
	.wrap .webinarDisplayWrap .newsListWrap li a strong{
		font-size: 12px;
		line-height: 18px;
		margin-top: 10px;
	}
	.wrap .webinarDisplayWrap .newsListWrap.webinarListWrap li a .date{
		margin-top: 10px;
	}
	.wrap .webinarDisplayWrap .newsListWrap.webinarListWrap li a .date .left{
		width: 30px;
		height: 30px;
	}
	.wrap .webinarDisplayWrap .newsListWrap.webinarListWrap li a .date .right{
		margin-left: 8px;
	}
	.wrap .webinarDisplayWrap .newsListWrap.webinarListWrap li a .date .right p{
		font-size: 10px;
		line-height: 14px;
		
	}
	.wrap .webinarDisplayWrap .newsListWrap li a .textBox{
		font-size: 10px;
		line-height: 14px;
		margin-top: 10px;
	}
	.wrap .webinarDisplayWrap .viewMoreBtn a{
		width: 170px;
		height: 56px;
		font-size: 16px;
		line-height: 20px;
	}
	.wrap .webinarDisplayWrap .viewMoreBtn a span{
		font-size: 16px;
		line-height: 20px;
	}
	.wrap .webinarDisplayWrap .newsListWrap li a .online{
		width: 50px;
		height: 12px;
		font-size: 10px;
		line-height: 1;
	}
	.wrap .webinarDisplayWrap .newsListWrap li a .category {
		font-size: 10px;
		width: 56px;
		line-height: 17px;
		min-width:unset;
		padding: 0 !important;
	}
	.wrap .webinarDisplayWrap .newsListWrap.webinarListWrap li a .category.ing{
		width: 47px;
	}
	.wrap .displayDetailWrap .postContent .image{
		width: 100%;
		height: calc(100vw * 0.47);
		background-size: cover;
	}
	.wrap .displayDetailWrap .postContent .image .text{
		bottom: 20px;
    	left: 20px;
	}
	.wrap .displayDetailWrap .postContent .image .text h3{
		font-size: 12px;
		line-height: 12px;
	}
	.wrap .displayDetailWrap .postContent .image .text h2{
		font-size: 22px;
		line-height: 28px;
		margin-top: 4px;
	}
	.wrap .displayDetailWrap .postContent .textLine{
		margin-top: 20px;
		font-size: 10px;
		line-height: 18px;
	}
	.ecoManagementWrap{
		padding:40px 0 100px;
	}
	.esgEcoManagementWrap .numbering{
		margin-top: 60px;
	}
	
	/* esgCyber */
	.esgCyberWrap article{
		margin-top: 40px;
	}
	.esgCyberWrap article .graphWrap{
		margin-top: 20px;
	}
	.esgCyberWrap article .graphWrap .graphTitle{
		width: 97px;
	}
	.esgCyberWrap article .graphWrap .graphTitle li{
		font-size: 10px;
		line-height: 14px;
		padding: 10px;
		
	}
	.esgCyberWrap article .graphWrap .graph{
		width: calc(100% - 97px);
	}
	.esgCyberWrap article .graphWrap .graph li{
		font-size: 10px;
		line-height: 14px;
		padding: 10px;
		height: 49px;
		display:flex;
		align-items:center ;
	}
	.esgCyberWrap article .graphWrap .graph li.etc{
		height: 35px;
	}
	/* en table */
	.esgCyberWrap article .graphWrap.en.table .graphTitle li{
		word-break:break-all;
		
	}
	.esgCyberWrap article .graphWrap.cn.table .graphTitle li{
		word-break:break-all;
		
	}
	.esgCyberWrap article .graphWrap.en.table .graph li{
		height: 63px;
	}
	.esgCyberWrap article .graphWrap.en.table .graph li:nth-of-type(5){
		height: 91px;
	}
	.esgCyberWrap article .graphWrap.en.table .graph li:nth-of-type(6){
		height: 35px !important;
	}
	.esgCyberWrap article .graphWrap.en.table .graph li.height1{
		height: 63px;
	}
	.esgCyberWrap article h2{
		font-size: 20px;
		line-height: 28px;
	}
	.esgCyberWrap article p{
		font-size: 12px;
		line-height: 20px;
		margin-top: 20px;
	}
	.informationBanner{
		margin-top: 60px;
		height: 220px;
		padding: 0;
		display:flex;
		align-items:center;
		justify-content:center;
		padding-left: 20px;
		padding-right: 20px;
	}
	.informationBanner .flexWrap .left .image{
		width: 100px;
	}
	.informationBanner .flexWrap .right{
		margin-left: 20px;
		display: block;
	}
	.informationBanner .flexWrap .right .text h3{
		font-size: 14px;
		line-height: 14px;
	}
	.informationBanner .flexWrap .right .text p{
		margin-top: 8px;
		font-size: 12px;
		line-height: 16px;
		word-break:keep-all;
	}
	.informationBanner .flexWrap .right .btn{
		margin-left: 0px;
		margin-top: 10px;
		width: 108px;
		height: 30px;
	}
	.informationBanner .flexWrap .right .btn a{
		font-size: 12px;
		line-height: 14px;
	}
	
	/* ceoMsg */
	.wrap .ceoMsgWrap .positionWrap{
		position:static;
		height: auto !important;
		margin-top: 40px;
	}
	
    .wrap .ceoMsgWrap .positionWrap .left{
    	width: 100%;
    	position:static;
    }
    .wrap .ceoMsgWrap .positionWrap .right{
		position:static;
		width: calc(100% + 60px);
		height: auto !important;
		padding: 0;
		box-sizing:border-box;
		padding-top: 40px;
		margin-left: -30px;
		padding-left: 30px;
		padding-right: 30px;
		padding-bottom: 40px;
	}
    .wrap .ceoMsgWrap .positionWrap .right .text{
    	right: 0;
    	position: static;
    	width: 100%;
    }
    .wrap .ceoMsgWrap .positionWrap .right .text h2{
    	margin-top: 20px;
    	font-size: 12px;
    	line-height: 20px;
    	font-weight: 900;
    }
    .wrap .ceoMsgWrap .positionWrap .right .text p{
    	word-break:keep-all;
    	font-size: 12px;
    	line-height: 20px;
    }
    .wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap{
    	margin-top: 10px;
    	width: 283px;
    }
    .wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap .signiture .side{
    	font-size: 12px;
    	line-height: 12px;
    }

    .wrap .ceoMsgWrap.en .positionWrap .right .text .signitureWrap .signiture .side {
        margin-right: 0;
    }
    
    .wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap .signiture .side_image {
   	 	margin-top: 20px;
	}
    
    .wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap .signiture .side_image img{
    	width: 115px;
    	height: 28px;
    }
    .wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap.ko h4{
    	font-size: 10px;
    	margin-left: 73%;
    }
    .wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap.en h4{
    	font-size: 10px;
    	margin-left: 84%;
    }
     .wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap.cn h4{
    	font-size: 10px;
         text-align: right;
    }
    .wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap.en {
    	width: 330px;
	}
    .wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap .signiture .side.image{
    	width: 115px;
    	margin-right: 0;
    }
    .wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap .signiture .side.image img{
    	width: 100%;
    }
    .wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap h3{
    	font-size: 12px;
    	line-height: 12px;
    	margin-top: 10px;

    }
    .wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap.en h3{
    	margin-right: 8px;
    }
    /* esgVision */
    
    .wrap .esgVisionWrap .articleBox{
    	margin-top: 40px;
    	padding-bottom: 100px;
    }
    .wrap .esgVisionWrap .articleBox h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .esgVisionWrap .articleBox p{
    	font-size: 12px;
    	line-height: 20px;
    	margin-top: 20px;
    }
    .wrap .esgVisionWrap .articleBox .image{
    	margin-top: 20px;
    }
    .wrap .esgVisionWrap .articleBox h3{
    	font-size: 20px;
    	line-height: 28px;
    	margin-top: 40px;
    }
    .wrap .esgVisionWrap .articleBox h4:nth-of-type(1){
    	margin-top: 20px;
    }
    .wrap .esgVisionWrap .articleBox h4{
    	margin-top: 40px;
    	word-break: keep-all;
    	font-size: 14px;
    	line-height: 20px;
    }
    /* esgCarbon */
    .wrap .esgCarbonWrap{
    	padding-bottom: 100px;
    }
    .wrap .esgCarbonWrap .carbonSection .image{
    	margin-top: 40px;
    }
    .wrap .esgCarbonWrap .carbonSection h4{
    	margin-top: 20px;
    	font-size: 14px;
    	line-height: 20px;
    	-ms-text-align-last: auto;
    	text-align: left;
    }
    .wrap .esgCarbonWrap .carbonSection .text{
    	margin-top: 40px;
    }
    .wrap .esgCarbonWrap .carbonSection .text h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .esgCarbonWrap .carbonSection .text p{
    	font-size: 12px;
    	line-height: 20px;
    	margin-top: 20px;
    	word-break:keep-all;
    }
    /* esgManagementPolicy */
    .wrap .esgManagementPolicyWrap .textHeader{
    	display: block;
    	margin-top: 40px;
    }
    .wrap .esgManagementPolicyWrap .textHeader .image{
    	margin-right: 0;
    	margin:0 auto;
    }
    .wrap .esgManagementPolicyWrap .textHeader .text{
    	font-size: 12px;
    	line-height: 20px;
    	margin-top: 20px;
    	width: 100%;
    	max-width: 300px;
    	margin:0 auto
    }
    .wrap .esgManagementPolicyWrap .tabMenuWrap{
    	margin-top: 0;
    }
    .wrap .tipsSection .tabMenuWrap .menuLine .tabMenu{
    	width: 140px;
    }
    .wrap .tipsSection .tabMenuWrap .menuLine .tabMenu li{
    	font-size: 12px;
    	line-height: 13px;
    	padding: 5px 0;
    }
    .wrap .tabMenuWrap .menuLine .tabMenu li.on{
    	border-bottom: 2px solid #a50034;
    	font-weight:900;
    	
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap {
    	margin-top: 40px;
    	padding-bottom: 100px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay{
    	margin-top: 0;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .up{
    	margin-top: 20px;
    	height: auto;
    	padding:30px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .up .upContent{
    	display: block;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .up .image{
    	width: 60px;
    	margin:0 auto;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .up .text{
    	font-size: 12px;
    	line-height: 18px;
    	text-align: center;
    	width: 100%;
    	margin-top: 10px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .down{
    	display: block;
    	margin-top: 20px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .down .media{
        display: block;
    	width: 100%;
    	height: auto;
    	padding:21px 30px;
    	box-sizing:border-box;
    	border-radius: 12px;
    	margin-top: 20px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .down .media:nth-of-type(1){
    	margin-top: 40px;
    }
    
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .down .media .in{
    	display:flex;
    	align-items:center;
    	margin-left:5px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .down .media .in .image{
    	width: 60px;
    	margin: initial;
    }
    
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .down .media .in .image img {
    	width: 60px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .down .media .in .text{
    	margin-top: 0;
    	text-align: left;
    	margin-left: 10px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .down .media .in .text h3{
    	font-size: 10px;
    	line-height: 12px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .down .media .in .text h2{
    	font-size: 12px;
    	line-height: 18px;
    	margin-top: 4px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .down .media .in .text p{
    	font-size: 10px;
    	line-height: 14px;
    	margin-top: 8px;
    }
    
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .down .media .in .text p br{
  		display: none !important;
	}
    
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic{
    	margin-top: 40px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab{
    	margin-top: 20px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTableWrap{
    	overflow-x: auto;
    	width: 100%;
    	/* padding-left: 30px; */
    	box-sizing: border-box;
    	 -ms-overflow-style: none;
    } 
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTableWrap::-webkit-scrollbar{
    	display:none;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTableWrap .tabTitle{
    	width: calc(100% - 60px);
    	/* flex-wrap:nowrap; */
    	justify-content:flex-start;
    	flex-wrap:nowrap;
    	height: 26px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTitle li a{
    	font-size: 12px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTitle li a{
    	font-size: 12px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTableWrap .tabTitle li:nth-of-type(1){
    	min-width:163px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTableWrap .tabTitle li:nth-of-type(2){
    	min-width:101px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTableWrap .tabTitle li:nth-of-type(3){
    	min-width:101px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTableWrap .tabTitle li:nth-of-type(4){
    	min-width:138px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTableWrap .tabTitle li:nth-of-type(5){
    	min-width:141px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTableWrap .tabTitle li:nth-of-type(6){
    	min-width:168px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .area{
    	margin-top: 20px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .area.area1{
    	margin-top: 20px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .area h2{
    	font-size: 16px;
    	line-height: 20px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .area h3{
    	font-size: 14px;
    	line-height: 20px;
    	margin-top: 20px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .area .textBox{
    	margin-top: 20px;
    	font-size: 12px;
    	line-height: 20px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .area .textBox h4{
    	font-size: 12px;
    	line-height: 20px;
    }
    /* esgManagementPolicy */
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .flexWrap .in .image{
    	margin-right: 23px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .flexWrap .in .text{
    	font-size: 17px;
    	line-height: 32px;
    	font-weight: 700;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap{
    	margin-top: 40px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap .graph li.list1{
    	padding:initial;
    	position:relative;
    	width: 148px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap .graph li.list1 span{
    	position: absolute;
    	top: 50%;
    	left: 50%;
    	transform: translate(-50%, -50%);
    	font-size: 10px;
    	line-height: 14px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap .graph li.list1.pd60{
    	padding: initial;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap .graph li.list1.pd36{
    	padding: initial;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap .graph li.list2{
    	width: calc(100% - 148px);
    	padding-left: 6px;
    	font-size: 10px;
    	line-height: 14px;
    	padding: 12px 8px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .graphWrap .graph{
    	align-items:inherit;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .flexWrap .media .text.pdChange{
    	padding:40px 20px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .right .article .text p{
    	font-size: 16px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .flexWrap .media{
    	display:block;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .flexWrap .media .image{
    	width: 100%;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .flexWrap .media .image img{
    	width: 100%;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .flexWrap .media .text{
    	width: 100%;
    	box-sizing: border-box;
    	padding: 40px 20px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .flexWrap .media .text.pdChange{
    	width: 100%;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox{
    	display: block;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .left{
    	width: 100%;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .right{
    	width: 100%;
    	border-left: 1px solid #ddd;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .flexWrap{
    	height: auto;
    	padding:30px;
    	box-sizing: border-box;
    	margin-top: 20px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .flexWrap .in{
    	display: block;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .flexWrap .in .image{
    	width: 60px;
    	margin-right: 0;
    	margin:0 auto;
    	
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .flexWrap .in .text{
    	font-size: 12px;
    	line-height: 18px;
    	text-align: center;
    	margin-top: 20px;
    	word-break:keep-all;
    	font-weight: 700;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal{
    	margin-top: 40px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg{
    	margin-top: 40px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .boxHeader{
    	margin-top: 20px;
    	padding: 30px 0;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .boxHeader .in{
    	display: block;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .boxHeader .in .image{
    	width: 60px;
    	margin: 0 auto;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .boxHeader .in h3{
    	font-size: 16px;
    	line-height: 18px;
    	text-align: center;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .flexWrap .media .text h3{
    	font-size: 14px;
    	line-height: 20px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .flexWrap .media .text p{
    	font-size: 12px;
    	line-height: 20px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .btn{
    	width: 250px;
    	height: 30px;
    	padding: 6px 8px;
    	border-radius: 6px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .btn a{
    	font-size: 12px;
    	line-height: 20px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .companyEsg .btn a img{
    	width: 12px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany{
    	margin-top: 40px;
    	
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany p{
    	font-size: 12px;
    	line-height: 20px;
    	margin-top: 20px;
    	word-break:keep-all;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox{
    	margin-top: 20px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .right .article .image{
    	width: 60px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .right .article .text h3{
    	font-size: 12px;
    	line-height: 12px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .right .article .text p{
    	font-size: 10px;
    	line-height: 14px;
    	margin-top: 10px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .right .article{
    	width: 100%;
    	position:static;
    	height: auto;
    	padding:20px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .right .article .text{
    	position:static;
    	display: flex;
    	padding-right: 0;
    	
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .right .article .text .textForm{
    	margin-left: 10px;
    	width: calc(100% - 100px);
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .newCompany .textBox .right .article .text h3{
    	margin-top: 10px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .nowSystem .graphWrap .graph li.list1{
    	width: 95%;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .nowSystem .graphWrap .graph li{
    	width: 100%;
    	display: block;
    	position:relative;
    	font-size: 10px;
    	line-height: 14px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .nowSystem .graphWrap .graph li span{
    	position: absolute;
    	top: 50%;
    	left: 50%;
    	transform: translate(-50%, -50%);
    	font-size: 10px;
    	line-height: 14px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .nowSystem .graphWrap .graph li .sub li{
    	font-size: 10px;
    	line-height: 14px;
    	height: 30px;
    	padding: 5px 0;
    	box-sizing: border-box;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .safeManagement{
    	margin-top: 0;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .safeManagement h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .safeManagement .boxHeader{
    	margin-top: 20px;
    	padding: 30px 30px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .safeManagement .boxHeader .in{
    	display: block;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .safeManagement .boxHeader .in .image{
    	width: 60px;
    	margin-right: 0;
    	margin:0 auto;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .safeManagement .boxHeader .in h3{
    	font-size: 12px;
    	line-height: 18px;
    	text-align: center;
    	margin-top: 10px;
    	font-weight: 700;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .energy{
    	margin-top: 40px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .energy h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .energy h3{
    	margin-top: 20px;
    	font-size: 14px;
    	line-height: 20px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .energy ul li{
    	font-size: 12px;
    	line-height: 20px;
    	width: auto;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .visionAim{
    	margin-top: 40px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .visionAim h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .visionAim .flexWrap{
    	margin-top: 20px;
    	display: block;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .visionAim .flexWrap .media{
    	width: 100%;
    	display: flex;
    	height: auto;
    	padding-top: 0;
    	border-radius:12px;
    	padding: 30px 0;
    	margin-top: 20px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .visionAim .flexWrap .media:nth-of-type(1){
    	margin-top: 0;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .visionAim .flexWrap .media .image{
    	width: 60px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .visionAim .flexWrap .media .text{
    	width: calc(100% - 120px);
    	text-align: left;
    	margin-top: 0;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .visionAim .flexWrap .media .text h3{
    	font-size: 12px;
    	line-height: 12px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .visionAim .flexWrap .media .text p{
    	font-size: 10px;
    	line-height: 14px;
    	margin-top: 8px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .flexAround{
    	margin-top: 20px;
    	flex-wrap:wrap;
    	padding: 20px 0;
    	gap:20px;
    	flex-wrap:wrap;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .flexAround .contentMedia{
    	width: calc(50% - 30px);
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .flexAround .contentMedia .image{
    	width: 60px;
    	margin:0 auto;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .visionAim h2{
    	font-size: 20px;
    	line-height: 30px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .system{
    	margin-top: 40px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .system h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .system p{
    	margin-top: 20px;
    	font-size: 12px;
    	line-height: 20px;
    	width: 300px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .nowSystem{
    	margin-top: 40px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .nowSystem h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .esgManagementPolicyWrap .managementPoliicyWrap .nowSystem .graphWrap{
    	margin-top: 20px;
    }
    
    /* esgResource */
    .wrap .esgResourceWrap .esgresourceGraph {
        overflow-x: scroll;
    }
    .wrap .esgResourceWrap .esgresourceGraph th {
        height: 155px;
        padding: 0 7px;
    }
    .wrap .esgResourceWrap .esgresourceGraph td{
        padding: 12px 5px;
    }
    .wrap .esgResourceWrap .esgresourceGraph thead th {
        height: 38px;
        padding: 0 27px;
    }
    .wrap .esgResourceWrap .esgresourceGraph thead th:first-child {
        padding: 0 56px;
    }
    .wrap .esgResourceWrap .resourceWrap article{
    	margin-top: 40px;
    }
    .wrap .esgResourceWrap .resourceWrap article h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    
    .wrap .esgResourceWrap .resourceWrap article h3{
    	font-size: 16px;
    	line-height: 28px;
    	margin-top: -10px;
    }
    .wrap .esgResourceWrap .resourceWrap article p{
    	font-size: 13.5px;
    	line-height: 20px;
    	margin-top: 20px;
    	width: auto;
    }
    .wrap .esgResourceWrap .resourceWrap article .image{
    	margin-top: 20px;
    }
    .wrap .esgResourceWrap .resourceWrap article .gr{
    	font-size: 10px;
    	line-height: 14px;
    	margin-top: 20px;
    }
    .wrap .esgResourceWrap{
    	padding-bottom: 100px;
    }
    .wrap .esgResourceWrap .resourceWrap article .graphWrap{
    	margin-top: 20px;
    }
    .wrap .esgResourceWrap .resourceWrap article .graphWrap .graph li{
    	font-size: 10px;
    	line-height: 14px;
    	padding: 12px 0;
    }	
    .wrap .esgResourceWrap .resourceWrap article .graphWrap .graph li.lh28{
    	height: 53px;
    	box-sizing: border-box;
    	position:relative;
    }
    .wrap .esgResourceWrap .resourceWrap article .graphWrap .graph li.lh28 span{
    	position: absolute;
    	top: 50%;
    	left: 50%;
    	transform: translate(-50%,-50%);
    }
    .wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li{
    	font-size: 10px;
    	line-height: 14px;
    	
    }
    .wrap .esgResourceWrap .resourceWrap article .graphWrap .graph li.list2{
    	line-height: 28px;
    }
    .wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.graph2 .list2 .sub li.li1{
    	line-height: 14px;
    	position:relative;
    	height: 62px;
    }
    .wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.graph2 .list2 .sub li.li1 span{
    	position: absolute;
    	top: 50%;
    	left: 53%;
    	transform: translate(-50%,-50%);
    	width: 92%;
    }
    .wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.graph2 .list2 .sub li.li2{
    	line-height: 14px;
    	position:relative;
    	height: 62px;
    }
    .wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.graph2 .list2 .sub li.li2 span{
    	position: absolute;
    	top: 50%;
    	left: 53%;
    	transform: translate(-50%,-50%);
    	width: 92%;
    }

    .wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.graph2 .list2 .sub li{
    	
    	padding: 0;
    }
    .wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2{
    	line-height: 14px !important;
    	height: 84% !important;
    	position:relative;
    }
    
    .wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2.en{
   		height: 88% !important;
    }
    
    .wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2.en{
    	height: 88% !important;
    } 
    
    .wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2.cn{
    	height: 85% !important;
    }
    
    .wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.graph2 .list2.ko .sub li.li3{
   		padding: 0px 0px 0px 0px;
    }
    .wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2 span{
    	position: absolute;
    	top: 50%;
    	left: 50%;
    	transform: translate(-50%,-50%);
    	width: 95%;
    }
   	.wrap .esgResourceWrap .resourceWrap .plan .graphWrap.graphWrap2 .graphTitle .list2{
   		line-height: 14px;
   		/* word-break: keep-all; */
   		height: 130px;
   	}
   	
   	.wrap .esgResourceWrap .resourceWrap .plan .graphWrap.graphWrap2 .graphTitle .list2.bdl0{
   		height: 62px !important;
   	}
   	
   	.wrap .esgResourceWrap .resourceWrap .plan .graphWrap.graphWrap2.cn .graphTitle .list2.bdl0 {
    height: 80px !important;
	}
   	
   	.wrap .esgResourceWrap .resourceWrap .plan .graphWrap.graphWrap2.en .graphTitle .list2.bdl0{
   		height: 100px !important;
   	}
   	
   	.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2 .sub li.li1{
   		position:relative;
   		height: 62px !important;
   		line-height: 14px !important;
   	}
   	.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2 .sub li.li1 span{
   		position: absolute;
    	top: 50%;
    	left: 50%;
    	transform: translate(-50%,-50%);
   	}
   	.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2 .sub li.li2{
   		position:relative;
   		height: 71px !important;
   		line-height: 14px !important;
   	}
   	.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2 .sub li.li2 p{
    	position: absolute;
    	top: 50%;
    	left: 53%;
    	transform: translate(-50%,-50%);
    }
   	.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2 .sub li.li2 span{
   		position: absolute;
    	top: 50%;
    	left: 50%;
    	transform: translate(-50%,-50%);
   	}
 	.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2 .sub li.li3{
 		position:relative;
 		height: 50px !important;
 		line-height: 14px !important;
   	}
   	
   	.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2.cn .sub li.li3 {
   		height: 80px !important;
	}
   	
   	.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2.en .sub li.li3 {
  		height: 92px !important;
	}
	
	.wrap .esgResourceWrap .resourceWrap .plan .graphWrap2 .graph li.list2.en .sub li.li3 {
  		height: 120px !important;
	}
   	
   	.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2.ko .sub li.li3{
   		margin-top: 2px;
   		height: 73px !important;
   	}
   
   	.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.graph2 .list2 .sub li.li3 span{
    	position: absolute;
    	top: 62%;
    	left: 50%;
    	transform: translate(-50%,-50%);
    	width: 92%;
    }
    
    .wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.graph2.cn .list2 .sub li.li3 span {
   		 top: 50%;
	}
    
    .wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.graph2 .list2.ko .sub li.li3 span{
    	position: absolute;
    	top: 45%;
    	left: 50%;
    	transform: translate(-50%,-50%);
    	width: 92%;
    }
   	.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list1{
   		padding: 12px 0;
   	}
   	/* esgEnvironment */
   	.wrap .esgEnvironmentWrap .environmentWrap{
   		margin-top: 40px;
   		padding-bottom: 100px;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article {
   		/* margin-top: 40px; */
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article h2{
   		font-size: 20px;
   		line-height: 28px;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article h2.mt100{
   		margin-top: 40px !important;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article p{
   		font-size: 12px;
   		line-height: 20px;
   		margin-top: 20px;
   		word-break:keep-all;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .gr{
   		font-size: 10px;
   		line-height: 14px;
   		display: inline-block !important;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .red{
   		width: 8px;
   		height: 8px;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .blank{
   		width: 8px;
   		height: 8px;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .graphTitleBtn{
   		width: 305px;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .graphTitleBtn li a{
   		font-size: 12px;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap{
   		margin:0 auto;
   		margin-top: 20px;
   		width: 500px !important;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph.graphTitle li{
   		font-size: 10px;
   		line-height: 14px;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li{
   		font-size: 10px;
   		line-height: 14px;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con3 h3{
   		font-size: 10px;
   		line-height: 14px;
   		height: 40px;
   		position: relative;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con3 h3 span{
   		position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%, -50%);
	    width: 100%;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con3 .lh120{
   		font-size: 10px;
   		line-height: 14px;
   		height: 80px;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con4 .lh120{
   		line-height: 80px;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con3 .lh92{
   		height: 52px;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con4 .lh92{
   		line-height: 52px;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con4 h3{
   		font-size: 10px;
   		line-height: 40px;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con5.con5Line h4{
   		font-size: 10px;
   		line-height: 40px;
   		padding-left: 6px;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content2 .graphWrap .graph li.con5.con5Line h4{
   		position:relative;
   		line-height: 14px;
   		height: 40px;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con3 .lh92{
   		line-height: 14px;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content2 .graphWrap .graph li.con5.con5Line h4 span{
   		position: absolute;
	    top: 50%;
	    left: 53%;
	    transform: translate(-50%, -50%);
	    width: 100%;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con3 .lh64{
   		line-height: 14px;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con4 .lh64{
   		line-height: 40px;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con4 .sticker{
   		font-size: 10px;
   		line-height: 14px;
   		width: 49px;
   		height: 92px;
   		top: -51px;
   		padding-top: 22px;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph.graphTitle{
   		height: 78px;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph.graphTitle li h3{
   		line-height: 40px;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph.graphTitle li .sub{
   		line-height: 40px;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con1{
   		width: 21%;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con2{
   		width: 25%;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph.graphTitle li .sub .list{
   		width: 62px;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con3{
   		width: 10%;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con4{
   		width: 10%;
   	}
   	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap .graph li.con5{
   		width: 33%;
   		padding-left: 6px;
	    /* padding-top: 13px;
	    padding-bottom: 13px; */
   	}
   	
   	/* esgPride */
   	.wrap .esgPrideWrap{
   		padding-bottom: 100px;
   	}
   	.wrap .esgPrideWrap .prideWrap{
   		margin-top: 40px;
   	}
   	.wrap .esgPrideWrap .prideWrap h2{
   		font-size: 20px;
   		line-height: 28px;
   	}
   	.wrap .esgPrideWrap .prideWrap p{
   		font-size: 12px;
   		line-height: 20px;
   		margin-top: 20px;
   	}
	.wrap .esgPrideWrap .prideWrap .pride{
		flex-wrap:wrap;
	}
	.wrap .esgPrideWrap .prideWrap .pride .side{
		width: 100%;
	}
	.wrap .esgPrideWrap .prideWrap .pride .side.mt{
		margin-top: 40px;
	}
	.wrap .esgPrideWrap .prideWrap .pride .side .flexWrap.mt40{
		margin-top: 20px;
	}
	.wrap .esgPrideWrap .prideWrap .pride .side.mt{
		margin-top: 20px;
	}
	.wrap .esgPrideWrap .prideWrap .pride .side .flexWrap .left{
		width: 20px;
		height: 20px;
		font-size: 12px;
	}
	.wrap .esgPrideWrap .prideWrap .pride .side .flexWrap .right{
		margin-top: 4px;
		margin-left: 8px;
		width: calc(100% - 30px);
	}
	.wrap .esgPrideWrap .prideWrap .pride .side .flexWrap .right h3{
		font-size: 12px;
		line-height: 13px;
	}
	.wrap .esgPrideWrap .prideWrap .pride .side .flexWrap .right .text{
		font-size: 10px;
		line-height: 14px;
		margin-top: 10px;
	}
	/* esgSafe */
	.wrap .esgSafeWrap .safeWrap article{
		margin-top: 40px;
	}
	.wrap .esgSafeWrap .safeWrap article h2{
		font-size: 20px;
		line-height: 28px;
	}
	.wrap .esgSafeWrap .safeWrap article p{
		font-size: 12px;
		line-height: 20px;
		margin-top: 20px;
	}
	.wrap .esgSafeWrap .safeWrap article .tag{
		margin-top: 20px;
		padding: 30px 0;
	}
	.wrap .esgSafeWrap .safeWrap article .tag h3{
		font-size: 14px;
		line-height: 20px;
	}
	.wrap .esgSafeWrap .safeWrap article .tag p{
		font-size: 12px;
		line-height: 20px;
		margin-top: 10px;
	}
	
	.wrap .esgSafeWrap .safeWrap article .row {
	    display: flex;
	    padding: 30px 0px;
	    flex-direction: column;
	}	
	
	.wrap .esgSafeWrap .safeWrap article .row .txtBox {
   		float: left;
    	padding: 10px 0 10px 0;
	}
	
	.wrap .esgSafeWrap .safeWrap article .row .txtBox.bdbtX {
    	float: left;
   		padding: 10px 0 10px 0;
	}
	.wrap .esgSafeWrap .safeWrap article .row .txtBox.left {
		width: 100%;
		height: 60px;
		margin: 0 0 10px;
		padding: 20px 42px 20px 43px;
		border: solid 1px #ddd;
		background-color: #f5f5f5;
	    text-align: center;
	    box-sizing: border-box;
	    background-color: #f5f5f5;
	}
	
	.wrap .esgSafeWrap .safeWrap article .row .txtBox.left.en {
	    width: 100%;
	    height: 60px;
	    margin: 0 0 10px;
	    padding: 10px 10px 10px 10px;
	    border: solid 1px #ddd;
	    background-color: #f5f5f5;
	    text-align: center;
	    box-sizing: border-box;
	    background-color: #f5f5f5;
	}
	
	.wrap .esgSafeWrap .safeWrap article .row .txtBox.bdbtX.left.en {
	    width: 100%;
	    height: 60px;
	    margin: 0 0 10px;
	    padding: 20px 42px 20px 43px;
	    border: solid 1px #ddd;
	    background-color: #f5f5f5;
	    text-align: center;
	    box-sizing: border-box;
	    background-color: #f5f5f5;
	}
	
	.wrap .esgSafeWrap .safeWrap article .row .txtBox h3.title-txt{
	    word-break: keep-all;
		width: auto;
		height: 20px;
		font-size: 14px;
		font-weight: 900;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.43;
		letter-spacing: normal;
		text-align: center;
		color: #000;
		margin: 0px;
	}
	
	.wrap .esgSafeWrap .safeWrap article .row .txtBox.en h3.title-txt {
	    word-break: keep-all;
	    width: auto;
	    height: 20px;
	    font-size: 14px;
	    font-weight: 900;
	    font-stretch: normal;
	    font-style: normal;
	    line-height: 1.43;
	    letter-spacing: normal;
	    text-align: center;
	    color: #000;
	    margin: 8px;
	}
	
	.wrap .esgSafeWrap .safeWrap article .row .txtBox.bdbtX.left.en h3.title-txt {
	    word-break: keep-all;
	    width: auto;
	    height: 20px;
	    font-size: 14px;
	    font-weight: 900;
	    font-stretch: normal;
	    font-style: normal;
	    line-height: 1.43;
	    letter-spacing: normal;
	    text-align: center;
	    color: #000;
	    margin: 0px;
	}
	
	.wrap .esgSafeWrap .safeWrap article .row .txtBox.right{
	    width: 100%;
	    border-top: 1px solid #ddd;
	    border-bottom: 1px solid #ddd;
	    box-sizing: border-box;
	    background-color: #fff;
	    height: 10%;
	    margin-left: 0px
	}
	
	.wrap .esgSafeWrap .safeWrap article .row .txtBox.bdbtX.right.en {
	    float: left;
	    padding: 10px;
	    height: 10%;
	}


	.wrap .esgSafeWrap .safeWrap article .row .txtBox .flexWrap span{
		width: 300px;
		height: 100px;
		margin: 10px 0;
		font-size: 12px;
		font-weight: normal;
		font-stretch: normal;
		font-style: normal;
		line-height: 1.67;
		letter-spacing: normal;
		color: #666;
	}
	
	.wrap .esgSafeWrap .safeWrap .media .flexWrap{
		flex-wrap:wrap;
		gap:20px;
		margin-top: 17px;
	}
	.wrap .esgSafeWrap .safeWrap .media .flexWrap .box{
		width: calc(50% - 20px);
	}
	.wrap .esgSafeWrap .safeWrap .media .flexWrap .box .image{
		width: 100%;
		height: 50px;
		border-radius: 8px;
	}
	.wrap .esgSafeWrap .safeWrap .media .flexWrap .box p{
		margin-top: 20px;
		font-size: 12px;
		line-height: 18px;
		width: auto;
	}
	.wrap .esgSafeWrap .safeWrap .media .flexWrap .box .image span{
		font-size: 14px;
	}
	.wrap .esgSafeWrap .safeWrap .media h2{
		font-size: 20px;
		line-height: 28px;
	}
	.wrap .esgSafeWrap .safeWrap .media{
		margin-top: 40px;
	}
	.wrap .esgSafeWrap .safeWrap .media:nth-of-type(2){
		margin-top: 40px;
	}
	.wrap .esgSafeWrap .safeWrap article .textBox{
		margin-top: 20px;
		padding: 20px;
	}
	.wrap .esgSafeWrap .safeWrap article .textBox h3{
		font-size: 14px;
		line-height: 20px;
	}
	.wrap .esgSafeWrap .safeWrap article .textBox .box{
		margin-top: 20px;
	}
	.wrap .esgSafeWrap .safeWrap article .textBox .box .flexWrap{
		font-size: 12px;
		line-height: 20px;
	}
	.wrap .esgSafeWrap{
		padding-bottom: 100px;
	}
	/* esgSupply */
	.wrap .esgSupplyWrap .supplyWrap h2{
		font-size: 20px;
		line-height: 28px;
		margin-top: 40px;
	}
	.wrap .esgSupplyWrap .supplyWrap p{
		font-size: 12px;
		line-height: 20px;
		margin-top: 20px;
		width: 300px;
	}
	.wrap .esgSupplyWrap .supplyWrap .supplyArtSubHeader h2{
		font-size: 16px;
		line-height: 22px;
		margin-top: 36px;
	}
	.wrap .esgSupplyWrap .supplyWrap .image{
		margin-top: 20px;
	}
	.wrap .esgSupplyWrap .supplyWrap .downloadBtn{
		width: auto;
		height: 44px;
		font-size: 12px;
		line-height: 14px;
		margin-top: 20px;
		min-width: auto;
		max-width: 100%;
		padding: 4px 13px 1px 13px;
	}
	.wrap .esgSupplyWrap .supplyWrap .artHeader{
		display: block;
	}
    .wrap .esgSupplyWrap .supplyWrap .artHeader .gr.w100{
        text-align: right;
    }
	.gr{
		font-size: 10px;
		line-height: 14px;
	}
	.gr.w100{
		width: auto;
	}
	.gr.mt40{
		margin-top: 20px;
	}
	.supplyArtHeader .gr{
		width: 112px;
		margin-left: auto;
		margin-top: 10px;
        text-align: right;
	}
	.supplyArtHeader .gr.w100{
		width: 100%;
	}
	.wrap .esgSupplyWrap .supplyWrap .graphWrap .graph li{
		font-size: 10px;
		line-height: 14px;
		padding: 12px 0 !important;
		height: 38px !important;
		position:relative;
	}
	.wrap .esgSupplyWrap .supplyWrap .graphWrap .graph li span{
		position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%,-50%);
	    width: 77%;
	}
	
	.wrap .esgSupplyWrap .supplyWrap .graphWrap.en .graph li{
		margin:0;
		position: relative;
		padding: 56px 0 !important;
	}
	.wrap .esgSupplyWrap .supplyWrap .graphWrap.en .graph li span{
		position: absolute;
	    top: 50%;
	    left: 50%;
	    transform: translate(-50%,-50%);
	}
	.wrap .esgSupplyWrap .supplyWrap .graphWrap.en .graphTitle li{
		padding: 12px 0 !important;
	}
	.wrap .esgSupplyWrap{
		padding-bottom: 100px;
	}
	.wrap .esgSupplyWrap .supplyWrap .graphWrap{
		margin-top: 20px;
	}

    .wrap .esgSupplyWrap .supplyWrap .graphWrap .graph li.list1 span br {
		display: block !important;
    }

	.wrap .esgSupplyWrap .supplyWrap .graphWrap.graphWrap2 .graph li.list_1 span br{
		display: block !important;
	}

	/* esgContribution */
	.mobSegment{
		display:block;
		margin-top: 18px;
		font-size: 12px;
		line-height: 20px;
	}
	.wrap .esgContributionWrap .contributionWrap article .program .flexWrap .media .text .segment{
		display: none;
	}
	.wrap .esgContributionWrap .contributionWrap article h2{
		font-size: 20px;
		line-height: 28px;
		margin-top: 40px;
	}
	.wrap .esgContributionWrap .contributionWrap article p{
		font-size: 12px;
		line-height: 20px;
		margin-top: 20px;
	}
	.wrap .esgContributionWrap .contributionWrap article .image{
		margin-top: 20px;
	}
	.wrap .esgContributionWrap .contributionWrap article .vod{
		margin-top: 20px;
	}
	.wrap .esgContributionWrap .contributionWrap article h3{
		font-size: 14px;
		margin-top: 20px;
		line-height: 20px;
	}
	.wrap .esgContributionWrap .contributionWrap article .program .flexWrap .media{
		margin-top: 20px;
	}
	.wrap .esgContributionWrap .contributionWrap article .program .flexWrap .media .picture{
		width: 142px;
	}
	.wrap .esgContributionWrap .contributionWrap article .program .flexWrap .media .text{
		width: calc(100% - 142px);
		position:relative
	}
	.wrap .esgContributionWrap .contributionWrap article .program .flexWrap .media .text h4{
		font-size: 16px;
		line-height: 24px;
		position:absolute;
		bottom: 10px;
		left: 16px;
	}
	.wrap .esgContributionWrap .contributionWrap article h3.mt80{
		margin-top: 60px;
	}
	.wrap .esgContributionWrap{
		padding-bottom: 100px;
	}
	/* esgGovernance */
	.esgGovernanceWrap article{
		margin-top: 40px;
	}
	.esgGovernanceWrap article h2{
		font-size: 20px;
		line-height: 28px;
	}
	.esgGovernanceWrap article p{
		font-size: 12px;
		line-height: 20px;
		margin-top: 20px;
	}
    .esgGovernanceWrap article p.desc {
        margin-top: 10px;
    }
    .esgGovernanceWrap .downloadWrap .pdfDownload {
        gap: 6px;
        padding: 8px 12px;
        margin-top: 10px;
    }
    .esgGovernanceWrap .downloadWrap .pdfDownload span {
        font-size: 12px;
        line-height:1.17;
    }
    .esgGovernanceWrap .downloadWrap .pdfDownload img {
        width: 12px;
        height: 12px;
    }
	.esgGovernanceWrap article .image.blue{
		padding: 20px;
	}
	.esgGovernanceWrap article .gr{
		font-size: 10px;
		line-height: 14px;
	}
	.esgGovernanceWrap{
		padding-bottom: 100px;
	}
	.esgGovernanceWrap article .text{
		align-items:flex-start;
	}
	.esgGovernanceWrap article .text .left{
		font-size: 12px;
		line-height: 20px;
		width: 25px; 
		margin-right: 10px;
	}
	.esgGovernanceWrap article .text .right{
		font-size: 12px;
		line-height: 20px;
		width: calc(100% - 45px);
	}
	.esgGovernanceWrap article .text .left.w128{
		width: 49px;
	}
	.esgGovernanceWrap article .text .left.w136{
		width: 49px;
	}
	.esgGovernanceWrap article .text .center{
		width: 1px;
		margin-top: 4px;
		height: 10px;
		margin-right: 10px;
	}
	.esgGovernanceWrap article .textBox .right .article .text p{
    	font-size: 16px;
    }
	.esgGovernanceWrap article .textBox{
    	display: block;
    }
    .esgGovernanceWrap article .textBox .left{
    	width: 100%;
    }
    .esgGovernanceWrap article .textBox .right{
    	width: 100%;
    	border-left: 1px solid #ddd;
    }

	.esgGovernanceWrap article .textBox{
    	margin-top: 20px;
    }
    .esgGovernanceWrap article .textBox .right .article .image{
    	width: 60px;
    }
    .esgGovernanceWrap article .textBox .right .article .text h3{
    	font-size: 12px;
    	line-height: 12px;
    }
    .esgGovernanceWrap article .textBox .right .article .text p{
    	font-size: 10px;
    	line-height: 14px;
    	margin-top: 10px;
    }
    .esgGovernanceWrap article .textBox .right .article{
    	width: 100%;
    	position:static;
    	height: auto;
    	padding:30px;
    }
    .esgGovernanceWrap article .textBox .right .article .text{
    	position:static;
    	display: block;
    	padding-right: 0;
    	margin-top: 0;
    	text-align: center;
    }
    .esgGovernanceWrap article .textBox .right .article .text .textForm{
    	width: 100%;
    }
    .esgGovernanceWrap article .textBox .right .article .text h3{
    	margin-top: 10px;
    }
    .esgGovernanceWrap article .consultSubTitle{
    	margin-top: 60px;
    	padding-bottom: 10px;
    }
    .esgGovernanceWrap article .consultSubTitle h2{
    	font-size: 20px;
    	line-height: 22px;
    }
    .esgGovernanceWrap article .inputSection .inputWrap{
    	border: 1px solid #666;
    	height: 44px;
    	padding: 0 14px;
    	margin-top: 20px;
    }
    .esgGovernanceWrap article .inputSection .inputWrap input {
    	font-size: 14px;
    	line-height: 16px;
        padding: 0;
    }
    .esgGovernanceWrap article .inputSection .inputWrap input::placeholder {
    	font-size: 14px;
    	line-height: 16px;
    }
    .esgGovernanceWrap.type01 article .inputSection .inputWrap {
        padding:0
    }
    .esgGovernanceWrap.type01 article .inputSection .inputWrap input {
        padding:0 14px;
        box-sizing:border-box;
    }
    .esgGovernanceWrap.type01 article .consultContent .inputWrap input {
        padding: 0 14px;
        box-sizing:border-box;
    }
    .esgGovernanceWrap.type01 article .consultContent .inputWrap {
        padding:0;
    }
    .wrap .esgGovernanceWrap.type01 input#company_agree[type="checkbox"]:checked + label:after {
        width:26px;
        height:26px;
        top:0;
    }
    .esgGovernanceWrap article .consultContent{
    	margin-top: 20px;
    }
    .esgGovernanceWrap article .consultContent .inputWrap{
    	margin-top: 0;
    	border: 1px solid #666;
    	height: 44px;
    	padding: 0 14px;
    }
    .esgGovernanceWrap article .consultContent .inputWrap input{
    	font-size: 14px;
    	line-height: 16px;
        padding: 0;
    }
    .esgGovernanceWrap article .consultContent .inputWrap input::placeholder{
    	font-size: 14px;
    	line-height: 16px;
    }
    .esgGovernanceWrap article .consultContent .textArea textarea{
    	padding: 14px;
    	font-size: 14px;
    	line-height: 16px;
    }
    .esgGovernanceWrap article .consultContent .textArea textarea::placeholder{
    	font-size: 14px;
    	line-height: 16px;
    }
    .esgGovernanceWrap article .consultContent .textArea{
    	height: 140px;
    }
    .esgGovernanceWrap article .consultContent .accept .acceptBox{
    	padding: 14px;
    	height: 140px;
    	overflow: auto;
    }
    .esgGovernanceWrap article .consultContent .accept .acceptBox .sub {
        font-size: 12px;
        line-height: 20px;
    }
    .esgGovernanceWrap article .consultContent .accept .acceptBox h2{
    	font-size: 14px;
    	line-height: 16px;
    	margin-top: 20px !important;
    }
    .esgGovernanceWrap article .consultContent .accept .acceptBox p {
        font-size:12px;
        line-height:20px;
    }
    .esgGovernanceWrap article .consultContent .accept .acceptBox p:first-child + h2 {
        margin-top: 20px;
    }
    .esgGovernanceWrap article .consultContent .accept .acceptBox ul li{
    	font-size: 12px;
    	line-height: 20px;
    }
    .esgGovernanceWrap article .consultContent .accept .acceptCheck .checkBox .textBox{
    	margin-top: 0;
    	font-size: 16px;
    	border-top: 0;
    }
    .esgGovernanceWrap article .consultContent .accept .acceptCheck .checkBox .imgWrap{
    	margin-right: 8px;
    	width: 26px;
    }
    .esgGovernanceWrap article .subBtn{
    	width: 100%;
    	height: 60px;
    	border-radius: 8px;
    }
    .esgGovernanceWrap article .subBtn a{
    	font-size: 18px;
    	line-height: 20px;
    }
    /* esgShareholder */
    .wrap .esgShareholderWrap .shareholderWrap article{
    	margin-top: 40px;
        width: 100%;
    }
    .wrap .esgShareholderWrap .shareholderWrap article h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .esgShareholderWrap .shareholderWrap article p{
    	font-size: 12px;
    	line-height: 20px;
    	margin-top: 20px;
        width: 100%;
    }
    .wrap .esgShareholderWrap .shareholderWrap article .image{
    	margin: 20px 0;
    }
    .wrap .esgShareholderWrap .shareholderWrap .graphWrap .graph li.list1{
    	font-size: 10px;
    	line-height: 14px;
    	padding: 12px 0;
    }
    .wrap .esgShareholderWrap .shareholderWrap .graphWrap .graph li.list2{
    	height: 28px;
    	font-size: 10px;
    	line-height: 27px !important;
    	padding: 12px 0;
    }
    .wrap .esgShareholderWrap .shareholderWrap .graphWrap .graph li.list2.mid{
    	height: 42px;
    	font-size: 10px;
    	line-height: 42px !important;
    	padding: 12px 0;
    }
    .wrap .esgShareholderWrap .shareholderWrap .graphWrap .graph li.list2-2{
    	padding: 19px 0;
    }
    .wrap .esgShareholderWrap .shareholderWrap .graphWrap .graph.graphTitle li{
    	width: auto !important;
    	font-size: 10px;
    	line-height: 14px;
    	padding: 12px 0;
    }
    .wrap .esgShareholderWrap .shareholderWrap .graphWrap .graph.graphTitle li span{
    	display: block;
    	width: 54px;
    	word-break: keep-all;
    	margin: 0 auto;
    }
    .image.mt100{
    	margin-top: 40px !important;
    }
    .wrap .esgShareholderWrap{
    	padding-bottom: 100px;
    }
    /* esgRiskManagement */
    .wrap .riskManagementWrap .managementWrap article{
    	margin-top: 40px;
    }
    .wrap .riskManagementWrap .managementWrap article h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .riskManagementWrap .managementWrap article h3{
    	font-size: 14px;
    	line-height: 20px;
    	margin-top: 20px;
    	width: auto;
    }
    .wrap .riskManagementWrap .managementWrap article p{
    	font-size: 12px;
    	line-height: 20px;
    	margin-top: 20px;
    }
    .wrap .riskManagementWrap .managementWrap article .image{
    	margin-top: 20px;
    }
    .wrap .riskManagementWrap{
    	padding-bottom: 100px;
    }
    /* esgFactBook */
    .esgFactBookWrap .factBookWrap .flexWrap{
    	display: block;
    	margin-top: 40px;
    }
    .esgFactBookWrap .factBookWrap .flexWrap .right{
    	width: 100%;
    }
    .esgFactBookWrap .factBookWrap .flexWrap .right h3{
    	font-size: 14px;
    	line-height: 20px;
    	margin-top: 40px;
    }
    .esgFactBookWrap .factBookWrap .flexWrap .right p{
    	font-size: 12px;
    	line-height: 20px;
    	margin-top: 20px;
    }
    .esgFactBookWrap .factBookWrap .flexWrap .right .btnArea{
    	margin-top: 20px;
    	width: 226px;
    }
    .esgFactBookWrap .factBookWrap .flexWrap .right .btnArea .btn{
    	width: calc(50% - 5px);
    	height: 30px;
    	border-radius: 6px;
    }
    .esgFactBookWrap .factBookWrap .flexWrap .right .btnArea .btn a{
    	font-size: 12px;
    	line-height: 24px;
    }
    
    .esgFactBookWrap .factBookWrap .flexWrap .right .btnArea .btn img{
    	width: 12px;
    	margin-left: 6px;
    }
    .esgFactBookWrap .factBookWrap .slideWrap{
    	margin-top: 40px;
    }
    .esgFactBookWrap .factBookWrap .slideWrap .up{
    	padding-bottom: 10px;
    }
    
    .esgFactBookWrap .factBookWrap .slideWrap .up h3{
    	font-size: 20px;
    	line-height: 28px;
    }
    .esgFactBookWrap .factBookWrap .slideWrap .up .arrow{
    	margin-right: 0;
    }
    .esgFactBookWrap .factBookWrap .slideWrap .down .slideContent{
    	display: block;
    	padding: 22px 0;
    }
    .esgFactBookWrap .factBookWrap .slideWrap .down .slideContent .left{
    	font-size: 14px;
    	line-height: 20px;
    }
    .esgFactBookWrap .factBookWrap .slideWrap .down .slideContent .right .btnArea{
    	width: 100%;
    	margin-top: 10px;
    }
    .esgFactBookWrap .factBookWrap .slideWrap .down .slideContent .right .btnArea .btn{
    	width: calc(50% - 8px);
    	height: 44px;
    	padding: 9px 20px;
    }
    .esgFactBookWrap .factBookWrap .slideWrap .down .slideContent .right .btnArea .btn a{
    	font-size: 12px;
    	line-height: 14px;
    }
    .esgFactBookWrap .factBookWrap .slideWrap .down .slideContent .right .btnArea .btn a img{
    	width: 26px;
    }
    .esgFactBookWrap .factBookWrap .flexWrap .left{
    	width: 100%;
        margin-bottom: 40px;
    }
    .esgFactBookWrap .factBookWrap .flexWrap .left .image{
    	width: 100%;
    }
    .esgFactBookWrap .factBookWrap .flexWrap .left .image img{
    	width: 100%;
    }
    .esgFactBookWrap{
    	padding-bottom: 100px;
    }
    /* esgEvaluation */
    .esgEvaluationWrap .evaluationWrap{
    	margin-top: 0;
    	padding-bottom: 100px;
    }
    .esgEvaluationWrap .evaluationWrap article{
    	margin-top: 40px;
    }
    .esgEvaluationWrap .evaluationWrap article .image.bdImg{
    	padding: 20px;
    	box-sizing: border-box;
    }
    .esgEvaluationWrap .evaluationWrap article .image.bdImg .imgWrap{
    	width: 260px;
    }
    .esgEvaluationWrap .evaluationWrap article .image{
    	margin-top: 20px;
    }
    .esgEvaluationWrap .evaluationWrap article h3{
    	font-size: 14px;
    	line-height: 20px;
    	margin-top: 20px;
    }
    .esgEvaluationWrap .evaluationWrap article h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .esgEvaluationWrap .evaluationWrap article table thead tr th {
        font-size: 10px;
        line-height: 12px;
    }
    .esgEvaluationWrap .evaluationWrap article table tbody tr td {
        font-size: 10px;
        line-height: 12px;
    }
    .esgEvaluationWrap .evaluationWrap article .graphWrap{
    	margin-top: 20px;
    }
    .esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap{
    	margin-top: 20px;
    }
    .esgEvaluationWrap .evaluationWrap article .graphWrap .graph.graphTitle li{
    	font-size: 10px;
    	line-height: 12px;
    	padding: 9px 0;
    }
    .esgEvaluationWrap .evaluationWrap article .graphWrap .graph li{
    	font-size: 10px;
    	line-height: 38px;
    }
    .esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph .list1{
    	line-height: 10px;
    }
    .esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph li{
    	font-size: 10px;
    	line-height: 12px;
    	padding: 7px 0;
    }
    .esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph li .sub li.lh92{
    	line-height: 12px;
    	position:relative;
    }
    .esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph li .sub li.lh92 span{
    	position: absolute;
    	top:50%;
    	left:50%;
    	transform:translate(-50%,50%);
    }
    .esgEvaluationWrap .evaluationWrap article.graphList2 .graphWrap .graph li .sub li.lh92{
    	padding: 7px 0;
    }
    /* awards.jsp */
    .wrap .awardsWrap .tabMenuWrap .menuLine .tabMenu li{
    	font-size: 14px;
    	line-height: 16px;
    	padding: 9px 0;
    }
    .wrap .awardsWrap .tabMenuWrap .menuLine .tabMenu li.on{
    	border-bottom: 2px solid #a50034;
    	
    }
    .wrap .awardsWrap .tabMenuWrap .content{
    	padding: 50px 0 100px;
    }
    .wrap .awardsWrap .tabMenuWrap .content .historyTab li{
    	font-size: 12px;
    	line-height: 12px;
    }
    .wrap .awardsWrap .tabMenuWrap .content .line{
    	padding-bottom: 12px;
    }
    .wrap .awardsWrap .tabMenuWrap .content .historyTab li.act::after{
    	bottom: -16px;
    	width: 6px;
    	height: 6px;
    }
    .wrap .awardsWrap .tabMenuWrap .content .historyContent h2{
    	font-size: 26px;
    }
    .wrap .awardsWrap .tabMenuWrap .content .historyContent .graphArea{
    	margin-top: 40px;
    }
    .wrap .awardsWrap .tabMenuWrap .content .historyContent .graph .year{
    	width: 29px;
    }
    .wrap .awardsWrap .tabMenuWrap .content .historyContent .graph .side{
    	width: 100%;
    }
    .wrap .awardsWrap .tabMenuWrap .content .historyContent .graph .side .sub{
    	margin-top: 23px;
    }
    .wrap .awardsWrap .tabMenuWrap .content .historyContent .graph .side .sub:first-of-type{
    	margin-top: 0;
    }
    .wrap .awardsWrap .tabMenuWrap .content .historyContent .graph .side .sub .left{
    	padding-left: 27px;
    	font-size: 12px;
    	line-height: 18px;
    }
    .wrap .awardsWrap .tabMenuWrap .content .historyContent .graph .side .sub .right{
    	font-size: 12px;
    	padding-left: 13px;
    	line-height: 18px;
    	/* word-break:keep-all; */
    }
    .wrap .awardsWrap .tabMenuWrap .content .historyContent h2:first-of-type{
    	margin-top: 0;
    }
    .wrap .awardsWrap .tabMenuWrap .content .historyContent h2{
    	margin-top: 40px;
    }
    .wrap .awardsWrap .tabMenuWrap .content2 .historyTab li{
    	width: 50%;
    }
    /* vision */
    .wrap .visionWrap .textIntro .flexWrap{
    	display: block;
    }
    .wrap .visionWrap .textIntro .flexWrap .left{
    	width: 100%;
    }
    .wrap .visionWrap .textIntro .flexWrap .right{
    	width: 100%;
    	margin-left: 0;
    	margin-top: 40px;
    }
    .wrap .visionWrap .flexAreaWrap .flexArea{
    	display: block;
    	gap:0;
    	width: 100%;
    	max-width: 300px;
    	margin: 0 auto;
	}
    
    .wrap .visionWrap .flexAreaWrap .flexArea .mediaWrap{
    	width: 100%;
    	display: flex;
    	height: 100px;
    	align-items:center;
    	box-sizing:border-box;
    	padding: 20px 30px;
    	justify-content:center;
    }
    .wrap .visionWrap .flexAreaWrap .flexArea .mediaWrap .media{
    	width: 300px;
    }
    .wrap .visionWrap .flexAreaWrap .flexArea .mediaWrap .media h3{
    	width: calc(100% - 70px);
    	font-size: 12px;
    	line-height: 12px;
    	margin-left: 10px;
    }
    .wrap .visionWrap .textIntro{
    	margin-top: 40px;
    }
    .wrap .visionWrap .textIntro h4{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .visionWrap .textIntro p{
    	font-size: 12px;
    	line-height: 20px;
    	word-break:break-word;
    }
    .wrap .visionWrap .textIntro p.mt40{
    	margin-top: 20px;
    }
    .wrap .visionWrap .textIntro.culture{
    	margin-top: 40px;
    }
    .wrap .visionWrap .textIntro h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .visionWrap .flexAreaWrap{
    	margin-top: 20px;
    }
    .wrap .visionWrap .flexAreaWrap .flexArea .mediaWrap .media .image{
    	width: 60px;
    }
    .wrap .visionWrap .prideWrap{
    	padding: 40px 0 100px;
    }
    .wrap .visionWrap2 .flexAreaWrap .flexArea .mediaWrap{
    	border-radius: 12px;
    	margin-top: 20px;
    }
    .wrap .visionWrap2 .flexAreaWrap .flexArea .mediaWrap:first-of-type{
    	margin-top: 0;
    }
    /*비전 통합 */
    .wrap .visionWrap2 .tabMenuWrap.visionTabMenu {margin-bottom:40px;}
    .wrap .visionWrap2 .visionTabWrap,
    .wrap .visionWrap2 .brandTabWrap,
    .wrap .visionWrap2 .viTabWrap{
        margin-bottom:100px;
    }
    /*.wrap .visionWrap2 .content {*/
    /*    text-align:center;*/
    /*}*/
    .wrap .visionWrap2 .content .titleWrap .sub {
        font-size: 14px;
        line-height: 24px;
    }
    .wrap .visionWrap2 .content .titleWrap .desc {
        font-size:12px;
        line-height: 22px;
    }
    .wrap .visionWrap2 .content .contentWrap {
        margin-top: 60px;
        width: 100%;
    }
    .wrap .visionWrap2 .content .contentWrap + .contentWrap {
        margin-top: 60px;
    }
    .wrap .visionWrap2 .content .contentWrap .titleChip {
        font-size: 18px;
        line-height: 18px;
        padding: 8px 24px;
        border-radius: 18px;
        margin-bottom: 20px;
    }
    .wrap .visionWrap2 .content .contentWrap .subTitle {
        display: block;
        font-size: 12px;
        line-height :20px;
    }
  .wrap .visionWrap2 .content .contentWrap .subTitle.fs-up {
    font-size: 16px;
    line-height :26px;
  }
    .wrap .visionWrap2 .content .contentWrap .subTitle + .subTitle {
        margin-top: 10px;
    }
    .wrap .visionWrap2 .content .contentWrap .visionVideo {
        width: 100%;
        margin: 30px auto 0;
    }
    .wrap .visionWrap2 .content .contentWrap .visionVideo iframe {
        width: 100%;
        height: 48vw;
    }
    .wrap .visionWrap2 .content .contentWrap .contentBox {
        flex-direction: column;
        width:100%;
        border-radius: 12px;
    }
    .wrap .visionWrap2 .content .contentWrap .contentBox.even {
        flex-direction: column-reverse;
    }
    .wrap .visionWrap2 .content .contentWrap .contentBox + .contentBox {
        margin-top: 20px;
    }
    .wrap .visionWrap2 .content .contentWrap .contentBox > div {
        flex:1 ;
        width: 100%;
    }
    .wrap .visionWrap2 .content .contentWrap .contentBox .image .web {
        display:none;
    }
    .wrap .visionWrap2 .content .contentWrap .contentBox .image .mob {
        display:block;
    }
    .wrap .visionWrap2 .content .contentWrap .contentBox .textWrap {
        min-height: 230px;
    }
    .wrap .visionWrap2 .content .contentWrap .contentBox.even .textWrap {
        border-radius: 0 0 12px 12px;
    }
    .wrap .visionWrap2 .content .contentWrap .contentBox.odd .textWrap {
        border-radius: 0 0 12px 12px;
    }
    .wrap .visionWrap2 .content .contentWrap .contentBox .textWrap .boxTitle {
        font-size: 26px;
        line-height: 32px;
    }
    .wrap .visionWrap2 .content .contentWrap .contentBox .textWrap .boxSubTitle {
        margin-top: 10px;
        font-size: 16px;
        line-height: 16px;
    }
    .wrap .visionWrap2 .content .contentWrap .contentBox .textWrap .boxDesc {
        font-size: 12px;
        margin-top: 10px;
        line-height: 18px;
    }
    .wrap .visionWrap2 .content .contentWrap .contentBox .image {}
    .wrap .visionWrap2 .content .contentWrap .contentBox .image img {
        width:100%;
    }
    .wrap .visionWrap2 .content .contentWrap .behaviorWrap {
        margin-top: 30px;
    }
    .wrap .visionWrap2 .content .contentWrap .behaviorWrap .behaviorList {
        gap: 30px;
    }
    .wrap .visionWrap2 .content .contentWrap .behaviorWrap .behaviorList li {
        flex-direction: column;
        gap: 20px;
        text-align: center;
    }
    .wrap .visionWrap2 .content .contentWrap .behaviorWrap .behaviorList li .image {
        min-width: 100%;
        max-width: 100%;
    }
    .wrap .visionWrap2 .content .contentWrap .behaviorWrap .behaviorList li .text {
        font-size: 12px;
        line-height: 18px;
    }
    .wrap .visionWrap2 .content .brandTabWrap .image {
        margin-top: 40px;
    }
    .wrap .visionWrap2 .viTabWrap .center1360 .motifWrap {
        display:flex;
        gap:30px;
        margin-top:30px;
        flex-direction: column;
    }
    .wrap .visionWrap2 .viTabWrap .center1360 .motifWrap.type02 {
        margin-top:10px;
    }
    .wrap .visionWrap2 .viTabWrap .center1360 .motifWrap .motifCont {
        display:flex;
        flex-direction: column;
        align-items: center;
        width:100%;
    }
    .wrap .visionWrap2 .viTabWrap .center1360 .motifWrap .motifCont .image {width:100%;}
    .wrap .visionWrap2 .viTabWrap .center1360 .motifWrap .motifCont .image .web {
        display:none;
    }
    .wrap .visionWrap2 .viTabWrap .center1360 .motifWrap .motifCont .image .mob {
        display:block;
    }
    .wrap .visionWrap2 .viTabWrap .center1360 .motifWrap .motifCont .textCont {

    }
    .wrap .visionWrap2 .viTabWrap .center1360 .motifWrap .motifCont .textCont .title {
        font-size:14px;
        line-height: 14px;
        font-weight: 600;
        margin-top: 20px;

    }
    .wrap .visionWrap2 .viTabWrap .center1360 .motifWrap .motifCont .textCont .desc {
        margin-top: 8px;
        font-size: 12px;
        line-height: 18px;
    }
    .wrap .visionWrap2 .viTabWrap .center1360 .motifWrap .motifCont .brandColorCont {
        height: 80px;
        border-radius: 12px;
    }
    .wrap .visionWrap2 .viTabWrap .center1360 .motifWrap .motifCont .brandColorCont .desc{
        position: absolute;
        right: 20px;
        bottom: 14px;
        font-size: 12px;
        line-height: 18px;
        text-align: right;
    }
    .wrap .visionWrap2 .viTabWrap .center1360 .slideWrap {
        width: 100%;
    }
    .wrap .visionWrap2 .viTabWrap .center1360 .slideWrap .slick-list {

    }
    .wrap .visionWrap2 .viTabWrap .center1360 .slideWrap .slick-list .slick-track .slick-slide{
    }
    .wrap .visionWrap2 .viTabWrap .center1360 .slideWrap .viSlideContent .custom-prev {
        left:-24px;
    }
    .wrap .visionWrap2 .viTabWrap .center1360 .slideWrap .viSlideContent .custom-next {
        right:-24px;
    }
    .wrap .visionWrap2 .viTabWrap .center1360 .slideWrap .viSlideContent .slick-arrow {
        position: absolute;
        display: block;
        height: 48px;
        width: 48px;
        cursor: pointer;
        background: rgba(255, 255, 255, 0.7);
        top: 46%;
        -webkit-transform: translate(0, -50%);
        transform: translate(0, -50%);
        padding: 0;
        border: none;
        outline: none;
        border-radius: 48px;
        z-index: 999;
        -webkit-box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
        box-shadow: 0 0 8px 0 rgba(0, 0, 0, 0.16);
    }

    .wrap .visionWrap2 .viTabWrap .center1360 .slideWrap .viSlideContent .slick-slide {
        margin: 0 10px !important;
    }
    .wrap .visionWrap2 .viTabWrap .center1360 .slideWrap .viSlideContent .image {
        width: 260px;
    }
    .wrap .visionWrap2 .viTabWrap .center1360 .slideWrap .viSlideContent img {
        width: 100%;
        height: 100%;
        object-fit: cover;
    }
    /*// 비전 통합*/
    .wrap .ciWrap {
    	padding-bottom : 100px;
    }
    .wrap .ciWrap article{
    	margin-top: 40px;
    }
    .wrap .ciWrap article h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .ciWrap article p{
    	font-size: 12px;
    	line-height: 20px;
    	margin-top: 20px;
    	word-break:keep-all;
    }
    .wrap .ciWrap article .logoMarkBtn{
    	margin-top: 20px;
    	height: 180px;
        border-radius: 12px;
    }
    .wrap .ciWrap article .logoMarkBtn .flexWrap{
    	gap:20px;
    }
    .wrap .ciWrap article .logoMarkBtn .flexWrap .left{
    	margin-right: 0;
    	width: 120px;
    }
    .wrap .ciWrap article .logoMarkBtn .flexWrap .left img{
    	width: 100%;
    }
    .wrap .ciWrap article .logoMarkBtn .flexWrap .left .image{
    	width: 120px;
    	height: 120px;
    }
    .wrap .ciWrap article .logoMarkBtn .flexWrap .right .image{
    	width: 120px;
    	height: 120px;
    }
    .wrap .ciWrap article .logoMarkBtn .flexWrap .left .image .circle{
    	width: 100px;
    	height: 100px;
    }
    .wrap .ciWrap article .logoMarkBtn .flexWrap .right .image .circle{
    	width: 100px;
    	height: 100px;
    }
    .wrap .ciWrap article .logoMarkBtn .flexWrap .left .image .circle .textCircle h3{
    	font-size: 16px;
    	line-height: 18px;
    }
    .wrap .ciWrap article .logoMarkBtn .flexWrap .left .image .circle .textCircle p{
    	font-size: 8px;
    	line-height: 12px;
    }
    .wrap .ciWrap article .logoMarkBtn .flexWrap .right .image .circle .textCircle h3{
    	font-size: 16px;
    	line-height: 18px;
    }
    .wrap .ciWrap article .logoMarkBtn .flexWrap .right .image .circle .textCircle p{
    	font-size: 8px;
    	line-height: 12px;
    }
    .wrap .ciWrap article .logoMarkBtn.logoType .flexWrap .left{
    	height: auto;
    }
    .wrap .ciWrap article .logoMarkBtn.logoType .flexWrap{
    	height: auto;
    }
    .wrap .ciWrap article .logoMarkBtn.logoType .flexWrap .right .logo img{
    	width: 100%;
    	margin-left: -8px;
    }
    .wrap .ciWrap article .logoMarkBtn.logoType .flexWrap .left .logo{
    	width: 81px;
    	margin-top: 0;
    	height: auto;
    	line-height: 60px;
    }
    .wrap .ciWrap article .logoMarkBtn.logoType{
    	padding: 30px 0;
    	height: 120px;
    }
    .wrap .ciWrap article .logoMarkBtn.logoType .flexWrap .right .logo{
    	width: 109px;
    }
    .wrap .ciWrap article .logoMarkBtn.logoType.logoType2 .flexWrap .left .logo{
    	width: 86px;
    }
    .wrap .ciWrap article .logoMarkBtn.logoType.logoType2 .flexWrap .right .logo{
    	width: 109px;
    }
    .wrap .ciWrap article .logoMarkBtn.logoType.logoType2 .flexWrap{
    	height: auto;
    }
    .wrap .ciWrap article .logoMarkBtn.logoType.logoType2 .flexWrap .left{
    	height: auto;
    	padding-top: 0;
    }
    .wrap .ciWrap article:nth-of-type(4){
    	margin-bottom: 40px;
    }
    .wrap .ciWrap .precautions{
    	padding: 40px 20px;
        border-radius: 12px;
    }
    .wrap .ciWrap .precautions .textBox h4{
    	font-size: 24px;
    	line-height: 28px;
    	font-weight: 700;
    }
    .preSub{
    	margin-top: 20px;
    }
    .preSub li{
    	font-size: 12px;
    	line-height: 20px;
    }
    .wrap .ciWrap .precautions .textBox{
    	margin-top: 40px;
    }
    .wrap .ciWrap .precautions .textBox h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .ciWrap .precautions .textBox p{
    	font-size: 12px;
    	line-height: 20px;
    	margin-top: 20px;
    }
    /* information */
    .wrap .informationWrap .tabMenuWrap .content.content1 .explain .flexWrap{
    	display: block;
    }
    .wrap .informationWrap .tabMenuWrap .content.content1 .explain .flexWrap .right{
    	width: 100%;
    }
    .wrap .informationWrap .tabMenuWrap{
    	margin-top: 40px;
    }
    .wrap .informationWrap .tabMenuWrap .menuLine{
    	margin-top: 0;
    }
    .wrap .informationWrap .tabMenuWrap .menuLine .tabMenu li{
    	font-size: 13px;
    	line-height: 16px;
    	padding: 9px 0;
    }
    .wrap .informationWrap .tabMenuWrap .menuLine .tabMenu li.on{
    	border-bottom: 2px solid #a50034;
    	font-weight: 900;
    }
    .wrap .informationWrap .tabMenuWrap .content.content1 .explain{
    	padding: 40px 0;
    }
    .wrap .informationWrap .tabMenuWrap .content.content1 .explain .flexWrap .left{
    	font-size: 20px;
    	line-height: 28px;
    	width: 100%;
    }
    .wrap .informationWrap .tabMenuWrap .content.content1 .explain .flexWrap .left.cn{
    	word-break: break-all;
    	width: auto;
    }
    .wrap .informationWrap .tabMenuWrap .content.content1 .explain .flexWrap .right{
    	font-size: 12px;
    	line-height: 20px;
    	margin-top: 20px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content1 .graphArea h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content1 .graphArea .graphWrap .graph.graphTitle li{
    	font-size: 10px;
    	line-height: 14px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content1 .graphArea .graphWrap .graph li{
    	font-size: 10px;
    	line-height: 14px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content1 .graphArea .graphWrap .graph li span{
    	padding: 12px 0;
    }
    .wrap .informationWrap .tabMenuWrap .content.content1 .graphArea .graphWrap .graph li span.list1{
    	width: 78px;
    	word-break:keep-all;
    }
    .wrap .informationWrap .tabMenuWrap .content.content1 .graphArea .graphWrap .graph li span.list2{
    	width: 48px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content1 .graphArea .graphWrap .graph li span.list3{
    	width: calc(100% - 126px);
    	padding-left: 12px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap .media{
    	padding: 30px 20px;
    	width: 100%;
    	align-items:center;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap .media .text h2{
    	font-size: 16px;
    	line-height: 22px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap .media .text h3{
    	font-size: 12px;
    	line-height: 14px;
    	margin-top: 4px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap .media .text ol li{
    	font-size: 10px;
    	line-height: 16px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap .media .text ol li::after{
    	top: 5px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap .media .image{
    	width: 70px;
    	height: 70px;
    	margin-right: 20px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap .media .text{
    	width: calc(100% - 90px);
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap .media.padding47{
    	padding: 30px 20px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .authorityWrap{
    	margin-top: 40px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .authorityWrap .authorityArea h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .authorityWrap .authorityArea h3{
    	font-size: 14px;
    	line-height: 20px;
    	margin-top: 20px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .authorityWrap .authorityArea ol{
    	margin-top: 20px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .authorityWrap .authorityArea ol li{
    	font-size: 12px;
    	line-height: 20px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap{
    	margin-top: 40px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap h3{
    	font-size: 14px;
    	line-height: 20px;
    	margin-top: 20px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap .mattersWrap{
    	margin-top: 20px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap .mattersWrap .matter{
    	padding: 30px 20px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap .mattersWrap .matter h2{
    	font-size: 14px;
    	line-height: 20px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap .mattersWrap .matter .flexWrap{
    	display: block;
    	margin-top: 20px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap .mattersWrap .matter .flexWrap li{
    	font-size: 12px;
    	line-height: 20px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap .mattersWrap .matter .flexWrap li.left{
        margin-right: 0px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .disclaimerWrap .mattersWrap .matter .flexWrap li>.sub>li{
        display: flex;
        word-break: normal;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .authorityWrap .btn{
    	width: 100%;
    	
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .authorityWrap .btn a{
    	padding: 13px 0;
    	font-size: 14px;
    	height: 40px;
    	line-height: 14px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap{
    	margin-top: 40px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .titleWrap{
    	display: block;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .titleWrap h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .titleWrap .rightSide{
    	margin-top: 20px;
    	max-width: 100%;
    	justify-content: start;
    	gap: 14px;
        overflow-x: auto;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .titleWrap .rightSide li{
    	font-size: 12px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .titleWrap .rightSide li.act::after{
    	bottom: 5px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent{
    	margin-top: 20px;
    }
    
    .wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph.graphTitle li{
    	line-height: 14px !important;
    	font-size: 10px !important;
    	word-break:keep-all !important;
    	position:relative;
    	height: 52px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph.graphTitle li span{
    	position:absolute;
    	top: 50%;
    	left: 50%;
    	transform:translate(-50%,-50%);
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph>li>ol>li{
    	line-height: 14px !important;
    	font-size: 10px !important;
    	word-break:keep-all !important;
    	position:relative;
    	height: 48px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph.graphContent li.list1{
    	line-height: 14px !important;
    	font-size: 10px !important;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph.graphContent li.list4{
    	line-height: 14px !important;
    	font-size: 10px !important;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph>li>ol>li>span{
    	position:absolute;
    	top: 50%;
    	left: 50%;
    	transform:translate(-50%,-50%);
    	width: 100%;
    	word-break:break-all !important;
    }
    .wrap .informationWrap .tabMenuWrap .content.content3 .graphWrap .graph li.list2 .flexArea .right{
    	padding: 12px 0;
    	padding-left: 6px;
    	padding-right: 6px;
    	width: 70%;
    }
    .wrap .informationWrap .tabMenuWrap .content.content3 .graphWrap .graph li{
    	font-size: 10px;
    	line-height: 14px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content3 .graphWrap .graph li.list1{
    	font-size: 10px;
    	line-height: 14px;
    	width: 20%;
    	text-align: center;
    	 word-break:break-all; 
    }
    .wrap .informationWrap .tabMenuWrap .content.content3 .graphWrap .graph li.list2{
    	font-size: 10px !important;
    	line-height: 14px !important;
    	width: 80%;
    }
    .wrap .informationWrap .tabMenuWrap .content.content3 .graphWrap .graph li.list2 .flexArea .left{
    	width: 30%;
    }
    .wrap .informationWrap .tabMenuWrap .content.content3 .graphWrap .graph li.list2 .flexArea .right span{
    	font-size: 10px;
    	line-height: 14px !important;
    }
    .wrap .informationWrap .tabMenuWrap .content.content3 .graphWrap .graph li.list2 .flexArea{
    	font-size: 10px !important;
    	line-height: 14px !important;
    }
    .wrap .informationWrap .tabMenuWrap .content.content3 .graphWrap{
    	margin-top: 40px;
    }
    .wrap .informationWrap .tabMenuWrap .content{
    	padding-bottom: 0px;
    	
    }
    .wrap .informationWrap .tabMenuWrap .content.content2{
    	padding-top: 40px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap{
    	margin-top: 20px;
    }
    .wrap .informationWrap .tabMenuWrap .content.content2 .boardTitle h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .financialWrap .tabMenuWrap .content{
    	margin-top: 40px;
    	padding-bottom: 0px;
    }
    .wrap .financialWrap .tabMenuWrap .content .gr{
    	font-size: 10px;
    	line-height: 14px;
    	margin-top: 20px;
    }
    .wrap .financialWrap .tabMenuWrap .content .graphWrap{
    	margin-top: 20px;
    }
    .wrap .financialWrap .tabMenuWrap .content .graphWrap .graph li{
    	padding: 12px 6px;
    	font-size: 10px;
    	line-height: 14px;
    }
    .wrap .financialWrap .tabMenuWrap .content .graphWrap .graph .bgBlue{
    	width: 20%;
    	position:relative;
    	word-break:break-all;
    }
    .wrap .financialWrap .tabMenuWrap .content .graphWrap .graph .bgBlue span{
    	position: absolute;
   		top: 50%;
    	left: 50%;
    	transform: translate(-50%, -50%);
    	width: 100%;
    }
    .wrap .financialWrap .tabMenuWrap .content .graphWrap .graph .bgBlue.blue30{
    	width: 30%;
    }
    .wrap .financialWrap .tabMenuWrap .content .graphWrap .graph .w203{
    	width: 16%;
    	position:relative;
    }
    .wrap .financialWrap .tabMenuWrap .content .graphWrap .graph .w203 span{
    	position: absolute;
   		top: 50%;
    	left: 50%;
    	transform: translate(-50%, -50%);
    	width: 100%;
    }
    .wrap .financialWrap .tabMenuWrap .content .btnArea{
    	width: calc(100% - 60px);
    	margin-top: 40px;
    }
    .wrap .financialWrap .tabMenuWrap .content .btnArea a{
    	height: 50px;
    	font-size: 14px;
    	line-height: 16px;
    	border-radius: 8px;
    }
    .wrap .financialWrap .tabMenuWrap .content .title.titleFlex{
    	display: block;
    }
    .wrap .financialWrap .tabMenuWrap .content .title h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .financialWrap .tabMenuWrap .content .title p{
    	font-size: 10px;
    	line-height: 14px;
    }
    .wrap .financialWrap .tabMenuWrap .content .title.mt100{
    	margin-top: 40px!important;
    }
    .wrap .financialWrap .tabMenuWrap .content .graphWrap.company{
    	margin-top: 5px;
    }
    .wrap .financialWrap .tabMenuWrap .content .graphWrap.elec{
    	margin-top: 5px;
    }
    .wrap .financialWrap .tabMenuWrap .content .graphWrap .graph .w510{
    	width: 35%;
    }
    .wrap .financialWrap .tabMenuWrap .content .title ul li{
    	font-size: 14px !important;
    	line-height: 14px !important;
    }
    .wrap .financialWrap .tabMenuWrap .content .graphWrap .graph .w1019{
    	width: 68%;
    	padding-left: 6px;
    }
    .wrap .financialWrap .tabMenuWrap .content .btnArea.btn100{
    	width: 100%;
    }
    .wrap .tabMenuWrap .menuLine.scroll{
    	overflow: auto;
    	-ms-overflow-style: none;
		scrollbar-width: none;
    }
    .wrap .tabMenuWrap .menuLine.scroll::-webkit-scrollbar{
    	display: none !important;
    }
    .wrap .tabMenuWrap .menuLine.scroll .tabMenu{
		white-space:nowrap;
		padding-left: 30px;
		padding-right: 30px;
		width: 100%;
	}
	.wrap .financialWrap .tabMenuWrap .menuLine .tabMenu li{
		width: 36.33%;
		
	}
	.wrap .stockWrap .tabMenuWrap .content.content1 .rightSide{
		width: 100%;
		max-width:300px;
		margin-top: 60px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content1 .rightSide li{
		font-size: 12px;
		line-height: 13px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content1 .rightSide li.act::after{
		bottom: -6px;
	}
	.wrap .stockWrap .tabMenuWrap .menuLine .tabMenu li:nth-of-type(1){
		width: 25%;
	}
	.wrap .stockWrap .tabMenuWrap .menuLine .tabMenu li:nth-of-type(2){
		width: 50%;
	}
	.wrap .stockWrap .tabMenuWrap .menuLine .tabMenu li:nth-of-type(3){
		width: 25%;
	}
	.wrap .stockWrap .tabMenuWrap .content.content1 .yearContent{
		margin-top: 40px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content1 .yearContent .apiArea iframe{
		width: 100%;
		height: calc(100vw * 0.873);
	}
	.wrap .stockWrap .tabMenuWrap .content{
		padding-bottom: 100px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graphTitle li.list1{
		font-size: 10px;
		line-height: 14px;
		width: 20%;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graphTitle li.list2 h3{
		font-size: 10px;
		line-height: 14px;
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graphTitle li.list2{
		width: 69%;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graphTitle li.list3{
		width: 11%;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graph .media1{
		width: 20%;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graph .media2{
		width: calc(69% / 3);
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graph .media3{
		width: 11%;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graph .subList1{
		height: 62px;
		position:relative;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graph .subList1 span{
		position:absolute;
		top:50%;
		left: 50%;
		transform:translate(-50%,-50%);
		word-break:keep-all;
		width: 100%;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graph .subList2{
		height: 80px;
		position:relative;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graph .subList2 span{
		position:absolute;
		top:50%;
		left: 50%;
		transform:translate(-50%,-50%);
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graph .subList3{
		height: 52px;
		position:relative;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graph .subList3 span{
		position:absolute;
		top:50%;
		left: 50%;
		transform:translate(-50%,-50%);
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graph .subList4{
		height: 52px;
		position:relative;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graph .subList4 span{
		position:absolute;
		top:50%;
		left: 50%;
		transform:translate(-50%,-50%);
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graphTitle li{
		font-size: 10px;
		line-height: 14px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graph .media1 .subList{
		font-size: 10px;
		line-height: 14px;
		padding: 12px 0;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graph .media2 .subList{
		font-size: 10px;
		line-height: 14px;
		padding: 12px 0;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graph .media3 .subList{
		font-size: 10px;
		line-height: 14px;
		padding: 12px 0;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graphTitle li.list2 .sub li{
		padding-top: 12px;
		padding-bottom: 12px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2{
		margin-top: 40px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph .graphTitle{
		margin-top: 20px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .totalNumberGraph h2{
		font-size: 20px;
		line-height: 28px;
	}
	.gr.mt40{
		margin-top: 20px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .policy{
		margin-top: 40px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .policy h2{
		font-size: 20px;
		line-height: 28px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .policy p,
    .wrap .stockWrap .tabMenuWrap .content.content3 .policy p{
		font-size: 12px;
		line-height: 20px;
		margin-top: 20px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .dividend{
		margin-top: 40px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .dividend h2{
		font-size: 20px;
		line-height: 28px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap{
		margin-top: 20px;
		overflow: auto;
    	white-space: nowrap;
    	padding-bottom: 20px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap::-webkit-scrollbar{
    	width: 10px !important;
    	height: 4px !important;
  	}
  	.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap::-webkit-scrollbar-thumb{
    	background-color: #a50034 !important;
    	background-clip: padding-box !important;
  	}
  	.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap::-webkit-scrollbar-track{
    	background-clip: #ddd !important;
    	background-color: #ddd !important;
  	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap .list1 li.flexWrap .sub1{
		font-size: 10px;
		line-height: 14px;
		height: 38px;
		position:relative;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap .list1 li.flexWrap .sub1 span{
		position:absolute;
		top: 50%;
		left: 50%;
		transform:translate(-50%,-50%);
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap .list1 li.flexWrap .sub2{
		font-size: 10px;
		line-height: 14px;
		height: 38px;
		position:relative;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap .list1 li.flexWrap .sub2 span{
		position:absolute;
		top: 50%;
		left: 50%;
		transform:translate(-50%,-50%);
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap .list1 li{
		font-size: 10px;
		line-height: 38px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap .list2 .title{
		font-size: 10px;
		line-height: 38px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap .list2 li{
		padding-right: 5px;
		padding-left: 5px;
		font-size: 10px;
		line-height: 38px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap .list1{
		width: 154px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap .list1 li.flexWrap h2{
		font-size: 10px;
		line-height: 38px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .gr{
		font-size: 10px;
		line-height: 14px;
		margin-top: 20px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content3 h2{
		margin-top: 40px;
		font-size: 20px;
		line-height: 28px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content3 .listWrap{
		margin-top: 20px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content3 .listWrap .list1 li{
		font-size: 10px;
		line-height: 14px;
		padding: 12px 0;
	}
	.wrap .stockWrap .tabMenuWrap .content.content3 .listWrap .list1 li.title{
		height: 52px;
		position: relative;
	}
	.wrap .stockWrap .tabMenuWrap .content.content3 .listWrap .list1 li.title span{
		position:absolute;
		top: 50%;
		left: 50%;
		transform:translate(-50%,-50%);
	}
	.wrap .stockWrap .tabMenuWrap .content.content3 .listWrap .list2 li.title{
		font-size: 10px;
		line-height: 14px;
		padding: 12px 0;
		height: 52px;
		position: relative;
	}
	.wrap .stockWrap .tabMenuWrap .content.content3 .listWrap .list2 li.title span{
		position:absolute;
		top: 50%;
		left: 50%;
		transform:translate(-50%,-50%);
	}
	.wrap .stockWrap .tabMenuWrap .content.content3 .listWrap .list2 li{
		font-size: 10px;
		line-height: 14px;
		padding: 12px 0;
	}
	.wrap .stockWrap .tabMenuWrap .content.content3 .listWrap .list1 li.li2{
		height: 52px;
		position:relative;
	}
	.wrap .stockWrap .tabMenuWrap .content.content3 .listWrap .list1 li.li2 span{
		position:absolute;
		left: 50%;
		top: 50%;
		transform:translate(-50%,-50%);
	} 
	.wrap .stockWrap .tabMenuWrap .content.content3 .listWrap .list2 li.li2{
		height: 52px;
		position:relative;
	}
	.wrap .stockWrap .tabMenuWrap .content.content3 .listWrap .list2 li.li2 span{
		position:absolute;
		left: 50%;
		top: 50%;
		transform:translate(-50%,-50%);
	} 
	.wrap .stockWrap .tabMenuWrap .content.content3 .listWrap .list1 li.li3{
		height: 67px;
		position:relative;
	}
	.wrap .stockWrap .tabMenuWrap .content.content3 .listWrap .list1 li.li3 span{
		position:absolute;
		left: 50%;
		top: 50%;
		transform:translate(-50%,-50%);
	} 
	.wrap .stockWrap .tabMenuWrap .content.content3 .listWrap .list2 li.li3{
		height: 67px;
		position:relative;
	}
	.wrap .stockWrap .tabMenuWrap .content.content3 .listWrap .list2 li.li3 span{
		position:absolute;
		left: 50%;
		top: 50%;
		transform:translate(-50%,-50%);
	}
	.wrap .stockWrap .tabMenuWrap .content.content3 .graphWrap {
		margin-top: 19px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content3 .graphWrap .graph.graphTitle
	{
		height: 80px;
	} 
	.wrap .stockWrap .tabMenuWrap .content.content3 .graphWrap .graph.graphTitle li{
		font-size: 10px;
		line-height: 14px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content3 .graphWrap .graph li.graph4 .media{
		font-size: 10px;
		line-height: 14px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content3 .graphWrap .graph li.graph1{
		width: 23.33%;
		font-size: 10px;
		line-height: 14px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content3 .graphWrap .graph li.graph2{
		width: 23.33%;
		font-size: 10px;
		line-height: 14px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content3 .graphWrap .graph li.graph3{
		width: 23.33%;
		font-size: 10px;
		line-height: 14px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content3 .graphWrap .graph li.graph4{
		width: 30%;
	}
	.wrap .stockWrap .tabMenuWrap .content.content3 .graphWrap .graph li.graph4 .media{
		padding-right: 13px;
		padding-left: 6px;
		padding-top: 6px;
		padding-bottom: 13px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content3 .gr{
		font-size: 10px;
		line-height: 14px;
		margin-top: 20px;
	}
	.wrap .faqSearchWrap{
    	background-color: transparent;
    	border: 0;
    }
    .wrap .referenceWrap .tabMenuWrap .content.content1 .graphWrap .graph li .sub li.c666 span{
    	display: none;
    }
    .wrap .referenceWrap .tabMenuWrap .content{
    	margin-top: 40px;
    }
    .wrap .referenceWrap .tabMenuWrap .content.content1 .graphWrap .graph li{
    	font-size: 10px;
    	line-height: 38px;
    }
    .numbering{
    	margin-top: 40px;
    }
    .wrap .referenceWrap .tabMenuWrap .faqSearchWrap{
    	margin-top: 0;
    	padding: 0;
    	margin-top: 40px;
    }
    .wrap .faqSearchWrap .faqSearch .faqInput{
    	padding: 10px 9px;
    }
    .wrap .faqSearchWrap .faqSearch .faqInput .inputWrap input{
    	font-size: 14px;
    	line-height: 16px;
    }
    .wrap .faqSearchWrap .faqSearch .faqInput .inputWrap input::placeholder{
    	font-size: 14px;
    	line-height: 16px;
    }
    .wrap .referenceWrap .irBnWrap .flexBtn{
    	width: 240px;
    	margin-top: 10px;
    }
    .wrap .referenceWrap .irBnWrap .flexBtn .btn.btn1{
    	width: 130px;
    }
    .wrap .referenceWrap .irBnWrap .flexBtn .btn.btn2{
    	width: 100px;
    }
    .wrap .referenceWrap .irBnWrap .flexBtn .btn{
    	font-size: 12px;
    	line-height: 14px;
    	height: 30px;
    	border-radius: 6px;
    }
    .wrap .referenceWrap .irBnWrap{
    	margin-top: 80px;
    }
    .wrap .referenceWrap{
    	padding-bottom: 100px;
    }
    .wrap .referenceWrap .irBnWrap{
    	background-image: url('/resources/img/img-mo-bn-irinquiries (2).png');
    	/* background-size: cover; */
    	width: 300px;
    	height: 140px;
    	padding: 0;
    }
    a.mobBtn{
    	display: block;
    }
    a.webBtn{
    	display: none;
    }
    .wrap .referenceWrap .tabMenuWrap .content.content1 .graphWrap .graph li.c666 a{
    	background-color: #fff;
    	padding: 0;
    }
    .wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph li.c666 a{
    	background-color: #fff;
    	padding: 0;
    }
    .wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph li .sub li.c666 span{
    	display: none;
    }
    .wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph li{
    	font-size: 10px;
    	line-height: 38px;
    }
    .wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph .list3 h3{
    	font-size: 10px;
    	line-height: 38px;
    }
    .wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph .list3 .subTitle li{
    	font-size: 10px;
    	line-height: 38px;
    }
    .wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph .list1{
    	width: 20%;
    }
    .wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph.graph1 .list1{
    	width: 340px;
    }
    .wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph .list2.list2-2{
    	width: 30%;
    }
    .wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap .graph .list3{
    	width: 30%;
    }
    .wrap .referenceWrap .tabMenuWrap .content.content2 h2{
    	font-size: 20px;
    	line-height: 28px;
    	margin-top: 40px;
    }
    .wrap .referenceWrap .tabMenuWrap .content.content2 h2.mt100{
    	margin-top: 40px !important;
    }
    .wrap .referenceWrap .tabMenuWrap .content.content2 .graphWrap{
    	margin-top: 20px;
    }
    .wrap .referenceWrap .irBnWrap h2{
    	font-size: 14px;
    	line-height: 22px;
    	padding-top: 39px;
    }
    .wrap .noticeDataWrap .tabMenuWrap .content{
    	margin-top: 40px;
    	padding-bottom: 0;
    }
    .wrap .noticeDataWrap .tabMenuWrap .content .noticeImg{
    	width: 100%;
    	
    }
    .wrap .noticeDataWrap .tabMenuWrap .content .noticeImg iframe{
    	width: 100%;
    	/* height: calc(100vw * 0.6); */
    	
    	
    }
    .wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph li .sub li.c666 span{
    	display: none;
    }
    .wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph li{
    	font-size: 10px;
    	line-height: 38px;
    }
    .wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph .list1.list1-2 ol.sub li.lh195{
    	line-height: 144px;
    }
    .wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph li.h38{
    	height: 38px;
    	line-height: 14px;
    }
    .wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph li.h52{
    	height: 52px;
    	line-height: 14px;
    }
    .wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph li.h66{
    	height: 66px;
    	line-height: 14px;
    }
    .wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph .list1.list1-2 ol.sub li.lh130{
    	line-height: 105px;
    }
    .wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph li .sub li{
    	position:relative;
    }
    .wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph li .sub li>a{
    	position: absolute;
    	top: 50%;
    	left: 50%;
    	transform:translate(-50%,-50%);
    }
    .wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph li .sub li span{
    	position: absolute;
    	top: 50%;
    	left: 50%;
    	transform:translate(-50%,-50%);
    }
    .wrap .noticeDataWrap .tabMenuWrap .content.content2 .downloadBtn{
    	width: 100%;
    	height: 50px;
    	border-radius: 8px;
    	font-size: 14px;
    	line-height: 16px;
    	margin-top: 40px;
    }
    .wrap .workLifeWrap .textBox{
    	display: block;
    }
    .wrap .workLifeWrap .textBox .left{
    	width: 100%;
    }
    .wrap .workLifeWrap .textBox .right{
    	width: 100%;
    	border-left: 1px solid #ddd;
    	display: block;
    }
    .wrap .workLifeWrap .textBox .right .article{
    	width: 100%;
    	height: auto;
    	position:static;
    	border-right: 0;
    }
    .wrap .workLifeWrap .textBox .right .article .text p{
    	font-size: 10px;
    	line-height: 14px;
    	margin-top: 10px;
    }
    .wrap .workLifeWrap .textBox .right .article .text{
    	display: flex;
    	position:static;
    	padding: 20px;
    	box-sizing:border-box;
    	top: 0;
	    left: 0;
	    transform: translate(0, 0);
	    width: 100%;
    }
    .wrap .workLifeWrap .textBox .right .article .text .image{
    	margin-right: 10px;
    	width: 60px;
    }
    .wrap .workLifeWrap .textBox .right .article .text .textForm{
    	width: calc(100% - 60px);
    	text-align: left;
    }
    .wrap .workLifeWrap .textBox .right .article .text h3{
    	font-size: 12px;
    	line-height: 12px;
    	margin-top: 0;
    	
    }
    .wrap .workLifeWrap .subTitleRecruit h2{
    	font-size: 20px;
    	line-height: 28px;
    	text-align: left;
    	width: calc(100% - 60px);
    	margin:0 auto;
    }
    .wrap .workLifeWrap .subTitleRecruit p{
    	font-size: 12px;
    	line-height: 20px;
    	text-align: left;
    	width: calc(100% - 60px);
    	margin:0 auto;
    	margin-top: 20px;
    }
    .wrap .workLifeWrap{
    	padding-top: 0;
    }
    .wrap .workLifeWrap .articleLifeWrap{
    	padding: 0;
    	padding-top: 20px;
    	padding-bottom: 20px;
    }
    .wrap .workLifeWrap .articleLifeWrap h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .workLifeWrap .textBox:nth-of-type(1){
    	margin-top: 20px;
    }
    .name{
    	font-size: 20px;
    	line-height: 28px;
    	padding-top: 40px;
    	padding-bottom: 0;
    }
    .wrap .workLifeWrap .articleLifeWrap.art2{
    	background-color: #fafafa;
    	padding-top: 20px;
    	padding-bottom: 40px;
    	margin-top: 20px;
    }
    .wrap .workLifeWrap .articleLifeWrap.art2.art3{
    	padding-top: 20px;
    }
    .wrap .workLifeWrap .articleLifeWrap.art2 .textBox .right .article{
    	height: auto;
    	border-right: 0;
    	border-left: 0;
    }
    .wrap .workLifeWrap .articleLifeWrap.art2 .textBox .right .article.h360{
    	height: auto;
    }
    .wrap .programArticle.leadershipArt{
    	padding-top: 0;
    }
    .wrap .programArticle{
    	padding: 0;
    	margin-top: 40px;
    }
    .wrap .programArticle .articleTitle h2{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .programArticle .articleTitle p{
    	font-size: 12px;
    	line-height: 20px;
    	margin-top: 20px;
    }
    .wrap .programArticle .image{
    	margin-top: 20px;
    }
    .wrap .programArticle .image.mt60{
    	margin-top: 20px;
    }
    .wrap .programArticle .image.mr-30{
    	margin-left: -30px;
    	width: calc(100% + 60px);
    }
    .wrap .programInfo{
    	margin-top: 40px;
    }
    .wrap .programInfo .title{
    	padding: 20px 0;
    }
    .wrap .programInfo .title .text{
    	font-size: 14px;
    	line-height: 20px;
    }
    .wrap .programInfo .information .line{
    	display: block;
    }
    .wrap .programInfo .information .line .left{
   		font-size: 14px;
   		line-height: 16px;
   		padding-left: 0;
   		width: 100%;
    }
    .wrap .programInfo .information .line .right{
    	width: 100%;
    	font-size: 10px;
    	line-height: 16px;
    	margin-top: 13px;
    }
    .programArticle .articleTitle .mt{
    	margin-top: 40px;
    }
    .wrap .programArticle .articleContent .proPolicy{
    	display: block;
    	margin-top: 20px;
    }
    .wrap .programArticle .articleContent .proPolicy.proEdu .articleWrap{
    	width: 100%;
    	display: block;
    	padding: 30px;
    	box-sizing: border-box;
    	height: auto;
    	border-radius: 12px;
    }
    .wrap .programArticle .articleContent .proPolicy.proEdu .articleWrap.mt{
    	margin-top: 20px;
    }
    .wrap .programArticle .articleContent .proPolicy.proEdu .articleWrap .article{
    	display: flex;
    	
    }
    .wrap .programArticle .articleContent .proPolicy .articleWrap .article .text{
    	text-align: left;
    	width: calc(100% - 70px);
    	margin-top: 0;
    }
    .wrap .programArticle .articleContent .proPolicy .articleWrap .article .text h2{
    	font-size: 12px;
    	line-height: 12px;
    }
    .wrap .programArticle .articleContent .proPolicy .articleWrap .article .image{
    	width: 60px;
    	margin-right: 10px;
    	height: auto;
    }
    .wrap .programArticle .articleContent .proPolicy .articleWrap .article .image img{
    	width: 100%;
    }
    .wrap .programArticle .articleContent .proPolicy .articleWrap .article .text ul{
    	margin-top: 8px;
    }
    .wrap .programArticle .articleContent .proPolicy .articleWrap .article .text ul li{
    	font-size: 10px;
    	line-height: 14px;
    }
    .wrap .programArticle .articleContent .proPolicy .articleWrap{
    	width: 100%;
    	height: auto;
    	border-radius: 12px;
    	display: block;
    	padding-top: 0;
    	padding: 30px;
    }
    .wrap .programArticle .articleContent .proPolicy .articleWrap.mt{
    	margin-top: 20px;
    }
    .wrap .programArticle .articleContent .proPolicy .articleWrap .article{
    	display: flex;
    }
    .wrap .workLifeWrap .subTitleRecruit{
    	margin-top: 40px;
    }
    .esgAwardsWrap .awardsWrap .tabMenuWrap .menuLine .tabMenu{
    	width: 100%;
    	max-width:300px
    }
    .pageBanner.image{
    	margin-top: 0;
    }
    .webinar .pageBanner .text h3{
    	font-size: 14px;
    	line-height: 14px;
    }
    .webinar .pageBanner .text h2{
    	font-size: 24px;
    	line-height: 30px;
    	margin-top: 8px;
    }
    .webinar .pageBanner .text .btn{
    	margin-top: 10px;
    	width: 83px;
    	height: 30px;
    }
    .webinar .pageBanner .text .btn a{
    	font-size: 12px;
    }
    .webinar .pageBanner .text .btn a .imoWrap{
    	width: 12px;
    }
    .articleTitleWrap .category{
    	
    }
    .wrap .displayDetailWrap .postContent .image{
    	height: auto;
    }
    .wrap .ceoMsgWrap{
    	padding-bottom: 100px;
    }
    .wrap .ceoMsgWrap.cn, .wrap .ceoMsgWrap.en{
        padding-bottom: 100px;
    }
    .navFlex li{
    	font-size: 14px;
    	line-height: 16px;
    	padding: 17px 0;
    }
    .navItem {
        padding-top: 20px;
        padding-bottom: 0px;
        gap: 10px;
    }
    .navItem li.line {
        font-size:10px;
    }
    .navItem li a {
        font-size: 14px;
        line-height: 16px;
    }
    .wrap .ceoWrap .pageBannerWrap .pageBanner{
      	height: auto;
      }
    .navFlex{
  		padding-bottom: 0;
  	}
  	.wrap .ciWrap article .logoMarkBtn1{
  		height: auto;
  		padding: 30px 20px;
  		box-sizing:border-box;
  	}
  	.wrap .ciWrap article .logoMarkBtn1 .flexWrap{
		max-width: unset;
		width: 100%;
		display: block;
	}
	.wrap .ciWrap article .logoMarkBtn1 .flexWrap .left{
		width: 120px;
		margin-right: 0;
		margin: 0 auto;
	}
	.wrap .ciWrap article .logoMarkBtn1 .flexWrap .right{
		margin-top: 20px;
	}
	.wrap .ciWrap article .logoMarkBtn1 .flexWrap .left img{
		width: 100%;
	}
	.wrap .noticeDataWrap .tabMenuWrap .content.content2 .graphWrap .graph li .sub li.c666 a{
		padding: 0;
		background-color: #fff;
	}
	.pressDetail .pressContents .pressFlexWrap{
		display: block;
	}
	.pressDetail .pressContents .pressFlexWrap p {
    	width: 100%;
	}
    .pressDetail .postListBtn{
        width: 100%;
        flex-wrap:wrap;
        gap:16px;
        padding-bottom: 100px;
    }
    .pressDetail .postListBtn .btn{
        width: calc(50% - 13px);
        height: 40px;
    }
    .pressDetail .postListBtn .btn.w113{
        width: 100%;
    }
    .pressDetail .postListBtn .btn a{
        line-height: 16px;
        font-size: 14px;
    }
    .pressDetail .postListBtn .btnList{
        order: 3;
    }
    .pressDetail .postListBtn .btnPrevious{
        order: 1;
    }
    .pressDetail .postListBtn .btnNext{
        order: 2;
    }
	.newsListWrap li a strong{
		height: auto;
	}
	.webinarListWrap li a .date .left{
		width: 30px;
		height: 30px;
	}
	.webinarListWrap li a .date .right p{
		font-size: 10px;
		line-height: 14px;
	}
	.wrap .articleTitleWrap h2.mt10{
		margin-top: 10px;
	}
    .wrap .articleTitleWrap .trendTitle {
        margin-top:40px;
    }
    .wrap .displayDetailWrap.trendDetailWrap .postContent .trendImage {
        width: 100%;
        margin: 0 auto;
    }

    .wrap .displayDetailWrap.trendDetailWrap .postContent .trendImage .trendSlide {
        position:relative;
    }
    .wrap .displayDetailWrap.trendDetailWrap .postContent .trendImage .trendSlide .slick-list {
        height:100%;
    }
    .wrap .displayDetailWrap.trendDetailWrap .postContent .trendImage .trendSlide .slick-list .slick-slide {
        height:100%;
    }
    .wrap .displayDetailWrap.trendDetailWrap .postContent .trendImage .trendSlide img {
        width:100%;
    }
    .wrap .displayDetailWrap.trendDetailWrap .postContent .trendImage .trendSlide .trendDots {
        bottom: -20px;
    }
    .wrap .displayDetailWrap.trendDetailWrap .postContent .trendImage .trendSlide .trendDots.slick-dots li {
        width:8px;
        height:8px;
    }
    .wrap .displayDetailWrap.trendDetailWrap .postContent .trendImage .trendSlide .trendDots.slick-dots li button {
        width: 8px;
        height: 8px;
        padding:0;
    }
    .wrap .displayDetailWrap.trendDetailWrap .postContent .trendImage .trendSlide .trendDots.slick-dots li button:before {
        width:8px;
        height:8px;
    }
    .wrap .displayDetailWrap.trendDetailWrap .postContent .text {
        margin-top: 0;
        padding-top: 40px;
        font-size: 10px;
        line-height: 18px;
        color: #666;
    }
    .wrap .displayDetailWrap.trendDetailWrap .postContent .btn.downloadArticle {
        width: 100%;
        height: 50px;
        background-color: #a50034;
        display: flex;
        align-items: center;
        justify-content: center;
        border-radius: 8px;
        margin: 40px 0 auto;
    }
    .wrap .displayDetailWrap.trendDetailWrap .postContent .btn.downloadArticle a {
        font-size: 14px;
        line-height: 16px;
    }
    .wrap .displayDetailWrap.trendDetailWrap .productSlideWrap {
        padding-bottom:60px;
    }
    .wrap .displayDetailWrap.trendDetailWrap .productSlideWrap h4 {
        font-size: 22px;
        line-height: 22px;
        font-weight: 700;
    }
	.wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent .wrapMore:first-of-type{
		margin-top: 0;
	}
	.wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent .wrapMore{
		margin-top: 20px;
		width: 100%;
	}
	.wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent .wrapMore:nth-of-type(2) h5 {
		position:unset;
	}
	.wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent .wrapMore h5{
		font-size: 12px;
		line-height: 12px;
		margin-left: 7px;
		margin-bottom: 10px;
		text-align: left;
		font-weight: 900;
	}
	.wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent .wrapMore h5:before{
		width: 3px;
		height: 3px;
		left: -7px;
		top:3px;
	}
	.wrap .programArticle p.webP{
		display: none;
	}
	.wrap .programArticle p.mobP{
		display: block;
		word-break:keep-all;
		font-size: 12px;
		line-height: 20px;
		margin-top: 20px;
		color: #666;
	}
	.wrap .tabArticleWrap .bannerWrap{
		width: 100%;
	}
	.wrap .softwareWrap .softBtnWrap .softSide .btn .crossWrap{
		width: 100%;
	}
	.wrap .tabMenuWrap .menuLine .tabMenu li{
		font-size: 14px;
		line-height: 16px;
		padding: 9px 0;
	}
	.legalNoticeWrap article{
		margin-top: 40px;
	}
	.legalNoticeWrap article h2{
		font-size: 20px;
		line-height: 28px;
	}
	.legalNoticeWrap article p{
		font-size: 12px;
		line-height: 20px;
		margin-top: 20px;
	}
	.legalNoticeWrap .blueBox2{
		padding: 26px 30px;
		margin-top: 33px;
	}
	.legalNoticeWrap .blueBox2 p{
		font-size: 16px;
		line-height: 20px;
	}
	.legalNoticeWrap{
		padding-bottom: 100px;
	}
	.errorWrap{
		margin-top: 100px;
		padding-bottom: 100px;
	}
	.errorWrap .errorBox{
		width: calc(100% - 60px);
	}
	.errorWrap .errorBox .image{
		width: 100px;
		margin:0 auto;
	}
	.errorWrap .errorBox .image img{
		width: 100%;
	}
	.errorWrap .errorBox h2{
		font-size: 18px;
		line-height: 30px;
		margin-top: 20px;
	}
	.errorWrap2 .errorBox h2 a{
		font-size: 18px;
		line-height: 30px;
	}
	.wrap .companyIntro .businessArea{
		margin-top: 40px;
	}
	.mobNone{
  		display: none;
  	}
  	.webNone{
		display: block;
	}
	.wrap .awardsWrap .tabMenuWrap .content .historyContent .graph .year::before{
		width: 8px;
    	height: 8px;
    	top: -14px;
    	right: -8px
	}
	.wrap .esgResourceWrap .resourceWrap .plan{
		margin-top: 40px;
	}
	.wrap .esgResourceWrap .resourceWrap .plan h3{
    	font-size: 20px;
    	line-height: 28px;
    }
    .wrap .esgResourceWrap .resourceWrap .plan .graphWrap{
    	margin-top: 20px;
    }
    .informationBanner .flexWrap .right .btn a img{
    	margin-left: 6px;
    	width: 12px;
    }
    .insightBanner{
		background-image: url(../img/img-mo-bn-newsletter.png) !important;
	}
	.webinar .webinarListWrap li a .category {
		width: 38px;
		height: 20px;
	}
    #container .contents .cont_body .con_section.privacy_policy .con_section_body {
        width:100%;
    }
    .privacyWrap .graphWrap .graph li{
        font-size:12px !important;
        line-height:20px !important;
    }
	.wrap .privacyWrap{
		margin-top: 40px;
		padding-bottom:0;
	}
	.privacyWrap .customSelectBox{
		width: 100%;
		max-width:900px
	}
	.privacyWrap .customSelectBox .selected{
		padding: 14px;
		font-size: 14px;
		line-height: 16px;
	}
	.privacyWrap article{
		margin-top: 40px;
	}
	.privacyWrap article:first-of-type{
		margin-top: 40px ;
	}
	.privacyWrap article h2{
		font-size: 20px;
		line-height: 28px;
	}
	.privacyWrap article p{
		font-size: 12px;
		line-height: 20px;
		margin-top: 20px;
	}
	.privacyWrap article ul{
		margin-top: 20px;
	}
	.privacyWrap article ul li{
		font-size: 12px;
		line-height: 20px;
	}
	.privacyWrap .graphWrap .graph{
		margin-top: 0;
	}
	.privacyWrap .graphWrap .graph li{
		font-size: 10px;
		line-height: 14px;
	}
	.privacyWrap .graphWrap1 .graph li{
		font-size: 10px;
		line-height: 14px;
	}
	.privacyWrap .graphWrap3 .graph li{
		font-size: 10px;
		line-height: 14px;
	}
	.privacyWrap .graphWrap{
		width: 553px !important;
		margin:0 auto;
		margin-top: 20px;
	}
	.privacyWrap .graphWrap .graphTitle li{
		padding: 0 !important;
		position:relative !important;
		height: 38px;
	}
	.privacyWrap .graphWrap .graph .list1 .sub1{
		height: 100%;
	}
	.privacyWrap .graphWrap .graph1 li{
		height: 91px;
	}
	.privacyWrap .graphWrap .graphTitle li span{
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		width: 100%;
	}
	.privacyWrap .graphWrap .graph .list1 .sub2 .list{
		position:relative;
		padding: 0;
		height: 52px;
	}
	.privacyWrap .graphWrap .graph .list1 .sub2 .list.listbt{
		height: 38px;
	}
    .privacyWrap .graphWrap .graph .list1 .sub2 .list.listbt1{
        height: 38px;
    }

	.privacyWrap .graphWrap .graph .list2 .sub3 .list{
		position:relative;
		padding: 0;
		height: 52px;
	}
	.privacyWrap .graphWrap .graph .list2 .sub3 .list span{
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		width: 100%;
	}
	.privacyWrap .graphWrap .graph .list2 .sub3 .list.listbt{
		height: 38px;
	}
	.privacyWrap .graphWrap .graph .list1 .sub2 .list span{
		position:absolute;
		top:50%;
		left:50%;
		transform:translate(-50%,-50%);
		width: 100%;
	}
	.privacyWrap .graphWrap .graph .list1{
		align-items:center;
	}
	.privacyWrap .graphWrap1{
		margin:0 auto;
		margin-top: 20px;
		width: 532px !important;
	}
	.privacyWrap .graphWrap1 .graph li:first-of-type{
		width: 20%;
	}
	.privacyWrap .graphWrap1 .graph li{
		width: 36%;
	}
    .privacyWrap .graphWrap1 .graph li span {
        font-size: 12px;
        line-height: 20px;
    }
    .privacyWrap .graphWrap1 .graph li .sub .list {
        font-size:12px;
        line-height:20px;
    }
	.privacyWrap .graphWrap2{
		margin-top: 20px;
	}
	.privacyWrap .graphWrap3{
		margin-top: 20px;
	}
	.privacyWrap .graphWrap3 .graph li{
		padding: 12px 0;
	}
    .privacyWrap .graphWrap3 .graph li {
        font-size:12px !important;
        line-height:20px !important;
    }
	.privacyWrap .graphWrap4{}
	.privacyWrap .graphWrap4 .graph li{
		font-size: 10px;
		line-height: 38px;
	}
	.privacyWrap .graphWrap4 .graph li.list1{
		max-width: 99px;
	}
	.privacyWrap .graphWrap4 .graph li.list50{
		width: calc(100% - 99px);
	}
    .privacyWrap.newsLetterPrivacy .tit {
        font-size: 16px !important;
        line-height: 20px !important;
    }
    .privacyWrap.newsLetterPrivacy .sub {
        font-size: 14px !important;
        line-height: 20px !important;
    }
    .privacyWrap.newsLetterPrivacy ul {
        margin-top:20px;
    }
    .privacyWrap.newsLetterPrivacy ul + .w-30 {
        margin-top: 10px;
    }
    .privacyWrap.newsLetterPrivacy .desc {
        margin-top: 20px;
        font-size: 10px;
        line-height: 14px;
    }
	.mobBtn{
		display: block;
	}
	.webBtn{
		display: none;
	}
	#pagingIrForm tbody tr td button{
		width: 50px;
		height: 46px;
		/* background-color: #fff; */
		margin: 0 auto;
		border: 0;
	}
  #pagingIrForm tbody tr td button span{
    display: none;
  }
	#pagingIrForm tbody tr td button img{
		margin-left: 0;
	}
    .redBtn {min-width:initial;}
    #pagingIrForm tbody tr td button {min-width: initial;}
    #pagingIrForm #corporate_list tbody tr td:nth-child(2) {padding:13px 0 ;}
  #pagingIrForm tbody tr td a{
    width: 50px;
		height: auto;
		/* background-color: #fff; */
		margin: 0 auto;
  }

  #pagingIrForm tbody tr td a span{
    display: none;
  }
	#pagingIrForm thead tr th{
		font-size: 10px;
		padding: 13px 0;
	}
	#pagingIrForm tbody tr th{
		font-size: 10px;
	}
	#pagingIrForm tbody tr td{
		font-size: 10px;
		padding: 13px 0;
		word-break: keep-all;
	}
	#sales_IndexFrame{
		margin-top:40px;
	}
	.wrap input#company_agree[type="checkbox"] + label{
	    padding-left: 33px;
	    font-size: 16px;
	    padding-top: 8px;
	}
	.wrap input#company_agree[type="checkbox"] + label:before {
	    width: 26px;
	    height: 26px;
	}
	.wrap input#company_agree[type="checkbox"] + label:after {
	    width: 26px;
	    height: 26px;
	}
	.wrap input#company_agree[type="checkbox"]:checked + label:after{
		width: 26px;
		height: 26px;
	}	
	.esgBtnWrap{
		max-width:300px;
		width: 100%;
		border-radius: 8px;
		background-color: #a50034;
		margin-top: 60px;
	}
	.submitEsg{
		height: 60px;
		font-size: 18px;
	}
	.modal .c_pink{
		width: 100%;
		max-width: 560px;
		margin:0 auto;
		font-size: 14px;
		color: #fff;
	}
	#performance_IndexFrame{
		margin-top: 40px;
	}
	.mb40{
		margin-bottom: 20px;
		font-size: 20px;
		line-height: 28px;
	}
	#audit_list tbody tr td button{
		width: 50px;
		height: auto;
		background-color: #fff;
		margin: 0 auto;
	}
	#audit_list tbody tr td button img{
		margin-left: 0;
	}
	#audit_list thead tr th{
		font-size: 10px;
		padding: 13px 0;
	}
	#audit_list tbody tr th{
		font-size: 10px;
	}
	#audit_list tbody tr td{
		font-size: 10px;
		padding: 13px 0;
		word-break: keep-all;
	}
	#business_IndexFrame{
		margin-top: 40px;
	}
	#audit_IndexFrame{
		margin-top: 40px;
	}
	.mb40.mt100{
		margin-top: 40px !important;
	}
	.wrap .socialWrap .new .gallery_type .thumb_list{
		max-width: unset;
		width: 100%;
    	margin: 0 auto;
    	display: block;
	}
	.wrap .socialWrap .new .gallery_type.bg{
		width: calc(100% - 60px);
	}
	.wrap .socialWrap .new .gallery_type .thumb_list li{
		width: 100%;
		margin-bottom: 40px;
	}
	.wrap .socialWrap .new .gallery_type .thumb_list li .thumb{
		height: calc(100vw * 0.5);
	}
	.wrap .socialWrap .new .tle{
		font-size: 12px;
		line-height: 18px;
		height: 18px;
	}
	.wrap .socialWrap .new .date{
		font-size: 10px;
		line-height: 12px;
		margin-top: 4px;
	}
	.wrap .socialWrap .new .btn{
		font-size: 14px;
		max-width: 300px;
		width: 100%;
		height: 40px;
	}
	.con_footer h3 {
		font-size: 1.4rem;
		text-align: center;
		margin: 1.5rem 0;
	}
	.con_footer p {
		text-align: center;
    	font-size: 1.2rem;
    	line-height: 1.6rem;
	}
	.con_footer .btn.c_pink{
		position: static;
		margin: 2rem auto 0;
		width: 100%;
		font-size: 1.4rem;
	}
	.con_footer{
		display: block;
		position: static;
		padding: 4rem 2rem;
	}
	.recruit_notice{
		margin-top: 40px;
	}
	.esgCyberWrap article h3{
		font-size: 14px;
		line-height: 20px;
		margin-top: 20px;
	}
	.wrap .riskManagementWrap .managementWrap article.mt60 {
		margin-top: 40px;
	}
	.wrap .riskManagementWrap .managementWrap article h4 {
		font-size: 14px;
		line-height: 20px;
		font-weight: 700;
	}
	.wrap .faqTab .menuLine .tabMenu li{
		padding: 0;
	}
	.wrap .faqTab .menuLine .tabMenu li button{
		font-size: 14px !important;
		line-height: 16px !important;
		padding: 12px 0;
		width: 100%;
	}
	.wrap .faqSearchWrap{
    	background-color: transparent;
    	border: 0;
    	margin-top: 0;
    	padding: 0;
    	margin-top: 40px;
    }
    .wrap .tabMenuWrap .menuLine{
    	margin-top: 40px;
    }
    .accordion_wrap .questionWrap {
    	display: block;
    	padding: 20px 0;
    }
    .wrap .accordion_wrap{
    	margin-top: 60px;
    }
    .accordion_wrap .questionWrap .listNum{
    	font-size: 14px;
    	line-height: 16px;
    }
    .accordion_wrap .questionWrap .listTitle{
    	width: 100%;
    }
    .accordion_wrap .questionWrap .listTitle dt span{
    	font-size: 14px;
    	line-height: 20px;
    	margin-top: 10px;
    	width: calc(100% - 38px);
    	white-space: break-spaces;
    	overflow:initial;
    }
    .accordion_wrap .questionWrap .listTitle button{
    	position:relative;
    }
    .accordion_wrap .questionWrap .listTitle dt i{
    	right: 0;
	    position: absolute;
	    top: 0;
	    bottom: 0;
	    margin: auto;
    }
    .accordion_wrap .questionWrap.on .listTitle dd{
    	width: 100%;
    	padding: 20px;
    }
    .accordion_wrap .questionWrap .listTitle dt img{
    	width: 26px;
    }
    .paging{
		margin-top: 60px;
	}
	.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph.graphContent li.line4{
		line-height: 15px !important;
	}
	.wrap .informationWrap .tabMenuWrap .content.content2 .activityWrap .yearContent .graphWrap .graph.graphContent li.line5{
		line-height: 15px !important;
	}
	.support_qna{
		padding: 0 !important;
	}
	.cont_body h2{
		font-size: 20px !important;
		line-height: 28px !important;
		padding-bottom: 0.2rem !important;
	}
	.support_qna h4{
		font-size: 20px !important;
		line-height: 28px !important;
	}
	.cont_body h2{}
	.support_qna .btn.c_pink{
		width: 100%;
	}
	.click .checkBox .text{
		font-size: 16px !important;
		height: 18px !important;
		margin-top: 0;
	}
	.wrap .consultWrap.btn{
		height: 60px;
		font-size: 18px !important;
		border-radius:8px;
		line-height: 5px !important;
	}
	.agreeContent .checkBoxWrap .checkBox .text{
		font-size: 16px;
		text-align: left;
		margin-left: 8px;
	}
	.agreeContent .checkBoxWrap h4{
		font-size: 12px !important;
		line-height: 20px !important;
	}
	.support_qna .subText{
		font-size: 12px;
		line-height: 20px;
		margin-top: 14px;
		margin-left: 8px;
	}
	.redBtn{border: 0;}
	.btn_down.webBtn{
		display: block;
		border: 0;
	}
	#audit_list tbody tr td button.webBtn{
		border: 0;
	}
	.btn_down.webBtn span{
		display: none;
	}
	.tab_wrap.typ3 .tab_head.qnaHead ul li.is_active{
		border: 0 !important;
	}
	/*
	.tab_wrap.typ3 .tab_head{
		border-bottom: 1px solid #ddd;
	}
	*/
	.agreeContent .checkBoxWrap{
		margin-top: 20px;
	}
	.esgGovernanceWrap article .consultContent .accept .acceptCheck .checkBox #company_agree[type="checkbox"] + label,
    .esgGovernanceWrap article .consultContent .accept .acceptCheck .checkBox #company_agree2[type="checkbox"] + label{
	    display: inline-block;
	    position: relative;
	    padding-left: 48px;
	    cursor: pointer;
	    font-size: 16px;
	    line-height: 1;
	    padding-left: 40px!important;
	}
	.wrap .ceoWrap .history h4{
		font-size: 12px;
		line-height: 18px;
	}
    .wrap .ceoWrap .history h4.award { margin-top:40px; }
	.wrap .ceoWrap .history.en .line span.date {
    	width: 114px;
	}
	.esgGovernanceWrap article h3{
		font-size: 14px;
		line-height: 20px;
		margin-top: 20px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content2 .dividend .listWrap .list1.en{width: 286px;}
	.wrap .esgManagementPolicyWrap .managementPoliicyWrap .safeManagement .boxHeader .in h3.en{margin:0 auto;}
	.wrap .ruleWrap .ruleArticle .ruleArtMedia.rulePosition .mediaWrap.en{height: auto;box-sizing:border-box;padding: 30px;}
	.wrap .ruleWrap .ruleArticle .ruleArtMedia.rulePosition .mediaWrap.cn{height: auto;box-sizing:border-box;padding: 30px;}
	.wrap .ruleWrap .ruleArticle .ruleArtMedia.rulePosition .mediaWrap .media .text.en{width: calc(100% - 70px);}
	.wrap .ruleWrap .ruleArticle .ruleArtMedia.rulePosition .mediaWrap .media .text.cn{width: calc(100% - 70px);}
	.wrap .programArticle .articleContent .proPolicy .articleWrap.en{padding-top: 0;padding: 30px;height: auto;}
	.wrap .ceoMsgWrap .positionWrap.en{height: auto;}
	.wrap .ceoMsgWrap .positionWrap.en .right{height: auto;}
	.wrap .ceoMsgWrap .positionWrap.en{height: auto;}
	.wrap .ceoMsgWrap .positionWrap.en .right{height: auto;}
	.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTableWrap .tabTitle.en li:nth-of-type(1){min-width: 342px;}
	.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTableWrap .tabTitle.en li:nth-of-type(2){min-width: 166px;}
	.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTableWrap .tabTitle.en li:nth-of-type(3){min-width: 169px}
	.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTableWrap .tabTitle.en li:nth-of-type(4){min-width: 215px;}
	.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTableWrap .tabTitle.en li:nth-of-type(5){min-width: 214px;}
	.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTableWrap .tabTitle.en li:nth-of-type(6){min-width: 216px;}
	.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgEthic .scrollTab .tabTitle.en{gap:10px;}

	
	.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2.bdl0.en{line-height: 20px;height: 88% !important;position:relative;}
	.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2.bdl0.en span{position: absolute;top: 50%;left: 53%;transform: translate(-50%,-50%); width: 100%;}
	.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2 .sub li.li1.en{height: 86px !important;position:relative;}
	.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2 .sub li.li2.en{height: 114px !important;position:relative;}
	.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.en li.list2.bdl0{height: 243px !important;}
	.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.en li.list2 .sub li.li1{height: 121px !important;;line-height: 20px;position:relative;}
	.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.en li.list2 .sub li.li1 span{position: absolute;top: 50%;left: 53%;transform: translate(-50%,-50%); width: 100%;}
	.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.en li.list2 .sub li.li2{height: 100px !important;;position:relative;line-height: 20px;}
	.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.en li.list2 .sub li.li2 span{position: absolute;top: 50%;left: 53%;transform: translate(-50%,-50%); width: 100%;}
	
	.esgResourceWrap .resourceWrap .plan .graphWrap .graph.en li.list2.bdl0 {
    height: 244px !important;
}

	.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.graph2.en .list2 .sub li.li1{height: 86px !important;}
	.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.graph2.en .list2 .sub li.li2{height: 114px !important;}
	.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.graph2.en .list2 .sub li.li3 {height: 75px !important; margin-top: 0px !important;}
	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .graphTitleBtn.en{max-width: 355px;width: 118%;height: 26px;}
	.wrap .tabMenuWrap .menuLine.en.scrollEng{
    	overflow: auto !important;
    	-ms-overflow-style: none !important;
		scrollbar-width: none !important;
    }
    .wrap .tabMenuWrap .menuLine.en.scrollEng::-webkit-scrollbar{
    	display: none !important;
    }
    .wrap .tabMenuWrap .menuLine.en.scrollEng .tabMenu{
		white-space:nowrap;
		padding-left: 30px;
		padding-right: 30px;
		width: 114%;
	}
	.wrap .tabMenuWrap .menuLine.en.scrollEng .tabMenu li:nth-of-type(1){width: 58%;}
	.wrap .tabMenuWrap .menuLine.en.scrollEng .tabMenu li:nth-of-type(2){width: 30%;}
	.wrap .tabMenuWrap .menuLine.en.scrollEng .tabMenu li:nth-of-type(3){width: 28%;}
	
	.wrap .financialWrap .tabMenuWrap .menuLine.scroll.en .tabMenu{width: 130%;}
	.wrap .financialWrap .tabMenuWrap .menuLine.scroll.en .tabMenu li:nth-of-type(1){width: 29%;}
	.wrap .financialWrap .tabMenuWrap .menuLine.scroll.en .tabMenu li:nth-of-type(2){width: 40%; padding-left: 20px; min-width: 140px;}
	.wrap .financialWrap .tabMenuWrap .menuLine.scroll.en .tabMenu li:nth-of-type(3){width: 47.33%; padding-left: 10px; padding-right: 10px; min-width: 200px;} 
	
	.wrap .tabMenuWrap .menuLine.scrollEng.en.stock .tabMenu{width: 95%;}
	.wrap .tabMenuWrap .menuLine.scrollEng.en.stock .tabMenu li:nth-of-type(1){width: 24%;}
	.wrap .tabMenuWrap .menuLine.scrollEng.en.stock .tabMenu li:nth-of-type(2){width: 51%;}
	.wrap .tabMenuWrap .menuLine.scrollEng.en.stock .tabMenu li:nth-of-type(3){width: 30.33%;} 
	
	.wrap .esgManagementPolicyWrap .tabMenuWrap .menuLine.en.scrollEng .tabMenu{width: 123%;}
	.wrap .esgManagementPolicyWrap .tabMenuWrap .menuLine.en.scrollEng .tabMenu li:nth-of-type(1){width: 32%;}
	.wrap .esgManagementPolicyWrap .tabMenuWrap .menuLine.en.scrollEng .tabMenu li:nth-of-type(2){width: 30%;}
	.wrap .esgManagementPolicyWrap .tabMenuWrap .menuLine.en.scrollEng .tabMenu li:nth-of-type(3){width: 56%;}
	
	.wrap .esgResourceWrap  .tabMenuWrap .menuLine.en.scrollEng .tabMenu li:nth-of-type(1){width: 39%;}
	.wrap .esgResourceWrap  .tabMenuWrap .menuLine.en.scrollEng .tabMenu li:nth-of-type(2){width: 56%;}
	
	.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .down .media .in.en{width: 241px; margin-left:3px;}
	.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgWay .down .media .in.cn{width: 241px;}
	.wrap .esgManagementPolicyWrap .managementPoliicyWrap .lgGlobal .flexWrap.en {height: auto;}
	.menuLine.en.scroll{
		overflow: auto !important;
    	-ms-overflow-style: none !important;
		scrollbar-width: none !important;
		padding-left: 30px;
		padding-right: 30px;
	}
	.menuLine.en.scroll::-webkit-scrollbar {
    	display: none; 
	}
	.tab_wrap.typ3 > .tab_head .menuLine.en.scroll ul{
		width: 148%;
		white-space:nowrap;
		
	}
	.tab_wrap.typ3 > .tab_head .menuLine.en.scroll ul li:nth-of-type(1){width: 25%;}
	.tab_wrap.typ3 > .tab_head .menuLine.en.scroll ul li:nth-of-type(2){width: 37%;}
	.tab_wrap.typ3 > .tab_head .menuLine.en.scroll ul li:nth-of-type(3){width: 37%;}
	.wrap .scrolleng.en{
    	overflow: auto !important;
    	-ms-overflow-style: none !important;
		scrollbar-width: none !important;
    }
    .wrap .scrolleng.en::-webkit-scrollbar{
    	display: none !important;
    }
    .wrap .scrolleng.en .rightSide.en{
		white-space:nowrap;
		padding-left: 30px;
		padding-right: 30px;
		width: 150% !important;
	}
	.wrap .scrolleng.en .rightSide li{
		width: 65% !important;
		margin-right: 14px;
	}
	.wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap.ko{
    	width: 245px;
    }
    .wrap .ceoMsgWrap .positionWrap .right .text .signitureWrap.cn{
    	width: 242px;
        margin-right: 0;
    }
	.wrap .tabMenuWrap .menuLine.en.scrollEng.sales .tabMenu{width: 94%;}
	.wrap .tabMenuWrap .menuLine.en.scrollEng.sales .tabMenu li{width: 50%;}
	.wrap .stockWrap .tabMenuWrap .content.content1 .rightSide.en li.act::after{bottom: -1px;}
	
	
	.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph li.list2.en .sub li.li1{height: 121px;}
	
	.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.en li.list2 .sub li.li1{height: 94px !important;}
	.wrap .esgResourceWrap .resourceWrap .plan .graphWrap2.en .graph li.list2{height: 100px !important;}
	.wrap .esgResourceWrap .resourceWrap .plan .graphWrap .graph.cn li.list2 .sub li.li2{height: 71px !important;}
	.wrap .esgResourceWrap .resourceWrap .plan .graphWrap2.cn .graph li.list2{height: 80px !important;}
	.wrap .companyIntro .businessArea .flexArea .article .text p.mob.cn{padding-right: 20px;}
	.wrap .awardsWrap .tabMenuWrap .menuLine.en.scrollEng .tabMenu{width: 100%;}
	.wrap .awardsWrap .tabMenuWrap .menuLine.en.scrollEng .tabMenu li:nth-of-type(1){width: 35%;}
	.wrap .awardsWrap .tabMenuWrap .menuLine.en.scrollEng .tabMenu li:nth-of-type(2){width: 55%;}
	
	.wrap .esgGovernanceWrap .tabMenuWrap .menuLine.en.scrollEng .tabMenu{width: 123%;}
	.wrap .esgGovernanceWrap  .tabMenuWrap .menuLine.en.scrollEng .tabMenu li:nth-of-type(1){width: 43%;}
	.wrap .esgGovernanceWrap  .tabMenuWrap .menuLine.en.scrollEng .tabMenu li:nth-of-type(2){width: 45%;}
	.wrap .esgGovernanceWrap  .tabMenuWrap .menuLine.en.scrollEng .tabMenu li:nth-of-type(3){width: 28%;}
	.wrap .esgGovernanceWrap  .tabMenuWrap .menuLine.en.scrollEng .tabMenu li:nth-of-type(4){}
	.wrap .modal31 .modalIn .signform{
		position: relative;
	    width: 100%; 
	    padding-bottom: 152.25%;
	    overflow: hidden;
	}
	.solutionWrap article .segment .tabContentsWrap .tabBody .toggleBodyWrap .toggleBody2 .top .topFlex{
		display: block;
	}
	.safeTable{width: 100%;border-top: 2px solid #000; margin-top: 20px;}
	.safeTable thead{background-color: #f5f6f8;}
	.safeTable .bgc{background-color: #f5f6f8;}
	.safeTable td, th{width: 20%;text-align: center;text-align: center;padding: 6px 0;font-size: 10px;}
	.modal38.layer_popup .layer_inner{
		width: 100%;
	}
	.modal39 .layer_popup .layer_inner{
		width: 100%;
	}
	.wrap .footerWrap footer .top .left a:nth-of-type(3){font-size: 10px;line-height: normal;margin-right: 18px;}
	.wrap .footerWrap footer .top .left a{margin-right: 18px;font-size: 10px;}
	/* .click .checkBox .imgWrap{width:140px;height:140px;} */
	.support_qna .qna_customer .txt_box
	{
		display: flex !important;
	    justify-content: center  !important;
	    flex-wrap: wrap  !important;
	    gap: 17px  !important;
    }
    .support_qna .qna_customer .txt_box p{
    	width: calc(100% - 20px)  !important;
    	margin:0 !important;
    	float:unset  !important;
    }
    .support_qna input[type=text]{
    	width:calc(100% - 40px)  !important;
    }
    .cont_body .cl:after{
    	display: none !important;
    }
    .click .checkBox .imgWrap{
    	width: 100px;
    	height: 100px;
    }
    .click .checkBox .imgWrap img{
    	width: 100%;
    }
    .wrap input#company_agree[type="checkbox"]:checked + label:after {
	    width: 31px;
	    height: 32px;
	}
	.support_qna textarea{
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}
	.support_qna .idea_noti{
		width:calc(100% - 60px);
		margin:0 auto !important;
	}
	.tabContentsWrap .tabSelectWrap.tabWidth100{
		width: 100% !important;
	}
	.informationWrap .mt20{margin-top: 10px !important;}
	.solutionWrap .tabContentsWrap .tabSelectWrap li:nth-of-type(1) button{
		border-bottom: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-left: 1px solid #ddd;
	}
	.solutionWrap .tabContentsWrap .tabSelectWrap li:nth-of-type(2) button{
		border-bottom: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-left: 1px solid #ddd;
	}
	.solutionWrap .tabContentsWrap .tabSelectWrap li:nth-of-type(3) button{
		border-bottom: 1px solid #ddd;
		border-right: 1px solid #ddd;
		border-left: 1px solid #ddd;
	}
	.solutionWrap .tabContentsWrap .tabSelectWrap.tabWidth100 li button{
		border-top: 1px solid #a50034;
	}
	.solutionWrap .tabContentsWrap .tabSelectWrap.tabWidth100 li button.active{
		border-bottom: 1px solid #a50034 !important;
	    border-top: none !important;
	    border-left: 1px solid #a50034 !important;
	    border-right: 1px solid #a50034 !important;
	}
	.solutionWrap article .segment .tabContentsWrap .tabBody .tabImgArea .parts:before{
		display: block;
		content:'+';
		position:absolute;
		font-size: 13px;
		color: #a50034;
		font-weight: 900;
		top: -4px;
    	left: 0px;
	}
	/*
	.categorySelectWrap li:first-of-type{
		min-width:150px;
	}
	*/
	.opticalSolution .categorySelectWrap{
		gap:0;
	}
	.business_map_wrap .map_legend_wrap .legend_pin{
		font-size: 1.2rem !important;
	}
	.tab_wrap.typ3 .tab_head ul li button{
		font-size: 1.3rem !important;
	}
	.tab_wrap.typ3 .tab_head ul li.is_active{
		border-bottom: 2px solid #a50034 !important;
	}
	.campus_list li .campus_wrap .campus_title{
		padding: 2rem 0.4rem !important;
    	box-sizing: border-box;
	}
	
	.wrap .faqWrap .articleWrap .article {
    margin-top: 60px;
  }
  .support_faq .questionWrap {
    height: auto;
    padding: 19px 0;
    position: relative;
  }
  .support_faq .questionWrap span {
    display: block;
    line-height: 1 !important;
    
  }
  .support_faq .questionWrap.en .listNum>span{
  	margin-top: 0 !Important;
  }
  .support_faq .questionWrap span.listNum {
    float: none;
    width: auto;
    line-height: 16px;
    font-size: 14px;
  }
  .support_faq .questionWrap span.listTitle {
    float: none;
    width: calc(100% - 30px);
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
    font-weight: 700;
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    white-space: normal;
  }
  .support_faq .questionWrap .crossIcon {
    padding: 0;
    float: right;
    width: 26px;
    height: 26px;
    box-sizing: border-box;
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    margin: auto;
  }
  .support_faq .questionWrap .crossIcon img {
    width: 100%;
  }
  .support_faq .answerWrap {
    padding: 20px;
  }
  .support_faq .answerWrap p {
    font-size: 12px;
    line-height: 24px;
  }
  .wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap.en .media .text{
	width: 100%;
	}
	.wrap .stockWrap .tabMenuWrap .content.content1 .rightSide.en{
		height: 20px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content1 .rightSide.en li{
		font-size: 12px;
    	line-height: 18px;
	}
	.wrap .stockWrap .tabMenuWrap .content.content1 .rightSide li.act::after{
		height: 3px;
	}
	.wrap .esgSupplyWrap .supplyWrap .downloadBtn.en a{display: flex;align-items:center;}
	.wrap .esgSupplyWrap .supplyWrap .downloadBtn.en img{width: 26px;}
	.esgGovernanceWrap article.en .text .left{width: 60px;}
	.esgGovernanceWrap article .text .right{width: calc(100% - 50px);}
	
	.esgGovernanceWrap article.ko .text .left.title1{width: 22px !important; min-width: unset;}
	.esgGovernanceWrap article.ko .text .left.title2{width: 22px !important; min-width: unset;}
	.esgGovernanceWrap article.ko .text .left.title3{width: 66px !important; min-width: unset;}
	.esgGovernanceWrap article.ko .text .left.title4{width: 47px !important; min-width: unset !important;}
	.esgGovernanceWrap article.ko .text .left.title5{width: 34px !important; min-width: unset !important;}
	.esgGovernanceWrap article.ko .text .right{width: calc(100% - 50px);}
	
	.esgGovernanceWrap article.en .text .left.title1{width: 46px !important; min-width: unset;}
	.esgGovernanceWrap article.en .text .left.title2{width: 59px !important; min-width: unset;}
	.esgGovernanceWrap article.en .text .left.title3{width: 73px !important; min-width: unset;}
	.esgGovernanceWrap article.en .text .left.title4{width: 63px !important; min-width: unset;}
	.esgGovernanceWrap article.en .text .left.title5{width: 80px !important; min-width: unset;}
	.esgGovernanceWrap article.en .text .right{width: calc(100% - 50px);}
	.graphWrapAll .menuLine.en.scrollEng{
    	overflow: auto !important;
    	-ms-overflow-style: none !important;
		scrollbar-width: none !important;
    }
    .graphWrapAll .menuLine.en.scrollEng::-webkit-scrollbar{
    	display: none !important;
    }
    .graphWrapAll .menuLine.en.scrollEng .graphTitleBtn{
		white-space:nowrap;
		padding-left: 30px;
		padding-right: 30px;
		width: 100%;
	}	
	.graphWrapAll .menuLine.en.scrollEng .graphTitleBtn li{
		width: 50%;
	}
	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap.en{
		width: 725px !important;
	}
	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap.en .graph.graphTitle li .sub .list{
		width: 91px;
	}
	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap.en .graph.graphTitle li .sub.en .list{
		line-height: 35px;
	}
	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .content .graphWrap.en .graph li.con4 .sticker{
		width: 72px;
	}
	.graphWrapAll .menuLine.cn.scrollEng{
    	overflow: auto !important;
    	-ms-overflow-style: none !important;
		scrollbar-width: none !important;
    }
    .graphWrapAll .menuLine.cn.scrollEng::-webkit-scrollbar{
    	display: none !important;
    }
    .graphWrapAll .menuLine.cn.scrollEng .graphTitleBtn{
		white-space:nowrap;
		padding-left: 30px;
		padding-right: 30px;
		width: 100%;
	}	
	.graphWrapAll .menuLine.cn.scrollEng .graphTitleBtn li{
		width: 50%;
	}
	.wrap .esgEnvironmentWrap .environmentWrap article .graphWrapAll .graphTitleBtn.cn{
		width: 297px;
		height: 26px;
	}
	.esgGovernanceWrap article.cn .text .left.title1{width: 25px; min-width: unset;}
	.esgGovernanceWrap article.cn .text .left.title2{width: 25px; min-width: unset;}
	.esgGovernanceWrap article.cn .text .left.title3{ /*min-width: 133px;*/ min-width: unset !important; width: 75px !important;}
	.esgGovernanceWrap article.cn .text .left.title4{width: 25px; min-width: unset !important;}
	.esgGovernanceWrap article.cn .text .left.title5{ /*min-width: 106px;*/ min-width: unset !important; width: 55px !important;}
	.informationBanner.cn{padding-left: 0;padding-right: 0;padding: 30px 20px;height: 236px;}
	.informationBanner.cn .flexWrap .right .text p{word-break: break-all;}
	.informationBanner.en{padding-left: 0;padding-right: 0;padding: 30px 20px;height: 270px;}
	.informationBanner.en .flexWrap .right .text p{word-break: break-all;}
	.wrap .esgShareholderWrap .shareholderWrap .graphWrap.cn .graph.graphTitle li.lh26{line-height: 26px;}


	
	.wrap .courseWrap .tabMenuWrap .menuLine.en.scrollEng .tabMenu li:nth-of-type(1){width: 23%;}
	.wrap .courseWrap .tabMenuWrap .menuLine.en.scrollEng .tabMenu li:nth-of-type(2){width: 30%;}
	.wrap .courseWrap .tabMenuWrap .menuLine.en.scrollEng .tabMenu li:nth-of-type(3){width: 42%;}
	.wrap .courseWrap .tabMenuWrap .menuLine.en.scrollEng .tabMenu{width: 150%;}
	.wrap .ruleWrap .ruleArticle .ruleArtMedia .mediaWrap.en .media{align-items:flex-start;}
	.wrap .ruleWrap .ruleArticle .ruleArtMedia .mediaWrap.en .media .image{width: 60px;margin-right: 10px;}
	.wrap .ruleWrap .ruleArticle .ruleArtMedia .mediaWrap.en .media .text{width: calc(100% - 70px)}
	.mt10{margin-top: 10px;}
	.tabContentsWrap .contentsList{margin-top: 40px;}
	.solutionWrap article .segment .tabContentsWrap .tabBody .tabImgArea .parts {
	  width: 20px;
	  height: 20px;
	  border: 2px solid #a50034;
	}
	.solutionWrap article .segment .tabContentsWrap .tabBody .tabImgArea .parts:before{
		top: 1px !important;
    	left: 2px !important;
    	font-weight: 700;
    	font-size: 18px;
	}
    .solutionWrap article .segment .tabContentsWrap .tabBody .tabImgArea .parts:after {
        content: "";
        position: absolute;
        top: 50%;
        left: 50%;
        width: 0px;
        height: 0px;
        border: 1px solid #A50034;
        border-radius: 50%;
        opacity: 0.2;
        transform: translate(-50%, -50%);
        animation: expandMo 2s ease infinite;
    }
    @keyframes expandMo {
        0% {
            width: 20px;
            height: 20px;
            opacity: 1;
        }
        100% {
            width: 60px;
            height: 60px;
            opacity: 0;
        }
    }
	.wrap .companyIntro .businessArea.en .flexArea .article.art3 .text{
		top:unset;
	}
	.cyberGraph .tg-0lax.left{text-align: center;background-color: #f5f6f8;font-weight: 700;font-size: 10px;line-height:14px;border-right: 1px solid #ddd;width: 25%;}
	.cyberGraph .tg-0lax.right{padding:20px;font-weight: 500;font-size: 10px;line-height: 14px;}
	.center1628{margin-top: 0;}
	.privacy_policy .con_section_body.selectBox select{width: calc(100% - 60px) !important;margin:0 auto !important;margin-top: 40px !important;height: 4.4rem !important;}
	.managementGraph th,td{text-align: center;padding: 12px 0;font-size: 10px;line-height: 14px; padding-left: 5px; padding-right: 5px;}
	.wrap .informationWrap .tabMenuWrap .content.content2 .boardWrap.en .media.padding47{padding: 30px 20px;}
	.wrap .courseWrap .courseMenu .content .title.en p{font-weight: 700;color: #000;font-size: 12px;line-height: 20px;}
	.wrap .courseWrap .courseMenu .content .title.cn p{font-weight: 700;color: #000;font-size: 12px;line-height: 20px;font-family: 'Noto Sans SC', sans-serif;}
	.wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent.en .mediaWrap.en.textDifferent{
		padding-bottom: 30px;
	}
	.wrap .ruleWrap .ruleArticle .ruleArtMedia.rewardRule .rewardContent.en .mediaWrap{
		padding: 30px;
	}
	.qna_agree h5{font-size: 16px;line-height: 24px;}
	.agreeContent .checkBoxWrap.first{margin-top: 30px;}
	.tableTitle{
		font-size: 20px;
		line-height: 28px;
		padding-bottom: 20px;
	}
	.forMobPadding0 .categorySelectWrap{
		gap:0;
	}
	.search_head .result_count{
		width: calc(100% - 60px);
		margin:0 auto !important;
	}
	.search_head .search_set{
		margin:0 auto !important;
		box-sizing:border-box;
		width:calc(100% - 60px) !important;
	}
	.search_head .search_set input{
		box-sizing:border-box;
	}
	.twinSmart article .segment .imgArea.small.w30{
		width: calc(100% + 60px);
    	margin-left: -30px;
    	margin-top: 40px;
	}
	.twinSmart h5{
		margin-top: 20px;
		font-size: 14px;
	}
	.twinSmart h4{
		font-size: 16px;
		line-height: 16px;
		margin-top: 44px;
		margin-left: 16px;
	}
	.twinSmart .flexArea{
		margin-top: 43px;
	}
	.twinSmart .flexArea .num{
		margin-top: 20px;
	}
	.twinSmart .flexArea .num:first-of-type{
		margin-top: 0;
	}
	.twinSmart .flexArea .num .left{
		width: 20px;
		height: 20px;
		font-size: 12px;
		margin-top: 0;
	}
	.twinSmart .flexArea .num .right{
		font-size: 12px;
		line-height: 18px;
	}
	.solutionWrap article .segment .imgArea.mt60{
		margin-top: 20px;
	}
	.solutionWrap article .segment .imgArea.mt60{
		margin-top: 20px;
	}
	.twinSmart .subtitle{
		font-size: 14px;
	}
	.twinSmart .subtitle.mt100{
		margin-top: 30px !important;
	}
	.center{
	 	text-align: left;
	}
	.solutionWrap article.bannerArticle .bottomBanner{
		padding: 60px 0 100px;
	}
	.imgArea.mt{
		margin-top: 40px !important;
	}
	.segment.mt{
		margin-top: 30px !important;
	}
	.twinSmart h4.mt70{
		margin-top: 70px;
		line-height: 22px;
	}
	.twinSmart .ml0 h4{
		margin-left: 0;
	}
	.twinSmart h3.ml16{
		font-size: 16px !important;
		line-height: 22px !important;
	}
	.marginleft{
		margin-left: 16px;
	}
	.segment.ml0{
		
	}
	.segment.ml0 .webImg{
		display: none;
	}
	.imgArea.w30{
		margin-top: 20px !important;
	}
	h5.mt80{
		margin-top: 40px !important;
	}
	.bgCount1::after{font-size: 50px;left: -17px;bottom: 12px;}
	.cn .bgCount1::after{bottom: 16px;}
	.bgCount2::after{font-size: 50px;left: -17px;bottom: 12px;}
	.en .bgCount2::after{font-size: 50px;left: -17px;bottom: 12px;}
	.cn .bgCount2::after{font-size: 50px;left: -17px;bottom: 12px;}
	.w1597 .bgCount2::after{font-size: 50px;left: -17px;bottom: 12px;}
	.w1598 .bgCount2::after{font-size: 50px;left: -17px;bottom: 38px;}
	.en .w1597 .bgCount2::after{font-size: 50px;left: -17px;bottom: 12px;}
	.en .w1598 .bgCount2::after{font-size: 50px;left: -17px;bottom: 60px;}
	.cn .w1597 .bgCount2::after{font-size: 50px;left: -17px;bottom: 9px;}
	.cn .w1598 .bgCount2::after{font-size: 50px;left: -17px;bottom: 9px;}
	.en .bgCount3::after{font-size: 50px;left: -17px;bottom: 58px;}	
	.bgCount3::after{font-size: 50px;left: -17px;bottom: 37px;}
	.wrap .esgShareholderWrap .shareholderWrap .graphWrap .graph{
		width: calc((100% - 55px) / 5);
	}
	.wrap .esgShareholderWrap .shareholderWrap .graphWrap .graph.graphTitle{
		width: 55px;
	}
	.wrap .esgShareholderWrap .shareholderWrap .graphWrap .graph.graphTitle li br {
		display: block !important;
	}
	.wrap .esgSupplyWrap .supplyWrap h3{font-size: 16px;line-height: 20px;font-weight: 900; margin-top:20px; width: 251px;}
	/*.wrap .esgSupplyWrap .supplyWrap .artHeader{display:flex;justify-content:space-between;}*/
	.esgGovernanceWrap article .text{margin-top: 20px;}
	.esgGovernanceWrap article .image{margin-top: 20px;}
	p.draw_thumbnail{height: calc(100vw * 0.5);}

    /*ch style*/
    .wrap .esgManagementPolicyWrap.cn .managementPoliicyWrap .lgGlobal .flexWrap .in .text,
    .wrap .ceoMsgWrap .positionWrap.cn .right .text p,
    .wrap .esgResourceWrap.cn .resourceWrap article p,
    .wrap .esgSafeWrap.cn .safeWrap article .textBox .box span{
        word-break: initial;
    }


    /*2022.10.05 운영 추가건*/
    .esgGovernanceWrap .circleInfo{margin-top: 20px;}
    .esgGovernanceWrap .circleInfo .list{flex-direction: column; justify-content: center; padding:0 23px 0 15px;}
    .esgGovernanceWrap .circleInfo .list .item{flex-direction: row; text-align: left;}
    .esgGovernanceWrap .circleInfo .list .item + .item{padding:0; margin-top: 26px;}
    .esgGovernanceWrap .circleInfo .list .item + .item:before{top:-24px; left:47px; width:10px; height: 20px; background: url('../img/img-mo-esg-allow.png') center no-repeat;}
    .esgGovernanceWrap.en .circleInfo .list .item + .item:before{top:-20px;}
    .esgGovernanceWrap .circleInfo .list .item .circle{flex:0 0 100px; width:100px; height: 100px;}
    .esgGovernanceWrap .circleInfo .list .item .circle .inner{width:80px; height: 80px; border:1px dashed #dddddd; font-size: 10px;}
    .esgGovernanceWrap .circleInfo .list .item .textList{flex:1 0 auto; width: calc(100% - 100px); margin: 0 0 0 20px;}
    .esgGovernanceWrap .circleInfo .list .item .textList li{min-height: auto;}
    .esgGovernanceWrap .circleInfo .list .item .textList li + li{margin-top: 10px;}
    .esgGovernanceWrap .circleInfo .list .item .textList li .sub{font-size: 10px; line-height:14px;}
    .esgGovernanceWrap .circleInfo .list .item .textList li .sub a .image .mob{width:12px; height: 13px;}
    .esgGovernanceWrap .circleInfo .list .item .textList li .desc{margin:0; font-size: 10px; line-height:14px;}
    .esgGovernanceWrap .circleInfo .list .item .textList li .etc{font-size: 10px; line-height:14px;}
    .esgGovernanceWrap .circleInfo .list .item .textList li .etc .mobile{display: block;}
    .esgGovernanceWrap.cn .circleInfo .list .item .textList li .sub{font-weight: 700 !important;}
    .esgGovernanceWrap.cn .circleInfo .list .item .textList li .desc{word-break: break-all;}
    .esgGovernanceWrap.en .circleInfo .list .item .textList li .en{font-size: 10px; line-height:14px;}
    .esgGovernanceWrap.cn article p{word-break: break-all;}

    /*퍼블리싱 추가 ceo 방침*/
    .esgCeoPolicy{width:calc(100% - 60px); margin: 40px auto 0;}
    .esgCeoPolicy.center1360{width:calc(100% - 60px); margin: 40px auto 0;}
    .esgCeoPolicy .pcStyle{display: none;}
    .esgCeoPolicy h2{font-size: 20px; line-height: 28px;}
    .esgCeoPolicy h3{font-size: 14px; line-height: 20px;}
    .esgCeoPolicy h3 br.mobile{display: none;}
    .esgCeoPolicy h2 + h3, .esgCeoPolicy h3 + p{margin-top: 20px;}
    .esgCeoPolicy p .spanTitle {display:block; font-size: 12px; line-height: 20px; color:#666666; font-weight:bold; margin-top:20px;}
    .esgCeoPolicy p .spanLine{display:block; font-size: 12px; line-height: 20px; color:#666666;}
    .esgCeoPolicy .ceoSignWrap {display: flex; align-items: center; justify-content: flex-end; margin-top: 10px;}
    .esgCeoPolicy .ceoSignWrap.ty2 {align-items:center;}
    .ceoSignWrap.esgCeo{display: flex; align-items: center; justify-content: flex-end; margin-top: 10px;}
    .esgCeoPolicy .ceoSignWrap .ceoTop .date {display:block; font-size:10px; line-height: 12px; font-weight:bold;}
    .esgCeoPolicy .ceoSignWrap .left, .ceoSignWrap.esgCeo .left{font-size: 14px; line-height: 20px; margin-right: 20px;}
    .esgCeoPolicy .ceoSignWrap .right, .ceoSignWrap.esgCeo .right{width:115px;}
    .managementPoliicyWrap .energy .ceoUpdate {margin-top:20px; font-size: 10px; line-height:12px;}
    .esgCeoPolicy .ceoSignWrap .right img, .ceoSignWrap.esgCeo .right img{max-width: 100%;}

    /*table style add*/
    .tblWrap{margin-top:20px;}
    .tblWrap table{width:100%;}
    .tblWrap th, .tblWrap td{padding:8px 10px; font-size: 10px; line-height: 14px;}
    .tblWrap .border td{border-top:1px solid #000;}
    .tblWrap .dot-list li{padding-left:5px; font-size: 10px; line-height: 14px;}
    .tblWrap .dot-list li:before{content: ''; display:block; position: absolute; top:5px; left:0; width:2px; height: 2px; border-radius: 100%; background-color: #444;}
    .tblWrap .dot-list li .dash-list{margin-left: -5px;}
    .tblWrap .dot-list li .dash-list li{font-size: 10px; line-height: 14px;}
    .tblWrap .dot-list li .dash-list li:before{content: ''; display:block; position: absolute; top:6px; left:0; width:3px; height: 1px; background-color: #444;}

    /*2023.11.23 협력사훈련센터 페이지 추가 */
    .trainingWrap .trainingContent {padding-top:40px;}
    .trainingWrap .trainingContent:last-child {padding-bottom:100px;}
    .trainingWrap .trainingContent .image {margin-top:20px;}
    .trainingWrap .trainingContent h2 {font-size: 20px; line-height: 28px;}
    .trainingWrap .trainingContent p {font-size: 14px; line-height: 20px; margin-top: 20px;  font-weight:700;}
    .trainingWrap .trainingContent .information {margin-top:20px;}
    .trainingWrap .trainingContent .information + p {margin-top:40px;}
    .trainingWrap .trainingContent .information .line {flex-direction: column; align-items: start; padding: 20px 0;}
    .trainingWrap .trainingContent .information .line .left {font-size: 14px; line-height: 1.14; width: 100%; padding-left: 0px; }
    .trainingWrap .trainingContent .information .line .right {font-size: 10px; line-height: 1.6; width: 100%; margin-top:13px;}
    .trainingWrap .trainingContent .information .line .right .btnWrap .btn_down {padding: 8px 12px;}
    .trainingWrap .trainingContent .information .line .right .btnWrap .btn_down + .btn_down {margin-left:7px;}
    .trainingWrap .trainingContent .information .line .right .btnWrap .btn_down span {font-size:12px;}
    .trainingWrap .trainingContent .information .line .right .btnWrap .btn_down img {width:20px; height:20px;}
    .trainingWrap .trainingContent .educationTable {margin-top:20px;}
    .trainingWrap .trainingContent .education_list {min-width:1500px;}
    .trainingWrap .trainingContent .education_list th { padding:12px;}
    .trainingWrap .trainingContent .education_list td { padding:12px;}
    .trainingWrap .trainingContent .enrolment_list {margin-top: 40px;}
    .trainingWrap .trainingContent .enrolment_list thead tr th {font-size:10px; padding:20px 6px; }
    .trainingWrap .trainingContent .enrolment_list tbody tr td {font-size:10px; padding:20px 6px; }
    .trainingWrap .trainingContent .trainingAddress ul li {padding:20px 0;flex-direction: column; align-items: start;}
    .trainingWrap .trainingContent .trainingAddress ul li .left {width: 100%; font-size:14px; line-height:1.43;}
    .trainingWrap .trainingContent .trainingAddress ul li .right {font-size:12px; margin-top:10px;line-height:1.67;}

    /* 2023.11.27 ces부스 */
    .cesBoothWrap .cesBoothCont {padding:40px 0 100px;}
    .cesBoothWrap .cesBoothCont .cesInfo {font-size:14px;padding-bottom:40px; line-height:1.43;color:#444;}
    .cesBoothWrap .cesBoothCont .item + .item {padding-top:60px;}
    .cesBoothWrap .cesBoothCont .item .titWrap { padding-bottom:10px;}
    .cesBoothWrap .cesBoothCont .item .titWrap .tit { font-size:20px;line-height:1.11;}
    .cesBoothWrap .cesBoothCont .item .titWrap .requiredBox .desc {font-size:12px;}
    .cesBoothWrap .cesBoothCont .item .contWrap {gap:30px; margin-top:30px;flex-direction:column;}
    .cesBoothWrap .cesBoothCont .item .contWrap.btnWrap {gap:16px; flex-wrap: wrap; flex-direction: row;}
    .cesBoothWrap .cesBoothCont .item .contWrap.selectWrap {flex-direction: column; gap:16px;}
    .cesBoothWrap .cesBoothCont .item .contWrap div {flex:1;gap:10px;}
    .cesBoothWrap .cesBoothCont .item .contWrap div label {font-size:16px;}
    .cesBoothWrap .cesBoothCont .item .contWrap div input { height:initial; line-height:16px;font-size:14px; padding:14px;}
    .cesBoothWrap .cesBoothCont .item .contWrap .dateBtn { font-size:16px; padding:13px; flex:1 1 40%;}
    .cesBoothWrap .cesBoothCont .item .contWrap select {line-height:16px; font-size:14px; padding:14px;}
    .cesBoothWrap .cesBoothCont .item .contWrap.selectWrap select {flex:1;}
    .cesBoothWrap .cesBoothCont .item .contWrap .meetingText {padding:14px;font-size:14px; line-height:24px; height:140px; width:calc(100% - 30px);}
    .cesBoothWrap .cesBoothCont .item h5 {font-size:16px; line-height:24px;}
    .cesBoothWrap .cesBoothCont .item .agreeContent .checkBoxWrap.first {margin-top:30px; padding-bottom:20px;}
    .cesBoothWrap .cesBoothCont .item .agreeContent .checkBoxWrap .checkBox .agree_check {position: relative;display: block;float: right;padding-left: 32px;font-size: 16px;text-align: right;line-height:32px;word-break: break-all !important;}
    .cesBoothWrap .cesBoothCont .item .agreeContent .checkBoxWrap .checkBox .agree_check input[type="checkbox"] + label:before {width:26px;height:26px;}
    .cesBoothWrap .cesBoothCont .item .agreeContent .checkBoxWrap .checkBox .agree_check input[type="checkbox"]:checked + label:after {width:26px !important; height:26px !important; top:2px;}
    .cesBoothWrap .cesBoothCont .item .agreeContent .checkBoxWrap .checkBox .agree_check .text {display:block;margin-left:8px;}
    .cesBoothWrap .cesBoothCont .item .agreeContent .checkBoxWrap .checkBox .agree_check .subText {font-size:12px;line-height:20px;margin-top:14px;}
    .cesBoothWrap .cesBoothCont .item .submitWrap {margin-top:60px;}
    .cesBoothWrap .cesBoothCont .item .submitWrap .submitBtn {font-size:18px; padding:20px 0;width:100%;border-radius:8px; }
    .cesBoothWrap .cesBoothCont .item .contWrap .radioBox {height:initial;flex-wrap: wrap;gap: 20px 16px;}
    .cesBoothWrap .cesBoothCont .item .contWrap .radioBox p {flex:1 1 40%; height:26px;}
    .cesBoothWrap .cesBoothCont .item .contWrap .radioBox .visitRadioWrap .visitInput { width:50px; height:26px; padding:4px 10px; font-size:16px;margin-left:10px;}

    .modal.modal41, .modal.modal42, .modal.modal43,.modal.modal44 {height:100%;top:50%;transform:translateY(-50%);}
    .modal .modalIn .modalCont {padding:0;}
    .modal .modalIn .modalCont h2 {line-height:32px;}
    .modal .modalIn .modalCont .popupClose {margin-top:0;margin-right:0;}
    .modal .modalIn .modalCont .scrollForm ul li {font-size:14px;line-height:16px;}
    .modal .modalIn .modalCont .scrollForm ul li ul {margin:10px 0 20px;}
    .modal .modalIn .modalCont .scrollForm ul li ul li {font-size:12px; line-height:20px;}
    .modal .modalIn .modalCont .scrollForm ul li ul li.mt10 {margin-top:10px;}
    .modal .modalIn .modalCont .btnWrap {margin-top:30px;}
    .modal .modalIn .modalCont .btnWrap .popupBtn {padding:17px; font-size:14px; line-height:16px; border-radius:8px;}
    .modal .modalIn .modalCont .receptionCont {margin-top:-10px; font-weight:500;}
    .modal .modalIn .modalCont .receptionCont .image {width:100px; height:100px;}
    .modal .modalIn .modalCont .receptionCont .image img {max-width:100%;}
    .modal .modalIn .modalCont .receptionCont .tit {font-size: 16px; line-height: 24px;}
    .modal .modalIn .modalCont .receptionCont .subTit {font-size: 14px; line-height: 24px;}
    .modal .modalIn .modalCont .receptionCont .desc {font-size: 14px; line-height: 24px;}

    /*2022.12.01 핵심기반기술 페이지 추가*/
    .solutionWrap.technology .no_mobile{display: none;}
    .solutionWrap.technology .banner{width:100%; height: auto; background-size: cover; background-position: center; background-repeat: no-repeat; box-sizing: border-box;}
    .solutionWrap.technology .banner img{max-width: 100%;}
    .solutionWrap.technology .banner .mob{display: block;}
    .solutionWrap.technology .banner .web{display: none;}
    .solutionWrap.technology .accordionTab{height:auto; margin-top: 40px; background: url("../img/mo-img-techbanner-01@2x.jpg") no-repeat center; background-size: cover;}
    .solutionWrap.technology .accordionTab .tabs li{flex: 0 0 50%; width:50%; height: auto; padding:20px 20px;}
    .solutionWrap.technology .accordionTab .tabs li a{font-size: 16px; line-height: 20px; align-items: flex-start;}

    .solutionWrap.technology .tabsWrap{padding:0 14px 20px; margin-top: 40px; background: #fff; border-top: 4px solid #a50034; box-sizing: border-box;}

    .solutionWrap.technology .tabContainer .headBtn{padding:20px 20px; margin-top: 20px; border:1px solid #444; border-radius:20px;}
    .solutionWrap.technology .tabContainer .headBtn:after{width:26px; height: 26px; top:20px; right: 20px;}
    .solutionWrap.technology .tabContainer .headBtn h4{font-size: 14px;}
    .solutionWrap.technology .tabContainer .headBtn p{font-size: 12px; line-height: 18px; padding-right: 0;}

    .solutionWrap.technology .tabContainer .tabContent .inner{flex-direction:column; border-radius:0 0 20px 20px; padding:20px 20px;}
    .solutionWrap.technology .tabContainer .tabContent .inner:before{width:calc(100% - 40px); left:20px;}
    .solutionWrap.technology .tabContainer .tabContent .inner .left{flex:none; width:100%;}
    .solutionWrap.technology .tabContainer .tabContent .inner .left .images{width:100%; height: auto; margin-bottom: 20px;}
    .solutionWrap.technology .tabContainer .tabContent .inner .left .images .web{display: none;}
    .solutionWrap.technology .tabContainer .tabContent .inner .left .images .mob{display: block;}
    .solutionWrap.technology .tabContainer .tabContent .inner h5{font-size: 12px; line-height: 18px;}
    .solutionWrap.technology .tabContainer .tabContent .inner .left .fieldList li{height: 40px; padding:6px;}
    .solutionWrap.technology .tabContainer .tabContent .inner .left .fieldList li + li{margin-top: 10px;}
    .solutionWrap.technology .tabContainer .tabContent .inner .left .fieldList li .icon{width:28px; height:28px;}
    .solutionWrap.technology .tabContainer .tabContent .inner .left .fieldList li .text{margin-left: 8px; font-size: 12px; line-height: 18px; color:#666;}

    .solutionWrap.technology .tabContainer .tabContent .inner .right{flex:none; width:100%; margin-top: 20px; padding-left: 0;}
    .solutionWrap.technology .tabContainer .tabContent .inner .right .desc{min-height: auto; font-size: 12px; line-height: 18px;}
    .solutionWrap.technology .tabContainer .tabContent .inner .right .desc + h5, .solutionWrap.technology .tabContainer .tabContent .inner .right .jobList + h5{margin-top: 20px;}
    .solutionWrap.technology .tabContainer .tabContent .inner .right .jobList{padding:20px;}
    .solutionWrap.technology .tabContainer .tabContent .inner .right .jobList li{width: 100%; flex:none; font-size: 12px; line-height: 18px; padding-left: 17px;}
    .solutionWrap.technology .tabContainer .tabContent .inner .right .jobList.w100 li{width: 100%; flex:0 0 100%;}
    .solutionWrap.technology .tabContainer .tabContent .inner .right .jobList li:before{top:6px;}

    .solutionWrap.technology .tabContainer .tabContent .inner .right .majorList{display:flex; flex-wrap: wrap; padding:0 0 20px;}
    .solutionWrap.technology .tabContainer .tabContent .inner .right .majorList li{display:flex; justify-content: center; align-items: center; flex: 0 0 50%; width:50%; margin-top: 20px;}
    .solutionWrap.technology .tabContainer .tabContent .inner .right .majorList li + li {margin-left: 0;}
    .solutionWrap.technology .tabContainer .tabContent .inner .right .majorList li .img{width:60px; height: 60px;}
    .solutionWrap.technology .tabContainer .tabContent .inner .right .majorList li .title{margin-top:10px; font-size:12px; line-height:18px; text-align: center;}
    .solutionWrap.technology .tabContainer .tabContent .inner .left .fieldList li a{padding-left: 6px;}

    .jobIntroTitle a{
        display: inline-flex;
        align-items: center;
        justify-content: center;
        width: 161px;
        height: 30px;
        border-radius: 8px;
        font-size:12px;
        background-color: #a50034;
        color: #fff;
        margin-right: 0;
    }
    .jobIntroTitle a .arrow{
        width: 12px;
        height: 100%;
        line-height: 27px;
        margin-left: 6px;
    }
    .jobIntroTitle a .arrow img{
        width:100%;
    }

    .campus_name .tex_link{padding:5px 10px; width:auto;}
    .imageLink a{ padding:6px 10px 8px 12px; max-width: 50%; border-radius: 6px; font-size: 10px; transform: translate(-50%, 30px);}
    .imageLink.image a img{width:12px !important; height: 12px; margin-left: 5px;}

    .texStrategy{padding: 0 0 100px;}
    .texStrategy .pageTitle h2{font-size: 20px;line-height: 28px;}
    .texStrategy .pageTitle p{margin-top:20px; font-size: 12px; line-height: 20px;}
    .texStrategy .tableArea tbody td{padding: 6px 10px;}
    .texStrategy .tableArea tbody td .download{ width:26px; height:26px; font-size: 0; border:none;}
    .texStrategy .tableArea tbody td .download .downloadImg{width:100%; height: auto; margin-left: 0; margin-top: -8px;}
    .texStrategy .tableArea tbody td .download .web{display: none;}
    .texStrategy .tableArea tbody td .download .mob{display: block;}

    .companyVisionWrap{display: flex; flex-direction: column; margin: 20px auto 0 !important;}
    .companyVisionWrap .visionArea{flex: none; width:100%; padding:30px; flex-direction: row; border-radius: 12px;}
    .companyVisionWrap .visionArea .text{flex-direction: row; flex:0 0 calc(100% - 70px); margin-left: 10px;}
    .companyVisionWrap .visionArea img{flex:0 0 60px; width:60px; height: 60px;}
    .companyVisionWrap .visionArea h3{margin-top:0; text-align: left; font-size: 12px; line-height:12px;}
    .companyVisionWrap .visionArea p{text-align: left; font-size: 10px; line-height: 14px; margin-top: 8px;}
    .companyVisionWrap .visionArea p .mobile, .middleParagraph .mobile{display: none;}

    .middleParagraph{margin: 20px 0 40px 0; font-size: 14px; line-height: 20px; }
    .esgGovernanceWrap.esgCompliance.cn article p br.mobile{display: none;}

    .privacy .privacy_policy .privacyWrap article .w-30{width:calc(100% - 40px);}
    .privacyWrap .privacyTableCustom .graph .list3.custom .mobile{display: none;}
    .privacy .privacy_policy .privacyWrap .privacyTableCustom .graph .list3 .sub1{height: 100%;}
    .privacy .privacy_policy .privacyWrap .privacyTableCustom .graph .list3 .sub1 .list{height: 100%; display: flex; justify-content: center; align-items: center;}
    .privacyWrap .privacyTableCustom .graph .list2{padding:0;}
    .productData .right #lgInnotek101 .imageDownText{margin-top:14px; font-size: 10px; line-height: 18px; color:#888;}
    .productDataListWrap.opticalZoomCamera .productDataWrap .productData .segment.first .left p{margin-top: 80px;}
    .en .productDataListWrap.opticalZoomCamera .productDataWrap .productData .segment.first .left p{margin-top: 95px;}

    .esgGovernanceWrap #consultSubTitleMove h2 .mo{display: block;}
    .esgGovernanceWrap #subcontract .consultSubTitle.ty3{border-width: 2px;}
    .esgGovernanceWrap article .consultSubTitle .important{display: none;}
    .esgGovernanceWrap .esgGovernanceTab{align-items: flex-start; margin-top: 30px;}
    .esgGovernanceWrap .esgGovernanceTab li{padding:0 20px;}
    .esgGovernanceWrap .esgGovernanceTab li button .imgWrap{width:100px; height:100px; border:2px solid #ddd;}
    .esgGovernanceWrap .esgGovernanceTab li button .imgWrap img{width:80px; height: 80px;}
    .esgGovernanceWrap .esgGovernanceTab li button .text{font-size: 16px;}
    .esgGovernanceWrap .esgGovernanceTab li button .text .mo{display: block;}

    .esgGovernanceWrap #subcontract .consultContent .consultList li{font-size: 12px; line-height: 20px; padding-left: 14px;}
    .esgGovernanceWrap #subcontract .consultContent .consultList li:before{width:4px; height: 4px; top:15px;}
    .esgGovernanceWrap #subcontract .consultContent .consultText{font-size: 10px; line-height: 14px;}
    .esgGovernanceWrap #subcontract .consultContent .consultText.mobile{display: none;}
    .esgGovernanceWrap #subcontract .consultContent .consultSub{font-size: 12px; line-height: 20px;}
    .esgGovernanceWrap #subcontract .consultContent .consultSubTxt{margin-top: 20px; font-size: 14px; line-height: 20px;}
    .esgGovernanceWrap #subcontract .consultContent .btnWrap .btn_down{width:100%; height: 50px; border-radius: 8px; background: #a50034; font-size: 14px; line-height: 16px; color:#ffffff;}
    .esgGovernanceWrap #subcontract .consultContent .btnWrap .btn_down + .btn_down{margin-left: 0; margin-top: 20px;}

    .esgGovernanceWrap #subcontract .fileList{margin-top: 20px;}
    .esgGovernanceWrap #subcontract .fileList li {position: relative;display: flex;align-items: center;}
    .esgGovernanceWrap #subcontract .fileList li + li{margin-top: 10px;}
    .esgGovernanceWrap #subcontract .fileList li .file{position:relative; display: inline-flex; width:calc(100% - 44px - 10px); height: 44px;}
    .esgGovernanceWrap #subcontract .fileList li .input-file-message{width:100%;height: 100%;padding:5px 45px 5px 5px;}
    .esgGovernanceWrap #subcontract .fileList li label{position: absolute; top:5px; right: 5px; width:34px; height: 34px; font-size: 0; background: url("../img/ic-34-upload.svg") center no-repeat; border:none; display: block;}

    .esgGovernanceWrap #subcontract .fileList li .fileBtn{width:44px; height:44px;}
    .esgGovernanceWrap #subcontract .fileList li .fileAddBtn:before{width:16.5px; height: 2.1px;}
    .esgGovernanceWrap #subcontract .fileList li .fileAddBtn:after{width:2.1px; height: 16.5px;}
    .esgGovernanceWrap #subcontract .fileList li .fileRemoveBtn:before{width:16.5px; height: 2.1px;}

    .wrap .esgShareholderWrap .shareholderGraph{overflow-x: scroll;}
    .wrap .esgShareholderWrap .shareholderGraph th, .wrap .esgShareholderWrap .shareholderGraph td{padding:6px 10px; height: 38px;}
    .wrap .esgShareholderWrap .shareholderGraph td.text-right {padding-right: 10px;}

    .inquiryTypeSelect{margin-top: 40px;}
    .inquiryTypeSelect .selectTitle{font-size: 14px; line-height: 20px; margin-bottom: 10px;}
    .inquiryTypeSelect .select{width:100%;height: 44px;}
    .inquiryTypeSelect .select select{padding:14px 46px 14px 14px; font-size: 14px; line-height: 16px;}
    .inquiryTypeSelect .select:after{width:26px; height: 26px; right: 10px; background: url("../img/ic-26-down-bk.png") no-repeat center; }

    /* 뉴스레터 */
    .newsLetterWrap .banner {height: 360px;margin-top:40px;}
    .newsLetterWrap .banner .newsLetterBanner {background: url('../img/img-newsletter-topbn-mo.png') no-repeat center center/contain; width:100%; height:100%; background-size:100% 100%; display:flex; justify-content: center; align-items: center;}
    .newsLetterWrap .banner .newsLetterBanner .text {color: #fff; text-align: center; display:flex; flex-direction: column;}
    .newsLetterWrap .banner .newsLetterBanner .text h3 {font-size:24px; line-height:24px; display:block; position:relative; }
    .newsLetterWrap .banner .newsLetterBanner .text .desc  {font-size:14px; line-height:20px;position:relative; margin:20px auto 0 ;width: 250px;}
    .newsLetterWrap .newsLetter {width:100%;}
    .newsLetterWrap .newsLetter .flexArea {margin-top:40px; display:flex; justify-content: space-between;flex-direction: column; width:100%;}
    .newsLetterWrap .newsLetter .flexArea .newsLetterLeft {width:100%; padding-bottom:40px;}
    .newsLetterWrap .newsLetter .flexArea .newsLetterLeft .newsLetterLeftContent {height:calc(100% + 200px);}
    .newsLetterWrap .newsLetter .flexArea .newsLetterLeft .newsLetterLeftContent .text-box {background:#f5f5f5; padding: 40px 30px;}
    .newsLetterWrap .newsLetter .flexArea .newsLetterLeft .newsLetterLeftContent .text-box .text {display:block; font-size:16px; line-height:26px; color:#666;}
    .newsLetterWrap .newsLetter .flexArea .newsLetterLeft .newsLetterLeftContent .text-box .text + .text{margin-top:20px;}
    .newsLetterWrap .newsLetter .flexArea .newsLetterRight { display:flex; width: calc(100% - 60px); margin: 0 auto; }
    .newsLetterWrap .newsLetter .flexArea .newsLetterRight .newsLetterRightContent {flex:1; width:100%;}
    .newsLetterWrap .newsLetter .flexArea .newsLetterRight .newsLetterRightContent iframe {height:800px;}
}

@media only screen and (min-width: 927px) and (max-width: 1219px) {
    .productData .right #lgInnotek101 .imageDownText{margin-top:14px; font-size: 10px; line-height: 18px; color:#888;}
    .productDataListWrap.opticalZoomCamera .productDataWrap .productData .segment.first .left p{margin-top: 50px;}
}

@media only screen and (max-width: 1780px) {
    .esgGovernanceWrap.esgCompliance.cn article p br.mobile{display: none;}
}

@media only screen and (min-width: 721px) and (max-width: 926px) {
    .remocon {
        right: 126px;
        bottom: 120px;
    }
}

@media only screen and (max-width: 720px) {
    .remocon {
        right: 16px;
        bottom: 10%;
    }
    .solutionWrap article .segment .btnWrap,
    .solutionWrap article .segment .tabContentsWrap .tabBody .btnWrap{
      margin-top: 40px;
    }
    .solutionWrap.autoDrive article .segment .btnWrap {
      margin-top: 40px;
    }
}

/* 미디어쿼리 끝 */