main{ 
	overflow: hidden; 
	/*padding-top: 120px;*/
}

.containner {
	width: 100%; height: auto;
}

section .contents {
	width: 100%; max-width: 1320px;
	padding: 0px 60px;
	left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

article.contents .content_title { 
	height: auto; line-height: 1;
	font-size: 40px; color: #fff;
	font-weight: 700;


	width: 100%; max-width: 1280px;

	left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}





/************************************************************************************************

		#main_visual_bg 

/************************************************************************************************/
#main_visual_bg {
	width: 100%; height: auto;
	margin: 0px; padding: 0px;

	background-image: url('./main_visual_bg.jpg');
	background-size:  cover;
	background-position: center center;
	background-repeat: no-repeat;
}

#main_visual_bg > img{
	max-width: 1280px; width: 100%; height: 100%;

	left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

#main_visual_bg > img.pc{ display: inline-block; }
#main_visual_bg > img.mo{ display: none; }




/************************************************************************************************

		section.intro 

/************************************************************************************************/
section.intro { 
	position: absolute; top: 251px; left: 0px;
	width: 100%; height: auto;
	display: flex;
    justify-content: center;
}

section.intro .slogan_txt{ 
	max-width: 1280px; width: 100%; height: auto;
	display: flex;
    justify-content: center;
}

section.intro .slogan_txt img {
	max-width: 633px; width: 100%; height: auto;
}

section.intro .slogan_txt img.pc { display: inline-block; }
section.intro .slogan_txt img.mo { display: none; }




/************************************************************************************************

		section.business 

/************************************************************************************************/
section.business {
	position: absolute; top: 797px; left: 0px;
	width: 100%; height: auto; 
}

section.business .business_3d { width: 100%; height: auto;     background: url('/img/main/business_3d.png') no-repeat ;background-size: contain;background-position: center;}
section.business .business_3d > div { 
	width: 100%; max-width: 1280px;

	left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

section.business .business_3d .images_3d {
	left: 50%;
	max-width: 100%; width: 814px;
	
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

section.business .business_3d iframe {
	max-width: 100%; min-width: 1600px; width: 100%; height: calc((100 / 750) * 100vh + ((100 / 320) * 100vw));
	
	
	left: 50%; 
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

}

section.business .business_3d_item {
	position: absolute; top: 0px; left: 0px;
	width: 100%; height: 100%;

}
#threeJS_App canvas{}





/************************************************************************************************

		section.sustainability 

/************************************************************************************************/
section.sustainability { 
	position: absolute; top: 1720px; left: 0px;
	width: 100%; height: auto;
}

section.sustainability .sustainability_box {
	width: 100%; height: 372px;
	margin-top: 64px;
}

section.sustainability .contents {
	width: 100%; max-width: 1500px;
	left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

section.sustainability .sustainability_box > div {
	width: 100%; height: 100%;
	display: flex;
	justify-content: space-between; 
}

section.sustainability .sustainability_box .sustainability_item {
	flex: 1; height: 372px;
	border-radius: 36px;
	display: grid;
    align-items: center;
}

section.sustainability .sustainability_box .sustainability_item:hover {
	background-color: var(--color-blue2);
}

section.sustainability .sustainability_box .sustainability_item:hover:nth-child(n+2):before { background-color: rgba(0,0,0,0); }
section.sustainability .sustainability_box .sustainability_item:nth-child(n+2):before {
	position: absolute; top: 50%; left: -1px;
	display: inline-block; content: '';
	width: 1px; height: 300px;
	background-color: var(--color-white);

    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
	z-index: -1;
	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;
}

section.sustainability .sustainability_box .sustainability_item .sustainability_contents { 
	width: 100%; text-align: center; 
	display: grid;
    align-items: center;
	gap: 45px;
}
section.sustainability .sustainability_contents .sustainability_txt_box {
	width: 100%; height: auto; line-height: 1;
	text-align: center;
    display: flex;
    align-items: center;
    justify-content: center;
} 

section.sustainability .sustainability_contents .sustainability_sub {
	width: 100%; height: auto; line-height: 1.2;
	font-size: 24px; color: var(--color-white); text-align: center;
}

section.sustainability .sustainability_contents .sustainability_txt_01 {
	width: auto; height: auto; line-height: 45px;
	font-size: 45px; color: var(--color-white); text-align: center;
	float: none;
}

section.sustainability .sustainability_contents .sustainability_txt_02 {
	width: auto; height: auto; line-height: 45px;
	font-size: 45px; color: var(--color-white); text-align: center;
	margin-left: 12px;
	float: none;
}

section.sustainability .sustainability_contents .sustainability_txt_03 {	
	float: none;
	width: auto; height: auto; line-height: 60px;
	font-size: 60px; color: var(--color-white); text-align: center;
    vertical-align: text-bottom;
	margin-right: 5px;
}

section.sustainability .sustainability_contents .sustainability_txt_04 {
	float: none;
	width: auto; height: auto; line-height: 45px;
	font-size: 45px; color: var(--color-white); text-align: center;
}

section.sustainability .sustainability_contents .sustainability_txt_05 {
	width: auto; height: auto; line-height: 45px;
	font-size: 45px; color: var(--color-white); text-align: center;
	float: none;
}

section.sustainability .sustainability_contents .sustainability_txt_06 {
	width: auto; height: auto; line-height: 45px;
	font-size: 45px; color: var(--color-white); text-align: center;
	margin-left: 14px;
	float: none;
}





/************************************************************************************************

		section.releases 

/************************************************************************************************/
section.releases { 
	position: absolute; top: 2466px; left: 0px;
	width: 100%; height: auto;
}

section.releases .releases_box { width: 100%; height: auto; margin-top: 40px; }

section.releases .releases_list { width: 100%; height: auto; }
section.releases .releases_list .swiper-pagination { display: none; width: 100%; height: auto; margin-top: 40px; }
section.releases .releases_list .swiper-pagination .swiper-pagination-bullets { bottom: 0px; }
section.releases .releases_list .swiper-pagination .swiper-pagination-bullet { 
	width: 15px; height: 15px; margin: 0px 10px;  
	background-color: #dbdbdb; 
	opacity: 1;
}
section.releases .releases_list .swiper-pagination .swiper-pagination-bullet-active { background-color: var(--color-blue2);  }

section.releases .releases_txt { width: 465px; height: auto; overflow: hidden; padding-top: 30px; }
section.releases .releases_txt .releases_txt_slider { width: 100%; height: 100%; }
section.releases .releases_txt .releases_txt_item {
	width: 100%; height: 100%;
	padding: 0px 0px 0px
}

section.releases .releases_txt .releases_txt_title {
	width: 100%; height: 3em; line-height: 1.5;

	display: -webkit-box; display: -ms-flexbox; display: box;
	overflow:hidden; vertical-align:top; text-overflow: ellipsis;
	word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp:2;

	font-size: 32px; color: var(--color-white); text-align: left;
	font-weight: 500; word-break: keep-all;
	cursor: pointer;
}

section.releases .releases_txt .releases_txt_date {
	width: 100%; height: auto; line-height: 1.5;
	font-size: 15px; color: var(--color-white); text-align: left;
	margin-top: 30px;
	font-weight: 300;
	cursor: pointer;

}

section.releases .releases_txt .releases_txt_desc {
	width: 100%; height: 4.5em; line-height: 1.5;

	display: -webkit-box; display: -ms-flexbox; display: box;
	overflow:hidden; vertical-align:top; text-overflow: ellipsis;
	word-break:break-all; -webkit-box-orient:vertical; -webkit-line-clamp: 3;

	font-size: 18px; color: var(--color-white); text-align: left;
	font-weight: 300; word-break: keep-all;
	margin-top: 20px;
	cursor: pointer;

}
section.releases .releases_txt .releases_txt_desc.releases_txt_more {
	display: none;
	color: #b7b7b7; height: auto;
	text-decoration: underline;
	text-underline-position: under;
	cursor: pointer; 
	margin-top: 0px;
}

section.releases .releases_arrow {
	position: absolute;
	top: 315px; left: 0px;
	width: auto; height: auto;
}

section.releases .releases_arrow .arrow:nth-child(1){ margin-left: 0px; }
section.releases .releases_arrow .arrow:hover { background-color: var(--color-blue2); }
section.releases .releases_arrow .arrow {
	width: 45px; height: 45px;
	border-radius: 100%; 
	margin-left: 10px;
	background-color: #333333;
	cursor: pointer;
}
section.releases .releases_arrow img{
	position: absolute; top: 50%; left: 50%;


    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

	width: 12px; height: auto; 
	vertical-align: middle;
}
section.releases .releases_arrow img.prev{ margin-left: -2px; }
section.releases .releases_arrow img.next{ margin-left: 2px; }

section.releases .releases_img { float: right; width: calc(100% - 495px); height: 393px; overflow: hidden; }
section.releases .releases_img_list { 
	position: absolute; top: 50%; right: 0px;
	max-width: 649px; width: 100%; height: 393px; 

    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
	z-index: 10;
}

section.releases #releases_img { width: 100%; height: 100%;  }
section.releases #releases_img .releases_img_item { width: 100%; height: 100%; border-radius: 15px; overflow: hidden; }
section.releases #releases_img .releases_img_item img { 
	position: absolute; top: 50%; left: 50%; 
	width: 100%; height: 100%;
	object-fit: cover; 
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
	cursor: pointer;
}

section.releases #releases_img .swiper-slide{ 
	transition: all 200ms ease-in-out;
	-webkit-transition: all 200ms ease-in-out;
	-moz-transition: all 200ms ease-in-out;
}

section.releases .releases_card {
	position: absolute; top: 50%; right: 0px;
	width: 497px; height: 366px; 
	overflow: hidden; border-radius: 15px; 
    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
	background-color: var(--color-blue2);
}

section.releases .releases_card > div {
	width: 100%; height: 100%;
}

section.releases .releases_card img{ width: 100%; height: 100%; }

section.releases .releases_card.releases_card_01 { 
	transform: translateY(-79%) scale(0.77);
	-webkit-transform: -webkit-translateY(-79%) -webkit-scale(0.77);
	-moz-transform: -moz-translateY(-79%) -moz-scale(0.77);
	-o-transform: -o-translateY(-79%) -o-scale(0.77);
	opacity: 0.5;
	z-index: 8;
}
section.releases .releases_card.releases_card_01 img { opacity: 0.5; }

section.releases .releases_card.releases_card_02 { 
	transform: translateY(-65%) scale(0.9);
	-webkit-transform: -webkit-translateY(-65%) -webkit-scale(0.9);
	-moz-transform: -moz-translateY(-65%) -moz-scale(0.9);
	-o-transform: -o-translateY(-65%) -o-scale(0.9);
	opacity: 0.8;
	z-index: 9;
}
section.releases .releases_card.releases_card_02 img { opacity: 0.8; }

section.releases .releases_card.releases_card_03 { 
	transform: translateY(-36%) scale(0.9);
	-webkit-transform: -webkit-translateY(-36%) -webkit-scale(0.9);
	-moz-transform: -moz-translateY(-36%) -moz-scale(0.9);
	-o-transform: -o-translateY(-36%) -o-scale(0.9);
	opacity: 0.8;
	z-index: 9;
}
section.releases .releases_card.releases_card_03 img { opacity: 0.8; }

section.releases .releases_card.releases_card_04 { 
	transform: translateY(-21%) scale(0.77);
	-webkit-transform: -webkit-translateY(-21%) -webkit-scale(0.77);
	-moz-transform: -moz-translateY(-21%) -moz-scale(0.77);
	-o-transform: -o-translateY(-21%) -o-scale(0.77);
	opacity: 0.5;
	z-index: 8;
}
section.releases .releases_card.releases_card_04 img { opacity: 0.5; }
section.releases .releases_paging {
	position: absolute; bottom: 10px; right: -50px;
	width: auto; height: 230px;
}

section.releases .releases_bar {
	width: 3px; height: 100%;
	background-color: rgba(254,254,254,.5);
}
section.releases .releases_bar > div { 
	position: relative; display: inline-block; float: left; 
	box-sizing: border-box; 
	width: 100%; cursor: pointer; 
}

section.releases .releases_bar > div.on { background-color: var(--color-white); } 

section.releases .releases_num {
	position: absolute; bottom: 0px; left: 18px;
	width: auto; height: auto; line-height: 1;
	font-size: 20px; color: var(--color-white); text-align: center;
}

section.releases .media_box {
	width: 100%; height: auto;
	margin-top: 90px;
}

section.releases .media_box > div {
	width: 100%; max-width: 1280px;
	left: 50%;
    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);
}

