@charset "utf-8";

@import url('../../css/common/pretendard.css');

/*-------------------------------------------------
title       : 영문콘텐츠
Author      : lhj
Create date : 2024 - 04
-------------------------------------------------*/
#main .main_wrap::after{content:'';clear:both;display:block;}
#main #contents{margin:0 auto;}
#main #contents::after{content:'';clear:both;display:block;}
#main #contents_body{padding:7rem 0;}
#main #contents_body::after{content:'';clear:both;display:block;}
.txt_left{text-align:left !important;}

/* 타이틀 */
.title01{display: block;;position:relative;font-size:3.1rem;line-height:3.1rem;font-weight:600;color:#222;letter-spacing: -0.62px;padding-left:3.9rem;margin:5.3rem 0 2.8rem;}
.title01::before{content:'';position:absolute;width:100%;height:3rem;line-height:3.1rem;left:0;top:0;background:url(../../../images/hpn/eng/content/tit_icon.png) no-repeat;background-size:contain;}
.title01:first-child {margin:0 0 2.8rem;}
.title02{font-size:2.8rem;font-weight:600;color:#243D74;margin:4rem 0 2.8rem}
.title02:first-child{margin:0 0 2.8rem}
.circle_tit{min-width:84rem;position:absolute;left:50%;top:0;transform:translateX(-50%);display:inline-block;border:1rem solid #fff;background: linear-gradient(272deg, #133591 2.14%, #1A7FC8 102.96%);border-radius:71.5rem;padding:3.3rem 2rem;text-align:center;z-index:1;}
/* 불릿 */
.bul1{position: relative;padding-left:1.6rem;}
.bul1::before{content:'';position:absolute;left:0;top:1.2rem;width:4px;height:4px;background:#333;border-radius:50%;}
.bul2 > li{position: relative;padding-left:1.6rem;}
.bul2 > li::before{content:'';position:absolute;left:0;top:1.2rem;width:4px;height:4px;background:#9A9A9A;border-radius:50%;}
.bar1{position: relative;padding-left:1.5rem;}
.bar1::before{content:'';position:absolute;left:0;top:1.3rem;width:.6rem;height:1px;background:#333;}
.bar2 > li{position:relative;padding-left:1.3rem;}
.bar2 > li::before{content:'';position:absolute;left:0;top:1.4rem;width:.6rem;height:1px;background:#6A6A6A;}
/* 테이블 */
.table_eng table{width:100%;margin:0;border-collapse: collapse;border-top:2px solid #000;border-bottom:1px solid #6A6A6A;}
.table_eng table th{background:#F7F7F7;font-size:1.8rem;font-weight:500;color:#000;border:1px solid #ddd;}
.table_eng table th:first-child{border-left:0;}
.table_eng table th:last-child{border-right:0;}
.table_eng table td.dif{background:#F7F7F7;font-size:1.8rem;font-weight:500;color:#000;}
.table_eng table td{font-size: 1.8rem;font-weight:500;color:#6A6A6A;border:1px solid #ddd;text-align:center;}
.table_eng table td:first-child{border-left:0;}
.table_eng table td:last-child{border-right:0;}
.table_eng table td .line{text-decoration:underline;text-underline-position:under;}
/* 테이블 type2*/
.table_eng.type2 table{border-top:0 none;}
.table_eng.type2 table th{background:#565F72;color:#fff;padding:1.5rem;}
.table_eng.type2 table td{background:#fff;color:#6A6A6A;}
.table_eng.type2 .dif_txt td{writing-mode: vertical-rl;}
/* 테이블 안내문구 */
.scroll_info{display:none;text-align:center;margin-bottom:2rem;}
.scroll_info .txt{text-align:center;color:#333;font-size:2rem;font-weight:300;}
/* background */
.intro_wrap{display:flex;justify-content:flex-start;align-items: center;border:1px solid #ddd;border-radius:.5rem;padding:5.9rem 5.1rem;margin-bottom:6rem;}
.intro_wrap > .img{margin-right:5rem;width:11rem;height:11rem;background:#F3F3F3;border-radius:50%;line-height:11rem;padding:0 2.7rem;display:flex;justify-content:center;align-items:center;}
.intro_wrap strong{font-size:2.6rem;font-weight:600;color:#3E3E3E;margin-bottom:1.2rem;}
.intro_wrap > .txt{width:calc(100% - 11rem);;margin-bottom:0;font-size:2rem;font-weight:400;line-height:3.2rem;color:#6A6A6A;}
.intro_wrap .bul1::before{color:#646464;}
.bg_list{margin-bottom:5.3rem;}
.bg_list > ul{border-top:2px solid #000;border-bottom:1px solid #D7D7D7;}
.bg_list > ul > li{display:flex;justify-content:flex-start;align-items:center;padding:4.5rem 0;}
.bg_list > ul > li .img{width:10rem;height:10rem;line-height:10rem;background:#D9D9D9;border-radius:50%;display:inline-flex;justify-content:center;align-items:center;margin-right:4rem;text-align:center;padding:0 2.3rem;}
.bg_list > ul > li span{font-size:2.5rem;font-weight:500;color:#222;font-weight:500;margin-bottom:1.2rem;display:block;}
.bg_list > ul > li p{font-size:1.9rem;font-weight:400;color:#333;}
.bg_list > ul > li + li{border-top:1px dashed #D7D7D7;}
.bg_list > ul > li .desc{width:calc(100% - 14rem);}
.year_list{display:flex;margin:0 -1.3rem 5.3rem -1.3rem;}
.year_list > li{flex:1 1 12.71%;max-width:100%;margin:0 1.3rem;}
.year_list > li span{font-size:2rem;font-weight:600;color:#fff;background:#253E6D;border-radius:.4rem;display:block;text-align:center;margin-bottom:1.2rem;height:6rem;line-height:6rem;}
.year_list > li > div{border:1px solid #ddd;padding:2.2rem 1.8rem;border-radius:.5rem;height:calc(100% - 7.2rem);}
.year_list > li > div strong{font-size:1.8rem;font-weight:600;color:#000;display:block;margin-bottom:1rem;}
.year_list > li > div p{font-size:1.7rem;font-weight:400;color:#333;}

/* HP2030 */
.plan_year{margin:4.4rem 0 7.6rem;}
.plan_year > ul > li{display:flex;justify-content: center;align-items: center;}
.plan_year > ul > li + li{margin-top:2.4rem;}
.plan_year > ul > li .year{padding-right:6.9rem;position: relative;}
.plan_year > ul > li .year::after{content:'';width:100%;position:absolute;right:0;top:50%;transform:translateY(-50%);border:1px dashed #D5D6E8;z-index:-1;}
.plan_year > ul > li .year span{font-size:3rem;font-weight:600;display:flex;justify-content: center;align-items: center;width:18rem;height:18rem;line-height:1.8rem;color:#22449C;background:#E9ECF5;border-radius:50%;text-align:center;}
.plan_year > ul > li > div{width:calc(100% - 24.9rem);position:relative;padding:3.7rem 5rem;border:1px solid #D5D6E8;border-radius:2rem;box-shadow: .3rem .4rem 1.2rem 0 rgba(132,153,209,.2);}
.plan_year > ul > li > div::before{content:'';position:absolute;left:-.7rem;top:50%;transform:translateY(-50%);background:#fff;border:4px solid #22449C;width:.6rem;height:.6rem;border-radius:50%;}
.plan_year > ul > li strong{font-size:2.2rem;font-weight:600;color:#243D74;display:block;}
.plan_year .bar2{margin-top:1.3rem;}
.plan_year .bar2 > li{font-size:1.9rem;line-height:3rem;font-weight:400;color:#6A6A6A;}
.plan_year .bar2 > li + li{margin-top:.4rem;}
.plan_year > ul > li .noti{font-size:1.7rem;line-height:2.7rem;font-weight:400;color:#254EB5;}
.plan_year > ul > li:nth-child(2) .year span{color:#fff;background:#4369CC;}
.plan_year > ul > li:nth-child(3) .year span{color:#fff;background:#22449C;}
.plan_year > ul > li:nth-child(4) .year span{color:#fff;background:#243D74;}
.plan_year > ul > li:last-child .year span{color:#fff;background:#2B354C;}
.plan_year > ul > li:nth-child(2) > div::before{border-color:#5577CF;}
.plan_year > ul > li:nth-child(3) > div::before{border-color:#22449C;}
.plan_year > ul > li:nth-child(4) > div::before{border-color:#243D74;}
.plan_year > ul > li:last-child > div::before{border-color:#2B354C;}
.plan_year > ul > li .noti i{display:inline-block;width:1.7rem;height:1.7rem;line-height:1.7rem;background:#254EB5;border-radius:50%;font-size:1.2rem;color:#fff;text-align:center;vertical-align:text-bottom;}

.vision_box{text-align:center;position:relative;padding-top:7.1rem;margin-top:5.5rem;}
.circle_tit span{text-transform:uppercase;color:#FFB627;font-size:1.7rem;font-weight:700;line-height:1.7rem;}
.circle_tit p{font-size:2.8rem;font-weight:500;color:#fff;line-height:3rem;}
.vision_box > ul{display:flex;background:#F6F7F9;padding:11.2rem 6.6rem 5.7rem;border-radius:2rem;}
.vision_box > ul > li{text-align:left;width:50%;background:#fff;font-size:1.9rem;font-weight:400;color:#535353;border:1px solid #E1E4EB;border-radius:.8rem;padding:3.5rem 4rem;}
.vision_box > ul > li + li{margin-left:2.7rem;}

.goal_box .tit_box{display:flex;justify-content: center;align-items: center;flex-direction:column;margin-top:7.3rem;}
.goal_box .tt{position:relative;padding:0 3.3rem;display:flex;flex-direction:column;justify-content:center;align-items:center;width: 100%;height:12.5rem;}
.goal_box .tt::before{content:'';position:absolute;left:0;top:0;background:url(../../../images/hpn/eng/content/sub02_8.png) no-repeat;width:2.3rem;height:12.5rem;background-size:contain;}
.goal_box .tt::after{content:'';position:absolute;right:0;top:0;background:url(../../../images/hpn/eng/content/sub02_9.png) no-repeat;width:2.3rem;height:12.5rem;background-size:contain;}
.goal_box .tt span{display: block;color:#1972BF;font-size:1.7rem;font-weight:700;}
.goal_box .tt p{font-size:2.8rem;font-weight:700;color:#333;text-align:center;}
.goal_box .desc{position: relative;border:2px solid #1972BF;padding:7rem 7rem 5.4rem;border-radius:4rem;margin-top:4.6rem}
.goal_box .desc::before{content:'';position:absolute;left:50%;top:-.5rem;width:2rem;height:2rem;background:#fff;border-top:2px solid #1972BF;border-left:2px solid #1972BF;transform: rotate(45deg) translateX(-50%);}
.goal_box .desc > ul > li{font-size:1.9rem;font-weight:500;color:#2E2E2E;line-height:3.3rem;}
.goal_box .desc > ul > li > span{font-weight:600;}
.goal_box .desc > ul > li .noti{font-size:1.7rem;font-weight:400;color:#00529E;background: #F6F7F9;padding:1rem 1.5rem;margin:1rem 0 2rem;}
.goal_box .desc > ul > li:last-child .noti{margin:1rem 0 1.6rem;}
.goal_box .bul1{color:#383838;font-weight:400;}
.goal_box .bul1::before{top:15px}
.goal_box .bul1 span{font-size:1.8rem;font-weight:600;color:#2E2E2E;}

.basic_box{position:relative;padding-top:5rem;margin-top:21rem;}
.basic_box::before{content:'';position:absolute;top:-17.9rem;left:50%;transform:translateX(-50%);background:url(../../../images/hpn/eng/content/sub02_1.png) no-repeat;background-size:contain;width:72.9rem;height:29rem;z-index:-1;}
.basic_box .circle_tit{border:8px solid #fff;color:#fff;font-size:2.8rem;font-weight:700;background:#0E4B92;min-width:60rem;padding:2.2rem 2rem;box-shadow: 3px 3px 8px 0px rgba(0, 0, 0, .1);}
.basic_box > .list{padding:12.7rem 9rem 8.4rem;border-radius:3rem;background: #F6F7F9;}
.basic_box > .list > li{display:flex;padding:4rem 0;justify-content: flex-start;align-items: center;}
.basic_box > .list > li + li{border-top:1px dashed #B9BABC;}
.basic_box > .list > li i{padding:0 3rem;width:11rem;height:11rem;line-height:11rem;background:#fff;border-radius:50%;display:inline-flex;justify-content: center;align-items: center;margin-right:4.5rem;}
.basic_box > .list > li .desc{width:calc(100% - 15.5rem);}
.basic_box > .list > li span{font-size:2.1rem;font-weight:600;color:#333;display: block;line-height:3.4rem;margin-bottom:1.3rem;}
.basic_box > .list > li:last-of-type{padding:4rem 0 0;}

.topic_box{position:relative;padding-top:5rem;margin-top:20rem;}
.topic_box .circle_tit{font-size:2.8rem;font-weight:700;min-width:60rem;background:#fff;border:8px solid #ECEFF5;color:#0E4B92;padding:2.2rem 2rem;}
.topic_box::before{content:'';position:absolute;top:-17.9rem;left:50%;transform:translateX(-50%);background:url(../../../images/hpn/eng/content/sub02_1.png) no-repeat;background-size:contain;width:72.9rem;height:29rem;z-index:-1;}
.topic_box .desc{border-radius:2rem;background: #F6F7F9;padding:10.2rem 7rem 4.8rem;display:flex;flex-direction:column;}
.topic_box .desc > li{display: flex;flex-direction: row;justify-content: center;align-items: stretch;}
.topic_box .desc > li > span{vertical-align: middle;min-width:22.4rem;margin-right:1.5rem;color:#fff;font-size:2.4rem;font-weight:500;border-radius:.7rem;background: #243D74;display:inline-block;padding:1rem;text-align:center;}
.topic_box .desc > li > p{vertical-align: middle;width:calc(100% - 24rem);background:#fff;color:#333;font-size:2rem;font-weight:500;padding:1rem 3rem;display:inline-block;}
.topic_box .desc > li + li{margin-top:1rem;}
.topic_box .diagram{display:flex;margin:3.5rem -3.5rem 0 0;flex-wrap: wrap;width:calc(100% + 3.5rem)}
.topic_box .diagram > li{width:calc(33.33% - 3.5rem);margin:3.5rem 3.5rem 0 0;}
.topic_box .diagram > li > span{display:flex;align-items:center;justify-content:center;border-radius:.5rem;background:#378AD6;color:#fff;font-size:2rem;line-height:2.7rem;font-weight:500;padding:1rem;text-align:center;min-height:8rem;}
.topic_box .diagram .list{border:3px solid #eee;border-radius:.5rem;padding:3.5rem;margin-top:1.1rem;height:calc(100% - 9.1rem);}
.topic_box .diagram .list > ul > li{}
.topic_box .diagram .list > ul > li em{display:inline-block;vertical-align:top;font-size:1.9rem;font-weight:400;color:#333;width:2.5rem;}
.topic_box .diagram .list > ul > li > .txt{width:calc(100% - 2.9rem);display:inline-block;vertical-align:top;margin-bottom:0;font-size:1.9rem;font-weight:400;color:#333;line-height:inherit;}
.topic_box .diagram .list > ul > li .dif{font-size:1.7rem;font-weight:400;color:#6A6A6A;padding-left:0;}
.topic_box .diagram .list i{display:inline-block;width:1.5rem;height:1.5rem;line-height:1.5rem;background:#6A6A6A;border-radius:50%;font-size:1rem;color:#fff;text-align:center;vertical-align:middle;}
.topic_box .diagram > li:nth-child(2) span{background:#2B69B2;}
.topic_box .diagram > li:nth-child(3) span{background:#22539C;}
.topic_box .diagram > li:nth-child(4) span{background:#254384;}
.topic_box .diagram > li:nth-child(5) span{background:#254384;}
.topic_box .diagram > li:last-child span{background:#2B354C;}

/* GOALS - Healthy Life Expectancy*/
/* 탭메뉴 */
.eng_tab{display:table;table-layout:fixed;width:100%;margin-bottom:8rem;}
.eng_tab > li{display:table-cell;}
.eng_tab > li > a{position:relative;;display:block;border:1px solid #ddd;color:#333;font-size:2.2rem;line-height:3.3rem;font-weight:500;text-align:center;padding:2rem 0;transition:all .2s;border-collapse:collapse;}
.eng_tab > li.active a::before{content:'';position:absolute;left:0;top:0;border:3px solid #002195;width:100%;height:100%;margin-left:-3px;margin-top:-3px;transition:all .2s;}
.eng_tab > li.active a{color:#002195;font-weight:600;}
.eng_tab > li:hover a::before, .eng_tab > li:focus a::before{content:'';position:absolute;left:0;top:0;border:3px solid #002195;width:100%;height:100%;margin-left:-3px;margin-top:-3px;transition:all .2s;}
.eng_tab > li:hover a, .eng_tab > li:focus a{color:#002195;font-weight:600;}
.goals_wrap{position:relative;text-align:center;padding-top:5rem;margin-bottom:6.7rem;}
.goals_wrap .circle_tit{padding:2.5rem 2rem;min-width:46.2rem;border:7px solid #fff;background: linear-gradient(90deg, #1A7FC8 0%, #133591 100%);font-size:2.5rem;font-weight:600;color:#fff;}
.goals_wrap > .txt{margin-bottom:0;border-radius:7.5rem;background: #F6F7F9;padding:8rem 3rem 4rem;display:flex;font-size:2.7rem;line-height:3.8rem;font-weight:600;color:#143994;justify-content: center;align-items: center;}
.healthy_box .bul1{font-size:1.9rem;font-weight:400;color:#333;}
.healthy_box > ul{display:flex;flex-direction:column;border-top: 2px solid #555;border-bottom:1px solid #CACACA;margin-top:2.8rem;}
.healthy_box > ul > li{padding:4rem;display:flex;}
.healthy_box > ul > li span{font-size:2.6rem;font-weight:600;color:#333;width:25rem;}
.healthy_box > ul > li .desc{width:calc(100% - 25rem);}
.healthy_box > ul > li .desc p{font-size:2rem;font-weight:400;color:#333;}
.healthy_box > ul > li .desc .bar1{font-size:1.9rem;font-weight:400;color:#6A6A6A;}
.healthy_box > ul > li .desc .bar1::before{background:#6A6A6A;}
.healthy_box > ul > li .desc .noti{font-size:1.8rem;font-weight:400;color:#0400D9;}
.healthy_box > ul > li + li{border-top:1px dashed #CACACA;}
.grey_box{background:#F6F7F9;padding:6rem 5rem;border-radius:2rem;margin-top:5rem;}
.grey_box strong{font-size:2.2rem;font-weight:500;color:#000;display:block;margin-bottom:1.8rem;}
.grey_box > ul > li{font-size:1.9rem;font-weight:500;color:#323232;line-height:3rem;}
.grey_box > ul > li + li{margin-top:.7rem;}
.grey_box > ul > li .noti{font-size:1.7rem;font-weight:400;color:#3559B5;line-height:2.7rem;margin-top:.7rem;}
.chart_box{background: #FFF;border: 1px solid #DDD;padding:6.5rem 8rem;justify-content: center;align-items: flex-end;display:flex;flex-direction:column;margin-top:5.9rem}
.chart_box strong{font-size:2.4rem;font-weight:600;color:#333;display:block;text-align:center;margin:0 auto;}
.chart_box .img{text-align:center;}
.chart_box .img img{max-width:100%;}
.chart_box > .list{margin-right:1rem;margin-top:1.9rem;display:flex;background: #F5F5F5;padding:1.5rem 1rem;width:103rem;max-width:100%;justify-content: center;align-items: center;}
.chart_box > .list > li{position:relative;padding-left:2.4rem;display:inline-block;}
.chart_box > .list > li::before{content:'';position:absolute;left:0;top:5px;width:1.4rem;height:1.4rem;background:#FFC30B;}
.chart_box > .list > li:nth-child(2):before{background:#4573C4;}
.chart_box > .list > li:nth-child(3):before{background:#75AF4E;}
.chart_box > .list > li:nth-child(4):before{background:#fff;border:1px dashed #858585;}
.chart_box > .list > li + li{margin-left:3rem;}
.chart_box > .list > li span{font-size:1.7rem;font-weight:500;color:#555;}
.info_wrap{border-radius:.3rem;border:1px solid #D8D8D8;padding:2rem 3rem;margin-top:2rem;}
.info_wrap > li + li{margin-top:1rem;}
.info_wrap i{display:inline-block;font-size:2rem;color:#CD4848;vertical-align:top;line-height:3rem;}
.info_wrap p{display:inline-block;width:calc(100% - 2.8rem);font-size:1.8rem;font-weight:400;color:#6A6A6A;line-height:3rem;padding-left:.8rem;vertical-align:top;}
.healthy_table{margin-top:5.3rem;}
.healthy_table .title02{margin:4rem 0 1.4rem;}

/* GOALS - Health Equity */
.define_box{display:flex;border-top: 2px solid #555;border-bottom:1px solid #CACACA;margin-top:2.8rem;padding:4rem;}
.define_box span{font-size:2.6rem;font-weight:600;color:#333;width:25rem;}
.define_box .desc{width:calc(100% - 25rem);}
.define_box .desc p{font-size:2rem;font-weight:400;color:#333;}
.define_box .bar1 > li{font-size:1.9rem;font-weight:400;color:#6A6A6A;}
.table_box{background: #F6F7F9;padding:5.5rem;margin-top:4rem;}
.table_box strong{font-size:2.4rem;font-weight:600;color:#143994;display:block;text-align:center;margin-bottom:3.4rem;}

/* Leading Health Indicators */
.indicator_list {display:flex;border-radius:60rem;background: linear-gradient(90deg, #F3FCFC 0%, #E9F3FF 100%);padding:3.3rem 7.7rem;justify-content: center;align-items: center;margin-bottom:7.5rem;}
.indicator_list > li{color:#000;display:inline-flex;width:26.5rem;height:26.5rem;border-radius:50%;background:rgba(68, 187, 215, .35);text-align:center;justify-content: center;align-items: center;}
.indicator_list > li em{display:block;font-size:5.5rem;font-weight:600;line-height:5.5rem;}
.indicator_list > li span{display:block;font-size:2.3rem;font-weight:500;line-height:2.3rem;margin-top:2.3rem;}
/* .indicator_list > li + li{margin-left:-4rem;} */
.indicator_list > li:nth-child(2n){margin:0 -4rem;}
.indicator_list > li:nth-child(2){background:rgba(68,187,215,.6);}
.indicator_list > li:nth-child(3){background:rgba(12,134,208,.8);color:#fff;}
.indicator_list > li:nth-child(4){background:rgba(0,85,185,.8);color:#fff;}
.indicator_list > li:nth-child(5){background:rgba(0,40,116,.8);color:#fff;}
.indicator_method{padding:5rem 4rem;border-top:2px solid #555;border-bottom:1px solid #DADADA;}
.indicator_method strong{font-size:2.6rem;font-weight:600;color:#333;display:block;margin-bottom:2rem;}
.indicator_method > .bul2 > li{font-size:1.9rem;font-weight:400;color:#323232;}
.indicator_method > .bul2 > li .noti{font-size:1.7rem;font-weight:400;color:#3559B5;}

/* 반응형 */
@media (max-width: 1340px){
    .topic_box .diagram .list{padding:2.2rem;}
    .topic_box .diagram{margin:2.5rem -2.5rem 0 0;width:calc(100% + 2.5rem);}
    .topic_box .diagram > li{margin:2.5rem 2.5rem 0 0;width:calc(33.33% - 2.5rem);}
    .indicator_list{padding:3.3rem 3rem;}
}
@media (max-width: 1260px){
    .topic_box .diagram > li > span{font-size:1.8rem;}
}
@media (max-width: 1180px){
    .table_box{padding:4rem 3rem;}
}
@media (max-width: 1160px){
    .year_list{margin:0 -1rem 5.3rem -1rem;}
    .year_list > li{margin:0 1rem;}
    .topic_box .diagram > li{width:calc(50% - 2.5rem);}
    .indicator_list > li:nth-child(2n){margin:0 -1rem;}
}
@media (max-width: 1130px){
    .year_list{flex-wrap:wrap;}
    .year_list > li{flex:1 1 20%}
    .year_list > li:nth-child(1){margin-bottom:2rem;}
    .year_list > li:nth-child(2){margin-bottom:2rem;}
    .year_list > li:nth-child(3){margin-bottom:2rem;}
    .year_list > li:nth-child(4){margin-bottom:2rem;}
}
@media (max-width: 1100px){
    .table_eng.type2.scroll{overflow-x: auto;}
    .table_eng.type3.scroll{overflow-x: auto;}
    .table_box .scroll_info{display:block;}
    .scroll_info.type2{display:block;}
}
@media (max-width: 940px){
    .chart_box{padding:4rem 3rem}
    .chart_box > .list{margin-right:0;width:100%;}
    .chart_box > .list > li + li{margin-left:2rem;}
    .indicator_list > li{border-radius:10rem;}
}
@media (max-width: 890px){
    .table_eng.mobile{overflow-x:auto;}
    .scroll_info.mobile{display:block;}
}
@media (max-width: 860px){
    .plan_year > ul > li{flex-direction:column;}
    .plan_year > ul > li > div{width:100%;}
    .plan_year > ul > li > div::before{top:-.7rem;left:50%;transform: translate(-50%, 0%);}
    .plan_year > ul > li .year{padding-bottom:6.9rem;padding-right:0;}
    .plan_year > ul > li .year::after{width:auto;right:inherit;bottom:0;left:50%;transform:translate(-50%,0%);}
}
@media (max-width: 840px){
    .intro_wrap{padding:3rem}
    .vision_box > ul{padding:11.2rem 3rem 3rem;}
    .vision_box > ul > li{padding:3rem;}
    .vision_box .circle_tit{min-width:100%;}
    .vision_box .circle_tit p{font-size:2.4rem;}
    .goal_box .desc{padding:4rem 3rem 2.4rem;}
    .basic_box > .list{padding:7rem 3rem 5rem;}
    .basic_box .circle_tit{min-width:100%;}
    .chart_box > .list > li{width:50%;}
    .chart_box > .list{flex-wrap:wrap;}
    .chart_box > .list > li + li{margin-left:0;margin-top:.5rem;}
}
@media (max-width: 768px){
    .vision_box > ul{flex-direction:column;}
    .vision_box > ul > li{width:100%;}
    .vision_box > ul > li + li{margin-left:0;margin-top:1.2rem;}
    .basic_box > .list > li{flex-direction:column;padding:3rem 0;}
    .basic_box > .list > li .desc{width:100%;margin-top:2rem;}
    .basic_box > .list > li i{margin-right:0;}
    .basic_box > .list > li span{text-align:center;}
    .topic_box .desc{padding:10rem 3rem 4rem;}
    .healthy_box > ul > li .desc{width:calc(100% - 18rem);}
    .healthy_box > ul > li span{width:18rem;}
    .define_box span{width:20rem;}
    .define_box .desc{width:calc(100% - 20rem);}
    .table_box strong{font-size:2.2rem;}
    .indicator_list > li:nth-child(2n){margin:0 -.5rem}
    .table_eng.scroll{overflow-x: auto;}
    .table_eng.scroll table{min-width:70rem;}
}
@media (max-width: 740px){
    .indicator_list{flex-direction:column;border-radius:3rem;}
    .indicator_list > li{width:100%;height:auto;padding:1rem 0;}
    .indicator_list > li:nth-child(2n){margin:0;}
    .indicator_list > li + li{margin-top:1rem !important;}
    .indicator_list > li span{margin-top:1rem;}
}
@media (max-width: 680px){
    .intro_wrap > .img{margin-right:0;}
    .intro_wrap{flex-direction:column;justify-content:flex-start;align-items:flex-start;}
    .intro_wrap > .txt{margin-top:1.5rem;width:100%;}
    .topic_box .diagram > li{width:100%;}
    .topic_box .diagram{width:100%;margin:2.5rem 0}
    .topic_box .diagram > li{margin:2.5rem 0 0;}
    .healthy_box > ul > li{padding:3rem;}
    .healthy_box > ul > li{flex-direction:column;}
    .healthy_box > ul > li .desc{width:100%;margin-top:1.5rem;}
    .healthy_box > ul > li span{width:auto;}
    .define_box{flex-direction:column;padding:3rem;}
    .define_box span{width:auto;}
    .define_box .desc{width:100%;margin-top:1.5rem;}
}
@media (max-width: 640px){
    .bg_list > ul > li{padding:3rem 0;align-items:flex-start;justify-content:flex-start;flex-direction:column;}
    .bg_list > ul > li .img{margin-right:0;}
    .bg_list > ul > li .desc{width:100%;margin-top:1.5rem}
    .plan_year > ul > li > div{padding:3.7rem 3rem;}
    .topic_box .circle_tit{min-width:100%;font-size:2.4rem;}
    .topic_box .desc{padding:8rem 3rem 4rem;}
    .topic_box .desc > li{flex-direction:column;}
    .topic_box .desc > li > p{width:100%;}
    .topic_box .desc > li > span{margin-right:0;}
    .topic_box .desc > li + li{margin-top:2rem;}
    .grey_box{padding:4rem 3rem;}
    .info_wrap{padding:2rem;}
    .table_eng.scroll table{min-width:80rem;}
    .scroll_info{display:block;}
}
@media (max-width: 540px){
    .year_list > li{flex:1 1 100%}
    .year_list > li + li{margin-top:2rem}
    .year_list > li:nth-child(1){margin-bottom:0;}
    .year_list > li:nth-child(2){margin-bottom:0;}
    .year_list > li:nth-child(3){margin-bottom:0;}
    .year_list > li:nth-child(4){margin-bottom:0;}
    .goals_wrap > .txt{padding:8rem 3rem 4rem;font-size:2.5rem;border-radius:4rem;}
    .goals_wrap .circle_tit{min-width:100%;}
}
@media (max-width: 520px){
    .eng_tab > li{display:block;}
}
@media (max-width: 480px){
    .chart_box > .list{flex-direction:column;align-items:flex-start;}
}