/*box-structure*/
.box-structure {background: #E6ECF8;border-radius: 10px;padding: 30px 40px;display: flex;align-items: center;gap: 80px;margin: 0 0 30px;}
.box-structure .stru-left {background: #fff;border-radius: 10px;padding: 17px 55px;max-width: 455px;width: 100%;position: relative;}
.box-structure .stru-left:after {content: "";position: absolute;width: 1px;height: 100%;background: #fff;right: -40px;top: 0;}
.box-structure .stru-left ul {display: flex;gap: 30px;justify-content: center;align-items: center;}
.box-structure .stru-left ul > li:nth-child(2) {margin: 0 0 15px;}
.box-structure .stru-left ul > li > span {display: block;color: #1F315B;}
.box-structure .stru-left ul > li > span.txt01 {font-weight: 700;font-size: 16px;line-height: 140%;letter-spacing: -0.2px;text-align: center;margin: 14px 0 0;}
.box-structure .stru-left ul > li > span.txt02 {font-weight: 600;font-size: 13px;line-height: 140%;letter-spacing: -0.2px;text-align: center;}
.box-structure .stru-left ul > li > span.txt03 {font-weight: 600;font-size: 13px;line-height: 140%;letter-spacing: -0.2px;text-align: center;color: #444444;}
.box-structure .stru-right {flex: 1;}
.box-structure .stru-right > ul > li {border-radius: 120px;background: #fff;display: flex;margin: 0 0 20px;box-sizing: border-box;}
.box-structure .stru-right > ul > li:last-child {margin: 0;}
.box-structure .stru-right > ul > li span {display: block;max-width: 147px;width: 100%;background: #1F315B;font-weight: 600;font-size: 18px;line-height: 140%;letter-spacing: -0.2px;color: #fff;border-top-left-radius: 60px;border-bottom-left-radius: 60px;text-align: center;display: flex;align-items: center;justify-content: center;height: auto;    padding: 20px 10px;}
.box-structure .stru-right > ul > li p {flex: 1;font-weight: 500;font-size: 16px;line-height: 140%;letter-spacing: -0.2px;color: #444444;min-height: 65px;padding: 20px 24px;display: flex;align-items: center;justify-content: flex-start;}


/*list-structure*/
.list-structure {display: grid;grid-template-columns: repeat(4, 1fr);gap: 16px;margin: 0 0 30px;}
.list-structure .stru-item {display: flex;flex-direction: column;}
.list-structure .stru-item .top {border-radius: 10px;background: #1F315B;font-weight: 700;font-size: 20px;line-height: 120%;letter-spacing: -0.2px;text-align: center;color: #fff;padding: 18px 10px;margin: 0 0 4px;}
.list-structure .stru-item .bot {border: 1px solid #00206033;background: #FFFFFF;border-radius: 10px;min-height: 156px;padding: 20px 10px;text-align: center;display: flex;flex-direction: column;justify-content: center;flex: 1;}
.list-structure .stru-item .bot p {font-weight: 700;font-size: 18px;line-height: 140%;letter-spacing: -0.2px;color: #1F315B;}
.list-structure .stru-item .bot span {display: block;font-weight: 500;font-size: 14px;line-height: 165%;letter-spacing: -0.2px;text-align: center;color: #777777}
.list-structure .stru-item .bot > div {margin: 0 0 12px;}

.img-structure {margin: 0 0 30px;}

/*list-structure02*/
.list-structure02 {display: grid;grid-template-columns: repeat(3, 1fr);gap: 16px;}
.list-structure02 .stru-item {border-radius: 10px;padding: 15px;}
.list-structure02 .stru-item .stru-wrap {border-radius: 10px;background: #fff;display: flex;padding: 30px 25px;align-items: center;min-height: 139px;}
.list-structure02 .stru-item .stru-wrap .left {max-width: 160px;width: 100%;}
.list-structure02 .stru-item .stru-wrap .num {font-weight: 800;font-size: 32px;line-height: 120%;letter-spacing: -0.2px;text-transform: uppercase;}
.list-structure02 .stru-item .stru-wrap .right {flex: 1;}
.list-structure02 .stru-item .stru-wrap .right .tit {font-weight: 700;font-size: 20px;line-height: 120%;letter-spacing: -0.2px;text-transform: uppercase;margin: 0 0 10px;color: #222222;}
.list-structure02 .stru-item .stru-wrap .right .desc {font-weight: 500;font-size: 16px;line-height: 140%;letter-spacing: -0.2px;text-transform: uppercase;color: #444444;}


.list-structure02 .stru-item:nth-child(1){background: #F5FBFF;border: 2px dashed #00A3E9;}
.list-structure02 .stru-item:nth-child(1) .stru-wrap .num  {color: #00A3E9;}
.list-structure02 .stru-item:nth-child(2){background: #F2F6FB;border: 2px dashed #4577DC;}
.list-structure02 .stru-item:nth-child(2) .stru-wrap .num  {color: #4577DC;}
.list-structure02 .stru-item:nth-child(3){background: #ECF5F4;border: 2px dashed #099A9B;}
.list-structure02 .stru-item:nth-child(3) .stru-wrap .num  {color: #099A9B;}

/*speci-box*/
.speci-box {display: flex;gap: 16px;}
.speci-box > div {display: flex;flex-direction: column;width: calc(50% - 8px);}
.speci-box > div .top {border-radius: 10px;padding: 13px 10px;margin: 0 0 10px;text-align: center;}
.speci-box > div .top .tit {font-weight: 700;font-size: 22px;line-height: 120%;letter-spacing: -0.2px;text-align: center;text-transform: uppercase;color: #fff;margin: 0 0 10px;}
.speci-box > div .top .txt {font-weight: 500;font-size: 16px;line-height: 120%;letter-spacing: -0.2px;text-transform: uppercase;color: #D8DBE2;}

.speci-box > div .bot {border: 1px solid #E5E5E5;background: #fff;border-radius: 10px;padding: 30px;flex: 1;}
.speci-box > div .bot > ul {display: flex;gap: 10px 0;}
.speci-box > div .bot > ul li {padding: 0 22px;border-right: 1px dashed #CCCCCC;}
.speci-box > div .bot > ul li:first-child {padding-left: 0;}
.speci-box > div .bot > ul li:last-child {padding-right: 0;border-right: 0;}
.speci-box > div .bot > ul li .img {margin: 0 0 20px;text-align: center;}
.speci-box > div .bot > ul li p {font-weight: 600;font-size: 16px;line-height: 120%;letter-spacing: -0.2px;text-align: center;text-transform: uppercase;color: #333333;}
.speci-box > div.left .top {background: #203290}
.speci-box > div.right .top {background: #1F315B}


/*history*/
.history-box { display: flex; flex-wrap: wrap; position: relative; }
.history-box .history-head-wrap { width: 50%; padding-right: 135px; box-sizing: border-box; transition: all 0.3s ease; }
.history-box .history-body { width: 50%; padding-left: 100px; box-sizing: border-box; position: relative; }
.history-box .history-body:before { content: ""; width: 2px;background: #ccc; position: absolute; left: 89px; top: 7px; bottom: 0; }
.history-banner { border-radius: 10px; overflow: hidden; position: relative; width: 100%; max-width: 451px; aspect-ratio: 451 / 446; height: auto; }
.history-banner:before { content: ""; position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: linear-gradient(180deg, #000000 0%, rgba(102, 102, 102, 0) 100%); opacity: 0.3; z-index: 0; }
.history-banner img { width: 100%; height: 100%; object-fit: cover; }
.history-tit { position: absolute; bottom: 20px; left: 20px; z-index: 99; font-family: Prompt; color: #ffffff8a; font-weight: 700; font-size: 52px; line-height: 100%; letter-spacing: 0%; }
.history-tit p { font-family: Prompt; font-weight: 700; font-size: 80px; line-height: 90%; letter-spacing: -0.1px; text-align: center; color: #fff; }
.history-tit p span { color: #43c1c3; }
.history-head ul li + li { margin: 20px 0 0 0; }
.history-head ul li a { font-weight: 700; font-size: 40px; line-height: 100%; letter-spacing: -0.2px; color: #d9d9d9; }
.history-head ul li.active a { color: #004bae; }
.history-inner + .history-inner, .block + .block { margin-top: 80px; }

.history-inner { display: flex; gap: 50px; position: relative; transition: all 0.5s; }
.history-inner:before { content: ""; position: absolute; left: -10px; top: 14px; width: 11px; height: 11px; background: #fff; border: 2px solid #ddd; border-radius: 50%; z-index: 99; transform: translate(-50%, -50%); box-sizing: border-box; }
.history-inner.active:before { width: 15px; height: 15px; background: #00a3e9; border: 2px solid #00a3e9; box-shadow: inset 0 0 0 2px #fff; }
.history-inner:first-child:after{content:'';width: 2px;height: 15px;background: #fff;position: absolute;left: -11px;top: 0;z-index: 50;}
.history-inner:last-child:after{content:'';width: 2px;height: 100%;background: #fff;position: absolute;left: -11px;top: 19px;z-index: 50;}
.history-inner .history-year { transform: translateX(-152px); width: 60px; margin-right: -60px; color: #111111; font-weight: 700; font-size: 30px; line-height: 140%; letter-spacing: -2%; }
.history-inner .history-desc { display: flex; gap: 40px 0; flex-direction: column; flex: 1; }
.history-inner .history-desc .history-month { display: flex; gap: 40px; align-items: baseline; }
.history-inner .history-desc .history-month .month-box { color: #111; width: 80px; font-weight: 700; font-size: 24px; line-height: 140%; letter-spacing: -2%; }
.history-inner .history-desc .history-month .txt-box { flex: 1; }
.history-inner .history-desc .history-month .txt-box > ul { display: flex; flex-direction: column; }
.history-inner .history-desc .history-month .txt-box > ul > li { display: flex; align-items: center; justify-content: flex-start; gap: 0 20px; position: relative; padding: 0 0 10px 11px; }
.history-inner .history-desc .history-month .txt-box > ul > li:last-child { padding-bottom: 0; }
.history-inner .history-desc .history-month .txt-box > ul > li p { color: #444; flex: 1; font-weight: 500; font-size: 16px; line-height: 160%; letter-spacing: -2%; }
.history-body { position: relative; }
.history-body .point-cir { position: absolute; left: 75px; top: 0; z-index: 50; }
.history-body .point-cir .dot { display: block; }
.history-body .point-cir .bar { width: 2px; height: 0; background: #00a3e9; position: absolute; bottom: 25px; left: 14px; }
.history-body.active .point-cir .dot { opacity: 1; }
.history-banner .swiper { height: 340px; }
.history-banner .swiper img { width: 100%; height: 100%; object-fit: cover; }
.is-sp { display: none; }


/*goal*/
.goals-wrap .banner-goal {background: url(/_res/unist/innopolis/img/content/banner-goal.png)no-repeat center center;border-radius: 10px;height: 88px;display: flex;align-items: center;justify-content: center;font-weight: 700;font-size: 26px;line-height: 120%;letter-spacing: -0.2px;text-align: center;text-transform: uppercase;color: #fff;margin: 0 0 20px;}
.box-goals {padding: 110px 0 30px;display: flex;justify-content: space-between;position: relative;max-width: 964px;width: 100%;margin: 0 auto;}
.box-goals:before {content: "";position: absolute;top: 0;left: 50%;transform: translatex(-50%);background: url(/_res/unist/innopolis/img/content/bg-goal.png)no-repeat center center;width: 867px;height: 75px;}
.box-goals .item {width: 268px;height: 268px;border-radius: 100%;display: flex;justify-content: center;align-items: center;position: relative;}
.box-goals .item:after {content: "";position: absolute;top: 0;right: -40px;width: 1px;height: 100%;background: #EDEDED;}
.box-goals .item .goals-inner {background: #fff;padding: 12px;border-radius: 100%;height: calc(100% - 24px);display: flex;flex-direction: column;justify-content: center;align-items: center;width: calc(100% - 24px);}
.box-goals .item:last-child:after {display: none;}

.box-goals .item:nth-child(1){border: 1px dashed #EB737399;background: #EB737317;}
.box-goals .item:nth-child(2){border: 1px dashed #93A814;background: #ADC70D0F;}
.box-goals .item:nth-child(3){border: 1px dashed #00A3E9;background: #F5FBFF;}


.list-goal {display: grid;grid-template-columns: repeat(2, 1fr);gap: 10px;}
.list-goal .item {background: #F4F8FF;border-radius: 5px;padding: 30px;display: flex;align-items: center;gap: 20px;}
.list-goal .item .ico {width: 100px;height: 100px;border-radius: 100%;background: #fff;display: flex;align-items: center;justify-content: center;}
.list-goal .item .txt {flex: 1;}
.list-goal .item .txt .num{font-family: Prompt;font-weight: 600;font-size: 14px;line-height: 100%;letter-spacing: 0.1px;vertical-align: middle;color: #011A7A;margin: 0 0 8px;}
.list-goal .item .txt .desc {font-weight: 600;font-size: 18px;line-height: 100%;letter-spacing: -0.2px;vertical-align: middle;color: #333333}

@media (max-width: 1400px) {
	.speci-box > div .bot > ul {flex-wrap: wrap;}
	.speci-box > div .bot > ul li {flex: 1;}
} 


@media (max-width: 1200px) {
	.history-tit p { font-size: calc(80 / 1200 * 100vw); }
}
@media (max-width: 1024px) {
	.history-inner { flex-direction: row; gap: 25px; }
	.history-tit { font-size: 38px; bottom: 10px; left: 10px; }

	.box-structure {flex-direction: column;gap: 20px;}
	.box-structure .stru-left:after {display: none;}
	.box-structure .stru-right {width: 100%;}
	
	.list-structure {grid-template-columns: repeat(2, 1fr)}
	
	.list-structure02 {grid-template-columns: repeat(2, 1fr)}
	
	.speci-box {flex-direction: column;}
	.speci-box > div {width: 100%;}
	
	.box-goals {flex-direction: column;gap: 10px;align-items: center;}
	.box-goals .item:after {display: none;}
}
@media (max-width: 768px) {
	.is-sp { display: block; }
	.is-pc { display: none; }
	.history-tit p { font-size: calc(80 / 768 * 100vw); }
	.history-head ul li a { display: none; }
	.history-head ul li.active a { display: block; }
	.history-box { flex-direction: column; gap: 0; }
	.history-head > ul { display: flex; gap: 10px 0; flex-wrap: wrap; }
	.history-head > ul li + li { margin: 0; }
	.history-head ul li a { font-size: 20px; }
	.history-box .history-head-wrap { width: 100%; padding-right: 0; }
	.history-box .history-body { width: 100%; padding-left: 0; }
	.history-banner { width: 100%; margin: 0 0 30px 0; position: relative; z-index: 60; height: calc(500 / 768 * 100vw); max-width: unset;}
	.history-inner:before { left: 103px; }
	.history-inner { display: flex; gap: 90px; flex-direction: row; }
	.history-inner .history-year { transform: translateX(0); margin-right: 0; text-align: left; width: 53px; margin: 0px 0 20px 0; font-size: 20px; }
	.history-inner .history-desc { flex: 1; }
	.history-body .point-cir { position: relative; }
	.history-body .point-cir .bar { left: 16px; width: 2px; }
	.history-body .point-cir { left: 86px; }
	.history-box .history-body:before { left: 102px; height: calc(100% - 30px); }
	.history-inner + .history-inner, .block + .block { margin-top: 20px; }
	.history-inner .history-desc .history-month .month-box { font-size: 15px; width: 40px; }
	.history-inner .history-desc .history-month { gap: 10px; }
	.history-head.fixed > ul { background: #fff; position: fixed; top: 56px; left: 0; padding: 10px 16px; width: 100%; box-sizing: border-box; z-index: 500; }
	.history-inner:first-child:after{left: 102px;top: -30px;height: 40px;}
	.history-inner:last-child:after{left: 102px;}
	
	
	.box-structure {padding: 20px;}
	.box-structure .stru-right > ul > li span {font-size: 16px;max-width: 120px;}
	.box-structure .stru-right > ul > li p {font-size: 14px;}
	
	.list-structure {grid-template-columns: repeat(1, 1fr);}
	.list-structure .stru-item .bot {min-height: unset;}
	.list-structure02 {grid-template-columns: repeat(1, 1fr);}
	.list-structure02 .stru-item .stru-wrap {padding: 15px;}
	.list-structure02 .stru-item .stru-wrap .num {font-size: 25px;}
	.list-structure02 .stru-item .stru-wrap .right .tit {font-size: 18px;}
	.list-structure02 .stru-item .stru-wrap .right .desc {font-size: 14px;}
	.speci-box > div .bot > ul {flex-direction: column;gap: 20px 0;}
	.speci-box > div .bot > ul li {border-right: 0;padding: 0;}
	.list-structure .stru-item .bot p {font-size: 15px;}
	
	.speci-box > div .top .tit {font-size: 20px;}
	.speci-box > div .top .txt {font-size: 14px;}
	
	.goals-wrap .banner-goal {font-size: 18px;height: auto;padding: 20px;box-sizing: border-box;}
	.box-goals {padding: 80px 0 30px;}
	.list-goal {grid-template-columns: repeat(1, 1fr);}
	.list-goal .item .ico {margin: 0 auto;}
	.list-goal .item {padding: 15px;flex-direction: column;align-items: flex-start;}
	.list-goal .item .txt .desc {font-size: 15px;}
	
	.list-structure .stru-item .top {font-size: 18px;}
	
	.box-structure .stru-left ul > li > span {text-align: center;}
	.box-structure .stru-left ul > li > span img {max-width: 60px;}
	.box-structure .stru-left ul > li > span.txt01 {font-size: 13px;}
	.box-structure .stru-left {padding: 15px;}
	
}
@media (max-width: 768px) {}