/* sub_top */
.sub_visual { position: relative; height: 400px; overflow: hidden; }
.sub_visual .bg { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; transform-origin: center; }
.sub_visual .bg { animation: suv_bg forwards linear 5s; }
@keyframes suv_bg {
    0% { transform: scale(1.1); }
    100% { transform: scale(1); }
}
.sub_visual.sub1 .bg { background: url(/image/sub/subcommon/subtop_bg1.jpg) no-repeat center/cover; }
.sub_visual.sub2 .bg { background: url(/image/sub/subcommon/subtop_bg2.jpg) no-repeat center/cover; }
.sub_visual.sub3 .bg { background: url(/image/sub/subcommon/subtop_bg3.jpg) no-repeat center/cover; }
.sub_visual.sub4 .bg { background: url(/image/sub/subcommon/subtop_bg4.jpg) no-repeat center/cover; }
.sub_visual.sub5 .bg { background: url(/image/sub/subcommon/subtop_bg5.jpg) no-repeat center/cover; }

.sub_visual .frame { z-index: 2; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.4); }
.sub_visual .txtbox { z-index: 3; position: relative; top: 100px; height: calc(100% - 145px); padding: 0 20px; }
.sub_visual .txtbox .texts { position: relative; top: 55%; transform: translateY(-50%); text-align: center; }
.sub_visual .txtbox .text1 { font-weight: 600; font-size: 50px; color: #ededed; }
@media (max-width: 1535px) {
    .sub_visual { height: 350px; }

    .sub_visual .txtbox { top: 90px; height: calc(100% - 135px); }
}
@media (max-width: 1279px) {
    .sub_visual { height: 320px; }

    .sub_visual .txtbox { top: 80px; height: calc(100% - 125px); }
}
@media (max-width: 1023px) {
    .sub_visual { height: 300px; }

    .sub_visual .txtbox { top: 70px; height: calc(100% - 140px); }
    .sub_visual.noSub .txtbox { height: calc(100% - 105px); }
}
@media (max-width: 767px) {
    .sub_visual { height: 270px; }
    .sub_visual.sub1 .bg { background-position-x: 20%; }

    .sub_visual.sub5 .bg { background-position-x: 70%; }
}

.subtop { margin-top: -45px; position: relative; z-index: 10; height: 45px; background-color: #151718; }
.subtop .contwrap { height: 100%; }
.subtop .subtop_flex { display: flex; flex-wrap: nowrap; height: 100%; }
.subtop .subtop_flex .top_cont { position: relative; }
.subtop .subtop_flex .top_cont1 { position: relative; display: block; width: 45px; height: 100%; border-right: 1px solid #5d5853; border-left: 1px solid #5d5853; transition: background-color 0.3s; }
.subtop .subtop_flex .top_cont1:hover { background-color: #333; }
.subtop .subtop_flex .top_cont1 a { position: relative; display: block; height: 100%; color: #fff; }
.subtop .subtop_flex .top_cont1 img { display: inline-block; position: relative; top: 45%; left: 50%; transform: translate(-50%,-50%); }
.subtop .subtop_flex .top_cont2 { width: 300px; height: 100%; border-right: 1px solid #5d5853; }
.subtop .subtop_flex .top_cont3 { width: 400px; height: 100%; border-right: 1px solid #5d5853; }
.subtop.noSub .subtop_flex .top_cont3 { display: none !important; }

.subtop .subtop_flex .top_cont .top_contin { display: flex; flex-wrap: nowrap; align-items: center; justify-content: space-between; padding: 14px; height: 100%; font-size: 15px; color: #fff; transition: background-color 0.3s; }
.subtop .subtop_flex .top_cont .top_contin:hover { background-color: #333; }

.subtop .subtop_flex .donw_arrow { transform-origin: center; }
.subtop .subtop_flex .active .donw_arrow { transform: rotateZ(180deg); }

.subtop .subtop_flex .top_cont .top_subs { z-index: 10; display: none; position: absolute; left: -1px; width: calc(100% + 2px); background-color: rgba(0, 0, 0, 0.8); border: 1px solid #c0c0c0;  }
.subtop .subtop_flex .top_cont .top_subs a { display: block; padding: 10px 14px; text-align: left; font-size: 14px; color: #fff; }
.subtop .subtop_flex .top_cont .top_subs a:hover { background-color: #444; }

@media (max-width: 1023px) {
    .subtop { margin-top: -70px; height: 70px; }
    .subtop .subtop_flex { flex-wrap: wrap; }
    .subtop .subtop_flex .top_cont1 { width: 35px; height: 35px; }
    .subtop .subtop_flex .top_cont2 { width: calc(100% - 35px); height: 35px; }
    .subtop .subtop_flex .top_cont3 { width: 100%; height: 35px; border-left: 1px solid #5d5853; border-top: 1px solid #5d5853; }

    .subtop .subtop_flex .top_cont .top_contin { font-size: 13px; }

    .subtop.noSub { margin-top: -35px; height: 35px; }
    .subtop.noSub .subtop_flex .top_cont3 { display: none; }
}

/* sub_common */
.sub_sect { position: relative; padding: 90px 0; overflow: hidden; }
.sub_sect .sub_tit { padding-bottom: 55px; text-align: center; font-weight: 600; font-size: 40px; color: #000; }

/* sub1_1 */
.sub1_1 { overflow: hidden; }
.sub1_1 .contents1 dl { display: flex; flex-wrap: nowrap; }
.sub1_1 .contents1 dl dt { width: 37%; margin-right: 50px; }
.sub1_1 .contents1 dl dt .sub1wrap { position: relative; }
.sub1_1 .contents1 dl dt .sub1wrap .arrowwrap { position: relative; margin-top: 30px; display: flex; justify-content: center; align-items: center; flex-wrap: nowrap; }
.sub1_1 .contents1 dl dt .sub1wrap .arrowwrap .sub1arrow { display: flex; align-items: center; justify-content: center; width: 30px; aspect-ratio: 1/1; border-radius: 50%; border: 1px solid #aaa; cursor: pointer; transition: background-color 0.3s; }
.sub1_1 .contents1 dl dt .sub1wrap .arrowwrap .sub1arrow:hover { background-color: rgba(0, 0, 0, 0.1); }
.sub1_1 .contents1 dl dt .sub1wrap .arrowwrap .arrow_left { margin-right: 5px; }
.sub1_1 .contents1 dl dt .sub1wrap .arrowwrap .arrow_right { margin-left: 5px; }
.sub1_1 .contents1 dl dt .sub1wrap .arrowwrap .sub1arrow img { display: inline-block; width: 7px; filter: brightness(0); }
.sub1_1 .contents1 dl dt img { display: inline-block; }
.sub1_1 .contents1 dl dd { width: 63%; }
.sub1_1 .contents1 dl dd .textbox1 .text1 { font-weight: 700; font-size: 34px; color: #e83230; line-height: 1.27; }
.sub1_1 .contents1 dl dd .textbox1 .text2 { font-weight: normal; font-size: 18px; color: #797979; line-height: 1.7; }
.sub1_1 .contents1 dl dd .textbox1 .text2 b { font-weight: 700; font-size: inherit !important; color: #000; }
.sub1_1 .contents1 dl dd .textbox2 { margin-top: 80px; text-align: right; /* display: flex; flex-wrap: nowrap; align-items: center; justify-content: right; */ font-size: 22px; color: #000; line-height: 1.4; }
.sub1_1 .contents1 dl dd .textbox2 * { font-size: inherit; color: inherit !important; line-height: inherit !important; }
.sub1_1 .contents1 dl dd .textbox2 p span { color: #e83230 !important; }
.sub1_1 .contents1 dl dd .textbox2 p { display: flex; flex-wrap: nowrap; align-items: center; justify-content: right; font-size: 25px; }
.sub1_1 .contents1 dl dd .textbox2 p b { font-weight: 600; font-size: inherit !important; color: #000 !important; }
.sub1_1 .contents1 dl dd .textbox2 img { display: inline-block; margin-left: 20px; width: 173px; }
@media (max-width: 1535px) {
    .sub1_1 .contents1 dl dt { margin-right: calc(30px + 1.3vw); }
    .sub1_1 .contents1 dl dt img { width: calc(200px + 16vw); }
    .sub1_1 .contents1 dl dd .textbox2 img { width: calc(100px + 4.6vw); }
}
@media (max-width: 1023px) {    
    .sub1_1 .contents1 dl { display: block; text-align: center; }
    .sub1_1 .contents1 dl dt { width: 100%; min-width: initial; margin-right: initial; }
    .sub1_1 .contents1 dl dt img { width: 100%; max-width: 250px; }
    .sub1_1 .contents1 dl dd { margin-top: 20px; width: 100%; }
    .sub1_1 .contents1 dl dd .textbox2 { justify-content: center; }
    .sub1_1 .contents1 dl dd .textbox2 img { width: 100px; margin-left: 10px; }
    .sub1_1 .contents1 dl dt .sub1wrap .arrowwrap { margin-top: 20px; }
    .sub1_1 .contents1 dl dt .sub1wrap .arrowwrap .sub1arrow { width: 25px; }
    .sub1_1 .contents1 dl dt .sub1wrap .arrowwrap .sub1arrow img { width: 6px; }
}
@media (max-width: 580px) {
    .sub1_1 .contents1 dl dd .textbox1 .text1 .br1 { display: none; }
    .sub1_1 .contents1 dl dd .textbox1 .text2 .br1 { display: none; }
    .sub1_1 .contents1 dl dd .textbox2 { display: block; }
    .sub1_1 .contents1 dl dd .textbox2 p { margin-bottom: 10px; }
}

/* sub1_2 */
.sub1_2 .contents1 ul { display: flex; flex-wrap: nowrap; justify-content: space-between; } 
.sub1_2 .contents1 ul li { width: 49%; }
.sub1_2 .contents1 ul li dl { display: flex; flex-wrap: nowrap; }
.sub1_2 .contents1 ul li dl:nth-of-type(n + 2) { margin-top: 30px; }
.sub1_2 .contents1 ul li dl .text1 { font-size: 17px; color: #838383; line-height: 1.47; }
.sub1_2 .contents1 ul li dl .text1 * { font-size: inherit; color: inherit; line-height: inherit; }
.sub1_2 .contents1 ul li dl .text1 b { display: block; font-weight: 500; color: #474747; }
.sub1_2 .contents1 ul li dl .text1 span { display: inline-block; margin-left: 5px; color: #e83230; }
.sub1_2 .contents1 ul li dl dt { min-width: max-content; margin-right: 15px; }
.sub1_2 .contents1 ul li dl dt span { display: block; width: 4px; height: 100%; background-color: #e83230; }
.sub1_2 .contents2 { margin: 60px 0; text-align: center; }
.sub1_2 .contents2 img { display: inline-block; width: 1008px; }
@media (max-width: 1535px) {
    .sub1_2 .contents1 ul li dl:nth-of-type(n + 2) { margin-top: 25px; }
    .sub1_2 .contents1 ul li dl dt { margin-right: 13px; }
    .sub1_2 .contents2 img { width: calc(500px + 30vw); }
}
@media (max-width: 1279px) {
    .sub1_2 .contents1 ul li dl:nth-of-type(n + 2) { margin-top: 20px; }
    .sub1_2 .contents2 img { width: calc(400px + 25vw); }
}
@media (max-width: 767px) {
    .sub1_2 .contents1 ul { display: block; }
    .sub1_2 .contents1 ul li { width: 100%; }
    .sub1_2 .contents1 ul li:last-of-type { margin-top: 20px; }
}
/* sub1_2 pop */
.sub1_2_pop { display: none; z-index: 999999; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; }
.sub1_2_pop.active { display: block; }
.sub1_2_pop .darkframe { z-index: 1; position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0, 0, 0, 0.7); }
.sub1_2_pop .popcont { display: none; z-index: 2; position: relative; top: 50%; left: 50%; transform: translate(-50%,-50%); max-width: 900px; padding: 30px; background-color: #fff; }
.sub1_2_pop .popcont.active { display: block; }
.sub1_2_pop .popcont .top { display: flex; flex-wrap: nowrap; justify-content: space-between;  }
.sub1_2_pop .popcont .top .left .text1 { font-weight: 700; font-size: 25px; color: #000; line-height: 1.5; }
.sub1_2_pop .popcont .top .left .text2 { font-size: 17px; color: #838383; line-height: 1.5; }
.sub1_2_pop .popcont .top .right .popclose { display: inline-block; }
.sub1_2_pop .popcont .top .right .popclose img { display: inline-block; width: 10px; }
.sub1_2_pop .popcont .bottom { margin-top: 30px; }
@media (max-width: 1535px) {
    .sub1_2_pop .popcont { padding: 25px; }
    .sub1_2_pop .popcont .bottom { margin-top: 25px; }
}
@media (max-width: 1279px) {
    .sub1_2_pop .popcont { padding: 20px; }
    .sub1_2_pop .popcont .bottom { margin-top: 20px; }
}
@media (max-width: 1023px) {
    .sub1_2_pop .popcont { padding: 15px; }
    .sub1_2_pop .popcont .bottom { margin-top: 15px; }
}
@media (max-width: 940px) {
    .sub1_2_pop .popcont { max-width: calc(100% - 40px); }
}

/* sub2 table */
.sub2 .tablewrap { position: relative; }
.sub2 .tablewrap table { position: relative; width: 100%; border-collapse: collapse; border-spacing: 0; border-top: 1px solid #cdcdcd; border-left: 1px solid #cdcdcd; font-size: 18px; color: #666; line-height: 1.35; }
.sub2 .tablewrap table * { font-size: inherit; color: inherit; line-height: inherit; }
.sub2 .tablewrap table th, .sub2 .tablewrap table td { padding: 10px; text-align: center; border-bottom: 1px solid #cdcdcd; border-right: 1px solid #cdcdcd; }
.sub2 .tablewrap table th { background-color: #676767; font-weight: 500; color: #fff; }
.sub2 .tablewrap table td.ver_gray { background-color: #fbfbfb; font-weight: 500; color: #000; }
.sub2 .tablewrap table td.align_left { text-align: left; }
@media (max-width:1535px) {
    .sub2 .tablewrap table th, .sub2 .tablewrap table td { padding: 9px; } 
}
@media (max-width:1279px) {
    .sub2 .tablewrap table th, .sub2 .tablewrap table td { padding: 8px; } 
}
@media (max-width:1023px) {
    .sub2 .tablewrap { overflow-x: scroll; /* padding-bottom: 10px; */ }
    .sub2 .tablewrap table { width: 1050px; }
    .sub2 .tablewrap table th, .sub2 .tablewrap table td { padding: 7px; } 
}
@media (max-width:767px) {
    .sub2 .tablewrap table { width: 780px; }
}

/* sub2_1 */
.sub2_1 .contents1 { position: relative; padding: 40px; background-color: #f9f9f9; }
.sub2_1 .contents1 dl { display: flex; flex-wrap: nowrap; align-items: center; }
.sub2_1 .contents1 dl dt { min-width: max-content; margin-right: 40px; }
.sub2_1 .contents1 dl dt img { display: inline-block; width: 600px; }
.sub2_1 .contents1 dl dd { width: 100%; }
.sub2_1 .contents1 dl dd .textbox { font-size: 18px; color: #373737; line-height: 1.7; }
.sub2_1 .contents2 { margin-top: 120px; }
.sub2_1 .contents2 .text1 { padding-bottom: 45px; text-align: center; font-weight: 600; font-size: 34px; color: #e60012; }
.sub2_1 .contents2 ul { margin: -15px; display: flex; flex-wrap: nowrap; }
.sub2_1 .contents2 ul li { width: 20%; padding: 15px; }
.sub2_1 .contents2 ul li a { position: relative; display: flex; align-items: center; justify-content: center; aspect-ratio: 1/1; border: 1px dotted #ed4b58; border-radius: 50%; pointer-events: none; }
.sub2_1 .contents2 ul li a p { text-align: center; font-size: 22px; color: #e60012; line-height: 1.54; }

/* page_eng */
.sub2_1.page_eng .contents2 ul li a { padding: 10px; }
.sub2_1.page_eng .contents2 ul li a p { font-size: 13px; }

/* page_chn */
.sub2_1.page_chn .contents2 ul li a { padding: 10px; }
.sub2_1.page_chn .contents2 ul li a p { font-size: 13px; }

/* page_vnm */
.sub2_1.page_vnm .contents2 ul li a { padding: 10px; }
.sub2_1.page_vnm .contents2 ul li a p { font-size: 13px; }

@media (max-width: 1535px) {
    .sub2_1 .contents1 dl dt { margin-right: calc(24px + 1vw); }
    .sub2_1 .contents1 dl dt img { width: calc(300px + 19vw); }
}
@media (max-width: 1279px) {
    .sub2_1 .contents1 dl dt img { width: calc(250px + 16vw); }
    .sub2_1 .contents2 ul { margin: -12px; }
    .sub2_1 .contents2 ul li { padding: 12px; }
}
@media (max-width: 1023px) {
    .sub2_1 .contents1 dl { display: block; text-align: center; }
    .sub2_1 .contents1 dl dt { min-width: initial; margin-right: initial; }
    .sub2_1 .contents1 dl dt img { width: 100%; max-width: 300px; }
    .sub2_1 .contents1 dl dd { margin-top: 20px; }
    .sub2_1 .contents2 ul { margin: -10px; flex-wrap: wrap; position: relative; left: 50%; transform: translateX(-50%); max-width: 500px; }
    .sub2_1 .contents2 ul li { padding: 10px; width: 33.3333%; }
}
@media (max-width: 524px) {
    .sub2_1 .contents2 ul { margin: initial; justify-content: space-between; max-width: 100%; }
    .sub2_1 .contents2 ul li { padding: initial; width: 48%; }
    .sub2_1 .contents2 ul li:nth-of-type(n + 3) { margin-top: 4%; }
}

/* sub2_2 */
.sub2_2 .contents1 { margin-top: 80px; }
.sub2_2 .contents1 .text1 { padding-bottom: 30px; font-weight: 600; font-size: 25px; color: #e60012; }
.sub2_2 .contents1 ul { display: flex; flex-wrap: wrap; margin: -7px; font-size: 18px; color: #545454; }
.sub2_2 .contents1 ul * { font-size: inherit; color: inherit; }
.sub2_2 .contents1 ul li { width: 20%; padding: 7px; }
.sub2_2 .contents1 ul li a { position: relative; display: block; pointer-events: none; }
.sub2_2 .contents1 ul li a .imgbox { width: 100%; border: 1px solid #e3e3e3; }
.sub2_2 .contents1 ul li a .imgbox img { width: 100%; }
.sub2_2 .contents1 ul li a .txtbox { margin-top: 10px; text-align: center; }
.sub2_2 .contents2 { margin-top: 80px; }
.sub2_2 .contents2 .text1 { padding-bottom: 30px; font-weight: 600; font-size: 22px; color: #000; }
.sub2_2 .contents2 ul { display: flex; flex-wrap: nowrap; justify-content: space-between; }
.sub2_2 .contents2 ul li { width: 48%; }
.sub2_2 .contents2 ul li div { border: 1px solid #e3e3e3; }

/* page_eng */
.sub2_2.page_eng .contents1 ul li a .txtbox { display: none; }

/* page_chn */
.sub2_2.page_chn .contents1 ul li a .txtbox { display: none; }

/* page_vnm */
.sub2_2.page_vnm .contents1 ul li a .txtbox { display: none; }

@media (max-width: 1279px) {
    .sub2_2 .contents1 ul li { width: 20%; }
}
@media (max-width: 767px) {
    .sub2_2 .contents1 ul li { width: 25%; }
}
@media (max-width: 524px) {
    .sub2_2 .contents1 ul li { width: 33.3333%; }
    .sub2_2 .contents2 ul { display: block; }
    .sub2_2 .contents2 ul li { width: 100%; }
    .sub2_2 .contents2 ul li:nth-of-type(n + 2) { margin-top: 20px; }
}
@media (max-width: 424px) {
    .sub2_2 .contents1 ul { margin: initial; justify-content: space-between; }
    .sub2_2 .contents1 ul li { width: 48%; padding: initial; }
    .sub2_2 .contents1 ul li:nth-of-type(n + 3) { margin-top: 4%; }
}

/* sub2_3 */
.sub2_3 .text1 { padding: 20px; text-align: right; font-weight: 500; font-size: 20px; color: #676767; background-color: #f7f7f7; border-bottom: 1px solid #cdcdcd; }
.sub2_3 .text1 span { color: #ff0000; }
@media (max-width: 1535px) {
    .sub2_3 .text1 { padding: 18px; }
}
@media (max-width: 1279px) {
    .sub2_3 .text1 { padding: 16px; }
}
@media (max-width: 1023px) {
    .sub2_3 .text1 { padding: 14px; }
}

/* sub2_4 */
.sub2_4 .sub2_4_tabs { position: relative; padding-bottom: 70px; left: 50%; transform: translateX(-50%); max-width: 690px; display: flex; flex-wrap: nowrap; justify-content: space-between; font-weight: 500; font-size: 20px; color: #ff0000; }
.sub2_4 .sub2_4_tabs * { font-weight: inherit; font-size: inherit; color: inherit; }
.sub2_4 .sub2_4_tabs li { width: 31%; }
.sub2_4 .sub2_4_tabs li a { display: block; padding: 15px 5px; text-align: center; border-radius: 100px; border: 1px solid #ff0000; }
.sub2_4 .sub2_4_tabs li.active a { color: #fff; background-color: #ff0000; }

.sub2_4 .sub2_4_cont { display: none; }
.sub2_4 .sub2_4_cont.active { display: block; }
.sub2_4 .sub2_4_cont .textbox .text1 { margin-bottom: 20px; font-weight: 700; font-size: 24px; color: #e60012; line-height: 1.35; }
.sub2_4 .sub2_4_cont .textbox .text2 { font-size: 18px; color: #474747; line-height: 1.65; }
.sub2_4 .sub2_4_cont .contents1 { margin: 40px 0 70px; }
.sub2_4 .sub2_4_cont .contents1 ul { display: flex; flex-wrap: nowrap; justify-content: space-between; }
.sub2_4 .sub2_4_cont .contents1 ul li { width: 23.9230%; border: 1px solid #d5d5d5; }
.sub2_4 .sub2_4_cont .contents1 ul li img { width: 100%; }
.sub2_4 .sub2_4_cont .contents2 .text3 { margin-bottom: 20px; font-weight: 600; font-size: 24px; color: #000; }

/* page_eng */
.sub2_4.page_eng .sub2_4_tabs { max-width: initial; }

/* page_chn */
.sub2_4.page_chn .sub2_4_tabs { max-width: initial; }

/* page_vnm */
.sub2_4.page_vnm .sub2_4_tabs { max-width: initial; }

@media (max-width: 1535px) {
    .sub2_4 .sub2_4_tabs li a { padding: 13px 5px; }
    .sub2_4 .sub2_4_cont .textbox .text1 { margin-bottom: 18px; }
    .sub2_4 .sub2_4_cont .contents2 .text3 { margin-bottom: 17px; }
}
@media (max-width: 1279px) {
    .sub2_4 .sub2_4_tabs li a { padding: 12px 5px; }
    .sub2_4 .sub2_4_cont .textbox .text1 { margin-bottom: 16px; }
    .sub2_4 .sub2_4_cont .contents2 .text3 { margin-bottom: 15px; }
}
@media (max-width: 1023px) {
    .sub2_4 .sub2_4_tabs li a { padding: 11px 5px; }
    .sub2_4 .sub2_4_cont .textbox .text1 { margin-bottom: 14px; }
    .sub2_4 .sub2_4_cont .contents2 .text3 { margin-bottom: 13px; }
}
@media (max-width: 767px) {
    .sub2_4 .sub2_4_tabs { display: block; }
    .sub2_4 .sub2_4_tabs li { width: 100%; }
    .sub2_4 .sub2_4_tabs li:nth-of-type(n + 2) { margin-top: 10px; }
    .sub2_4 .sub2_4_tabs li a { padding: 9px 5px; }
}
@media (max-width: 460px) {
    .sub2_4 .sub2_4_tabs li a { padding: 8px 5px; }
}

/* sub2_5 */
.sub2_5 .contents1 { padding: 60px; background-color: #f9f9f9; }
.sub2_5 .contents1 .text1 { font-weight: 600; font-size: 28px; color: #000; line-height: 1.2; }
.sub2_5 .contents1 .text2 { margin-top: 30px; font-size: 20px; color: #373737; line-height: 1.7; }
.sub2_5 .contents2 { margin-top: 120px; }
.sub2_5 .contents2 .text1 { padding-bottom: 45px; text-align: center; font-weight: 600; font-size: 34px; color: #e60012; }
.sub2_5 .contents2 ul { margin: -15px; display: flex; flex-wrap: nowrap; }
.sub2_5 .contents2 ul li { width: 33.3333%; padding: 15px; }
.sub2_5 .contents2 ul li a { position: relative; display: flex; align-items: center; justify-content: center; aspect-ratio: 1/0.3658; border: 1px dotted #ed4b58; border-radius: 80px; pointer-events: none; }
.sub2_5 .contents2 ul li a p { text-align: center; }
.sub2_5 .contents2 ul li a .desc1 { font-weight: 600; font-size: 23px; color: #000; line-height: 1.45; }
.sub2_5 .contents2 ul li a .desc2 { font-size: 20px; color: #616161; line-height: 1.7; }

/* page_eng */
.sub2_5.page_eng .contents2 ul li a .desc1 { font-size: 16px; line-height: 1.3; }
.sub2_5.page_eng .contents2 ul li a .desc2 { font-size: 15px; line-height: 1.35; }

/* page_chn */
.sub2_5.page_chn .contents2 ul li a .desc1 { font-size: 16px; line-height: 1.3; }
.sub2_5.page_chn .contents2 ul li a .desc2 { font-size: 15px; line-height: 1.35; }

/* page_vnm */
.sub2_5.page_vnm .contents2 ul li a .desc1 { font-size: 16px; line-height: 1.3; }
.sub2_5.page_vnm .contents2 ul li a .desc2 { font-size: 15px; line-height: 1.35; }


@media (max-width: 1279px) {
    .sub2_5 .contents2 ul { margin: -12px; }
    .sub2_5 .contents2 ul li { padding: 12px; }
}
@media (max-width: 1023px) {
    .sub2_5 .contents2 ul { display: block; margin: initial; max-width: 100%; }
    .sub2_5 .contents2 ul li { padding: initial; width: 100%; }
    .sub2_5 .contents2 ul li:nth-of-type(n + 2) { margin-top: 20px; }
    .sub2_5 .contents2 ul li a { aspect-ratio: initial; padding: 15px 10px; }
}
@media (max-width: 767px) {
    .sub2_5 .contents2 ul li:nth-of-type(n + 2) { margin-top: 15px; }
    .sub2_5 .contents2 ul li a { aspect-ratio: initial; padding: 12px 10px; }
}
@media (max-width: 460px) {
    .sub2_5 .contents2 ul li:nth-of-type(n + 2) { margin-top: 13px; }
    .sub2_5 .contents2 ul li a { aspect-ratio: initial; padding: 10px; }
}

/* sub4_1 */
.sub4_1 .contents1 { position: relative; margin-top: 70px; }
.sub4_1 .contents1.no_top { margin-top: initial; }
.sub4_1 .contents1 .desc1 { margin-bottom: 20px; font-weight: 700; font-size: 26px; color: #e83230; }
.sub4_1 .contents2 { padding: 35px 45px; background-color: #f9f9f9; }
.sub4_1 .contents2 .textbox { font-size: 18px; color: #6e6e6e; line-height: 1.7; }
.sub4_1 .contents2 .textbox * { font-size: inherit; color: inherit; line-height: inherit; }
.sub4_1 .contents2 .textbox .text1 { font-weight: 600; color: #000; }
.sub4_1 .contents2 .textbox .text2 { }
.sub4_1 .contents2 .textbox .text3 { text-align: right; font-size: 20px; color: #000; }
.sub4_1 .contents2 .textbox dl { display: flex; flex-wrap: nowrap; }
.sub4_1 .contents2 .textbox dl dt { min-width: max-content; }
.sub4_1 .contents2 .imgbox { margin-top: 20px; text-align: center; }
.sub4_1 .contents2 .morebtn { padding-top: 30px; margin: -6px; font-weight: 500; font-size: 16px; color: #e4474e; }
.sub4_1 .contents2 .morebtn * { font-weight: inherit; font-size: inherit; color: inherit; }
.sub4_1 .contents2 .morebtn ul { display: flex; flex-wrap: nowrap; }
.sub4_1 .contents2 .morebtn ul li { padding: 6px; width: 20%; }
.sub4_1 .contents2 .morebtn ul li a { display: flex; flex-wrap: nowrap; align-items: center; justify-content: center; padding: 15px 5px; text-align: center; border: 1px solid #e60012; transition: background-color 0.3s, color 0.3s; }
.sub4_1 .contents2 .morebtn ul li a span { display: block; margin-right: 10px; }
.sub4_1 .contents2 .morebtn ul li a img { display: inline-block; width: 37px; }
.sub4_1 .contents2 .morebtn ul li a:hover { background-color: rgba(230, 0, 18, 1); color: #fff; }
@media (max-width: 1535px) {
    .sub4_1 .contents1 .desc1 { margin-bottom: 17px; }
    .sub4_1 .contents2 { padding: 30px 40px; }
    .sub4_1 .contents2 .morebtn ul { flex-wrap: wrap; }
    .sub4_1 .contents2 .morebtn ul li { width: 33.3333%; }
    .sub4_1 .contents2 .morebtn ul li a { padding: 14px 5px; }
}
@media (max-width: 1279px) {
    .sub4_1 .contents1 .desc1 { margin-bottom: 15px; }
    .sub4_1 .contents2 { padding: 25px 35px; }
    .sub4_1 .contents2 .morebtn ul li a { padding: 13px 5px; }
}
@media (max-width: 1023px) {
    .sub4_1 .contents1 .desc1 { margin-bottom: 13px; }
    .sub4_1 .contents2 { padding: 20px 30px; }

    .sub4_1 .contents2 .morebtn ul { max-width: 100%; margin: initial; }
    .sub4_1 .contents2 .morebtn ul li { width: 100%; padding: initial; }
    .sub4_1 .contents2 .morebtn ul li:nth-of-type(n + 3) { margin-top: initial; }
    .sub4_1 .contents2 .morebtn ul li:nth-of-type(n + 2) { margin-top: 15px; }
    .sub4_1 .contents2 .morebtn ul li a { padding: 12px 5px; }
}
@media (max-width: 924px) {
    .sub4_1 .contents2 .morebtn ul li a { padding: 11px 5px; }
}
@media (max-width: 767px) {
    .sub4_1 .contents2 { padding: 15px 20px; }
}