@charset "UTF-8";

body{font-family: 'Pretendard', sans-serif;font-weight: 400;font-size: 16px;line-height: 160%;letter-spacing: 0.02em;color: #111111;}
.aos{overflow-x: hidden;}
.over-hidden {overflow: hidden;}
.wrap{position: relative;overflow:hidden;}
.pc-hide {display:none!important;}

.lenis::-webkit-scrollbar{width: 8px;}
.lenis::-webkit-scrollbar-thumb{background: #001b54;border-radius: 10px;}

.header-wrap {position: fixed; left: 0; right: 0; top: 0; z-index: 100; transition: all 0.6s;height: fit-content;}
.header-wrap:before {content: '';height: 100%;left: 0;position: absolute;top: 0;width: 100%;background-color: transparent;z-index: -1;}
.header-wrap.on {background: #fff;}
.header-wrap.on.on-mg {background: rgba(244, 244, 244, 0.3);backdrop-filter: blur(12.5px);}
.main-page .header-wrap{background: transparent;backdrop-filter: unset;}
.main-page .header-wrap.on {background: #FFFFFF;}
.main-page .header-wrap.on.on-mg {background: rgba(244, 244, 244, 0.3);backdrop-filter: blur(12.5px);}
.header-wrap.on:has(.search-box.open){background: #fff;}

.header-wrap.on.on-mg.bg-w{background: #fff;}

.header-box {max-width: 1520px;margin: 0 auto;}

.bg-group01{background: url(../img/common/bg-group01.png) no-repeat bottom right -270px / cover;position: relative;}
.bg-group01:before{content:'';position: absolute;bottom: 0;left: 0;right: 0;height: 899px;background: linear-gradient(360deg, #FFFFFF 0%, rgba(255, 255, 255, 0.5) 92.58%, rgba(255, 255, 255, 0) 101.37%);z-index: 0;}

.bg-group02{background: url(../img/common/bg-group02.png) no-repeat center left / cover;position: relative;}
.bg-group02:before{content:'';position: absolute;inset: 0;background: linear-gradient(180deg, #FFFFFF 0%, rgba(255, 255, 255, 0.5) 72.57%, rgba(255, 255, 255, 0) 87.43%);height: 704px;z-index: 0;}

.main-content-wrap03{background: url(../img/common/bg-ysb-news.jpg) no-repeat center / cover;background-attachment: fixed;}
.main-content-box01{max-width: 1520px;margin: auto;}
.main-content-box02{max-width: 1520px;margin: auto;}
.main-content-box03{max-width: 1520px;margin: auto;}
.main-content-box04{max-width: 1520px;margin: auto;}
.main-content-box05{max-width: 1520px;margin: auto;}
.footer-wrap{background: #111;}
.footer-box{padding: 64px 0;}

.path-wrap {margin: -64px 0 0;position: relative;border-top: 1px solid #CCCCCC66;backdrop-filter: blur(4px);z-index: 99;}
.content-wrap {max-width: 1520px;margin: 0 auto;padding: 100px 0 180px;position: relative;}
.sub-container {position: relative;}


.background .sub-container:before {width: 100vw;height: 100%;top: 0;left: 78%;border-top-left-radius: 10000px;background: linear-gradient(90deg, rgba(233, 242, 252, 0) 0%, rgba(233, 242, 252, 0.4) 35.82%, #E9F2FC 71.64%);content: "";position: absolute;transform: translateX(-50%);}
.full .content-wrap {padding: 100px 0 0;}

.accordion-item {border: 1px solid #DDDDDD;border-radius: 10px;padding: 16px 24px;background: #fff;position: relative;margin: 6px 0 0;cursor: pointer;}
.accordion-item:first-child {margin: 0;}
.accordion-header {width: 100%;border: none;display: flex;align-items: center;cursor: pointer;gap: 10px;background: unset;padding: 0;position: relative;transition: all .3s;border-bottom: 1px solid transparent;}
.accordion-header:after {content: "";width: 100%;height: 28px;background: #E9E9E9 url(../img/content/ico-accordion.png) no-repeat center center;border-radius: 100%;max-width: 28px;transition: all .3s;background-size: 8px 5px;display: inline-block;}
.accordion-header > p {padding: 13px 20px;background: #E6EEFB;border-radius: 99px;width: auto;box-sizing: border-box;font-weight: 600;font-size: 14px;line-height: 100%;letter-spacing: -0.2px;vertical-align: bottom;color: #004EDB}
.accordion-header > span {font-weight: 700;font-size: 18px;line-height: 130%;letter-spacing: -0.2px;vertical-align: bottom;color: #222222;flex: 1;text-align: left;}
.accordion-body {display: none;overflow: hidden;padding: 30px 0 6px;}
.accordion-body p {font-weight: 500;font-size: 16px;line-height: 32px;letter-spacing: -0.2px;vertical-align: bottom;color: #444444;}
.accordion-item.active .accordion-body {padding: 30px 0 6px;margin: 15px 0 0;border-top: 1px solid #EEEEEE;}
.arrow {width: 10px;height: 10px;border-right: 2px solid #333;border-bottom: 2px solid #333;transform: rotate(45deg);transition: transform 0.3s ease;}
.accordion-item.active .arrow {transform: rotate(-135deg);}
.accordion-item.active {border-bottom: 1px solid #EEEEEE;}
.accordion-item.active .accordion-header:after {background: #004EDB url(../img/content/ico-accordion-top.png) no-repeat center center;background-size: 8px 5px;transform: rotate(360deg);}

.accordion-body { display: none; }

.accordion-control {display: flex;padding: 0 0 20px;justify-content: flex-end;gap: 10px;position: relative;}
.accordion-control a {cursor: pointer;}
.accordion-control a.btn-open-all {position: relative;display:flex;flex-direction:row-reverse;align-items:center;gap:10px;}
.accordion-control a.btn-open-all:before {content: "";display: inline-block;width: 1px;height: 12px;background: #D9D9D9;}
.accordion-control a span{font-weight:700;font-size:16px;line-height:100%;letter-spacing:-0.2px;vertical-align:bottom;color: #666666;position: relative;display: flex;gap: 6px;align-items: center;}
.accordion-control a span:before {content: "";display: inline-block;width: 18px;height: 18px;background-size: contain;}
.accordion-control a.btn-open-all span:before {background: url(../img/content/open-arcadion.png)no-repeat center center;}
.accordion-control a.btn-close-all span:before {background: url(../img/content/close-arcadion.png)no-repeat center center;}

@media (min-width: 1025px) and (max-width: 1919px) {
	.wrap .content-wrap {padding: 100px 16px 180px;}
}
@media (max-width: 1520px) {
	.main-content-box02 {margin-right:58px;}
}

@media(max-width: 1200px) {
	.background .sub-container:before {display: none;}
	.content-wrap {padding: 44px 16px 80px;}
}

@media(max-width: 1024px){
	.pc-hide {display:block!important;}
	.mobile-hide {display:none!important;}

	.footer-box{padding: 32px 20px;}
	.full .content-wrap {padding: 50px 16px 0;}

	.bg-group01{background-position: bottom -210px left 30px;background-size: 962px auto;}
	.bg-group01:before{display: none;}
	.bg-group02{background-position: top 0 right -500px;background-size: auto;}
	.main-content-box02{padding: 0 20px;margin-right:0;}
	.main-content-box03{padding: 0 20px;}

	.path-wrap {margin: -57px 0 0;}
}



@media screen and (max-width:768px) {	
	.accordion-item {padding: 16px 12px;}
	.accordion-item.active .accordion-body {padding: 20px 0 4px;}
	.accordion-body p {font-size: 15px;}

}