@charset "utf-8";
	
/* 서브 공통 */
.sub_con {
}
.slide-wr{position: relative;}
.visual-slide{overflow:hidden;position: relative;}
.slick-slide{display:block;float:left;}
.wr_1400{max-width: 1400px;margin: 0 auto;display: flex;justify-content: center;flex-direction: column;}

.sub_con .pc_img {display: flex;justify-content: center;}
.sub_con .mo_img {display: none;}

@media screen and (max-width:1480px) {
	.sub_con{/* margin: 40px 40px 0 !important; */!i;!;/* padding: 0 0 80px !important; */!i;!;}
	#sub-nav .nav-route {padding: 0 40px clamp(40px,4vw,74px) !important;}
}

@media screen and (max-width:768px) {
	.sub_con{/* padding: 40px 20px !important; */}
	#sub-nav .nav-route{padding: clamp(20px,4vw,74px) 20px !important;}
	.sub_con .pc_img {display: none;}
	.sub_con .mo_img {display: flex;justify-content: center;}

}

.top_menu.mobile-menu > div{justify-content: space-between; align-items: center;}
.mobile-menu .active-item img {
	transition: transform 0.3s ease; /* 부드러운 회전 효과 */
}

.mobile-menu .active-item img.active {
	transform: rotate(180deg); /* 180도 회전 */
}
/* 이미지 모달창 */
#modal {display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color: rgba(0,0,0,.6);}
#modal__content {display: flex;flex-wrap: wrap;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);margin: 0 auto;padding: 60px;background: #FFF;box-shadow: 0px 0px 15px rgba(0,0,0,0.5);}
.modal__exit {position: absolute;width: 60px;height: 60px;top: 0px;right: 0px;font-size: 30px;font-weight: 300;background: #000;color: #FFF;text-align: center;}
.modal__exit span {width: 30px;height: 3px;background: #FFF;display: block;margin: 0 auto;}
.modal__exit span:nth-child(1) {margin: 0px auto 5px;transform: rotate(45deg);position: absolute;top: 50%;left: 15px;}
.modal__exit span:nth-child(2) {margin: 0px auto 5px;transform: rotate(-45deg);top: 50%;position: absolute;left: 15px;}
.modal__img {flex: 0 1 100%;text-align: center;}
.modal__img img {width:100%;max-width: 400px;}
.modal__ttl {flex: 0 1 100%;text-align: center; font-size: 16px; font-weight: 600;}


@media screen and (max-width: 768px){
  #modal__content {padding: 50px 20px;width: 80%;}
	.modal__exit {width: 50px;height: 50px;}
	.modal__exit span {width: 25px;height: 3px;}
	.modal__exit span:nth-child(1) {left: 13px;}
	.modal__exit span:nth-child(2) {left: 13px;}
}
.overlay {display: none;position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.5) !important;z-index: 20;cursor: pointer;}
.overlay__message{display: block;width: 100%;font-size: 18px;line-height: 28px;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

@media screen and (max-width: 500px) {
	.overlay__message{font-size: 16px;line-height: 26px;}
}

.bg_img{height: 440px !important;position: relative;overflow: hidden;margin: clamp(20px,4.8vw,80px) 0;background-position: center;background-size: cover;background-repeat: no-repeat;}

@media screen and  (min-width: 1200px){
	.bg_img{ background-attachment: fixed;}
}

@media screen and  (max-width: 768px){
	.bg_img{height: 200px !important;}
}

/* 서브페이지 네비게이션 */
@charset "utf-8";
	
/* 서브 공통 */
.sub_con {padding: 40px 0;position: relative;z-index: 1;overflow: hidden;}
.slide-wr{position: relative;}
.visual-slide{overflow:hidden;position: relative;}
.slick-slide{display:block;float:left;}

@media screen and (max-width:1480px) {
	.sub_con{padding: 40px 40px;}
}

.top_menu.mobile-menu > div{justify-content: space-between; align-items: center;}

.mobile-menu .active-item img {transition: transform 0.3s ease;}
.mobile-menu .active-item img.active {transform: rotate(180deg);}

/* 이미지 모달창 */
#modal {display:none;position:fixed;z-index:1000;left:0;top:0;width:100%;height:100%;overflow:auto;background-color: rgba(0,0,0,.6);}
#modal__content {display: flex;flex-wrap: wrap;position: absolute;top: 50%;left: 50%;transform: translate(-50%, -50%);margin: 0 auto;padding: 60px;background: #FFF;box-shadow: 0px 0px 15px rgba(0,0,0,0.5);}
.modal__exit {position: absolute;width: 60px;height: 60px;top: 0px;right: 0px;font-size: 30px;font-weight: 300;background: #000;color: #FFF;text-align: center;}
.modal__exit span {width: 30px;height: 3px;background: #FFF;display: block;margin: 0 auto;}
.modal__exit span:nth-child(1) {margin: 0px auto 5px;transform: rotate(45deg);position: absolute;top: 50%;left: 15px;}
.modal__exit span:nth-child(2) {margin: 0px auto 5px;transform: rotate(-45deg);top: 50%;position: absolute;left: 15px;}
.modal__img {flex: 0 1 100%;text-align: center;}
.modal__img img {width:100%;max-width: 400px;}
.modal__ttl {flex: 0 1 100%;text-align: center; font-size: 16px; font-weight: 600;}


@media screen and (max-width: 768px){
  #modal__content {padding: 50px 20px;width: 80%;}
	.modal__exit {width: 50px;height: 50px;}
	.modal__exit span {width: 25px;height: 3px;}
	.modal__exit span:nth-child(1) {left: 13px;}
	.modal__exit span:nth-child(2) {left: 13px;}
}
.overlay {display: none;position:absolute;top:0;left:0;width:100%;height:100%;background: rgba(0,0,0,0.5) !important;z-index: 20;cursor: pointer;}
.overlay__message{display: block;width: 100%;font-size: 18px;line-height: 28px;color:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);}

@media screen and (max-width: 500px) {
	.overlay__message{font-size: 16px;line-height: 26px;}
}

.bg_img{height: 440px !important;position: relative;overflow: hidden;margin: clamp(20px,4.8vw,80px) 0;background-position: center;background-size: cover;background-repeat: no-repeat;}

@media screen and  (min-width: 1200px){
	.bg_img{ background-attachment: fixed;}
}

@media screen and  (max-width: 768px){
	.bg_img{height: 200px !important;}
}

/* 서브페이지 네비게이션 */
#sub-nav .nav-route {padding: 0px 0 26px;display: flex;align-content: center;justify-content: center;align-items: center;flex-direction: column;position: relative;}
#sub-nav .nav-route > ul {display: flex;gap: 14px;align-items: center;width: 100%;position: relative;padding-bottom: 1px;white-space: nowrap;justify-content: space-evenly;flex-wrap: wrap;}
#sub-nav .nav-route > ul::after {content: '';position: absolute;bottom: 0;left: 0;width: 100%;height: 1px;background-color: #ddd;}
#sub-nav .nav-route > ul > li {/* padding: 1px 20px 0px 0px; */font-size: clamp(16px,1.8vw,20px);}
#sub-nav .nav-route > ul > .seven{width: calc(100% / 7 - 14px);text-align: center;}
#sub-nav .nav-route > ul > li > a {font-family: 'Pretendard';padding: clamp(20px,2vw,40px) 8px;color: #000;}
#sub-nav .nav-route > ul > li.active a {border-bottom: 2px solid #f19149;font-weight: 700;}

.nav-route > ul > li:last-child:after {display: none;}
.nav-route > ul > li.active {}
.nav-route > ul > li .pnav-ul li .pnav-1a {display: block;font-size: 18px;height: 50px;line-height: 48px;font-weight: 400;cursor: pointer;padding: 0 25px;letter-spacing: -2px;position: relative;}
.nav-route > ul > li .pnav-ul li .pnav-1a > span {display: block;content: '';position: absolute;background: url('../img/sub/nav-plus.png')no-repeat center;right: 15px;top: 50%;width: 16px;height: 12px;margin-top: -6px;transition: all 0.5s;}
.nav-route > ul > li .pnav-ul li .pnav-1a .on {transform: rotate(180deg);}
.nav-route > ul > li .pnav-ul li ul.pnav-1ul {line-height: 35px;}
.nav-route > ul > li {position: relative;}
.nav-route > ul > li > .pnav-2ul {position: absolute;left: 0;top: 48px;border: 1px solid #ededed;left: 0;background-color: #fff;z-index: 1;width: 100%;text-align: left;width: 100%;border: 1px solid #ededed;border-top: none;}
.nav-route > ul > li .pnav-2ul li ul.pnav-2ul li:first-child {border-top: 1px solid #e3e3e3;}
.nav-route > ul > li .pnav-2ul li ul.pnav-2ul li {border-bottom: 1px solid #e3e3e3;border-right: 1px solid #e3e3e3;transition: 0.3s;background: #fff;height: 50px;z-index: 99;padding: 0 30px;display: flex;align-items: center;}
.nav-route > ul > li .pnav-2ul li ul.pnav-2ul li a {width: 100%;}
.nav-route > ul > li .pnav-2ul li .pnav-2a {display: block;font-size: 18px;height: 50px;line-height: 48px;font-weight: 400;cursor: pointer;padding: 0 25px;letter-spacing: -2px;position: relative;}
.nav-route > ul > li .pnav-2ul li .pnav-2a > span {display: block;content: '';position: absolute;background: url('../img/sub/nav-plus.png')no-repeat center;right: 15px;top: 50%;width: 16px;height: 12px;margin-top: -6px;transition: all 0.5s;}
.nav-route > ul > li .pnav-2ul li .pnav-2a .on {transform: rotate(180deg);}
.nav-route > ul > li .pnav-2ul li ul.pnav-2ul {line-height: 35px;}


#sub-nav .visual__wrap.nav1 {background-image: url('../img/sub/sub1_1_visual.jpg');}
#sub-nav .visual__wrap.nav2 {background-image: url('../img/sub/sub2_1_visual.jpg');}
#sub-nav .visual__wrap.nav3 {background-image: url('../img/sub/sub3_1_visual.jpg');}
#sub-nav .visual__wrap.nav4 {background-image: url('../img/sub/sub4_1_visual.jpg');}
#sub-nav .visual__wrap.nav5 {background-image: url('../img/sub/sub5_1_visual.jpg');}
#sub-nav .visual__wrap.nav6 {background-image: url('../img/sub/sub-6.mov');}

#sub-nav .visual__wrap video {
    width: 100%;
    height: 100%;
    object-fit: cover;
}

/* navigation */
#sub-nav {position: relative;/* width: 111%; */margin-top: 80px;height: 100%;margin: 0 auto 0;z-index: 2;}
#sub-nav .visual__wrap {width: 100%;height: 400px;background-repeat: no-repeat;background-position: center;/* margin: 24px 0 0; */position: relative;}
#sub-nav .visual__wrap .nav_text {position: absolute;text-align: center;max-width: 1400px;width: 100%;left: 50%;top: 50%;transform: translate(-50%, -50%);}

#sub-nav .visual__wrap .nav_text .nav-title {color: #fff;font-size: clamp(28px,4.2vw,50px);font-weight: 500;letter-spacing: 4px;padding: 0 0 clamp(20px,2vw,32px);letter-spacing: 0px;font-family: 'Pretendard';text-shadow: 2px 2px 4px rgba(0, 0, 0, 25.85);}
#sub-nav .visual__wrap .nav-route ul li.active:after, #sub-nav .visual__wrap .nav-route ul li:hover:after {display: none;}
#sub-nav .visual__wrap .nav-route ul li:last-child:after {display: none;}
#sub-nav .menu-wr {text-align: center;box-shadow: 0 4px 8px -7px #6f6f6f8a;}
#sub-nav .menu-wr ul {justify-content: center;}
#sub-nav .menu-wr ul.eight li {flex: 0 1 calc(100% / 8 - 50px);}
#sub-nav .menu-wr ul.seven li {flex: 0 1 calc(100% / 7 - 50px);}
#sub-nav .menu-wr ul.four li {flex: 0 1 calc(100% / 4 - 50px);}
#sub-nav .menu-wr ul.five li {flex: 0 1 calc(100% / 5 - 50px);}
#sub-nav .menu-wr li {position: relative;}
#sub-nav .menu-wr li a {position: relative;display: block;width: 100%;padding: 16px 0px;font-size: 22px;color: #bfbfbf;font-weight: 500;transition: all 0.3s;}
#sub-nav .menu-wr li a:hover {color: #003358;font-weight: 900;}
#sub-nav .menu-wr li a.active {color: #003358;font-weight: 900;}


#sub-nav.nav04 .menu-wr {justify-content: center;}
#sub-nav.nav04 .menu-wr li {}
#sub-nav .fix {position: fixed;top: 10px;width: 100%;left: 0;z-index: 100;padding: 0 20px;box-shadow: unset;}
#sub-nav .fix ul {box-shadow: 10px 10px 30px #00000014;background-color: rgba(255,255,255,.2);backdrop-filter: blur(10px);padding: 0 1rem;height: 70px;align-items: center;border-radius: 60px;gap: 5px;max-width: 1400px;margin: 0 auto;}
#sub-nav .menu-wr.fix li a {color: #000;font-size: clamp(14px,2vh,20px);padding: 0;}
#sub-nav .menu-wr.fix li a.active {color: #fff;background: #003358;padding: 10px;border-radius: 30px}
#sub-nav .menu-wr.fix li a.active:hover {color: #fff;background: #003358;padding: 10px;border-radius: 30px}
#sub-nav .menu-wr.fix li a:hover {color: #fff;background: #00335885;padding: 10px;border-radius: 30px}
.sub_header .gnb__line:before {display: none}
.sub_header .gnb__line:after {display: none}
#sub-nav .nav-route .nav-sub-title {font-family: 'Noto Sans';font-size: clamp(32px,3.2vw,55px);padding: 0px 0 clamp(20px,3.2vw,32px);font-weight: 700;}

@media screen and (max-width: 1200px) {
    #sub-nav .nav-route > ul {max-width: 1000px;}
}

@media screen and (max-width: 1024px) {
    #sub-nav .visual__wrap {height: 300px;background-size: auto;!i;!;!;!ㅑ;!;!ㅑ;!ㅑㅡ;!ㅑ;!;!ㅑ;!;}
    #sub-nav .nav-route > ul {max-width: 800px;}
}

@media screen and (max-width: 768px) {
    #sub-nav .nav-route > ul {max-width: 700px;}
    #sub-nav .m-menu .visual__wrap {height: 300px;}
}

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

/* mobile */
.m-menu{display:none;/* padding-top: 10px; */}
.mnav-ul{display: none;position: absolute;bottom: 0;width: 100%;}
.mnav-ul li .mnav-1a {display:block;background: #ff882e;font-size:15px;color: #fff;height: 50px;line-height: 48px;font-weight:400;cursor:pointer;padding: 0 25px;letter-spacing: 0.5px;position: relative;font-family: 'Pretendard';}
.mnav-ul li .mnav-1a > span{display: block;content: '';position:absolute;background: url(../img/sub/nav-plus.png) no-repeat center;right: 15px;top: 50%;width: 16px;height: 12px;margin-top: -6px;transition: all 0.5s;}
.mnav-ul li .mnav-1a .on {transform:rotate(180deg);}
.mnav-ul li ul {position:relative;display:none;position:absolute;left: -1px;z-index:10;width: calc(100% + 2px);border: 1px solid #e3e3e3;padding: 15px 30px;background: #fff;}
.mnav-ul li ul li {border-bottom: 0;border-right: 0;transition:0.3s;background:#fff;padding: 3px 0;}
.mnav-ul li ul li a {display: block;/* line-height: 1; */color: #6c6c6c;letter-spacing: -1px;font-size:14px;word-break: keep-all;line-height: 25px;font-family: 'Pretendard';}
.mnav-ul li ul li a:hover{color: #005ad4;font-weight:bold;text-decoration:underline;}

@media (max-width:1650px){
	#sub__nav .visual__wrap{}
	#sub__nav .menu-wr li a{padding: 23px 0;}
}

@media (max-width:1440px){
	#sub__nav .visual__wrap{}
	#sub__nav .menu-wr li a{padding: 15px 0;font-size: 15px;}
	#sub__nav .visual__wrap .nav-title .tt{padding: 0 40px;}
	#sub__nav .nav-top-wr{padding: 0 40px;}
}

@media (max-width:1300px){
	#sub__nav .visual__wrap{}

	#sub__nav .nav-top-wr .home{width:50px;height:50px;line-height: 48px;}
	#sub__nav .nav-top-wr .nav_ul li{height: 100%;}
	#sub__nav .nav-top-wr .nav_ul li .nav_1a{height: 100%;font-size: clamp(15px,2vw,16px);}
}

@media (max-width:1024px){
	#sub__nav .visual__wrap{height: 400px;}
	#sub__nav .menu-wr li a{padding: 20px 0;font-size: 16px;}
	#sub__nav .menu-wr li a p:after{right: -8px;}

	#sub__nav .nav-top-wr.wr-1400{bottom: calc(80px);}
	#sub__nav .visual__wrap .nav-title{bottom: 20px;}
}

@media (max-width:960px){
	#sub__nav .menu-wr li a{font-size: 15px;}
	#sub__nav .menu-wr li a p.long{font-size: 13px;}
}

@media (max-width:768px){
	.mnav-ul{display: block;}
	#sub-nav .nav-route > ul{display: none !important;!i;!;}
	#sub__nav .nav-top-wr .nav_ul{flex: calc(100% - clamp(50px,3.8vw,80px));}
	#sub__nav .nav-top-wr .nav_ul li .nav_1a{color: #000;display: flex;align-items: center;}
	#sub__nav .nav-top-wr.wr-1400{bottom: 0px;background: #fff;border-radius: 0;transform: none;height: 80px;left: auto;border-bottom: 1px solid #cfcfcf;}
	#sub__nav .visual__wrap{height: 360px;}
	#sub__nav .nav-top-wr .home{display: none;}
	#sub__nav .nav-top-wr .home.mo{display: flex;height: 100%;}
	#sub__nav .visual__wrap .nav-title{bottom: 120px;}
	#sub__nav .nav-top-wr .nav_ul li .nav_1a::after{content:'';display:block;position:absolute;top: 50%;right:15px;width:12px;height:12px;transform: translateY(-50%);background: url('../img/sub/icon_sub_arrow--block.png')no-repeat center;}

	#sub__nav .visual__wrap .nav__route {bottom: 70px; width: 100%; }
	#sub__nav .visual__wrap .nav__route ul {justify-content: center;}
	#sub__nav .visual__wrap .nav__route ul li {font-size: 14px;}
	.pc-menu{/* display:none; */}
	.m-menu{/* display:block; */}
}

@media screen and (max-width:580px) {
	#sub__nav .nav-top-wr .nav_ul li{padding: 0 12px;min-width: 180px;}
	#sub__nav .nav-top-wr .nav_ul li ul{top: 59px;}
	#sub__nav .nav-top-wr .nav_ul > li:nth-child(1){display: none;}
	#sub__nav .nav-top-wr.wr-1400{height: 60px;}
	#sub__nav .nav-top-wr .home.mo{width: 30px;}
}

@media (max-width:500px){
	#sub__nav .visual__wrap .nav-title{font-size: 24px;}
	#sub__nav .visual__wrap .nav__route {bottom: 80px;}
}

#hd_wrapper.hd_wrapper--active {background: #fff;box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 20%);}
#hd_wrapper.hd_wrapper--active .gnb__logo-link-item--active {display: block !important;}
#hd_wrapper.hd_wrapper--active  .gnb__logo-link-item {display: none;}
#hd_wrapper.hd_wrapper--active .gnb_1da {color:#000}
#hd_wrapper.hd_wrapper--active .site_map li{color: #000;}
#hd_wrapper.hd_wrapper--active .site_map .go_eng::before {    color: #000;position: absolute;content: '';bottom: -10px;left: 50%;width: 51px;height: 3px;background: #000;transform: translate(-50%, -50%);}
#hd_wrapper.hd_wrapper--active  .sitemap__search {background: url(../img/icon_search--active.png) no-repeat center;}
#hd_wrapper.hd_wrapper--active  .hd_right {background: #162b51;}
#hd_wrapper.hd_wrapper--active {background: #fff;box-shadow: 0px 0px 20px 0px rgb(0 0 0 / 20%);}
#hd_wrapper.hd_wrapper--active .gnb__logo-link-item--active {display: block !important;}
#hd_wrapper.hd_wrapper--active  .gnb__logo-link-item {display: none;}
#hd_wrapper.hd_wrapper--active .gnb_1da {color:#000}
#hd_wrapper.hd_wrapper--active .site_map li{color: #000;}
#hd_wrapper.hd_wrapper--active .site_map .go_eng::before {color: #000;position: absolute;content: '';bottom: -10px;left: 50%;width: 51px;height: 3px;background: #000;transform: translate(-50%, -50%);}
#hd_wrapper.hd_wrapper--active  .sitemap__search {background: url(../img/icon_search--active.png) no-repeat center;}
#hd_wrapper.hd_wrapper--active  .hd_right {background: #162b51;}





/* sub1_1 */


.sub1_1 .total {
    display: flex;
    flex-direction: column;
    flex-wrap: wrap;
    align-content: center;
    justify-content: center;
    gap: 35px;
    font-size: 22px;
    font-family: 'NanumMyeongjo' !important;!i;!;
    font-weight: 300;
}
.sub1_1 .mid span {font-size: 30px;font-weight: 700;}
.sub1_1 .mid {line-height: 2em;}
.sub1_1 .btm {padding: 82px 5px;text-align: right;}
.sub1_1 .top {padding: 35px 0px;}

@media (max-width:960px){
	.wr_1400{/* padding: 0px 20px; */}

}
@media (max-width:660px){
	.sub1_1 .total{font-size: 17px;}
	.sub1_1 .mid span{font-size: 23px;}
}
@media (max-width:420px){
	.sub1_1 .top {
		padding: 10px 0px;
	}
	.sub1_1 .mid br {
		display: none;
	  }

}
@media (max-width:380px){
	.sub1_1 .btm{padding: 20px 5px;}
	.sub1_1 .mid span {
        font-size: 20px;}
		.sub1_1 .mid{font-size: 15px;}
		.sub1_1 .btm > img{max-width: 70%;}


}


/* sub1_2 */

.sub1_2 .total {display: flex;gap: 60px;align-items: flex-start;flex-wrap: wrap;font-family: 'Pretendard';padding: 63px 0px;gap: 0px;} 
.sub1_2 .left.history-imgs {flex: 0 0 290px;}
.sub1_2 .left.history-imgs img {width: 73%;height: auto;display: block;border-radius: 4px;}
.sub1_2 .right.history-content {	flex: 1;	justify-content: center;	display: flex;	flex-direction: column;	align-content: stretch;	}
.sub1_2 .since {font-weight: 700;font-size: 32px;color: #444;margin-bottom: 67px;font-family: 'Pretendard';margin-top: 72px;text-align: center;}
.sub1_2 .desc {font-size: 18px;line-height: 1.6;margin-bottom: 59px;color: #333;font-family: 'Pretendard';text-align: center;}
.sub1_2 .year-title {font-size: 48px;font-weight: 700;margin-bottom: 84px;margin-top: 88px;text-align: center;}
.sub1_2 .history-list {list-style: none;padding: 0px 179px;margin: 0;/* text-align: left; */align-items: center;}
.sub1_2 .history-list li {display: flex;justify-content: space-between;border-bottom: 1px solid #eee;padding: 16px 51px;font-size: 16px;line-height: 1.6;}
.sub1_2 .history-list .year {font-weight: 600;color: #999;min-width: 120px;font-size: 18px;}
.sub1_2 .history-list .text {flex: 1;padding-left: 41px;color: #222;font-size: 20px;}
.sub1_2 .history-content {
    font-family: 'Pretendard';
    padding-bottom: 100px;
}
.history-wrap {
	display: flex;
	gap: 40px;
	align-items: flex-start;
  }
  
  .history-images-pc {
	display: flex;
	flex-direction: column;
	gap: 10px;
	width: 200px;
	flex-shrink: 0;
  }
  
  .history-images-pc img {
	width: 100%;
	height: auto;
	display: block;
	/* border-radius: 4px; */
	}
  
  .history-content {
	flex: 1;
  }
  
  .history-list {
	list-style: none;
	padding: 0;
	margin: 0;
  }
  
  .history-list li {
	display: flex;
	gap: 12px;
	padding: 10px 0;
	border-bottom: 1px solid #eee;
  }
  
  .history-list .year {
	font-weight: 600;
	color: #888;
	min-width: 100px;
  }
  
  .history-image-mobile {
	display: none;
  }
  
  @media (max-width: 968px) {
	.history-images-pc {
		display: none;
	  }
	  .sub1_2 .history-list{padding: 0px 90px;}

  }

  @media (max-width: 550px) {
	.sub1_2 .history-list li{padding: 8px 12px;}

  }


  /* 반응형 */
  @media screen and (max-width: 968px) {
	.history-wrap {
	  flex-direction: column;
	}
  
	.history-image-mobile {
	  display: flex;
	  flex-wrap: wrap;
	  gap: 10px;
	  margin: 20px 0;
	  justify-content: center;
	}
  
	.history-image-mobile img {
	  width: calc(33.333% - 10px);
	  height: auto;
	}
  }
  
@media screen and (max-width: 480px) {
  .sub1_2 .history-image-mobile {
    gap: 6px;
  }

  .sub1_2 .history-image-mobile img {
    width: calc(33.333% - 6px); 
    max-width: 100%;
    height: auto;
  }
  .sub1_2 .history-content{padding-bottom: 20px;}
}

  
  /* 반응형 */
  @media (max-width: 768px) {
	.sub1_2 .left.history-imgs {
	}
  
	.sub1_2 .total {
	  flex-direction: column;
	}

	.sub1_2 .history-list{padding: 0;}

  }

  @media (max-width: 420px) {
	.sub1_2 .wr_1400 {
	  padding: 0 20px;
	}
  
	.sub1_2 .since {
	  font-size: 22px;
	  margin-top: 40px;
	  margin-bottom: 30px;
	}
  
	.sub1_2 .desc {
	  font-size: 14px;
	  margin-bottom: 30px;
	}
  
	.sub1_2 .year-title {
	  font-size: 28px;
	  margin-top: 40px;
	  margin-bottom: 30px;
	}
  
	.sub1_2 .history-list li {
	  flex-direction: column;
	  align-items: flex-start;
	  gap: 4px;
	  padding: 10px 0;
	}
  
	.sub1_2 .history-list .year {
	  font-size: 14px;
	  min-width: auto;
	  color: #aaa;
	}
  
	.sub1_2 .history-list .text {
	  font-size: 15px;
	  padding-left: 0;
	}
  }


  
  /* sub1_3 */
  

  .sub1_3 .total {display: flex;flex-direction: column;gap: 0;padding: 40px 0 0;}
  .sub1_3 .top {text-align: center;padding: 0px 0px 56px;font-size: 19px;color: #222;line-height: 1.8;font-family: 'NanumMyeongjo';font-weight: 500;}
  .sub1_3 .top span {	display: block;	font-size: 30px;	font-weight: 700;	}
  .sub1_3 .btm {width: 100%;padding-bottom: 10px;}
  .sub1_3 .video_bx {position: relative;width: 100%;aspect-ratio: 16 / 9;overflow: hidden;justify-content: center;display: flex;}
  .sub1_3 .video_bx video {	width: 100%;	height: 100%;	object-fit: cover;	display: block;	padding-bottom: 110px;	}
  /*반응형 */

  @media (max-width: 768px) {
	.sub1_3 .top {
	  padding: 0 20px 40px;
	  font-size: 17px;
	}
  
	.sub1_3 .top span {
	  font-size: 26px;
	}
  
	.sub1_3 .video_bx {

	  justify-content: center;
	  display: flex;
	  padding: 24px 0px;
	}
  
	.sub1_3 .video_bx video {
	  padding-bottom: 0;
	}
  }
  
  @media (max-width: 420px) {
	.sub1_3 .top {
	  padding: 0 16px 30px;
	  font-size: 15px;
	  line-height: 1.6;
	}
  
	.sub1_3 .top span {
	  font-size: 21px;
	  padding: 9px;
	}
  
	.sub1_3 .video_bx {
	  aspect-ratio: 16 / 9;
	}
  
	.sub1_3 .video_bx video {
	  padding-bottom: 0;
	}

	.sub1_3 .top br {
		display: none;
	  }

	  .sub1_3 .total{padding: 0px;}
  }
  

  @media (max-width:1020px) {
	.sub1_3 .video_bx{display: flex;justify-content: center;}
  }

  .sub1_4 .wr_1400 {
    display: flex;
    justify-content: center;

    padding-bottom: 29px;
}

.section.section_address.lst {
	display: none;
  }

  .sub1_4 .map_info {
	font-family: 'Pretendard', sans-serif;
	font-size: 16px;
	color: #111;
	line-height: 1.6;
	padding-top: 31px;
	text-align: justify;
	align-items: center;
	padding-right: 84px;
	padding: 30px 0px 31px 86px;
	}
  
  .sub1_4 .map_info .info-row {
	display: flex;
	align-items: center;
	margin-bottom: 8px;
	flex-wrap: nowrap; 
  }
  
  .sub1_4 .map_info .label {
	width: 60px;
	min-width: 60px;
	font-weight: 600;
	color: #222;
	flex-shrink: 0;
  }
  
  .sub1_4 .map_info .value {
	flex: 1;
	color: #333;
	word-break: keep-all;
	white-space: nowrap; 
	overflow: hidden;
	text-overflow: ellipsis;
  }
  
  .map_mp {
    display: flex;
    justify-content: center;
    padding: 0 20px;
}
  
  /* 반응형 */
  @media screen and (max-width: 768px) {
	.sub1_4.map_info {
	  font-size: 15px;
	}
  
	.sub1_4.map_info .label {
	  width: 55px;
	}
  }
  
  @media screen and (max-width: 400px) {
	.sub1_4.map_info {
	  font-size: 14px;
	}
  
	.sub1_4.map_info .info-row {
	  flex-direction: column;
	}
  
	.sub1_4.map_info .label {
	  width: auto;
	  margin-bottom: 4px;
	}
  }
  
  
/* sub2_1 */

.sub2_1 .total {display: flex;flex-direction: column;gap: 81px;justify-content: center;align-items: center;}
.sub2_1 .mid {font-size: 20px;font-family: NanumMyeongjo;}
.sub2_1 .top {padding-top: 70px;}
.sub2_1 .tit {  font-family: 'Pretendard';  font-size: 30px;  font-weight: 700;}
.sub2_1 .tit_long {  font-size: 21px;  font-family: 'Pretendard';  text-align: center;  line-height: 1.6em;}
.sub2_1 .tit_long span {	color: #f19149;	font-weight: 600; }
.sub2_1 .silk_img { width: 57%;}

/* sub2_1  */

.special-feature-wrap {
	background: url('../img/sub/sub2_1_bg01.jpg') no-repeat center center;
	background-size: cover;
	width: 100%;
	max-width: none !important;
	overflow: hidden;
	padding: 111px 0;
	text-align: center;
	font-family: 'Pretendard', sans-serif;
	position: relative;
}

/* 상단 블러 */
.special-feature-wrap::before {
	content: '';
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	height: 100px;
	background: linear-gradient(to bottom, #fff 0%, rgba(255, 255, 255, 0) 100%);
	z-index: 2;
	pointer-events: none;
}


.special-feature-wrap::after {
	content: '';
	position: absolute;
	bottom: 0;
	left: 0;
	right: 0;
	height: 100px;
	background: linear-gradient(to top, #fff 0%, rgba(255, 255, 255, 0) 100%);
	z-index: 2;
	pointer-events: none;
}

  
  .special-feature-wrap h2 {
	font-size: 28px;
	font-weight: 700;
	margin-bottom: 75px;
	}

	.sub2_2 .special-feature-wrap h2 {margin-bottom: 25px;padding: 0 20px;}
  
  .special-feature-wrap h2 span {
	color: #f19149;
  }
  
  .feature-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 40px;
	max-width: 1100px;
	margin: 0 auto;
  }
  
  .feature-box {
	background: #fff;
	box-shadow: 0 4px 20px rgba(0, 0, 0, 0.2);
	padding: 25px 15px;
	transition: transform 0.3s ease;
	}
  
  .feature-box:hover {
	transform: translateY(-8px);
  }
  
  .feature-box img {
	width: 100%;
	height: auto;
	margin-bottom: 16px;
	}
  
  .feature-box h4 {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 10px;
	color: #222;
	position: relative;
	}
  
  .feature-box h4::after {
	content: "";
	position: absolute;
	left: 50%;
	bottom: -6px;
	transform: translateX(-50%);
	width: 60%;
	height: 1px;
	background-color: #ccc;
  }
  
  .feature-box p {
	font-size: 18px;
	color: #555;
	line-height: 1.6;
	}

  /* 반응형 */
  @media (max-width: 1024px) {
	.feature-grid {
	  grid-template-columns: repeat(2, 1fr);
	  gap: 30px;
	}
  }
  
  @media (max-width: 600px) {
	.feature-grid {
	  grid-template-columns: repeat(2, 1fr);
	  gap: 5px;
	}
  
	.special-feature-wrap h2 {
	  font-size: 22px;
	  margin-bottom: 30px;
	}
  }
  

/* 라인업 */

.lineup-feature-wrap {
	padding: 50px 0;
	text-align: center;
	font-family: 'Pretendard', sans-serif;
	}
	
	.lineup-feature-wrap .title {
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 50px;
	}
	
	.lineup-feature-wrap .title span {
	color: #f19149;
	}
	
	.lineup-feature-wrap .feature-grid {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 0px 42px; 
	max-width: 1000px;
	margin: 0 auto;
	}
	
	.lineup-feature-wrap .feature-box:nth-child(even) {
	margin-top: 60px; 
	}
	.lineup-feature-wrap .feature-box {
	background: #fff;
	box-shadow: 0 4px 20px rgba(0, 0, 0, -0.96);
	padding: 20px 15px 30px;
	transition: transform 0.3s ease;
	text-align: center;
	}
	
	.lineup-feature-wrap .feature-box:hover {
	transform: translateY(-8px);
	}
	
	.lineup-feature-wrap .feature-box img {
	width: 100% !important;
	height: auto !important;
	margin-bottom: 27px;
	}
	
	.lineup-feature-wrap .feature-box .item-title {
	font-size: 24px;
	font-weight: 600;
	margin-bottom: 10px;
	color: #111;
	position: relative;
	}
	

	
	.lineup-feature-wrap .feature-box .item-desc {
	font-size: 18px;
	color: #555;
	line-height: 1.6;
	}
	
	@media (max-width: 768px) {
	.lineup-feature-wrap .feature-grid {
		grid-template-columns: repeat(2, 1fr);
		gap: 1px;
	}
	
	.lineup-feature-wrap .title {
		font-size: 22px;
		margin-bottom: 30px;
	}
	}
	


	.sub2_1 .section4 {
	padding: 100px 0;
	background-color: #dddddd80;
	font-family: 'Pretendard', sans-serif;
	text-align: center;
	}
	
	.sub2_1 .section4 .title {
	font-size: 30px;
	font-weight: 900;
	margin-bottom: 16px;
	}
	
	.sub2_1 .section4 .desc {
	font-size: 19px;
	color: #444;
	line-height: 1.6;
	margin-bottom: 60px;
	}
	
	.sub2_1 .section4 .keypoint-list {
	display: flex;
	justify-content: space-between;
	gap: 30px;
	flex-wrap: wrap;
	}
	
	.sub2_1 .section4 .keypoint-list .item {
	flex: 1 1 35%;
	max-width: 387px;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
	align-content: center;
	justify-content: space-around;
	}
	
	.sub2_1 .section4 .keypoint-list .item >img {
	width: 100%;
	height: auto;

	margin-bottom: 25px;
	}
	
	.sub2_1 .section4 .item-num {
	font-size: 50px;
	color: #999;
	margin-bottom: 19px;
	font-family: NanumMyeongjo;
	}
	
	.sub2_1 .section4 .item-title {
	font-size: 30px;
	font-weight: 700;
	margin-bottom: 12px;
	color: #111;
	}
	
	.sub2_1 .section4 .item-desc {
	font-size: 20px;
	line-height: 1.6;
	color: #555;
	}
	
	.sub2_1 .section4 .icon {
	font-size: 24px;
	margin-bottom: 39px;
	color: #f19149;
	padding-top: 15px;
	}

	.sub2_1 .section4 .icon img {
	width: 48px;
	height: auto;
	display: inline-block;
	}
	.sub2_1 .section4 .keypoint-list .item:nth-child(3) .icon img {
		width: 37px;
		}
	  
		.sub2_5 .section4 .keypoint-list .item:nth-child(1) .icon img {
			width: 27px;
			}
	
	@media (max-width: 768px) {
	.sub2_1 .section4 .keypoint-list {
		flex-direction: column;
		align-items: center;
	}
	
	.sub2_1 .section4 .keypoint-list .item {
		max-width: 100%;
	}
	
	.sub2_1 .section4 .title {
		font-size: 24px;
	}
	
	.sub2_1 .section4 .desc {
		font-size: 14px;
	}
	}

	@media (max-width: 400px) {
		.sub2_1 .top{padding-top: 0;}
		.sub2_1 .total{gap: 35px;}
		.sub2_1 .mid{font-size: 16px;}
		.sub2_1 .tit{font-size: 28px;}
		.sub2_1 .tit_long{font-size: 17px;}
		.special-feature-wrap{padding: 50px 0;}
		.feature-box h4{font-size: 16px;}
		.feature-box p{font-size: 11px;}
		.lineup-feature-wrap{padding: 0;}
		.lineup-feature-wrap .feature-box .item-desc{font-size: 14px;}
		.lineup-feature-wrap .feature-box .item-title{font-size: 20px;}
		.lineup-feature-wrap{padding: 0;}




	}
	
	.sub2_1 .section05 {
	padding: 100px 0;
	text-align: center;
	font-family: 'Pretendard', sans-serif;
	background-color: #fff;
	}
	
	.sub2_1 .section05 .title {
	font-size: 41px;
	font-weight: 500;
	margin-bottom: 60px;
	}
	
	.sub2_1 .section05 .title span {
	color: #f19149;
	}
	
	.sub2_1 .section05 .circle-image {
	max-width: 900px;
	margin: 0 auto 60px;
	}
	
	.sub2_1 .section05 .circle-image img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0 auto;
	}
	
	.sub2_1 .section05 .bottom-text {
	margin-top: 20px;
	}
	
	.sub2_1 .section05 .bottom-text strong {
	display: block;
	font-size: 40px;
	font-weight: 700;
	margin-bottom: 32px;
	padding-top: 21px;
	}
	
	.sub2_1 .section05 .bottom-text p {
	font-size: 22px;
	color: #666;
	line-height: 1.6;
	}
	
	@media (max-width: 768px) {
	.sub2_1 .section05 .title {
		font-size: 22px;
	}
	
	.sub2_1 .section05 .circle-image {
		padding: 0 20px;
	}
	
	.sub2_1 .section05 .bottom-text strong {
		font-size: 16px;
	}
	
	.sub2_1 .section05 .bottom-text p {
		font-size: 14px;
	}
	}
	


	/* sub2_2 */
	.sub2_2 .special-feature-wrap {
	background: none !important;
	}

	.sub2_6 .special-feature-wrap {
		background: none !important;
		}
		.sub2_7 .special-feature-wrap {
			background: none !important;
			}
			.sub2_4 .special-feature-wrap {
				background: none !important;
				}
	
	.sub2_2 .mid {
	padding-bottom: 37px;
	text-align: center;
}

.sub2_2 .btm_tit {
	padding-bottom: 110px;
	padding-top: 54px;
}

.sub2_2 .lineup-feature-wrap{padding: 28px 0;}

/* sub2_3 */
.sub2_3 .special-feature-wrap {background: none !important;}
.sub2_3 .mid {padding-bottom: 30px;}
.sub2_3 .feature-grid {display: grid;gap: 40px;max-width: 1100px;margin: 0 auto;}
.sub2_3 .feature-grid.top-3 {grid-template-columns: repeat(3, 1fr);}
.sub2_3 .feature-grid.bottom-2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 40px;
	justify-content: center;
	max-width: 1100px;
	margin: 40px auto 0 auto;
  }
  
  .sub2_3 .feature-box {
	background: #fff;
	padding: 25px 15px;
	transition: transform 0.3s ease;
	text-align: center;
	width: 100%;
	height: 100%;
	min-height: 380px; /* 카드 전체 높이 통일 */
	display: flex;
	flex-direction: column;
	justify-content: space-between;
	box-sizing: border-box;
  }
  
.sub2_3 .feature-box:hover {transform: translateY(-8px);}
.sub2_3 .feature-box img {
	width: 100%;
	height: 220px;
	object-fit: cover;
	margin-bottom: 16px;
	}
  
.sub2_3 .feature-box h4 {font-size: 18px;font-weight: 600;margin-bottom: 8px;}
.sub2_3 .feature-box p {font-size: 15px;color: #555;line-height: 1.6;}
.sub2_3 .btm_tit {padding: 48px 0px 14px 10px;color: #666666;}
.sub2_3 .tit_silk {line-height: 1.8em;font-size: 21px;padding-bottom: 107px;}
.sub2_3 .special-feature-wrap h2 {margin-bottom: 57px;padding-top: 170px;}

.sub2_3 .feature-grid.bottom-2 .feature-box:nth-child(3) {
	visibility: hidden;
  }
	
@media (max-width: 768px) {
	.sub2_3 .feature-grid.top-3,
	.sub2_3 .feature-grid.bottom-2 {grid-template-columns: 1fr;}
}
	

/* sub2_4 */




.sub2_4 .feature-grid.bottom-2 .feature-box:nth-child(3) {
	visibility: hidden;
  }
	
@media (max-width: 768px) {
	.sub2_4 .feature-grid.top-3,
	.sub2_4 .feature-grid.bottom-2 {grid-template-columns: 1fr !important;}
}
.sub2_4 .feature-grid {display: grid;gap: 40px;max-width: 1100px;margin: 0 auto;}
.sub2_4 .feature-grid.top-3 {grid-template-columns: repeat(3, 1fr);}
.sub2_4 .feature-grid.bottom-2 {
	display: grid;
	grid-template-columns: repeat(2, 1fr);
	gap: 40px;
	justify-content: center;
	max-width: 1100px;
	margin: 40px auto 0 auto;
  }
  
  .sub2_4 .feature-box {
	background: #fff;
	padding: 25px 15px;
	transition: transform 0.3s ease;
	text-align: center;
	width: 100%;
	height: 100%;
	min-height: 380px; /* 카드 전체 높이 통일 */
	display: flex;
	flex-direction: column;
	/* justify-content: space-between; */
	box-sizing: border-box;
	}
  
.sub2_4 .feature-box:hover {transform: translateY(-8px);}
.sub2_4 .feature-box img {
	width: 100%;
	height: 220px;
	object-fit: cover;
	margin-bottom: 16px;
	}
  
.sub2_4 .feature-box h4 {font-size: 18px;font-weight: 600;margin-bottom: 8px;}
.sub2_4 .feature-box p {font-size: 15px;color: #555;line-height: 1.6;}




	.sub2_4 .special-feature-wrap h2 {
	font-size: 40px;
}

.sub2_4 .special-feature-wrap {
	padding: 50px 0;
}

.sub2_4 .special-feature-wrap h2 {
	padding-top: 110px;
}

.sub2_4 .mid {
	padding-bottom: 60px;
	text-align: center;
}


.sub2_5 .total {
	margin-top: 80px;
}

.sub2_5 .tit {
	font-size: 40px;
}

.sub2_5 .special-feature-wrap {
	padding: 56px 0;
}

.sub2_5 .special-feature-wrap h2 span {
	color: #1c609a;
}

.sub2_5 .mid {
	padding-bottom: 31px;
	text-align: center;
}

.sub2_5 .tit {
	font-size: 40px;
	font-weight: 700;
	color: #111;
	margin-bottom: 20px;
	line-height: 1.4;
	text-align: center;
	}
  
  .sub2_5 .tit span {
	color: #1c609a; 
	font-weight: 700;
	}
	.sub2_5 .tit_sm {
		font-size: 20px;
		line-height: 2em;
		padding-bottom: 50px;
	}

	.sub2_5 .section4 .item-num{
		color: #1c609a;
	 } 

	 .sub2_5 .large {
		font-size: 40px;
		font-weight: 700;
		margin: 170px 0px 38px;
		text-align: center;
	}
	
	.sub2_5 section.section5 {
		font-family: 'Pretendard';
	}

	.sub2_5 .small {
		font-size: 22px;
		text-align: center;
		margin-bottom: 170px;
		line-height: 1.7em;
	}


	.sub2_6 .mid {
		font-size: 20px;
		line-height: 1.8em;
		text-align: center;
		padding: 5px;
	}

	.sub2_6 .btm_tit {
		padding: 0px;
	}
	
	.sub2_6 .special-feature-wrap {
		padding: 139px 0px;
	}

	.sub2_6 .total {
		margin: 103px 0px 10px;
	}
	.sub2_6 .special-feature-wrap h2 span {
		color: #1c609a;
	}
	.sub2_6 .tit {
		font-size: 40px;
		text-align: center;
	}

	.sub2_6 .section4 .keypoint-list {
		display: flex;
		flex-direction: row;
		flex-wrap: nowrap;
		gap: 100px;
	}
	
	.sub2_6 .section4 .item-title {
		font-size: 24px;
	}
	
	.sub2_6 .section4 .item-desc {
		font-size: 18px;
	}
.sub2_6 .small span {
	color: #1c609a;
  }
  
  @media (max-width: 768px) {
	.sub2_6 .section4 .keypoint-list{display: flex; flex-direction: column; flex-wrap: wrap; gap:50px;}
}

.sub2_6 .section4 .keypoint-list .item{
	max-width: 222px;
}


/* sub2_7 */

.sub2_7 .section6 .tit,
.sub2_7 .section7 .tit {
  text-align: center;
  font-size: 30px;
  font-weight: 700;
  color: #111;
  margin-bottom: 50px;
  font-family: 'Pretendard', sans-serif;
}


.sub2_7 .section6 .keypoint-list {
  display: flex;
  justify-content: center;
  flex-wrap: wrap;
  gap: 40px;
}

.sub2_7 .section6 .item {
  flex: 0 1 22%;
  text-align: center;
  position: relative;
}

.sub2_7 .section6 .item:nth-child(2),
.sub2_7 .section6 .item:nth-child(4) {
  margin-top: 40px; 
}

.sub2_7 .section6 .item img {
  width: 100%;
  max-width: 330px;
  height: auto;
  margin-bottom: 14px;
}

.sub2_7 .section6 .item-title {
  font-size: 19px;
  color: #222;
  font-weight: 500;
  font-family: 'Pretendard';
}


.sub2_7 .section7 .keypoint-list.icon-type {
  display: flex;
  justify-content: center;
  align-items: center;
  flex-wrap: wrap;
  gap: 75px;
  margin-top: 40px;
  text-align: center;
}

.sub2_7 .section7 .keypoint-list.icon-type .item {
  text-align: center;
  flex: 0 1 auto;
  display: flex;
  flex-direction: column;
  align-content: center;
  justify-content: center;
  align-items: center;
}

.sub2_7 .section7 .keypoint-list.icon-type .item img {
	width: 100px;
	height: auto;
	margin-bottom: 42px;
	}
  
  .sub2_7 .section7 .keypoint-list.icon-type .item .desc {
	display: inline-block;
	background: #f2f2f2;
	padding: 9px 14px;
	font-size: 19px;
	color: #333;
	font-weight: 500;
	font-family: Pretendard;
	}
  
  .sub2_7 .section7 .tit {
    margin: 140px 0px 80px;
}

.sub2_7 .section6 .tit {
    padding-top: 90px;
    margin-bottom: 80px;
}

.sub2_7 .btm_tit {
    padding-top: 90px;
}

.sub2_7 .section4 {
    padding: 100px 0 27px;
}


   @media (max-width: 768px) {
	.sub2_7 .section6 .keypoint-list {
	  gap: 24px;
	}
  
	.sub2_7 .section6 .item {
	  flex: 0 1 45%;
	}
  
	.sub2_7 .section6 .item-title {
	  font-size: 16px;
	}
  
	.sub2_7 .section6 .tit,
	.sub2_7 .section7 .tit {
	  font-size: 24px;
	  margin-bottom: 50px;
	}
  
	.sub2_7 .section7 .keypoint-list.icon-type {
	  gap: 40px;
	}
  
	.sub2_7 .section7 .keypoint-list.icon-type .item img {
	  width: 90px;
	  margin-bottom: 20px;
	}
  
	.sub2_7 .section7 .keypoint-list.icon-type .item .desc {
	  font-size: 16px;
	  padding: 8px 12px;
	}
  
	.sub2_7 .section7 .tit {
	  margin: 100px 0 60px;
	}
  
	.sub2_7 .section6 .tit {
	  padding-top: 60px;
	  margin-bottom: 60px;
	}
  
	.sub2_7 .btm_tit {
	  padding-top: 60px;
	}
  }
  

  @media (max-width: 400px) {
	.sub2_7 .section6 .item {
	  flex: 0 1 100%;
	}
  
	.sub2_7 .section6 .item img {
	  max-width: 100%;
	}
  
	.sub2_7 .section6 .item-title {
	  font-size: 15px;
	}
  
	.sub2_7 .section7 .keypoint-list.icon-type {
	  gap: 40px;
	}
  
	.sub2_7 .section7 .keypoint-list.icon-type .item img {
	  width: 100px;
	  margin-bottom: 16px;
	}
  
	.sub2_7 .section7 .keypoint-list.icon-type .item .desc {
	  font-size: 14px;
	  padding: 6px 10px;
	}
  
	.sub2_7 .section6 .tit,
	.sub2_7 .section7 .tit {
	  font-size: 20px;
	}
  
	.sub2_7 .section7 .tit {
	  margin: 80px 0 40px;
	}
  
	.sub2_7 .section6 .tit {
	  padding-top: 40px;
	  margin-bottom: 40px;
	}
  
	.sub2_7 .btm_tit {
	  padding-top: 40px;
	}
  }
  
  /* sub3_1 */

  .sub3_1 .patent-section {
	padding: 44px 0 86px;
	text-align: center;
	font-family: 'Pretendard', sans-serif;
	}
  
  .sub3_1 .section-title {
	font-size: 30px;
	font-weight: 700;
	color: #111;
	margin-bottom: 71px;
	}
  
  .sub3_1 .section-title span {
	color: #1c609a;
  }
  
  .sub3_1 .patent-grid {
	display: grid;
	grid-template-columns: repeat(3, 1fr);
	gap: 55px 0px;
	}
  
  .sub3_1 .patent-item {
	text-align: center;
  }
  
  .sub3_1 .patent-item img {
	width: 100%;
	max-width: 297px;
	height: 418px;
	margin: 0 auto 20px;
	display: block;
	background: #9c9a9a;
	border: 2px solid #ddd;
	object-fit: contain;
	}
  
  
  .sub3_1 .patent-number {
	font-weight: 400;
	margin-bottom: 16px;
	font-size: 18px;
	color: #222;
	}
  
  .sub3_1 .patent-desc {
	font-size: 16px;
	color: #555;
	line-height: 1.6;
	}
  .sub3_1 .image-wrap {
	position: relative;
	display: inline-block;
  }
  
  .sub3_1 .hover-overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.6);  
	color: #ddd	;
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	opacity: 0;
	transition: all 0.3s ease-in-out;
	pointer-events: none;
  }
  
  .sub3_1 .image-wrap:hover .hover-overlay {
	opacity: 1;
	pointer-events: auto;
  }
  
  .sub3_1 .zoom-icon {
	width: 60px;
	height: 60px;
	background-image: url('../img/sub/plusicon.png');
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	margin-bottom: 10px;
  }
  

  
  .sub3_1 .hover-text {
	background: #1c609a;
	padding: 4px 10px;
	font-size: 14px;
	border-radius: 3px;
	font-family: 'Pretendard', sans-serif;
	font-weight: 500;
  }

  .sub3_1 .apply-patent {
	display: flex;
	flex-direction: column;
	gap: 30px;
  }
  
  .sub3_1 .apply-patent .item {
	position: relative;
	width: 100%;
	height: 220px;
	background-size: cover;
	background-position: center;
	display: flex;
	align-items: center;
	justify-content: flex-end;
	padding-right: 200px;
	}
  
  .sub3_1 .apply-patent .item01 {
	background-image: url('../img/sub/sub3_1_img07.jpg');
  }
  
  .sub3_1 .apply-patent .item02 {
	background-image: url('../img/sub/sub3_1_img08.jpg');
  }
  
  
  .sub3_1 .apply-patent .text {
	padding: 20px 30px;
	border-radius: 4px;
	max-width: 440px;
	text-align: center;
	}
  
  .sub3_1 .apply-patent .desc {
	font-size: 24px;
	font-weight: 700;
	margin-bottom: 16px;
	color: #111;
	line-height: 1.7em;
	text-align: center;
	}
  
  .sub3_1 .apply-patent .name {
	font-size: 18px;
	color: #555;
	text-align: center;
	}
	.sub3_1 .patent-desc::after {
		content: '';
		display: block;
		margin: 20px auto 0;
		width: 68%;
		height: 3px;
		background-color: #ccc;
		}
	  

	.sub3_1 .hover-overlay {
		pointer-events: none !important;
	  }

	  .sub3_2 .hover-overlay {
		pointer-events: none !important;
	  }

	  
	@media (max-width: 768px) {
		.sub3_1 .section-title {
		  font-size: 24px;
		  margin-bottom: 40px;
		}
	  
		.sub3_1 .patent-grid {
		  grid-template-columns: repeat(2, 1fr);
		  gap: 40px 20px;
		}
	  
		.sub3_1 .patent-item img {
		  max-width: 100%;
		  height: auto;
		}
	  
		.sub3_1 .patent-number {
		  font-size: 16px;
		}
	  
		.sub3_1 .patent-desc {
		  font-size: 14px;
		}
	  
		.sub3_1 .apply-patent .item {
		  flex-direction: column;
		  height: auto;
		  padding: 40px 20px;
		  align-items: center;
		  text-align: center;
		}
	  
		.sub3_1 .apply-patent .text {
		  max-width: 100%;
		  padding: 20px;
		}
	  
		.sub3_1 .apply-patent .desc {
		  font-size: 20px;
		}
	  
		.sub3_1 .apply-patent .name {
		  font-size: 16px;
		}
	  }
	  
	  @media (max-width: 480px) {
		.sub3_1 .section-title {
		  font-size: 20px;
		  margin-bottom: 30px;
		}
	  
		.sub3_1 .patent-grid {
		  grid-template-columns: 1fr;
		  gap: 30px;
		}
	  
		.sub3_1 .patent-item img {
		  height: auto;
		}
	  
		.sub3_1 .patent-number {
		  font-size: 15px;
		}
	  
		.sub3_1 .patent-desc {
		  font-size: 13px;
		}
	  
		.sub3_1 .apply-patent .desc {
		  font-size: 18px;
		}
	  
		.sub3_1 .apply-patent .name {
		  font-size: 14px;
		}
	  
		.sub3_1 .apply-patent .item {
		  padding: 30px 15px;
		}
		.sub3_1 .patent-section{padding: 20px 0;}
	  }

	  .sub3_1 .modal {
		display: none;
		position: fixed;
		z-index: 9999;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.8);
		text-align: center;
		padding-top: 200px;
	  }
	  
	  .sub3_1 .modal-content {
		display: inline-block;
		width: auto;
		height: auto;
		transform: scale(0.7); /* 1.5배 확대 */
		transform-origin: center center;
		max-width: none; /* 제한 제거 */
		max-height: none; /* 제한 제거 */
		padding-left: 830px;

		}
	  
	  .sub3_1 .close {
		position: absolute;
		top: 70px;
		right: 50px;
		color: #fff;
		font-size: 40px;
		font-weight: bold;
		cursor: pointer;
	  }
	  

	  /* sub3_2 */

	  .sub3_2 .modal {
		display: none;
		position: fixed;
		z-index: 9999;
		left: 0;
		top: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0,0,0,0.8);
		text-align: center;
		padding-top: 200px;
	  }
	  
	  .sub3_2 .modal-content {
		display: inline-block;
		width: auto;
		height: auto;
		transform: scale(1.5); /* 1.5배 확대 */
		transform-origin: center center;
		max-width: none; /* 제한 제거 */
		max-height: none; /* 제한 제거 */
		padding-left:0
	  }
	  
	  .sub3_2 .close {
		position: absolute;
		top: 70px;
		right: 50px;
		color: #fff;
		font-size: 40px;
		font-weight: bold;
		cursor: pointer;
	  }

	  .sub3_2 .patent-grid {
		
		align-items: center;
		display: flex;
		align-content: center;
		justify-content: center;
		gap: 70px;
	}

	.sub3_2 .apply-patent .item03 {
		background-image: url('../img/sub/sub3_2_img03.jpg');
	  }
	  
	  .sub3_2 .apply-patent .item04 {
		background-image: url('../img/sub/sub3_2_img04.jpg');
	  }
	  .sub3_2 .apply-patent .item05 {
		background-image: url('../img/sub/sub3_2_img05.jpg');
	  }
	  
	  .sub3_2 .apply-patent .item06 {
		background-image: url('../img/sub/sub3_2_img06.jpg');
	  }

	  .sub3_2 .apply-patent .desc{font-weight: 300;}
	  .sub3_2 .apply-patent .desc >span {font-weight: 700;}

	  @media screen and (max-width: 768px) {
		.sub3_2 .patent-grid {
		  flex-direction: column;
		  gap: 40px;
		  padding: 0 20px;
		}
	  
		.sub3_2 .apply-patent .desc {
		  font-size: 16px;
		  line-height: 1.6;
		  text-align: center;
		}
	  
		.sub3_2 .apply-patent .desc > span {
		  display: block;
		  font-size: 17px;
		}
	  
		.sub3_2 .apply-patent .item03,
		.sub3_2 .apply-patent .item04,
		.sub3_2 .apply-patent .item05,
		.sub3_2 .apply-patent .item06 {
		  background-size: cover;
		  background-position: center;
		  height: 180px;
		}
	  }
	  
@media screen and (max-width: 400px) {
.sub3_2 .patent-grid {
	gap: 30px;
}

.sub3_2 .apply-patent .desc {
	font-size: 15px;
	line-height: 1.5;
}

.sub3_2 .apply-patent .desc > span {
	font-size: 16px;
}

.sub3_2 .apply-patent .item03,
.sub3_2 .apply-patent .item04,
.sub3_2 .apply-patent .item05,
.sub3_2 .apply-patent .item06 {
	height: 150px;
}
}

	  .sub2_3 .special-feature-wrap{padding: 0px;}
	  .sub2_4 .lineup-feature-wrap {
		padding-top: 140px;
	}
	.sub2_5 .special-feature-wrap h2 {
		padding-top: 130px;
		margin-bottom: 30px;
	}
	.sub2_5 .btm_tit {
		padding: 35px 0px 66px 10px;
	}
	.sub2_5 .lineup-feature-wrap {
		padding-bottom: 150px;
	}
	.sub2_6 .btm_tit {
		padding: 9px 0px 38px 10px;
	} 
	.sub2_7 .special-feature-wrap {
		padding: 19px 0px;
	}

	@media screen and (max-width: 400px) {
	.sub2_7 .lineup-feature-wrap {
		padding-bottom: 10px;
	}
	.sub2_6 .special-feature-wrap{padding: 0 !important;}
	.sub2_5 .lineup-feature-wrap {
		padding-bottom: 30px;
	}
	.sub2_1 .section4 .item-num {
		font-size: 35px;
	}
	
	.sub2_1 .section4 .item-title {
		font-size: 23px;
	}
	.sub2_1 .section4 .item-desc {font-size: 16px;}
	.sub2_1 .section05{padding: 20px 6px;}
	}
	.sub2_4 .btm_tit {
		padding-top: 39px;
	}

	@media screen and (max-width: 700px) {	
		.sub2_4 .mid{padding-bottom: 40px;}	
		.sub2_4 .special-feature-wrap h2{padding-top: 80px;font-size: 29px;}
		.sub2_4 .feature-box{padding: 0; min-height: 0;}
		}


	@media screen and (max-width: 768px) {
		.sub1_3 .top br {
		  display: none;
		}
		.sub1_1 .total{padding: 0 20px;}
	  }
	@media screen and (max-width: 400px) {	
	.sub2_4 .special-feature-wrap{padding: 12px 0; }
	.sub2_4 .special-feature-wrap h2{padding-top: 60px; font-size: 25px;}
	.sub2_4 .mid{font-size: 14px;}
	.sub2_4 .btm_tit{font-size: 12px;}
	.sub2_4 .lineup-feature-wrap{padding-top: 80px;}
	.sub1_4 .map_info{padding: 0 20px;padding-top: 28px;margin: 0 auto;}
	.sub1_1 .btm{padding: 0px 0px 20px;}
	.sub1_1 .btm > img{max-width: 70%;}
		
	}

	@media (max-width: 600px) {
		 .sub2_2 .feature-grid {
			grid-template-columns: repeat(1, 1fr);
			gap: 5px;
		}
		.sub2_2 .total {
			padding: 0 20px;
		}
		.sub2_3 .total{padding: 0 20px; text-align: center;}
		.sub2_3 .special-feature-wrap h2{padding-top: 60px;}
	}

	.sub2_5 .section4 .keypoint-list .item:nth-child(3) .icon img {
		width: 48px !important;
	}