@charset "UTF-8";

/* SECTION 1 */
.st-1 { position:relative; width:100%; margin-top:140px; }
.st-1 > .wrap { position:relative; width:100%; max-width:1920px; margin:0 auto; }
.st-1 > .wrap::after { content:''; display:table; clear:both; }
.st-1 > .wrap > .bg { float:left; width:calc(100% - 950px); height:1040px; margin-top:-140px; overflow:hidden; }
.st-1 > .wrap > .bg > img { position:absolute; bottom:0; left:50%; transform:translateX(-50%); height:100%; }
.st-1 > .wrap > .content { float:left; width:950px; padding:0 50px; box-sizing:border-box; }
.st-1 > .wrap > .content > .en { font-size:65px; font-weight:800; font-family:'Unbounded',sans-serif; line-height:80px; }
.st-1 > .wrap > .content > .kr { font-size:18.5px; line-height:28px; margin-top:50px; }
.st-1 > .wrap > .content > .kr > span { color:#b0b0b0; }
.st-1 > .wrap > .content > .button { float:left; background:#ffb428; padding:18px 25px; margin-top:70px; cursor:pointer; box-sizing:border-box; }
.st-1 > .wrap > .content > .button > .box { height:16px; overflow:hidden; }
.st-1 > .wrap > .content > .button > .box > .depth { position:relative; display:block; height:100%; top:0%; font-size:16px; font-weight:500; font-family:'Unbounded',sans-serif; line-height:16px; transition:0.3s; }
.st-1 > .wrap > .content > .button:hover > .box > .depth { top:-100%; }

/* SECTION TYPE-1 */
@media only screen and (max-width:1649px) {
	.st-1 { margin-top:130px; }
	.st-1 > .wrap > .bg { width:calc(100% - 850px); height:980px; margin-top:-130px; }
	.st-1 > .wrap > .content { width:850px; padding:0 40px; }
	.st-1 > .wrap > .content > .en { font-size:62px; line-height:74px; }
	.st-1 > .wrap > .content > .kr { font-size:17.5px; line-height:27px; margin-top:45px; }
	.st-1 > .wrap > .content > .button { padding:16px 22px; margin-top:65px; }
	.st-1 > .wrap > .content > .button > .box { height:15px; }
	.st-1 > .wrap > .content > .button > .box > .depth { font-size:15px; line-height:15px; }
}

/* SECTION TYPE-2 */
@media only screen and (max-width:1279px) {
	.st-1 { margin-top:110px; }
	.st-1 > .wrap > .bg { width:calc(100% - 700px); height:815px; margin-top:-110px; }	
	.st-1 > .wrap > .content { width:700px; padding:0 30px; }
	.st-1 > .wrap > .content > .en { font-size:47px; line-height:57px; }
	.st-1 > .wrap > .content > .kr { font-size:15.5px; line-height:22.5px; margin-top:40px; }
	.st-1 > .wrap > .content > .button { padding:14px 20px; margin-top:60px; }
	.st-1 > .wrap > .content > .button > .box { height:14px; }
	.st-1 > .wrap > .content > .button > .box > .depth { font-size:14px; line-height:14px; }
}

/* SECTION TYPE-3 */
@media only screen and (max-width:1023px) {
	.st-1 { margin-top:0; }
	.st-1 > .wrap > .bg { float:none; position:absolute; width:100%; height:400px; top:0; margin-top:0; }
	.st-1 > .wrap > .bg > img { width:100%; height:auto; }
	.st-1 > .wrap > .content { float:none; width:100%; padding:440px 20px 0 20px; }
	.st-1 > .wrap > .content > .en { font-size:37px; line-height:45px; }
	.st-1 > .wrap > .content > .en > br.pc { display:none; }
	.st-1 > .wrap > .content > .kr { font-size:14px; line-height:20.5px; margin-top:30px; }
	.st-1 > .wrap > .content > .kr > br.pc { display:none; }
	.st-1 > .wrap > .content > .kr > span > br.pc { display:none; }
	.st-1 > .wrap > .content > .button { padding:12px 18px; margin-top:37px; }
	.st-1 > .wrap > .content > .button > .box { height:13px; }
	.st-1 > .wrap > .content > .button > .box > .depth { font-size:13px; line-height:13px; }
}

/* SECTION TYPE-4 */
@media only screen and (max-width:767px) {
	.st-1 > .wrap > .bg { height:300px; }
	.st-1 > .wrap > .bg > img { width:110%; }
	.st-1 > .wrap > .content { padding:330px 10px 0 10px; }
	.st-1 > .wrap > .content > .en { font-size:27px; line-height:34px; }
	.st-1 > .wrap > .content > .kr { font-size:12px; line-height:17px; margin-top:25px; }
	.st-1 > .wrap > .content > .button { padding:10px 15px; margin-top:30px; }
	.st-1 > .wrap > .content > .button > .box { height:11px; }
	.st-1 > .wrap > .content > .button > .box > .depth { font-size:11px; line-height:11px; }
}

/* SECTION TYPE-5 */
@media only screen and (max-width:499px) {
	.st-1 > .wrap > .bg > img { width:auto; height:100%; }
}

/* SECTION 2 */
.st-2 { margin-top:120px; }
.st-2 > .wrap { position:relative; width:100%; max-width:1920px; margin:0 auto; padding:0 50px; box-sizing:border-box; }
.st-2 > .wrap::after { content:''; display:table; clear:both; }
.st-2 > .wrap > .content { }
.st-2 > .wrap > .content > ul { width:100%; border-top:2px solid #000; }
.st-2 > .wrap > .content > ul::after { content:''; display:table; clear:both; }
.st-2 > .wrap > .content > ul > li { position:relative; float:left; width:33.33%; height:360px; border-bottom:2px solid #000; border-right:2px solid #000; padding:40px 40px; box-sizing:border-box; transition:all 0.3s ease-in-out; }
.st-2 > .wrap > .content > ul > li:hover { background:#ffb428; }
.st-2 > .wrap > .content > ul > li:nth-child(3) { border-right:0; }
.st-2 > .wrap > .content > ul > li:nth-child(6) { border-right:0; }
.st-2 > .wrap > .content > ul > li > .info { position:absolute; left:35px; top:47px; }
.st-2 > .wrap > .content > ul > li > .info > .en { font-size:30px; font-weight:800; font-family:'Unbounded',sans-serif; line-height:40px; padding-right:84px; box-sizing:border-box; }
.st-2 > .wrap > .content > ul > li > .info > .kr { font-size:18px; line-height:26px; margin-top:20px; padding-right:120px; box-sizing:border-box; }
.st-2 > .wrap > .content > ul > li > .icon { position:absolute; right:30px; top:42px; }
.st-2 > .wrap > .content > ul > li > .icon > i { font-size:47px; font-weight:500; }
.st-2 > .wrap > .content > ul > li > .button { position:absolute; float:left; left:40px; bottom:55px; padding-bottom:10px; cursor:pointer; }
.st-2 > .wrap > .content > ul > li > .button::before { content:''; position:absolute; bottom:0; width:137px; height:2px; background:#000; }
.st-2 > .wrap > .content > ul > li > .button > .box { height:16px; overflow:hidden; }
.st-2 > .wrap > .content > ul > li > .button > .box > .depth { position:relative; display:block; width:100%; height:100%; top:0%; font-size:16px; font-weight:500; font-family:'Unbounded',sans-serif; line-height:16px; transition:0.3s; }
.st-2 > .wrap > .content > ul > li > .button > .box > .depth > img { height:11px; margin-left:8px; margin-bottom:1px; }
.st-2 > .wrap > .content > ul > li > .button:hover > .box > .depth { top:-100%; }

/* SECTION TYPE-1 */
@media only screen and (max-width:1649px) {
	.st-2 { margin-top:110px; }
	.st-2 > .wrap { padding:0 40px; }
	.st-2 > .wrap > .content > ul > li { height:340px; padding:34px 34px; }
	.st-2 > .wrap > .content > ul > li > .info { left:34px; top:42px; }
	.st-2 > .wrap > .content > ul > li > .info > .en { font-size:28px; line-height:38px; padding-right:110px; }
	.st-2 > .wrap > .content > ul > li > .info > .kr { font-size:17px; line-height:24px; margin-top:17px; padding-right:100px; }
	.st-2 > .wrap > .content > ul > li > .icon { right:30px; top:40px; }
	.st-2 > .wrap > .content > ul > li > .icon > i { font-size:45px; }
	.st-2 > .wrap > .content > ul > li > .button { left:34px; bottom:44px; padding-bottom:9px; }
	.st-2 > .wrap > .content > ul > li > .button::before { width:129px; }
	.st-2 > .wrap > .content > ul > li > .button > .box { height:15px; }
	.st-2 > .wrap > .content > ul > li > .button > .box > .depth { font-size:15px; line-height:15px; }
	.st-2 > .wrap > .content > ul > li > .button > .box > .depth > img { height:10px; }
}

/* SECTION TYPE-2 */
@media only screen and (max-width:1279px) {
	.st-2 { margin-top:90px; }
	.st-2 > .wrap { padding:0 30px; }
	.st-2 > .wrap > .content > ul > li { width:50%; height:270px; padding:30px 30px; }
	.st-2 > .wrap > .content > ul > li:nth-child(3) { border-right:2px solid #000; }
    .st-2 > .wrap > .content > ul > li:nth-child(6) { border-right:2px solid #000; }
    .st-2 > .wrap > .content > ul > li:nth-child(even) { border-right:0; }
	.st-2 > .wrap > .content > ul > li > .info { left:30px; top:37px; }
	.st-2 > .wrap > .content > ul > li > .info > .en { font-size:22px; line-height:30px; padding-right:90px; }
	.st-2 > .wrap > .content > ul > li > .info > .kr { font-size:15px; line-height:22px; margin-top:14px; padding-right:90px; }
	.st-2 > .wrap > .content > ul > li > .icon { right:22px; top:35px; }
	.st-2 > .wrap > .content > ul > li > .icon > i { font-size:35px; }
	.st-2 > .wrap > .content > ul > li > .button { left:30px; bottom:40px; padding-bottom:8px; }
	.st-2 > .wrap > .content > ul > li > .button::before { width:112px; }
	.st-2 > .wrap > .content > ul > li > .button > .box { height:13px; }
	.st-2 > .wrap > .content > ul > li > .button > .box > .depth { font-size:13px; line-height:13px; }
	.st-2 > .wrap > .content > ul > li > .button > .box > .depth > img { height:9px; margin-left:7px; }
}

/* SECTION TYPE-3 */
@media only screen and (max-width:1023px) {
	.st-2 { margin-top:90px; }
	.st-2 > .wrap { padding:0 20px; }
	.st-2 > .wrap > .content > ul > li { height:200px; padding:25px 25px; }    
	.st-2 > .wrap > .content > ul > li > .info { left:25px; top:27px; }
	.st-2 > .wrap > .content > ul > li > .info > .en { font-size:18px; line-height:26px; padding-right:80px; }
	.st-2 > .wrap > .content > ul > li > .info > .kr { font-size:13px; line-height:18px; margin-top:10px; padding-right:80px; }
	.st-2 > .wrap > .content > ul > li > .icon { right:20px; top:32px; }
	.st-2 > .wrap > .content > ul > li > .icon > i { font-size:28px; }
	.st-2 > .wrap > .content > ul > li > .button { left:25px; bottom:27px; padding-bottom:7px; }
	.st-2 > .wrap > .content > ul > li > .button::before { width:103px; }
	.st-2 > .wrap > .content > ul > li > .button > .box { height:12px; }
	.st-2 > .wrap > .content > ul > li > .button > .box > .depth { font-size:12px; line-height:12px; }
	.st-2 > .wrap > .content > ul > li > .button > .box > .depth > img { height:8px; margin-left:6px; }
}

/* SECTION TYPE-4 */
@media only screen and (max-width:767px) {
	.st-2 { margin-top:70px; }
	.st-2 > .wrap { padding:0 10px; }
	.st-2 > .wrap > .content > ul > li { width:100%; height:160px; padding:20px 10px; border-right:0; }
	.st-2 > .wrap > .content > ul > li:nth-child(3) { border-right:0; }
    .st-2 > .wrap > .content > ul > li:nth-child(6) { border-right:0; }
	.st-2 > .wrap > .content > ul > li > .info { left:10px; top:22px; }
	.st-2 > .wrap > .content > ul > li > .info > .en { font-size:16px; line-height:24px; padding-right:60px; }
	.st-2 > .wrap > .content > ul > li > .info > .kr { font-size:12px; line-height:17px; margin-top:7px; padding-right:70px; }
	.st-2 > .wrap > .content > ul > li > .icon { right:16px; top:26px; }
	.st-2 > .wrap > .content > ul > li > .icon > i { font-size:24px; }
	.st-2 > .wrap > .content > ul > li > .button { left:10px; bottom:24px; padding-bottom:6px; }
	.st-2 > .wrap > .content > ul > li > .button::before { width:93px; }
	.st-2 > .wrap > .content > ul > li > .button > .box { height:11px; }
	.st-2 > .wrap > .content > ul > li > .button > .box > .depth { font-size:11px; line-height:11px; }
	.st-2 > .wrap > .content > ul > li > .button > .box > .depth > img { height:7px; margin-left:5px; }
}

/* SECTION TYPE-5 */
@media only screen and (max-width:499px) {
    .st-2 > .wrap > .content > ul > li { height:180px; }
}

/* SECTION 3 */
.st-3 { position:relative; width:100%; margin-top:300px; padding:150px 0 100px 0; background:#ffb428; }
.st-3 > .wrap { width:100%; max-width:1920px; margin:0 auto; }
.st-3 > .wrap::after { content:''; display:table; clear:both; }
.st-3 > .wrap > .bg { position:relative; float:left; width:calc(100% - 960px); height:860px; margin-top:-300px; overflow:hidden; }
.st-3 > .wrap > .bg > video { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); height:115%; }
.st-3 > .wrap > .content { float:right; width:960px; padding-left:120px; padding-right:50px; box-sizing:border-box; }
.st-3 > .wrap > .content > .title { font-size:65px; font-weight:800; font-family:'Unbounded',sans-serif; line-height:80px; }
.st-3 > .wrap > .content > .team { margin-top:70px; }
.st-3 > .wrap > .content > .team > ul { width:calc(100% + 40px); margin-left:-20px; }
.st-3 > .wrap > .content > .team > ul::after { content:''; display:table; clear:both; }
.st-3 > .wrap > .content > .team > ul > li { float:left; width:calc(50% - 40px); margin:0 20px 55px 20px; }
.st-3 > .wrap > .content > .team > ul > li:nth-child(n+3) { margin:0 20px; }
.st-3 > .wrap > .content > .team > ul > li > .name { position:relative; font-size:30px; font-weight:800; font-family:'Unbounded',sans-serif; line-height:40px; }
.st-3 > .wrap > .content > .team > ul > li > .name:before { position:absolute; content:''; top:-1px; left:-11px; width:10px; height:10px; border-radius:100%; background:#000; }
.st-3 > .wrap > .content > .team > ul > li > .info { font-size:18px; line-height:26px; margin-top:20px; }

/* SECTION TYPE-1 */
@media only screen and (max-width:1649px) {
    .st-3 { margin-top:280px; padding:140px 0; }
	.st-3 > .wrap > .bg { width:calc(100% - 780px); height:790px; margin-top:-280px; }
	.st-3 > .wrap > .content { width:780px; padding-left:90px; padding-right:40px; }
	.st-3 > .wrap > .content > .title { font-size:60px; line-height:72px; }
    .st-3 > .wrap > .content > .team { margin-top:65px; }
    .st-3 > .wrap > .content > .team > ul { width:calc(100% + 34px); margin-left:-17px; }
    .st-3 > .wrap > .content > .team > ul > li { width:calc(50% - 34px); margin:0 17px 50px 17px; }
    .st-3 > .wrap > .content > .team > ul > li:nth-child(n+3) { margin:0 17px; }
    .st-3 > .wrap > .content > .team > ul > li > .name { font-size:28px; line-height:38px; }
    .st-3 > .wrap > .content > .team > ul > li > .name:before { top:0; left:-10px; width:9px; height:9px; }
    .st-3 > .wrap > .content > .team > ul > li > .info { font-size:17px; line-height:25px; margin-top:15px; }
}

/* SECTION TYPE-2 */
@media only screen and (max-width:1279px) {
    .st-3 { margin-top:240px; padding:120px 0; }
	.st-3 > .wrap > .bg { float:none; width:calc(100% - 140px); height:480px; margin-top:-240px; }
	.st-3 > .wrap > .bg > video { width:120%; height:auto; }
	.st-3 > .wrap > .content { float:left; width:100%; margin-top:60px; padding-left:30px; padding-right:30px; }
	.st-3 > .wrap > .content > .title { font-size:45px; line-height:57px; }
	.st-3 > .wrap > .content > .title > br.pc { display:none; }
    .st-3 > .wrap > .content > .team { margin-top:50px; }
    .st-3 > .wrap > .content > .team > ul { width:calc(100% + 28px); margin-left:-14px; }
    .st-3 > .wrap > .content > .team > ul > li { width:calc(50% - 28px); margin:0 14px 40px 14px; }
    .st-3 > .wrap > .content > .team > ul > li:nth-child(n+3) { margin:0 14px; }
    .st-3 > .wrap > .content > .team > ul > li > .name { font-size:24px; line-height:32px; }
    .st-3 > .wrap > .content > .team > ul > li > .name:before { top:-1px; left:-9px; width:8px; height:8px; }
    .st-3 > .wrap > .content > .team > ul > li > .info { font-size:15px; line-height:22px; margin-top:12px; }
    .st-3 > .wrap > .content > .team > ul > li > .info > br.pc { display:none; }
}

/* SECTION TYPE-3 */
@media only screen and (max-width:1023px) {
    .st-3 { margin-top:200px; padding:100px 0; }
	.st-3 > .wrap > .bg { width:calc(100% - 40px); height:400px; margin-top:-200px; }
	.st-3 > .wrap > .bg > video { width:140%; }
	.st-3 > .wrap > .content { margin-top:50px; padding-left:20px; padding-right:40px; }
	.st-3 > .wrap > .content > .title { font-size:37px; line-height:45px; }
    .st-3 > .wrap > .content > .team { margin-top:37px; }
    .st-3 > .wrap > .content > .team > ul { width:calc(100% + 20px); margin-left:-10px; }
    .st-3 > .wrap > .content > .team > ul > li { width:calc(50% - 20px); margin:0 10px 30px 10px; }
    .st-3 > .wrap > .content > .team > ul > li:nth-child(n+3) { margin:0 10px; }
    .st-3 > .wrap > .content > .team > ul > li > .name { font-size:20px; line-height:27px; }
    .st-3 > .wrap > .content > .team > ul > li > .name:before { top:0; left:-6px; width:6px; height:6px; }
    .st-3 > .wrap > .content > .team > ul > li > .info { font-size:13.5px; line-height:19px; margin-top:10px; }
}

/* SECTION TYPE-4 */
@media only screen and (max-width:767px) {
    .st-3 { margin-top:150px; padding:75px 0; }
	.st-3 > .wrap > .bg { width:calc(100% - 20px); height:300px; margin-top:-150px; }
	.st-3 > .wrap > .content { margin-top:40px; padding-left:10px; padding-right:20px; }
	.st-3 > .wrap > .content > .title { font-size:27px; line-height:34px; }
    .st-3 > .wrap > .content > .title > br.pc { display:block; }
    .st-3 > .wrap > .content > .team { margin-top:30px; }
    .st-3 > .wrap > .content > .team > ul { width:calc(100% + 10px); margin-left:-5px; }
    .st-3 > .wrap > .content > .team > ul > li { width:calc(50% - 10px); margin:0 5px 22px 5px; }
    .st-3 > .wrap > .content > .team > ul > li:nth-child(n+3) { margin:0 5px; }
    .st-3 > .wrap > .content > .team > ul > li > .name { font-size:15.5px; line-height:22px; }
    .st-3 > .wrap > .content > .team > ul > li > .name:before { top:1px; left:-4px; width:4px; height:4px; }
    .st-3 > .wrap > .content > .team > ul > li > .info { font-size:12px; line-height:17px; margin-top:5px; }
}

/* SECTION TYPE-5 */
@media only screen and (max-width:499px) {
	.st-3 > .wrap > .bg > video { width:220%; }
}

/* SECTION 4 */
.st-4 { margin-top:150px; margin-bottom:150px; }
.st-4 > .wrap { position:relative; width:100%; max-width:1920px; margin:0 auto; padding:0 50px; box-sizing:border-box; }
.st-4 > .wrap::after { content:''; display:table; clear:both; }
.st-4 > .wrap > .title { position:sticky; top:120px; float:left; width:700px; font-size:60px; font-weight:800; font-family:'Unbounded',sans-serif; line-height:75px; }
.st-4 > .wrap > .content { float:left; width:calc(100% - 700px); }
.st-4 > .wrap > .content > ul { width:100%; border-top:2px solid #000; }
.st-4 > .wrap > .content > ul::after { content:''; display:table; clear:both; }
.st-4 > .wrap > .content > ul > li { position:relative; width:100%; border-bottom:2px solid #000; padding:45px 0; box-sizing:border-box; }
.st-4 > .wrap > .content > ul > li > .year { position:absolute; top:45px; left:0; font-size:19px; font-weight:600; font-family:'Unbounded',sans-serif; }
.st-4 > .wrap > .content > ul > li > .info { padding-left:120px; padding-right:70px; box-sizing:border-box; }
.st-4 > .wrap > .content > ul > li > .info > .title { font-size:26px; font-weight:700; line-height:36px; margin-top:-4px; }
.st-4 > .wrap > .content > ul > li > .info > .text { font-size:17.5px; line-height:25px; margin-top:5px; }
.st-4 > .wrap > .content > ul > li > .icon { position:absolute; top:45px; right:0; }
.st-4 > .wrap > .content > ul > li > .icon > i { font-size:42px; font-weight:500; }

/* SECTION TYPE-1 */
@media only screen and (max-width:1649px) {
    .st-4 { margin-top:140px; margin-bottom:140px; }
    .st-4 > .wrap { padding:0 40px; }
    .st-4 > .wrap > .title { top:110px; width:600px; font-size:55px; line-height:70px; }
    .st-4 > .wrap > .content { width:calc(100% - 600px); }
    .st-4 > .wrap > .content > ul > li { padding:42px 0; }
    .st-4 > .wrap > .content > ul > li > .year { top:42px; font-size:18px; }
    .st-4 > .wrap > .content > ul > li > .info { padding-left:110px; padding-right:65px; }
    .st-4 > .wrap > .content > ul > li > .info > .title { font-size:24px; line-height:32px; }
    .st-4 > .wrap > .content > ul > li > .info > .text { font-size:16.5px; line-height:24px; }
    .st-4 > .wrap > .content > ul > li > .icon { top:42px; }
    .st-4 > .wrap > .content > ul > li > .icon > i { font-size:40px; }
}

/* SECTION TYPE-2 */
@media only screen and (max-width:1279px) {
    .st-4 { margin-top:120px; margin-bottom:120px; }
    .st-4 > .wrap { padding:0 30px; }
    .st-4 > .wrap > .title { top:90px; width:450px; font-size:45px; line-height:57px; }
    .st-4 > .wrap > .content { width:calc(100% - 450px); }
    .st-4 > .wrap > .content > ul > li { padding:37px 0; }
    .st-4 > .wrap > .content > ul > li > .year { top:37px; font-size:16px; }
    .st-4 > .wrap > .content > ul > li > .info { padding-left:90px; padding-right:55px; }
    .st-4 > .wrap > .content > ul > li > .info > .title { font-size:20.5px; line-height:28px; margin-top:-3px; }
    .st-4 > .wrap > .content > ul > li > .info > .text { font-size:14px; line-height:22px; margin-top:3px; }
    .st-4 > .wrap > .content > ul > li > .icon { top:37px; }
    .st-4 > .wrap > .content > ul > li > .icon > i { font-size:35px; }
}

/* SECTION TYPE-3 */
@media only screen and (max-width:1023px) {
    .st-4 { margin-top:90px; margin-bottom:90px; }
    .st-4 > .wrap { padding:0 20px; }
    .st-4 > .wrap > .title { top:80px; width:340px; font-size:35px; line-height:45px; }
    .st-4 > .wrap > .content { width:calc(100% - 340px); }
    .st-4 > .wrap > .content > ul > li { padding:30px 0; }
    .st-4 > .wrap > .content > ul > li > .year { top:30px; font-size:13.5px; }
    .st-4 > .wrap > .content > ul > li > .info { padding-left:75px; padding-right:40px; }
    .st-4 > .wrap > .content > ul > li > .info > .title { font-size:18px; line-height:22.5px; }
    .st-4 > .wrap > .content > ul > li > .info > .text { font-size:12.5px; line-height:19px; margin-top:2px; }
    .st-4 > .wrap > .content > ul > li > .icon { top:30px; }
    .st-4 > .wrap > .content > ul > li > .icon > i { font-size:28px; }
}

/* SECTION TYPE-4 */
@media only screen and (max-width:767px) {
    .st-4 { margin-top:70px; margin-bottom:70px; }
    .st-4 > .wrap { padding:0 10px; }
    .st-4 > .wrap > .title { position:relative; top:auto; width:100%; font-size:27px; line-height:35px; }
    .st-4 > .wrap > .content { width:100%; margin-top:40px; }
    .st-4 > .wrap > .content > ul > li { padding:22px 0; }
    .st-4 > .wrap > .content > ul > li > .year { top:22px; font-size:11.5px; }
    .st-4 > .wrap > .content > ul > li > .info { padding-left:60px; padding-right:30px; }
    .st-4 > .wrap > .content > ul > li > .info > .title { font-size:14.5px; line-height:19px; margin-top:-1px; }
    .st-4 > .wrap > .content > ul > li > .info > .text { font-size:11.5px; line-height:16px; margin-top:2px; }
    .st-4 > .wrap > .content > ul > li > .icon { top:22px; }
    .st-4 > .wrap > .content > ul > li > .icon > i { font-size:22px; }
}

/* SECTION 5 */
.st-5 { margin-top:150px; }
.st-5 > .wrap { width:100%; max-width:1920px; margin:0 auto; }
.st-5 > .wrap > ul { }
.st-5 > .wrap > ul::after { content:''; display:table; clear:both; }
.st-5 > .wrap > ul > li { position:relative; float:left; width:33.33%; height:274px; border-right:2px solid #000; box-sizing:border-box; }
.st-5 > .wrap > ul > li:last-child { border-right:0; }
.st-5 > .wrap > ul > li > .content { position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:305px; margin-top:-5px; }
.st-5 > .wrap > ul > li > .content > .num { }
.st-5 > .wrap > ul > li > .content > .num::after { content:''; display:table; clear:both; }
.st-5 > .wrap > ul > li > .content > .num > .counter { float:left; font-size:67px; font-weight:800; font-family:'Unbounded',sans-serif; margin-right:10px; }
.st-5 > .wrap > ul > li > .content > .num > .text { float:left; font-size:27px; font-weight:800; font-family:'Unbounded',sans-serif; margin-top:35px; }
.st-5 > .wrap > ul > li > .content > .title { font-size:27px; font-weight:700; margin-top:22px; }
.st-5 > .wrap > ul > li > .content > .info { font-size:18px; line-height:25px; margin-top:17px; }

/* SECTION TYPE-1 */
@media only screen and (max-width:1649px) {
	.st-5 { margin-top:140px; }
	.st-5 > .wrap > ul > li { height:255px; }
	.st-5 > .wrap > ul > li > .content { width:290px; }
	.st-5 > .wrap > ul > li > .content > .num > .counter { font-size:62px; margin-right:9px; }
	.st-5 > .wrap > ul > li > .content > .num > .text { font-size:25px; margin-top:34px; }
	.st-5 > .wrap > ul > li > .content > .title { font-size:25px; margin-top:20px; }
	.st-5 > .wrap > ul > li > .content > .info { font-size:17px; line-height:24px; margin-top:15px; }
}

/* SECTION TYPE-2 */
@media only screen and (max-width:1279px) {
	.st-5 { margin-top:120px; }
	.st-5 > .wrap > ul > li { height:235px; }
	.st-5 > .wrap > ul > li > .content { width:260px; padding-left:10px; box-sizing:border-box; }
	.st-5 > .wrap > ul > li > .content > .num > .counter { font-size:57px; margin-right:7px; }
	.st-5 > .wrap > ul > li > .content > .num > .text { font-size:22px; margin-top:32px; }
	.st-5 > .wrap > ul > li > .content > .title { font-size:22.5px; margin-top:18px; }
	.st-5 > .wrap > ul > li > .content > .info { font-size:15.5px; line-height:22px; margin-top:13px; }
}

/* SECTION TYPE-3 */
@media only screen and (max-width:1023px) {
	.st-5 { margin-top:100px; }
	.st-5 > .wrap > ul > li { height:200px; }
	.st-5 > .wrap > ul > li > .content { width:230px; }
	.st-5 > .wrap > ul > li > .content > .num > .counter { font-size:47px; margin-right:5px; }
	.st-5 > .wrap > ul > li > .content > .num > .text { font-size:19px; margin-top:26px; }
	.st-5 > .wrap > ul > li > .content > .title { font-size:20px; margin-top:16px; }
	.st-5 > .wrap > ul > li > .content > .info { font-size:13.5px; line-height:19px; margin-top:12px; }
	.st-5 > .wrap > ul > li > .content > .info > br.pc { display:none; }
}

/* SECTION TYPE-4 */
@media only screen and (max-width:959px) {
	.st-5 > .wrap > ul > li > .content { width:200px; }
}

/* SECTION TYPE-4 */
@media only screen and (max-width:767px) {
	.st-5 { margin-top:45px; }
	.st-5 > .wrap > ul > li { float:none; width:100%; height:auto; border-right:0; margin-top:55px; }
	.st-5 > .wrap > ul > li > .content { position:relative; top:auto; left:auto; transform:none; width:100%; padding:0 10px; box-sizing:border-box; }
	.st-5 > .wrap > ul > li > .content > .num > .counter { font-size:35px; margin-right:3px; }
	.st-5 > .wrap > ul > li > .content > .num > .text { font-size:14px; margin-top:18px; }
	.st-5 > .wrap > ul > li > .content > .title { font-size:17px; margin-top:14px; }
	.st-5 > .wrap > ul > li > .content > .info { font-size:12px; line-height:17px; margin-top:10px; }
}