section.releases .media_box .media_list { width: 100%; height: auto; }
section.releases .media_box .media_list .media_item:nth-child(1) { margin-left: 0px;    cursor:pointer;}
section.releases .media_box .media_list .media_item {
	width: 430px; height: auto;
}

section.releases .media_box .media_list .media_item .media_thum { width: 100%; /*height: auto;*/height: 240px;  overflow: hidden;    border-radius: 17px;border: 2px solid var(--color-blue2) }
section.releases .media_box .media_list .media_item .media_thum img { 
	width: 100%; height: auto; 
	border-radius: 17px;

	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	box-sizing: border-box;
}

section.releases .media_box .media_list .media_item .media_type { 
	width: 100%; height: 20px; line-height: 20px; 
	margin-top: 30px;
	text-align: left;
}
section.releases .media_box .media_list .media_item .media_type img {  width: 23px; height: auto; margin-right: 10px;   box-shadow: 3px 4px 6px rgba(0, 0, 0, 0.25); border-radius: 50%;}
section.releases .media_box .media_list .media_item .media_type span {
	font-size: 20px; color: var(--color-disabled);
	font-weight: 500; vertical-align: top;
} 

section.releases .media_box .media_list .media_item .media_title { 
	width: 100%; height: 2.8em; line-height: 1.4; 
	margin-top: 10px;
	font-size: 20px; color: var(--color-white); text-align: left;
	font-weight: 200;

	display: -webkit-box; display: -ms-flexbox; display: box;
	overflow:hidden; vertical-align:top; 
	text-overflow: ellipsis; word-break:break-all; 
	-webkit-box-orient:vertical;
	-webkit-line-clamp:2;
}

section.releases .media_box .swiper-slide { width: auto; }

section.releases .media_arrow {
	position: absolute;
	bottom: -100px; left: 0px;
	width: auto; height: auto;
}

section.releases .media_arrow .arrow:nth-child(1){ margin-left: 0px; }
section.releases .media_arrow .arrow:hover { background-color: var(--color-blue2); }
section.releases .media_arrow .arrow {
	width: 45px; height: 45px;
	border-radius: 100%; 
	margin-left: 10px;
	background-color: #333333;
	cursor: pointer;
}
section.releases .media_arrow img{
	position: absolute; top: 50%; left: 50%;


    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

	width: 12px; height: auto; 
	vertical-align: middle;
}
section.releases .media_arrow img.prev{ margin-left: -2px; }
section.releases .media_arrow img.next{ margin-left: 2px; }






/************************************************************************************************

		section.careers 

/************************************************************************************************/
section.careers { 
	/*position: absolute; top: 4285px; left: 0px;*/
    position: absolute; top: 3860px; left: 0px;
	width: 100%; height: auto;
}

section.careers .careers_txt {
	font-size: 60px; color: var(--color-white); text-align: left;
	font-weight: 300; 
	margin-top: 40px;
	z-index: 2;
}

section.careers .careers_box {
	height: auto;
	margin-top: 40px;
}

section.careers .careers_box .careers_list { width: 100%; height: auto; }
section.careers .careers_box .careers_list .careers_item:nth-child(1) { margin-left: 0px; }
section.careers .careers_box .careers_list .swiper-slide:nth-child(odd) .careers_item { margin-top: 140px; }
section.careers .careers_box .careers_list .careers_item { 
	width: 306px; height: auto; 
	margin-left: 20px; 
}
section.careers .careers_box .careers_list .careers_item .blank{ width: 100%; height: auto; }

section.careers .careers_box .careers_list .careers_item .card.on{
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}
 section.careers .careers_box .careers_list .careers_item:hover .card.flip { 
/*section.careers .careers_box .careers_list .careers_item .card.flip {*/
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
}

section.careers .careers_box .careers_list .careers_item .card {
	position: absolute; top: 0px; left: 0px;
	width: 100%; height: 100%;

	transition: all 300ms ease-in-out;
	-webkit-transition: all 300ms ease-in-out;
	-moz-transition: all 300ms ease-in-out;

	transform-style: preserve-3d;
	cursor: pointer;
}

section.careers .careers_box .careers_list .careers_item .card .front:hover { opacity: 1; }
section.careers .careers_box .careers_list .careers_item .card .front {
	position: absolute; top: 0px; left: 0px;
	display: flex;
	justify-content: center;
	align-items: baseline;
	opacity: 1;

	width: 100%; height: 100%;
	border-radius: 15px;
	backface-visibility: hidden;
	background-size: cover;
	background-position: center center;
	background-repeat: no-repeat;
	box-sizing: border-box;
}

section.careers .careers_box .careers_list .careers_item .card .back {
	position: absolute; top: 0px; left: 0px;    overflow: hidden;
	display: flex;
	justify-content: center;
	align-items: baseline;

	padding: 40px 27px 70px 27px;

	width: 100%; height: 100%;
	border-radius: 15px;
	backface-visibility: hidden;
    -webkit-transform: rotateY(180deg);
    -ms-transform: rotateY(180deg);
    transform: rotateY(180deg);
	background-color: var(--color-blue2);
}

section.careers .careers_box .careers_list .swiper-slide:nth-child(odd) .careers_item .card .back { background-color: var(--color-white); }
section.careers .careers_box .careers_list .careers_item .card .back > div { width: 100%; height: 100%; }


section.careers .careers_item .card_title {
	width: 100%; height: auto; line-height: 1;
	padding-top: 0px;
	font-size: 20px; color: var(--color-white); text-align: left;
}
section.careers .careers_box .careers_list .swiper-slide:nth-child(odd) .card_title { color: var(--color-blue2); }

section.careers .careers_item .card_info {
	width: 100%; height: auto;
	margin-top: 40px;
	background-size: 30px 30px;
	background-image: url('/img/careers_btn.png');
	background-position: top right;
	background-repeat: no-repeat;
	box-sizing: border-box;
}
section.careers .careers_box .careers_list .swiper-slide:nth-child(odd) .card_info { background-image: url('/img/careers_btn2.png'); }




section.careers .careers_item .card_info .card_dep,
section.careers .careers_item .card_info .card_name { 
	width: 100%; height: auto; line-height: 20px;
	font-size: 18px; color: var(--color-white); text-align: left;
	letter-spacing: -0.4px;
}


