.main-content-inner04{padding: 0 0 70px 0;}
.main-content-inner04 .main-title{padding: 0 0 0 180px;margin-bottom: 66px;max-width: 604px;}
.main-content-inner04 .inner04-wrap{position: relative;}
.main-content-inner04 .inner04-left{width: calc(100% - 858px);background: url(/_res/sejongipsi/ipsi/img/main/sec04-bg01.png) no-repeat top right 70px;padding-top: 207px;}
.main-content-inner04 .inner04-tabs{display: flex;flex-direction: column;border-top: 1px solid rgba(17, 17, 17, 0.1);}
.main-content-inner04 .inner04-tabs > li{width: 100%;position: static;}
.main-content-inner04 .inner04-tabs > li > a{display: flex;align-items: center;gap: 15px;padding: 23px 50px 23px 180px;background-color: #fff;overflow: hidden;border-bottom: 1px solid rgba(17, 17, 17, 0.1);box-sizing: border-box;}
.main-content-inner04 .inner04-tabs > li > a .tab-a{flex: 1;display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 5px 10px;font-weight: 600;font-size: 20px;line-height: 140%;letter-spacing: -0.03em;color: #3C3C3C;}
.main-content-inner04 .inner04-tabs > li > a .tab-a span:last-child{font-size: 15px;color: #727272;}
.main-content-inner04 .inner04-tabs > li > a.active{background: #01314D url(../img/main/sec04-ico-link.png) no-repeat center right 50px;}
.main-content-inner04 .inner04-tabs > li > a.active .tab-a{color: #fff;justify-content: flex-start;}
.main-content-inner04 .inner04-tabs > li > a.active+.con{transform: translatex(0);opacity: 1;visibility: visible;pointer-events: auto;}
.main-content-inner04 .con{position: absolute;top: 120px;right: 0;width: 858px;transform: translatex(30px);opacity: 0;visibility: hidden;pointer-events: none;/*transition: all 0.25s*/;padding: 0 100px;box-sizing: border-box;}
.main-content-inner04 .con .con-wrap{position: relative;}
.main-content-inner04 .con .con-wrap .img-box{overflow: hidden;max-height: 719px;border-radius: 10px;}
.main-content-inner04 .con .con-wrap .img-box img{width: 100%;height: 100%;object-fit: cover;}
.main-content-inner04 .con .con-wrap .txt-box{position: absolute;top: 50%;left: 50%;transform: translate(-50%,-50%);background: rgba(1, 49, 77, 0.9);outline: 1px solid rgba(255, 255, 255, 0.25);backdrop-filter: blur(20px);border-radius: 10px;text-align: center;padding: 60px 62.5px 81px 62.5px;color: #fff;width: 100%;max-width: 475px;min-height:515px;box-sizing: border-box;}
.main-content-inner04 .con .con-wrap .txt-box .t1{font-weight: 500;font-size: 15px;line-height: 140%;margin-bottom: 31px;}
.main-content-inner04 .con .con-wrap .txt-box .ico{margin-bottom: 30px;}
.main-content-inner04 .con .con-wrap .txt-box .t2{font-weight: 700;font-size: 24px;line-height: 140%;letter-spacing: -0.03em;margin-bottom: 20px;}
.main-content-inner04 .con .con-wrap .txt-box .t3{font-weight: 500;font-size: 16px;line-height: 160%;letter-spacing: -0.03em;color: rgba(255,255,255,0.7);margin-bottom: 30px;display: -webkit-box;-webkit-line-clamp: 3;-webkit-box-orient: vertical;overflow: hidden;}
.main-content-inner04 .con .con-wrap .txt-box .t-link a{display: inline-flex;justify-content: space-between;align-items: center;border: 1px solid rgba(255, 255, 255, 0.35);padding: 11.5px 25px;border-radius: 100px;min-width: 189px;box-sizing: border-box;}
.main-content-inner04 .con .con-wrap .txt-box .t-link a:after{content: "";background: url(../img/main/sec04-arrow-link.png) no-repeat center;width: 10px;height: 17px;}
.main-content-inner04 .control{display: flex;justify-content: flex-start;align-items: center;gap: 5px;width: 100%;padding-left: 180px;margin-bottom: 33px;}
.main-content-inner04 .control > *{cursor: pointer;}
.main-content-inner04 .progress{display: flex;align-items: center;justify-content: center;gap: 15px;margin-right: 25px;}
.main-content-inner04 .progress .current, .main-content-inner04 .progress .total{font-weight: 600;font-size: 14px;line-height: 140%;color: rgba(0,0,0,0.5);}
.main-content-inner04 .progress .current{position: relative;color: #01314D;}
.main-content-inner04 .progress .current:after{content: "";position: absolute;right: -7.5px;top: 50%;transform: translateY(-50%);width: 1px;height: 8.48px;background: rgba(0, 0, 0,0.4);}
.main-content-inner04 .progress .bar{position: relative;width: 91px;height: 1px;background: rgba(0, 0, 0, 0.2);overflow: hidden;margin-right: -5px;}
.main-content-inner04 .progress .fill{position: absolute;top: 0;left: 0;width: 0;height: 100%;background: #01314D;transition: width linear;}
.main-content-inner04 .control .prev, .main-content-inner04 .control .next{width: 40px;height: 40px;border-radius: 50%;background: none;box-sizing: border-box;outline: 1px solid rgba(157, 157, 157, 1);}
.main-content-inner04 .control .next{background: url('../img/main/sec04-arrow.png') no-repeat center;transform: rotate(180deg);}
.main-content-inner04 .control .prev{margin-left: -12px;background: url('../img/main/sec04-arrow.png') no-repeat center;}
.main-content-inner04 .control .next:hover{background: #01314D url('../img/main/sec04-arrow-w.png') no-repeat center;outline: 1px solid #01314D;}
.main-content-inner04 .control .prev:hover{background: #01314D url('../img/main/sec04-arrow-w.png') no-repeat center;outline: 1px solid #01314D;}


.main-content-inner04 .con .con-wrap .txt-box > * { opacity: 0; transform: translateY(-25px); transition: transform 0.5s cubic-bezier(0.25, 1, 0.5, 1), opacity 0.5s ease; }
.main-content-inner04 .inner04-tabs > li > a.active + .con .con-wrap .txt-box > * { opacity: 1; transform: translateY(0); }
.main-content-inner04 .inner04-tabs > li > a.active + .con .txt-box .t1 { transition-delay: 0.1s; }
.main-content-inner04 .inner04-tabs > li > a.active + .con .txt-box .ico { transition-delay: 0.2s; }
.main-content-inner04 .inner04-tabs > li > a.active + .con .txt-box .t2 { transition-delay: 0.3s; }
.main-content-inner04 .inner04-tabs > li > a.active + .con .txt-box .t3 { transition-delay: 0.4s; }
.main-content-inner04 .inner04-tabs > li > a.active + .con .txt-box .t-link { transition-delay: 0.5s; }



@media(min-width:1025px){
	.main-content-inner04 .inner04-tabs-wrap{padding-bottom: 0 !important;}
	.main-content-inner04 .inner04-tabs-wrap .cont04-swiper{overflow: unset;}
}
@media(max-width:1660px){
	.main-content-inner04 .main-title, .main-content-inner04 .control{padding-left: 32px;}
	.main-content-inner04 .inner04-tabs > li > a{padding: 18px 32px;}
	.main-content-inner04 .inner04-tabs > li > a.active{background-position: center right 32px;}
	.main-content-inner04 .con{padding: 0 50px;width: 620px;}
	.main-content-inner04 .main-title h3{font-size: 30px;}
	.main-content-inner04 .inner04-left{width: calc(100% - 620px);}
}
@media(max-width:1280px){
	.main-content-inner04 .inner04-tabs > li > a .tab-a{flex-direction: column;align-items: flex-start;}
	.main-content-inner04 .con{top: 20%;width: 620px;padding: 0 30px;}
	.main-content-inner04 .con:before{content: none;}
	.main-content-inner04 .inner04-left{background-image: unset;padding-top: 120px;}
}
@media(max-width:1024px){
	.main-content-inner04{padding: 100px 0 72px;overflow:hidden;}
	.main-content-inner04 .inner04-left{display: flex;flex-direction: column;}
	.main-content-inner04 .main-title{margin-bottom: 40px;padding-left: 0;}
	.main-content-inner04 .control{padding-left: 0;order: 1;margin-top: 40px;gap: 5px;}
	.main-content-inner04 .progress{gap: 7.5px;margin-right: 31px;flex: 1;}
	.main-content-inner04 .progress .current:after{right: -4px;}
	.main-content-inner04 .progress .bar{min-width: 145px;margin-right: 7.5px;flex: 1;}
	.main-content-inner04 .inner04-left{width: 100%;padding-top: 0;}
	.main-content-inner04 .inner04-wrap{padding: 0 16px;}
	.main-content-inner04 .inner04-tabs-wrap{position: relative;}
	.main-content-inner04 .inner04-tabs-wrap .swiper{position: unset;}
	.main-content-inner04 .inner04-tabs{flex-direction: row;gap: 6px;overflow-x: auto;overflow-y: hidden;transform: unset;position: unset;border-top: 0;width: calc(100% + 32px);margin-left: -16px;padding-left: 16px;padding-right: 16px;box-sizing: border-box;}
	.main-content-inner04 .inner04-tabs::-webkit-scrollbar{display: none;}
	.main-content-inner04 .inner04-tabs > li{width: auto;}
	.main-content-inner04 .inner04-tabs > li > a .tab-a{white-space: nowrap;}
	.main-content-inner04 .inner04-tabs > li > a{padding: 16.8px 15px;border: 1px solid rgba(17, 17, 17, 0.1);border-radius: 5px;font-size: 14px;width: 100%;}
	.main-content-inner04 .inner04-tabs > li > a.active{background-image: unset;}
	.main-content-inner04 .inner04-tabs > li > a .tab-a span:last-child{display: none;}
	.main-content-inner04 .con{top: 85px;right: unset;left: 0;width: 100%;z-index: 1;}
	.main-content-inner04 .con{padding: 0;}
	.main-content-inner04 .inner04-tabs > li > a .tab-a{font-size: 14px;}
	.main-content-inner04 .con .con-wrap .txt-box {min-height:unset;}

}
@media(max-width:768px){
	.main-content-inner04{background: url(/_res/sejongipsi/ipsi/img/main/sec04-bg01-sp.png) no-repeat bottom right;}
	.main-content-inner04 .con .con-wrap .txt-box .t1{font-size: 10px;margin-bottom: 17px;}
	.main-content-inner04 .con .con-wrap .txt-box .ico{margin-bottom: 22.74px;}
	.main-content-inner04 .con .con-wrap .txt-box .ico img{max-width: 52.31px;}
	.main-content-inner04 .con .con-wrap .txt-box .t2{font-size: 16px;margin-bottom: 15.16px;}
	.main-content-inner04 .con .con-wrap .txt-box .t3{font-size: 11px;margin-bottom: 22.74px;}
	.main-content-inner04 .con .con-wrap .txt-box .t-link a{font-size: 12.13px;min-width: 142.29px;padding: 5px 18.95px;}
	.main-content-inner04 .con .con-wrap .txt-box .t-link a:after{width: 7px;height: 13px;background-size: contain;}
	.main-content-inner04 .con .con-wrap .txt-box{padding: 52.5px 18.19px 53.39px 18px;max-width: 275px;}
	.main-content-inner04 .control .prev, .main-content-inner04 .control .next{width: 50px;height: 50px;flex-shrink: 0;}
	.main-content-inner04 .con .con-wrap .img-box{height: 488px;}
}
@media(max-width:374px){
	.main-content-inner04 .main-title h3{font-size: 20px;}
	.main-content-inner04 .control .prev, .main-content-inner04 .control .next{width: 40px;height: 40px;}
	.main-content-inner04 .progress .bar{width: 110px;}
	.main-content-inner04 .con .con-wrap .txt-box{padding: 20px 18.19px 20px 18px;max-width: 220px;}
}