@charset "utf-8";
* {transition: all ease 0.3s;}
body {top: 0 !important;}
.skiptranslate {display: none !important;}
/* 공통 */
	#header {position: fixed; left: 0; top: 0; width: 100%; z-index: 10;}
	#header .ctn_inner_wrap {display: flex; justify-content: space-between; align-items: flex-start; padding: 20px 0;}
	#header.gnb_down {background: rgba(0,0,0,0.7);}
	#header.gnb_down .ctn_inner_wrap {padding: 10px 0;}
	#header .mb_box {display: flex; justify-content: space-between; align-items: center; margin-top: 12px;}
	#header h1 a {background:transparent url(../images/inc/union_logo.svg) no-repeat center center;	background-size: 100% auto ; overflow: hidden; text-indent: -99999px; display: block; width: 105px; height: 50px;}
	#header .mb_box * {transition:none;}
	#header .mb_btn {display: none;}
	#header .mb_logo {display: none;}
	#nav {display: flex; justify-content: flex-start; align-items: center; margin-right: 60px;}
	#nav * {font-size: 20px; font-weight: 600; color: #fff;}
	#nav li {margin: 0 25px;}
	#nav a {position: relative;}
	#nav a:after {content: ''; position: absolute; width: 100%; height: 2px; bottom: 0; left: 0; background: linear-gradient(90deg,rgba(81, 156, 191, 1) 0%, rgba(0, 86, 152, 1) 100%); transform: scaleX(0); transform-origin: left; transition: transform 0.3s ease-out; }
	#nav a:hover::after {transform: scaleX(1);}
	#nav a.on {color: #4cc6ff;}
	a[class*="lng_"] {font-size: 16px; font-weight: 600; color: #fff; display: inline-block; margin-bottom: -3px; position: relative;}
	a[class*="lng_"] i {font-size: 15px; color: #fff; vertical-align: baseline; margin-right: 5px;}
	a[class*="lng_"]:hover,
	a[class*="lng_"]:hover i { color: #7ebede;}
	a.lng_en {display: none;}
	a.lng_en font {display: inline-block !important; margin-top: -3px !important;}
/* 메인 */
	/*
	
	.sec0_slider_box .swiper-slide,
	.sec0_slider_box .swiper-wrapper {transform: translate3d(0px, 0, 0) !important;}
	.sec0_slider_box .swiper-slide {position: absolute; width: 100%; height: 100%; z-index: 1;}	
	.sec0_slider_box .swiper-slide.swiper-slide-next {z-index: 2;}
	.sec0_slider_box .swiper-slide.swiper-slide-active {z-index: 3;}
	.sec0_slider_box .swiper-slide.swiper-slide-active +.swiper-slide {}
	.sec0_wrap_arrow {position: absolute; width: 100%; bottom: 40px; left: 0; z-index: 1; text-align: center; opacity: 0.7; animation: fadeSlide 2s ease-in-out infinite;}
	.sec0_wrap_arrow i {color: #fff; font-size: 30px;}
	@keyframes fadeSlide {
		0% {
			transform: translateY(-10px);
			opacity: 0;
		}
		50% {
			transform: translateY(10px);
			opacity: 0.5	;
		}
		100% {
			transform: translateY(25px);
			opacity: 0;
		}
	}
	*/
	.sec0_slider_box {height: 100vh;}
	.sec0_slider_box .swiper-pagination {text-align: left; width: 100%; max-width:1600px; left: calc(50% - 800px); bottom: calc(50% + 200px); margin: auto;}
	.sec0_slider_box .swiper-pagination .swiper-pagination-bullet {width: 80px; height: 2px; border-radius: 0; background: #fff;} 


	.ctn_inner_wrap {width: 100%; max-width:1600px; height: 100%; margin: auto; position: relative;}
	#footer.sub .ctn_inner_wrap {max-width:1200px;}
	.sec0_wrap dl {width: 100%; height: auto; position: absolute; left: 0; top: calc(50% - 120px);}
	.sec0_wrap dt {font-size: 78px; font-weight: bold; color: #fff;}
	.sec0_wrap dd {font-size: 20px; color: #fff; font-weight: 300; margin-top: 40px; line-height: 1.4;}

	.sec0_wrap .sec0_sld1_box {background:transparent url(../images/main/main_roll_1.jpg) no-repeat right center; background-size: cover; height: 100%;}
	.sec0_wrap .sec0_sld2_box {background:transparent url(../images/main/main_roll_2.jpg) no-repeat left center; background-size: cover; height: 100%;}
	.sec0_wrap .sec0_sld3_box {background:transparent url(../images/main/main_roll_3.jpg) no-repeat left center; background-size: cover; height: 100%;}
	.sec0_wrap .sec0_sld4_box {background:transparent url(../images/main/main_roll_4.jpg) no-repeat left center; background-size: cover; height: 100%;}

	.sec1_wrap {background:transparent url(../images/main/main_sec1_1.jpg) no-repeat center center; padding: 80px 0; position: relative; height: 100vh; animation: backgroundAnimation 15s infinite alternate forwards !important; background-size: cover !important;}
	.sec1_wrap .ctn_inner_wrap {position: static;}
	.sec1_wrap .sec_title {font-size: 20px; color: #fff; font-weight: 500;}
	.sec1_wrap .mct_title {font-size: 50px; color: #fff; font-weight: bold; margin-top: 20px;}

	.sec1_list_box {display: flex; justify-content: space-between; align-items: center; flex-flow: row wrap; gap:20px; position: absolute; bottom: 40px; right: 40px; width: 1280px;}
	.sec1_list_box li {width: 410px; height: 300px; background: rgba(255,255,255,0.1); border: 1px solid rgba(255,255,255,0.1); position: relative; border-radius: 40px; overflow: hidden; transition: transform 0.3s ease-out;  backdrop-filter:blur(10px);}
	.sec1_list_box li a {width: 100%; height: 100%; position: absolute; z-index: 1; top: 0; left: 0; display: flex; flex-direction: column; align-items: center; justify-content: center;}
	.sec1_list_box li a img {opacity: 0.2;}
	.sec1_list_box li a > em {display: inline-block; height: 58px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
	.sec1_list_box li:before {content:""; display: block; width: 100%; height: 100%; position: absolute; top: 0; left: 0; 
	background: linear-gradient(137deg,rgba(19, 57, 124, 1) 0%, rgba(12, 45, 102, 1) 65%, rgba(2, 15, 33, 1) 100%); 
	background: -webkit-linear-gradient(313deg, rgba(19, 57, 124, 1) 0%, rgba(12, 45, 102, 1) 65%, rgba(2, 15, 33, 1) 100%); 
	z-index: 0; transition: all 0.3s ease; opacity: 0;}
	.sec1_list_box li:has(a:hover):before {opacity: 1;}
	.sec1_list_box li:has(a:hover) img {opacity: 1;}

	.sec1_list_box li dt {font-size: 24px; font-weight: bold; text-align: center; color: #fff; opacity: 0.3; margin-top: 20px;}
	.sec1_list_box li dd {font-size: 16px; font-weight: bold; text-align: center; color: #fff; opacity: 0.5; margin-top: 10px; height: 38px;}
	.sec1_list_box li:has(a:hover) {transform: scale(1.02); }
	.sec1_list_box li:has(a:hover) dt {opacity: 1;}
	.sec1_list_box li a p {position: absolute; right: 40px; top: 40px; width: 50px; height: 50px; background: rgba(255,255,255,0.3); border-radius: 50px; display: flex; flex-direction: column; align-items: center; justify-content: center; opacity: 0.2;}
	.sec1_list_box li a p i {color: #fff;}
	.sec1_list_box li:has(a:hover) p {opacity: 1; background: #153b82;} 

	@keyframes backgroundAnimation {
		0% {
			background-size: 110% auto;
			background-position: center center;
		}
		50% {
			background-size: 120% auto;
			background-position: center center;
		}
		100% {
			background-size: 110% auto;
			background-position: center center;
		}
	}
	.sec2_wrap .sec2_sld_box {height: 100vh; position: relative;}
	.sec2_wrap .ctn_inner_wrap {display: flex; justify-content: space-between; align-items: center; transform:none;}
	.sec2_wrap .sec2_txt_box {width: calc(50% + 100px);}
	.sec2_wrap .sec2_txt_box * {color: #fff;}
	.sec2_wrap .sec2_txt_box > span {font-size: 20px; font-weight: bold;}
	.sec2_wrap .sec2_txt_box dt {font-size: 50px; font-weight: bold; margin-top: 30px;}
	.sec2_wrap .sec2_txt_box dd {font-size: 20px; font-weight: 400; margin-top: 40px; line-height: 1.4;}
	.sec2_wrap .sec2_txt_box a {font-size: 18px; font-weight: 300; display: flex; justify-content: flex-start; align-items: center; margin-top: 60px;}
	.sec2_wrap .sec2_txt_box em {border: 1px solid #fff; width: 38px; height: 38px; border-radius: 38px; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-left: 20px;}

	.sec2_wrap .sec2_sld1_box {height: 100vh; background:transparent url(../images/main/main_sec2_1.jpg) no-repeat center center; background-size: cover; }
	.sec2_wrap .sec2_sld2_box {height: 100vh; background:transparent url(../images/main/main_sec2_2.jpg) no-repeat center center; background-size: cover; }
	.sec2_wrap .sec2_sld3_box {height: 100vh; background:transparent url(../images/main/main_sec2_3.jpg) no-repeat center center; background-size: cover;}

	.sec2_wrap .ctn_inner_wrap + ul {position: absolute; width: calc(100% - 300px); left: 150px; bottom: 50px; display: flex; justify-content: space-between; align-items: center;}
	.sec2_wrap .ctn_inner_wrap + ul li {width: 31%; height: 2px; border-radius: 0; background: #fff; margin: 0 20px; opacity: 0.2;} 
	.sec2_wrap .ctn_inner_wrap + ul li em {color: #fff; margin-top: -50px; display: inline-block; width: 100%; font-weight: 300; text-align: center;}
	.sec2_wrap .ctn_inner_wrap + ul li.on {opacity: 1;}
	
	.sec3_wrap {background: #fff;}
	.sec3_wrap .news_inner_wrap {width: 1200px; height: 100vh; margin: auto; display: flex; flex-direction: column; align-items: flex-start; justify-content: center;}
	.sec3_wrap .news_inner_wrap > dl {width: 100%; border-bottom: 2px solid #000; padding-bottom: 40px;}
	.sec3_wrap .news_inner_wrap > dl dt {font-size: 60px; font-weight: bold;}
	.sec3_wrap .news_inner_wrap > dl dd {font-size: 22px; font-weight: 500; display: flex; justify-content: space-between; align-items: flex-end; margin-top: 5px;}
	.sec3_wrap .news_inner_wrap > dl dd a {font-size: 16px; font-weight: 300; }
	.sec3_wrap ul {width: 100%;}
	.sec3_wrap ul a {height: 120px; border-bottom: 1px solid #eaeaea; display: flex; justify-content: space-between; align-items: center; }
	.sec3_wrap ul a dl {width: calc(100% - 10px);}
	.sec3_wrap ul a dt {font-size: 16px; font-weight: 300; margin-bottom: 16px;}
	.sec3_wrap ul a dd {font-size: 24px; font-weight: bold;}
	.sec3_wrap ul a:hover {background: #f9f9f9;}
	
	.sec4_wrap {margin-bottom: 50px;}
	.sec4_wrap .swiper-slide {width: auto !important;}
	.sec4_wrap .swiper-slide a {display: block; border: 1px solid #ddd; padding: 10px; border-radius: 10px;}
	.sec4_wrap .swiper-slide a img {height: 60px;}
/* Footer */
	#footer {background: #f9f9f9;}
	#footer .ctn_inner_wrap {display: flex; justify-content: flex-start; align-items: flex-start; padding: 50px 0;}
	#footer .ctn_inner_wrap > p img {width: 100px;}
	#footer .ctn_inner_wrap > p {margin-right: 100px; margin-top: 3px;}
	#footer .ctn_inner_wrap dt {font-size: 18px; font-weight: bold; margin-bottom: 10px;}
	#footer .ctn_inner_wrap dd {font-size: 16px; font-weight: 400; color: #5a5a5a; line-height: 2;}
	#footer .ctn_inner_wrap dd ul {display: flex; justify-content: flex-start; align-items: center;}
	#footer .ctn_inner_wrap dd ul li {font-size: 16px; font-weight: 400; color: #5a5a5a; margin-right: 20px;}
	#footer .ctn_inner_wrap dd span {font-size: 12px; color: #a1a1a1;}
/* Responsive */
@media only screen and (max-width:1600px){
	#header {left: 0; max-width: 100%;}
	#header.gnb_down .ctn_inner_wrap {padding: 20px 0;}
	#header .mb_box {display: block; position: absolute; margin-top: 0; top: 0; right: -400px; background: #000; height: 100vh; width: 400px; z-index: 10;}
	#header h1 {margin-left: 20px;}
	#header .mb_btn {display: block; position: fixed; right: 20px; top: 19px; width: 50px; height: 50px; z-index: 15;}
	#header .mb_btn i {color: #fff; font-size: 24px;}
	#header .mb_btn:hover {background: rgba(255,255,255,0.1);}
	
	#header .mb_btn.on + .mb_box {right: 0;}

	#nav {display: block; margin: 90px 0 0; border-top: 1px solid rgba(255,255,255,0.3);}
	#nav * {font-size: 30px; font-weight: 600;}
	#nav li {margin: 0; border-bottom: 1px solid rgba(255,255,255,0.3);}
	#nav a {position: relative; display: block; padding: 30px 40px;}
	#nav a:hover {background: rgba(255,255,255,0.05);}

	a[class*="lng_"] {font-size: 20px; position: absolute; bottom: 20px; right: 30px; display: block; padding: 20px;}
	a[class*="lng_"]:after {content:""; position: absolute; z-index: 1; top: 0; left: 0; width: 100%; height: 100%;}
	a[class*="lng_"] i {font-size: 18px; margin-right: 10px;}
	a.lng_en {display: none;}
	a.lng_en font {display: inline-block !important; margin-top: -3px !important;}
	
	/**/
	.sec0_wrap dl {padding-left: 30px; padding-right: 30px;}
	.sec0_wrap dt {font-size: 60px;}
	.sec0_wrap dd {font-size: 20px;}
	.sec0_slider_box .swiper-pagination {max-width:none; left: 20px; top: calc(50% - 200px);}
	.sec0_slider_box .swiper-pagination .swiper-pagination-bullet {width: 40px;} 
	
	/**/
	.sec1_wrap {padding: 80px 0; animation: backgroundAnimation 15s infinite alternate forwards !important; background-size: cover !important;}
	.sec1_wrap .ctn_inner_wrap {position: static;}
	.sec1_wrap .sec_title_box {margin-left: 30px;}
	.sec1_wrap .sec_title {font-size: 20px;}
	.sec1_wrap .mct_title {font-size: 50px; margin-top: 20px;}

	.sec1_list_box {position: static; width: calc(100% - 60px); margin: 30px;}
	.sec1_list_box li {width: calc(33.33% - 20px); height: 300px;}
	.sec1_list_box li dt {font-size: 24px; margin-top: 20px;}
	.sec1_list_box li dd {font-size: 16px; margin-top: 10px;}
	.sec1_list_box li a p {right: 40px; top: 40px; width: 50px; height: 50px;}
	
	/**/
	.sec2_wrap .sec2_txt_box {width: calc(50% + 100px);}
	.sec2_wrap .sec2_txt_box * {color: #fff;}
	.sec2_wrap .sec2_txt_box > span {font-size: 20px; margin-left: 30px;}
	.sec2_wrap .sec2_txt_box dl {padding-left: 30px; padding-right: 30px;}
	.sec2_wrap .sec2_txt_box dt {font-size: 50px; margin-top: 30px;}
	.sec2_wrap .sec2_txt_box dd {font-size: 20px; margin-top: 40px;}
	.sec2_wrap .sec2_txt_box a {font-size: 18px; margin-top: 60px; margin-left: 30px;}
	.sec2_wrap .sec2_txt_box em {margin-left: 20px;}
	.sec2_wrap .sec2_img_box {margin-right: 30px;}
	
	.sec2_wrap .ctn_inner_wrap + ul {width: calc(100% - 40px); left: 20px; bottom: 50px;}
	.sec2_wrap .ctn_inner_wrap + ul li {width: 31%; height: 2px; border-radius: 0; background: #fff; margin: 0 20px; opacity: 0.2;} 
	.sec2_wrap .ctn_inner_wrap + ul li em {display: none;}

	
	#footer .ctn_inner_wrap {max-width:none; padding: 50px 30px; width: auto;}
}
@media only screen and (max-width:1600px) and (min-width:1200px){
        .sec3_wrap {background: #fff; padding: 100px 0;}
}
@media only screen and (max-width:1200px){
	.ctn_inner_wrap {max-width: none !important;}

	#header .mb_box {right: -100%; width: 100%;}
	#header .mb_logo {display: block; position: absolute; left: 40px; top: 20px;}
	#header .mb_logo a {display: block; background:transparent url(../images/inc/union_logo.svg) no-repeat center center; background-size: 100% auto; overflow: hidden; text-indent: -99999px; display: block; width: 105px; height: 50px;}
	
	/**/
	.sec0_wrap dt {font-size: 50px;}
	.sec0_wrap dd {font-size: 18px;}
	/**/
	.sec2_wrap .sec2_txt_box {width: auto;}
	.sec2_wrap .sec2_txt_box dt {font-size: 50px; margin-top: 30px;}
	.sec2_wrap .sec2_txt_box dd {font-size: 18px; margin-top: 40px;}
	.sec2_wrap .sec2_txt_box a {font-size: 18px; margin-top: 60px; margin-left: 30px;}
	.sec2_wrap .sec2_img_box {display: none;}
	/**/	
	.sec3_wrap .news_inner_wrap {width: auto; padding: 40px 30px 60px; height: auto;}
	.sec3_wrap .news_inner_wrap > dl {padding-bottom: 30px;}
	.sec3_wrap .news_inner_wrap > dl dt {font-size: 50px;}
	.sec3_wrap .news_inner_wrap > dl dd {font-size: 18px; margin-top: 5px;}
	.sec3_wrap .news_inner_wrap > dl dd a {font-size: 16px;}
	.sec3_wrap ul a {height: 100px;}
	.sec3_wrap ul a dt {font-size: 16px; margin-bottom: 10px;}
	.sec3_wrap ul a dd {font-size: 22px;}
}
@media only screen and (max-width:900px){
	/**/
	.sec0_wrap dt {font-size: 36px;}
	.sec0_wrap dd {font-size: 16px;}
	/**/
	.sec1_wrap {padding: 40px 0; background-position: center bottom; height: auto;}
	.sec1_wrap .ctn_inner_wrap {position: static;}
	.sec1_wrap .sec_title_box {margin-left: 26px; margin-right: 20px;}
	.sec1_wrap .sec_title {font-size: 16px;}
	.sec1_wrap .mct_title {font-size: 36px; margin-top: 20px;}

	.sec1_list_box {position: static; display: block; width: calc(100% - 60px); margin: 30px;}
	.sec1_list_box li {width: 100%; height: 100px; border-radius: 10px; margin-top: 10px;}
	.sec1_list_box li a {height: 100%; display: flex; justify-content: flex-start; align-items: center; flex-direction: row;}
	.sec1_list_box li a em {margin-left: 20px; margin-right: 20px; display: none;}
	.sec1_list_box li dl {margin-left: 20px; width: calc(100% - 100px);}
	.sec1_list_box li dl br {display: none;}
	.sec1_list_box li dt {font-size: 24px; margin-top: 0px; text-align: left;}
	.sec1_list_box li dd {font-size: 16px; margin-top: 5px; text-align: left; height: auto;}
	.sec1_list_box li a p {right: 20px; top: 25px;}
	/**/
	.sec2_wrap .sec2_sld_box {height: auto;}
	.sec2_wrap .ctn_inner_wrap {display: block;}
	.sec2_wrap .sec2_txt_box {width: auto; padding: 40px 0 100px;}
	.sec2_wrap .sec2_txt_box dt {font-size: 36px; margin-top: 30px;}
	.sec2_wrap .sec2_txt_box dd {font-size: 16px; margin-top: 30px;}
	.sec2_wrap .sec2_txt_box a {font-size: 16px; margin-top: 40px; margin-left: 30px;}
	.sec2_wrap .sec2_img_box {display: none;}
	
	.sec2_wrap .swiper-pagination {width: 100%; margin: auto; bottom: 50px;}
	.sec2_wrap .swiper-pagination .swiper-pagination-bullet {width: 24%; height: 2px; border-radius: 0; background: #fff; margin: 0 10px;}  
	.sec2_wrap .swiper-pagination .swiper-pagination-bullet em {display: none;}
	/**/	
	.sec3_wrap .news_inner_wrap {width: auto; padding: 30px 30px 50px; height: auto;}
	.sec3_wrap .news_inner_wrap > dl {padding-bottom: 20px;}
	.sec3_wrap .news_inner_wrap > dl dt {font-size: 32px;}
	.sec3_wrap .news_inner_wrap > dl dd {font-size: 14px; margin-top: 5px;}
	.sec3_wrap .news_inner_wrap > dl dd a {font-size: 14px; display: flex; flex-flow: nowrap; width: 90px;}
	.sec3_wrap .news_inner_wrap > dl dd a i {margin-left: 5px;}
	.sec3_wrap ul a {height: 100px;}
	.sec3_wrap ul a dt {font-size: 14px; margin-bottom: 10px;}
	.sec3_wrap ul a dd {font-size: 16px;}
	/**/
	.sec4_wrap .swiper-slide a img {height: 30px;}
	/**/
	#footer {margin-top: 0px;}
	#footer .ctn_inner_wrap {max-width:none; padding: 40px 30px 30px; width: auto; display: block;}
	#footer .ctn_inner_wrap > p img {width: 70px;}
	#footer .ctn_inner_wrap > p {margin-right: 0; margin-top: 0; margin-bottom: 10px;}
	#footer .ctn_inner_wrap dt {font-size: 16px; margin-bottom: 10px;}
	#footer .ctn_inner_wrap dd {font-size: 14px; font-weight: 400; line-height: 2;}
	#footer .ctn_inner_wrap dd ul {display: block; }
	#footer .ctn_inner_wrap dd ul li {font-size: 14px; margin-right: 0px;}
	#footer .ctn_inner_wrap dd span {font-size: 10px; line-height: 1.2;}
}

/* 서브 공통 */
	.sub_inner_wrap {width: 100%; max-width: 1200px; margin: auto;}
	.ctn_ddd_linebox {border: 1px solid #ddd;}
	.ctn_fafafa_solidbox {background: #f8f8f8;}
	.sec_contents_wrap {width: 100%; max-width: 1200px; margin: auto; }
	.sec_contents_wrap *:not(i) {font-family: 'NotoSansKR';}
	.img_responsive {width: 100%; max-width: 880px;}
	.img_responsive2 {}
	.pc {display: block;}
	.mb {display: none;}
	/* Title */
	.ctn_sub_title1 {font-size: 38px; font-weight: bold; margin-top: 140px; margin-bottom: 65px;}
	.ctn_sub_title2 {font-size: 30px; font-weight: bold; margin-top: 140px; margin-bottom: 65px;}
	.ctn_sub_title2 span {font-size: 20px; display: inline-block; vertical-align: middle; margin: -7px 0 0 10px;}
	/* Tab 
	.ctn_tabmenu_wrap {border-bottom: 1px solid #ddd; display: flex; justify-content: flex-start; align-items: center; flex-flow: row wrap;}
	.ctn_tabmenu_wrap li button {border: 1px solid #ddd; border-bottom: 0; min-width:150px; height: 42px; padding: 0 25px; line-height: 1; background: #f9f9f9; transition:none;}
	.ctn_tabmenu_wrap li button.on {background: #fff; color: var(--main_color); font-weight: 500; border-bottom: 1px solid #fff; margin-bottom: -1px; height: 43px;}
	*/
	[class*="ctn_tabview_box"] {display: none;}
	.ctn_tabview_box1 {display: block;}
	.ctn_tablink_wrap {display: flex; justify-content: flex-start; align-items: center; }
	.ctn_tablink_wrap li {width: 100%;}
	.ctn_tablink_wrap li button {border: 1px solid #ddd; width: 100%; min-width:150px; height: 54px; padding: 0 25px; line-height: 1; background: #f9f9f9;}
	.ctn_tablink_wrap li button.on {background: #fff; color: var(--main_color); font-weight: 500; border-bottom: 1px solid #fff;}

	/* Tab Style bokkmark */
	.sec_bookmark_wrap {border-bottom: 1px solid #ddd; padding-bottom: 30px; margin-bottom: 60px;}
	.sec_bookmark_wrap ul {width: 100%; max-width: 1200px; margin: auto; display: flex; justify-content: flex-start; align-items: center; gap:10px;}
	.sec_bookmark_wrap ul li a {height: 50px; text-align: center; padding: 0 25px; font-size: 18px; font-weight: bold; color: #aaa; display: flex; flex-direction: column; align-items: center; justify-content: center; border-radius: 50px; cursor: pointer;}
	.sec_bookmark_wrap ul li a.on {background: #000; color: #fff;}
	.sec_bookmark_wrap ul li a:hover {color: #000;}
	.sec_bookmark_wrap ul li a.on:hover {color: #fff;}
	/* Tab Style 1 */
	.sec_tabstyle1_box {border-bottom: 1px solid #ddd; width: 100%; max-width: 1200px; margin: auto; display: flex; justify-content: flex-start; align-items: center; gap:50px; position: relative;}
	.sec_tabstyle1_box:before {content: ""; position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%); width: calc(100vw - 5px); height: 1px; background-color: #ddd;}
	.sec_tabstyle1_box li {}
	.sec_tabstyle1_box li button {font-size: 26px; font-weight: 500; color: #8e8e8e; height: 100px; position: relative;}
	.sec_tabstyle1_box li button:hover {color: #153b82; font-size: 26px; font-weight: 500; }
	.sec_tabstyle1_box li button.on {font-size: 26px; font-weight: 500; color: #153b82;}
	.sec_tabstyle1_box li button.on:after {content:""; display: block; width: 100%; height: 2px; background: #153b82; position: absolute; bottom: -1px; left: 0;}
	/* Tab Style 2 */
	.sec_tabstyle2_box {background: #153b82; border-radius: 60px; display: flex; align-items: center; justify-content: center; min-height: 66px; margin: 30px auto 10px; width: calc(100% - 180px); margin-left: 90px;}
	.sec_tabstyle2_box li button {color: #fff; font-size: 20px; font-weight: bold; padding: 0 35px; opacity: 0.5; word-break: break-all;}
	.sec_tabstyle2_box li button:hover {opacity: 1;}
	.sec_tabstyle2_box li button.on {opacity: 1;}
	/* Tab Style 3 */
	.sec_tabstyle3_box {border-bottom: 1px solid #ddd; width: 100%; max-width: 1200px; margin: auto; display: flex; justify-content: space-between; align-items: center; gap: 30px; position: relative;}
	.sec_tabstyle3_box:before {content: ""; position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%); width: calc(100vw - 5px); height: 1px; background-color: #ddd;}
	.sec_tabstyle3_box li {}
	.sec_tabstyle3_box li button {font-size: 20px; font-weight: 500; color: #8e8e8e; height: 100px; position: relative;}
	.sec_tabstyle3_box li button:hover {color: #153b82; font-size: 20px; font-weight: 500; }
	.sec_tabstyle3_box li button.on {font-size: 20px; font-weight: 500; color: #153b82;}
	.sec_tabstyle3_box li button.on:after {content:""; display: block; width: 100%; height: 2px; background: #153b82; position: absolute; bottom: -1px; left: 0;}
	.sec_tabstyle3_box + .ctn_tabview_wrap {background: #f4f4f4; padding: 80px 0 150px; position: relative;}
	.sec_tabstyle3_box + .ctn_tabview_wrap:before {content: ""; position: absolute; bottom: -1px; left: calc(600px + -49.89vw) ; width: calc(50vw - 600px); height: 100%; background-color: #f4f4f4; z-index: 0;}
	.sec_tabstyle3_box + .ctn_tabview_wrap:after {content: ""; position: absolute; bottom: -1px; right: calc(600px + -49.89vw) ; width: calc(50vw - 600px); height: 100%; background-color: #f4f4f4; z-index: 0;}
/* 상단 */
	.sec_subtop_wrap {height: 450px; position: relative; background-color: #00192d !important;}
	.sec_subtop_wrap .sub_inner_wrap {height: 100%; display: flex; justify-content: flex-start; align-items: center;}
	.sec_subtop_wrap dl * {color: #fff;}
	.sec_subtop_wrap dl {margin-top: 80px;}
	.sec_subtop_wrap dt {font-family: 'Pretendard'; font-size: 60px; font-weight: 700;}
	.sec_subtop_wrap dd {font-family: 'Pretendard'; font-size: 24px; font-weight: 400; margin-top: 20px;}
/* 서브 메뉴 */
	.sec_submenu_wrap {width: 100%; max-width: 1200px; margin:120px auto 85px;}
	.sec_submenu_wrap ul {display: flex; justify-content: space-between; align-items: center;}
	.sec_submenu_wrap ul li {width: calc(100%/6); height: 70px;}
	.sec_submenu_wrap.num3 ul li {width: calc(100%/3);}
	.sec_submenu_wrap ul li a {width: 100%; height: 100%; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 20px;  font-weight: 500; color: #666; border: 1px solid #ddd; transition:none;} 
	.sec_submenu_wrap ul li a font {display: block; text-align: center;}
	.sec_submenu_wrap ul li:first-child a {border-radius: 10px 0 0 10px;}
	.sec_submenu_wrap ul li:last-child a {border-radius: 0 10px 10px 0;}
	.sec_submenu_wrap ul li a.on {border: 2px solid #0b0380; background: #f3f7fa; color: #0b0380;}
	.sec_submenu_wrap ul li a:hover {color: #0b0380; border-bottom: 2px solid #0b0380;}
/* 상단이미지 */
	.sec_subtop_wrap.products_bg {background:transparent url(../images/products/product_subtop_bg.jpg) no-repeat center center; background-size: cover;}
	.sec_subtop_wrap.business_bg {background:transparent url(../images/business/business_subtop_bg.jpg) no-repeat center center; background-size: cover;}
	.sec_subtop_wrap.about_bg {background:transparent url(../images/about/about_subtop_bg.jpg) no-repeat center center; background-size: cover;}
	.sec_subtop_wrap.esg_bg {background:transparent url(../images/esg/esg_subtop_bg.jpg) no-repeat center center; background-size: cover;}
	.sec_subtop_wrap.media_bg {background:transparent url(../images/media/media_subtop_bg.jpg) no-repeat center center; background-size: cover;}
/* 서브 하단 문의 */
	.sec_inquiry_wrap {background:transparent url(../images/products/product_subtop_bg.jpg) no-repeat center center; background-size: cover; height: 450px; margin-top: 100px;}
	.sec_inquiry_wrap .sub_inner_wrap {display: flex; justify-content: space-between; align-items: center; height: 100%;}
	.sec_inquiry_wrap p {font-family: 'NotoSansKR'; font-size: 36px; font-weight: bold; color: #fff; line-height: 1.5;}
	.sec_inquiry_wrap a {width: 190px; height: 54px; background: #fff; font-family: 'NotoSansKR'; font-size: 18px; font-weight: bold; display: flex; justify-content: space-between; align-items: center; padding: 0 30px; border-radius: 50px;} 
	.sec_inquiry_wrap a:hover {background: #000810; color: #fff;}
	.sec_inquiry_wrap a:hover i {color: #fff;}
/* Responsive */
@media only screen and (max-width:1600px){
	/* 서브 */
	.sub_inner_wrap {margin: 0 20px; width: calc(100% - 40px);}
	.ctn_sub_title1 {font-size: 30px; margin-top: 80px; margin-bottom: 40px;}
	.ctn_sub_title2 {font-size: 28px; margin-top: 80px; margin-bottom: 40px;}
	/* 상단 */
	.sec_subtop_wrap {height: 280px;}
	.sec_subtop_wrap dl {margin-top: 60px;}
	.sec_subtop_wrap dt {font-size: 40px;}
	.sec_subtop_wrap dd {font-size: 14px; margin-top: 15px;}
	/* 서브 메뉴 */
	.sec_submenu_wrap {width: 100%; max-width: 1200px; margin: 60px auto 50px;}
	/* 서브 하단 문의 */
	.sec_inquiry_wrap {height: 400px; margin-top: 80px;}
	.sec_inquiry_wrap p {font-size: 28px;}
	/* Tab Style 1 */
	.sec_tabstyle1_box li button {font-size: 24px; height: 80px;}
	.sec_tabstyle1_box li button:hover {font-size: 24px;}
	.sec_tabstyle1_box li button.on {font-size: 24px;}
	/* Tab Style 2 */
	.sec_tabstyle2_box {height: 60px; margin: 30px auto 10px; width: calc(100% - 180px); margin-left: 90px;}
	.sec_tabstyle2_box li button {font-size: 18px; padding: 0 35px;}
}
@media only screen and (max-width:1200px){
	.img_responsive2 {width: 100%;}
	/* 서브 */
	.sec_contents_wrap {margin: 0 20px; width: calc(100% - 40px);}
	.ctn_sub_title1 {font-size: 26px; margin-top: 60px; margin-bottom: 30px;}
	.ctn_sub_title2 {font-size: 24px; margin-top: 60px; margin-bottom: 30px;}
	/* 서브 메뉴 */
	.sec_submenu_wrap {width: calc(100% - 40px); margin: 50px auto 40px;}
	/* 서브 하단 문의 */
	.sec_inquiry_wrap {height: 300px; margin-top: 60px;}
	/* Tab Style bokkmark */
	.sec_bookmark_wrap ul {margin: 0 20px; width: calc(100% - 40px);}
	/* Tab Style 1 */
	.sec_tabstyle1_box li button {font-size: 20px; height: 70px;}
	.sec_tabstyle1_box li button:hover {font-size: 20px;}
	.sec_tabstyle1_box li button.on {font-size: 20px;}
	/* Tab Style 2 */
	.sec_tabstyle2_box {height: 60px; margin: 30px auto 10px; width: 100%; margin-left: 0;}
	.sec_tabstyle2_box li button {font-size: 16px; padding: 0 25px;}
	/* Tab Style 3 */
	.sec_tabstyle3_box li button {font-size: 18px; height: 100px;}
	.sec_tabstyle3_box + .ctn_tabview_wrap {background: #f4f4f4; padding: 40px 0 100px; position: relative;}
	.sec_tabstyle3_box + .ctn_tabview_wrap:before {content: ""; position: absolute; bottom: -1px; left: -20px; width: 20px; height: 100%; background-color: #f4f4f4; z-index: 0;}
	.sec_tabstyle3_box + .ctn_tabview_wrap:after {content: ""; position: absolute; bottom: -1px; right: -20px ; width: 20px; height: 100%; background-color: #f4f4f4; z-index: 0;}
}
@media only screen and (max-width:900px){
	.img_responsive {width: 100%; max-width: none;}
	.pc {display: none;}
	.mb {display: block;}
	/* 서브 */
	.sub_inner_wrap {margin: 0 20px;}
	.sec_contents_wrap {margin: 0 20px;}
	.ctn_sub_title1 {font-size: 22px; margin-top: 40px; margin-bottom: 20px;}
	.ctn_sub_title2 {font-size: 20px; margin-top: 40px !important; margin-bottom: 20px;}
	.ctn_sub_title2 span {font-size: 14px; display: block; vertical-align: middle; margin: 0; margin-top: 5px;}
	.sec_tabstyle4_box + .ctn_tabview_wrap .ctn_sub_title2 i {font-size: 22px !important; margin-top: -2px !important;}
	/* 상단 */
	.sec_subtop_wrap {height: 240px;}
	.sec_subtop_wrap dl {margin-top: 50px;}
	.sec_subtop_wrap dt {font-size: 26px;}
	.sec_subtop_wrap dd {font-size: 14px; margin-top: 10px;}
	/* 서브 메뉴 */
	.sec_submenu_wrap {margin: 30px auto 30px;}
	.sec_submenu_wrap ul {flex-flow: row wrap;}
	.sec_submenu_wrap ul li {width: calc(100%/3); height: 50px; }
	.sec_submenu_wrap ul li a {font-size: 16px;}
	/* 서브 하단 문의 */
	.sec_inquiry_wrap {height: auto; margin-top: 40px;}
	.sec_inquiry_wrap p {font-size: 20px; margin-bottom: 20px;}
	.sec_inquiry_wrap .sub_inner_wrap {display: block;  padding: 50px 0; text-align: center;}
	.sec_inquiry_wrap a {margin: auto;}
	/* Tab Style bokkmark */
	.sec_bookmark_wrap {padding-bottom: 20px; margin-bottom: 30px;}
	.sec_bookmark_wrap ul {flex-flow: row wrap; gap:0;}
	.sec_bookmark_wrap ul li {width: calc(100%/3);}
	.sec_bookmark_wrap.num2 ul li {width: calc(100%/2);}
	.sec_bookmark_wrap ul li a {min-height: 36px; padding: 0 20px; font-size: 14px;}
	/* Tab Style 1 */
	.sec_tabstyle1_box {gap:30px;}
	.sec_tabstyle1_box li button {font-size: 18px; height: 60px;}
	.sec_tabstyle1_box li button:hover {font-size: 18px;}
	.sec_tabstyle1_box li button.on {font-size: 18px;}
	/* Tab Style 2 */
	.sec_tabstyle2_box {height: auto; margin: 20px auto 10px; width: 100%; margin-left: 0; flex-flow: row wrap; padding: 10px 0; border-radius:10px;}
	.sec_tabstyle2_box li button {font-size: 14px; padding: 8px 25px;}
	/* Tab Style 3 */
	.sec_tabstyle3_box {border-bottom: 1px solid #ddd; width: 100%; max-width: 1200px; margin: auto; display: flex; justify-content: space-between; align-items: center; gap: 5px; position: relative; flex-flow: row wrap; padding-bottom: 5px;}
	.sec_tabstyle3_box:before {content: ""; position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%); width: calc(100vw - 5px); height: 1px; background-color: #ddd;}
	.sec_tabstyle3_box li {width: calc(50% - 5px);}
	.sec_tabstyle3_box li button {font-size: 14px; font-weight: 500; color: #8e8e8e; width: 100%; height: 50px; padding: 0 10px; position: relative; background: #f5f5f5;}
	.sec_tabstyle3_box li button:hover {color: #153b82; font-size: 14px; font-weight: 500; }
	.sec_tabstyle3_box li button.on {font-size: 14px; font-weight: 500; color: #FFF; background: #153b82;}
	.sec_tabstyle3_box li button.on:after {display: none;}
}

/* 컨텐츠 */	
/* Product */
	.pro_dl_title1 {}
	.pro_dl_title1 dt {font-size: 38px; font-weight: bold; line-height: 1.5;}
	.pro_dl_title1 dd *,
	.pro_dl_title1 dd {font-size: 22px; line-height: 1.5; color: #666; margin-top: 30px;}

	.pro1_linebox {padding: 50px; text-align: center;}
	.pro1_solidbox {padding: 50px; text-align: center;}

	.pro_pspcial_listbox {display: block; width: 100%;}
	.pro_pspcial_listbox li {width: 100%; box-sizing: border-box;}
	.pro_pspcial_listbox li {margin-top: 20px;}
	.pro_pspcial_listbox li:first-child {margin-top: 0;}
	.pro_pspcial_listbox dl {border: 1px solid #ddd; width: 100%; border-radius: 10px; display: flex; justify-content: flex-start; align-items: stretch;}
	.pro_pspcial_listbox dt {color: #102f72; font-size: 20px; font-weight: bold; display: flex; justify-content: center; align-items: center; padding:0 30px; background: #fafafa; width: 240px; text-align: center; line-height: 1.5;}
	.pro_pspcial_listbox dd {padding: 30px; width: calc(100% - 240px); font-size: 20px; line-height: 1.5; min-height: 150px; display: flex; justify-content: flex-start; align-items: center;}

	.pro_pspcial_listbox2 {display: flex; justify-content: space-between; align-items: flex-start; gap:20px;}
	.pro_pspcial_listbox2 li {width: calc(50% - 10px); box-sizing: border-box;}
	.pro_pspcial_listbox2 dl { border: 1px solid #ddd; width: 100%; border-radius: 10px; padding: 0 50px 50px;}
	.pro_pspcial_listbox2 dt {color: #4644e4; font-size: 20px; font-weight: bold; border-bottom: 1px dashed #ddd; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100px;}
	.pro_pspcial_listbox2 dd > p {font-size: 18px; font-weight: bold; margin-bottom: 20px; margin-top: 40px;}
	.pro_pspcial_listbox2 dd ul {background: #fafafa; border-radius: 10px; padding: 30px;}
	.pro_pspcial_listbox2 dd ul * {font-size: 18px;}
	.pro_pspcial_listbox2 dd ul li {list-style-type: disc; margin-left: 10px; width: 100%; margin-top: 15px;}
	.pro_pspcial_listbox2 dd ul li:first-child {margin-top: 0;}
	.pro_pspcial_listbox2 dd ul em {color: #4644e4; vertical-align: baseline;}
	.pro_pspcial_listbox2 .pro_pspl2_m4 p {display: block; margin-top: 13px; margin-bottom: 29px;}
	.pro_pspcial_listbox2 .pro_pspl2_m4 p em {display: block;}

	@media only screen and (max-width:1600px){
		.pro_dl_title1 dt {font-size: 32px;}
		.pro_dl_title1 dd *,
		.pro_dl_title1 dd {font-size: 20px; margin-top: 30px;}
	}
	@media only screen and (max-width:1200px){
		.pro1_linebox {padding: 28px;}
		.pro1_solidbox {padding: 30px;}

		.pro_dl_title1 dt {font-size: 30px;}
		.pro_dl_title1 dd *,
		.pro_dl_title1 dd {font-size: 18px; margin-top: 26px;}

		.pro_pspcial_listbox dt {font-size: 16px;}
		.pro_pspcial_listbox dd {font-size: 16px;}


		.pro_pspcial_listbox2 {display: block;}
		.pro_pspcial_listbox2 li {width: 100%; margin-top: 20px;}
		.pro_pspcial_listbox2 > li:first-child {margin-top: 0;}
		.pro_pspcial_listbox2 dt {align-items: flex-start;}
		.pro_pspcial_listbox2 dd ul li:first-child {margin-top: 0;}
		.pro_pspcial_listbox2 .pro_pspl2_m4 li:last-child p {margin-bottom: 0;}
		.pro_pspcial_listbox2 .pro_pspl2_m4 p em br {display: none;}
	}
	@media only screen and (max-width:900px){
		.pro1_linebox {padding: 10px;}
		.pro1_solidbox {padding: 10px;}

		.pro_dl_title1 dt {font-size: 24px;}
		.pro_dl_title1 dt br {display: none;}
		.pro_dl_title1 dd *,
		.pro_dl_title1 dd {font-size: 16px; margin-top: 22px;}

		.pro_pspcial_listbox {display: block;}
		.pro_pspcial_listbox li {width: 100%; margin-top: 10px;}
		.pro_pspcial_listbox li:first-child {margin-top: 0;}
		.pro_pspcial_listbox dl {display: block;}
		.pro_pspcial_listbox dt {height: auto; padding:20px; width: auto;}
		.pro_pspcial_listbox dd {padding: 20px; min-height: auto; width: auto; text-align: center; display: block;}
		.pro_pspcial_listbox dt br {display: none;}
		.pro_pspcial_listbox dd br {display: none;}

		.pro_pspcial_listbox2 dl {padding: 0 30px 30px;}
		.pro_pspcial_listbox2 dt {font-size: 18px; height: 60px;}
		.pro_pspcial_listbox2 dd > p {font-size: 16px; margin-bottom: 18px; margin-top: 24px;}
		.pro_pspcial_listbox2 dd ul {padding: 26px;}
		.pro_pspcial_listbox2 dd ul * {font-size: 14px;}
		.pro_pspcial_listbox2 dd ul li {list-style-type: disc; margin-left: 10px; width: 100%; margin-top: 10px;}
	}
/* Business */
	.biz_ptf_listbox {display: flex; justify-content: flex-start; align-items: stretch; gap:15px; flex-flow: row wrap; margin-top: 70px;}
	.biz_ptf_listbox > li {width: calc(100%/3 - 10px); margin-bottom: 60px;}
	.biz_ptf_listbox .biz_imgbox {width: 100%; position: relative; height: 270px; background: #f7f8f9; overflow: hidden; border: 1px solid #ddd; 	border-radius: 5px;}
	.biz_ptf_listbox .biz_imgbox img {width: 100%; height: 100%; object-fit: cover;}
	.biz_ptf_listbox .biz_imgbox img:hover {transform:scale(1.1);}
	.biz_ptf_listbox dl {}
	.biz_ptf_listbox dl dt {font-size: 22px; font-weight: bold; margin: 30px 0 30px; height: 52px;}
	.biz_ptf_listbox dl dd ul {}
	.biz_ptf_listbox dl dd ul li {font-size: 17px; color: #474747; margin-top: 15px; position: relative; padding-left: 12px;}
	.biz_ptf_listbox dl dd ul li:before {content:""; display: block; width: 5px; height: 5px; background: #333; position: absolute; left: 0; top: 8px; border-radius: 100%;}
	
	.ctn_history_list {display: flex; justify-content: space-between; align-items: stretch; margin-top: 60px;}
	.ctn_history_list dt {font-size: 60px; font-weight: bold; width: 50%; margin-top: -8px;}
	.ctn_history_list dd {width: 50%; border-left: 1px solid #ddd; padding-left: 80px;}
	.ctn_history_list dd ul {}
	.ctn_history_list dd ul li {position: relative; font-size: 20px; margin-top: 20px;}
	.ctn_history_list dd ul li:first-child {margin-top: 0;}
	.ctn_history_list dd ul li:before {content:""; display: block; width: 5px; height: 1px; background: #333; position: absolute; left: -15px; top: 12px; border-radius: 100%;}
	
	.sec_year_graybox {background: #f4f4f4; position: relative; padding: 50px 0; margin: 50px 0;}
	.sec_year_graybox .ctn_history_list {margin-top: 0;}	
	.sec_year_graybox:before {content: ""; position: absolute; bottom: -1px; left: 50%; transform: translateX(-50%); width: calc(100vw - 5px); height: 100%; background-color: #f4f4f4; z-index: -1;}
	
	.binai_blue_wrap {display: flex; justify-content: space-between; align-items: normal; gap:20px; margin-top: 50px;}
	.binai_blue_box {background: #eff5fb; border-radius: 10px; width: 100%; padding: 30px 20px 20px;}
	.binai_blue_box > p {font-size: 20px; font-weight: 600; text-align: center; margin-bottom: 20px;}
	.binai_blue_box > p + .difxu:has(dl) {gap:10px;}
	.binai_blue_box dl {background: #fff; border-radius: 10px; width: 100%; padding: 25px 30px;}
	.binai_blue_box dl dt {color: #333; font-weight: 600; font-size: 16px; text-align: center; border-bottom: 1px dashed #ddd; padding-bottom: 20px; margin-bottom: 20px;}
	.binai_blue_box dl dd {color: #474747; position: relative; margin-top: 15px; width: 100%; padding-left: 5px; font-size: 15px; line-height: 1.5;}
	.binai_blue_box dl dd:before {content:""; display: block; position: absolute; left: -10px; top: 8px; width: 5px; height: 5px; background: #333; border-radius: 10px;}
	
	.binai_blue_box ul {background: #fff; border-radius: 10px; width: 100%; height: calc(100% - 50px); padding: 25px 30px;}
	.binai_blue_box ul li {color: #474747; position: relative; margin-top: 15px; width: 100%; padding-left: 5px; font-size: 15px; line-height: 1.5;}
	.binai_blue_box ul li:before {content:""; display: block; position: absolute; left: -10px; top: 8px; width: 5px; height: 5px; background: #333; border-radius: 10px;}
	.binai_blue_box ul li:first-child {margin-top: 0;}
	.binai_blue_wrap.aiblue1 .binai_blue_box {width: 26%;}
	.binai_blue_wrap.aiblue1 .binai_blue_box:first-child {width: 48%}
	
	
	/* RnD */
		.ctn_2dan1_box {display: flex; justify-content: space-between; align-items: flex-start; gap:40px;}
		.ctn_2dan2_box {display: flex; justify-content: space-between; align-items: flex-start; gap:20px;}
		.ctn_2dan2_box > dl {width: calc(50% - 20px);}
		.ctn_2dan2_box > dl img {height:340px;}
		
		.binrd_tab_dl1 {margin-bottom: 50px;}
		.binrd_tab_dl1 dt {font-size: 28px; color: #270000; font-weight: 500; margin-bottom: 30px;}
		.binrd_tab_dl1 dd {font-size: 18px; color: #270000; line-height: 1.5;}
		
		.binrd_white_r20obx {background: #fff; border-radius: 20px; padding: 50px;}
		.binrd_white_r10box {background: #fff; border-radius: 10px; padding: 50px;}
		.binrd_gray_r10box {background: #fafafa; border-radius: 10px; padding: 40px;}
		
		.binrd_tab1_dl1 {width: 100%;}
		.binrd_tab1_dl1 dt {background: #acb6d6; color: #fff; font-size: 20px; height: 60px; font-weight: 500; border-radius: 50px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
		.binrd_tab1_dl1 dd {display: flex; flex-direction: column; align-items: center; justify-content: center; height: 280px;}
		.binrd_tab1_dl1 dd img {width: 80%;}
		
		.binrd_tab1_ul1 {display: flex; justify-content: space-between; align-items: center; gap:20px; width: calc(100% - 80px); margin: auto; margin-bottom: 40px;}
		.binrd_tab1_ul1 li {width: 25%; border: 1px solid #ddd; border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 16px; font-weight: bold; line-height: 1.5; padding: 15px 0 16px; position: relative; text-align: center;}
		.binrd_tab1_ul1 li:before {content:"+"; display: inline-block; font-size: 20px; font-weight: 600; position: absolute; left: -16px; top: 25px; color: #666;}
		.binrd_tab1_ul1 li:first-child:before {display: none;}
		
		.binrd_tab1_ul2 {display: flex; justify-content: flex-start; align-items: center; gap:10px; width: 100%;flex-flow: row wrap;}
		.binrd_tab1_ul2 li {width: calc(25% - 10px); border-radius: 10px; display: flex; flex-direction: column; align-items: center; justify-content: center; font-size: 16px; font-weight: 500; text-align: center; background: #e3ebec; height: 80px;}
		.binrd_tab1_ul2 li p {font-size: 12px; font-weight: 500;}
		.binrd_tab1_ul2 li:nth-child(5),
		.binrd_tab1_ul2 li:nth-child(7) {background: #dee3d7;}
		
		.binrd_wbktu3 {display: flex; flex-direction: row; align-items: center; justify-content: center; padding: 10px; margin-top: 20px; background: #fff; 	border-radius: 10px;}
		.binrd_wbktu3 > p {margin-right: 20px;}
		.binrd_tab1_ul3 {margin-left: 20px;}
		.binrd_tab1_ul3 li {position: relative; margin: 10px 0;}
		.binrd_tab1_ul3 li:before {content:""; display: block; width: 5px; height: 5px; border-radius: 10px; background: #666; position: absolute; left: -10px; top: 8px;}
		
		.binrd_tab1_table1 {border-top: 2px solid #000; width: 100%;}
		.binrd_tab1_table1 thead th {background: #f9fbfc; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; height: 70px; font-size: 18px; font-weight: bold;}
		.binrd_tab1_table1 thead th:first-child {border-left: 0;}
		.binrd_tab1_table1 tbody td {background: #fff; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; height: 70px; font-size: 16px; font-weight: 500; text-align: center;}
		.binrd_tab1_table1 tbody td:first-child {border-left: 0;}
		.binrd_tab1_table1 thead th.point {color: #f56d1c; background: #fef2eb; border-left: 1px solid #f56d1c;}
		.binrd_tab1_table1 thead th.point + th {border-left: 1px solid #f56d1c;}
		.binrd_tab1_table1 tbody td.point {color: #f56d1c; background: #fef2eb; border-left: 1px solid #f56d1c;}
		.binrd_tab1_table1 tbody td.point + td {border-left: 1px solid #f56d1c;}
		/**/
		.binrd_tab2_ul1 {margin: -20px 0;}
		.binrd_tab2_ul1 li {position: relative; margin-top: 8px; font-size: 18px; line-height: 1.5;} 
		.binrd_tab2_ul1 li:first-child {margin-top: 0;}
		.binrd_tab2_ul1 li:before {content:""; display: block; width: 5px; height: 5px; border-radius: 10px; background: #666; position: absolute; left: -15px; top: 11px;}
		
		.binrd_tab2_imglist2 {display: flex; justify-content: space-between; align-items: flex-start; gap:25px;}
		.binrd_tab2_imglist2 > li {width: 50%; border: 1px solid #ddd; border-radius: 10px;}
		.binrd_tab2_imglist2 > li > p {width: 100%; height: 300px; overflow: hidden; background: #f4f4f4; display: flex; flex-direction: column; align-items: center; justify-content: center;}
		.binrd_tab2_imglist2 > li > p img {object-fit: cover; width: 100%; height: 100%; max-width: 100%; max-height: 100%; overflow: hidden; display: block;}
		.binrd_tab2_imglist2 > li dl {padding: 40px;}
		.binrd_tab2_imglist2 > li dl dt {font-size: 22px; font-weight: 700; margin-bottom: 25px;}
		.binrd_tab2_imglist2 > li dl dd {height: 130px;}
		.binrd_tab2_imglist2 > li dl dd li {position: relative; margin-top: 8px; font-size: 18px; line-height: 1.5;} 
		.binrd_tab2_imglist2 > li dl dd li:first-child {margin-top: 0;}
		.binrd_tab2_imglist2 > li dl dd li:before {content:""; display: block; width: 5px; height: 5px; border-radius: 10px; background: #666; position: absolute; left: -15px; top: 11px;}
		/**/
		.binrd_tab2_imglist3 {display: flex; justify-content: space-between; align-items: flex-start; gap:25px;}
		.binrd_tab2_imglist3 > li {width: 50%; background: #fff; border-radius: 20px; padding: 50px;}
		.binrd_tab2_imglist3 > li > p {width: 100%; height: 400px; overflow: hidden; background: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center;}
		.binrd_tab2_imglist3 > li > p img {object-fit: cover; width: 100%; height: 100%; max-width: 100%; max-height: 100%; display: block;}
		/**/
		.binrd_tab4_dlimg1 {margin-top: 50px;}
		.binrd_tab4_dlimg1 dt {background: #acb6d6; color: #fff; font-size: 20px; height: 60px; font-weight: 500; border-radius: 50px; display: flex; flex-direction: column; align-items: center; justify-content: center; margin-bottom: 20px;}
		.binrd_tab4_dlimg1 dd {background: #fff; border-radius: 20px; padding: 50px;}
		.binrd_tab4_dlimg1 dd img {object-fit: cover; width: 100%; height: 100%; max-width: 100%; max-height: 100%; display: block;}
	
	/* AI */	
		.sec_tabstyle4_box {display: flex; justify-content: flex-start; align-items: flex-start; gap:20px; flex-flow: row wrap; margin-top: 60px;}
		.sec_tabstyle4_box li {width: calc(100%/4 - 20px);}
		.sec_tabstyle4_box button {width: 100%; height: 60px; background: #f5f5f5; background-size: cover !important; border-radius: 15px; position: relative; overflow: hidden;}
		.sec_tabstyle4_box button * {color: #fff;}
		.sec_tabstyle4_box button em {font-size: 24px; font-weight: bold; display: block; left: 30px; top: 15px; position: absolute; width: calc(100% - 60px); text-align: left; z-index: 2;}
		.sec_tabstyle4_box button em:after {content:">"; font-family: cursive; display: block; color: #fff; font-size: 20px; position: absolute; right: 0; top: 2px; z-index: 2;} 
		.sec_tabstyle4_box button span {display: none; width: calc(100% - 60px); text-align: left; position: absolute; left: 30px; top: 80px; line-height: 1.5; z-index: 2;}
		.sec_tabstyle4_box button:before {content:""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #000; opacity: 0.5; z-index: 1;}
		.sec_tabstyle4_box button:after {content:""; display: block; position: absolute; width: 100%; height: 100%; top: 100%; left: 0; background: #153b82; opacity: 1; z-index: 2; transition: all ease 0.3s;}
		.sec_tabstyle4_box button:hover:after {top: 80%;}
		.sec_tabstyle4_box button.on:after {content:""; display: block; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: #153b82; opacity: 0.8; z-index: 1;}
		.sec_tabstyle4_box li:nth-child(1) button {background:transparent url(../images/business/ai/ai_img1.png) no-repeat center center;}
		.sec_tabstyle4_box li:nth-child(2) button {background:transparent url(../images/business/ai/ai_img2.png) no-repeat center center;}
		.sec_tabstyle4_box li:nth-child(3) button {background:transparent url(../images/business/ai/ai_img3.png) no-repeat center center;}
		.sec_tabstyle4_box li:nth-child(4) button {background:transparent url(../images/business/ai/ai_img4.png) no-repeat center center;}
		.sec_tabstyle4_box li:nth-child(5) button {background:transparent url(../images/business/ai/ai_img5.png) no-repeat center center;}
		
		.sec_tabstyle4_box li:nth-child(6) button {background:transparent url(../images/business/ai/ai_img6.png) no-repeat center center;}
		.sec_tabstyle4_box li:nth-child(7) button {background:transparent url(../images/business/ai/ai_img7.png) no-repeat center center;}
		.sec_tabstyle4_box li:nth-child(8) button {background:transparent url(../images/business/ai/ai_img8.png) no-repeat center center;}
		.sec_tabstyle4_box li:nth-child(9) button {background:transparent url(../images/business/ai/ai_img9.png) no-repeat center center;}
		.sec_tabstyle4_box li:nth-child(10) button {background:transparent url(../images/business/ai/ai_img10.png) no-repeat center center;}
		
		.sec_tabstyle4_box li:nth-child(11) button {background:transparent url(../images/business/ai/ai_img11.png) no-repeat center center;}
		.sec_tabstyle4_box li:nth-child(12) button {background:transparent url(../images/business/ai/ai_img12.png) no-repeat center center;}
		
		.sec_tabstyle4_box + .ctn_tabview_wrap .ctn_sub_title2 {margin-top: 50px; border-bottom: 1px solid #ddd; padding-bottom: 30px;}
		.sec_tabstyle4_box + .ctn_tabview_wrap .ctn_sub_title2 i {font-size: 28px; margin-top: -4px; margin-left: 5px;}
		.binai_tab_dl1 {margin-top: 10px;}
		.binai_tab_dl1 dt {font-size: 24px; font-weight: 600; margin-bottom: 40px;}
		.binai_tab_dl1 dd {background: #f7f7f7; border-radius: 10px; padding: 30px; min-height:148px;}
		.binai_tab_dl1 dd li {position: relative; font-size: 16px; padding-left: 13px; margin-top: 8px; line-height: 1.5;}
		.binai_tab_dl1 dd li:first-child {margin-top: 0;}
		.binai_tab_dl1 dd li:before {content:""; display: block; width: 5px; height: 5px; background: #000; border-radius: 5px; position: absolute; left: 0; top: 11px;}
		
		.binai_tab_dl2 {margin-top: 80px;}
		.binai_tab_dl2 dt {font-size: 24px; font-weight: 600; margin-bottom: 40px;}
		.binai_ttlist1_box {border: 1px solid #ddd; display: flex; justify-content: flex-start; align-items: stretch; border-radius: 10px; overflow: hidden; margin-top: 20px;}
		.binai_ttlist1_box > p {background: #fafafa; color: #0b0380; font-size: 18px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
		.binai_ttlist1_box > p strong {display: block; font-size: 22px; color: #0b0380; width: 280px; text-align: center; font-weight: bold; margin-bottom: 5px;}
		.binai_ttlist1_box > ul {padding: 30px;}
		.binai_ttlist1_box > ul li {position: relative; font-size: 16px; padding-left: 13px; margin-top: 8px; line-height: 1.5;}
		.binai_ttlist1_box > ul li:before {content:""; display: block; width: 5px; height: 5px; background: #000; border-radius: 5px; position: absolute; left: 0; top: 11px;}
		.binai_ttlist1_box:first-child {margin-top: 0;}
	
	@media only screen and (max-width:1600px){
	}
	@media only screen and (max-width:1200px){
		.biz_ptf_listbox > li {margin-bottom: 40px;}
		.biz_ptf_listbox .biz_imgbox {height: 200px;}
		.biz_ptf_listbox dl dt {font-size: 20px; font-weight: bold; margin: 20px 0 20px;}
		.biz_ptf_listbox dl dd ul li {font-size: 16px; margin-top: 10px;}
		
		.ctn_history_list {margin-top: 60px;}
		.ctn_history_list dt {font-size: 40px; width: 250px; margin-top: -8px;}
		.ctn_history_list dd { width: calc(100% - 260px); border-left: 1px solid #ddd; padding-left: 60px;}
		.ctn_history_list dd ul li {font-size: 18px; margin-top: 20px;}
		
		.binrd_tab_dl1 {margin-bottom: 40px;}
		.binrd_tab_dl1 dt {font-size: 24px; margin-bottom: 20px;}
		.binrd_tab_dl1 dd {font-size: 16px;}
		
		.binrd_white_r20obx {padding: 40px;}
		.binrd_white_r10box {padding: 40px;}
		.binrd_gray_r10box {padding: 30px;}
		.ctn_2dan1_box {gap:30px;}
		
		.binrd_tab1_dl1 {width: 100%;}
		.binrd_tab1_dl1 dt {font-size: 18px; height: 50px;}
		.binrd_tab1_dl1 dd {height: 280px;}
		.binrd_tab1_dl1 dd img {width: 80%;}
		
		.binrd_tab1_ul2 {gap:10px;}
		.binrd_tab1_ul2 li {width: calc(50% - 10px);}
		/**/
		.binai_blue_wrap {gap:10px; margin-top: 40px;}
		.binai_blue_box {padding: 25px 15px 15px;}
		.binai_blue_box > p {font-size: 18px; margin-bottom: 15px;}
		.binai_blue_box > p + .difxu:has(dl) {gap:10px;}
		.binai_blue_box dl {padding: 20px 25px;}
		.binai_blue_box dl dt {padding-bottom: 15px; margin-bottom: 15px;}
		.binai_blue_box dl dd {margin-top: 10px; font-size: 14px;}
		.binai_blue_box dl dd:before {content:""; display: block; position: absolute; left: -10px; top: 8px; width: 5px; height: 5px; background: #333; border-radius: 10px;}
		
		.binai_blue_box ul {height: auto; padding: 20px 25px;}
		.binai_blue_box ul li {margin-top: 10px; font-size: 14px;}
		.binai_blue_box ul li:before {content:""; display: block; position: absolute; left: -10px; top: 8px; width: 5px; height: 5px; background: #333; border-radius: 10px;}
		.binai_blue_box ul li:first-child {margin-top: 0;}
		.binai_blue_wrap.aiblue1 .binai_blue_box {width: 26%;}
		.binai_blue_wrap.aiblue1 .binai_blue_box:first-child {width: 48%}
		
		/**/
		.binrd_tab2_ul1 li {font-size: 16px;;} 
		
		.binrd_tab2_imglist2 > li > p {height: 250px;}
		.binrd_tab2_imglist2 > li dl {padding: 30px;}
		.binrd_tab2_imglist2 > li dl dt {font-size: 20px; margin-bottom: 25px;}
		.binrd_tab2_imglist2 > li dl dd {height: 130px;}
		.binrd_tab2_imglist2 > li dl dd li {margin-top: 8px; font-size: 16px;} 
		/**/
		.binrd_tab2_imglist3 > li > p {height: 300px;}
		/**/
		.binrd_tab4_dlimg1 {margin-top: 30px;}
		.binrd_tab4_dlimg1 dt {font-size: 18px; height: 50px; margin-bottom: 20px;}
		.binrd_tab4_dlimg1 dd {padding: 30px;}
		
		.ctn_2dan2_box {display: flex; justify-content: space-between; align-items: flex-start; gap:20px;}
		.ctn_2dan2_box > dl {width: calc(50% - 20px);}
		.ctn_2dan2_box > dl img {height:340px;}
	}
	@media only screen and (max-width:900px){
		.biz_ptf_listbox {margin-top: 30px;}
		.biz_ptf_listbox > li {width: calc(100%/2 - 10px); margin-bottom: 30px;}
		.biz_ptf_listbox .biz_imgbox {height: 200px;}
		.biz_ptf_listbox dl dt {font-size: 18px; font-weight: bold; margin: 20px 0 20px; height: 43px;}
		.biz_ptf_listbox dl dd ul li {font-size: 16px; margin-top: 10px;}
		
		.ctn_history_list {margin-top: 40px; display: block;}
		.ctn_history_list dt {font-size: 30px; width: auto; margin-top: -8px; margin-bottom: 20px; border-bottom: 1px solid #ddd; padding-bottom: 20px;}
		.ctn_history_list dd { width: auto; border-left: 0; padding-left: 20px;}
		.ctn_history_list dd ul li {font-size: 18px; margin-top: 10px;}
		
		.binrd_tab_dl1 {margin-bottom: 40px;}
		.binrd_tab_dl1 dt {font-size: 20px; margin-bottom: 15px;}
		.binrd_tab_dl1 dd {font-size: 14px;}
		
		.binrd_white_r20obx {padding: 30px;}
		.binrd_white_r10box {padding: 30px;}
		.binrd_gray_r10box {padding: 20px;}
		.ctn_2dan1_box {gap:20px; display: block;}
		/**/
		
		.binai_blue_wrap {margin-top: 20px; display: block;} 
		.binai_blue_box {padding: 20px 10px 10px; margin-top: 10px;}
		.binai_blue_box > p {font-size: 16px; margin-bottom: 15px;}
		.binai_blue_box > p + .difxu:has(dl) {display: block;}
		.binai_blue_box dl {padding: 10px 15px; margin-top: 5px;}
		.binai_blue_box dl dt {padding-bottom: 10px; margin-bottom: 10px; font-size: 14px;}
		.binai_blue_box dl dd {margin-top: 5px; font-size: 14px; padding-left: 13px;}
		.binai_blue_box dl dd:before {content:""; display: block; position: absolute; left: 0; top: 8px; width: 5px; height: 5px; background: #333; border-radius: 10px;}
		
		.binai_blue_box ul {height: auto; padding: 20px 25px;}
		.binai_blue_box ul li {margin-top: 5px; font-size: 14px;}
		.binai_blue_box ul li:before {content:""; display: block; position: absolute; left: -10px; top: 8px; width: 5px; height: 5px; background: #333; border-radius: 10px;}
		.binai_blue_box ul li:first-child {margin-top: 0;}
		.binai_blue_wrap.aiblue1 .binai_blue_box {width: auto;}
		.binai_blue_wrap.aiblue1 .binai_blue_box:first-child {width: auto;}
		/**/
		
		.binrd_tab1_dl1 {width: 100%;}
		.binrd_tab1_dl1 dt {font-size: 16px; height: 40px;}
		.binrd_tab1_dl1 dd {height: auto;}
		.binrd_tab1_dl1 dd img {width: 80%;}
		
		.binrd_tab1_ul1 {display: block; gap:0; width: 100%; margin-bottom: 20px;}
		.binrd_tab1_ul1 li {width: 100%; border: 1px solid #ddd; border-radius: 10px; display: block; font-size: 14px; padding: 15px 0 16px; margin-top: 10px;}
		.binrd_tab1_ul1 li br {display: none;}
		.binrd_tab1_ul1 li:before {display: none;}
		
		.binrd_tab1_ul2 {gap:0;}
		.binrd_tab1_ul2 li {width: 100%; margin-top: 10px;}
		.binrd_tab1_ul2 li:first-child {margin-top: 0;}
		
		.binrd_wbktu3 {display: block; padding: 10px 10px 30px; margin-top: 20px; text-align: center;}
		.binrd_wbktu3 > p {margin-right: 0;}
		.binrd_wbktu3 img {max-width:100%; max-height:100%; object-fit: cover;}
		.binrd_tab1_ul3 {margin-left: 0;}
		.binrd_tab1_ul3 li {position: relative; margin: 10px 0;}
		.binrd_tab1_ul3 li:before {display: none;}
		
		.bin_scrollbox {width: 100%; overflow: hidden; overflow-x: auto;}
		.bin_scrollbox table {width: 1200px;}
		.binrd_tab1_table1 thead th,
		.binrd_tab1_table1 tbody td {height: 40px;}
		/**/
		.binrd_tab2_ul1 li {font-size: 14px;;} 
		
		.binrd_tab2_imglist2 {display: block;}
		.binrd_tab2_imglist2 > li {width: 100%; margin-top: 20px;}
		.binrd_tab2_imglist2 > li:first-child {margin-top: 0;}
		.binrd_tab2_imglist2 > li > p {height: 200px;}
		.binrd_tab2_imglist2 > li dl {padding: 20px;}
		.binrd_tab2_imglist2 > li dl dt {font-size: 18px; margin-bottom: 15px;}
		.binrd_tab2_imglist2 > li dl dd {height: auto; padding-left: 20px;}
		.binrd_tab2_imglist2 > li dl dd li {font-size: 14px; margin-top: 8px;} 
		/**/
		.binrd_tab2_imglist3 {display: block;}
		.binrd_tab2_imglist3 > li {width: 100%; padding: 20px; margin-top: 20px;}
		.binrd_tab2_imglist3 > li:first-child {margin-top: 0;}
		.binrd_tab2_imglist3 > li > p {width: 100%; height: auto;}
		/**/
		.ctn_2dan2_box {display: block;}
		.ctn_2dan2_box > dl {width: 100%;}
		.ctn_2dan2_box > dl img {height:auto;}
		/**/
		.binrd_tab4_dlimg1 {margin-top: 30px;}
		.binrd_tab4_dlimg1 dt {font-size: 16px; height: auto; text-align: center; padding: 10px 15px; margin-bottom: 10px;}
		.binrd_tab4_dlimg1 dd {padding: 30px;}
		
		/**/
		.sec_tabstyle4_box {gap:10px; margin-top: 30px;}
		.sec_tabstyle4_box li {width: calc(100%/2 - 5px);}
		.sec_tabstyle4_box button {width: 100%; height: 54px; background: #f5f5f5; background-size: cover; border-radius: 15px; position: relative; overflow: hidden;}
		.sec_tabstyle4_box button * {color: #fff;}
		.sec_tabstyle4_box button em {font-size: 18px; font-weight: bold; display: block; left: 20px; top: 15px; position: absolute; width: calc(100% - 40px); text-align: left; z-index: 2;}
		.sec_tabstyle4_box button em:after {content:">"; font-family: cursive; display: block; color: #fff; font-size: 20px; position: absolute; right: 0; top: -1px; z-index: 2;} 
		.sec_tabstyle4_box button span {display: none;}
		/**/
		.binai_tab_dl1 {margin-top: 30px;}
		.binai_tab_dl1 dt {font-size: 18px; margin-bottom: 20px;}
		.binai_tab_dl1 dd {padding: 20px;  min-height:auto;}
		.binai_tab_dl1 dd li {font-size: 14px; margin-top: 6px;}
		.binai_tab_dl1 dd li:first-child {margin-top: 0;}
		
		.binai_tab_dl2 {margin-top: 50px;}
		.binai_tab_dl2 dt {font-size: 18px; margin-bottom: 20px;}
		.binai_ttlist1_box {display: block; border-radius: 10px; overflow: hidden; margin-top: 20px;}
		.binai_ttlist1_box > p {font-size: 14px; padding: 10px 0;}
		.binai_ttlist1_box > p strong {font-size: 16px; width: auto; display: block; margin: 0;}
		.binai_ttlist1_box > ul {padding: 15px;}
		.binai_ttlist1_box > ul li {font-size: 14px; margin-top: 5px;}
		.binai_ttlist1_box > ul li:before {top: 8px;}
	}
/* About */
	
	.abt_dl_title1 {}
	.abt_dl_title1 dt {font-size: 38px; font-weight: bold; line-height: 1.5;}
	.abt_dl_title1 dd {font-size: 22px; line-height: 1.5; color: #666; margin-top: 30px;}
	
	.abt_ov_ul1 {display: flex; justify-content: space-between; align-items: center; gap:20px; flex-flow: row wrap;}
	.abt_ov_ul1 li {width: calc(100%/3 - 20px); background: #f7f7f7; border-radius: 15px; height: 310px; text-align: center;}
	.abt_ov_ul1 li > p {width: 140px; height: 140px; display: flex; flex-direction: column; align-items: center; justify-content: center; margin: 35px auto 0;}
	.abt_ov_ul1 li dl dt {font-size: 16px; font-weight: 500;}
	.abt_ov_ul1 li dl dd > p {font-size: 20px; font-weight: bold; margin-bottom: 5px; margin-top: 5px;}
	.abt_ov_ul1 li dl dd > div {font-size: 26px; font-weight: bold; margin: 10px 0 5px;}
	.abt_ov_ul1 li dl dd > span {display: block; text-align: center; font-size: 14px;}
	.abt_ov_bt100 {margin-bottom: 100px;}
	/**/
	.sec_hst_wrap {margin: 0;} 
	.sec_hst_wrap > [class*="sec_hst_"] {padding: 100px 0;}
	.sec_hst_wrap > [class*="sec_hst_"]:first-child {padding-top: 40px;}
	.sec_hst_whitebox {background: #fff;}
	.sec_hst_graybox {background: #f4f4f4;}
	[class*="ctn_hst_"] {width: 100%; max-width:1200px; margin: auto;}
	.ctn_hst_box {display: flex; justify-content: space-between; align-items: flex-start; }
	.ctn_hst_box > p {font-size: 60px; font-weight: bold; width: 220px; margin-top: -10px;}
	.ctn_hst_box > div {width: 50%;}
	.ctn_hst_box dl {padding-bottom: 50px; margin-bottom: 50px; border-bottom: 1px solid #ddd;}
	.ctn_hst_box dt {font-size: 30px; font-weight: bold; margin-bottom: 30px;}
	.ctn_hst_box dd {font-size: 20px; font-weight: 500; margin-bottom: 20px;}
	.ctn_hst_box dd em {display: inline-block; color: #999; font-size: 20px; margin-right: 20px; font-weight: 400; vertical-align: baseline;}
	.ctn_hst_box > div dl:last-child {padding-bottom: 0; margin-bottom: 0; border: 0;}
	/**/
	.awd_img_listbox {display: flex; justify-content: flex-start; align-items: flex-start; gap:20px; flex-flow: row wrap;}
	.awd_img_listbox li {width: calc(100%/4 - 15px); margin-bottom: 20px;}
	.awd_img_listbox li > p {width: 100%; height: 400px; overflow: hidden; border: 1px solid #ddd; border-radius: 10px;}
	.awd_img_listbox li > p img {width: 100%; height: 100%; object-fit: cover; cursor: pointer;}
	.awd_img_listbox li > dl dt {color: #153b82; font-weight: 500; margin-top: 15px;}
	.awd_img_listbox li > dl dd {font-size: 20px; font-weight: 500; margin: 10px 0 0 0;}
	.awd_img_listbox li > dl dd p {color: #666; margin-top: 10px;}
	/**/	
	.awd_table_style1 {border-top: 2px solid #000; width: 100%;}
	.awd_table_style1 thead th {background: #f9fbfc; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; height: 70px; font-size: 18px; font-weight: bold;}
	.awd_table_style1 thead th:first-child {border-left: 0;}
	.awd_table_style1 thead th[rowspan] {position: relative;}
	.awd_table_style1 thead th[rowspan]:after {content:""; display: block; width: 1px; height: 100%; position: absolute; right: -1px; z-index: 1; top: 0; background: #ddd;}
	.awd_table_style1 tbody td {background: #fff; border-left: 1px solid #ddd; border-bottom: 1px solid #ddd; height: 70px; font-size: 16px; font-weight: 500; text-align: center;}
	.awd_table_style1 tbody td:first-child {border-left: 0;}
	.awd_table_style1 tbody td:last-child {text-align: left; padding: 0 15px;}
	.awd_table_style1.thctdc th {text-align: center !important;}
	.awd_table_style1.thctdc td {text-align: center !important;}
	/**/
	.ctt_maps {width: 100%; height: 500px; background:transparent url(../images/about/ct_img1.jpg) no-repeat center center; background-size: cover; margin: 100px auto 60px; cursor: pointer;}
	.ctt_com_namebox {font-size: 30px; font-weight: bold;}
	.ctt_com_namebox span {font-size: 16px; color: #888; font-weight: 500; display: block; margin-top: 10px;}
	.ctt_com_infobox {margin-top: 60px;}
	.ctt_com_infobox li {font-size: 18px; color: #666; position: relative; padding-left: 100px; margin: 10px 0;}
	.ctt_com_infobox strong {font-size: 18px; font-weight: bold; position: absolute; left: 0; top: 0;}
	/**/
	.clp_img_listbox {display: flex; justify-content: flex-start; align-items: center; gap:20px; flex-flow: row wrap;}
	.clp_img_listbox li {border: 1px solid #ddd; border-radius: 10px; overflow: hidden; height: 100px; display: flex; flex-direction: column; align-items: center; justify-content: center; width: calc(100%/4 - 20px);}
	.clp_img_listbox li img {width: 60%; height: 60%; object-fit: cover;}
	
	@media only screen and (max-width:1600px){
		.abt_dl_title1 dt {font-size: 32px;}
		.abt_dl_title1 dd {font-size: 20px; margin-top: 30px;}
	}
	@media only screen and (max-width:1200px){
		.abt_dl_title1 dt {font-size: 30px;}
		.abt_dl_title1 dd {font-size: 18px; margin-top: 26px;}
		
		.abt_ov_ul1 li {height: 280px;}
		.abt_ov_ul1 li > p {margin-top: 10px;}
		/**/
		.sec_hst_wrap {margin: 0 20px; width: calc(100% - 40px);}
		.sec_hst_wrap > [class*="sec_hst_"] {padding: 70px 0;}
		.sec_hst_wrap > [class*="sec_hst_"]:first-child {padding-top: 30px;}
		.ctn_hst_box > p {font-size: 40px; width: 200px; margin-top: -3px; margin-left: 20px;}
		.ctn_hst_box > div {width: calc(100% - 320px);}
		.ctn_hst_box dl {padding-bottom: 30px; margin-bottom: 30px;}
		.ctn_hst_box dt {font-size: 30px; margin-bottom: 30px;}
		.ctn_hst_box dd {font-size: 18px; margin-bottom: 20px;}
		.ctn_hst_box dd em {font-size: 18px;}
		/**/
		.awd_img_listbox li {width: calc(100%/3 - 15px); margin-bottom: 20px;}
		.awd_img_listbox li > p {height: 400px;}
		.awd_img_listbox li > dl dt {margin-top: 15px;}
		.awd_img_listbox li > dl dd {font-size: 20px; margin: 10px 0 0 0;}
		.awd_img_listbox li > dl dd p {margin-top: 10px;}
		/**/
		.ctt_maps {width: 100%; height: 350px; margin: 80px auto 40px;}
		.ctt_com_namebox {font-size: 26px;}
		.ctt_com_namebox span {font-size: 16px; margin-top: 10px;}
		.ctt_com_infobox {margin-top: 40px;}
		.ctt_com_infobox li {font-size: 16px; padding-left: 70px; margin: 10px 0;}
		.ctt_com_infobox strong {font-size: 16px;}
		/**/
		.clp_img_listbox { gap:10px; }
		.clp_img_listbox li {height: 80px; width: calc(100%/3 - 5px);}
		.clp_img_listbox li img {width: 60%; height: 60%;}
	}
	@media only screen and (max-width:900px){
		.abt_dl_title1 dt {font-size: 24px;}
		.abt_dl_title1 dt br {display: none;}
		.abt_dl_title1 dd {font-size: 16px; margin-top: 22px;}
		
		.abt_ov_ul1 {gap:0;}
		.abt_ov_ul1 li {width: 100%; height: auto; display: flex; justify-content: flex-start; align-items: center; margin-top: 10px; padding: 25px;}
		.abt_ov_ul1 li:first-child {margin-top: 0;}
		.abt_ov_ul1 li > p {width: auto; height: auto; margin-top: 0;}
		.abt_ov_ul1 li dl {width: calc(100% - 100px); }
		.abt_ov_ul1 li dl * {text-align: left !important;}
		
		.abt_ov_ul1 li dl dt {font-size: 14px;}
		.abt_ov_ul1 li dl dd > p {font-size: 18px; margin: 5px 0;}
		.abt_ov_ul1 li dl dd > div {font-size: 18px; margin: 5px 0;}
		.abt_ov_ul1 li dl dd > span {font-size: 12px;}
		.abt_ov_ul1 li dl dd br {display: none;}
		/**/
		.sec_hst_graybox {position: relative;}
		.sec_hst_graybox:before {content: ""; position: absolute; bottom: -1px; left: -20px; width: 20px; height: 100%; background-color: #f4f4f4; z-index: 0;}
		.sec_hst_graybox:after {content: ""; position: absolute; bottom: -1px; right: -20px ; width: 20px; height: 100%; background-color: #f4f4f4; z-index: 0;}
		.sec_hst_wrap {margin: 0 20px; width: calc(100% - 40px);}
		.sec_hst_wrap > [class*="sec_hst_"] {padding: 40px 0;}
		.sec_hst_wrap > [class*="sec_hst_"]:first-child {padding-top: 0px;}
		.ctn_hst_box {display: block;}
		.ctn_hst_box > p {font-size: 30px; width: 100%; margin: 0; padding: 5px; border-radius: 10px; border-bottom: 2px solid #ddd;}
		.ctn_hst_box > div {display: block; width: auto; padding: 15px;}
		.ctn_hst_box dl {padding-bottom: 20px; margin-bottom: 20px;}
		.ctn_hst_box dt {font-size: 20px; margin-bottom: 10px;}
		.ctn_hst_box dd {font-size: 16px; margin-bottom: 10px; position: relative; padding-left: 55px;}
		.ctn_hst_box dd em {font-size: 16px; position: absolute; left: 0; top: 0;}
		/**/
		.awd_img_listbox {gap:10px; justify-content: space-between;}
		.awd_img_listbox li {width: calc(100%/2 - 5px); margin-bottom: 20px;}
		.awd_img_listbox li > p {height: 300px;}
		.awd_img_listbox li > dl dt {margin-top: 15px; font-size: 14px;}
		.awd_img_listbox li > dl dd {font-size: 16px; margin: 10px 0 0 0;}
		.awd_img_listbox li > dl dd p {margin-top: 10px; font-size: 14px;}
		/**/
		.awd_scrollbox {width: 100%; overflow: hidden; overflow-x: auto;}
		.awd_scrollbox table {width: 1200px;}
		/**/
		.ctt_maps {width: 100%; height: 200px; margin: 50px auto 30px; background-size: 200%;}
		.ctt_com_namebox {font-size: 20px;}
		.ctt_com_namebox span {font-size: 14px; margin-top: 10px;}
		.ctt_com_infobox {margin-top: 30px;}
		.ctt_com_infobox li {font-size: 14px; padding-left: 50px; margin: 10px 0;}
		.ctt_com_infobox strong {font-size: 14px;}
		/**/
		.clp_img_listbox { gap:10px; }
		.clp_img_listbox li {height: 80px; width: calc(100%/2 - 5px);}
		.clp_img_listbox li img {width: 60%; height: 60%;}
	}
/* ESG */
	.esg_ceo_box {display: flex; justify-content: space-between; align-items: flex-start; margin-bottom: 100px; margin-top: 80px;}
	.esg_ceo_box strong {font-size: 38px; font-weight: bold; display: inline-block; width: 480px; line-height: 1.4;}
	.esg_ceo_box dl {width: calc(100% - 480px);}
	.esg_ceo_box dl dt {font-size: 24px; font-weight: bold; margin-bottom: 30px; line-height: 1.5; margin-top: 10px;}
	.esg_ceo_box dl dd {font-size: 18px; line-height: 1.7;}
	.esg_ceo_box dl dd em {font-weight: 500; font-size: 18px; line-height: 1.7;}
	.esg_ceo_box dl dd span {font-size: 16px;}
	.esg_ceo_box dl dd span + em {font-size: 24px; font-weight: 500; vertical-align: baseline; margin-left: 5px;}
	.esg_ceo_box dl dd:last-child {margin-top: 50px; text-align: right;}
	/**/
	.vs_ctn_style1 {background: #0b0380; border-radius: 10px; position: relative; padding: 40px 30px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
	.vs_ctn_style1 * {color: #fff;}
	.vs_ctn_style1 > p {position: absolute; left: 20px; top: 18px; font-size: 16px; opacity: 0.5;}
	.vs_ctn_style1 dt {font-size: 24px; font-weight: bold; text-align: center; margin-bottom: 10px;}
	.vs_ctn_style1 dd {font-size: 18px; opacity: 0.5; text-align: center;}
	
	.vs_ctn_style2 {padding: 20px; margin-top: 20px;}
	.vs_ctn_style2 > p {color: #0b0380; font-size: 16px; font-weight: 600;}
	.vs_ctn_style2 ul {display: flex; justify-content: space-evenly; align-items: center; margin-top: 40px;}
	
	.vs_ctn_style3 {margin-top: 60px;}
	.vs_ctn_style3 > p {color: #0b0380; font-size: 16px; font-weight: 600; margin-left: 20px;}
	.vs_ctn_style3 ul {display: flex; justify-content: space-between; align-items: stretch; gap:20px; margin-top: 40px;}
	.vs_ctn_style3 ul li {background: #f7f7f7; border-radius: 10px; width: calc(100%/3 - 20px); padding: 45px;}
	.vs_ctn_style3 dt {font-size: 22px; font-weight: 600; margin-bottom: 30px;}
	.vs_ctn_style3 dd {font-size: 17px; font-weight: 500; margin-top: 20px; position: relative; padding-left: 50px; line-height: 1.5;}
	.vs_ctn_style3 dd span {font-size: 17px; font-weight: 500; color: #ccc; vertical-align: baseline; margin-right: 20px; position: absolute; left: 0; top: 3px;}
	
	.vs_ctn_style4 {background: #80a2cb; color: #fff; display: flex; flex-direction: column; align-items: center; justify-content: center; height: 90px; border-radius: 10px; font-size: 22px; font-weight: bold; margin-top: 30px;}
	
	.ctn_txt18_box {font-size: 18px; margin-top: -30px; margin-bottom: 40px; line-height: 1.7;}
	/**/
	.esg_policy_box {}
	.esg_policy_box .esg_policy_title1 {color: #0b0380; font-size: 20px; font-weight: bold; margin-top: 70px;}
	.esg_policy_box .esg_policy_title1:first-child {margin-top: 0;}
	.esg_policy_box dl {}
	.esg_policy_box dl dt {font-weight: bold; font-size: 18px; margin-top: 40px;}
	.esg_policy_box dl dd {font-size: 18px; margin-top: 5px; line-height: 1.5;}
	.esg_policy_box span {font-size: 18px; display: block; margin-top: 40px;}
	
	.plc_ctn_style1 ul {display: flex; justify-content: space-evenly; align-items: center; margin-top: 40px; gap:20px;}
	.plc_ctn_style1 ul li {width: calc(100%/3 - 20px); text-align: center;}
	
	.plc_ctn_style2 ul {display: flex; justify-content: space-around; align-items: stretch; gap:20px;}
	.plc_ctn_style2 ul li {background: #f7f7f7; border-radius: 10px; width: calc(100%/3 - 20px); padding: 45px;}
	.plc_ctn_style2 dt {font-size: 22px; font-weight: 600; margin-bottom: 30px;}
	.plc_ctn_style2 dd {font-size: 17px; font-weight: 500; margin-top: 20px; line-height: 1.5;}
	.plc_ctn_style2 dd button {background: #fff; height: 50px; border-radius: 25px; width: 100%; display: flex; justify-content: space-between; align-items: center; margin-top: 10px;}
	.plc_ctn_style2 dd button * {line-height: 1;}
	.plc_ctn_style2 dd button span {font-size: 14px; font-weight: 500; margin-left: 25px;}	
	.plc_ctn_style2 dd button i {margin-right: 25px;}
	.plc_ctn_style2 dd button:hover {background: #333; }
	.plc_ctn_style2 dd button:hover * {color: #fff;}
	
	.plc_ctn_style3 {margin-bottom: 100px;}
	.plc_ctn_style3 dt {font-size: 24px; font-weight: bold; margin-bottom: 30px;}
	.plc_ctn_style3 ul {display: flex; justify-content: space-between; align-items: flex-start; gap:20px; margin-top: 40px; margin-bottom: 70px;}
	.plc_ctn_style3 ul li * {font-size: 20px; font-weight: 500;}
	.plc_ctn_style3 ul li {background: #f7f7f7; border-radius: 20px; width: 100%; font-size: 20px; font-weight: 500; padding: 40px; height: 230px; position: relative; line-height: 1.4;}
	.plc_ctn_style3 ul li img {position: absolute; right: 30px; bottom: 30px;}
	.plc_ctn_style3 dd > i {color: #ccc; margin-right: 5px;}
	
	@media only screen and (max-width:1600px){
	}
	@media only screen and (max-width:1200px){
		.esg_ceo_box {margin-bottom: 80px; margin-top: 60px;}
		.esg_ceo_box strong {font-size: 28px; width: 300px;}
		.esg_ceo_box dl {width: calc(100% - 300px);}
		.esg_ceo_box dl dt {font-size: 20px; margin-bottom: 30px; margin-top: 5px;}
		.esg_ceo_box dl dd {font-size: 16px;}
		.esg_ceo_box dl dd em {font-size: 16px;}
		.esg_ceo_box dl dd span {font-size: 14px;}
		.esg_ceo_box dl dd span + em {font-size: 20px; font-weight: 500; margin-left: 5px;}
		.esg_ceo_box dl dd:last-child {margin-top: 40px; }
		/**/
		.vs_ctn_style1 {padding: 50px 30px 40px;}
		.vs_ctn_style1 > p {font-size: 16px; }
		.vs_ctn_style1 dt {font-size: 22px; margin-bottom: 10px; line-height: 1.4;}
		.vs_ctn_style1 dd {font-size: 16px;}
		
		.vs_ctn_style2 ul {margin-top: 40px;}
		.vs_ctn_style2 ul img {width: calc(100% - 20px); margin: 0 10px;}
		
		.vs_ctn_style3 {margin-top: 40px;}
		.vs_ctn_style3 ul {gap:20px; margin-top: 30px;}
		.vs_ctn_style3 ul li {width: calc(100%/3 - 20px); padding: 35px;}
		.vs_ctn_style3 dt {font-size: 20px; margin-bottom: 20px;}
		.vs_ctn_style3 dd {font-size: 16px; margin-top: 15px; padding-left: 40px; line-height: 1.5;}
		.vs_ctn_style3 dd span {font-size: 16px; margin-right: 20px; top: 3px;}
		
		.vs_ctn_style4 {height: 70px; font-size: 20px; margin-top: 20px;}
		
		.ctn_txt18_box {font-size: 18px; margin-top: -5px; margin-bottom: 40px;}
		/**/
		.esg_policy_box .esg_policy_title1 {font-size: 18px; margin-top: 60px;}
		.esg_policy_box dl dt {font-size: 16px; margin-top: 30px;}
		.esg_policy_box dl dd {font-size: 16px; margin-top: 5px;}
		.esg_policy_box span {font-size: 16px; margin-top: 30px;}
		
		.plc_ctn_style3 dt {font-size: 22px;}
		.plc_ctn_style3 ul li * {font-size: 18px;}
		.plc_ctn_style3 ul li {font-size: 18px;}
	}
	@media only screen and (max-width:900px){
		.esg_ceo_box {margin-bottom: 60px; margin-top: 40px; display: block;}
		.esg_ceo_box strong {font-size: 22px; width: auto; display: block;}
		.esg_ceo_box strong br {display: none;}
		.esg_ceo_box dl {width: auto; margin-top: 30px;}
		.esg_ceo_box dl dt {font-size: 16px; margin-bottom: 20px;}
		.esg_ceo_box dl dt br {display: none;}
		.esg_ceo_box dl dd {font-size: 14px;}
		.esg_ceo_box dl dd em {font-size: 14px;}
		.esg_ceo_box dl dd span {font-size: 14px;}
		.esg_ceo_box dl dd span + em {font-size: 16px; font-weight: 500; margin-left: 5px;}
		.esg_ceo_box dl dd:last-child {margin-top: 30px; }
		/**/
		.vs_ctn_style1 {padding: 50px 20px 30px;}
		.vs_ctn_style1 > p {font-size: 16px; }
		.vs_ctn_style1 dt {font-size: 20px; margin-bottom: 10px; line-height: 1.4;}
		.vs_ctn_style1 dd {font-size: 14px;}
		
		.vs_ctn_style2 {margin-top: 10px;}
		.vs_ctn_style2 ul {margin-top: 30px;}
		.vs_ctn_style2 ul img {width: calc(100% - 5px); margin: 0 5px;}
		
		.vs_ctn_style3 {margin-top: 30px;}
		.vs_ctn_style3 ul {margin-top: 30px; display: block;}
		.vs_ctn_style3 ul li {width: 100%; padding: 25px; margin-top: 10px;}
		.vs_ctn_style3 dt {font-size: 18px; margin-bottom: 20px;}
		.vs_ctn_style3 dd {font-size: 14px; margin-top: 10px; padding-left: 40px; line-height: 1.5;}
		.vs_ctn_style3 dd br {display: none;}
		.vs_ctn_style3 dd span {font-size: 14px; margin-right: 20px; top: 3px;}
		
		.vs_ctn_style4 {height: 60px; font-size: 18px; margin-top: 10px;}
		
		.ctn_txt18_box {font-size: 16px; margin-top: 0px; margin-bottom: 30px;}
		/**/
		.esg_policy_box .esg_policy_title1 {font-size: 18px; margin-top: 50px;}
		.esg_policy_box dl dt {font-size: 14px; margin-top: 30px;}
		.esg_policy_box dl dd {font-size: 14px; margin-top: 5px;}
		.esg_policy_box span {font-size: 14px; margin-top: 30px;}
		
		.plc_ctn_style1 {display: none;}
		
		.plc_ctn_style2 {margin-top: 20px;}
		.plc_ctn_style2 ul {display: block;}
		.plc_ctn_style2 ul li {width: 100%; padding: 25px; margin-top: 10px;}
		.plc_ctn_style2 dt {font-size: 20px; margin-bottom: 0;}
		.plc_ctn_style2 dd {font-size: 14px; margin-top: 15px; line-height: 1.5;}
		.plc_ctn_style2 dd button {height: 40px; margin-top: 10px;}
		.plc_ctn_style2 dd button span {font-size: 14px;}	
		
		.plc_ctn_style3 {margin-bottom: 100px;}
		.plc_ctn_style3 dt {font-size: 20px; margin-bottom: 20px; margin-top: 30px;}
		.plc_ctn_style3 ul {display: block; margin-top: 20px; margin-bottom: 40px;}	
		.plc_ctn_style3 ul li {font-size: 18px; padding: 30px; height: 130px; margin-top: 10px;}
		.plc_ctn_style3 ul li img {position: absolute; right: 30px; bottom: 30px;}
		.plc_ctn_style3 dd > i {color: #ccc; margin-right: 5px;}
	}
/* Media */
	.mda_list_style1 {display: flex; justify-content: space-between; align-items: stretch; gap:30px; flex-flow: row wrap; margin: 120px 0 100px;}
	.mda_list_style1 li {border: 1px solid #ddd; border-radius: 10px; width: calc(100%/3 - 30px); padding: 50px 40px 90px 40px; position: relative;}
	.mda_list_style1 li:hover {border: 1px solid #000;}
	.mda_list_style1 li span {color: #aaa; font-size: 16px;}
	.mda_list_style1 li dt {font-size: 20px; font-weight: 600; line-height: 1.5; margin: 30px 0 30px;}
	.mda_list_style1 li dd {font-size: 16px; line-height: 1.7;}
	.mda_list_style1 li a {position: absolute; right: 20px; bottom: 20px; width: 50px; height: 50px; border: 1px solid #000; border-radius: 30px; display: flex; flex-direction: column; align-items: center; justify-content: center;}
	.mda_list_style1 li a:hover {background: #333;}
	.mda_list_style1 li a:hover i {color: #fff;}
	
	@media only screen and (max-width:1600px){
	}
	@media only screen and (max-width:1200px){
		.mda_list_style1 {margin: 100px 0 100px; gap:20px;}
		.mda_list_style1 li {padding: 30px 30px 70px 30px; width: calc(100%/3 - 20px);}
		.mda_list_style1 li span {color: #aaa; font-size: 14px;}
		.mda_list_style1 li dt {font-size: 18px; margin: 20px 0 20px;}
		.mda_list_style1 li dd {font-size: 16px; line-height: 1.7;}
		.mda_list_style1 li a {right: 20px; bottom: 20px; width: 40px; height: 40px;}
	}
	@media only screen and (max-width:900px){
		.mda_list_style1 {margin: 50px 0 100px; display: block;}
		.mda_list_style1 li {padding: 20px 20px 70px 20px; width: 100%; margin-top: 10px;}
		.mda_list_style1 li span {color: #aaa; font-size: 12px;}
		.mda_list_style1 li dt {font-size: 16px; margin: 15px 0 15px;}
		.mda_list_style1 li dd {font-size: 14px; line-height: 1.7;}
		.mda_list_style1 li a {right: 20px; bottom: 20px; width: 40px; height: 40px;}
	}