section.careers .careers_item .card_info .card_dep{ font-size: 16px; }
section.careers .careers_item .card_info .card_name { margin-top: 10px; }

section.careers .careers_box .careers_list .swiper-slide:nth-child(odd) .card_dep,
section.careers .careers_box .careers_list .swiper-slide:nth-child(odd) .card_name { color: var(--color-blue2); }

section.careers .careers_item .card_desc {
	width: 100%; height: auto; line-height: 25px;
	font-size: 16px; color: var(--color-white); text-align: left;
	font-weight: 300;
	margin-top: 10px;
	letter-spacing: -0.4px;
}
section.careers .careers_box .careers_list .swiper-slide:nth-child(odd) .card_desc { color: var(--color-blue2); }


section.careers .careers_box .swiper-slide { width: auto; }


section.careers .careers_item .card .front .video_bg:hover { opacity: 1; }
section.careers .careers_item .card .front .video_bg {
	position: absolute; top: 0px; left: 0px;
	width: 100%; height: 100%;
	border-radius: 15px;
	background-color: var(--color-blue2);
	opacity: 0.8;
	z-index: 1;
}


section.careers .careers_item .card .front .video_btn {
	position: absolute; top: 50%; left: 50%;
	width: 100%; height: auto;
	font-size: 18px; color: var(--color-white); text-align: center;
	z-index: 2;


    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);
}

section.careers .careers_item .card .front .video_btn img {
	width: 75px; height: auto;
	float: none;
	margin-bottom: 15px;
}



section.careers .careers_arrow {
	position: absolute; top: 824px; right: 45px;
	z-index: 10;
	width: auto; height: auto;
}

section.careers .careers_arrow .arrow:nth-child(1){ margin-left: 0px; }
section.careers .careers_arrow .arrow:hover { background-color: var(--color-blue2); }
section.careers .careers_arrow .arrow {
	width: 50px; height: 50px;
	border-radius: 100%; 
	margin-left: 10px;
	background-color: #333333;
	cursor: pointer;
}
section.careers .careers_arrow img{
	position: absolute; top: 50%; left: 50%;


    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

	width: 12px; height: auto; 
	vertical-align: middle;
}
section.careers .careers_arrow img.prev{ margin-left: -2px; }
section.careers .careers_arrow img.next{ margin-left: 2px; }







/************************************************************************************************

		section.ir

/************************************************************************************************/
section.ir { 
	position: absolute; top: 3742px; left: 0px;
	width: 100%; height: auto;
}

section.ir .ir_func{ 
	width: 100%; height: auto;
	margin-top: 58px;
	display: flex;
	gap: 30px;
}
section.ir .ir_func .ir_info{ 
	width: 486px; height: 175px;
	padding: 47px 60px 47px 40px;
	border-radius: 100%;
	border-radius: 15px;
	background-color: #fff;
}

section.ir .ir_func .ir_btns { 
	width: auto; height: 175px;
	display: flex;
	gap: 30px;
    flex: 1;
}

section.ir .ir_func .ir_btns .ir_btn_item { 
	border-radius: 15px;
    flex: 1;
	background-color: #fff;

    display: grid;
    place-content: center;
	gap: 24px;
	cursor: pointer;

	border: 3px solid #fff;
}

section.ir .ir_func .ir_btns .ir_btn_item:hover {
	border-color: var(--color-blue2);

}

section.ir .ir_func .ir_btns .ir_btn_item img { 
	width: auto; height: 40px;
	justify-self: center; /* 이미지의 수평 중앙 정렬 */
}

section.ir .ir_info_title {
	width: 100%; height: auto; line-height: 1;
	font-size: 16px; color: #000; text-align: left;
	letter-spacing: -0.48px;
}

section.ir .ir_info_data {
	width: 100%; height: auto;
	margin-top: 15px;
	display: flex;
    align-items: center;
}


section.ir .ir_info_data .ir_info_price {
	width: 190px; height: auto; line-height: 1;
	font-size: 36px; color: #000; text-align: left;
	font-weight: 700;
	letter-spacing: -0.5px;
}

section.ir .ir_info_data .ir_info_price span.txt {
	font-size: 26px; font-weight: 500;
}

section.ir .ir_info_data .ir_info_before { 
	flex: 1; height: auto; 
    display: grid;
    align-content: space-around;
}
section.ir .ir_info_data .ir_info_before > div { 
	width: 100%; height: auto; 
	display: flex;
    justify-content: space-between;
}
section.ir .ir_info_data .ir_info_before .label {
	width: auto; height: auto; line-height: 1.5;
	color: #666; font-size: 16px;
	letter-spacing: -0.48px;
}
section.ir .ir_info_data .ir_info_before .val {
	width: auto; height: auto; line-height: 1.5;
	color: #666; font-size: 15px;
	font-weight: 500;
	letter-spacing: -0.45px;

    display: flex;
    align-items: center;
}


section.ir .ir_info_data .ir_info_before.down .val{ color: #0091ff;  }
section.ir .ir_info_data .ir_info_before.up .val{ color: #ff0c00;  }

section.ir .ir_info_data .ir_info_before.down .val span#aj_c::before{ background-image: url('../../images/invester_down_icon.png'); }
section.ir .ir_info_data .ir_info_before.up .val span#aj_c::before{ background-image: url('../../images/invester_up_icon.png'); }
section.ir .ir_info_data .ir_info_before .val span#aj_c::before{
	position: absolute; top: 50%; left: -16px;
	content: '';
	display: inline-block;
	width: 14px; height: 14px;
	background-size:  14px auto;
	background-position: center center;
	background-repeat: no-repeat;


    -webkit-transform: translate(0%, -50%);
    -ms-transform: translate(0%, -50%);
    transform: translate(0%, -50%);
}







footer.base {
	overflow-x: hidden;
	box-sizing: border-box;
}




footer::after {
	position: absolute; top: 0px; left: 50%;
	content: '';
	width: 1920px; height: 100%;
	background-color: #232323;
	box-sizing: border-box;

	z-index: -1;

    -webkit-transform: translate(-50%, 0%);
    -ms-transform: translate(-50%, 0%);
    transform: translate(-50%, 0%);

}


.swiper-button-disabled { opacity: 0.5; }
#brandVideoBg { display: none; position: fixed; top: 0px; left: 0px; z-index: 200; width: 100vw; height: 100vh; background-color: var(--color-black); opacity: 0.5; }
#brandVideo {
	display: none; 
	top: 50%; left: 50%;
	position: fixed; 
	max-width: 1020px; width: 100%; height: auto;

    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

	z-index: 201;
}
#brandVideo video { width: 100%; height: 100%; object-fit: cover; border-radius: 15px; }


#brand_video_btn {
	position: absolute;
}

#brand_video_close {
	position: absolute; top: 5px; right: 5px;
	width: 50px; height: auto;
	z-index: 201;
	padding: 10px;
	background-color: #000;
	border-radius: 100%;
	cursor: pointer;
}


br.careers { display: none; }
br.intro { display: none; }
#releases_btn { display: none; }




/* 팝업한개 */
#modal-wrap{
	display: none;
	position: fixed; top: 177px; right: 200px; 
	width: 478px; 
	box-shadow: 1px 1px 10px #666; 
	z-index: 1000;
}

.main-modal .foot-close a:focus { outline-offset:-3px; }
#modal-wrap .image { position:relative; background: #222; }
#modal-wrap .image>img {width: 100%;}
#modal-wrap .image .btns {position:absolute; top:0; left:0; width:100%; height:100%;}
#modal-wrap .image .btns a {position:absolute; width: 56%; top: 80%; left:22%; }
#modal-wrap .image .btns .btns_box a {width:60%;}
#modal-wrap .image .btns>a {position:absolute; width: 94%; top: 39.5%; left:3%; }
#modal-wrap .image .btns .btns_box{position:absolute; bottom:20%; width:109%; left:-8%; display: flex; justify-content: space-around;}
 
 
#modal-wrap .image .btns .btns_box{position:absolute; bottom:5%; width:94%; left:3%; display: flex; justify-content: space-between;}
#modal-wrap .image .btns a img {width: 100%;}
.main-modal .foot-close { height: 50px; line-height: 50px; background: #222; font-size: clamp(14px, 1vw, 18px); }
.main-modal .foot-close .input { float: left; margin-left: 10px;}
.main-modal .foot-close .input label { color: #fff; margin-left: 10px; }
.main-modal .foot-close a { float: right; color: #fff; padding: 0 20px; }


#modal-today { 
	position: relative;
	width: 20px; height: 20px; 
	background-color: #444;
    vertical-align: -4px;
	margin-left: 3px;
	border-radius: 3px;
	cursor: pointer;
}


#modal-today:checked::before {
	position: absolute; top: 50%; left: 50%;
	display: inline-block; content: ''; 
	width: 13px; height: 13px;
	
    -webkit-transform: translate(-50%, -50%);
    -ms-transform: translate(-50%, -50%);
    transform: translate(-50%, -50%);

	
	background-image: url('../../images/contact_check_icon.png');
	background-size: 100% auto;
	background-position: center center;
	background-repeat: no-repeat;
	box-sizing: border-box;
}



@media (max-width: 1023px) { 
    #modal-wrap{
		width:auto; top:calc((111 / 750)* 100vw); left:50%; right: 0px;

		-webkit-transform: translate(-50%, 0%);
		-ms-transform: translate(-50%, 0%);
		transform: translate(-50%, 0%);
	}
    #modal-wrap .image .btns .btns_box{position:absolute; bottom:20%; width:109%; left:-8%; display: flex; justify-content: space-around;}


    #modal-wrap .foot-close {height: 50px; line-height: 50px; background: #222; font-size: clamp(12px, 2.5vw, 18px); }
    
    #modal-wrap .foot-close a { float: right; color: #fff;  padding: 0px 20px; } 

  }
