@charset "UTF-8";

body.pop_open {overflow: hidden;}

.sub_top_area {position: relative; padding: 100px 0 0; height: 540px; background-repeat: no-repeat; background-size: cover; background-position: center;}
.sub_top_area.bg01 {background-image: url("/kor/images/sub/sub_bg01.jpg");}
.sub_top_area.bg02 {background-image: url("/kor/images/sub/sub_bg02.jpg");}
.sub_top_area.bg03 {background-image: url("/kor/images/sub/sub_bg03.jpg");}
.sub_top_area.bg04 {background-image: url("/kor/images/sub/sub_bg04.jpg");}
.sub_top_area.bg05 {background-image: url("/kor/images/sub/sub_bg05.jpg");}
.sub_top_area.bg06 {background-image: url("/kor/images/sub/sub_bg06.jpg");}
.sub_top_area .container {height: 100%;}
.sub_top_area .sub_top_box {height: 100%; align-content: center; text-align: center;}
.sub_top_area .sub_top_box .title {font-weight: 700; font-size: 70px; line-height: 1; color: #ffffff;}
.sub_top_area .sub_top_box .text {margin: 20px 0 0; font-weight: 400; font-size: 18px; line-height: 24px; color: #ffffff;}
.sub_top_area .breadcrumb {position: absolute; right: 0; bottom: 30px;}
.sub_top_area .breadcrumb .list {display: flex;}
.sub_top_area .breadcrumb .list li {position: relative; margin: 0 15px 0 0; padding: 0 15px 0 0;}
.sub_top_area .breadcrumb .list li:last-child {margin: 0; padding: 0;}
.sub_top_area .breadcrumb .list li:before {display: block; content: "/"; position: absolute; right: 0; top: 0px; font-weight: 400; font-size: 14px; line-height: 20px; color: #c7c7c7;}
.sub_top_area .breadcrumb .list li:last-child:before {display: none;}
.sub_top_area .breadcrumb .list li .txt {display: inline-block; font-weight: 400; font-size: 14px; line-height: 20px; color: #c7c7c7;}
.sub_top_area .breadcrumb .list li.home .txt {width: 17px; height: 17px; background: url("/kor/images/sub/home_icon.png") no-repeat center;}
.sub_menu_list {background-color: #f7f7f7; border-bottom: 1px solid #ddd;}
.sub_menu_list .list {display: flex;}
.sub_menu_list .list li {width: 100%;}
.sub_menu_list .list li .box {position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 80px;}
.sub_menu_list .list li .box .text {display: block; font-weight: 400; font-size: 17px; line-height: 20px; color: #222222; text-align: center; overflow: hidden; display: -webkit-box; text-overflow: ellipsis; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.sub_menu_list .list li .box:before {display: block; content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 0; height: 2px; background-color: #2a4b99; transition: all 0.5s;}

.sub_menu_list .list li.on .box .text {font-weight: 600; color: #2a4b99;}
.sub_menu_list .list li.on .box:before {width: 100%;}
.sub_menu_list .list li .box:hover .text, .sub_menu_list .list li .box:focus .text {font-weight: 600; color: #2a4b99;}
.sub_menu_list .list li .box:hover:before, .sub_menu_list .list li .box:focus:before {width: 100%;}

.sub_cont {padding: 120px 0 200px;}

.com_title_area {margin: 0 0 45px; text-align: center;}
.com_title_area .title {font-weight: 700; font-size: 48px; line-height: 1; color: #111111;}
.com_title_area .text {margin: 20px 0 0; font-weight: 400; font-size: 17px; line-height: 26px; color: #888888;}


.sub_title_area {margin: 0 0 10px;}
.sub_title_area .title {font-weight: 700; font-size: 32px; line-height: 40px; color: #2a4b99;}

.about_area {}
.about_area .about_top {background: url("/kor/images/sub/about01_img01.png") no-repeat left center / cover;}
.about_area .about_top .container {display: flex; justify-content: end; }
.about_area .about_top .text_box {width: 100%; max-width: 750px; padding: 50px 0;}
.about_area .about_top .text_box .text {font-weight: 400; font-size: 18px; line-height: 26px; color: #ffffff;}
.about_area .about_top .text_box .text .ft_s {font-weight: 600; font-size: 22px;}
.about_area .about_mid {}
.about_area .about_mid .info_box {padding: 40px 0 0;}
.about_area .about_mid .info_box .list {display: flex; gap: 0 27px;}
.about_area .about_mid .info_box .list li {}
.about_area .about_mid .info_box .list li .box {position: relative; border-radius: 170px; box-shadow: 8.66px 5px 30px 0 rgba(0, 0, 0, 0.2); overflow: hidden; transition: all 0.5s;}
.about_area .about_mid .info_box .list li .box:hover, .about_area .about_mid .info_box .list li .box:focus {margin: -40px 0 0;} 
.about_area .about_mid .info_box .list li .box .bg_box {}
.about_area .about_mid .info_box .list li .box .bg_box img {}
.about_area .about_mid .info_box .list li .box .text_box {position: absolute; left: 0; top: 0; width: 100%;	height: 100%; padding: 140px 10px 0; text-align: center;  transition: all 0.5s;}
.about_area .about_mid .info_box .list li .box .text_box .title {position: relative; padding: 0 0 15px; font-weight: 700; font-size: 32px; line-height: 34px; color: #ffffff;}
.about_area .about_mid .info_box .list li .box .text_box .title:before {display: block; content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 40px; height: 2px; background-color: #fff;}
.about_area .about_mid .info_box .list li .box .text_box .text {margin: 25px 0 0;font-weight: 400; font-size: 17px; line-height: 24px; color: #ffffff;}
.about_area .about_mid .info_box .list li .box:hover .text_box, .about_area .about_mid .info_box .list li .box:focus .text_box {background-color: rgba(0, 0, 0, 0.5);}

.about_area .about_btm {}
.about_area .about_btm .quick_area {}
.about_area .about_btm .quick_area > .list {display: flex; width: 100%;}
.about_area .about_btm .quick_area > .list > li {width: 100%; background-position: center; background-size: cover; background-repeat: no-repeat;}
.about_area .about_btm .quick_area > .list > li.bg01 {background-image: url("/kor/images/sub/about01_img06.png");}
.about_area .about_btm .quick_area > .list > li.bg02 {background-image: url("/kor/images/sub/about01_img07.png");}
.about_area .about_btm .quick_area > .list > li .box {display: flex; flex-direction: column; justify-content: space-between; height: 700px; padding: 115px 0 100px 80px;}
.about_area .about_btm .quick_area > .list > li .box .text_box {}
.about_area .about_btm .quick_area > .list > li .box .text_box .sub_title {font-weight: 500; font-size: 18px; line-height: 24px; color: #ffffff; text-transform: uppercase;}
.about_area .about_btm .quick_area > .list > li .box .text_box .text_list {margin: 25px 0 0;}
.about_area .about_btm .quick_area > .list > li .box .text_box .text_list li {margin: 30px 0 0; font-weight: 700; font-size: 46px; line-height: 50px; color: #ffffff;}
.about_area .about_btm .quick_area > .list > li .box .text_box .text_list li:first-child {margin: 0;}
.about_area .about_btm .quick_area > .list > li .box .more_btn {display: block; width: 250px; border: 1px solid #fff; border-radius: 28px; background-color: rgba(255, 255, 255, 0.2); text-align: center;}
.about_area .about_btm .quick_area > .list > li .box .more_btn .txt {position: relative; display: inline-block; padding: 0 30px 0 0; background: url("/kor/images/sub/about_arrow.png") no-repeat right center; font-weight: 600; font-size: 16px; line-height: 54px; color: #ffffff;}

.history_area {}
.history_area > .list {}
.history_area > .list > li {margin: 40px 0 0;}
.history_area > .list > li:first-chid {margin: 0;}
.history_area > .list > li .box {position: relative; padding: 65px 80px 100px ; border-radius: 40px; background-position: center; background-size: cover; background-repeat: no-repeat; overflow: hidden;}
.history_area > .list > li .box:before {display: block; content: ""; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.8); z-index: 0;}
.history_area > .list > li.bg01 .box {background-image: url("/kor/images/sub/history_bg01.png");}
.history_area > .list > li.bg02 .box {background-image: url("/kor/images/sub/history_bg02.png");}
.history_area > .list > li.bg03 .box {background-image: url("/kor/images/sub/history_bg03.png");}
.history_area > .list > li.bg04 .box {background-image: url("/kor/images/sub/history_bg04.png");}
.history_area > .list > li.bg05 .box {background-image: url("/kor/images/sub/history_bg05.png");}
.history_area > .list > li.bg06 .box {background-image: url("/kor/images/sub/history_bg06.png");}
.history_area > .list > li .box .year {position: relative; font-weight: 700; font-size: 80px; line-height: 1; color: #ffffff; z-index: 1;}
.history_area > .list > li .box .history_box {margin: 85px 0 0;}
.history_area > .list > li .box .history_box .list {}
.history_area > .list > li .box .history_box .list li {margin: 50px 0 0;}
.history_area > .list > li .box .history_box .list li:first-child {margin: 0;}
.history_area > .list > li .box .history_box .list li .month_box {position: relative; padding: 0 0 0 170px; font-weight: 400; font-size: 20px; line-height: 28px; color: #ffffff ;}
.history_area > .list > li .box .history_box .list li .month_box .month {position: absolute; left: 0; top: 0; font-weight: 600;}
.history_area > .list > li .box .history_box .list li .month_box .text {}

.vision_area {}
/* .vision_area .vision_top {}
.vision_area .vision_top > .list {}
.vision_area .vision_top > .list > li {margin: 20px 0 0;}
.vision_area .vision_top > .list > li:first-child {margin: 0;}
.vision_area .vision_top > .list > li .box {display: flex; align-items: center; gap: 0 60px; padding: 40px 50px; border-radius: 30px; background-color: #f7f7f7;}
.vision_area .vision_top > .list > li .box .icon_box {display: flex; flex-shrink: 0; width: 165px; height: 165px; align-items: center; justify-content: center; border-radius: 50%; background-color: #fff;}
.vision_area .vision_top > .list > li .box .icon_box img {}
.vision_area .vision_top > .list > li .box .text_box {}
.vision_area .vision_top > .list > li .box .text_box .title {font-weight: 700; font-size: 28px; line-height: 30px; color: #2a4b99;}
.vision_area .vision_top > .list > li .box .text_box .text_list {margin: 20px 0 0;}
.vision_area .vision_top > .list > li .box .text_box .text_list li {margin: 12px 0 0;}
.vision_area .vision_top > .list > li .box .text_box .text_list li:first-child {margin: 0;}
.vision_area .vision_top > .list > li .box .text_box .text_list li .txt {display: inline-block; position: relative; padding: 0 0 0 15px; font-weight: 400; font-size: 17px; line-height: 24px; color: #888888;}
.vision_area .vision_top > .list > li .box .text_box .text_list li .txt:before {display: block; content: ""; position: absolute; left: 0; top: 8px; width: 6px; height: 6px; border-radius: 50%; background-color: #2a4b99;}
.vision_area .vision_top > .list > li .box .text_box .text_list li.none .txt {padding: 0;}
.vision_area .vision_top > .list > li .box .text_box .text_list li.none .txt:before {display: none;}
.vision_area .vision_btm {} */

/* new vision */
.vision_area .vision_wrap
.vision_area .vision_wrap {}
.vision_area .vision_wrap > .list {}
.vision_area .vision_wrap > .list > li {margin: 80px 0 0;}
.vision_area .vision_wrap > .list > li:first-child {margin: 0;}
.vision_area .vision_wrap > .list > li .box {display: flex; gap: 0 40px; align-items: center;}
.vision_area .vision_wrap > .list > li .box .img_box {flex-shrink: 0;}
.vision_area .vision_wrap > .list > li .box .img_box img {}
.vision_area .vision_wrap > .list > li .box .text_box {padding: 20px 0 0;}
.vision_area .vision_wrap > .list > li .box .text_box .title {font-weight: 700; font-size: 28px; line-height: 30px; color: #2a4b99;}
.vision_area .vision_wrap > .list > li .box .text_box .text_list {margin: 5px 0 0;}
.vision_area .vision_wrap > .list > li .box .text_box .text_list .list {}
.vision_area .vision_wrap > .list > li .box .text_box .text_list .list li {}
.vision_area .vision_wrap > .list > li .box .text_box .text_list .list li .txt {display: inline-block; position: relative; padding: 0 0 0 12px; font-weight: 400; font-size: 17px; line-height: 28px; color: #888888;}
.vision_area .vision_wrap > .list > li .box .text_box .text_list .list li .txt:before {display: block; content: ""; position: absolute; left: 0; top: 11px; width: 5px; height: 5px; border-radius: 50%; background-color: #2a4b99; }
.vision_area .vision_wrap > .list > li .box .text_box .text_list .list li.none .txt {padding: 0;}
.vision_area .vision_wrap > .list > li .box .text_box .text_list .list li.none .txt:before {display: none;}
.vision_area .vision_wrap > .list > li:nth-child(odd) .box .img_box {order: 2;}
.vision_area .vision_wrap > .list > li:nth-child(odd) .box .text_box {order: 1;}

@media screen and (max-width: 1400px){
	.vision_area .vision_wrap > .list > li {margin: 50px 0 0;}
	.vision_area .vision_wrap > .list > li .box {gap: 0 20px;}
	.vision_area .vision_wrap > .list > li .box .img_box {width: 50%;}
	.vision_area .vision_wrap > .list > li .box .text_box {width: 50%;}
	.vision_area .vision_wrap > .list > li .box .text_box .title {font-size: 24px; line-height: 26px;}
	.vision_area .vision_wrap > .list > li .box .text_box .text_list .list li .txt {font-size: 16px; line-height: 24px;}
	.vision_area .vision_wrap > .list > li .box .text_box .text_list .list li .txt:before {top: 9px;}
}
@media screen and (max-width: 1080px){
	.vision_area .vision_wrap > .list > li {margin: 30px 0 0;}
	.vision_area .vision_wrap > .list > li .box {gap: 0 10px; align-items: center;}
	.vision_area .vision_wrap > .list > li .box .text_box {padding: 0;}
	.vision_area .vision_wrap > .list > li .box .text_box .title {font-size: 20px; line-height: 22px;}
	.vision_area .vision_wrap > .list > li .box .text_box .text_list .list li .txt {padding: 0 0 0 8px; font-size: 14px; line-height: 20px;}
	.vision_area .vision_wrap > .list > li .box .text_box .text_list .list li .txt:before {top: 7px; width: 4px; height: 4px;}
}
@media screen and (max-width: 767px){
	.vision_area .vision_wrap > .list > li {margin: 20px 0 0;}
	.vision_area .vision_wrap > .list > li .box {flex-direction: column; gap: 10px;}
	.vision_area .vision_wrap > .list > li .box .img_box {width: 100%;}
	.vision_area .vision_wrap > .list > li .box .img_box img {width: 100%;}
	.vision_area .vision_wrap > .list > li .box .text_box {width: 100%;}
	.vision_area .vision_wrap > .list > li:nth-child(odd) .box .img_box {order: 1;}
	.vision_area .vision_wrap > .list > li:nth-child(odd) .box .text_box {order: 2;}
}




.sch_area {width: 100%; max-width: 400px; margin: 0 0 60px auto;}
.sch_area .sch_inner {display: flex; width: 100%; border-bottom: 2px solid #222222;}
.sch_area .sch_inner .select_box {width: 90px;}
.sch_area .sch_inner .select_box select {width: 100%; border: none; background-color: #fff; background-image: url("/kor/images/sub/slt_arr_icon.png"); background-position: right center; background-size: 10px 5px; background-repeat: no-repeat; font-weight: 400; font-size: 16px; line-height: 50px; color: #777777;}
.sch_area .sch_inner .select_box select option {}
.sch_area .sch_inner .input_box {width: calc(100% - 110px);}
.sch_area .sch_inner .input_box input {width: 100%; padding: 0 30px; border: none; background-color: initial; font-weight: 400; font-size: 16px; line-height: 50px; color: #777777;}
.sch_area .sch_inner .sch_btn {display: block; width: 20px;}
.sch_area .sch_inner .sch_btn img {}
.sch_area.w240 {max-width: 240px; margin: 0 0 20px auto;}
.sch_area.w240 .sch_inner .input_box {width: calc(100% - 20px);}
.sch_area.w240 .sch_inner .input_box input {padding: 0;}


.notice_area {}
.notice_area .list {}
.notice_area .list li {margin: 20px 0 0;}
.notice_area .list li:first-child {margin: 0;}
.notice_area .list li .box {display: block; padding: 35px 50px; border-radius: 10px; background-color: #f6f6f6; box-shadow: 0px 0px 10px rgb(0 0 0 / 20%)}
.notice_area .list li .box .menu {font-weight: 400; font-size: 16px; line-height: 20px; color: #2a4b99; letter-spacing: -0.035em;}
.notice_area .list li .box .title {margin: 5px 0 0; font-weight: 600; font-size: 24px; line-height: 33px; color: #222222; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word;}
.notice_area .list li .box .text {margin: 15px 0 0; font-weight: 400; font-size: 17px; line-height: 24px; color: #888888; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.notice_area .list li .box .date {margin: 15px 0 0; font-weight: 400; font-size: 16px; line-height: 24px; color: #222222;}
.notice_area .list li .box:hover, .notice_area .list li .box:focus {background-color: #2a4b99;}
.notice_area .list li .box:hover .menu, .notice_area .list li .box:focus .menu {color: #aecbd8;}
.notice_area .list li .box:hover .title, .notice_area .list li .box:focus .title {color: #ffffff;}
.notice_area .list li .box:hover .text, .notice_area .list li .box:focus .text {color: #fff;}
.notice_area .list li .box:hover .date, .notice_area .list li .box:focus .date {color: #e0e0e0;}

.board_view {border-top: 2px solid #2a4b99;}
.board_view .board_top {padding: 15px;}
.board_view .board_top > .title {font-weight: 500; font-size: 30px; line-height: 40px; color: #222222;}
.board_view .board_top .info_list {margin: 20px 0 0;}
.board_view .board_top .info_list .list {display: flex; column-gap: 25px; row-gap: 5px; flex-wrap: wrap;}
.board_view .board_top .info_list .list li {}
.board_view .board_top .info_list .list li .box {display: flex; column-gap: 5px;}
.board_view .board_top .info_list .list li .box .title {font-weight: 300; font-size: 14px; line-height: 21px; color: #222222;}
.board_view .board_top .info_list .list li .box .text {font-weight: 300; font-size: 14px; line-height: 21px; color: #777777;}
.board_view .board_cont {padding: 50px 80px; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee;}
.board_view .board_cont .text {font-size: 16px; line-height: 1.5;}
.board_view .post_nav {margin: 45px 0 0; border-top: 1px solid #eeeeee;}
.board_view .post_nav .list {}
.board_view .post_nav .list li {padding: 16px 0; border-bottom: 1px solid #eeeeee;}
.board_view .post_nav .list li .item_wrapper {display: table; table-layout: fixed; width: 100%; position: relative;}
.board_view .post_nav .list li .item_wrapper .tit {display: table-cell; position: relative; width: 145px; padding: 0 20px 0 30px; vertical-align: middle;}
.board_view .post_nav .list li .item_wrapper .tit .icon {position: relative; background-repeat: no-repeat; background-position: right center; font-weight: 400; font-size: 16px; line-height: 27px; color: #222222;}
.board_view .post_nav .list li.prev .item_wrapper .tit .icon {background-image: url("/kor/images/sub/prev_icon.png");}
.board_view .post_nav .list li.next .item_wrapper .tit .icon {background-image: url("/kor/images/sub/next_icon.png");}
.board_view .post_nav .list li .item_wrapper .tit:before {display: block;content: ""; position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 20px; background-color: #dddddd;}
.board_view .post_nav .list li .item_wrapper .post {display: table-cell; width: 100%; padding: 0 20px; vertical-align: middle; font-weight: 400; font-size: 16px; line-height: 27px; color: #777777;}
.board_view .post_nav .list li .item_wrapper .post a {height: 27px; display: block; text-align: left; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; color: #888;}


.catalog_area {}
.catalog_area .list {display: flex; flex-wrap: wrap; gap: 40px 26px;}
.catalog_area .list li {width: calc(25% - 19.5px);}
.catalog_area .list li .box {}
.catalog_area .list li .box .box_inner {position: relative; padding: 14px; border-radius: 20px; border: 1px solid #e5e5e5; background-color: #fff; box-shadow: 0px 0px 14px 5px rgba(0, 0, 0, 0.05);}
.catalog_area .list li .box .box_inner .img_box {}
.catalog_area .list li .box .box_inner .img_box .img_inner {position: relative; padding: 0 0 142.52%; overflow: hidden; /* border: 1px solid #e5e5e5; */}
.catalog_area .list li .box .box_inner .img_box .img_inner img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; /* object-fit: contain; */}
.catalog_area .list li .box .box_inner .hover_box {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; border-radius: 20px; background-color: rgba(0, 0, 0, 0.4);}
.catalog_area .list li .box .box_inner .hover_box .hover_inner {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%)}
.catalog_area .list li .box .box_inner .hover_box .hover_inner .down_btn {display: flex; justify-content: center; align-items: center; width: 60px; height: 60px; margin: 0 auto; border-radius: 50%; background-color: #2a4b99;}
.catalog_area .list li .box .box_inner .hover_box .hover_inner .down_btn img {}
.catalog_area .list li .box .box_inner .hover_box .hover_inner .text {margin: 20px 0 0; font-weight: 600; font-size: 18px; line-height: 24px; color: #ffffff;}
.catalog_area .list li .box .text_box {margin: 10px 0 0; text-align: center;}
.catalog_area .list li .box .text_box .text {font-weight: 500; font-size: 17px; line-height: 26px; color: #111111; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.catalog_area .list li .box:hover .box_inner .hover_box, .catalog_area .list li .box:focus .box_inner .hover_box {display: block;}




.contact_area {}
.contact_area > .list {display: flex; flex-wrap: wrap; gap: 10px;}
.contact_area > .list li {width: calc(50% - 5px);}
.contact_area > .list li.w100 {width: 100%}
.contact_area > .list li .box {}
.contact_area > .list li .box select {width: 100%; padding: 17px 20px; background: #fbfbfb url("/kor/images/sub/slt_icon.png") no-repeat right 20px center; border: 1px solid #e9e9e9; border-radius: 10px; font-weight: 400; font-size: 17px; line-height: 24px; color: #222222;}
.contact_area > .list li .box select option {}
.contact_area > .list li .box input {width: 100%; padding: 17px 20px; background-color: #fbfbfb; border: 1px solid #e9e9e9; border-radius: 10px; font-weight: 400; font-size: 17px; line-height: 24px; color: #222222;}
.contact_area > .list li .box textarea {display: block; width: 100%; height: 290px; resize: none; padding: 20px 18px; background-color: #fbfbfb; border: 1px solid #e9e9e9; border-radius: 10px; font-family: "Noto Sans KR"; font-weight: 400; font-size: 17px; line-height: 24px; color: #222222;}
.contact_area .check_area {display: flex; align-items: center; justify-content: end; column-gap: 10px; margin: 20px 0 0;}
.contact_area .check_area .chk_inner {}
.contact_area .check_area .chk_inner input {}
.contact_area .check_area .chk_inner label {color: #222;}
.contact_area .check_area .policy_btn {display: block; width: 100px; background: #2a4b99; border-radius: 16px; font-weight: 400; font-size: 14px; line-height: 33px; color: #fff; text-align: center;}
.contact_area .contact_info {}
.contact_area .contact_info > .list {display: flex; gap: 0 45px;}
.contact_area .contact_info > .list > li {width: 100%;}
.contact_area .contact_info > .list > li .box {height: 100%; padding: 35px 30px; border: 1px solid #dedede; border-radius: 20px;}
.contact_area .contact_info > .list > li .box .title {font-weight: 500; font-size: 22px; line-height: 24px; color: #111111; text-align: center; text-transform: uppercase;}
.contact_area .contact_info > .list > li .box .info_box {margin: 20px 0 0;}
.contact_area .contact_info > .list > li .box .info_box .list {}
.contact_area .contact_info > .list > li .box .info_box .list li {margin: 10px 0 0;}
.contact_area .contact_info > .list > li .box .info_box .list li:first-child {margin: 0;}
.contact_area .contact_info > .list > li .box .info_box .list li .txt {display: inline-block; position: relative; padding: 0 0 0 32px; background-position: left top 2px; background-repeat: no-repeat; font-weight: 500; font-size: 17px; line-height: 24px; color: #111111;}
.contact_area .contact_info > .list > li .box .info_box .list li.icon01 .txt {background-image: url("/kor/images/sub/contact_icon01.png");}
.contact_area .contact_info > .list > li .box .info_box .list li.icon02 .txt {background-image: url("/kor/images/sub/contact_icon02.png");}
.contact_area .contact_info > .list > li .box .info_box .list li.icon03 .txt {background-image: url("/kor/images/sub/contact_icon03.png");}


.certi_area {}
.certi_area > .list {}
.certi_area > .list > li {margin: 70px 0 0;}
.certi_area > .list > li:first-child {margin: 0;}
.certi_area > .list > li > .box {}
.certi_area > .list > li > .box .sub_title_area {}
.certi_area > .list > li > .box .certi_box {}
.certi_area > .list > li > .box .certi_box .list {display: flex; gap: 40px; flex-wrap: wrap;}
.certi_area > .list > li > .box .certi_box .list li {width: calc(25% - 30px);}
.certi_area > .list > li > .box .certi_box .list li .box {display: block;}
.certi_area > .list > li > .box .certi_box .list li .box .img_box {padding: 30px; border: 1px solid #eeeeee; border-radius: 30px; box-shadow: 3.5px 6.1px 5px rgba(0, 0, 0, 0.05); overflow: hidden;}
.certi_area > .list > li > .box .certi_box .list li .box .img_box .img_inner {position: relative; padding: 0 0 140.785%;}
.certi_area > .list > li > .box .certi_box .list li .box .img_box .img_inner img {position: absolute; left: 0; top: 0; width: 100%; height: 100%; object-fit: contain;}
.certi_area > .list > li > .box .certi_box .list li .box .text_box {margin: 10px 0 0; text-align: center;}
.certi_area > .list > li > .box .certi_box .list li .box .text_box .text {font-weight: 600; font-size: 17px; line-height: 24px; color: #222222;}

.tech_area {}
.tech_area .tech_top {height: 560px; background: url("/kor/images/sub/tech_bg.png") no-repeat center / cover;}
.tech_area .tech_top .container {height: 100%;}
.tech_area .tech_top .text_box  {height: 100%; align-content: center; text-align: center;}
.tech_area .tech_top .text_box .title {font-weight: 600; font-size: 30px; line-height: 34px; color: #ffffff;}
.tech_area .tech_top .text_box .text {margin: 20px 0 0; font-weight: 400; font-size: 17px; line-height: 24px; color: #ffffff;}
.tech_area .tech_btm {}
.tech_area .tech_btm .info_box {}
.tech_area .tech_btm .info_box .list {}
.tech_area .tech_btm .info_box .list li {margin: 20px 0 0;}
.tech_area .tech_btm .info_box .list li:first-child {margin: 0;}
.tech_area .tech_btm .info_box .list li .box {display: flex; height: 160px; align-items: center; border: 1px solid #189fe0; border-radius: 20px; overflow: hidden;}
.tech_area .tech_btm .info_box .list li .box .title {height: 100%;padding: 10px; align-content: center; flex-shrink: 0; width: 220px; background-color: #189fe0; font-weight: 500; font-size: 20px; line-height: 24px; color: #ffffff; text-align: center;}
.tech_area .tech_btm .info_box .list li .box .text {height: 100%; padding: 30px; align-content: center; background-color: #f2fbff; font-weight: 400; font-size: 17px; line-height: 24px; color: #222222;}

.com_tab_area {margin: 0 0 30px;}
.com_tab_area .list {display: flex; justify-content: center; gap: 0 10px;}
.com_tab_area .list li {}
.com_tab_area .list li .box {display: block; padding: 0 40px; border: 1px solid #2a4b99; border-radius: 20px; font-weight: 400; font-size: 16px; line-height: 38px; color: #222222;}
.com_tab_area .list li.on .box {background-color: #2a4b99; font-weight: 700; color: #fff;}
.com_tab_area .list li .box:hover, .com_tab_area .list li .box:focus {background-color: #2a4b99; font-weight: 700; color: #fff;}
.com_tab_cont {display: none;}
.com_tab_cont.on {display: block;}

.map_area {}
.map_area .map_top {position: relative; padding: 0 0 44.3%; border-radius: 25px; border: 1px solid #e5e5e5; overflow: hidden;}
.map_area .map_top .map {position: absolute; left: 0; top: 0; width: 100%; height: 100%;}
.map_area .map_top .name {padding: 10px 20px; background-color: #2a4b99; font-weight: 700; font-size: 18px; color: #fff;}
.map_area .map_top .gm-style .gm-style-iw-d {overflow: inherit !important; background-color: #2a4b99;}
.map_area .map_top .gm-style .gm-style-iw-c {padding: 0 !important; background-color: #2a4b99;}
.map_area .map_top .gm-style .gm-style-iw-tc {display: none;}
.map_area .map_top .gm-style-iw-ch {display: none;}
.map_area .map_top .gm-ui-hover-effect>span {background-color: #2a4b99;}
.map_area .map_top button {display: none !important;}
.map_area .map_top .gmnoprint {display: none !important;}
.map_area .map_btm {}
.map_area .map_btm .map_info {display: flex; align-items: center; gap: 0 60px;}
.map_area .map_btm .map_info .img_box {}
.map_area .map_btm .map_info .img_box img {}
.map_area .map_btm .map_info .text_box {}
.map_area .map_btm .map_info .text_box .title {font-weight: 700; font-size: 34px; line-height: 40px; color: #222222;}
.map_area .map_btm .map_info .text_box .text_list {margin: 30px 0 0;}
.map_area .map_btm .map_info .text_box .text_list li {margin: 15px 0 0;}
.map_area .map_btm .map_info .text_box .text_list li:First-child {margin: 0}
.map_area .map_btm .map_info .text_box .text_list li .text {display: inline-block; position: relative; padding: 0 0 0 34px; background-position: left top 4px; background-repeat: no-repeat; font-weight: 400; font-size: 17px; line-height: 24px; color: #111111;}
.map_area .map_btm .map_info .text_box .text_list li.icon01 .text {background-image: url("/kor/images/sub/map_icon01.png");}
.map_area .map_btm .map_info .text_box .text_list li.icon02 .text {background-image: url("/kor/images/sub/map_icon02.png");}
.map_area .map_btm .map_info .text_box .text_list li.icon03 .text {background-image: url("/kor/images/sub/map_icon03.png");}
.map_area .map_btm .map_info .text_box .map_btn {display: block; width: 260px; margin: 50px 0 0; background-color: #2a4b99; border: 2px solid #2a4b99; border-radius: 28px; font-weight: 600; font-size: 17px; line-height: 52px; color: #fff; text-align: center;}
.map_area .map_btm .map_info .text_box .map_btn:hover, .map_area .map_btm .map_info .text_box .map_btn:focus {background-color: #fff; color: #2a4b99;}

.process_area {}
.process_area > .list {}
.process_area > .list > li {margin: 110px 0 0;}
.process_area > .list > li:first-child {margin: 0;}
.process_area > .list > li .box {}
.process_area > .list > li .box .sub_title_area {}
.process_area > .list > li .box .sub_title_area .title {}
.process_area > .list > li .box .process_top {padding: 40px; border-radius: 30px; background-color: #f6f6f6;}
.process_area > .list > li .box .process_top .info_box {}
.process_area > .list > li .box .process_top .info_box .info_list {display: flex; flex-wrap: wrap; gap: 12px 0;}
.process_area > .list > li .box .process_top .info_box .info_list li {width: 33.3333%;}
.process_area > .list > li .box .process_top .info_box .info_list li .txt {display: inline-block; position: relative; padding: 0 0 0 15px; font-weight: 400; font-size: 17px; line-height: 20px; color: #222222;}
.process_area > .list > li .box .process_top .info_box .info_list li .txt:before {display: block; content: ""; position: absolute; left: 0; top: 7px; width: 6px; height: 6px; border-radius: 50%; background-color: #2a4b99;}
.process_area > .list > li .box .process_btm {}
.process_area > .list > li .box .process_btm .img_list {display: flex; flex-wrap: wrap; gap: 50px 26px;}
.process_area > .list > li .box .process_btm .img_list li {width: calc(25% - 19.5px);}
.process_area > .list > li .box .process_btm .img_list li .info_box {}
.process_area > .list > li .box .process_btm .img_list li .info_box .img_box img {}
.process_area > .list > li .box .process_btm .img_list li .info_box .text {margin: 14px 0 0; font-weight: 400; font-size: 17px; line-height: 24px; color: #222222; text-align: center;}
.process_area > .list > li .box .process_btm .img_list.sty2 {display: flex; flex-wrap: wrap; gap: 50px 30px;}
.process_area > .list > li .box .process_btm .img_list.sty2 li {width: calc(50% - 15px);}

.business_area {}
.business_area .business_com_text {height: 460px; background-position: center; background-repeat: no-repeat; background-size: cover;}
.business_area .business_com_text.bg01 {background-image: url("/kor/images/sub/business_bg01.png");}
.business_area .business_com_text.bg02 {background-image: url("/kor/images/sub/business_bg02.png");}
.business_area .business_com_text .container {height: 100%;}
.business_area .business_com_text .text_box {height: 100%; align-content: center; text-align: center;}
.business_area .business_com_text .text_box .title {font-weight: 700; font-size: 36px; line-height: 42px; color: #ffffff;}
.business_area .business_com_text .text_box .text {margin: 10px 0 0; font-weight: 400; font-size: 17px; line-height: 25px; color: #ffffff;}
.business_area .business_logo {}
.business_area .business_logo .list {display: flex; gap: 14px 24px; flex-wrap: wrap;}
.business_area .business_logo .list li {width: calc(16.6666% - 20px);}
.business_area .business_logo .list li .img_box {display: flex; align-items: center; justify-content: center; height: 80px; padding: 5px; border: 1px solid #e5e5e5;}
.business_area .business_logo .list li .img_box img {}
.business_area .achieve_area {}
.business_area .achieve_area .title {font-weight: 700; font-size: 36px; line-height: 42px; color: #222222;}
.business_area .achieve_area .achieve_list {margin: 20px 0 0; padding: 40px; background-color: #f6f6f6; border-radius:30px;}
.business_area .achieve_area .achieve_list .list {}
.business_area .achieve_area .achieve_list .list li {margin: 10px 0 0;}
.business_area .achieve_area .achieve_list .list li:first-child {margin: 0;}
.business_area .achieve_area .achieve_list .list li .txt {position: relative; display: inline-block; padding: 0 0 0 15px; font-weight: 400; font-size: 17px; line-height: 24px; color: #222222;}
.business_area .achieve_area .achieve_list .list li .txt:before {display: block; content: ""; position: absolute; left: 0; top: 9px; width: 6px; height: 6px; border-radius: 50%; background-color: #2a4b99;}
.business_area .achieve_area .achieve_list .list li .txt .blue {font-weight: 600;}

.business_com_img.bg03 .container{
  max-width: none;
  padding-left: 0;
  padding-right: 0;
}
.business_com_img.bg03 .map_stage{
  position: relative;
  width: 100vw;
  margin-left: calc(50% - 50vw);
  margin-right: calc(50% - 50vw);

  aspect-ratio: 1920 / 700;
  overflow: hidden;
}
.business_com_img.bg03 .map_stage > img{
  position: absolute;
  inset: 0;
  width: 100%;
  height: 100%;
  object-fit: cover;     
  object-position: center;
}
.business_com_img.bg03 .map_arrow_all{
  z-index: 2;
  pointer-events: none;
}
.business_com_img.bg03 .map_bg{ z-index: 1; }


.about_area01 {}
.about_area01 .about01_top {padding: 95px 0 85px; background: url("/kor/images/sub/about05_img01.png") no-repeat center / cover;}
.about_area01 .about01_top .text_box {text-align: center;}
.about_area01 .about01_top .text_box .title {font-weight: 700; font-size: 38px; line-height: 40px; color: #ffffff;}
.about_area01 .about01_top .text_box .text_list {margin: 25px 0 0;}
.about_area01 .about01_top .text_box .text_list li {margin: 40px 0 0;}
.about_area01 .about01_top .text_box .text_list li:first-child {margin: 0;}
.about_area01 .about01_top .text_box .text_list li .box {}
.about_area01 .about01_top .text_box .text_list li .box .tit {font-weight: 600; font-size: 25px; line-height: 28px; color: #ffffff;}
.about_area01 .about01_top .text_box .text_list li .box .txt {font-weight: 400; font-size: 17px; line-height: 24px; color: #ffffff;}
.about_area01 .about01_top .text_box .icon_list {margin: 100px 0 0;}
.about_area01 .about01_top .text_box .icon_list .list {display: flex; gap: 0 25px}
.about_area01 .about01_top .text_box .icon_list .list li {width: 100%;}
.about_area01 .about01_top .text_box .icon_list .list li .box {display: flex; align-items: center; gap: 0 20px; height: 100%; padding: 35px 40px; border: 1px solid #fff; border-radius: 20px;}
.about_area01 .about01_top .text_box .icon_list .list li .box .icon_box {flex-shrink: 0;}
.about_area01 .about01_top .text_box .icon_list .list li .box .icon_box img {}
.about_area01 .about01_top .text_box .icon_list .list li .box .text_box {font-weight: 500; font-size: 18px; line-height: 24px; color: #ffffff; text-align: left;}
.about_area01 .about01_mid {}
.about_area01 .about01_mid .quality_top {}
.about_area01 .about01_mid .quality_top .quality_box {display: flex; gap: 0 40px;}
.about_area01 .about01_mid .quality_top .quality_box .img_box {flex-shrink: 0;}
.about_area01 .about01_mid .quality_top .quality_box .img_box img {}
.about_area01 .about01_mid .quality_top .quality_box .text_list {padding: 20px 0 0;}
.about_area01 .about01_mid .quality_top .quality_box .text_list .list {}
.about_area01 .about01_mid .quality_top .quality_box .text_list .list li {margin: 40px 0 0;}
.about_area01 .about01_mid .quality_top .quality_box .text_list .list li:first-child {margin: 0;}
.about_area01 .about01_mid .quality_top .quality_box .text_list .list li .box {}
.about_area01 .about01_mid .quality_top .quality_box .text_list .list li .box .title {font-weight: 700; font-size: 28px; line-height: 1; color: #2a4b99;}
.about_area01 .about01_mid .quality_top .quality_box .text_list .list li .box .text {margin: 5px 0 0; font-weight: 400; font-size: 17px; line-height: 28px; color: #888888;}
.about_area01 .about01_mid .quality_btm {}
.about_area01 .about01_mid .quality_btm .text {font-weight: 600; font-size: 24px; line-height: 28px; color: #222222; text-align: center;}
.about_area01 .about01_mid .quality_btm .info_list {}
.about_area01 .about01_mid .quality_btm .info_list > .list {display: flex; gap: 20px 35px; flex-wrap: wrap;}
.about_area01 .about01_mid .quality_btm .info_list > .list > li {width: calc(50% - 17.5px);}
.about_area01 .about01_mid .quality_btm .info_list > .list > li .box {display: flex; height: 100px; border: 1px solid #189fe0; border-radius: 50px; overflow: hidden;}
.about_area01 .about01_mid .quality_btm .info_list > .list > li .box .title {width: 190px; flex-shrink: 0; align-content: center; padding: 0 35px; background-color: #189fe0; font-weight: 500; font-size: 18px; line-height: 24px; color: #ffffff;}
.about_area01 .about01_mid .quality_btm .info_list > .list > li .box .text_box {width: 100%; align-content: center; padding: 0 40px 0 20px; background-color: #f2fbff;}
.about_area01 .about01_mid .quality_btm .info_list > .list > li .box .text_box .list {}
.about_area01 .about01_mid .quality_btm .info_list > .list > li .box .text_box .list li {}
.about_area01 .about01_mid .quality_btm .info_list > .list > li .box .text_box .list li .txt {position: relative; display: inline-block; padding: 0 0 0 10px; font-weight: 400; font-size: 17px; line-height: 24px; color: #222222;}
.about_area01 .about01_mid .quality_btm .info_list > .list > li .box .text_box .list li .txt:before {display: block; content: ""; position: absolute; left: 0; top: 8px; width: 5px; height: 5px; border-radius: 50%; background-color: #189fe0;}
.about_area01 .about01_btm {}
.about_area01 .about01_btm .esg_area {}
.about_area01 .about01_btm .esg_area > .list {}
.about_area01 .about01_btm .esg_area > .list > li {margin: 80px 0 0;}
.about_area01 .about01_btm .esg_area > .list > li:first-child {margin: 0;}
.about_area01 .about01_btm .esg_area > .list > li .box {display: flex; gap: 0 40px;}
.about_area01 .about01_btm .esg_area > .list > li .box .img_box {flex-shrink: 0;}
.about_area01 .about01_btm .esg_area > .list > li .box .img_box img {}
.about_area01 .about01_btm .esg_area > .list > li .box .text_box {padding: 20px 0 0;}
.about_area01 .about01_btm .esg_area > .list > li .box .text_box .title {font-weight: 700; font-size: 28px; line-height: 30px; color: #2a4b99;}
.about_area01 .about01_btm .esg_area > .list > li .box .text_box .text_list {margin: 5px 0 0;}
.about_area01 .about01_btm .esg_area > .list > li .box .text_box .text_list .list {}
.about_area01 .about01_btm .esg_area > .list > li .box .text_box .text_list .list li {}
.about_area01 .about01_btm .esg_area > .list > li .box .text_box .text_list .list li .txt:before {display: block; content: ""; position: absolute; left: 0; top: 11px; width: 5px; height: 5px; border-radius: 50%; background-color: #2a4b99; }
.about_area01 .about01_btm .esg_area > .list > li .box .text_box .text_list .list li .txt {display: inline-block; position: relative; padding: 0 0 0 12px; font-weight: 400; font-size: 17px; line-height: 28px; color: #888888;}
.about_area01 .about01_btm .esg_area > .list > li .box .text_box .text_list .list li .txt sub{font-size: 13px; vertical-align: middle;}
.about_area01 .about01_btm .esg_area > .list > li .box .text_box .text_list .list li.none .txt {padding: 0;}
.about_area01 .about01_btm .esg_area > .list > li .box .text_box .text_list .list li.none .txt:before {display: none;}
.about_area01 .about01_btm .esg_area > .list > li:nth-child(even) .box .img_box {order: 2;}
.about_area01 .about01_btm .esg_area > .list > li:nth-child(even) .box .text_box {order: 1;}


.gallery_area {}
.gallery_area .list {display: flex; flex-wrap: wrap; gap: 30px 25px;}
.gallery_area .list li {width: calc(25% - 18.75px);}
.gallery_area .list li .box {display: block; border-radius: 20px; overflow: hidden;}
.gallery_area .list li .box .box_inner {position: relative;}
.gallery_area .list li .box .box_inner .img_box {}
.gallery_area .list li .box .box_inner .img_box .img_inner {position: relative; padding: 0 0 126%;}
.gallery_area .list li .box .box_inner .img_box .img_inner img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain;}
.gallery_area .list li .box .box_inner .hover_box {display: none; position: absolute; left: 0; top: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.6); text-align: center;}
.gallery_area .list li .box .box_inner .hover_box .inner {display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; padding: 5px;}
.gallery_area .list li .box .box_inner .hover_box .inner .title {font-weight: 500; font-size: 22px; line-height: 30px; color: #ffffff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word;}
.gallery_area .list li .box .box_inner .hover_box .inner .text {margin: 10px 0 0; font-weight: 300; font-size: 16px; line-height: 24px; color: #ffffff; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.gallery_area .list li .box .box_inner .hover_box .inner .date {display: inline-block; position: relative; margin: 45px 0 0; font-weight: 400; font-size: 16px; line-height: 20px; color: #ffffff;}
.gallery_area .list li .box:hover .box_inner .hover_box, .gallery_area .list li .box:focus .box_inner .hover_box {display: block;}

.pop_gallery_view {display: none; position: fixed; left: 0; top: 0; right: 0; bottom: 0; background-color: rgba(0, 0, 0, 0.7); z-index: 99999;}
.pop_gallery_view .pop_inner {position: relative; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; max-width: 1460px; padding: 0 50px;}
.pop_gallery_view .pop_inner .gallery_btn {position: absolute; top: 50%; transform: translateY(-50%);}
.pop_gallery_view .pop_inner .gallery_btn img {}
.pop_gallery_view .pop_inner .gallery_btn.prev {left: 0;}
.pop_gallery_view .pop_inner .gallery_btn.next {right: 0;}
.pop_gallery_view .pop_inner .close_btn {position: absolute; right: 30px; top: 30px; z-index: 2222;}
.pop_gallery_view .pop_inner .close_btn img {}
.pop_gallery_view .pop_inner .cont {position: relative; width: 100%; max-height: 840px; border-radius: 40px; overflow-y: auto; padding: 80px 60px 40px; background-color: #fff;}
.pop_gallery_view .pop_inner .cont .text_box {display: flex; justify-content: space-between; flex-wrap: wrap;}
.pop_gallery_view .pop_inner .cont .text_box .title {font-weight: 500; font-size: 26px; line-height: 30px; color: #222222;}
.pop_gallery_view .pop_inner .cont .text_box .info_box {}
.pop_gallery_view .pop_inner .cont .text_box .info_box .list {display: flex; gap: 0 25px}
.pop_gallery_view .pop_inner .cont .text_box .info_box .list li {position: relative; padding: 0 0 0 40px; font-weight: 300; font-size: 14px; line-height: 30px; color: #777777;}
.pop_gallery_view .pop_inner .cont .text_box .info_box .list li .tit {position: absolute; left: 0; top: 0; color: #222222;}
.pop_gallery_view .pop_inner .cont .gallery_slide_area {overflow: hidden; margin: 20px 0 0;}
.pop_gallery_view .pop_inner .cont .gallery_slide_area .list {}
.pop_gallery_view .pop_inner .cont .gallery_slide_area .list li {}
.pop_gallery_view .pop_inner .cont .gallery_slide_area .list li .img_box {}
.pop_gallery_view .pop_inner .cont .gallery_slide_area .list li .img_box .img_inner {position: relative; padding: 0 0 43.3%; overflow: hidden;}
.pop_gallery_view .pop_inner .cont .gallery_slide_area .list li .img_box .img_inner img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); object-fit: contain;}
.pop_gallery_view .pop_inner .cont .thumb_slide_area {margin: 15px 0 0; overflow: hidden;}
.pop_gallery_view .pop_inner .cont .thumb_slide_area .list {}
.pop_gallery_view .pop_inner .cont .thumb_slide_area .list li {}
/* .pop_gallery_view .pop_inner .cont .thumb_slide_area .list li.swiper-slide-thumb-active .img_box {border: 3px solid red} */
.pop_gallery_view .pop_inner .cont .thumb_slide_area .list li .img_box {cursor: pointer}
.pop_gallery_view .pop_inner .cont .thumb_slide_area .list li .img_box .img_inner {position: relative; padding: 0 0 59%;}
.pop_gallery_view .pop_inner .cont .thumb_slide_area .list li .img_box .img_inner img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: cover;}


.video_area {}
.video_area .list {display: flex; flex-wrap: wrap; gap: 30px;}
.video_area .list li {width: calc(33.3333% - 20px);}
.video_area .list li .box {height: 100%; border-radius: 20px; }
.video_area .list li .box .box_inner {}
.video_area .list li .box .box_inner .img_box {background-color: #fff; border-radius: 20px; position: relative; padding-bottom: 56.41%; overflow: hidden;}
.video_area .list li .box .box_inner .img_box .img_inner {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%;}
.video_area .list li .box .box_inner .img_box .img_inner img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); object-fit: contain; transition: all 0.5s;}
.video_area .list li .box .box_inner .img_box .img_inner iframe {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%;}
.video_area .list li .box .box_inner .img_box .img_inner video {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%;}
.video_area .list li .box .box_inner .text_box {margin: 15px 0 0; text-align: center;}
.video_area .list li .box .box_inner .text_box .title {font-weight: 500; font-size: 20px; line-height: 30px; color: #222222;  overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap: break-word;}
.video_area .list li .box .box_inner .text_box .text {margin: 10px 0 0; font-weight: 300; font-size: 16px; line-height: 24px; color: #222222;}
.video_area .list li .box .box_inner .text_box .date {margin: 5px 0 0; font-weight: 300; font-size: 16px; line-height: 24px; color: #222222;}
.video_area .list li .box:hover .box_inner .img_box .img_inner img, .video_area .list li .box:focus .box_inner .img_box .img_inner img {transform: translate(-50%, -50%) scale(1.1);}

.rnd_area {}
.rnd_area .rnd_box {padding: 100px 0; background: url("/kor/images/sub/rnd01_img01.png") no-repeat center / cover;}
.rnd_area .rnd_box .container {}
.rnd_area .rnd_box .text_box {text-align: center;}
.rnd_area .rnd_box .text_box .title {font-weight: 700; font-size: 36px; line-height: 40px; color: #ffffff;}
.rnd_area .rnd_box .text_box .text {margin: 5px 0 0; font-weight: 400; font-size: 17px; line-height: 26px; color: #ffffff;}
.rnd_area .rnd_box .text_box .info_list {}
.rnd_area .rnd_box .text_box .info_list .list {display: flex; gap: 0 26px;}
.rnd_area .rnd_box .text_box .info_list .list li {width: 100%;}
.rnd_area .rnd_box .text_box .info_list .list li .box {height: 100%; padding: 25px 10px; border: 1px solid #fff; border-radius: 20px; background-color: rgba(0, 0, 0, 0.3);}
.rnd_area .rnd_box .text_box .info_list .list li .box .txt_box {text-align: center;}
.rnd_area .rnd_box .text_box .info_list .list li .box .txt_box .tit {font-weight: 700; font-size: 22px; line-height: 30px; color: #ffffff;}
.rnd_area .rnd_box .text_box .info_list .list li .box .txt_box .txt {margin: 10px 0 0; font-weight: 400; font-size: 17px; line-height: 24px; color: #ffffff;}
.rnd_area .gray_box {padding: 35px 40px; background-color: #f6f6f6; border-radius: 30px;}
.rnd_area .gray_box .list {}
.rnd_area .gray_box .list li {margin: 10px 0 0;}
.rnd_area .gray_box .list li:first-child {margin: 0;}
.rnd_area .gray_box .list li .txt {position: relative; display: inline-block; padding: 0 0 0 16px; font-weight: 400; font-size: 17px; line-height: 24px; color: #222222;}
.rnd_area .gray_box .list li .txt:before {display: block; content: ""; position: absolute; left: 0; top: 9px; width: 6px; height: 6px; border-radius: 50%; background-color: #2a4b99;}
.rnd_area .process_list {}
.rnd_area .process_list .list {display: flex; gap: 0 26px;}
.rnd_area .process_list .list li {width: 100%;}
.rnd_area .process_list .list li .box {position: relative; text-align: center; border-radius: 30px; overflow: hidden;}
.rnd_area .process_list .list li .box .bg_box {}
.rnd_area .process_list .list li .box .bg_box img {}
.rnd_area .process_list .list li .box .text_box {position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 115px 10px 0;}
.rnd_area .process_list .list li .box .text_box .title {position: relative; margin: 0 0 25px; padding: 0 0 25px; font-weight: 600; font-size: 30px; line-height: 38px; color: #ffffff;}
.rnd_area .process_list .list li .box .text_box .title:before {display: block; content: ""; position: absolute; left: 50%; transform: translateX(-50%); bottom: 0; width: 50px; height: 1px; background-color: #fcfcfc;}
.rnd_area .process_list .list li .box .text_box .text {font-weight: 400; font-size: 17px; line-height: 24px; color: #ffffff;}

.rnd_area .about_area01 .about01_btm .esg_area > .list > li .box .img_box img {border-radius: 30px;}
.rnd_area .about_area01 .about01_btm .esg_area > .list > li:nth-child(odd) .box .img_box {order: 2;}
.rnd_area .about_area01 .about01_btm .esg_area > .list > li:nth-child(odd) .box .text_box {order: 1;}
.rnd_area .about_area01 .about01_btm .esg_area > .list > li:nth-child(even) .box .img_box {order: 1;}
.rnd_area .about_area01 .about01_btm .esg_area > .list > li:nth-child(even) .box .text_box {order: 2;}

.prd_area {}
.prd_area .list {display: flex; flex-wrap: wrap; gap: 60px 24px;}
.prd_area .list li {width: calc(25% - 18px);}
.prd_area .list li .box {position: relative; padding: 40px; background-color: #f7f7f7; border-radius: 30px; overflow: hidden;}
.prd_area .list li .box .box_inner {}
.prd_area .list li .box .box_inner .title {height: 78px; font-weight: 700; font-size: 22px; line-height: 26px; color: #222222; text-align: center; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; word-wrap: break-word;}
.prd_area .list li .box .box_inner .img_box {margin: 20px 0 0; position: relative; padding-bottom: 105.41%; overflow: hidden;}
.prd_area .list li .box .box_inner .img_box img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain; mix-blend-mode: multiply; }
.prd_area .list li .box .hover_box {position: absolute; left: 0; top: 0; width: 100%; height: 100%; padding: 10px; background-color: rgba(0, 0, 0, 0.7); align-content: center; opacity: 0;	transition: all 0.5s;}
.prd_area .list li .box .hover_box .title {font-weight: 700; font-size: 30px; line-height: 36px; color: #ffffff;}
.prd_area .list li .box .hover_box .plus_icon {display: flex; align-items: center; justify-content: center; width: 60px; height: 60px; margin: 20px auto 0; border: 1px solid #fff; border-radius: 50%;}
.prd_area .list li .box .hover_box .plus_icon img {}
.prd_area .list li .box:hover .hover_box, .prd_area .list li .box:focus .hover_box {opacity: 1;}


.prd_pop_area {display: none; position: fixed; left: 0; bottom: 0; top: 0; right: 0; background-color: rgba(0, 0, 0, 0.8); z-index: 9999; overflow-x: hidden; overflow-y: auto;}
.prd_pop_area .pop_inner {position: absolute; left: 50%; top: 100px; transform: translateX(-50%); width: 100%; max-width: 1360px; margin: 0 auto; padding: 100px 0;}
.prd_pop_area .pop_inner .cont {position: relative; height: 100%; border-radius: 40px; background-color: #fff;  overflow: hidden;}
.prd_pop_area .pop_inner .cont .pop_close {position: absolute; right: 30px; top: 30px; z-index: 22;}
.prd_pop_area .pop_inner .cont .pop_close img {transition: all 0.5s}
.prd_pop_area .pop_inner .cont .pop_close:hover img, .prd_pop_area .pop_inner .cont .pop_close:focus img {transform: rotate(180deg)}

.prd_pop_area .pop_inner .cont .prd_view_area {}
.prd_pop_area .pop_inner .cont .prd_view_area .prd_img_slide {overflow: hidden; background-color: #c7c7c7;}
.prd_pop_area .pop_inner .cont .prd_view_area .prd_img_slide .list {}
.prd_pop_area .pop_inner .cont .prd_view_area .prd_img_slide .list li {}
.prd_pop_area .pop_inner .cont .prd_view_area .prd_img_slide .list li .box {padding: 60px;}
.prd_pop_area .pop_inner .cont .prd_view_area .prd_img_slide .list li .box .img_box {position: relative; padding-bottom: 62.9%; background-color: #c7c7c7;}
.prd_pop_area .pop_inner .cont .prd_view_area .prd_img_slide .list li .box .img_box img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain;;}
.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area {padding: 80px 100px 100px;}
.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .prd_title_box {}
.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .prd_title_box .title {position: relative; padding: 10px 0 0; font-weight: 700; font-size: 42px; line-height: 50px; color: #222222;}
.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .prd_title_box .title:before {display: block; content: ""; position: absolute; left: 0; top: 0; width: 40px; height: 4px; background-color: #2a4b99;}
.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .prd_title_box .text {margin: 10px 0 0; font-weight: 400; font-size: 17px; line-height: 25px; color: #888888;}
.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .prd_title_box .text2 {margin: 15px 0 0; font-weight: 500; font-size: 20px; line-height: 24px; color: #222222;}
.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .prd_info_box .info_box {margin: 20px 0 0; padding: 40px 60px 30px 100px; background-color: #f6f6f6; border-radius: 30px;}
.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .prd_info_box .info_box .list {display: flex;}
.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .prd_info_box .info_box .list li {width: 100%;}
.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .prd_info_box .info_box .list li .box {}
.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .prd_info_box .info_box .list li .box .title_box {}
.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .prd_info_box .info_box .list li .box .title_box .title {position: relative; padding: 0 0 0 14px; font-weight: 600; font-size: 22px; line-height: 25px; color: #222222;}
.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .prd_info_box .info_box .list li .box .title_box .title:before {display: block; content: ""; position: absolute; left: 0; top: 8px; width: 6px; height: 6px; border-radius: 50%; background-color: #222;}
.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .prd_info_box .info_box .list li .box .text_list {margin: 10px 0 0; padding: 0 0 0 10px;}
.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .prd_info_box .info_box .list li .box .text_list li {position: relative; padding: 0 0 0 10px; font-weight: 400; font-size: 17px; line-height: 25px; color: #888888;}
.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .prd_info_box .info_box .list li .box .text_list li .etc {position: absolute; left: 0; top: 0;}
.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .dimen_area {}
.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .dimen_area .dimen_box {margin: 20px 0 0; padding: 65px; background-color: #f6f6f6; border-radius: 30px;}
.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .dimen_area .dimen_box .img_box {position: relative; padding-bottom: 68.98%;}
.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .dimen_area .dimen_box .img_box img {position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); width: 100%; height: 100%; object-fit: contain;}
.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .spec_area {}
.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .spec_area .spec_table_box {margin: 20px 0 0; }
.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .spec_area .spec_table_box .table_box {border-radius: 30px; }
.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .spec_area .spec_table_box .table_box span {display: inline-block;}
.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .spec_area .spec_table_box .table_box table {width: 100%; border: 1px solid #cdd4e3;  border-radius: 30px;  overflow: hidden; text-align: center;}
.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .spec_area .spec_table_box .table_box table thead {}
.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .spec_area .spec_table_box .table_box table thead tr {border-bottom: 1px solid #fff;}
.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .spec_area .spec_table_box .table_box table thead tr td {padding: 10px; border-right: 1px solid #fff; background-color: #2a4b99; font-weight: 500; font-size: 15px; line-height: 24px; color: #ffffff;}
.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .spec_area .spec_table_box .table_box table thead tr td.bd_r {border-right: 1px solid #fff;}
.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .spec_area .spec_table_box .table_box table thead tr:last-child { border-bottom: none;}
.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .spec_area .spec_table_box .table_box table thead tr td:last-child {border-right: 1px solid #cdd4e3;}
.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .spec_area .spec_table_box .table_box table tbody {}
.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .spec_area .spec_table_box .table_box table tbody tr {border-bottom: 1px solid #cdd4e3;}
.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .spec_area .spec_table_box .table_box table tbody tr td {padding: 10px; border-right: 1px solid #cdd4e3; background-color: #f6f6f6;font-weight: 500; font-size: 14px; line-height: 24px; color: #222222;}
.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .spec_area .spec_table_box .table_box table tbody tr:last-child { border-bottom: none;}
.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .spec_area .spec_table_box .table_box table tbody tr td:last-child {border-right: none;}

.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .prd_btn_group{
	display: flex;
	gap: 20px;
	justify-content: center;
	margin-top: 70px;
}

.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .prd_btn_group .prd_btn  {
	width: 260px;
    height: 56px;
    display: inline-flex;
    align-items: center;
    justify-content: center;
    gap: 10px;

    border: 1px solid #2a4b99;
    border-radius: 28px;

    font-size: 16px;
    font-weight: 500;
    color: #2a4b99;

    background-color: #fff; 
    text-decoration: none;
    transition: background-color 0.25s ease, color 0.25s ease, border-color 0.25s ease;
}

.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .prd_btn_group .prd_btn.is-download::after  {
	content: "";
    width: 16px;
    height: 16px;
    background: url("/eng/images/common/contact_down.png") no-repeat center / contain;
    transition: filter 0.25s ease, background-image 0.25s ease;
}
.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .prd_btn_group .prd_btn:hover  {
    background-color: #2a4b99;
    color: #fff;
}
.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .prd_btn_group .prd_btn.is-download:hover::after {
    filter: brightness(0) invert(1);
}




@media screen and (max-width: 1450px) {
	.sub_top_area .breadcrumb {right: 10px;}

}



@media screen and (max-width: 1400px) {
	.sub_top_area {height: 400px; padding: 60px 0 0;}
	.sub_top_area .sub_top_box .title {font-size: 50px;}
	.sub_top_area .sub_top_box .text {margin: 10px 0 0; font-size: 16px; line-height: 20px;}
	.sub_menu_list .list li .box {height: 60px;}
	.sub_menu_list .list li .box .text {font-size: 16px; line-height: 18px;}

	.sub_top_area .breadcrumb .list li {margin: 0 10px 0 0; padding: 0 12px 0 0;}
	.sub_top_area .breadcrumb .list li.home .txt {width: 14px; height: 14px; background-size: cover; vertical-align: middle;}
	.sub_top_area .breadcrumb .list li .txt {font-size: 12px; line-height: 18px;}
	.sub_top_area .breadcrumb .list li:before {top: 3px; font-size: 12px; line-height: 18px;}

	.sub_cont {padding: 80px 0 150px;}

	.com_title_area {margin: 0 0 30px;}
	.com_title_area .title {font-size: 34px;}
	.com_title_area .text {margin: 10px 0 0; font-size: 16px; line-height: 24px;}

	.sub_title_area .title {font-size: 28px; line-height: 34px;}

	.notice_area {margin: 40px 0 0;}
	.notice_area .list li .box {padding: 20px;}
	.notice_area .list li .box .menu {font-size: 14px; line-height: 18px;}
	.notice_area .list li .box .title {font-size: 20px; line-height: 26px;}
	.notice_area .list li .box .text {margin: 10px 0 0; font-size: 16px; line-height: 22px;}
	.notice_area .list li .box .date {margin: 10px 0 0; font-size: 14px; line-height: 21px;}

	.sch_area {max-width: 350px; margin: 0 0 40px auto;}
	.sch_area .sch_inner .select_box select {line-height: 40px;}
	.sch_area .sch_inner .input_box input {padding: 0 10px; line-height: 40px;}

	.board_view .board_top > .title {font-size: 24px; line-height: 30px;}
	.board_view .board_top .info_list .list {column-gap: 15px;}
	.board_view .board_cont {padding: 40px;}
	.board_view .post_nav .list li {padding: 12px 0;}
	.board_view .post_nav .list li .item_wrapper .tit {width: 110px; padding: 0 10px;}
	.board_view .post_nav .list li .item_wrapper .tit .icon {font-size: 14px; line-height: 20px;}
	.board_view .post_nav .list li .item_wrapper .post {padding: 0 10px; font-size: 14px; line-height: 20px;}
	.board_view .post_nav .list li .item_wrapper .post a {height: 20px;}

	.catalog_area .list {gap: 30px 15px;}
	.catalog_area .list li {width: calc(25% - 11.25px);}
	/* .catalog_area .list li .box .box_inner {padding: 30px;} */
	.catalog_area .list li .box .box_inner .hover_box .hover_inner .down_btn {width: 50px; height: 50px;}
	.catalog_area .list li .box .box_inner .hover_box .hover_inner .text {margin: 10px 0 0; font-size: 16px; line-height: 20px;}
	.catalog_area .list li .box .text_box {margin: 6px 0 0;}
	.catalog_area .list li .box .text_box .text {font-size: 16px; line-height: 24px;}

	
	.contact_area > .list {gap: 10px;}
	.contact_area > .list li .box select {padding: 15px; background-position: right 10px center; font-size: 16px; line-height: 20px;}
	.contact_area > .list li .box input {padding: 15px; font-size: 16px; line-height: 20px;}
	.contact_area > .list li .box textarea {height: 190px; padding: 15px; font-size: 16px; line-height: 20px;}
	.contact_area .check_area {margin: 10px 0 0;}
	.contact_area .contact_info > .list {gap: 0 20px;}
	.contact_area .contact_info > .list > li .box {padding: 25px 10px;}
	.contact_area .contact_info > .list > li .box .title {font-size: 18px; line-height: 20px;}
	.contact_area .contact_info > .list > li .box .info_box {margin: 10px 0 0;}
	.contact_area .contact_info > .list > li .box .info_box .list li {margin: 6px 0 0;}
	.contact_area .contact_info > .list > li .box .info_box .list li .txt {padding: 0 0 0 25px; font-size: 16px;}


	.certi_area > .list > li {margin: 50px 0 0;}
	.certi_area > .list > li > .box .certi_box .list {gap: 30px;}
	.certi_area > .list > li > .box .certi_box .list li {width: calc(25% - 22.5px);}
	.certi_area > .list > li > .box .certi_box .list li .box .img_box {padding: 20px;}
	.certi_area > .list > li > .box .certi_box .list li .box .text_box .text {font-size: 16px; line-height: 22px;}

	.tech_area .tech_top {height: 460px;}
	.tech_area .tech_top .text_box .title {font-size: 24px; line-height: 30px;}
	.tech_area .tech_top .text_box .text {margin: 10px 0 0; font-size: 16px; line-height: 22px;}
	.tech_area .tech_top .text_box .text br.mob {display: none;}
	.tech_area .tech_btm .info_box .list li {margin: 10px 0 0;}
	.tech_area .tech_btm .info_box .list li .box {height: 140px;}
	.tech_area .tech_btm .info_box .list li .box .title {width: 200px; font-size: 18px; line-height: 22px;}
	.tech_area .tech_btm .info_box .list li .box .text {padding: 20px; font-size: 16px; line-height: 22px;}

	.about_area .about_top .text_box {max-width: 100%; width: 50%; padding: 30px 0;}
	.about_area .about_top .text_box .text {font-size: 16px; line-height: 24px;}
	.about_area .about_top .text_box .text .ft_s {font-size: 18px;}
	.about_area .about_top .text_box .text br.mob {display: none;}
	.about_area .about_mid .info_box {padding: 30px 0 0;}
	.about_area .about_mid .info_box .list {gap: 0 15px}
	.about_area .about_mid .info_box .list li .box:hover, .about_area .about_mid .info_box .list li .box:focus {margin: -30px 0 0;}
	.about_area .about_mid .info_box .list li .box {border-radius: 120px;}
	.about_area .about_mid .info_box .list li .box .text_box {padding: 100px 10px 0;}
	.about_area .about_mid .info_box .list li .box .text_box .title {padding: 0 0 10px; font-size: 24px; line-height: 30px;}
	.about_area .about_mid .info_box .list li .box .text_box .text {margin: 15px 0 0; font-size: 16px; line-height: 20px;}
	.about_area .about_btm .quick_area > .list > li .box {height: 500px; padding: 80px 0 80px 40px;}
	.about_area .about_btm .quick_area > .list > li .box .text_box .sub_title {font-size: 16px; line-height: 20px;}
	.about_area .about_btm .quick_area > .list > li .box .text_box .text_list {margin: 15px 0 0;}
	.about_area .about_btm .quick_area > .list > li .box .text_box .text_list li {margin: 20px 0 0; font-size: 36px; line-height: 40px;}
	.about_area .about_btm .quick_area > .list > li .box .more_btn {width: 180px;}
	.about_area .about_btm .quick_area > .list > li .box .more_btn .txt {padding: 0 25px 0 0; font-size: 14px; line-height: 44px;}

	.history_area > .list > li {margin: 30px 0 0;}
	.history_area > .list > li .box {padding: 50px 60px 70px;}
	.history_area > .list > li .box .year {font-size: 60px;}
	.history_area > .list > li .box .history_box {margin: 55px 0 0;}
	.history_area > .list > li .box .history_box .list li {margin: 40px 0 0;}
	.history_area > .list > li .box .history_box .list li .month_box {padding: 0 0 0 140px; font-size: 18px; line-height: 26px;}

	
	.vision_area .vision_top > .list > li {margin: 10px 0 0;}
	.vision_area .vision_top > .list > li .box {gap: 0 40px; padding: 30px; }
	.vision_area .vision_top > .list > li .box .icon_box {width: 140px; height: 140px;}
	.vision_area .vision_top > .list > li .box .icon_box img {width: 75px;}
	.vision_area .vision_top > .list > li .box .text_box .title {font-size: 24px; line-height: 24px;}
	.vision_area .vision_top > .list > li .box .text_box .text_list {margin: 10px 0 0;}
	.vision_area .vision_top > .list > li .box .text_box .text_list li {margin: 6px 0 0;}
	.vision_area .vision_top > .list > li .box .text_box .text_list li .txt {font-size: 16px; line-height: 22px;}
	.vision_area .vision_btm .ci_area {padding: 50px 0;}
	.vision_area .vision_btm .ci_area .ci_img img {width: 120px;}
	.vision_area .vision_btm .ci_area .text_box {margin: 20px 0 0;}
	.vision_area .vision_btm .ci_area .text_box .list {gap: 0 10px;}
	.vision_area .vision_btm .ci_area .text_box .list li .box {padding: 15px;}
	.vision_area .vision_btm .ci_area .text_box .list li .box .title {font-size: 24px; line-height: 30px;}
	.vision_area .vision_btm .ci_area .text_box .list li .box .text {margin: 10px 0 0; font-size: 16px; line-height: 20px;}

	.com_tab_area {margin: 0 0 20px;}
	.com_tab_area .list li .box {padding: 0 20px; font-size: 14px; line-height: 34px;}

	.map_area .map_top .name {padding: 10px; font-size: 16px;}
	.map_area .map_btm .map_info {gap: 0 40px;}
	.map_area .map_btm .map_info .text_box .title {font-size: 26px; line-height: 30px;}
	.map_area .map_btm .map_info .text_box .text_list {margin: 20px 0 0;}
	.map_area .map_btm .map_info .text_box .text_list li {margin: 10px 0 0;}
	.map_area .map_btm .map_info .text_box .text_list li .text {background-position: left top 2px; font-size: 16px; line-height: 22px;}
	.map_area .map_btm .map_info .text_box .map_btn {width: 200px; margin: 30px 0 0; font-size: 16px; line-height: 42px;}


	.process_area > .list > li {margin: 70px 0 0;}
	.process_area > .list > li .box .process_top {padding: 30px; }
	.process_area > .list > li .box .process_top .info_box .info_list {gap: 6px 0;}
	.process_area > .list > li .box .process_top .info_box .info_list li .txt {font-size: 16px; }
	.process_area > .list > li .box .process_btm .img_list { gap: 30px 20px;}
	.process_area > .list > li .box .process_btm .img_list li {width: calc(25% - 15px);}
	.process_area > .list > li .box .process_btm .img_list li .info_box .text {margin: 10px 0 0; font-size: 16px; line-height: 20px;}
	.process_area > .list > li .box .process_btm .img_list.sty2 {gap: 30px 20px;}
	.process_area > .list > li .box .process_btm .img_list.sty2 li {width: calc(50% - 10px);}

	
	.business_area .business_com_text {height: 360px;}
	.business_area .business_com_text .text_box .title {font-size: 28px; line-height: 32px;}
	.business_area .business_com_text .text_box .text {font-size: 16px; line-height: 22px;}
	.business_area .business_com_text .text_box .text br.mob {display: none;}
	.business_area .business_logo .list {gap: 10px 20px;}
	.business_area .business_logo .list li {width: calc(20% - 16px);}
	.business_area .business_logo .list li .img_box {height: 70px;}
	.business_area .achieve_area .title {font-size: 30px; line-height: 32px;}
	.business_area .achieve_area .achieve_list {margin: 10px 0 0; padding: 30px;}
	.business_area .achieve_area .achieve_list .list li .txt {font-size: 16px; line-height: 20px;}
	.business_area .achieve_area .achieve_list .list li .txt:before {top: 6px;}
	
	.about_area01 .about01_top {padding: 60px 0;}
	.about_area01 .about01_top .text_box .title {font-size: 30px; line-height: 34px;}
	.about_area01 .about01_top .text_box .text_list {margin: 20px 0 0;}
	.about_area01 .about01_top .text_box .text_list li {margin: 30px 0 0;}
	.about_area01 .about01_top .text_box .text_list li .box .tit {font-size: 20px; line-height: 22px;}
	.about_area01 .about01_top .text_box .text_list li .box .txt {font-size: 16px; line-height: 20px;}
	.about_area01 .about01_top .text_box .icon_list {margin: 60px 0 0;}
	.about_area01 .about01_top .text_box .icon_list .list {gap: 0 15px;}
	.about_area01 .about01_top .text_box .icon_list .list li .box {padding: 20px; gap: 0 10px;}
	.about_area01 .about01_top .text_box .icon_list .list li .box .icon_box img {height: 60px;}
	.about_area01 .about01_top .text_box .icon_list .list li .box .text_box {font-size: 16px; line-height: 20px;}


	.about_area01 .about01_mid .quality_top .quality_box {gap: 0 20px;}
	.about_area01 .about01_mid .quality_top .quality_box .img_box {width: 50%;}
	.about_area01 .about01_mid .quality_top .quality_box .img_box img {width: 100%;}
	.about_area01 .about01_mid .quality_top .quality_box .text_list {width: 50%;}
	.about_area01 .about01_mid .quality_top .quality_box .text_list .list li {margin: 30px 0 0;}
	.about_area01 .about01_mid .quality_top .quality_box .text_list .list li .box .title {font-size: 20px;}
	.about_area01 .about01_mid .quality_top .quality_box .text_list .list li .box .text {font-size: 16px; line-height: 22px;}
	.about_area01 .about01_mid .quality_btm .text {font-size: 20px; line-height: 24px;}
	.about_area01 .about01_mid .quality_btm .info_list > .list {gap: 10px 15px}
	.about_area01 .about01_mid .quality_btm .info_list > .list > li {width: calc(50% - 7.5px);}
	.about_area01 .about01_mid .quality_btm .info_list > .list > li .box {height: 90px;}
	.about_area01 .about01_mid .quality_btm .info_list > .list > li .box .title {width: 140px; padding: 0 20px; font-size: 16px; line-height: 20px;}
	.about_area01 .about01_mid .quality_btm .info_list > .list > li .box .text_box {padding: 0 20px 0 10px;}
	.about_area01 .about01_mid .quality_btm .info_list > .list > li .box .text_box .list li .txt {font-size: 16px; line-height: 20px;}

	.about_area01 .about01_btm .esg_area > .list > li {margin: 50px 0 0;}
	.about_area01 .about01_btm .esg_area > .list > li .box {gap: 0 20px;}
	.about_area01 .about01_btm .esg_area > .list > li .box .img_box {width: 50%;}
	.about_area01 .about01_btm .esg_area > .list > li .box .text_box {width: 50%;}
	.about_area01 .about01_btm .esg_area > .list > li .box .text_box .title {font-size: 24px; line-height: 26px;}
	.about_area01 .about01_btm .esg_area > .list > li .box .text_box .text_list .list li .txt {font-size: 16px; line-height: 24px;}
	.about_area01 .about01_btm .esg_area > .list > li .box .text_box .text_list .list li .txt:before {top: 9px;}


	.gallery_area .list {gap: 15px}
	.gallery_area .list li {width: calc(25% - 11.25px);}
	.gallery_area .list li .box .box_inner .hover_box .inner .title {font-size: 18px; line-height: 24px;}
	.gallery_area .list li .box .box_inner .hover_box .inner .text {font-size: 14px; line-height: 22px;}
	.gallery_area .list li .box .box_inner .hover_box .inner .date {margin: 30px 0 0; font-size: 14px; line-height: 18px;}
	.pop_gallery_view .pop_inner {max-width: 1000px; padding: 0 40px;}
	.pop_gallery_view .pop_inner .close_btn {right: 20px; top: 15px;}
	.pop_gallery_view .pop_inner .close_btn img {width: 40px;}
	.pop_gallery_view .pop_inner .cont {padding: 40px 30px 30px; max-height: 700px;}
	.pop_gallery_view .pop_inner .cont .text_box .title {font-size: 20px; line-height: 24px;}
	.pop_gallery_view .pop_inner .cont .text_box .info_box .list {gap: 0 15px;}
	.pop_gallery_view .pop_inner .gallery_btn.prev {left: 5px;}
	.pop_gallery_view .pop_inner .gallery_btn.next {right: 5px;}
	.pop_gallery_view .pop_inner .cont .thumb_slide_area {margin: 10px 0 0;}


	.video_area .list {gap: 15px;}
	.video_area .list li {width: calc(33.3333% - 10px);}
	.video_area .list li .box .box_inner .text_box {margin: 10px 0 0;}
	.video_area .list li .box .box_inner .text_box .title {font-size: 18px; line-height: 24px;}
	.video_area .list li .box .box_inner .text_box .text {margin: 6px 0 0; font-size: 14px; line-height: 21px;}
	.video_area .list li .box .box_inner .text_box .date {font-size: 14px; line-height: 21px;}

	
	.rnd_area .rnd_box {padding: 70px 0;}
	.rnd_area .rnd_box .text_box .title {font-size: 30px; line-height: 34px;}
	.rnd_area .rnd_box .text_box .text {font-size: 16px; line-height: 24px;}
	.rnd_area .rnd_box .text_box .info_list .list {gap: 0 15px;}
	.rnd_area .rnd_box .text_box .info_list .list li .box {padding: 15px 10px;}
	.rnd_area .rnd_box .text_box .info_list .list li .box .txt_box .tit {font-size: 18px; line-height: 20px;}
	.rnd_area .rnd_box .text_box .info_list .list li .box .txt_box .txt {font-size: 16px; line-height: 22px;}

	.rnd_area .process_list .list {gap: 0 15px}
	.rnd_area .process_list .list li .box .text_box {padding: 80px 10px 0;}
	.rnd_area .process_list .list li .box .text_box .title {margin: 0 0 20px; padding: 0 0 20px; font-size: 24px; line-height: 30px;}
	.rnd_area .process_list .list li .box .text_box .text {font-size: 16px; line-height: 20px;}

	.rnd_area .gray_box {padding: 20px 30px;}
	.rnd_area .gray_box .list li .txt {font-size: 16px; line-height: 20px;}
	.rnd_area .gray_box .list li .txt:before {top: 7px;}

	.prd_area .list {gap: 30px 15px;}
	.prd_area .list li {width: calc(25% - 11.25px);}
	.prd_area .list li .box {padding: 30px;}
	.prd_area .list li .box .box_inner .title {height: 66px; font-size: 18px; line-height: 22px;}
	.prd_area .list li .box .box_inner .img_box {margin: 10px 0 0;}
	.prd_area .list li .box .hover_box .title {font-size: 24px; line-height: 30px;}
	.prd_area .list li .box .hover_box .plus_icon {width: 50px; height: 50px;}

	.prd_pop_area .pop_inner {top: 50px; padding: 50px 10px;}
	.prd_pop_area .pop_inner .cont .pop_close {right: 20px; top: 20px;}
	.prd_pop_area .pop_inner .cont .prd_view_area .prd_img_slide .list li .box {padding: 30px;}
	.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area {padding: 50px;}
	.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .prd_title_box .title {font-size: 30px; line-height: 34px;}
	.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .prd_title_box .text {margin: 6px 0 0; font-size: 16px; line-height: 20px;}
	.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .prd_title_box .text2 {margin: 10px 0 0; font-size: 16px; line-height: 20px;}
	.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .prd_info_box .info_box {margin: 10px 0 0; padding: 30px;}
	.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .prd_info_box .info_box .list li .box .title_box .title {font-size: 20px; line-height: 24px;}
	.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .prd_info_box .info_box .list li .box .text_list li {font-size: 16px; line-height: 24px;}
	.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .dimen_area .dimen_box {margin: 10px 0 0;	padding: 40px;}
	.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .spec_area .spec_table_box .table_box table thead tr td {padding: 6px;}
	.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .spec_area .spec_table_box .table_box table tbody tr td {padding: 6px;}

}

@media screen and (max-width: 1080px) {
	.sub_top_area {height: 300px; padding: 47px 0 0;}
	.sub_top_area .sub_top_box .title {font-size: 34px;}
	.sub_top_area .sub_top_box .text {margin: 6px 0 0; font-size: 14px; line-height: 18px;}
	.sub_menu_list .list li .box {height: 40px;}
	.sub_menu_list .list li .box .text {font-size: 14px; line-height: 16px;}

	.sub_top_area .breadcrumb {bottom: 20px;}

	.sub_cont {padding: 50px 0 100px;}

	.com_title_area {margin: 0 0 20px;}
	.com_title_area .title {font-size: 24px;}
	.com_title_area .text {margin: 6px 0 0; font-size: 14px; line-height: 21px;}

	.sub_title_area .title {font-size: 20px; line-height: 24px;}

	.sch_area {max-width: 300px; margin: 0 0 20px auto;}
	.sch_area .sch_inner .select_box select {font-size: 14px; line-height: 34px;}
	.sch_area .sch_inner .input_box input {font-size: 14px; line-height: 34px;}

	.notice_area {margin: 20px 0 0;}
	.notice_area .list li {margin: 15px 0 0;}
	.notice_area .list li .box {padding: 15px;}
	.notice_area .list li .box .title {font-size: 18px; line-height: 24px;}
	.notice_area .list li .box .text {margin: 5px 0 0; font-size: 14px; line-height: 20px;}

	.board_view .board_top > .title {font-size: 20px; line-height: 24px;}
	.board_view .board_top .info_list {margin: 10px 0 0;}
	.board_view .board_top .info_list .list li .box .title {font-size: 12px; line-height: 18px;}
	.board_view .board_top .info_list .list li .box .text {font-size: 12px; line-height: 18px;}
	.board_view .board_cont {padding: 20px;}
	.board_view .post_nav {margin: 20px 0 0;}
	.board_view .post_nav .list li {padding: 8px 0;}
	.board_view .post_nav .list li .item_wrapper .tit {width: 90px;}

	
	.catalog_area .list {gap: 20px 10px;}
	.catalog_area .list li {width: calc(33.3333% - 6.6666px);}
	/* .catalog_area .list li .box .box_inner {padding: 20px;} */
	.catalog_area .list li .box .box_inner .hover_box .hover_inner .down_btn {width: 40px; height: 40px;}
	.catalog_area .list li .box .box_inner .hover_box .hover_inner .text {margin: 6px 0 0; font-size: 14px; line-height: 18px;}
	.catalog_area .list li .box .text_box .text {font-size: 14px; line-height: 20px;}
	

	.contact_area > .list {gap: 5px;}
	.contact_area > .list li {width: calc(50% - 2.5px);}
	.contact_area > .list li.w50 {width: calc(50% - 2.5px);}
	.contact_area > .list li .box select {padding: 10px; background-size: 12px auto; font-size: 14px;}
	.contact_area > .list li .box input {padding: 10px; font-size: 14px;}
	.contact_area > .list li .box textarea {height: 120px; padding: 10px; font-size: 14px;}
	.contact_area .check_area .chk_inner {padding: 0 0 0 22px;}
	.contact_area .check_area .policy_btn {width: 80px; font-size: 12px; line-height: 26px;}
	.contact_area .check_area .chk_inner label {font-size: 14px;}
	.contact_area .contact_info > .list {gap: 0 10px;}
	.contact_area .contact_info > .list > li .box {padding: 15px;}
	.contact_area .contact_info > .list > li .box .title {font-size: 16px; line-height: 18px;}
	.contact_area .contact_info > .list > li .box .info_box .list li .txt {padding: 0 0 0 25px; background-size: auto 16px; font-size: 14px; line-height: 18px;}

	.certi_area > .list > li {margin: 30px 0 0;}
	.certi_area > .list > li > .box .certi_box .list {gap: 20px;}
	.certi_area > .list > li > .box .certi_box .list li {width: calc(33.3333% - 13.3333px);}
	.certi_area > .list > li > .box .certi_box .list li .box .img_box {padding: 15px;}
	.certi_area > .list > li > .box .certi_box .list li .box .text_box .text {font-size: 14px; line-height: 20px;}
	
	.tech_area .tech_top {height: 320px;}
	.tech_area .tech_top .text_box .title {font-size: 20px; line-height: 24px;}
	.tech_area .tech_top .text_box .text {font-size: 14px; line-height: 20px;}
	.tech_area .tech_btm .info_box .list li .box {height: auto; flex-direction: column;}
	.tech_area .tech_btm .info_box .list li .box .title {width: 100%; font-size: 16px; line-height: 20px;}
	.tech_area .tech_btm .info_box .list li .box .text {padding: 10px; font-size: 14px; line-height: 20px;}

	.about_area .about_top .text_box {width: 100%;}
	.about_area .about_top .text_box .text {font-size: 14px; line-height: 22px;}
	.about_area .about_top .text_box .text .ft_s {font-size: 16px;}
	.about_area .about_mid .info_box {padding: 0;}
	.about_area .about_mid .info_box .list {gap: 10px; flex-wrap: wrap;}
	.about_area .about_mid .info_box .list li {width: calc(50% - 5px);}
	.about_area .about_mid .info_box .list li .box {border-radius: 70px;}
	.about_area .about_mid .info_box .list li .box .bg_box img {width: 100%; height: 500px; object-fit: cover;}
	.about_area .about_mid .info_box .list li .box .text_box {padding: 60px 10px 0;}
	.about_area .about_mid .info_box .list li .box .text_box .title {font-size: 20px; line-height: 24px;}
	.about_area .about_mid .info_box .list li .box .text_box .text {margin: 10px 0 0; font-size: 14px; line-height: 18px;}
	.about_area .about_mid .info_box .list li .box:hover, .about_area .about_mid .info_box .list li .box:focus {margin: 0;}
	.about_area .about_btm .quick_area > .list > li .box {height: 400px; padding: 30px;}
	.about_area .about_btm .quick_area > .list > li .box .text_box .sub_title {font-size: 14px; line-height: 18px;}
	.about_area .about_btm .quick_area > .list > li .box .text_box .text_list {margin: 10px 0 0;}
	.about_area .about_btm .quick_area > .list > li .box .text_box .text_list li {margin: 10px 0 0; font-size: 24px; line-height: 30px;}
	.about_area .about_btm .quick_area > .list > li .box .more_btn {width: 140px;}
	.about_area .about_btm .quick_area > .list > li .box .more_btn .txt {padding: 0 20px 0 0; background-size: 6px auto; line-height: 34px;}

	.history_area > .list > li {margin: 20px 0 0;}
	.history_area > .list > li .box {padding: 30px;}
	.history_area > .list > li .box .year {font-size: 40px;}
	.history_area > .list > li .box .history_box {margin: 30px 0 0;}
	.history_area > .list > li .box .history_box .list li {margin: 30px 0 0;}
	.history_area > .list > li .box .history_box .list li .month_box {padding: 0 0 0 100px; font-size: 16px; line-height: 24px;}


	.vision_area .vision_top > .list > li .box {gap: 0 20px; padding: 20px; }
	.vision_area .vision_top > .list > li .box .icon_box {width: 100px; height: 100px;}
	.vision_area .vision_top > .list > li .box .icon_box img {width: 50px;}
	.vision_area .vision_top > .list > li .box .text_box .title {font-size: 20px; line-height: 22px;}
	.vision_area .vision_top > .list > li .box .text_box .text_list {margin: 6px 0 0;}
	.vision_area .vision_top > .list > li .box .text_box .text_list li .txt {padding: 0 0 0 10px; font-size: 14px; line-height: 18px;}
	.vision_area .vision_top > .list > li .box .text_box .text_list li .txt:before {top: 7px; width: 4px; height: 4px;}
	.vision_area .vision_btm .ci_area {padding: 40px 0;}
	.vision_area .vision_btm .ci_area .ci_img img {width: 80px;}
	.vision_area .vision_btm .ci_area .text_box {margin: 15px 0 0;}
	.vision_area .vision_btm .ci_area .text_box .list li .box {padding: 10px; border-radius: 20px;}
	.vision_area .vision_btm .ci_area .text_box .list li .box .title {font-size: 20px; line-height: 24px;}
	.vision_area .vision_btm .ci_area .text_box .list li .box .text {margin: 6px 0 0; }

	.com_tab_area {margin: 0 0 10px;}
	.com_tab_area .list {flex-wrap: wrap; gap: 5px 10px;}
	.com_tab_area .list li .box {padding: 0 10px;}

	.map_area .map_top .name {padding: 5px; font-size: 14px;}
	.map_area .map_btm .map_info {gap: 0 20px;}
	.map_area .map_btm .map_info .img_box img {width: 350px;}
	.map_area .map_btm .map_info .text_box .title {font-size: 20px; line-height: 24px;}
	.map_area .map_btm .map_info .text_box .text_list {margin: 10px 0 0;}
	.map_area .map_btm .map_info .text_box .text_list li {margin: 6px 0 0;}
	.map_area .map_btm .map_info .text_box .text_list li .text {padding: 0 0 0 20px; background-size: auto 14px; font-size: 14px; line-height: 20px;}
	.map_area .map_btm .map_info .text_box .map_btn {width: 160px; margin: 20px 0 0; font-size: 14px; line-height: 32px;}


	.process_area > .list > li {margin: 40px 0 0;}
	.process_area > .list > li .box .process_top {padding: 20px; border-radius: 10px;}
	.process_area > .list > li .box .process_top .info_box .info_list li .txt {padding: 0 0 0 10px; font-size: 14px;}
	.process_area > .list > li .box .process_top .info_box .info_list li .txt:before {width: 4px; height: 4px;}
	.process_area > .list > li .box .process_btm .img_list {gap: 10px;}
	.process_area > .list > li .box .process_btm .img_list li {width: calc(33.3333% - 6.6666px);}
	.process_area > .list > li .box .process_btm .img_list li .info_box .text {margin: 6px 0 0; font-size: 14px; line-height: 18px;}
	.process_area > .list > li .box .process_btm .img_list.sty2 {gap: 10px;}
	.process_area > .list > li .box .process_btm .img_list.sty2 li {width: calc(50% - 5px);}


	.business_area .business_com_text {height: 280px;}
	.business_area .business_com_text .text_box .title {font-size: 22px; line-height: 24px;}
	.business_area .business_com_text .text_box .text {font-size: 14px; line-height: 18px;}
	.business_area .business_logo .list {gap: 10px;}
	.business_area .business_logo .list li {width: calc(25% - 7.5px);}
	.business_area .business_logo .list li .img_box {height: 60px;}
	.business_area .achieve_area .title {font-size: 24px; line-height: 26px;}
	.business_area .achieve_area .achieve_list {padding: 20px; border-radius: 20px;}
	.business_area .achieve_area .achieve_list .list li {margin: 5px 0 0;}
	.business_area .achieve_area .achieve_list .list li .txt {padding: 0 0 0 10px; font-size: 14px; line-height: 18px;}
	.business_area .achieve_area .achieve_list .list li .txt:before {top: 6px; width: 4px;	height: 4px;}

	.about_area01 .about01_top {padding: 40px 0;}
	.about_area01 .about01_top .text_box .title {font-size: 24px; line-height: 30px;}
	.about_area01 .about01_top .text_box .text_list {margin: 10px 0 0;}
	.about_area01 .about01_top .text_box .text_list li {margin: 20px 0 0;}
	.about_area01 .about01_top .text_box .text_list li .box .tit {font-size: 18px; line-height: 20px;}
	.about_area01 .about01_top .text_box .text_list li .box .txt {font-size: 14px; line-height: 18px;}
	.about_area01 .about01_top .text_box .icon_list {margin: 40px 0 0;}
	.about_area01 .about01_top .text_box .icon_list .list {gap: 0 10px;}
	.about_area01 .about01_top .text_box .icon_list .list li .box {padding: 10px; gap: 0 10px;}
	.about_area01 .about01_top .text_box .icon_list .list li .box .icon_box img {height: 50px;}
	.about_area01 .about01_top .text_box .icon_list .list li .box .text_box {font-size: 14px; line-height: 18px;}


	.about_area01 .about01_mid .quality_top .quality_box {gap: 10px; align-items: center;}
	.about_area01 .about01_mid .quality_top .quality_box .text_list {padding: 0;}
	.about_area01 .about01_mid .quality_top .quality_box .text_list .list li {margin: 20px 0 0;}
	.about_area01 .about01_mid .quality_top .quality_box .text_list .list li .box .title {font-size: 18px;}
	.about_area01 .about01_mid .quality_top .quality_box .text_list .list li .box .text {font-size: 14px; line-height: 20px;}
	.about_area01 .about01_mid .quality_btm .text {font-size: 18px; line-height: 22px;}
	.about_area01 .about01_mid .quality_btm .info_list > .list {gap: 10px}
	.about_area01 .about01_mid .quality_btm .info_list > .list > li {width: calc(50% - 5px);}
	.about_area01 .about01_mid .quality_btm .info_list > .list > li .box {height: 80px; border-radius: 30px;}
	.about_area01 .about01_mid .quality_btm .info_list > .list > li .box .title {width: 100px; padding: 0 10px; font-size: 14px; line-height: 18px;}
	.about_area01 .about01_mid .quality_btm .info_list > .list > li .box .text_box {padding: 0 10px;}
	.about_area01 .about01_mid .quality_btm .info_list > .list > li .box .text_box .list li .txt {font-size: 14px; line-height: 18px;}
	.about_area01 .about01_mid .quality_btm .info_list > .list > li .box .text_box .list li .txt:before {top: 6px; width: 4px; height: 4px;}

	.about_area01 .about01_btm .esg_area > .list > li {margin: 30px 0 0;}
	.about_area01 .about01_btm .esg_area > .list > li .box {gap: 0 10px; align-items: center;}
	.about_area01 .about01_btm .esg_area > .list > li .box .text_box {padding: 0;}
	.about_area01 .about01_btm .esg_area > .list > li .box .text_box .title {font-size: 20px; line-height: 22px;}
	.about_area01 .about01_btm .esg_area > .list > li .box .text_box .text_list .list li .txt {padding: 0 0 0 8px; font-size: 14px; line-height: 20px;}
	.about_area01 .about01_btm .esg_area > .list > li .box .text_box .text_list .list li .txt:before {top: 7px; width: 4px; height: 4px;}


	.gallery_area .list {gap: 10px}
	.gallery_area .list li {width: calc(33.3333% - 6.6666px);}
	.gallery_area .list li .box .box_inner .hover_box .inner .title {font-size: 16px; line-height: 20px;}
	.gallery_area .list li .box .box_inner .hover_box .inner .text {margin: 6px 0 0;font-size: 12px; line-height: 18px;}
	.gallery_area .list li .box .box_inner .hover_box .inner .date {margin: 20px 0 0; font-size: 12px; line-height: 16px;}

	.pop_gallery_view .pop_inner {max-width: 800px; padding: 0 30px;}
	.pop_gallery_view .pop_inner .close_btn {right: 10px; top: 10px;}
	.pop_gallery_view .pop_inner .close_btn img {width: 30px;}
	.pop_gallery_view .pop_inner .cont {padding: 40px 20px 20px; max-height: 700px; border-radius: 20px;}
	.pop_gallery_view .pop_inner .cont .text_box .title {font-size: 18px; line-height: 22px;}
	.pop_gallery_view .pop_inner .cont .text_box .info_box .list li {padding: 0 0 0 34px; font-size: 12px; line-height: 22px;}
	.pop_gallery_view .pop_inner .cont .text_box .info_box .list {gap: 0 10px;}
	.pop_gallery_view .pop_inner .cont .gallery_slide_area {margin: 10px 0 0;}
	.pop_gallery_view .pop_inner .gallery_btn img {width: 16px;}
	

	.video_area .list {gap: 10px;}
	.video_area .list li {width: calc(50% - 5px);}
	.video_area .list li .box .box_inner .text_box {margin: 10px 0 0;}
	.video_area .list li .box .box_inner .text_box .title {font-size: 16px; line-height: 22px;}
	.video_area .list li .box .box_inner .text_box .text {margin: 5px 0 0; font-size: 12px; line-height: 18px;}
	.video_area .list li .box .box_inner .text_box .date {margin: 5px 0 0; font-size: 12px; line-height: 18px;}


	
	.rnd_area .rnd_box {padding: 40px 0;}
	.rnd_area .rnd_box .text_box .title {font-size: 24px; line-height: 30px;}
	.rnd_area .rnd_box .text_box .text {font-size: 14px; line-height: 18px;}
	.rnd_area .rnd_box .text_box .info_list .list {gap: 0 10px;}
	.rnd_area .rnd_box .text_box .info_list .list li .box {padding: 10px;}
	.rnd_area .rnd_box .text_box .info_list .list li .box .txt_box .tit {font-size: 16px; line-height: 18px;}
	.rnd_area .rnd_box .text_box .info_list .list li .box .txt_box .txt {margin: 5px 0 0; font-size: 14px; line-height: 18px;}


	.rnd_area .process_list .list {gap: 0 10px}
	.rnd_area .process_list .list li .box .text_box {padding: 50px 10px 0;}
	.rnd_area .process_list .list li .box .text_box .title {margin: 0 0 10px; padding: 0 0 10px; font-size: 20px; line-height: 24px;}
	.rnd_area .process_list .list li .box .text_box .title br {display: none;}
	.rnd_area .process_list .list li .box .text_box .text {font-size: 14px; line-height: 18px;}
	.rnd_area .process_list .list li .box .text_box .text br {display: none;}

	.rnd_area .gray_box {padding: 10px 15px; border-radius: 20px;}
	.rnd_area .gray_box .list li {margin: 6px 0 0;}
	.rnd_area .gray_box .list li .txt {padding: 0 0 0 10px; font-size: 14px; line-height: 18px;}
	.rnd_area .gray_box .list li .txt:before {width: 4px; height: 4px;}


	.prd_area .list {gap: 20px 10px;}
	.prd_area .list li {width: calc(33.3333% - 6.6666px);}
	.prd_area .list li .box {padding: 20px;}
	.prd_area .list li .box .box_inner .title {height: 60px; font-size: 16px; line-height: 20px;}
	.prd_area .list li .box .box_inner .img_box {margin: 6px 0 0;}
	.prd_area .list li .box .hover_box .title {font-size: 20px; line-height: 24px;}
	.prd_area .list li .box .hover_box .plus_icon {width: 40px; height: 40px;}
	.prd_area .list li .box .hover_box .plus_icon img {width: 22px;}

	

	.prd_pop_area .pop_inner {top: 30px; padding: 30px 10px;}
	.prd_pop_area .pop_inner .cont {border-radius: 30px;}
	.prd_pop_area .pop_inner .cont .pop_close {right: 10px; top: 10px;}
	.prd_pop_area .pop_inner .cont .pop_close img {width: 40px;}
	.prd_pop_area .pop_inner .cont .prd_view_area .prd_img_slide .list li .box {padding: 20px;}
	.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area {padding: 30px;}
	.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .prd_title_box .title {padding: 6px 0 0; font-size: 26px; line-height: 30px;}
	.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .prd_title_box .text {font-size: 14px; line-height: 20px;}
	.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .prd_title_box .text2 {margin: 6px 0 0; font-size: 14px; line-height: 18px;}
	.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .prd_info_box .info_box {margin: 6px 0 0; padding: 20px;}
	.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .prd_info_box .info_box .list li .box .title_box .title {padding: 0 0 0 10px; font-size: 18px; line-height: 22px;}
	.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .prd_info_box .info_box .list li .box .title_box .title:before {width: 4px; height: 4px;}
	.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .prd_info_box .info_box .list li .box .text_list {margin: 6px 0 0;}
	.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .prd_info_box .info_box .list li .box .text_list li {font-size: 14px; line-height: 22px;}
	.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .dimen_area .dimen_box {margin: 6px 0 0; padding: 30px;}
	.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .spec_area .spec_table_box .table_box table thead tr td {font-size: 14px; line-height: 20px;}
	.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .spec_area .spec_table_box .table_box table tbody tr td {}


}

@media screen and (max-width: 767px) {
	.sub_top_area {height: auto; }
	.sub_top_box {padding: 40px 0 60px;}
	.sub_top_area .sub_top_box .title {font-size: 28px;}
	.sub_menu_list .list li .box {height: 35px;}
	.sub_menu_list .list li .box .text {font-size: 12px; line-height: 14px;}

	.sub_top_area .breadcrumb {bottom: 10px;}

	.sub_menu_list .list {flex-wrap: wrap;}
	.sub_menu_list .list li {width: 33.3333%;}

	.sub_cont {padding: 30px 0 60px;}

	.com_title_area {margin: 0 0 15px;}
	.com_title_area .title {font-size: 20px;}

	.sub_title_area .title {font-size: 18px; line-height: 20px;}

	.board_view .board_top {padding: 10px;}
	.board_view .board_top > .title {font-size: 18px;}
	.board_view .board_top .info_list .list {column-gap: 10px;}
	.board_view .board_cont {padding: 10px;}

	.catalog_area .list {gap: 10px;}
	.catalog_area .list li {width: calc(50% - 5px);}
	/* .catalog_area .list li .box .box_inner {padding: 15px;} */
	.catalog_area .list li .box .box_inner .hover_box .hover_inner .down_btn {width: 35px; height: 35px;}
	.catalog_area .list li .box .box_inner .hover_box .hover_inner .down_btn img {width: 15px;}

	.contact_area .contact_info > .list {gap: 10px; flex-direction: column;}
	.contact_area .contact_info > .list > li .box {padding: 10px;}
	.contact_area .contact_info > .list > li .box .info_box .list li .txt {padding: 0 0 0 20px; background-position: left top; background-size: auto 14px; line-height: 14px;}

	.certi_area > .list > li {margin: 20px 0 0;}
	.certi_area > .list > li > .box .certi_box .list {gap: 10px;}
	.certi_area > .list > li > .box .certi_box .list li {width: calc(50% - 10px);}
	.certi_area > .list > li > .box .certi_box .list li .box .img_box {padding: 10px; border-radius: 15px;}
	.certi_area > .list > li > .box .certi_box .list li .box .text_box {margin: 6px 0 0;}

	.tech_area .tech_top {height: auto; padding: 30px 0;}
	.tech_area .tech_top .text_box .title {font-size: 18px; line-height: 20px;}
	
	.about_area .about_mid .info_box .list li .box {border-radius: 30px;}
	.about_area .about_mid .info_box .list li .box .bg_box img {height: 300px;}
	.about_area .about_mid .info_box .list li .box .text_box {padding: 40px 10px 0;}
	.about_area .about_mid .info_box .list li .box .text_box .title {font-size: 18px; line-height: 20px;}
	.about_area .about_btm .quick_area > .list > li .box {height: 300px; padding: 20px;}
	.about_area .about_btm .quick_area > .list > li .box .text_box .sub_title {font-size: 14px; line-height: 18px;}
	.about_area .about_btm .quick_area > .list > li .box .text_box .text_list li {margin: 6px 0 0; font-size: 20px; line-height: 24px;}
	.about_area .about_btm .quick_area > .list > li .box .more_btn {width: 120px;}
	.about_area .about_btm .quick_area > .list > li .box .more_btn .txt {padding: 0 15px 0 0; background-size: 4px auto; font-size: 12px; line-height: 30px;}


	.history_area > .list > li {margin: 15px 0 0;}
	.history_area > .list > li .box {padding: 20px; border-radius: 30px;}
	.history_area > .list > li .box .year {font-size: 30px;}
	.history_area > .list > li .box .history_box {margin: 20px 0 0;}
	.history_area > .list > li .box .history_box .list li {margin: 20px 0 0;}
	.history_area > .list > li .box .history_box .list li .month_box {font-size: 14px; line-height: 20px;}

	.vision_area .vision_top > .list > li .box {gap: 10px; padding: 10px; flex-direction: column;}
	.vision_area .vision_top > .list > li .box .icon_box {width: 90px; height: 90px;}
	.vision_area .vision_top > .list > li .box .icon_box img {width: 45px;}
	.vision_area .vision_top > .list > li .box .text_box .title {font-size: 18px; line-height: 20px; text-align: center;}
	.vision_area .vision_btm .ci_area {background-image: url("/kor/images/sub/vision_bg_mob3.png") ; background-position: center;}
	.vision_area .vision_btm .ci_area .text_box .list {flex-direction: column; gap: 10px;}
	.vision_area .vision_btm .ci_area .text_box .list li {width: 100%;}
	.vision_area .vision_btm .ci_area .text_box .list li .box {padding: 15px;}

	.map_area .map_btm .map_info {flex-direction: column; gap: 20px; align-items: normal;}
	.map_area .map_btm .map_info .img_box img {width: 100%;}
	.map_area .map_btm .map_info .text_box .title {font-size: 18px; line-height: 20px;}
	.map_area .map_btm .map_info .text_box .text_list {margin: 10px 0 0;}
	.map_area .map_btm .map_info .text_box .map_btn {width: 100%; margin: 15px 0 0;}

	.process_area > .list > li .box .process_top {padding: 10px;}
	.process_area > .list > li .box .process_top .info_box .info_list li {width: 50%;}
	.process_area > .list > li .box .process_btm .img_list li {width: calc(50% - 5px);}
	.process_area > .list > li .box .process_btm .img_list li .info_box .img_box img {width: 100%;}

	.business_area .business_com_text {height: auto; padding: 30px 0;}
	.business_area .business_com_text .text_box .title {font-size: 18px; line-height: 20px;}
	.business_area .business_logo .list li {width: calc(33.3333% - 6.6666px);}
	.business_area .achieve_area .title {font-size: 20px; line-height: 24px;}
	.business_area .achieve_area .achieve_list {padding: 10px;}

	.about_area01 .about01_top {padding: 30px 0;}
	.about_area01 .about01_top .text_box .icon_list {margin: 30px 0 0;}
	.about_area01 .about01_top .text_box .icon_list .list {flex-direction: column; gap: 10px;}

	.about_area01 .about01_top .text_box .icon_list .list li .box .icon_box {width: 55px;}
	.about_area01 .about01_mid .quality_top .quality_box {flex-direction: column;}
	.about_area01 .about01_mid .quality_top .quality_box .img_box {width: 100%;}
	.about_area01 .about01_mid .quality_top .quality_box .text_list {width: 100%;}
	
	.about_area01 .about01_mid .quality_btm .info_list > .list > li .box {flex-direction: column; height: 100%; border-radius: 10px;}
	.about_area01 .about01_mid .quality_btm .info_list > .list > li .box .title {width: 100%; padding: 10px; text-align: center;}
	.about_area01 .about01_mid .quality_btm .info_list > .list > li .box .text_box {height: calc(100% - 38px); padding: 10px;}

	.about_area01 .about01_btm .esg_area > .list > li {margin: 20px 0 0;}
	.about_area01 .about01_btm .esg_area > .list > li .box {flex-direction: column; gap: 10px;}
	.about_area01 .about01_btm .esg_area > .list > li .box .img_box {width: 100%;}
	.about_area01 .about01_btm .esg_area > .list > li .box .img_box img {width: 100%;}
	.about_area01 .about01_btm .esg_area > .list > li .box .text_box {width: 100%;}
	.about_area01 .about01_btm .esg_area > .list > li:nth-child(even) .box .img_box {order: 1;}
	.about_area01 .about01_btm .esg_area > .list > li:nth-child(even) .box .text_box {order: 2;}

	.gallery_area .list {gap: 10px}
	.gallery_area .list li {width: calc(50% - 5px);}
	.gallery_area .list li .box .box_inner .hover_box .inner .date {margin: 10px 0 0;}
	.pop_gallery_view .pop_inner .cont .text_box .info_box .list {flex-wrap: wrap;}

	.rnd_area .rnd_box .text_box .info_list .list {flex-wrap: wrap; gap: 10px;}
	.rnd_area .rnd_box .text_box .info_list .list li {width: calc(50% - 5px);}

	.rnd_area .process_list .list {flex-wrap: wrap; gap: 10px;}
	.rnd_area .process_list .list li {width: calc(50% - 5px);}
	.rnd_area .process_list .list li .box .text_box {align-content: center; padding: 10px;}
	.rnd_area .process_list .list li .box .text_box .title {font-size: 18px; line-height: 20px;}
	
	.rnd_area .about_area01 .about01_btm .esg_area > .list > li:nth-child(odd) .box .img_box {order: 1;}
	.rnd_area .about_area01 .about01_btm .esg_area > .list > li:nth-child(odd) .box .text_box {order: 2;}

	
	.prd_area .list {gap: 10px;}
	.prd_area .list li {width: calc(50% - 5px);}
	.prd_area .list li .box {padding: 10px; border-radius: 20px;}
	.prd_area .list li .box .box_inner .title {height: 54px; font-size: 14px; line-height: 18px;}
	.prd_area .list li .box .hover_box .title {font-size: 18px; line-height: 20px;}
	.prd_area .list li .box .hover_box .plus_icon {width: 35px; height: 35px;}
	.prd_area .list li .box .hover_box .plus_icon img {width: 20px;}

	.com_tab_area.sty2 .list {flex-wrap: wrap; gap: 0;}
	.com_tab_area.sty2 .list li {width: 50%;}
	.com_tab_area.sty2 .list li .box {height: 34px; align-content: center; border-radius: 0; line-height: 16px; text-align: center;}



	.prd_pop_area .pop_inner {top: 20px; padding: 20px 10px;}
	.prd_pop_area .pop_inner .cont {border-radius: 20px;}
	.prd_pop_area .pop_inner .cont .pop_close img {width: 30px;}
	.prd_pop_area .pop_inner .cont .prd_view_area .prd_img_slide .list li .box {padding: 10px;}
	.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area {padding: 20px;}
	.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .prd_title_box .title {padding: 6px 0 0; font-size: 20px; line-height: 24px;}
	.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .prd_title_box .title:before {width: 30px;}
	.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .prd_info_box .info_box {border-radius: 15px; padding: 10px;}
	.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .prd_info_box .info_box .list {flex-direction: column; gap: 10px;}
	.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .dimen_area .dimen_box {border-radius: 15px; padding: 20px;}
	.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .spec_area .spec_table_box {margin: 10px 0 0;}
	.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .spec_area .spec_table_box .table_box {border-radius: 15px;}
	.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .spec_area .spec_table_box .table_box table {border-radius: 15px;}
	.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .spec_area .prd_btn_group {margin-top: 50px;}


}

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



	.sch_area {max-width: 100%;}

	.contact_area > .list li {width: 100%;}
	.contact_area > .list li .box input {padding: 8px 10px;}
	.contact_area > .list li .box select {padding: 8px 10px;}
	.contact_area > .list li .box textarea {height: 100px; padding: 8px 10px;}

	.contact_area .check_area .policy_btn {width: 60px;}

	.about_area .about_mid .info_box .list li {width: 100%;}
	.about_area .about_mid .info_box .list li .box .bg_box img {height: 240px;}
	.about_area .about_mid .info_box .list li .box .text_box {padding: 30px 10px 0;}
	.about_area .about_btm .quick_area > .list {flex-direction: column;}
	.about_area .about_btm .quick_area > .list > li .box .text_box .text_list li br {display: none;}


	.history_area > .list > li .box {border-radius: 20px;}
	.history_area > .list > li .box .year {font-size: 24px;}
	.history_area > .list > li .box .history_box {margin: 10px 0 0;}
	.history_area > .list > li .box .history_box .list li {margin: 15px 0 0;}
	.history_area > .list > li .box .history_box .list li .month_box {padding: 0;}
	.history_area > .list > li .box .history_box .list li .month_box .month {position: inherit; left: inherit; top: inherit;}
	.history_area > .list > li .box .history_box .list li .month_box .text {margin: 5px 0 0;}

	.map_area .map_top {padding: 0;}
	.map_area .map_top .map {position: inherit; top: inherit; left: inherit; height: 220px;}


	.process_area > .list > li .box .process_top .info_box .info_list li {width: 100%;}
	.process_area > .list > li .box .process_btm .img_list li {width: 100%;}
	.process_area > .list > li .box .process_btm .img_list.sty2 li {width: 100%;}

	.business_area .business_logo .list li {width: calc(50% - 5px);}

	.about_area01 .about01_mid .quality_btm .info_list > .list > li {width: 100%;}

	
	.gallery_area .list li {width: 100%;}
	
	.video_area .list li {width: 100%;} 

	.rnd_area .rnd_box .text_box .info_list .list li {width: 100%;}

	.rnd_area .process_list .list {gap: 5px;}
	.rnd_area .process_list .list li {width: calc(50% - 2.5px);}
	.rnd_area .process_list .list li .box {border-radius: 10px;}
	.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .spec_area .prd_btn_group .prd_btn{height: 46px; font-size: 14px;}
	.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .spec_area .prd_btn_group{margin-top: 30px;}
	.prd_pop_area .pop_inner .cont .prd_view_area .prd_info_area .prd_btn_group .prd_btn { font-size: 13px;}
}













/* sub1 tab ci추가 */

.ci_area .ci_bg {
	display: flex;
	justify-content: center;
	align-items: center;
	margin: 80px 0;
}

.ci_area .ci_bg img {
	width: clamp(140px, 18vw, 263px);
	height: auto;
	display: block;
}
.ci_area .text_box .list {flex-direction: column; gap: 10px;}
.ci_area .text_box .list li {width: 100%;}
.ci_area .text_box .list li .box {padding: 15px;}
.ci_area .info_list {
	margin: 80px 0;
}
.ci_area .info_list .list {
	display: flex;
	flex-direction: column;
	gap: 20px;
}
.ci_area .info_list .list li {}
.ci_area .info_list .list li .box {
	display: flex;
    height: 100px;
    border: 1px solid #2A4B99;
    border-radius: 50px;
    overflow: hidden;
}
.ci_area .info_list .list li .box .title {
	/* width: 270px; */
	width: 20%;
    flex-shrink: 0;
    align-content: center;
    padding: 0 35px;
    background-color: #2A4B99;
    font-weight: 500;
    font-size: 24px;
    line-height: 24px;
    color: #ffffff;
}
.ci_area .info_list .list li .box .text_box {
	width: 100%;
    align-content: center;
    padding: 0 40px 0 30px;
}
.ci_area .info_list .list li .box .text_box .list {}
.ci_area .info_list .list li .box .text_box .list li {}
.ci_area .info_list .list li .box .text_box .list li span {
	font-size: 17px;
}
.ci_area .info_list .list li .box .text_box .list li span.color_b {
	color: #2A4B99;
}

@media screen and (max-width: 1400px) {
	
}

@media screen and (max-width: 960px) {
	.ci_area .info_list .list{
		 gap: 10px;
	}
	.ci_area .info_list .list li .box{
		height: auto;
		flex-direction: column;
		border-radius: 10px;
	}
	.ci_area .info_list .list li .box .title{
		width: 100%;
        padding: 10px 0;
        text-align: center;
		font-size: 14px;
	}
	.ci_area .info_list .list li .box .text_box{
		padding: 20px;
	}
	.ci_area .info_list .list li .box .text_box .list li span{
		font-size: 14px;
	}
}



@media screen and (max-width: 767px) {
    .ci_area .info_list {
        margin: 30px 0
    }
}



/* about05 추가 css */



.about_area05 .about01_top {
  position: relative;
  width: 100%;
  min-height: 920px;  
  display: flex;
  align-items: center;
  overflow: hidden;
}

/* 배경 레이어 */
.about_area05 .about01_top::before{
  content:"";
  position: absolute;
  /* ✅ 핵심: 레이어를 더 크게 깔아 빈틈 방지 */
  inset: -60px;
  background: url(/eng/images/sub/about05_img01.png) no-repeat center / cover;
  transform-origin: center center;
  will-change: transform;

  animation: zoomOutBg 4s ease-in-out infinite alternate;
}

@keyframes zoomOutBg{
  0%{
    transform: scale(1.18) translate3d(0,0,0);
  }
  100%{
    transform: scale(1.06) translate3d(-3%,2%,0);
  }
}
.about_area05 .about01_top .text_box {text-align: center;}
.about_area05 .about01_top .text_box .title {font-weight: 700; font-size: 60px; color: #ffffff;}
.about_area05 .about01_top .text_box .text {font-weight: 700; font-size: 40px; color: #ffffff; margin-top: 60px;}

   
.about_tabs{
  position: sticky;  /* 스크롤 내려도 위에 붙게 */
  top: var(--header-h);
  z-index: 50;
  display: flex;
  gap: 10px;
  justify-content: center;
  padding: 100px 0 44px;
  background: rgba(255,255,255,.85);
  backdrop-filter: blur(10px);
}

.about_tabs .tab_btn{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: 14px 60px;
  border-radius: 999px;
  border: 1px solid #d7dbe0;
  color: #1f2937;
  text-decoration: none;
  font-weight: 600;
}

.about_tabs .tab_btn:hover{
  background: #2a4b99;
  border-color: #2a4b99;
  color: #fff;
}

.about_area05 .about01_bottom{
  width: 100%;
}

/* 섹션 공통 */
.about_area05 .about_sec{
  position: relative;
  width: 100%;
  min-height: 920px;       
  display: flex;
  align-items: center;
  overflow: hidden;
  color: #fff;
  scroll-margin-top: calc(var(--header-h) + 70px); /* 탭 sticky 고려 */
  background: #000; /* 혹시 비치면 흰색 대신 */
}

/* 섹션별 배경이미지 */
.about_area05 #philosophy{ background: url(/eng/images/sub/about05_img02.png) no-repeat center / cover; }
.about_area05 #principle{ background: url(/eng/images/sub/about05_img03.png) no-repeat center / cover; }
.about_area05 #esg_e{ background: url(/eng/images/sub/about05_img04.png) no-repeat center / cover; }
.about_area05 #esg_s{ background: url(/eng/images/sub/about05_img05.png) no-repeat center / cover; }
.about_area05 #esg_g{ background: url(/eng/images/sub/about05_img06.png) no-repeat center / cover; }

/* 오버레이(가독성) */
.about_area05 .about_sec::before{
  content:"";
  position:absolute;
  inset:0;
  background: rgba(0,0,0,.42);
}

/* 중앙 텍스트 박스 */
.about_area05 .about_sec .container{
  position: relative;
  z-index: 1;
  width: 100%;
  /* max-width: 1400px; */
  margin: 0 auto;
  padding: 0 20px;
}

.about_area05 .about_sec .sec_textbox{
  text-align: center;
  /* max-width: 980px; */
  margin: 0 auto;
}

.about_area05 .about_sec .sec_title{
	font-size: 60px;
	font-weight: 700;
	margin: 0 0 18px;
}
.about_area05 .about_sec .sec_title.fw0{
	font-weight: unset;
}
.about_area05 .about_sec .sec_title span{
	font-weight: 700;
}
.about_area05 .about_sec .sub_title{
  font-size: 34px;
  font-weight: 700;
  margin: 0 0 18px;
}

.about_area05 .about_sec .sec_desc{
	font-size: 18px;
	line-height: 1.9;
	opacity: .92;
	margin: 0 auto;
}
.about_area05 .about_sec .sec_desc.mt{
	margin-top: 30px;
}

/* 반응형 */
@media (max-width: 1024px){
  .about_area05 .about01_top{ min-height: 720px; }
  .about_area05 .about01_top .text_box .title{ font-size: 30px; }
  .about_area05 .about01_top .text_box .text{ font-size: 24px; margin-top: 28px; }

  .about_area05 .about_sec{ min-height: 620px; }
  .about_area05 .about_sec .sec_title{ font-size: 34px; }
}

@media (max-width: 768px){
	.about_area05 .about_sec .container{padding: 14px 20px;}
	.about_tabs{padding: 50px 0 20px; }
	.about_tabs .tab_btn{padding: 10px 20px;}
  	.about_area05 .about01_top{ min-height: 520px; }
  	.about_area05 .about01_top .text_box .title{ font-size: 28px; }
  	.about_area05 .about01_top .text_box .text{ font-size: 20px; }

  	.about_area05 .about_sec{ min-height: 520px; }
  	.about_area05 .about_sec .sec_title{ font-size: 36px; }
  	.about_area05 .about_sec .sec_desc{ font-size: 14px; }
  	.about_area05 .about_sec .sub_title{font-size: 20px}
  	.about_area05 .about_sec .sec_desc.mt{margin-top: 14px;}
}