@charset "UTF-8";
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700&display=swap');

body {
    overflow-x: hidden;
}
button {
    padding: 0;
}

.btn_group {
	border : none;
	background-color: transparent;
}
.btn_auto {
	background-repeat: no-repeat;
	width: 30px;
    height: auto;
	border : none;
	background-color: transparent;
	vertical-align: top;
	margin: 0px 10px;
}
.btn_on, .btn_off {
	background-repeat: no-repeat;
	width: 20px;
    height: auto;
	border : none;
	background-color: transparent;
	vertical-align: top;
	margin: 0px 5px;
}
.form-information-nav-top ul {
    display: flex;
    flex-wrap: wrap;
    height: 50px;
    padding: 5px;
    margin-top: 20px;
}
form-information-nav-top ul li {
    list-style: none;
    text-align: center;
    border-bottom: 1px solid #D6D6D6;
}
.quotation.active {
    border-bottom: 2px solid #25a605;
    font-weight: 700;
    color: #25a605;
}
.form-information-nav-top ul li {
    list-style: none;
    text-align: center;
    border-bottom: 1px solid #D6D6D6;
}

.esg-carousel .item {
	width: 100%;
}

.esg-banner-slider {
	min-width:1200px;
}

.carousel-indicators.active {
	background: url("img/btn_on.png") no-repeat !important;
	border: none;
	cursor: pointer;
}

.owl-theme .owl-dots .owl-dot span {
	width: 17px;
	height: 17px;
	background: #D6D6D6;
}

.owl-theme .owl-dots .owl-dot.active span {
	background: #105b9e;
}

.esg-newsroom-contents-area {
	width: 100%;
	overflow: hidden;
}

.lightbox {
  /* Default to hidden */
  display: none;

  /* Overlay entire screen */
  position: fixed;
  z-index: 999;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  
  /* A bit of padding around image */
  padding: 1em;

  /* Translucent background */
  background: rgba(0, 0, 0, 0.8);
}

.lightbox * {
	text-align:center;
	
}

/* Unhide the lightbox when it's the target */
.lightbox:target {
  display: block;
}

.esg-media-play-area {
	top: 50%;
	left: 50%;
	position: absolute;
	transform: translate(-50%, -50%);
    display: inline-block;
    max-width: 1280px;
    width: 100%;
}

.esg-media-play-area iframe {
	position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    border: 0;
}

.iframe-wrap {
	position: relative;
    width: 100%;
    height: 0;
    padding-top: 56.25%;
}

.media-close-btn {
	position: absolute;
	right: 0;
	top: -8%;
}

.esg-newsroom-contents1 a {
	width: 100%;
	height: 100%;
}

.esg-newsroom-contents1 img {
	width: 30vw;
	height: 18vw;
	object-fit: fill;
}
.esg-newsroom-area .esg-carousel .owl-dots {
	margin-top: 20px !important;
}
.owl-item cloned {
	position : relative;
}
.main-text {
	position : absolute;
	color : white;
	top : 30%;
	left : 5%;
	font-size: 25px;
	
}
	
.business-1 {
	background-image: url('/img/eng/en_main_01.png');
	background-position: center;
	width : 100%;
	height : 500px;
}
.business-text-left {
	padding-top: 200px;
	padding-left: 30px;
}
.business-text-right {
	padding-top: 200px;
	padding-left: 60%;
}
.business-2 {
	background-image: url('/img/eng/en_main_02.jpg');
	background-position: center;
	width : 100%;
	height : 500px;
	background-repeat: no-repeat;
}
.business-3 {
	background-image: url('/img/eng/en_main_03.png');
	width : 100%;
	height : 500px;
	background-repeat: no-repeat;
}
.business-4 {
	background-image: url('/img/eng/en_main_04.png');
	background-position: center;
	width : 100%;
	height : 500px;
	background-repeat: no-repeat;
}
.eng-main-contents h1 {
	text-align: center;
}
.eng-main-about-contents {
	display : flex;
	text-align: center;
	justify-content: center;
}
.about-01 {
	margin : 0px 20px;
}
.eng-main-business {
	margin : 80px 0px;
}
.eng-main-contents h1 {
	padding-bottom: 50px;
}
.map img {
	padding-top: 100px;
	width : 100%;
	margin : 0 auto;
}

@media (max-width:991px) {
.form-information-nav-top ul {
    margin-top: 70px;
}

.esg-newsroom-contents-btn {
	border-bottom: 1px solid #bcbcbc;
}
.esg-newsroom-contents1-1 .contents-text {
	margin-left: 10px;
}
.esg-newsroom-contents-btn button{
	width : 70%;
	height : 50px;
	border-radius: 80px;
	background-color: white;
	border : 1px solid black;
	font-size: 1rem;
}
.btn_group {
	margin: 0px 0px 50px 0px;
}
.btn_auto {
	width: 20px;
}
.btn_on, .btn_off {
	width: 15px;
	margin: 0px 3px;
}
.owl-theme .owl-dots .owl-dot span {
	width: 12px;
	height: 12px;
}
.media-close-btn {
	top: -15%;
}
.esg-newsroom-contents-area {
	width: 100%;
}
.eng-main-about-contents {
	display : block;
}
.logo-banner {
	padding : 30px 0px;
}
.logo-banner img {
	width : 100%;
	padding-left: 20px;
}
.owl-carousel .owl-item img {
	width : auto;
	height : 500px;
}
.business-text-left {
	color : white;
	padding-left : 5%;
}
.business-text-right {
	color : white;
	padding-left : 5%;
}
.container {
	padding : 0px;
}
.about-01 {
	padding-bottom: 50px;
}
}