@media (max-width: 749px) { 
    #modal-wrap{ width: 80%; top: calc((111 / 480)* 100vw); }
	#modal-today { vertical-align: -7px; }

}




@media (max-width: 749px) and (min-width: 480px) { }



@media (max-width: 479px){
	main { padding-top: calc((80 / 480)* 100vw) !important; }
}


@media (max-width: 749px) { 

	#brandVideo { max-width: calc((480 / 480)* 100vw); }
	#brandVideo video { border-radius: calc((0 / 480) * 100vw); }
	#brand_video_close {
		position: absolute; top: calc((10 / 480) * 100vw); right: calc((10 / 480) * 100vw);
		width: calc((30 / 480) * 100vw); 
		padding: calc((5 / 480) * 100vw); 
		cursor: pointer;
	}


}

@media (max-width: 1023px) and (min-width: 750px) { 

	#brandVideo { max-width: calc((750 / 750)* 100vw); }
	#brandVideo video { border-radius: calc((0 / 750) * 100vw); }
	#brand_video_close {
		position: absolute; top: calc((5 / 750) * 100vw); right: calc((5 / 750) * 100vw);
		width: calc((30 / 750) * 100vw);
		padding: calc((5 / 750) * 100vw);
		cursor: pointer;
	}
	

}


@media (max-width: 1279px) and (min-width: 1024px) { 

	#modal-wrap{ 
		top: calc((138 / 1024)* 100vw);
		right: calc((50 / 1024)* 100vw); 
	}

	#brandVideo { max-width: calc((750 / 1024)* 100vw); }
	#brandVideo video { border-radius: calc((15 / 1280) * 100vw); }
	#brand_video_close {
		position: absolute; top: calc((5 / 1280) * 100vw); right: calc((5 / 1024) * 100vw);
		width: calc((45 / 1280) * 100vw); 
		padding: calc((5 / 1280) * 100vw); 
		cursor: pointer;
	}
}

@media (max-width: 1920px) and (min-width: 1280px) { 

	#modal-wrap{ right: calc((200 / 1920)* 100vw); }
}













/************************************************************************************************

		# NEW 

/************************************************************************************************/







