@chaset "UTF-8";

.overview > .txt, .overview .row > .txt {margin-bottom: 0;}
.overview >.txt .tit, .overview .row > .txt .tit {margin-bottom: 41px;}

.activity .sec-tit {margin-bottom: 68px;}
.activity figure {width: 1280px; margin: 0 auto;}

.inquiry-area {padding: 50px 0 40px 0;} 
.inquiry-area .icon-wrap .icon-item {max-width: 390px;}
.inquiry-area .online-icon {background-image: url(/assets/image/bgf/esg/icon_130_03.png);}
.inquiry-area .go-btn {display: block; width: 105px; height: 30px; margin-top: 7px; background: #fff; border: 1px solid #ddd; font-size: 15px; text-align: center; line-height: 30px;}

.principle .desc p {color: #666; font-size: 18px; line-height: 1.56; letter-spacing: -0.03em; text-align: center;}
.principle .esg-list-box {width: 1280px; margin: 30px auto 0; padding: 0 50px;}
.principle .esg-list-box li {padding: 30px 0;}
.principle .esg-list-box li .num {font-weight: 300;}
.principle .esg-list-box li .desc span:nth-child(2) {display: inline-block; vertical-align: top; line-height: 1.56;}
.principle .btn-wrap {margin-top: 30px;}
.principle .btn-wrap .btn.view-doc {width: 202px;}
.principle .btn-wrap .btn {height: 52px;}

@media screen and (max-width: 1440px) {
	.activity .sec-tit {margin-bottom: 4.72vw;}
	.activity figure {width: 88.89vw;}

	.inquiry-area {padding: 3.47vw 0 2.78vw 0;} 
	.inquiry-area .icon-wrap .icon-item {max-width: 27.08vw;}
	.inquiry-area .go-btn {width: 7.29vw; height: 2.08vw; margin-top: 0.49vw; font-size: 1.04vw;  line-height: 2.08vw;}

	.principle .desc p { font-size: 1.25vw; line-height: 1.56; letter-spacing: -0.03em; }
	.principle .esg-list-box {width: 88.89vw; margin: 2.08vw auto 0; padding: 0 3.47vw;}
	.principle .esg-list-box li {padding: 2.08vw 0;}
	.principle .esg-list-box li .desc span:nth-child(2) {  line-height: 1.56;}
	.principle .btn-wrap {margin-top: 2.08vw;}
	.principle .btn-wrap .btn.view-doc {width: 14.03vw;}
	.principle .btn-wrap .btn {height: 3.61vw;}
}

@media screen and (max-width: 768px) {
	.overview figure {height: 90.48vw;}
	.overview figure img {height: 100%;}
	.overview .floating-txt .desc p {line-height: normal; margin-top: 4.29vw;}
	.overview .floating-txt .desc p + p {margin-top: 4.29vw;}
	.overview >.txt .tit, .overview .row > .txt .tit {margin-bottom: 13.10vw; line-height: normal;}
	.txt .desc p span {display: block; font-size: 3.33vw; padding-bottom: 1.19vw;}
	
	
	.m-full .sec.activity {padding-top: 11.67vw;}	
	.half-cont > * {width: auto;}
	.half-cont .txt {margin-left: 2.62vw;}
	.activity .sec-tit {font-size: 3.81vw; margin-bottom: 3.57vw;}
	.activity .half-cont {display: flex; justify-content:start;}
	.activity .half-cont + .half-cont {margin-top: 2.38vw;}
	.activity figure {width: 36.67vw;}
	.activity .txt h3{padding-top: 2.38vw; color: #0e1517; font-size: 2.86vw; font-weight: 500;}
	.activity .txt ul {padding-top: 1.19vw;}
	.activity .txt ul li{padding-left: 1.43vw; font-size: 2.86vw; line-height: normal;}
	.activity .txt ul li:before {content: ''; display: inline-block; width: 0.48vw; height: 0.48vw; margin-right: 1.19vw; background: #666; vertical-align: middle;}

	.m-full .inner .inquiry-area {padding: 7.62vw 4.76vw 11.90vw;}
	.inquiry-area .sec-tit {margin-bottom: 0; letter-spacing: 0;}
	.inquiry-area .icon-wrap {justify-content: start; align-items: center; flex-wrap: wrap;} 
	.inquiry-area .icon-wrap .icon-item {max-width: 100%; justify-content: start; margin-top: 5.95vw;}
	.inquiry-area .icon-item + .icon-item {margin-left: 0;}
	.inquiry-area .icon-item .desc {letter-spacing: 0;}
	.inquiry-area .go-btn {display: none;}

	.sec + .sec {margin-top: 0;}
	.m-full .inner .principle {margin-top: 7.14vw;}
	.principle .desc p {font-size: 2.86vw; letter-spacing: normal;}
	.principle .esg-list-box {padding: 0 3.33vw; margin: 3.33vw auto 0;}
	.principle .esg-list-box {width: 100%;}
	.esg-list-box li .desc {padding-left: 5.48vw; text-indent: -4.9vw;}
	.principle .esg-list-box li {padding: 4.76vw 0; border-top: 1px solid #eee;}
	.principle .esg-list-box li .desc span:nth-child(2) {display: inline; line-height: normal;}
	.principle .esg-list-box li .num {font-weight: 700;}
}

@media screen and (max-width: 340px) {
	.activity .txt h3{font-size: 10px;}
	.activity .txt ul li{font-size: 10px;}
}

@media screen and (max-width: 320px) {
	.overview figure {height: 290px;}
	.overview figure img {height: 100%;}
	.overview .floating-txt .desc p {margin-top: 14px;}
	.overview .floating-txt .desc p + p {margin-top: 14px;}
	.overview >.txt .tit, .overview .row > .txt .tit {margin-bottom: 42px; line-height: normal;}
	.txt .desc p span {font-size: 11px; padding-bottom: 4px;}
	
	.m-full .sec.activity {padding-top: 37px;}	
	.half-cont .txt {margin-left: 8px;}
	.activity .sec-tit {font-size: 12px; margin-bottom: 11px;}
	.activity .half-cont + .half-cont {margin-top: 8px;}
	.activity figure {width: 117px;}
	.activity .txt h3{padding-top: 8px;  font-size: 9px; }
	.activity .txt ul {padding-top: 4px;}
	.activity .txt ul li{padding-left: 5px; font-size: 9px;}
	.activity .txt ul li:before {width: 2px; height: 2px; margin-right: 4px;}

	.m-full .inner .inquiry-area {padding: 24px 15px 38px;}
	.inquiry-area .icon-wrap .icon-item {margin-top: 19px;}

	.m-full .inner .principle {margin-top: 23px;}
	.principle .desc p {font-size: 9px;}
	.principle .esg-list-box {padding: 0 11px; margin: 11px auto 0;}
	.esg-list-box li .desc {padding-left: 18px; text-indent: -17px;}
	.principle .esg-list-box li {padding: 15px 0;}
}