@charset "utf-8";

/* 헤더 */
.header {z-index: 999; background: #003abd;display: flex;flex-wrap: wrap;align-items: center;position: relative;height: 90px;width: 100%;}
.header-bg {display: none;position: absolute;width:100%;height: 500px;background: url('../img/renewal/header-bg.png') no-repeat center;background-size: cover;top: 90px;z-index: 1;}
.header-default-ttl {display: block;min-width: 500px;position: absolute;left: 80px;top: 30px;}
.header-default-ttl p {display: inline-block;font-size: 26px;line-height: 36px;font-weight: 500;color: #000;position: relative;padding: 25px;}
.header-default-ttl p::before {display: block; content:''; width:32px; height: 18px; background: url('../img/header-default-ttl-before.png') no-repeat center; background-size: contain; position: absolute;top: 0; left: 0;}
.header-default-ttl p .col-blue {color: #00277f;}

.header-logo{position:absolute;left: 80px;top:50%;transform:translateY(-50%);z-index: 1;display: flex;align-content: center;}
.header-logo-link {margin:0 10px;}
.header-logo-link--active {margin:0 10px;display: none;}
.header-logo-title {border-left: 1px solid #cccccc;font-size: 23px;line-height: 31px;font-weight: 700;padding:0 10px;height:100%;}

/* 헤더 - 액티브 */
.header.active {background: #e6ecf9;}
.header.active .header-logo-link {display: none;}
.header.active .header-logo-link--active {display: block;}
.header.active .gnb-1depth-link {color: #01418e;}

.gnb{padding: 0 105px 0 400px;width:100%;z-index: 1;}
.gnb-1depth{display:flex;justify-content:right;flex-wrap:wrap;gap:15px;}
.gnb-1depth-list{display:inline-block;position: relative;flex: 0 1 calc(100% / 9);text-align: center;white-space: nowrap;}
.gnb-1depth-link {width: 100%;color: #000 !important;padding: 0 25px;font-size: 20px;line-height: 10px;font-weight: 500;text-align: center;}
.gnb-1depth-link:hover {font-weight: 600;color:#01418e;}

.gnb-2depth {display: none;position: absolute;width: 100%;text-align: center;}
.gnb-2depth.active {display: block;}
.gnb-2depth-list {}
.gnb-2depth-link {font-size: 17px;padding: 11px 0;color: #000;font-weight: 400;width: 100%;}
.gnb-2depth-list:nth-child(1) {padding-top: 15px}
.gnb-2depth-link:hover {font-weight: 600;color: #01418E;}

.sitemap {display: block;position: absolute;right: 80px;z-index: 2;cursor: pointer;}
.sitemap-button{background-color:transparent;border:none}
.sitemap-row{display:flex;flex-wrap: wrap;gap: 5px;padding: 0 0 5px;}
.sitemap-row:nth-child(3){padding: 0 0 0;}
.sitemap-square{width:5px;height:5px;background-color:white;}
.sitemap-all {display: none;position: fixed;top: 0;left: 0;width: 100%;height: 100vh;padding: 90px 200px;overflow-y:scroll;}
.sitemap-ttl {font-size: 80px;color: #003abd;position: absolute;top: 270px;left: -100px;font-family: 'KIMM';font-weight: 700;transform: rotate(270deg);}
.sitemap-all::-webkit-scrollbar{width:5px}
.sitemap-all::-webkit-scrollbar-thumb{background-color:#003abd;border-radius:10px}
.sitemap-all::-webkit-scrollbar-track{background-color:#d8d8d8;border-radius:10px}
.sitemap-all-1depth {display: flex;flex-wrap: wrap;gap: 20px;}
.sitemap-all-1depth-list {flex: 0 1 calc(100% / 4 - 15px);padding: 30px 40px;border-radius: 20px;border: 1px solid #e5e5e5;box-shadow: 0px 0px 15px rgb(0 0 0 / 14%);}
.sitemap-all-1depth-link {display: block;font-size: 25px;padding: 0 0 0 30px;margin: 0 0 30px;color: #003abd;font-weight: 900;transition: all 0.3s;font-family: 'KIMM';position: relative;}
.sitemap-all-1depth-list .sitemap-all-1depth-link::before {display: block;content: '';width: 25px;height: 25px; position: absolute;top: 50%;left: 0;transform: translateY(-50%)}
.sitemap-all-1depth-list:nth-child(1) .sitemap-all-1depth-link::before {background: url('../img/sitemap-logo01.png') no-repeat center;background-size: contain;}
.sitemap-all-1depth-list:nth-child(2) .sitemap-all-1depth-link::before {background: url('../img/sitemap-logo02.png') no-repeat center; background-size: contain;}
.sitemap-all-1depth-list:nth-child(3) .sitemap-all-1depth-link::before {background: url('../img/sitemap-logo03.png') no-repeat center; background-size: contain;}
.sitemap-all-1depth-list:nth-child(4) .sitemap-all-1depth-link::before {background: url('../img/sitemap-logo04.png') no-repeat center; background-size: contain;}
.sitemap-all-1depth-list:nth-child(5) .sitemap-all-1depth-link::before {background: url('../img/sitemap-logo05.png') no-repeat center; background-size: contain;}
.sitemap-all-1depth-list:nth-child(6) .sitemap-all-1depth-link::before {background: url('../img/sitemap-logo06.png') no-repeat center; background-size: contain;}
.sitemap-all-1depth-list:nth-child(7) .sitemap-all-1depth-link::before {background: url('../img/sitemap-logo07.png') no-repeat center; background-size: contain;}
.sitemap-all-1depth-list:nth-child(8) .sitemap-all-1depth-link::before {background: url('../img/sitemap-logo08.png') no-repeat center; background-size: contain;}
.sitemap-all-1depth-link.active {color: #003abd;}
.sitemap-all-2depth {}
.sitemap-all-2depth-list {padding: 0 0 15px;font-weight: 300;}
.sitemap-all-2depth-link {font-size: 18px;font-weight: 400;color: #000;padding: 0 0 0 15px;position: relative;}
.sitemap-all-2depth-link:before {display:block; content:''; width: 7px; height:2px; background: #000; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}
.sitemap-all-2depth-link:hover {font-weight: 700;color: #003abd;}
.sitemap-cancel{display: none;width: 35px;height: 35px;position:relative;cursor:pointer}
.sitemap-cancel::before,
.sitemap-cancel::after{content:"";position:absolute;width:100%;height: 3px;background-color: #000;top:50%;left: 5px;transform-origin:center}
.sitemap-cancel::before{transform:rotate(45deg)}
.sitemap-cancel::after{transform:rotate(-45deg)}

.sitemap-all-2depth-list a {font-size: 18px; font-weight: 400; color: #000; padding: 0 0 0 15px; position: relative;}
.sitemap-all-2depth-list a:hover { font-weight: 700;color: #003abd;}
.sitemap-all-2depth-list a:before {display:block; content:''; width: 7px; height:2px; background: #000; position: absolute; top: 50%; left: 0; transform: translateY(-50%);}


.sitemap-all.active {display: block;background: #FFF;}
.sitemap-button.active .sitemap-row {display: none;}
.sitemap-button.active .sitemap-cancel {display: block;}

.header .sitemap-square {background: #00277f;}

@media screen and (max-width: 1800px) {
	.header-logo{left: 20px;}
	.header-logo-link--active{left: 20px;}
	.header-logo img {width: 240px;}
	.header-default-ttl {left: 30px;}

	.gnb{padding: 0 80px 0 280px;}
	.gnb-1depth-link {padding: 0 30px;}

	.sitemap {right: 20px;}
	.sitemap-all {padding: 90px 100px}
	.sitemap-all-1depth-list {flex: 0 1 calc(100% / 3 - 14px);}
	.sitemap-ttl {font-size: 60px;top: 230px;left: -100px;}
}

@media screen and (max-width: 1440px) {
	.header {height: 70px;}
	.header-bg {top: 70px;height: 400px;}
	.header-logo img {width: 200px;}

	.header-default-ttl p {font-size: 20px;line-height: 30px;padding: 20px;}
	.header-default-ttl p::before {display: block; content:''; width:32px; height: 18px; background: url('../img/header-default-ttl-before.png') no-repeat center; background-size: contain; position: absolute;top: 0; left: 0;}
	.header-default-ttl p .col-blue {color: #00277f;}

	.gnb{padding: 0 80px 0 230px;}
	.gnb-1depth-link {font-size: 18px;line-height: 70px;padding: 0 20px;}
	.gnb-2depth-link {font-size: 16px;}

	.sitemap-all {top: 0;}
	.sitemap-all-1depth-list {padding: 30px 20px;}
	.sitemap-all-1depth-link {font-size: 20px;}
	.sitemap-all-2depth-link {font-size: 16px;}
}

@media screen and (max-width: 1200px) {
	.gnb{display: none;}
}

@media screen and (max-width: 1024px) {
	.sitemap-ttl {font-size: 50px;top: 20px;left: 50%; transform:rotate(0deg); transform:translateX(-50%);}
	.sitemap-all {padding: 100px 30px 50px;}
	.sitemap-all-2depth-link {font-size: 17px;}
}

@media screen and (max-width: 768px) {
	.sitemap-ttl {font-size: 35px;}
	.sitemap-all {padding: 80px 20px;}
	.sitemap-all-1depth {gap: 20px 10px;}
	.sitemap-all-1depth-list {flex: 0 1 calc(100% / 3 - 14px);}
	.sitemap-all-1depth-link {font-size: 18px;}
	.sitemap-all-1depth-link:before {width: 20px; height:20px;}
	.sitemap-all-2depth-link {font-size: 16px;}
}

@media screen and (max-width: 640px) {
	.sitemap-ttl {left: 20px;transform: translateX(0)}
	.sitemap-all {padding: 70px 20px;}
	.sitemap-all-1depth-list {flex: 0 1 calc(100% / 2 - 5px);}
	.sitemap-all-2depth-list {padding: 0 0 10px;}
	.sitemap-all-2depth-link {font-size: 15px;}
}

@media screen and (max-width: 500px) {
	.sitemap-all-1depth-list {flex: 0 1 100%;}
	.header-logo img {width: 160px;}
	.header-logo-title{line-height: 25px;font-size: 19px;}
}
@media screen and (max-width: 425px) {
	.header-logo img {width: 130px;}
	.header-logo-title {line-height: 24px;font-size: 18px;}
}
@media screen and (max-width: 375px) {
	.header-logo img {width: 120px;}
	.header-logo-title {line-height: 19px;font-size: 16px;padding-left: 5px;}
	.header-logo-link{margin:0 5px}
.sitemap {
        right: 10px;
    }
}
/******************************** footer ********************************/
/* footer */
.footer {background: #1b1b1b;}
.footer-top {border-bottom: 1px solid #323232;padding:0 100px;}
.footer-top-link {display: flex; flex-wrap: wrap;}
.footer-top-link-1depth {flex: 0 1 calc(100% / 5);border-left: 1px solid #323232;position: relative;}
.footer-top-link-1depth:last-child {border-right: 1px solid #323232;}
.footer-top-link-1depth-link {width: 100%;text-align: left;padding: 0 60px 0 40px;line-height: 60px;font-size: 18px;font-weight: 300;color: #FFF;position: relative;background: #1b1b1b;}
.footer-top-link-1depth-link:after {display:block;content: '';width: 17px; height: 9px;background: url('../img/arrow-top.png') no-repeat center; background-size: contain; position: absolute; top: 50%; right: 40px; transform: translateY(-50%);}
.footer-top-link-1depth:not(:first-child) .footer-top-link-1depth-link:after {transform: translateY(-50%) rotate(90deg);}

.footer-top-link-2depth {display: none;position: absolute;top: -133px;height: fit-content;width: 100%;background: #2d3134;padding: 10px;}
.footer-top-link-1depth:nth-child(1) .footer-top-link-2depth {top: -194px;}
.footer-top-link-1depth:nth-child(2) .footer-top-link-2depth {top: -49px;}
.footer-top-link-1depth:nth-child(3) .footer-top-link-2depth {top: -426px;}
.footer-top-link-1depth:nth-child(4) .footer-top-link-2depth {top: -78px;}
.footer-top-link-2depth.active {display: block;}
.footer-top-link-2depth-link {display:block;padding: 5px 0;font-size: 16px;color: #FFF;transition: all 0.2s;}
.footer-top-link-2depth-link:hover {font-weight: 700}

.footer-bottom{display: flex;flex-wrap: wrap;padding:50px 100px 80px;}
.footer-bottom-logo {flex: 0 1 30%;}
.footer-bottom-content {flex: 0 1 60%;}
.footer-bottom-content-link{padding:0 0 40px}
.footer-bottom-content-link-item {font-size: 16px;font-weight: 300;color: #FFF;display: inline-block;padding: 0 35px 0 0;}
.footer-bottom-content-link-item:hover {font-weight:500}
.footer-bottom-content-link-item:last-child {padding: 0 0 0 10px;}

.footer-bottom-content-text {font-size: 16px;font-weight: 300;color: #FFF;display: inline-block;width: 100%;}
.footer-bottom-content-text .text {padding: 0px;display: flex;justify-content: left;}
.footer-bottom-content-text .text.copyright {justify-content: left;}
.footer-bottom-content-text .text:last-child {padding: 0;}
.footer-bottom-content-text .text span {font-size: 16px;line-height: 26px;font-weight: 300;color: #FFF;display: inline-block;padding: 0px 50px 0 0;}
.footer-bottom-content-text .text span:last-child {padding:0}
.footer-bottom-content-text .text:last-child span {padding: 0;}

@media screen and (max-width: 1400px) {
	.footer-top-link-1depth-link {padding: 0 30px 0 20px;font-size: 15px;}
	.footer-top-link-1depth-link:after {width: 15px;height: 8px;right: 15px;}

	/* .footer-bottom{padding: 50px 20px;} */
	.footer-bottom-logo {flex: 0 1 30%;}
	.footer-bottom-content {flex: 0 1 70%;}
	.footer-bottom-content-link{padding:0 0 30px}
	.footer-bottom-content-link-item {padding: 5px 20px 5px 0;}
	.footer-bottom-content-text .text span {padding: 0 30px 0 0;}
}

@media screen and (max-width: 1200px) {
.footer-bottom{padding:50px 70px 50px;}
}

@media screen and (max-width: 1024px) {
	.footer-top {padding: 0px;}
	.footer-top-link-1depth-link:nth-child(1) {border-bottom: 1px solid #323232;line-height: 55px;}
	.footer-top-link-1depth-link:nth-child(2) {border-bottom: 1px solid #323232;}
	.footer-top-link-1depth-link:nth-child(3) {border-bottom: 1px solid #323232;}
	
	
	.footer-bottom-logo {flex: 0 1 100%;padding: 0 0 30px;}
	.footer-bottom-logo img {width: 200px;}
	.footer-bottom-content-text .text {justify-content: space-between;}
	.footer-bottom-content {flex: 0 1 90%;}
}

@media screen and (max-width: 768px) {
	.footer-top-link-1depth {flex: 0 1 calc(100% / 3);}
	.footer-bottom-logo {text-align: left;}
	.footer-bottom-logo img {width: 200px}
	.footer-bottom{padding: 30px 20px;}
	.footer-bottom-content-link {text-align: center;}
	.footer-bottom-content-link-item {font-size: 15px;padding:0 10px;position: relative;}
	.footer-bottom-content-link-item:first-child {padding:0 10px 0 0;}
	.footer-bottom-content-link-item:after {display:block; content:''; width: 1px; height: 10px; position: absolute; top: 50%; right: -4px; transform:translateY(-50%); background: #323232;}
	.footer-bottom-content-text .text span {font-size: 15px;padding: 0 10px 0 0;}
}

@media screen and (max-width: 650px) {
	.footer-bottom-content-text .text {flex-wrap: wrap;}
	.footer-bottom-content-text .text:first-child {margin-bottom:30px;}
	.footer-bottom-content-text .text span{flex:0 1 100%;}
}

@media screen and (max-width: 500px) {
	.footer-top-link-1depth {flex: 0 1 calc(100% / 2);}
	.footer-top-link-1depth-link:after {width: 13px;height: 7px;right: 13px;}
	.footer-top-link-1depth:nth-child(1) .footer-top-link-2depth {top: -206px;}
	.footer-top-link-1depth:nth-child(2) .footer-top-link-2depth {top: -48px;}
	.footer-top-link-1depth:nth-child(3) .footer-top-link-2depth {top: -413px;}
	.footer-top-link-1depth:nth-child(4) .footer-top-link-2depth {top: -77px;}
	.footer-top-link-2depth-link{font-size:15px;}

	.footer-bottom-logo img {width: 170px}
	.footer-bottom-content-link-item {font-size: 14px; line-height: 24px}
	.footer-bottom-content-text .text span {font-size: 14px;line-height: 24px}
}

@media screen and (max-width: 425px) {
	.footer-top{display:none;}
}

@media screen and (max-width: 320px) {
.footer-bottom-content-text .text span {font-size: 13px;}
}
/******************************** MainPage ********************************/
#section1 {padding: 0px 0 30px 0;background: url('../img/renewal/main_img3.png') #fbfbfb no-repeat left bottom;background-size: 40%;}
#section1 .top {display: flex;justify-content: center;gap:20px;align-items: center;}
#section1 .top .left{flex:0 1 40%;display: flex;justify-content: center;}
#section1 .top .left .content {display: flex;justify-content: center;flex-direction: column;gap:10px;cursor: context-menu;}


#section1 .top .right{
	display: flex;
	justify-content: right;
    flex: 0 1 60%;
    overflow: hidden;
    height: 260px;
}
#section1 .top .right .img{
	background: url(../img/renewal/main_img2.png) no-repeat center;
    background-size: cover;
    background-position: right -40px;
    height: 260px;
    width: 870px;
	border-top-left-radius: 130px;
    border-bottom-left-radius: 130px;
}

#section1 .bottom {padding:40px 30px;}
#section1 .bottom .inner {display: flex;justify-content: center;gap:20px;flex-wrap: wrap;}
#section1 .bottom .item {display: flex;padding: 20px 15px 15px;flex-wrap: nowrap;flex-direction: column;gap: 10px;justify-content: center;align-items: center;text-align: center;border: 1px solid #e5e5e5;box-shadow: 0px 0px 15px rgb(0 0 0 / 14%);background: #fff;}
#section1 .bottom .item:hover {background: #1c2e5d;color: #fff;}
#section1 .bottom .item img {width: 40px;}
#section1 .bottom .item img.active {display: none;}
#section1 .bottom .item:hover img {display: none;}
#section1 .bottom .item:hover img.active {display: block;}
#section1 .bottom .item span {font-weight: 700;width:90px;height:35px;display: flex;align-items: center;justify-content: center;font-size: 16px;}

@media screen and (max-width:1440px) {
	#section1 .top .left .content img {width:300px;}
}

@media screen and (max-width:1024px) {
	#section1 .top .left{flex:0 1 40%;padding: 0 0px 0 20px;}
	#section1 .top .right .img{background-position: left center;}
	#section1 .top .right{flex:0 1 60%;}
	#section1 .top .right img{
		width: 600px;
		height: 220px;
		object-fit: none;
		object-position: left top;
	}
}
@media screen and (max-width:768px) {
	#section1 {background-size: 70%;padding: 0px 0 30px 0;}
	#section1 .top .left{flex:0 1 45%;}
	#section1 .top .right{flex:0 1 55%;}
	#section1 .bottom .item{flex: 0 1 calc(100% / 5 - 100px);/* padding:15px; */}
	#section1 .bottom .item img {width: 35px;}
}
@media screen and (max-width:600px) {
	#section1 {padding:30px 0;}
	#section1 .top{flex-wrap:wrap;gap:0px;}
	#section1 .top .left{flex:0 1 100%;padding: 0 20px 10px;}
	#section1 .top .right{flex:0 1 100%;margin:20px 0 0;}
	#section1 .top .right {height:180px;}
	#section1 .top .right .img{flex: 0 1 80%;height: 180px;}
}
@media screen and (max-width:500px) {
	/* #section1 .bottom .inner{gap:10px;} */
	#section1 .bottom .item{padding: 15px 8px 8px;}
}
@media screen and (max-width:425px) {
	#section1 .top .left .content img {width:250px;}
	#section1 .top .right {
        height: 160px;
    }
	#section1 .top .right .img {
        flex: 0 1 85%;
        height: 160px;
    }
	#section1 .bottom .inner{gap: 15px;}
	#section1 .bottom{padding:20px;}
	#section1 .bottom .item {padding: 19px 0px;flex: 0 1 calc(100% / 3 - 20px);}
	#section1 .bottom .item img {width: 30px;}
	#section1 .bottom .item span{font-size: 14px;width: 72px;height: 27px;line-height: 15px;}
}
@media screen and (max-width:375px) {
	#section1 .bottom .item {
        padding: 13px 0px;
        flex: 0 1 calc(100% / 3 - 10px);
    }
	#section1 .bottom .item span {font-size:13px;}
}
@media screen and (max-width:320px) {
	#section1 .bottom {
        padding: 10px;
		margin-top: 10px;
    }
}

/* section02 탭메뉴 슬라이드 */
.section02 {padding: 100px 20px 30px;}
.section02 .wr-1400 {position: relative;}
.section02 .tab-menu {display: flex;flex-wrap: wrap;max-width: 550px;margin: 0 40px;justify-content: space-around;}
.section02 .tab-menu .ttl {flex: 0 1 160px;font-size:43px;color:#000;font-weight: 800;}
.section02 .tab-menu-sns {display: flex; flex-wrap: wrap; gap: 20px;position: absolute;top: 0; right: 0;padding: 0 100px 0 0 ;}
.section02 .tab-menu-sns .sns-link {flex: 0 1 calc(100% / 5 - 16px);}
.section02 .tab-menu-item {flex: 0 1 calc(100% / 2 - 160px);transition: all 0.3s;margin: auto 0;box-sizing: border-box;}
.section02 .tab-menu-item button {margin: auto;display: block;width: fit-content;color: #afb3b8;font-size: 23px;position:relative;text-align: center;white-space: nowrap;box-sizing: border-box;}
.section02 .tab-content { display: flex; visibility: hidden;/* position: absolute; */padding:70px 40px;}
.section02 .tab-content.active {display: flex; visibility:visible;}
.section02 .tab-content#t02 {position: absolute;top:62px;}

.section02 .tab-menu-item:hover button{color: #00418e;font-weight: 700;border-bottom: 2px solid #00418e;}
.section02 .tab-menu-item.active button{color: #00418e;font-weight: 700;border-bottom: 2px solid #00418e;}

.section02 .tab-menu-slide-wr {position:relative;width: calc(100% - 300px);}
.section02 .tab-menu-slide {overflow:hidden;position:relative;padding: 0px;margin: 0px;}
.section02 .tab-menu-slide-content {transition: all 0.2s;overflow: hidden;}
.section02 .slick-slide {display:block;float:left;margin: 0 10px;border-right:#d3d3d3 1px solid;padding:0 20px;}

.section02 .tab-slide-prev {position: absolute;top: 50%;left: 0px;transform: translateY(-50%);}
.section02 .tab-slide-next {position: absolute;top: 50%;right: 0px;transform: translateY(-50%);}

.tab-menu-slide-ttl {
	font-size: 20px;
	color: #000;
	padding: 0px;
	font-weight: 700;
	/* height: 56px; */ /* 2줄 높이: line-height(28px) * 2 */
	overflow: hidden;
	margin-bottom: 10px;
	display: -webkit-box;
	-webkit-line-clamp: 2;
	line-clamp: 2;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
}
.tab-menu-slide-txt {
	font-size: 16px;
	line-height: 28px;
	color: #000;
	font-weight: 300;
	padding: 0 0 20px;
	word-break: break-all;
	height: 84px; /* 2줄 높이: line-height(28px) * 2 */
	overflow: hidden;
	display: -webkit-box;
	-webkit-line-clamp: 3;
	line-clamp: 3;
	-webkit-box-orient: vertical;
	text-overflow: ellipsis;
}
.tab-menu-slide-date {font-size: 13px;color: #959595;line-height: 26px;font-weight: 300;}
.section02 .tab-menu-slide-txt{-webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
    -moz-text-size-adjust: none; /*Firefox*/
    -ms-text-size-adjust: none;  /*Ie*/
    -o-text-size-adjust: none; /*old versions of Opera*/}
.section02 .tab-menu-slide-content:hover .tab-menu-slide-ttl {
    font-weight: 700;
    -webkit-text-size-adjust: none; /*Chrome, Safari, newer versions of Opera*/
    -moz-text-size-adjust: none; /*Firefox*/
    -ms-text-size-adjust: none;  /*Ie*/
    tab-menu-slide-wr
    -o-text-size-adjust: none; /*old versions of Opera*/
    }

.section02 .tab-menu-slide-content.sns-link {display: flex;gap:10px;justify-content: center;align-items: center;flex-wrap: wrap;width: calc(300px);margin:auto;}
.section02 .tab-menu-slide-content.sns-link .sns-item {flex: 0 1 calc(100% / 2 - 10px);padding:20px 15px;border:2px solid #efefef;border-radius: 6px;}
.section02 .tab-menu-slide-content.sns-link .sns-item:hover {border:2px solid #1d2e5c;}

@media screen and (max-width:1024px) {
	.section02 {padding: 70px 20px;}
	.section02 .tab-content.active {flex-wrap:wrap;gap: 40px;padding: 30px 0px;}
	.section02 .tab-menu {margin: 0px;}
	/* .section02 .tab-menu {max-width: 400px;} */
	.section02 .tab-menu-sns {gap: 10px;padding: 0 80px 0 0;}
	.section02 .tab-menu-sns .sns-link {flex: 0 1 calc(100% / 5 - 8px);}
	.section02 .tab-menu-sns .sns-link img {width:40px;height: 40px;}
	.section02 .tab-menu-item button {font-size: 24px}
	/* .section02 .tab-menu-slide {margin: 0 30px;} */
	.section02 .slick-slide:last-child {border-right:unset;}
	.section02 .tab-menu-slide-ttl {font-size: 18px;/* padding: 0px; */}
	.section02 .tab-menu-slide-txt {font-size: 15px;line-height: 25px;padding: 0 0 15px;height: 75px;}
	.section02 .tab-menu-slide-date {/* font-size: 16px; *//* line-height: 26px; */}
	.section02 .tab-menu-slide-wr{flex:0 1 100%;}
	.section02 .tab-menu-slide-content.sns-link {flex:0 1 100%;gap: 20px;justify-content: space-between;}
	.section02 .tab-menu-slide-content.sns-link .sns-item {padding: 15px 30px;flex: 0 1 calc(100% / 4 - 20px);text-align: center;}

	.section02 .tab-slide-prev img{width: 15px}
	.section02 .tab-slide-next img{width: 15px}
}

@media screen and (max-width:768px) {
	.section02 {padding: 50px 20px;}
	.section02 {padding: 50px 0}
	.section02 .tab-menu {justify-content: left;gap: 20px;margin: 0 30px;}
	.section02 .tab-menu-sns {width: 100%;max-width: 320px;gap: 10px;padding: 0;left: 50%;transform: translateX(-50%);top:60px;z-index: 1;}
	.section02 .tab-menu-sns .sns-link {flex: 0 1 calc(100% / 5 - 8px); text-align: center}
	.section02 .tab-menu-sns .sns-link img {max-width:40px;max-height: 40px;}

	/* .section02 .slick-slide {margin:0;padding:0;} */
	.section02 .tab-menu-slide {padding: 20px 0px;margin: 0;}
	.section02 .tab-menu-slide-ttl {font-weight: 700}
	.section02 .tab-menu-slide-content.sns-link {margin:0 30px;}

	.section02 .tab-slide-prev {left: 20px;}
	.section02 .tab-slide-next {right: 20px;}
	.section02 .tab-slide-prev img{width: 12px}
	.section02 .tab-slide-next img{width: 12px}
	
	.section02 .tab-menu-slide-content.sns-link {gap: 10px;}
	.section02 .tab-menu-slide-content.sns-link .sns-item{padding:10px;flex: 0 1 calc(100% / 4 - 10px);}
}

@media screen and (max-width:500px) {
	.section02 .tab-menu-item {flex: 0 1 calc(100% / 3 - 13px);text-align: center;}
	.section02 .tab-menu-slide-wr {padding: 0 0px;}
	.section02 .tab-menu-slide {padding: 0px!important;margin: 0 10px;}
	.section02 .tab-menu-sns {top: 90px;}
	.section02 .slick-slide{margin:0 5px}
	.section02 .tab-menu-slide-content.sns-link{margin:0 10px;}

	.section02 .tab-menu{gap: 0px;margin: 0 20px;}
	.section02 .tab-menu .ttl{font-size: 36px;flex: 0 1 calc(100% / 3);text-align: center;}

	.section02 .tab-menu-item button {
		display: inline-block; 
		width: auto;
		color: #afb3b8;
		font-size: 21px;
		position: relative;
		text-align: center;
		white-space: nowrap;
		box-sizing: border-box;
		padding: 0; 
	}
	.section02 .tab-content#t02 {top:42px;}
}

@media screen and (max-width:425px) {
	.section02 .slick-slide{padding:0 5px;}
	.section02 .tab-menu .ttl {font-size: 28px;}
	.section02 .tab-menu-item button{font-size: 17px;}
	.section02 .tab-menu-slide-txt {line-height: 21px;font-size:15px;height: 63px;}
	.section02 .tab-content.active {gap: 25px;}
	.tab-menu-slide-ttl {margin-bottom:8px}
	.section02 .tab-content#t02 {top:35px;}
	
}
@media screen and (max-width:320px) {
	.section02 .tab-menu .ttl {font-size:24px;}
	.section02 .tab-menu-item button {font-size: 16px;}
	.section02 .tab-menu-item {flex: 0 1 calc(100% / 3 - 15px);}
	.section02 .tab-menu-slide-content.sns-link{gap: 2px;}
	.section02 .tab-menu{margin: 0 10px;}
	.section02 .tab-menu-slide-content.sns-link .sns-item {
        padding: 10px 1px;
        flex: 0 1 calc(100% / 4 - 5px);
    }
	.footer-bottom-content-text .text:last-child span{font-size:12px;}
	.section02 .tab-content#t02 {top:27px;}
}

/* 퀵메뉴 */
.quick__menu {width: 95%;max-width: 1700px;margin: 0 auto;position: fixed;bottom: 0;left: 50%;transform: translateX(-50%) translateY(calc(100% - 64px));opacity:1;transition: all 0.3s;z-index:100;}
.quick__menu.active {transform: translateX(-50%);z-index: 9999;}
.fp-viewing-sec01 .quick__menu {bottom: -100%;opacity: 0; transition: all 0.5s;}
.fp-viewing-4 .quick__menu {bottom: -100%;opacity: 0; transition: all 0.5s;}
.quick__menu.hide-quick-menu {transform: translateX(-50%) translateY(100%);opacity: 0; transition: all 0.3s;}

.quick__menu-btn {display: block;width: 100%;background: linear-gradient(90deg, #1abc9c, #2980b9, #0b3d91);mix-blend-mode: normal;font-size: clamp(16px, 2vw, 20px);color: #FFF;padding: 20px;text-align: center;border-top-left-radius: 20px;border-top-right-radius: 20px;}
.quick__menu-btn__txt p {padding: 0 15px 0 0 ; display: inline-block;}
.quick__menu-btn__txt span {padding: 0 0 5px;}
.quick__menu-btn__txt span img {transition: all 0.3s linear;}
.quick__menu-btn__txt span.rotate img {transform: rotate(180deg);}
.quick__menu-con {padding: 50px 20px;background: #FFF;}
.quick__menu-list {display: flex;flex-wrap: wrap;gap: 30px;}
.quick__menu-item {flex: 0 1 calc(100% / 3 - 20px);display: flex;flex-wrap: wrap;padding: 0 30px;position: relative;align-items: center;}
.quick__menu-item::after {display: block;content:'';width:10px;height: 100%;background: url('/site/iphak/img/renewal/icon_quick_menu_line.png') no-repeat center;background-size: contain;position: absolute;right: -20px;top: 50%;transform: translateY(-50%);}
.quick__menu-item:last-child:after {display:none;}
.quick__menu-ttl {font-size: clamp(18px, 2vw, 36px);color: #000;padding: 0 0 10px;text-align: center;flex: 0 1 100%;font-weight: 700;}
.quick__menu-txt {font-size: clamp(12px, 2vw, 18px);color: #404040;padding: 0 0 15px;text-align: center;flex: 0 1 100%;}
.quick__menu-inner {text-align: center;max-width: 350px;margin: 0 auto;display: flex;flex-wrap: wrap;gap: 20px;}
.quick__menu-inner__link {display: flex;padding: 20px 50px;flex: 0 1 100%;border-radius: 10px;gap: 10px;justify-content: center;align-items: center;transform: scale(1);transition: all 0.3s ease;position: relative;flex-direction: column;text-align: center;}
.quick__menu-inner__link:hover {font-weight: 600;transform: scale(1.05);}
.quick__menu-inner__link::after {content: "+";position: absolute;top: 10px;right: 15px;width: 25px;height: 24px;background: rgba(255, 255, 255, 0.3);color: #FFF;border-radius: 3px;display: flex;align-items: center;justify-content: center;font-size: 16px;font-weight: bold;transition: all 0.3s ease;}
.quick__menu-inner__link:hover::after {background: rgba(255, 255, 255, 0.5);}
.quick__menu-inner__link:nth-child(1) {background: #003358;background-size: cover; transition:all 0.2s;}
.quick__menu-inner__link:nth-child(1):hover {background: url('/site/iphak/img/renewal/bg_quick_menu_inner_link.png') no-repeat center #1b98d0;background-size: 65%;background-position: center center;transform: scale(1.05);}
.quick__menu-inner__link:nth-child(2) {background: #003358;background-size: cover; transition:all 0.2s;}
.quick__menu-inner__link:nth-child(2):hover {background: url('/site/iphak/img/renewal/bg_quick_menu_inner_link.png') no-repeat center #1b98d0;background-size: 65%;background-position: center center;transform: scale(1.05);}
.quick__menu-inner__link:nth-child(3) {background: #003358;background-size: cover; transition:all 0.2s;}
.quick__menu-inner__link:nth-child(3):hover {background: url('/site/iphak/img/renewal/bg_quick_menu_inner_link.png') no-repeat center #1b98d0;background-size: 65%;background-position: center center;transform: scale(1.05);}
.quick__menu-inner__link-txt {font-size:clamp(18px,3vw,22px);color:#FFF;flex: 0 1 100%;line-height: 1.5;}
.quick__menu-inner__link-txt .date {font-size:clamp(12px,3vw,16px);}
.quick__menu-inner02 {display:flex;flex-wrap:wrap;gap:10px;max-width: 350px;margin: 0 auto;}
.quick__menu-inner02__link {flex: 0 1 100%;text-align: center;background: #003358;padding: 12px 0;color: #FFF;border-radius: 10px; transition:all 0.2s;font-size:18px;}
.quick__menu-inner02__link:hover {background: #00477a; font-weight: 700;}
.quick__menu-inner03 {display: flex;flex-wrap: wrap;gap: 20px;}
.quick__menu-inner03__link {border-radius: 10px;flex: 0 1 100%;padding: 20px 30px 80px;height:200px;}
.quick__menu-inner03__link:nth-child(1) {background: url('/site/iphak/img/renewal/bg_quick_menu_inner03_01.png') no-repeat center #003358;background-size: 100%;transition:all 0.3s;}
.quick__menu-inner03__link:nth-child(1):hover {background-size: 110%;}
.quick__menu-inner03__link:nth-child(2) {background: url('/site/iphak/img/renewal/bg_quick_menu_inner03_02.png') no-repeat center #003358;background-size: 100%; transition:all 0.3s;}
.quick__menu-inner03__link:nth-child(2):hover {background-size: 110%;}
.quick__menu-inner03__link-ttl {font-size: clamp(16px, 2vw, 20px); color: #FFF; padding: 0 0 10px;}
.quick__menu-inner03__link-txt {font-size: clamp(12px, 2vw, 16px);line-height: 1.6em;color: #FFF;font-weight: 300;}

@media screen and (max-width: 1500px) {
	.quick__menu-inner03__link {padding: 20px 20px 80px;}
}

@media screen and (max-width: 1024px) {
	.quick__menu { bottom: -10px;}
	.quick__menu-list {gap: 20px;}
	.quick__menu-item::after {right: -15px;}
	.quick__menu-btn {padding: 15px 0}
	.quick__menu-item {padding:0 10px;}

	.quick__menu-inner03__link:nth-child(1) {background: url('/site/iphak/img/renewal/bg_quick_menu_inner03_01.jpg') no-repeat center;background-size: auto;}
	.quick__menu-inner03__link:nth-child(1):hover {background-size: auto;}
	.quick__menu-inner03__link:nth-child(2) {background: url('/site/iphak/img/renewal/bg_quick_menu_inner03_02.jpg') no-repeat center;background-size: auto;}
	.quick__menu-inner03__link:nth-child(2):hover {background-size: auto;}
}

@media screen and (max-width: 768px) {
	.quick__menu {bottom: -15px;/* display: none; */}
	.quick__menu-con {padding: 20px 20px 30px;}
	
	.quick__menu-item{flex: 100%;justify-content: center;}
	.quick__menu-inner03__link{flex: 0 1 calc(100% / 2 - 10px);padding: 20px;background-size: auto !important;}
	.quick__menu-inner02__link{flex: 0 1 calc(100% / 3 - 10px);font-size: clamp(10px, 3vw, 18px);}
	.quick__menu-inner__link{flex: 1 0 calc(100% / 2 - 10px);padding: 20px;display: table;min-width: 190px;}
	.quick__menu-inner{max-width: unset;}
	.quick__menu-ttl{padding: 0 0 10px;}
	.quick__menu-txt{padding: 0 0 15px;}
	.quick__menu-inner__link-img img{display:none;}
	.quick__menu-inner02{max-width:unset;}
	.quick__menu-item::after{right:50%;transform:translateX(50%);width:100%;height:1px;top:auto;bottom:-12px;background:#00000017}
	.quick__menu-inner__link-txt{display:table-cell;vertical-align: middle;}
	.quick__menu-item:last-child{display:none;}
}

@media screen and (max-width: 500px) {
	.quick__menu-inner__link{min-width: 150px;}
}

@media screen and (max-width: 400px) {
	.quick__menu-inner__link{min-width: 120px;}
}

@media screen and (max-height: 550px) {
	.quick__menu.active {height: 100%;overflow: scroll;}
}