@media (max-width: 749px) { 
	main{ padding-top: calc((80 / 480)* 100vw); }


	section .contents {
		max-width: calc((480 / 480) * 100vw);
		padding: 0px calc((24 / 480) * 100vw);

	}

	article.contents .content_title { 
		font-size: calc((40 / 480) * 100vw); 
		max-width: calc((432 / 480) * 100vw);
	}





	/************************************************************************************************

			#main_visual_bg 

	/************************************************************************************************/
	#main_visual_bg > img{ max-width: calc((480 / 480) * 100vw); }

	#main_visual_bg { background-image: url('../../images/main_visual_bg.jpg'); }
	#main_visual_bg > img.pc{ display: none; }
	#main_visual_bg > img.mo{ display: inline-block; }


	/************************************************************************************************

			section.intro 

	/************************************************************************************************/
	section.intro { top: calc((120 / 480) * 100vw); }
	section.intro .slogan_txt{ max-width: calc((388 / 480) * 100vw); }
	section.intro .slogan_txt img { max-width: calc((388 / 480) * 100vw); }

	section.intro .slogan_txt img.pc { display: none; }
	section.intro .slogan_txt img.mo { display: inline-block; }

	/************************************************************************************************

			section.business 

	/************************************************************************************************/
	/*section.business { top: calc((419 / 480) * 100vw); }*/
    section.business { top: calc((360 / 480) * 100vw); }    
    
    section.business .business_3d {zoom:1.5;margin-top: calc((0 / 480) * 100vw);  width: 100%; height: auto;  background: url('/img/main/m_business_3d.png') no-repeat ;background-size: contain;background-position: center;}
	/*section.business .business_3d { margin-top: calc((40 / 480) * 100vw); }*/
	section.business .business_3d > div { max-width: calc((480 / 480) * 100vw); }
	section.business .business_3d .images_3d { width: calc((400 / 480) * 100vw); }
	section.business .business_3d iframe { min-width: calc((480 / 480) * 100vw); height: calc((200 / 750)* 100vh +((200 / 320)* 100vw)); }


	/************************************************************************************************

			section.sustainability 

	/************************************************************************************************/
	section.sustainability { top: calc((909 / 480) * 100vw); }

	section.sustainability .contents { max-width: 100%; }

	section.sustainability .sustainability_box .sustainability_item:hover {
		background-color: rgba(0,0,0,0);
	}


	section.sustainability .sustainability_box > div { display: grid; justify-content: normal; }
	section.sustainability .sustainability_box { height: auto; margin-top: calc((60 / 480) * 100vw); }
	section.sustainability .sustainability_box .sustainability_item { display: inline-block; width: 100%; height: auto; border-radius: calc((0 / 480) * 100vw); }
	section.sustainability .sustainability_box .sustainability_item:nth-child(2){
		padding: calc((45 / 480) * 100vw) 0px;
		margin:  calc((45 / 480) * 100vw) 0px;
	}

	section.sustainability .sustainability_box .sustainability_item:nth-child(n+2)::before { display: none; }
	section.sustainability .sustainability_box .sustainability_item:nth-child(2)::before {
		position: absolute; top: 0px; left: 0px;
		display: inline-block;
		content: '';
		width: 100%; height: 1px;
		background-color: #fff;

		-webkit-transform: translate(0%, 0%);
		-ms-transform: translate(0%, 0%);
		transform: translate(0%, 0%);
	}

	section.sustainability .sustainability_box .sustainability_item:nth-child(2)::after {
		position: absolute; bottom: 0px; left: 0px;
		display: inline-block;
		content: '';
		width: 100%; height: 1px;
		background-color: #fff;

		-webkit-transform: translate(0%, 0%);
		-ms-transform: translate(0%, 0%);
		transform: translate(0%, 0%);
	}



	section.sustainability .sustainability_box .sustainability_item .sustainability_contents { display: flex; gap: auto; justify-content: space-between; }
	section.sustainability .sustainability_contents .sustainability_txt_box { justify-content: left; }

	section.sustainability .sustainability_contents .sustainability_sub { font-size: calc((14 / 480) * 100vw); line-height: 1.2;  text-align: right; }

	section.sustainability .sustainability_contents .sustainability_txt_01 { 
		line-height: calc((30 / 480) * 100vw); 
		font-size: calc((26 / 480) * 100vw); 
	}

	section.sustainability .sustainability_contents .sustainability_txt_02 {
		line-height: calc((30/ 480) * 100vw);
		font-size: calc((26 / 480) * 100vw); 
		margin-left: calc((5 / 480) * 100vw);
	}

	section.sustainability .sustainability_contents .sustainability_txt_03 {	
		line-height: calc((30 / 480) * 100vw);
		font-size: calc((26 / 480) * 100vw);
	}

	section.sustainability .sustainability_contents .sustainability_txt_04 {
		line-height: calc((30 / 480) * 100vw);
		font-size: calc((26 / 480) * 100vw);
	}

	section.sustainability .sustainability_contents .sustainability_txt_05 {
		line-height: calc((30 / 480) * 100vw);
		font-size: calc((26 / 480) * 100vw);
	}

	section.sustainability .sustainability_contents .sustainability_txt_06 {
		line-height: calc((26 / 480) * 100vw);
		font-size: calc((26 / 480) * 100vw);
		margin-left: calc((5 / 480) * 100vw);
	}





	/************************************************************************************************

			section.releases 

	/************************************************************************************************/
	section.releases { top: calc((1499 / 480) * 100vw); }
	section.releases .releases_box { margin-top: calc((40 / 480) * 100vw); }

	section.releases .releases_list .swiper-pagination { margin-top: calc((40 / 1280) * 100vw); }
	section.releases .releases_list .swiper-pagination .swiper-pagination-bullet { 
		width: calc((15 / 1280) * 100vw); height: calc((15 / 1280) * 100vw); margin: 0px calc((10 / 1280) * 100vw); 
	}


	section.releases .releases_txt { width: 100%; padding-top: calc((261 / 480) * 100vw); padding-bottom: calc((70 / 480) * 100vw); }
	section.releases .releases_txt .releases_txt_title { font-size: calc((18 / 480) * 100vw); margin-top: calc((23 / 480) * 100vw) }

	section.releases .releases_txt .releases_txt_date {
		font-size: calc((14 / 480) * 100vw); 
		margin-top: calc((24 / 480) * 100vw);
	}

	section.releases .releases_txt .releases_txt_desc {
		font-size: calc((14 / 480) * 100vw); 
		margin-top: calc((14 / 480) * 100vw);

	}

	section.releases .releases_arrow { top: calc((490 / 480) * 100vw); }

	section.releases .releases_arrow .arrow {
		width: calc((40 / 480) * 100vw); height: calc((40 / 480) * 100vw);
		margin-left: calc((10 / 480) * 100vw);
	}

	section.releases .releases_arrow img{ width: calc((10 / 480) * 100vw); }	
	section.releases .releases_arrow img.prev{ margin-left: calc((-2 / 480) * 100vw); }
	section.releases .releases_arrow img.next{ margin-left: calc((2 / 480) * 100vw); }

	section.releases .releases_img { 
		z-index: -1;
		position: absolute; top: 0px; left: 0px;
		width: 100%; height: calc((261 / 480) * 100vw); 
	}
	section.releases .releases_img_list { 
		max-width: 100%; height: 100%; 
		padding-left: calc((0 / 480) * 100vw); 
	}

	section.releases .releases_txt .releases_txt_desc.releases_txt_more{ 
		display: inline-block;
		position: absolute; top: calc((-261 / 480) * 100vw); left: 0px;
		width: 100%; height: calc((261 / 480) * 100vw);
        text-indent: -100%;
	}


	section.releases #releases_img .releases_img_item img { 
		height: auto; border-radius: 15px; 
		
		top: 0%;
		-webkit-transform: translate(-50%, 0%);
		-ms-transform: translate(-50%, 0%);
		transform: translate(-50%, 0%);
	}

	section.releases #releases_img .releases_img_item { border-radius: calc((15 / 1280) * 100vw); }

	section.releases .releases_card {
		width: calc((497 / 1280) * 100vw); height: calc((366 / 1280) * 100vw); 
		border-radius: calc((15 / 1280) * 100vw); 
	}

	section.releases .releases_paging {
		bottom: calc((10 / 1280) * 100vw); right: calc((-50 / 1280) * 100vw);
		height: calc((230 / 1280) * 100vw);
	}

	section.releases .releases_bar { width: calc((3 / 1280) * 100vw); }

	section.releases .releases_num { left: calc((18 / 1280) * 100vw); font-size: calc((20 / 1280) * 100vw); }





	section.releases .media_box { margin-top: calc((48 / 480) * 100vw); }
	section.releases .media_box > div { max-width: 100%; }

	section.releases .media_box .media_list .media_item { width: calc((300 / 480) * 100vw); }

	section.releases .media_box .media_list .media_item .media_thum img { border-radius: calc((12 / 480) * 100vw); }

	section.releases .media_box .media_list .media_item .media_type { 
		height: calc((15 / 480) * 100vw); line-height: calc((15 / 480) * 100vw); 
		margin-top: calc((15 / 480) * 100vw);
	}
	section.releases .media_box .media_list .media_item .media_type img {  width: calc((18 / 480) * 100vw); margin-right: calc((5 / 480) * 100vw); }
	section.releases .media_box .media_list .media_item .media_type span { font-size: calc((14 / 480) * 100vw); } 
	section.releases .media_box .media_list .media_item .media_title { margin-top: calc((10 / 480) * 100vw); font-size: calc((14 / 480) * 100vw); }
	section.releases .media_arrow { display: none; bottom: calc((-100 / 1280) * 100vw); }

	section.releases .media_arrow .arrow {
		width: calc((45 / 1280) * 100vw); height: calc((45 / 1280) * 100vw);
		margin-left: calc((10 / 1280) * 100vw);
	}
	section.releases .media_arrow img{ width: calc((12 / 1280) * 100vw); }
	section.releases .media_arrow img.prev{ margin-left: calc((-2 / 1280) * 100vw); }
	section.releases .media_arrow img.next{ margin-left: calc((2 / 1280) * 100vw); }


	/************************************************************************************************

			section.careers 

	/************************************************************************************************/
	/*section.careers { top: calc((3094 / 480) * 100vw); }*/
    section.careers { top: calc((2650 / 480) * 100vw); }



	section.careers .careers_txt {
		font-size: calc((32 / 480) * 100vw); 
		margin-top: calc((20 / 480) * 100vw);
	}

	section.careers .careers_box {
		margin-top: calc((60 / 480) * 100vw);
		padding: 0px calc((30 / 480) * 100vw);
	}


	section.careers .careers_box .careers_list .swiper-slide:nth-child(odd) .careers_item { margin-top: calc((40 / 480) * 100vw); }
	section.careers .careers_box .careers_list .careers_item { 
		width: calc((300 / 480) * 100vw);
		margin-left: calc((20 / 480) * 100vw); 
	}

	section.careers .careers_box .careers_list .careers_item .card .front {
		border-radius: calc((15 / 480) * 100vw);
	}

	section.careers .careers_box .careers_list .careers_item .card .back {
		padding: calc((50 / 480) * 100vw) calc((15 / 480) * 100vw) calc((30 / 480) * 100vw) calc((15/ 480) * 100vw);
		border-radius: calc((15 / 480) * 100vw);
	}

	section.careers .careers_item .card_title {
		font-size: calc((20 / 480) * 100vw);

		background-size: calc((25 / 480) * 100vw) calc((25 / 480) * 100vw);
	}


	section.careers .careers_box .careers_list .swiper-slide:nth-child(odd) .card_info,
	section.careers .careers_item .card_info {
		margin-top: calc((60 / 480) * 100vw);
		background-image: url('../../images/careers_btn.png');
		background-image: none;

	}


	section.careers .careers_item .card_info .card_dep,
	section.careers .careers_item .card_info .card_name { 
		line-height: 1.2;
		font-size: calc((20 / 480) * 100vw);
	}

	section.careers .careers_item .card_desc {
		line-height: 1.5;
		font-size: calc((16 / 480) * 100vw); 
		margin-top: calc((40 / 480) * 100vw);

	}

	section.careers .careers_item .card .front .video_bg {
		border-radius: calc((15 / 480) * 100vw);
	}


	section.careers .careers_item .card .front .video_btn {
		font-size: calc((20 / 480) * 100vw); 
	}

	section.careers .careers_item .card .front .video_btn img {
		width: calc((55 / 480) * 100vw); 
		margin-bottom: calc((15 / 480) * 100vw);
	}



	section.careers .careers_arrow {
		display: none;
		top: calc((845 / 1280) * 100vw); 
		right: calc((50 / 1024) * 100vw);

	}
	section.careers .careers_arrow .arrow {
		width: calc((50 / 1280) * 100vw); height: calc((50 / 1280) * 100vw);
		margin-left: calc((10 / 1280) * 100vw);

	}
	section.careers .careers_arrow img{
		width: calc((12 / 1280) * 100vw); 
	}
	section.careers .careers_arrow img.prev{ margin-left: -1px; }
	section.careers .careers_arrow img.next{ margin-left: 1px; }



	/************************************************************************************************

			section.ir

	/************************************************************************************************/
	section.ir { top: calc((2493 / 480) * 100vw); }
	section.ir .ir_func{ display: grid; margin-top: calc((40 / 480) * 100vw); gap: calc((20 / 480) * 100vw); }
	section.ir .ir_func .ir_info{ 
		width: 100%; height: auto;
		padding: calc((24 / 480) * 100vw) calc((24 / 480) * 100vw) calc((30 / 480) * 100vw) calc((24 / 480) * 100vw);
		border-radius: calc((15 / 480) * 100vw);
	}

	section.ir .ir_func .ir_btns { display: grid; height: auto; gap: calc((14 / 480) * 100vw); }

	section.ir .ir_func .ir_btns .ir_btn_item { 
		display: flex;
		border-radius: calc((15 / 480) * 100vw);
		gap: calc((20 / 480) * 100vw);
		border: calc((3 / 480) * 100vw) solid #fff;
		padding: calc((24 / 480) * 100vw) calc((24 / 480) * 100vw) calc((24 / 480) * 100vw) calc((24 / 480) * 100vw);
	}


	section.ir .ir_func .ir_btns .ir_btn_item img {
		height: auto; width: calc((20 / 480) * 100vw); 
		order: 1;
	}

	section.ir .ir_info_title { 
		font-size: calc((18 / 480) * 100vw);  letter-spacing: calc((-0.48 / 480) * 100vw); 
		order: 2;
	}

	section.ir .ir_info_data { 
		margin-top: calc((10 / 480) * 100vw); align-items: center; 
		display: grid;
	}

	section.ir .ir_info_data .ir_info_price {  width: 100%; font-size: calc((36 / 480) * 100vw);  }

	section.ir .ir_info_data .ir_info_price span.txt { font-size: calc((26 / 480) * 100vw);  }
	section.ir .ir_info_data .ir_info_before { display: inline-block; margin-top: calc((20 / 480) * 100vw); }
	section.ir .ir_info_data .ir_info_before > div:nth-child(1) { margin-left: 0px; }
	section.ir .ir_info_data .ir_info_before > div { 
		width: auto; 
		justify-content: flex-start; 
		gap: calc((30 / 480) * 100vw); 
		margin-left: calc((40 / 480) * 100vw); 
	}

	section.ir .ir_info_data .ir_info_before .label { font-size: calc((16 / 480) * 100vw); letter-spacing: calc((-0.48 / 480) * 100vw); }
	section.ir .ir_info_data .ir_info_before .val { font-size: calc((15 / 480) * 100vw); letter-spacing: calc((-0.45 / 480) * 100vw); }

	section.ir .ir_info_data .ir_info_before .val span#aj_c::before{
		left:  calc((-12 / 480) * 100vw);
		width: calc((10 / 480) * 100vw); height: calc((10 / 480) * 100vw);
		background-size:  calc((10 / 480) * 100vw) auto;

	}


}

