html{scroll-behavior:smooth;}
*{margin:0; padding:0; font-family:'Pontano Sans','Malgun Gothic','Microsoft YaHei','PingFang SC','Hiragino Sans GB','SimHei',Arial,sans-serif; font-size:14px; color:#959595;}
a{text-decoration:none;}
img{border:none;}
.clearing{clear:both;}

.header-wrapper{width:100%; height:auto; background:#002A80; overflow:hidden;}
.header{width:960px; margin:0 auto; margin-top:70px; overflow:hidden;}
.header-content{width:960px; height:100px; background:url(../images/top-strip.gif) no-repeat;}

.logo{width:360px; float:left;}
.logo img{width:330px; height:auto; display:block; padding-left:25px; padding-top:26px;}
.logo h1{font-family:'Playfair Display','Microsoft YaHei',sans-serif; font-size:26px; color:#ffffff; font-weight:normal; padding-left:25px; padding-top:22px; line-height:34px;}
.logo span{display:block; font-size:12px; color:#ffc103; padding-left:25px; letter-spacing:1px;}

.menu{width:540px; float:right; padding-top:30px;}
.menu ul{list-style:none;}
.menu li{float:left; width:100px; height:40px; padding-right:4px;}
.menu li a{font-size:16px; font-weight:normal; color:#ffffff; width:100px; height:40px; line-height:40px; text-align:center; display:block;}
.menu li a:hover{font-size:16px; font-weight:normal; color:#ffc103; width:100px; height:40px; line-height:40px; text-align:center; background:url(../images/menu-h.gif);}
.menu li a.active{color:#ffc103; background:url(../images/menu-h.gif);}


.banner{width:960px; height:371px; background:url(../images/banner-img.png) no-repeat; margin:0 auto;}
.banner-content{width:500px; float:left; padding-top:140px;}
.banner-content h2{font-size:26px; font-weight:normal; color:#ffffff;}
.banner-content h1{font-family:'Playfair Display','Microsoft YaHei',sans-serif; font-size:38px; font-weight:normal; color:#ffc103; padding-bottom:50px;}
.banner-content ul{list-style:none;}
.banner-content li{text-align:left;}
.banner-content li a{display:block; width:151px; height:39px; background:url(../images/btn-banner.gif) no-repeat; font-family:'Playfair Display','Microsoft YaHei',sans-serif; font-size:16px; font-weight:normal; color:#ffffff; text-align:center; line-height:38px; padding-left:10px;}
.banner-content li a:hover{display:block; width:151px; height:39px; background:url(../images/btn-banner-h.gif) no-repeat; font-family:'Playfair Display','Microsoft YaHei',sans-serif; font-size:16px; font-weight:normal; color:#002A80; text-align:center; line-height:38px;}


.panel-wrapper{width:100%; height:350px; background:#EEF3FF; overflow:hidden;}
.panel-content{width:960px; margin:0 auto; margin-top:60px;}
.panel{width:217px; min-height:240px; float:left; display:flex; flex-direction:column; background:url(../images/panel-bg.gif) no-repeat; background-size:100% 100%; overflow:hidden; position:relative; }
.panel-icon{width:34px; height:34px; float:right; position:absolute; right:0px; top:0px;  padding-top:18px; padding-right:16px;}
.panel-bottom{width:217px; height:10px; background:#ffffff url(../images/panel-bottom.gif) bottom no-repeat; background-size:100% 100%; padding-bottom:16px;}
.panel h1{font-family:'Playfair Display','Microsoft YaHei',sans-serif; font-size:17px; font-weight:normal; color:#0059FF; padding-left:16px; padding-right:16px; padding-top:20px; line-height:24px;}
.panel p{line-height:20px; font-size:13px; padding-left:16px; padding-right:16px; padding-top:14px;}
a.more1{width:90px; height:30px; line-height:30px; font-family:'Playfair Display','Microsoft YaHei',sans-serif; font-size:14px; color:#ffffff; display:block;text-align:center; background:url(../images/btn-more-n.gif) no-repeat; margin-left:16px; margin-top:auto; }
a.more1:hover{width:90px; height:30px; line-height:30px; font-family:'Playfair Display','Microsoft YaHei',sans-serif; font-size:14px; color:#ffffff; display:block;text-align:center; background:url(../images/btn-more-h.gif) no-repeat; }
.marRight{margin-right:30px;}


.generic-content-wrapper{width:100%; height:auto; overflow:hidden; padding-top:20px;}
.generic-content{width:960px; margin:0 auto; margin-top:30px;}
.content{width:300px; float:left;}
.content h1{font-family:'Playfair Display','Microsoft YaHei',sans-serif; font-size:22px; font-weight:normal; color:#0059FF;}
.content h2{font-size:16px; font-weight:normal; color:#ffc103; padding-bottom:20px;}
.content p{line-height:20px; padding-bottom:30px;}
a.more{width:90px; height:30px; line-height:30px; font-family:'Playfair Display','Microsoft YaHei',sans-serif; font-size:14px; color:#ffffff; display:block;text-align:center; background:url(../images/btn-more-n.gif) no-repeat;}

a.more:hover{width:90px; height:30px; line-height:30px; font-family:'Playfair Display','Microsoft YaHei',sans-serif; font-size:14px; color:#ffffff; display:block;text-align:center; background:url(../images/btn-more-h.gif) no-repeat;}
.marRight{margin-right:30px;}

.slider-panel{width:630px; float:left; position:relative;}
.slider-content{width:630px; margin:0 auto; position:relative;}
.slider-left-arrow{width:16px; height:22px; position:absolute; left:0; top:50%; margin-top:-11px; background:url(../images/icon-arrow-left.gif) no-repeat left; cursor:pointer;}
.slider-right-arrow{width:16px; height:22px; position:absolute; right:0; top:50%; margin-top:-11px; background:url(../images/icon-arrow-right.gif) no-repeat right; cursor:pointer;}
.slider-image{width:530px; margin:0 auto; text-align:center;}
.slider-image img{width:530px; height:300px; display:block; margin:0 auto;}

.content1{width:630px; float:left; padding-bottom:60px;}
.content1 h1{font-family:'Playfair Display','Microsoft YaHei',sans-serif; font-size:22px; font-weight:normal; color:#0059FF;}
.content1 h2{font-size:16px; font-weight:normal; color:#ffc103; padding-bottom:20px;}
.content1 h3{font-family:'Microsoft YaHei',sans-serif; font-size:16px; font-weight:bold; color:#002A80; padding-bottom:8px;}
.content1 p{line-height:20px; padding-bottom:24px;}

.content2{width:300px; float:left; }
.content2 h1{font-family:'Playfair Display','Microsoft YaHei',sans-serif; font-size:22px; font-weight:normal; color:#0059FF;}
.content2 h2{font-size:16px; font-weight:normal; color:#ffc103; padding-bottom:20px;}
.content2-image{width:300px; height:150px; background:url(../images/testimonilas-bg.gif) no-repeat; margin-bottom:30px;}
.content2 p{line-height:24px; color:#ffffff; padding:24px;}
.content2 p strong{font-size:20px; color:#ffc103;}
.content2 h3{font-family:'Playfair Display','Microsoft YaHei',sans-serif; font-size:14px; font-weight:normal; color:#ffc103;}
.content2 h3 span span{color:#0059FF; color:#ccc8c8;}
a.readmore{ color:#0059FF; font-size:14px; font-weight:normal; float:right; }
a.readmore:hover{ color:#ffc103; font-size:14px; font-weight:normal;}


.footer-wrapper{width:100%; background:#002A80; overflow:auto; height:auto;}
.footer{width:960px; margin:0 auto; margin-top:60px; display:flex;}
.footer-panel{width:300px; float:left; padding-bottom:60px; display:flex; flex-direction:column;}
.footer-panel h1{font-family:'Playfair Display','Microsoft YaHei',sans-serif; font-size:22px; font-weight:normal; color:#ffffff;}
.footer-panel h2{font-size:16px; font-weight:normal; color:#ffffff; padding-bottom:30px;}
.footer-panel p{line-height:20px; color:#0059FF; margin-top:auto;}
.footer-panel ul{list-style:none; margin-top:auto;}
.footer-panel li{float:left;  padding-top:20px;}
.footer-panel a{display:block; width:29px; height:29px; background:url(../images/img-cir-n.gif) no-repeat; padding:5px;}
.footer-panel a:hover{background:url(../images/img-cir-h.gif) no-repeat;}
.footer-panel a.app-icon{background:none; width:110px; height:110px; padding:0; margin-right:15px;}
.footer-panel a.app-icon:hover{background:none;}
.footer-panel a.app-icon img{width:110px; height:110px; display:block; border-radius:12px;}
.footer-panel li.qr-item{display:inline-flex; float:none; flex-direction:column; align-items:center; margin-right:15px; padding-top:20px;}
.footer-panel li.qr-item a.app-icon{margin-right:0;}
.qr-label{display:block; width:110px; font-size:13px; color:#ffffff; text-align:center; padding-bottom:8px;}

.newsletter{width:300px; float:left;}
.newsletter h1{font-family:'Playfair Display','Microsoft YaHei',sans-serif; font-size:22px; font-weight:normal; color:#ffffff;}
.newsletter h2{font-size:16px; font-weight:normal; color:#ffffff; padding-bottom:30px;}
.newsletter ul{list-style:none;}
.newsletter li{border:none; float:left; padding-bottom:20px;}
.newsletter-input{background:url(../images/news-letter-bg-1.gif) no-repeat; width:299px; height:35px; color:#002A80; padding-left:10px; text-align:left; line-height:35px; border:none;}
.newsletter-input1{background:url(../images/news-letter-bg-2.gif) no-repeat; width:217px; height:35px; color:#002A80; padding-left:10px; text-align:left; line-height:35px; border:none; }
a.submit{background:url(../images/btn-submit.gif) no-repeat; width:73px; height:36px; float:right; display:block; font-family:'Playfair Display','Microsoft YaHei',sans-serif; color:#002A80; font-size:14px; text-align:center; line-height:36px;}
a.submit:hover{background:url(../images/btn-submit-h.gif) no-repeat; width:73px; height:36px;  font-family:'Playfair Display','Microsoft YaHei',sans-serif; color:#ffffff; font-size:14px; text-align:center; line-height:36px;}

.footer-strip-wrapper{width:100%; height:auto; background:#C00000; overflow:hidden;}
.footer-strip{width:960px; margin:0 auto; margin-top:50px; margin-bottom:50px; display:flex; align-items:center; justify-content:center; gap:28px; flex-wrap:wrap;}
.footer-strip p{color:#ffffff; text-align:center;}
.charter-btn{display:inline-block; background:#ffffff; color:#C00000; font-size:14px; font-weight:bold; padding:8px 18px; border-radius:18px;}
.charter-btn:hover{background:#ffe9e9;}
a.footerlink{color:#ffffff;}
a.footerlink:hover{color:#002A80;}


/* inner page styles start */
.container{width:100%; overflow:hidden; height:auto;}
.col-wrapper{width:960px; margin:0 auto; overflow:hidden; margin-top:60px;}
.col1{width:300px; float:left;}
.col1 h1{font-family:'Playfair Display','Microsoft YaHei',sans-serif; font-size:22px; font-weight:normal; color:#0059FF; padding-bottom:20px;}
.col1 p{line-height:20px;  padding-bottom:30px;}
.col1 ul{list-style:none;}
.col1 li{border-bottom:1px solid #dedede;  background:url(../images/arrow.gif) no-repeat left; padding-left:20px; width:260px;}
.col1 li.bdrBottom{border-bottom:none;}
.col1 li a{ line-height:40px; height:40px; font-size:14px; text-align:center;}
.col1 li a:hover{line-height:40px; height:40px; font-size:14px; color:#0059FF;}

.col2{width:630px; float:left;}
.col2 h1{font-family:'Playfair Display','Microsoft YaHei',sans-serif; font-size:22px; font-weight:normal; color:#0059FF; padding-bottom:20px;}
.col2 p{line-height:20px; padding-bottom:30px;}


/* about page: organization structure */
.about-wrapper{width:100%; background:#ffffff; overflow:hidden;}
.about-content{width:960px; margin:0 auto; padding-top:50px; padding-bottom:50px;}
.about-heading{text-align:center; margin-bottom:46px;}
.about-heading h1{font-family:'Playfair Display','Microsoft YaHei',sans-serif; font-size:30px; font-weight:normal; color:#0059FF; padding-bottom:10px;}
.about-heading h2{font-size:16px; font-weight:normal; color:#ffc103; padding-bottom:16px; letter-spacing:1px;}
.about-heading p{font-size:14px; line-height:24px; color:#959595;}
.org-flow{width:100%;}
.level{margin-bottom:6px;}
.level-label{display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:12px; margin-bottom:16px;}
.chip{display:inline-block; background:#EEF3FF; border:1px solid #c9dbff; color:#0059FF; font-size:14px; font-weight:bold; padding:5px 16px; border-radius:14px;}
.level-note{font-size:13px; color:#959595;}
.level-cards{display:flex; justify-content:center; flex-wrap:wrap; gap:16px;}
.org-card{box-sizing:border-box; width:250px; background:#ffffff; border:1px solid #d8e4fb; border-top:4px solid #0059FF; border-radius:8px; padding:18px 14px 16px; text-align:center; box-shadow:0 2px 8px rgba(0,89,255,0.07);}
.org-card.wide{width:380px;}
.org-card.narrow{width:170px;}
.org-card .cn{font-size:16px; font-weight:bold; color:#002A80; line-height:24px;}
.org-card .kr{font-size:13px; color:#959595; margin-top:8px; letter-spacing:0.5px; line-height:20px;}
.connector{height:34px; display:flex; justify-content:center; align-items:flex-start;}
.connector span{display:block; width:2px; height:30px; background:#b8cdf5; position:relative;}
.connector span::after{content:""; position:absolute; left:-5px; bottom:-2px; border:6px solid transparent; border-top-color:#b8cdf5; border-bottom:none;}


/* Chinese red accents */
.banner-content li a{background:#FF0000;}
.banner-content li a:hover{background:#CC0000; color:#ffffff;}
a.more, a.more1{background:#FF0000;}
a.more:hover, a.more1:hover{background:#CC0000;}
.content h1, .content1 h1, .content2 h1{border-left:4px solid #FF0000; padding-left:10px;}
.about-heading h2::after{content:""; display:block; width:64px; height:3px; background:#FF0000; margin:10px auto 0;}


/* charter page */
.charter-wrapper{width:100%; background:#ffffff; overflow:hidden;}
.charter-content{width:960px; margin:0 auto; padding-top:50px; padding-bottom:50px;}
.charter-title{text-align:center; margin-bottom:34px;}
.charter-title h1{font-family:'Playfair Display','Microsoft YaHei',sans-serif; font-size:32px; font-weight:normal; color:#0059FF; padding-bottom:10px;}
.charter-title h2{font-size:16px; font-weight:normal; color:#ffc103; letter-spacing:1px;}
.charter-title h2::after{content:""; display:block; width:64px; height:3px; background:#C00000; margin:14px auto 0;}
.chapter h3{font-family:'Microsoft YaHei',sans-serif; font-size:20px; font-weight:bold; color:#002A80; border-left:4px solid #0059FF; padding-left:12px; margin-top:36px; margin-bottom:18px;}
.chapter p{font-size:14px; line-height:26px; color:#555555; text-align:justify; margin-bottom:6px;}
.chapter p.article-title{font-size:15px; font-weight:bold; color:#002A80; margin-top:16px; margin-bottom:2px;}


/* language switch */
.header-content{position:relative;}
#lang-toggle{position:absolute; top:16px; right:14px; z-index:30; display:inline-block; padding:5px 16px; border:1px solid rgba(255,255,255,0.7); border-radius:16px; background:rgba(255,255,255,0.12); color:#ffffff; font-size:13px; line-height:1.4; letter-spacing:1px; cursor:pointer; font-family:inherit;}
#lang-toggle:hover{background:#ffc103; color:#002A80; border-color:#ffc103;}
body[data-lang="ko"] .org-card .cn{display:none;}
body[data-lang="ko"] .org-card .kr{margin-top:0;}