.inner {max-width: 1280px;width: 100%; margin: 0 auto;}
.eng {letter-spacing: 0;}

@media screen and (max-width:1280px) {
    .inner {padding: 0 15px;}
}



/* common*/
.sub_top { padding: 210px 0 90px;}

.sub_top h2.title {font-size: 42px;margin-bottom: 70px;font-weight: 800;}
.sub_top h2.title::before {content: '';display: block;width: 38px;height: 4px;background-color: #40c6c4;transform: translateY(-18px);}
.sub_top h3 {font-size: 32px;margin-bottom: 22px;font-weight: 500;font-family: 'pretendard',sans-serif;}
.sub_top p {font-size: 18px;line-height: 1.778;}

.subRow h3.smtit {position: relative;display: inline-block;font-size: 32px;z-index: 10;}
.subRow h3.smtit::before {content: '';display: block;position: absolute;left: 0;bottom: 5px;width: 100%;height: 12px;background-color: rgba(64, 198, 196, 0.2);z-index: -1;}
.subRow .sub_title_wrap {margin-bottom: 60px;}
.subRow .sub_title_wrap > p {font-size: 18px; line-height: 29px;margin-top: 34px;}


@media screen and (max-width:768px) {
    .sub_top h2.title {font-size: 36px; margin-bottom: 40px;}
    .sub_top h3 {font-size: 24px; margin-bottom: 10px;}
    .subRow h3.smtit {font-size: 28px;}
}
@media screen and (max-width:480px) {
    .sub_top {padding: 160px 0 90px;}
    .sub_top h2.title {font-size: 28px; margin-bottom: 32px;}
    .sub_top h3 {font-size: 20px; margin-bottom: 5px;}
    .sub_top p {font-size: 16px;}
    
    .subRow h3.smtit {font-size: 24px;}
    .subRow .sub_title_wrap > p {font-size: 16px; line-height: 26px;margin-top: 20px;}
}

/* ------------ */



 /*--------- button ---------*/
 .more_button.sub_button { position: relative; display: flex; justify-content: center; align-items: center; width: 250px; height: 46px; border: 1px solid #111; margin: 0 auto 120px; transition: 0.3s; }
.more_button.sub_button span { display: inline-block; margin-right: 18px; font-size: 14px; font-weight: 500; transition: 0.3s; }
.more_button.sub_button::before { content: ""; position: absolute; background-color: #111; transition: 0.3s ease-out; top: 0; bottom: 0; left: 0; width: 0%; height: 100%; z-index: -1; }
.more_button.sub_button .active { display: none; transition: 0.3s; }
.more_button.sub_button:hover span { color: #fff; }
.more_button.sub_button:hover::before { width: 100%; }
.more_button.sub_button:hover .static { display: none; transition: 0.3s; }
.more_button.sub_button:hover .active { display: inline-block; }