@media (max-width: 1023px) and (min-width: 750px) { 
	main{ padding-top: calc((80 / 750)* 100vw); }


	section .contents {
		max-width: calc((1320 / 1280) * 100vw);
		padding: 0px calc((30 / 750) * 100vw);

	}

	article.contents .content_title { 
		font-size: calc((35 / 750) * 100vw); 
		max-width: calc((690 / 750) * 100vw);
	}





	/************************************************************************************************

			#main_visual_bg 

	/************************************************************************************************/
	#main_visual_bg > img{ max-width: calc((750 / 750) * 100vw); }





	/************************************************************************************************

			section.intro 

	/************************************************************************************************/
	section.intro { top: calc((251 / 1280) * 100vw); }
	section.intro .slogan_txt{ max-width: calc((1280 / 1280) * 100vw); }
	section.intro .slogan_txt img { max-width: calc((400 / 750) * 100vw); }


	/************************************************************************************************

			section.business 

	/************************************************************************************************/
	section.business { top: calc((797 / 1280) * 100vw); }
	section.business .business_3d > div { max-width: calc((1280 / 1280) * 100vw); }
	section.business .business_3d .images_3d { width: calc((814 / 1280) * 100vw); }
	section.business .business_3d iframe { min-width: calc((1600 / 1280) * 100vw); height: calc((100 / 750) * 100vh + ((100 / 320) * 100vw)); }


	/************************************************************************************************

			section.sustainability 

	/************************************************************************************************/
	section.sustainability { top: calc((1720 / 1280) * 100vw); }
	section.sustainability .sustainability_box { height: calc((372 / 1280) * 100vw); margin-top: calc((64 / 1280) * 100vw); }
	section.sustainability .contents { max-width: calc((1500 / 1280) * 100vw); }
	section.sustainability .sustainability_box .sustainability_item { 
		height: calc((372 / 1280) * 100vw); border-radius: calc((36 / 1280) * 100vw); 
		padding: 0px calc((10 / 1280) * 100vw);
	}

	section.sustainability .sustainability_box .sustainability_item:nth-child(n+2):before { height: calc((300 / 1280) * 100vw); }

	section.sustainability .sustainability_box .sustainability_item .sustainability_contents { gap: calc((20 / 1280) * 100vw); }
	section.sustainability .sustainability_contents .sustainability_sub { font-size: calc((16 / 750) * 100vw); line-height: 1.3; letter-spacing: calc((-0.5 / 750) * 100vw); }

	section.sustainability .sustainability_contents .sustainability_txt_01 { 
		line-height: calc((45 / 750) * 100vw); 
		font-size: calc((26 / 750) * 100vw); 
	}

	section.sustainability .sustainability_contents .sustainability_txt_02 {
		line-height: calc((45/ 750) * 100vw);
		font-size: calc((26 / 750) * 100vw); 
		margin-left: calc((10 / 750) * 100vw);
	}

	section.sustainability .sustainability_contents .sustainability_txt_03 {	
		line-height: calc((45 / 750) * 100vw);
		font-size: calc((32 / 750) * 100vw);
		margin-right: calc((5 / 750) * 100vw);
	}

	section.sustainability .sustainability_contents .sustainability_txt_04 {
		line-height: calc((45 / 750) * 100vw);
		font-size: calc((26 / 750) * 100vw);
	}

	section.sustainability .sustainability_contents .sustainability_txt_05 {
		line-height: calc((45 / 750) * 100vw);
		font-size: calc((26 / 750) * 100vw);
	}

	section.sustainability .sustainability_contents .sustainability_txt_06 {
		line-height: calc((45 / 750) * 100vw);
		font-size: calc((26 / 750) * 100vw);
		margin-left: calc((10 / 750) * 100vw);
	}





	/************************************************************************************************

			section.releases 

	/************************************************************************************************/
	section.releases { top: calc((2466 / 1280) * 100vw); }
	section.releases .releases_box { margin-top: calc((40 / 1280) * 100vw); }
	section.releases .releases_list .swiper-pagination { margin-top: calc((40 / 1280) * 100vw); }
	section.releases .releases_list .swiper-pagination .swiper-pagination-bullet { 
		width: calc((15 / 1280) * 100vw); height: calc((15 / 1280) * 100vw); margin: 0px calc((10 / 1280) * 100vw); 
	}


	section.releases .releases_txt { width: calc(100% - ((250 / 750) * 100vw)); padding-top: calc((0 / 1280) * 100vw); padding-bottom: calc((60 / 750) * 100vw); }
	section.releases .releases_txt .releases_txt_title { font-size: calc((36 / 750) * 100vw); }

	section.releases .releases_txt .releases_txt_date {
		font-size: calc((15 / 750) * 100vw); 
		margin-top: calc((20 / 750) * 100vw);
	}

	section.releases .releases_txt .releases_txt_desc {
		font-size: calc((18 / 750) * 100vw); 
		margin-top: calc((15 / 750) * 100vw);

	}

	section.releases .releases_arrow { top: calc((265 / 750) * 100vw); }

	section.releases .releases_arrow .arrow {
		width: calc((35 / 750) * 100vw); height: calc((35 / 750) * 100vw);
		margin-left: calc((10 / 750) * 100vw);
	}

	section.releases .releases_arrow img{ width: calc((12 / 750) * 100vw); }	
	section.releases .releases_arrow img.prev{ margin-left: calc((-2 / 750) * 100vw); }
	section.releases .releases_arrow img.next{ margin-left: calc((2 / 750) * 100vw); }

	section.releases .releases_img { width: calc((250 / 750) * 100vw); height: calc((250 / 750) * 100vw); }
	section.releases .releases_img_list { 
		max-width: 100%; height: 100%; 
		padding-left: calc((10 / 750) * 100vw); 
	}

	section.releases #releases_img .releases_img_item img { 
		height: auto; border-radius: 15px; 
		
		top: 0%;
		-webkit-transform: translate(-50%, 0%);
		-ms-transform: translate(-50%, 0%);
		transform: translate(-50%, 0%);
	}

	section.releases #releases_img .releases_img_item { border-radius: calc((15 / 1280) * 100vw); }

	section.releases .releases_card {
		width: calc((497 / 1280) * 100vw); height: calc((366 / 1280) * 100vw); 
		border-radius: calc((15 / 1280) * 100vw); 
	}

	section.releases .releases_paging {
		bottom: calc((10 / 1280) * 100vw); right: calc((-50 / 1280) * 100vw);
		height: calc((230 / 1280) * 100vw);
	}

	section.releases .releases_bar { width: calc((3 / 1280) * 100vw); }

	section.releases .releases_num { left: calc((18 / 1280) * 100vw); font-size: calc((20 / 1280) * 100vw); }

	section.releases .media_box { margin-top: calc((90 / 1280) * 100vw); }
	section.releases .media_box > div { max-width: calc((1280 / 1280) * 100vw); }

	section.releases .media_box .media_list .media_item { width: calc((300 / 750) * 100vw); }

	section.releases .media_box .media_list .media_item .media_thum img { border-radius: calc((15 / 750) * 100vw); }

	section.releases .media_box .media_list .media_item .media_type { 
		height: calc((20 / 750) * 100vw); line-height: calc((20 / 750) * 100vw); 
		margin-top: calc((30 / 750) * 100vw);
	}
	section.releases .media_box .media_list .media_item .media_type img {  width: calc((20 / 750) * 100vw); margin-right: calc((8 / 750) * 100vw); }
	section.releases .media_box .media_list .media_item .media_type span { font-size: calc((18 / 750) * 100vw); } 
	section.releases .media_box .media_list .media_item .media_title { margin-top: calc((10 / 750) * 100vw); font-size: calc((18 / 750) * 100vw); }
	section.releases .media_arrow { display: none; bottom: calc((-100 / 1280) * 100vw); }

	section.releases .media_arrow .arrow {
		width: calc((45 / 1280) * 100vw); height: calc((45 / 1280) * 100vw);
		margin-left: calc((10 / 1280) * 100vw);
	}
	section.releases .media_arrow img{ width: calc((12 / 1280) * 100vw); }
	section.releases .media_arrow img.prev{ margin-left: calc((-2 / 1280) * 100vw); }
	section.releases .media_arrow img.next{ margin-left: calc((2 / 1280) * 100vw); }


	/************************************************************************************************

			section.careers 

	/************************************************************************************************/
	/*section.careers { top: calc((4285 / 1280) * 100vw); }*/
    section.careers { top: calc((3860 / 1280) * 100vw); }
    
    


	section.careers .careers_box {
		margin-top: calc((60 / 750) * 100vw);
		padding: 0px calc((30 / 750) * 100vw);
	}


	section.careers .careers_box .careers_list .swiper-slide:nth-child(odd) .careers_item { margin-top: calc((60 / 750) * 100vw); }
	section.careers .careers_box .careers_list .careers_item { 
		width: calc((200 / 750) * 100vw);
		margin-left: calc((20 / 750) * 100vw); 
	}

	section.careers .careers_box .careers_list .careers_item .card .front {
		border-radius: calc((15 / 750) * 100vw);
	}

	section.careers .careers_box .careers_list .careers_item .card .back {
		padding: calc((40 / 750) * 100vw) calc((20 / 750) * 100vw) calc((40 / 750) * 100vw) calc((20 / 750) * 100vw);
		border-radius: calc((15 / 750) * 100vw);
	}

	section.careers .careers_item .card_title {
		font-size: calc((18 / 750) * 100vw);
	}

	section.careers .careers_box .careers_list .swiper-slide:nth-child(odd) .card_info { background-image: inherit; }

	section.careers .careers_item .card_info {
		background-image: inherit;
		margin-top: calc((60 / 750) * 100vw);

		background-size: calc((20 / 750) * 100vw) calc((20 / 750) * 100vw);
        background-position: center right;
	}

	section.careers .careers_item .card_info .card_dep,
	section.careers .careers_item .card_info .card_name { 
		line-height: calc((20 / 750) * 100vw);
		font-size: calc((16 / 750) * 100vw);
	}

	section.careers .careers_item .card_desc {
		display: none;
		line-height: calc((25 / 750) * 100vw);
		font-size: calc((14 / 750) * 100vw); 
		margin-top: calc((40 / 750) * 100vw);

	}

	section.careers .careers_item .card .front .video_bg {
		border-radius: calc((15 / 750) * 100vw);
	}


	section.careers .careers_item .card .front .video_btn {
		font-size: calc((18 / 750) * 100vw); 
	}

	section.careers .careers_item .card .front .video_btn img {
		width: calc((75 / 750) * 100vw); 
		margin-bottom: calc((15 / 750) * 100vw);
	}



	/************************************************************************************************

			section.ir

	/************************************************************************************************/
	section.ir { top: calc((3860 / 1280) * 100vw); }
	section.ir .ir_func{ margin-top: calc((58 / 1280) * 100vw); gap: calc((10 / 750) * 100vw); }
	section.ir .ir_func .ir_info{ 
		width: calc((350 / 750) * 100vw); height: calc((175 / 750) * 100vw);
		padding: calc((47 / 750) * 100vw) calc((20 / 750) * 100vw) calc((47 / 750) * 100vw) calc((20 / 750) * 100vw);
		border-radius: calc((15 / 750) * 100vw);
	}

	section.ir .ir_func .ir_btns { height: calc((175 / 750) * 100vw); gap: calc((10 / 750) * 100vw); }
	section.ir .ir_func .ir_btns .ir_btn_item:nth-child(1) .ir_info_title { line-height: 2; }

	section.ir .ir_func .ir_btns .ir_btn_item { 
		border-radius: calc((15 / 1280) * 100vw);
		gap: calc((15 / 750) * 100vw);
		border: calc((3 / 1280) * 100vw) solid #fff;
		text-align: center;
	}


	section.ir .ir_func .ir_btns .ir_btn_item img { height: calc((30 / 750) * 100vw); }

	section.ir .ir_info_title { font-size: calc((16 / 750) * 100vw);  letter-spacing: calc((-0.48 / 750) * 100vw); text-align: center; }
	
	section.ir .ir_func .ir_info .ir_info_title  { text-align: left;  }
	section.ir .ir_info_data { 
		margin-top: calc((20 / 750) * 100vw); 
		align-items: center; 
		display: grid;
	}

	section.ir .ir_info_data .ir_info_price { display: flex; flex: 1.2; width: 100%; font-size: calc((26 / 750) * 100vw); align-items: center; }

	section.ir .ir_info_data .ir_info_price span.txt { font-size: calc((16 / 750) * 100vw); margin-top: calc((2 / 750) * 100vw); }
	section.ir .ir_info_data .ir_info_before > div { flex: 1; }
	section.ir .ir_info_data .ir_info_before > div.ir_info_comp { flex: 0.8; }
	section.ir .ir_info_data .ir_info_before { display: flex; gap: calc((20 / 750) * 100vw); margin-top: calc((10 / 750) * 100vw); }
	section.ir .ir_info_data .ir_info_before .label { font-size: calc((14 / 750) * 100vw); letter-spacing: calc((-0.48 / 750) * 100vw); }
	section.ir .ir_info_data .ir_info_before .val { font-size: calc((14 / 750) * 100vw); letter-spacing: calc((-0.45 / 750) * 100vw); }

	section.ir .ir_info_data .ir_info_before .val span#aj_c::before{
		left:  calc((-16 / 750) * 100vw);
		width: calc((14 / 750) * 100vw); height: calc((14 / 750) * 100vw);
		background-size:  calc((14 / 750) * 100vw) auto;

	}


}


