@charset "utf-8";

/*** Sub Common ***/
.sub_wrap {}
.sub_wrap .wrap {max-width:1540px;}
.sub_wrap .sv {width: 100%; height: 610px; position: relative;}
.sub_wrap .sv1 {background: url(../../images/sub/sv01.jpg) no-repeat}
.sub_wrap .sv2 {background: url(../../images/sub/sv02.jpg) no-repeat;}
.sub_wrap .sv3 {background: url(../../images/sub/sv03.jpg) no-repeat;}
.sub_wrap .sv4 {background: url(../../images/sub/sv04.jpg) no-repeat;}
.sub_wrap .sv5 {background: url(../../images/sub/sv05.jpg) no-repeat;}
.sub_wrap .sv6 {background: url(../../images/sub/sv06.jpg) no-repeat;}
.sub_wrap .sv7 {background: url(../../images/sub/sv07.jpg) no-repeat;}

.sub_wrap .sv .wrap {max-width:1500px; height: 100%; position: relative;}
.sub_wrap .sv .lnb_wrap {position: absolute; left: 0; bottom: 0; width: 100%; height: 65px; transition:.3s; z-index: 2;}
.sub_wrap .sv .lnb {transition:.3s; position: absolute; width: 100%; max-width:1500px; height: 100%; left: 50%; transform:translate(-50%,0); bottom: 0; display:flex;}
.sub_wrap .sv .lnb li {flex:1; height:100%; font-size: 16px; font-weight: 500; color:rgba(255,255,255,0.8); background: #003067; transition:.3s; cursor:pointer; display:flex; align-items: center; justify-content:center;}
.sub_wrap .sv .lnb li.current,
.sub_wrap .sv .lnb li:hover {background: #fff; color: #003067;}

.sv_title {display:flex; align-items: center; height: 100%; font-size: 75px; font-weight: 700; color: #012145;}

.sv1 .sv_title,
.sv5 .sv_title,
.sv6 .sv_title  {color: #fff;}

.sub_wrap .sv .lnb_wrap.on .lnb {}
.sub_wrap .sv .lnb_wrap.on { position: fixed;  bottom: auto; top: 90px;  width: 100%; background: #003067; height: 55px;}
.sub_wrap .sv .lnb_wrap.on .lnb li {border-right: 1px solid rgba(255,255,255,0.2);}
.sub_wrap .sv .lnb_wrap.on .lnb li:first-child {border-left: 1px solid rgba(255,255,255,0.2);}

.sub_title {text-align: center; padding:135px 0 100px;}
.sub_title h1 {font-size: 55px; font-weight: 500;color: #333; line-height: 1.27;}
.sub_title span {display: block; font-weight: 400;}
.sub_title b {display: block; font-weight: 700;}
.sub_title h2 {font-size: 22px; font-weight: 400; line-height: 1.55; color: #666; margin-top: 15px;}
.s33_wrap .sub_title {padding: 0;}


.sub_title2 {text-align: center; color: #333; margin-bottom:30px;}
.sub_title2.white {color: #fff;}
.sub_title2 h1 {font-size: 60px; font-weight: 700; line-height: 1.4; }
.sub_title2 h2 {font-size: 22PX; font-weight: 600; line-height: 1.55; margin-top: 20px;}
.sub_title2 strong {font-weight: 400; color: #0096bb;}

/*s1*/
.s1 article {padding:100px 0; text-align: center;} 
.s1 .arti01 {background: url(../../images/sub/s1_1_arti01_bg.jpg) no-repeat; background-size:cover; padding-bottom: 60px;}
.s1 .arti02 {background: url(../../images/sub/s1_1_arti02_bg.jpg) no-repeat; background-size:cover;}
.s1 .arti03 {background: url(../../images/sub/s1_1_arti03_bg.jpg) no-repeat; background-size:cover; padding:150px 0; }

.s1 .arti02 p {margin-top: 35px; font-size: 20px; font-weight: 400; color: #666; line-height: 1.5;}

.iframe_box {height: 100vh;}
.iframe_box iframe {width: 100%; height: 100%;}

/*s2*/

.sub_title_normal span {margin-right: 20px; font-weight: 700;}
.sub_title_normal  b {font-weight: 400;}

.sub_title_weight span {margin-right: 20px; font-weight: 400;}
.sub_title_weight b {font-weight: 700;}

.s2 .ex_arti01 .sub_title {padding:117px 0 35px}
.s2 .ex_arti01 .sub_title h1{color: #fff;}

.s2 .arti01 .bg {background: url(../../images/sub/s2_1_arti01_bg.jpg) no-repeat; background-size:cover; padding:140px 0 80px;}
.s2 .arti01 .text {margin-top: 80px;}
.s2 .arti01 .text p {font-size: 18px; line-height: 1.8;}
.s2 .arti01 .text_bg { background: #f5f5f5; box-sizing:border-box; padding:30px 60px; margin-top: 50px;}
.s2 .arti01 .text_bg h1 {font-size: 16px;}
.s2 .arti01 .text_bg p {font-size: 16px;}

.s2 .ex_arti01 {margin-top: 125px; background: url(../../images/sub/s2_1_arti02_bg.jpg) no-repeat; background-size:cover; padding:0 0 122px;}

.s2 .arti02 {background: url(../../images/sub/s2_1_arti03_bg.jpg) no-repeat; background-size:cover; padding:0 0 90px;}
.s2 .arti02 .sub_title,
.s2 .arti04 .sub_title,
.s3 .arti02 .sub_title,
.s3 .arti03 .sub_title,
.s4 .ex_arti01 .sub_title {padding:130px 0 70px}
.text_shadow {margin-top: 50px; box-sizing:border-box; box-shadow:5px 5px 15px rgba(0,0,0,0.1); text-align: center; padding:55px 20px; font-size: 22px; line-height: 1.6; font-weight: 700; color: #01326a; background: #fff;}

.arti04_owl_wrap {background: url(../../images/sub/s2_1_arti04_bg.jpg) no-repeat; background-size:cover; padding:0 0 90px}
.arti04_owl_wrap > div {max-width:1440px; box-sizing:border-box; padding:0 20px; margin:0 auto;}

.arti04_owl .item {display:flex; justify-content:space-between;}
.arti04_owl .item > div {padding-top: 180px; max-width:640px;}

.arti04_owl .item h1 {font-size: 22px; font-weight: 600; color: #0099bd; margin-bottom: 30px;}
.arti04_owl .item h2 {font-size: 65px; font-weight: 700; color: #333; line-height: 1.07; margin-bottom:30px;}
.s2 .arti04_owl  h2 {font-size: 58px;}

.arti04_owl .item div {font-size: 20px; line-height: 1.7;}
.arti04_owl .item .dot_p {font-weight: 600; color: #000;}

.arti04_owl figure {margin-top: 85px;}
.arti04_owl img {max-widtH:794px;}

.arti04_owl_wrap .arti04_owl .owl-nav {width: 100%; margin: 0; display:flex; position:absolute; left:0; top:47%; transform:translate(0,-50%);} 
.arti04_owl_wrap .arti04_owl .owl-nav [class*=owl-] {position: absolute; display: block; font-size: 0; width: 42px; height: 82px; margin: 0; padding: 0;}
.arti04_owl_wrap .arti04_owl .owl-nav .owl-prev {left: -155px; background: url(../../images/main/marti02_prev.png) no-repeat; background-size:100%;}
.arti04_owl_wrap .arti04_owl .owl-nav .owl-next {right:-155px; background: url(../../images/main/marti02_next.png) no-repeat; background-size:100%; }
.arti04_owl_wrap .arti04_owl .owl-nav .owl-prev:hover {background: url(../../images/main/marti02_prev.png) no-repeat; background-size:100%}
.arti04_owl_wrap .arti04_owl .owl-nav .owl-next:hover {background: url(../../images/main/marti02_next.png) no-repeat; background-size:100%;}

.arti04_owl_wrap .arti04_owl .owl-dots {display:flex; position: absolute;	left:0%; bottom: 120px;}
.s2 .arti04_owl_wrap .arti04_owl .owl-dots {bottom: 120px;}
.s4 .arti04_owl_wrap .arti04_owl .owl-dots {bottom: 100px;}
.arti04_owl_wrap .arti04_owl .owl-dots .owl-dot {display: block;width: 45px;height: 5px;position: relative; margin-right: 10px;}
.arti04_owl_wrap .arti04_owl .owl-dots .owl-dot:last-child {margin-right: 0;}
.arti04_owl_wrap .arti04_owl .owl-dots .owl-dot span {border-radius:0; display: block;position: absolute;top: 0;left: 0;width: 100%;height: 100%;position: relative;background: #e6e4e3;text-indent: -9999px; margin: 0;transition:.3s;}
.arti04_owl_wrap .arti04_owl .owl-dots .owl-dot.active span,
.arti04_owl_wrap .arti04_owl .owl-dots .owl-dot:hover span {background:#0099bd ;}

.s2 .arti04 {background: url(../../images/sub/s2_1_arti05_bg.jpg) no-repeat; background-size:cover; padding:0 0 120px;}
.s2 .arti04 .sub_title_weight span {display: flex; flex-direction: column; margin-right: 20px;}

/*s3*/
.dot p {position: relative; box-sizing:border-box; padding-left: 20px;  font-size: 20px; line-height:1.7;}
.dot p:before {content:'·'; display: block; position: absolute; left: 0; top: -6px; font-size: 25px; font-weight: 600; color: #333;}
.s3 .arti01 {}
.s3 .ex_arti01  {background: url(../../images/sub/s3_1_arti01_1_bg.jpg) no-repeat; background-size:cover; padding:120px 0;}
.s3 .s3_common2  {background: url(../../images/sub/s3_1_arti01_2_bg.jpg) no-repeat; background-size:cover; padding:130px 0 100px;}
.s3  .ex_arti01_3 {background: url(../../images/sub/s3_1_arti01_3_bg.jpg) no-repeat; background-size:cover; padding:120px 0 120px;} 

.s3 .dot p {font-weight: 600;}

.s3_common {}
.s3_common > div > div {justify-content:space-between;}
.s3_common > div > div > div {width: 43.5%;}
.s3_common .big {} 
.s3_common .text {position: relative; margin-top: 100px; box-sizing:border-box; padding-left: 30px;}
.s3_common .text h1 {position: absolute; left: 0%; top: -57px; font-size: 120px; font-weight: 700; color: rgba(0,0,0,0.1); line-height: 1;}
.s3_common .text h2 { font-size: 45px; font-weight: 700; color: #333; line-height: 1.2;}
.s3_common ul {justify-content:space-between; margin-top: 35px; box-sizing:border-box; padding-left: 40px;}
.s3_common ul li {max-width:115px;}
.s3_common figcaption {margin-top: 20px; font-size: 18px; font-weight: 600; color: #333; line-height: 1.4; text-align: center;}


.s3_common2 > div > div > div {order:2;}
.s3_common2 .big {order:1;}
.s3_common2 .text {margin-top: 0;}
.s3_common2 .text h1 {color: rgba(255,255,255,0.05); } 
.s3_common2 .text h2 {color: #fff;}
.s3_common2 .dot p {color: #fff;}
.s3_common2 .dot p:before {color: #fff;}
.s3_common2 figcaption {color: #fff;}
.s3_common2 ul {margin-top: 50px;}
.s3_common2 ul:last-child {margin-top: 20px;}

.ex_arti01_2 .big span {display:block; color:#fff; text-align: center; margin-top: 20px; font-weight: 700;}

.ex_arti01_3 ul {justify-content:space-between;}
.ex_arti01_3 ul > li {flex:1; box-shadow:5px 10px 15px rgbA(0,0,0,0.1);}
.ex_arti01_3 ul > li:nth-child(1) {max-width:345px;} 
.ex_arti01_3 ul > li:nth-child(2) {max-width:540px; }
.ex_arti01_3 ul > li:nth-child(3) {max-width:540px;}

.ex_arti01_3 ul > li:first-child ol { background: rgba(255,255,255,0.5);} 
.ex_arti01_3 ul > li:first-child ol li { color: #012145;}
.ex_arti01_3 ul > li ol {box-sizing:border-box;  background: rgba(255,255,255,0.8); }
.ex_arti01_3 ul > li ol li {box-sizing:border-box; padding:17px; text-align: center; font-size: 18px; color: #333; position: relative; max-height:60px; line-height: 1.4;}
.ex_arti01_3 ul > li ol li:before {content: ''; display: block; position: absolute; left: 50%; transform: translatE(-50%,0%);bottom: 0; width: 83.5%; height: 1px; background: #ddd;} 
.ex_arti01_3 ul > li:nth-child(1) ol li:before {width: 74%;} 
.ex_arti01_3 ul > li ol li:last-child:before {display: none;}
.ex_arti01_3 ul > li ol li.title:before {display: none;}
.ex_arti01_3 ul > li ol li.title {background: #012145; color: #fff; font-weight: 700; font-size: 22px;}

.ex_arti01_3 ul > li:nth-child(1) ol li {font-weight: 700;} 
.ex_arti01_3 ul > li:nth-child(3) ol li.title  {background: #008cb4;}

.s3 .ex_arti01_4 {background: #f4f6f7;}
.s3 .ex_arti01_5  {background: url(../../images/sub/s3_1_arti02_1_bg.jpg) no-repeat; background-size:cover; }
.s3 .arti04_owl .item > div {padding-top: 125px;}
/* .s3 .arti04_owl_wrap .arti04_owl .owl-dots {display: none;} */
.s3 .arti04_owl table {width: 100%; border-top: 1px solid #000; margin-top: 50px; text-align: left; color: #333;}
.s3 .arti04_owl table th {border-bottom: 1px solid #ddd; font-size: 18px; font-weight: 700; background: #fff; line-height: 1.4; padding:5px 20px; padding-right: 10px; width: 160px; height: 60px;}
.s3 .arti04_owl table td {border-bottom: 1px solid #ddd; font-size: 18px; font-weight: 600; background: #f6f6f5; padding:5px 20px; padding-right: 10px; width: 190px; height: 60px;}

.s3 .arti02 {padding-bottom: 120px;}
.s3 .arti02 ul {}
.s3 .arti02 ul li {width: 23.33%; margin-right: 2.2%; text-align: center;color: #333; box-shadow:0px 0px 20px rgbA(0,0,0,0.1); position: relative;}
.s3 .arti02 ul li:last-child {margin-right: 0;}
.s3 .arti02 ul li:before {content: ''; display: block; position: absolute; right: -10%; top: 50%; transform:translatE(0,-50%); width: 40px; height: 40px; background-size:100%;  background: url(../../images/sub/s3_1_arti02_icon.png); border-radius:50%; box-shadow:0px 0px 10px rgbA(0,0,0,0.1); z-index: 1; }
.s3 .arti02 ul li:last-child:before {display: none;}
.s3 .arti02 ul li div {box-sizing:border-box; padding:30px 20px 35px;}
.s3 .arti02 ul li h1{font-weight: 700;  font-size: 18px; margin-bottom: 5px; color: #003067;}
.s3 .arti02 ul li h2 { font-weight: 600;  font-size: 18px; line-height: 1.55;}

.s3 .arti03 {background: #f4f6f7; } 
.s3 .arti03 ul {margin-bottom: 120px; flex-wrap:wrap;}
.s3 .arti03 ul li {display:flex; width: 48.6%; max-height:210px; margin-right:2.5%; background: #fff; box-sizing:border-box; padding:50px 3%; box-shadow:0px 0px 20px rgbA(0,0,0,0.1); }
.s3 .arti03 ul li:nth-child(2n) {margin-right: 0;}
.s3 .arti03 ul li:nth-child(n+3) {margin-top: 40px;}

.s3 .arti03 ul li figure {margin-right: 5.47%; min-width: 110px; width: 110px;}
.s3 .arti03 ul li > div {width: 79%;}
.s3 .arti03 ul li h1 {font-size: ; }
.s3 .arti03 ul li h2 { color: #003067; font-weight: 700;}
.s3 .arti03 ul li p {font-size: 18px; }
.s3 .arti03 ul li p:before {content: ''; width: 4px; height: 4px; background: #003067; top: 13px;}
.s3 .arti03 .ex_arti03 {background: #fff; padding:65px 0 145px; font-size: 18px; letter-spacing: -0.02em;}


/*s4*/
.s4 .arti01 .sub_title h1 {font-weight: 700;}
.s4 .arti01 .sub_title h2 {font-size: 35px; color: #333;}
.s4 .arti01 .bg {padding:75px 0; background: url(../../images/sub/s4_1_arti01_1_bg.jpg) no-repeat; background-size:cover; color: #fff; text-align: center; font-size: 20px;}
.s4 .arti01 .bg p {line-height: ; font-weight: 600; line-height: 1.7;}

.s4 .ex_arti01 {padding-bottom: 120px;}
.s4 .ex_arti01 li {flex:1; position: relative; height: 600px; background:url(../../images/sub/s4_1_arti01_img01.jpg) no-repeat; background-size:cover; color: #fff; overflow: hidden;}
.s4 .ex_arti01 li:nth-child(2) {background:url(../../images/sub/s4_1_arti01_img02.jpg) no-repeat; background-size:cover;}
.s4 .ex_arti01 li:nth-child(3) {background:url(../../images/sub/s4_1_arti01_img03.jpg) no-repeat; background-size:cover;}
.s4 .ex_arti01 li:nth-child(4) {background:url(../../images/sub/s4_1_arti01_img04.jpg) no-repeat; background-size:cover;}
.s4 .ex_arti01 li:before {content: ''; display: block; position: absolute; width: 100%; height: 100%; background: rgba(0,153,189,0.8); transition:.3s; opacity: 0;}
.s4 .ex_arti01 li > div {position: absolute; width: 100%; height: 415px; bottom:-270px; box-sizing:border-box; padding:0 20px; transition:.3s;}
.s4 .ex_arti01 li h1 {position: relative; z-index: 1; text-align: center; font-size: 35px; font-weight: 700; margin-bottom: 20px;} 
.s4 .ex_arti01 li p {font-size: 18px; opacity: 0; transition:.3s;}
.s4 .ex_arti01 li p:before {content: ''; width: 4px; height: 4px; top: 13px; background: #fff;}

.s4 .ex_arti05 {padding:130px 0;  background: url(../../images/sub/s4_1_exarti05_bg.jpg) no-repeat; }
.s4 .ex_arti05 .text {text-align: center; color: #333; margin-bottom:50px;}
.s4 .ex_arti05 .text.mb-0 {margin-bottom:0;}
.s4 .ex_arti05 .text h1 {font-size: 50px; margin-bottom:7px;}
.s4 .ex_arti05 .text p {font-size: 20px; color: #666; line-height: 1.7; margin-top: 20px;}
.s4 .ex_arti05 .text span {display: block;}
.s4 .ex_arti05 ol {margin-bottom: 100px;}
.s4 .ex_arti05 ol li {width: 48%; margin-right: 2.5%;}
.s4 .ex_arti05 ol li:nth-child(2n) {margin-right: 0;}
.s4 .ex_arti05 ul {display:flex;}
.s4 .ex_arti05 ul li {width: 38.6%; margin-right: 2%; order:2}
.s4 .ex_arti05 ul li:nth-child(2) {order:3; margin-right: 0;}
.s4 .ex_arti05 ul li:last-child {width: 18.6%; box-shadow:0px 5px 20px rgba(0,0,0,.1); order:1;}
.s4 .ex_arti05 h2 {background: #003067; font-size: 22px; font-weight: 700; height: 70px; color: #fff; display: flex; justify-content: center; align-items: center; margin-bottom: 20px;}





@media (min-width:800px){
.s4 .ex_arti01 li:hover > div {bottom: 20px;}
.s4 .ex_arti01 li:hover p {opacity: 1;}
.s4 .ex_arti01 li:hover:before {opacity: 1;}


}

@media (max-width:800px){
.s4 .ex_arti01 ul {flex-wrap:wrap;}
.s4 .ex_arti01 li { width: 50%; height: 300px; flex:auto; background-size:100%;}
.s4 .ex_arti01 li:before {opacity: 1;}
.s4 .ex_arti01 li > div {height: 100%; bottom: 0px; padding:30px 20px 0; display:flex;  flex-direction: column;  align-items: center;}
.s4 .ex_arti01 li h1 {font-size: 20px; margin-bottom: 0px;}
.s4 .ex_arti01 li p {opacity: 1; font-size: 16px; line-height: 1.6;}
.s4 .ex_arti01 li p:before {top: 10px;}

}

.s4 .arti02  {background: url(../../images/sub/s4_1_arti02_1_bg.jpg) no-repeat; background-size:cover;}

.s4 .arti03 .bg  {background: url(../../images/sub/s4_1_arti03_1_bg.jpg) no-repeat; background-size:cover; text-align: center; padding:120px 0;}
.s4 .arti03 .sub_title2 {color: #fff; margin-bottom: 60px;}
.s4 .arti03 .sub_title2 h1 {font-size: 55px;}
.s4 .arti03 .sub_title2 h2 {margin-top: 30px;}

.nation {margin:100px 0 80px;}
.nation .text{box-sizing:border-box; border-radius:5px; background: #f5f5f5; padding:40px 20px 55px 70px;}
.nation .text h1 {font-size: 20px; font-weight: 700; color: #01326a; margin-bottom: 15px;}
.nation .text h2 {font-size: 16px; font-weight: 700; color: #333;}
.nation .text h2 span:first-child {width: 85px; margin-right: 20px;}
.nation .text h2 span:last-child {font-weight: 400; color: #666;}
.nation .tb_wrap {margin-top: 50px;}
.nation .tb_wrap table {border-top: 1px solid #01326a; }
.nation .tb_wrap table th {font-size: 20px; font-weight: 700; color: #003067; border: 1px solid #ddd; border-top: 0; border-left: 0; line-height: 1.6; padding:18px 10px;}
.nation .tb_wrap table td {font-size: 16px; font-weight: 600; color: #666; line-height: 1.9; border: 1px solid #ddd; border-top: 0; border-left: 0; padding:18px 10px; min-height: 142px;;}
.nation .tb_wrap table th.br-0,
.nation .tb_wrap table td.br-0 {border-right: 0;}
.nation .tb_wrap table span {display: block;}

.s4 .ex_arti04  {background: url(../../images/sub/s4_1_arti04_1_bg.jpg) no-repeat; background-size:cover; padding:120px 0;}
.s4 .ex_arti04 ul {flex-wrap:wrap;}
.s4 .ex_arti04 ul li {width: 17.33%; margin-right: 3.3%; box-shadow:0px 0px 20px rgbA(0,0,0,0.1); position: relative;}
.s4 .ex_arti04 ul li:nth-child(5n) {margin-right: 0;}
.s4 .ex_arti04 ul li:nth-child(n+6) {margin-top:70px;}

.s4 .ex_arti04 ul li:before {content: ''; width: 100%; height: 100%; position: absolute; left: 0; top: 0; transition:.3s; opacity: 0; background: rgba(0,153,189,0.8);}
.s4 .ex_arti04 ul li div {width: 100%; height: 100%; position: absolute; left:0; top: 0; display: flex;  flex-direction: column;  justify-content: center;  align-items: center;}
.s4 .ex_arti04 ul li h1 {  font-size: 18px; font-weight: 700; color: #fff; text-align: center; opacity: 0;  transition:.3s; }

.s4 .ex_arti04 ul li:hover:before,
.s4 .ex_arti04 ul li:hover h1 {opacity: 1;} 


.s4 .arti04 {background: #f9fafd; }
.s4 .arti04 .sub_title h2,
.s4 .arti05 .sub_title h2 {font-size: 20px;}
.s4 .arti04 .sub_title h2 b,
.s4 .arti05 .sub_title h2 b {font-weight: 400;}
.s4 .arti04 .sub_title h2 span {}
.s4 .arti04 ul li,
.s4 .arti05 ul li {width:48.6%; margin-right: 2.66%;}
.s4 .arti04 ul li:last-child,
.s4 .arti05 ul li:last-child {margin-right: 0;}

.s4 .arti05 {background: #f9fafd; padding-bottom: 130px;}
.s4 .arti04 .sub_title_weight span,
.s4 .arti05 .sub_title_weight span {margin-right: 0;}