@media (max-width: 1279px) and (min-width: 1024px) { 
	main{ padding-top: calc((120 / 1280) * 100vw); }


	section .contents {
		max-width: calc((1320 / 1280) * 100vw);
		padding: 0px calc((60 / 1280) * 100vw);

	}

	article.contents .content_title { 
		font-size: calc((40 / 1280) * 100vw); 
		max-width: calc((1208 / 1280) * 100vw);
	}





	/************************************************************************************************

			#main_visual_bg 

	/************************************************************************************************/
	#main_visual_bg > img{ max-width: calc((1280 / 1280) * 100vw); }





	/************************************************************************************************

			section.intro 

	/************************************************************************************************/
	section.intro { top: calc((251 / 1280) * 100vw); }
	section.intro .slogan_txt{ max-width: calc((1280 / 1280) * 100vw); }
	section.intro .slogan_txt img { max-width: calc((633 / 1280) * 100vw); }


	/************************************************************************************************

			section.business 

	/************************************************************************************************/
	section.business { top: calc((797 / 1280) * 100vw); }
	section.business .business_3d > div { max-width: calc((1280 / 1280) * 100vw); }
	section.business .business_3d .images_3d { width: calc((814 / 1280) * 100vw); }
	section.business .business_3d iframe { min-width: calc((1600 / 1280) * 100vw); height: calc((100 / 750) * 100vh + ((100 / 320) * 100vw)); }


	/************************************************************************************************

			section.sustainability 

	/************************************************************************************************/
	section.sustainability { top: calc((1720 / 1280) * 100vw); }
	section.sustainability .sustainability_box { height: calc((372 / 1280) * 100vw); margin-top: calc((64 / 1280) * 100vw); }
	section.sustainability .contents { max-width: calc((1500 / 1280) * 100vw); }
	section.sustainability .sustainability_box .sustainability_item { height: calc((372 / 1280) * 100vw); border-radius: calc((36 / 1280) * 100vw); }

	section.sustainability .sustainability_box .sustainability_item:nth-child(n+2):before { height: calc((300 / 1280) * 100vw); }

	section.sustainability .sustainability_box .sustainability_item .sustainability_contents { gap: calc((45 / 1280) * 100vw); }
	section.sustainability .sustainability_contents .sustainability_sub { font-size: calc((24 / 1280) * 100vw); }

	section.sustainability .sustainability_contents .sustainability_txt_01 { 
		line-height: calc((45 / 1280) * 100vw); 
		font-size: calc((45 / 1280) * 100vw); 
	}

	section.sustainability .sustainability_contents .sustainability_txt_02 {
		line-height: calc((45 / 1280) * 100vw);
		font-size: calc((45 / 1280) * 100vw); 
		margin-left: calc((12 / 1280) * 100vw);
	}

	section.sustainability .sustainability_contents .sustainability_txt_03 {	
		line-height: calc((60 / 1280) * 100vw);
		font-size: calc((60 / 1280) * 100vw);
		margin-right: calc((5 / 1280) * 100vw);

	}

	section.sustainability .sustainability_contents .sustainability_txt_04 {
		line-height: calc((45 / 1280) * 100vw);
		font-size: calc((45 / 1280) * 100vw);
	}

	section.sustainability .sustainability_contents .sustainability_txt_05 {
		line-height: calc((45 / 1280) * 100vw);
		font-size: calc((45 / 1280) * 100vw);
	}

	section.sustainability .sustainability_contents .sustainability_txt_06 {
		line-height: calc((45 / 1280) * 100vw);
		font-size: calc((45 / 1280) * 100vw);
		margin-left: calc((14 / 1280) * 100vw);
	}





	/************************************************************************************************

			section.releases 

	/************************************************************************************************/
	section.releases { top: calc((2466 / 1280) * 100vw); }
	section.releases .releases_box { margin-top: calc((40 / 1280) * 100vw); }
	section.releases .releases_list .swiper-pagination { margin-top: calc((40 / 1280) * 100vw); }
	section.releases .releases_list .swiper-pagination .swiper-pagination-bullet { 
		width: calc((15 / 1280) * 100vw); height: calc((15 / 1280) * 100vw); margin: 0px calc((10 / 1280) * 100vw); 
	}


	section.releases .releases_txt { width: calc((465 / 1280) * 100vw); padding-top: calc((30 / 1280) * 100vw); }
	section.releases .releases_txt .releases_txt_title { font-size: calc((32 / 1280) * 100vw); }

	section.releases .releases_txt .releases_txt_date {
		font-size: calc((15 / 1280) * 100vw); 
		margin-top: calc((30 / 1280) * 100vw);
	}

	section.releases .releases_txt .releases_txt_desc {
		font-size: calc((18 / 1280) * 100vw); 
		margin-top: calc((20 / 1280) * 100vw);

	}

	section.releases .releases_arrow { top: calc((315 / 1280) * 100vw); }

	section.releases .releases_arrow .arrow {
		width: calc((45 / 1280) * 100vw); height: calc((45 / 1280) * 100vw);
		margin-left: calc((10 / 1280) * 100vw);
	}

	section.releases .releases_arrow img{ width: calc((12 / 1280) * 100vw); }	
	section.releases .releases_arrow img.prev{ margin-left: calc((-2 / 1280) * 100vw); }
	section.releases .releases_arrow img.next{ margin-left: calc((2 / 1280) * 100vw); }

	section.releases .releases_img { width: calc(100% - ((495 / 1280) * 100vw)); height: calc((393 / 1280) * 100vw); }
	section.releases .releases_img_list { 
		max-width: calc((649 / 1280) * 100vw); height: calc((393 / 1280) * 100vw); 
	}

	section.releases #releases_img .releases_img_item { border-radius: calc((15 / 1280) * 100vw); }

	section.releases .releases_card {
		width: calc((497 / 1280) * 100vw); height: calc((366 / 1280) * 100vw); 
		border-radius: calc((15 / 1280) * 100vw); 
	}

	section.releases .releases_paging {
		bottom: calc((10 / 1280) * 100vw); right: calc((-50 / 1280) * 100vw);
		height: calc((230 / 1280) * 100vw);
	}

	section.releases .releases_bar { width: calc((3 / 1280) * 100vw); }

	section.releases .releases_num { left: calc((18 / 1280) * 100vw); font-size: calc((20 / 1280) * 100vw); }

	section.releases .media_box { margin-top: calc((90 / 1280) * 100vw); }
	section.releases .media_box > div { max-width: calc((1280 / 1280) * 100vw); }

	section.releases .media_box .media_list .media_item { width: calc((430 / 1280) * 100vw); }

	section.releases .media_box .media_list .media_item .media_thum img { border-radius: calc((17 / 1280) * 100vw); }

	section.releases .media_box .media_list .media_item .media_type { 
		height: calc((20 / 1280) * 100vw); line-height: calc((20 / 1280) * 100vw); 
		margin-top: calc((30 / 1280) * 100vw);
	}
	section.releases .media_box .media_list .media_item .media_type img {  width: calc((23 / 1280) * 100vw); margin-right: calc((10 / 1280) * 100vw); }
	section.releases .media_box .media_list .media_item .media_type span { font-size: calc((20 / 1280) * 100vw); } 
	section.releases .media_box .media_list .media_item .media_title { margin-top: calc((10 / 1280) * 100vw); font-size: calc((20 / 1280) * 100vw); }
	section.releases .media_arrow { bottom: calc((-100 / 1280) * 100vw); }

	section.releases .media_arrow .arrow {
		width: calc((45 / 1280) * 100vw); height: calc((45 / 1280) * 100vw);
		margin-left: calc((10 / 1280) * 100vw);
	}
	section.releases .media_arrow img{ width: calc((12 / 1280) * 100vw); }
	section.releases .media_arrow img.prev{ margin-left: calc((-2 / 1280) * 100vw); }
	section.releases .media_arrow img.next{ margin-left: calc((2 / 1280) * 100vw); }


	/************************************************************************************************

			section.careers 

	/************************************************************************************************/
	/*section.careers { top: calc((4285 / 1280) * 100vw); }*/
    section.careers { top: calc((3860 / 1280) * 100vw); }
    
	section.careers .careers_txt { font-size: calc((60 / 1280) * 100vw); margin-top: calc((40 / 1280) * 100vw); }
	section.careers .careers_box { margin-top: calc((40 / 1280) * 100vw); }

	section.careers .careers_box .careers_list .swiper-slide:nth-child(odd) .careers_item { margin-top: calc((140 / 1280) * 100vw); }
	section.careers .careers_box .careers_list .careers_item { width: calc((306 / 1280) * 100vw); margin-left: calc((20 / 1280) * 100vw);  }

	section.careers .careers_box .careers_list .careers_item .card .front { border-radius: calc((15 / 1280) * 100vw); }
	section.careers .careers_box .careers_list .careers_item .card .back {
		padding: calc((70 / 1280) * 100vw) calc((15 / 1280) * 100vw) calc((70 / 1280) * 100vw) calc((15 / 1280) * 100vw);
		border-radius: calc((15 / 1280) * 100vw);
	}

	section.careers .careers_item .card_title { font-size: calc((20 / 1280) * 100vw); }

	section.careers .careers_item .card_info {
		margin-top: calc((50 / 1280) * 100vw);
		background-size: calc((25 / 1280) * 100vw) calc((25 / 1280) * 100vw);
	}

	section.careers .careers_item .card_info .card_dep,
	section.careers .careers_item .card_info .card_name { 
		line-height: calc((26 / 1280) * 100vw);
		font-size: calc((18 / 1280) * 100vw); 
		letter-spacing: calc((-0.4 / 1280) * 100vw);
	}

	section.careers .careers_item .card_desc {
		line-height: calc((25 / 1280) * 100vw);
		font-size: calc((16 / 1280) * 100vw); 
		margin-top: calc((30/ 1280) * 100vw);
		letter-spacing: calc((-0.4 / 1280) * 100vw);
	}
	section.careers .careers_item .card .front .video_bg { border-radius: calc((15 / 1280) * 100vw); }


	section.careers .careers_item .card .front .video_btn { font-size: calc((18 / 1280) * 100vw); }

	section.careers .careers_item .card .front .video_btn img { width: calc((75 / 1280) * 100vw);  margin-bottom: calc((15 / 1280) * 100vw); }

	section.careers .careers_arrow { top: calc((824 / 1280) * 100vw); right: calc((45 / 1280) * 100vw); }

	section.careers .careers_arrow .arrow {
		width: calc((50 / 1280) * 100vw); height: calc((50 / 1280) * 100vw);
		margin-left: calc((10 / 1280) * 100vw);
	}

	section.careers .careers_arrow img{ width: calc((12 / 1280) * 100vw); }
	section.careers .careers_arrow img.prev{ margin-left: calc((-2 / 1280) * 100vw); }
	section.careers .careers_arrow img.next{ margin-left: calc((2 / 1280) * 100vw); }



	/************************************************************************************************

			section.ir

	/************************************************************************************************/
	section.ir { top: calc((3742 / 1280) * 100vw); }
	section.ir .ir_func{ margin-top: calc((58 / 1280) * 100vw); gap: calc((30 / 1280) * 100vw); }
	section.ir .ir_func .ir_info{ 
		width: calc((486 / 1280) * 100vw); height: calc((175 / 1280) * 100vw);
		padding: calc((47 / 1280) * 100vw) calc((60 / 1280) * 100vw) calc((47 / 1280) * 100vw) calc((40 / 1280) * 100vw);
		border-radius: calc((15 / 1280) * 100vw);
	}

	section.ir .ir_func .ir_btns { height: calc((175 / 1280) * 100vw); gap: calc((30 / 1280) * 100vw); }

	section.ir .ir_func .ir_btns .ir_btn_item { 
		border-radius: calc((15 / 1280) * 100vw);
		gap: calc((24 / 1280) * 100vw);
		border: calc((3 / 1280) * 100vw) solid #fff;
	}


	section.ir .ir_func .ir_btns .ir_btn_item img { height: calc((40 / 1280) * 100vw); }

	section.ir .ir_info_title { font-size: calc((16 / 1280) * 100vw);  letter-spacing: calc((-0.48 / 1280) * 100vw); }

	section.ir .ir_info_data { margin-top: calc((15 / 1280) * 100vw); }

	section.ir .ir_info_data .ir_info_price { width: calc((190 / 1280) * 100vw); font-size: calc((36 / 1280) * 100vw);  }

	section.ir .ir_info_data .ir_info_price span.txt { font-size: calc((26 / 1280) * 100vw);  }

	section.ir .ir_info_data .ir_info_before .label { font-size: calc((16 / 1280) * 100vw); letter-spacing: calc((-0.48 / 1280) * 100vw); }
	section.ir .ir_info_data .ir_info_before .val { font-size: calc((15 / 1280) * 100vw); letter-spacing: calc((-0.45 / 1280) * 100vw); }

	section.ir .ir_info_data .ir_info_before .val span#aj_c::before{
		left:  calc((-16 / 1280) * 100vw);
		width: calc((14 / 1280) * 100vw); height: calc((14 / 1280) * 100vw);
		background-size:  calc((14 / 1280) * 100vw) auto;

	}




}



@media (max-width:767px) {
    section.releases .media_box .media_list .media_item .media_thum {max-height: 150px; }
    section.releases .media_box .media_list .media_item .media_thum img {margin-top: 0!important}
    .slogan_txt {color: #fff;  font-size: 1.5em; font-weight: bold;text-align: center;transition: all 0.4s;}

}
@media (min-width:768px) and (max-width:1200px) {
    section.releases .media_box .media_list .media_item .media_thum {max-height: 150px;}
    .slogan_txt {color: #fff;  font-size: 1.9em; font-weight: bold;text-align: center;transition: all 0.4s;}
}

@media (min-width:1201px) and (max-width:1260px) {
    section.releases .media_box .media_list .media_item .media_thum {max-height: 230px;}
    .slogan_txt {color: #fff;  font-size: 2.1em; font-weight: bold;text-align: center;transition: all 0.4s;}
}

@media (min-width:1261px) {
    .slogan_txt {color: #fff;  font-size: 2.3em; font-weight: bold;text-align: center;transition: all 0.4s;}
}



/*
	@media (max-width: 479px){ 

	}

	@media (max-width: 749px) and (min-width: 480px) { 

	}

	@media (max-width: 1023px) and (min-width: 750px) { 

	}


	@media (max-width: 1279px) and (min-width: 1024px) { 

	}

	@media (max-width: 1920px) and (min-width: 1280px) { 

	}

*/