@charset "utf-8";

/*** Sub Common ***/
/* Sub Visual Sec */
.sub_wrap{margin-top: 0px !important;}
/* .sub_wrap.sc{padding-top: 60px;} */
.lnb_wrap.sc{position: fixed; left: 0; top: 0;}
.sv_sec {position: relative; display: block; width: 100%; height: 470px; box-sizing: border-box; overflow: hidden; background: url(../../images/sub/sv00.jpg) top center no-repeat; background-size:cover !important;}
.sv01{background:url(../../images/sub/sv01.jpg) top center  no-repeat ; }  
.sv02 {background:url(../../images/sub/sv02.jpg) top center  no-repeat ; }
.sv03 {background:url(../../images/sub/sv03.jpg) top center  no-repeat ; }
.sv04 {background:url(../../images/sub/sv04.jpg) top center  no-repeat ; }
.sv05 {background:url(../../images/sub/sv05.jpg) top center  no-repeat ; } 
.sv06 {background:url(../../images/sub/sv06.jpg) top center  no-repeat ; } 

.sv_sec .tit_box {box-sizing: border-box; display: flex; height: 100%; align-items:center; justify-content:center; color: #fff; padding-top: 20px;} 
.sv_sec .tit_box h3{font-size: 55px; line-height: 1; font-weight: 700; position: relative; padding-top: 30px; text-transform:uppercase;}
.sv_sec .tit_box h3:before {content: ''; display: block; position: absolute; left: 50%; top: 0px; transform:translate(-50%,0); width: 24px; height: 18px;  background: url(../../images/main/main_title2.png) center no-repeat; background-size:100%;}
.sv_sec .tit_box p{font-size: 18px; line-height: 1; letter-spacing: -0.03em; }

/* lnb */
.top_lnb_wrap {position: absolute; left: 50%; bottom: 0px; width: 100%; transform:translate(-50%,0);}
.top_lnb_wrap ul {display:flex;}
.top_lnb_wrap ul li {width: 100%;}
.top_lnb_wrap ul li a {width: 100%; height: 80px; color: #fff; background: #0f328c; transition:.3s; display: flex; align-items: center; justify-content: center; font-size: 20px; line-height: 1.4;}
.top_lnb_wrap ul li.current a,
.top_lnb_wrap ul li:hover a {background: #fff; color: #0f328c; font-weight: 500;}
.top_lnb_wrap ul .dep3 {display: none;} 


/*tab_lnb*/
/* .tab_lnb .dep2 > li:first-child > a  {display: none;}
.tab_lnb21 .dep2 > li:last-child {display: none;}
.tab_lnb221 .dep2 > li:first-child {display: none;} */

.sub_layout{}
.sub_layout > *{padding-top: 90px; box-sizing: border-box;}
.sub_layout section > article {width: 100%; max-width:1400px;  margin:0 auto;} 
.sub_layout section > article.no {max-width:100%;}
.sub_layout section > article:last-child {padding-bottom: 180px;}
.sub_title h2 {font-size:45px; font-weight: 700; color: #111; text-align: center; line-height: 1.4;}
.page_content {margin-bottom: 35px;}
.s214 .page_content {margin-bottom: 0;}
.page_content .page_title {position: relative; font-size: 40px; font-weight: 500; color: #111; line-height: 1.4; text-align: center; padding-top: 10px; }
/* .page_content .page_title:before {content: ''; display: block; position: absolute; left: 50%; top: 0; transform:translate(-50%,0); width:8px; height: 8px; background: #f53024; border-radius:50%;}  */
.page_content p {text-align: center; margin-top: 20px;}
.page_content p b {display: block; font-weight: 500; color: #111;}
.dot_p {position: relative; padding-left: 14px; }
.dot_p:before {content: ''; display: block; position: absolute; left: 0; top: 14px; width:4px; height:4px; background:#111; border-radius:50%;}

.tab_lnb {}
.tab_lnb .dep3,
#bo_cate > ul {display:flex; position: relative; margin:45px 0 90px; border-top: 0;}
.tab_lnb .dep3:before,
#bo_cate > ul:before {content: ''; display: block; position: absolute; left: 0; bottom: 0; width: 100%; height: 2px; background:#0f328c; z-index: 1; transition:.3s;} 
.tab_lnb .dep3:last-child {display: none;}
.tab_lnb .dep3 li,
#bo_cate > ul li {width: 100%; transition:.3s; position: relative; }
.tab_lnb .dep3 li:before,
#bo_cate > ul li:before {content: ''; display: block; position: absolute; right: 0; top: 50%; transform:translate(0,-50%); width: 1px; height:19px; background: #ddd; z-index: 1;} 
.tab_lnb .dep3 li:last-child:before,
#bo_cate > ul li:last-child:before {display: none;}
.tab_lnb .dep3 li a,
#bo_cate > ul li a {position: relative; display: flex; align-items: center; justify-content: center; width: 100%; height: 80px; line-height: 1.4; color: #666;  font-size: 18px; font-weight: 400; transition:.3s; background:#f2f3f7; box-sizing:border-box; border:2px solid #f2f3f7; text-align: center; padding: 0 10px; } 
.tab_lnb .dep3 li.current a,
.tab_lnb .dep3 li:hover a,
#bo_cate > ul li a#bo_cate_on,
#bo_cate > ul li:hover a {background: #fff;  color: #0f328c;  border:2px solid #0f328c; border-bottom: 2px solid #fff; z-index: 2;}

.bo_fx {padding: 0; margin-top: 30px;}
a.btn_b01 {padding:10px; }

/*kdsy*/

/* s111 */
.s111 {padding-top: 0px;  background:url(../../images/sub/s111_back.jpg) bottom no-repeat;}
.s1_text_wrap  {text-align: center;}
.s1_text_wrap h2 {font-size: 18px; font-weight: 700; color: #0f328c;}
.s1_text_wrap h3 {font-size: 40px; font-weight: 500; color: #111; line-height: 1.3; margin:10px 0 50px;}
.s1_text_wrap h3 b {color: #0f328c;}
.s1_text_wrap .text p {margin-bottom: 30px;}
.s1_text_wrap .text p:last-child {margin-bottom: 0;}
.s111 figure {margin-top: 100px;}

/* s112 */
.s112 .arti01 { background:url(../../images/sub/s112_bg.jpg) no-repeat; }
.s112 .arti01 .text {height: 380px; display:flex; flex-direction: column; align-items: center; justify-content: center; color: #fff; box-shadow:10px 10px 15px rgba(0,0,0,0.1);}
.s112 .arti01 .text h2 {font-size: 700; font-size: 42px; margin-bottom: 30px;}
.s112 .arti01 .text p {font-size: 20px; font-weight: 500; color: #fff;}

.his_wrap {margin-top: 80px; overflow: hidden;}
.his_wrap dl {display:flex; margin-bottom: 60px; }
.his_wrap dl:last-child {margin-bottom: 0; padding-bottom: 85px;}
.his_wrap dt {width: 24%; box-sizing:border-box; padding-left: 120px; position: relative;}
.his_wrap dl:last-child dt:after {content: ''; display: block; position: absolute; right: 3px; bottom: -85px; width: 6px; height: 6px; background: #111; border-radius:50%;}
.his_wrap dt:before {content: ''; display: block; position: absolute; right: 5px; top: 10px; width: 1px; height: 300%; background: #ddd;}
.his_wrap dd {width: 76%; box-sizing:border-box; padding-left: 60px;} 
.his_wrap dt h3 {font-size: 40px; font-weight: 500; color: #1b3c92; position: relative;}
.his_wrap dt h3:before {content: ''; display: block; position: absolute; width: 100px; height: 1px; background:#1b3c92; right: 0; top: calc(50% - 1px); }
.his_wrap dt h3:after {content: ''; display: block; position: absolute; right: 0; top: 50%; transform:translate(0,-50%); width: 12px; height: 12px;  background:url(../../images/sub/his_dot.png) no-repeat;}
.his_wrap dd ul li { display:flex;}
.his_wrap dd ul li span {width: 40px; min-width:40px; margin-right: 30px; font-weight: 500; color: #111; font-size: 18px;}
.his_wrap dd ul li b {font-weight: 400;}
.his_wrap dd ul li .cnt {width: 92%;}
.his_wrap dd ul li .cnt p {padding-left: 10px; position: relative;}
.his_wrap dd ul li .cnt p:before {content: '-'; display: block; position: absolute; left: 0; top: 0px;}


/* s113 */
.s113 .arti02 {margin-top:100px;}
.s113 .arti02 ul {display:flex; justify-content: space-between;}
.s113 .arti02 ul img {max-width:680px;}
.s113 .arti02 ul li {display:flex; width: 50%; max-widtH:680px;}
.s113 .arti02 ul li:first-child {flex-direction: column; }
.s113 .arti02 ul li:first-child img {}
.s113 .arti02 ul li:first-child .kor {margin-bottom:40px;}
.s113 .arti02 ul li div {position: relative;}
.s113 .arti02 ul li div a {width: 100px; height: 45px; background: #999; color: #fff; position: absolute; right: 0; bottom: 0; display:flex; align-items: center;  justify-content: center; transition:.3s; }
.s113 .arti02 ul li div a:hover {background: #0f328C;}

/* s114 */
.s114 img{width: auto;}
.root_daum_roughmap .wrap_controllers{display: none;}
.root_daum_roughmap{width: 100% !important;}
.root_daum_roughmap .wrap_map{height: 520px !important; box-sizing: border-box; padding: 0px; }
.map_txt {background: #fff; box-sizing: border-box; padding: 53px  0; height: 200px; overflow: hidden;}
.map_txt > *{float: left; }
.map_txt > h3{font-size: 25px; line-height: 1; color: #303030; font-weight: 500; letter-spacing: 0.02em; width: 177px;}
.map_txt > ul{margin-top: -7px;}
.map_txt > ul > li{font-size: 16px; line-height: 36px; color: #606060;}
.map_txt > ul > li span{position: relative; display: inline-block; padding-right: 26px;}
.map_txt > ul > li span:after{position: absolute; content:''; width: 1px; height: 12px; background: #dbdbdb; right: 10px; top: 13px;}
.map_txt > ul > li span:last-child:after{display: none;}
.map_txt > ol{float: right; margin-top: 5px;}
.map_txt > ol > li{float: left; width: 60px; height: 60px; display: flex; align-items:center; text-align: center; border: 1px solid #ddd; }
.map_txt > ol > li:first-child{border-right: 0;}
.map_txt > ol > li > a{width: 100%;}
.map_txt > ol > li > a img{transition:.3s;}
.map_txt > ol > li:hover > a img{transform:rotate(30deg)}


/*s12*/
.s12 h2 {font-size: 45px; font-weight: 700; color: #111; text-align: center; margin-bottom: 100px;}
.s12 .arti01 {background:url(../../images/sub/s12_bg.jpg) bottom no-repeat; }
.partnership {display:flex; flex-wrap:wrap;}
.partnership li {width: 22.85%; margin-right: 2.85%; margin-bottom: 40px; box-sizing:border-box; border:1px solid #ddd; background: #fff; height: 150px; }
.partnership li a {position: relative; width: 100%; height: 100%; display: flex; align-items:center; justify-content:center;}
.partnership li a:before {content: ''; display: block; position: absolute; left: 0; top: 0; width: 100%; height: 100%;  background:rgba(0,0,0,0.5) url(../../images/sub/partner_ov.png) no-repeat center; opacity: 0; transition:.3s;}
.partnership li img {width: auto;}
.partnership li:nth-child(4n) {margin-right: 0;}

@media (hover: hover) { 
.partnership li:hover a:before {opacity: 1;}
}

/* s211 */

.sub_layout section.s2131 > article:last-child {padding-bottom: 0;}


.s211 .arti01,
.s214 .arti01 {padding-bottom: 25px; margin-top: 0 !important;}


.text_table {}
.text_table li {display:flex;}
.text_table li .title {width: 32.14%; border-top: 1px solid #111; padding-top: 40px; padding-left: 25px; box-sizing:border-box;}
.text_table li .text {width: 67.86%; padding:35px 40px 75px;  border-top: 1px solid #ddd; box-sizing:border-box;}
.text_table li .text:last-child {}
.text_table li h4,
.s2table_wrap h2 {font-size: 28px; font-weight: 500; color: #111; line-height: 1.44;}

.s2table_wrap {padding:100px 0;}
.s2table_wrap h2 {margin-bottom: 2rem;}
.s2table_wrap th {font-size: 18px; font-weight:500; color: #fff; text-align: center; background:#0f328c; padding:15px 0; border-right: 1px solid #ddd;}
.s2table_wrap td {font-size: 18px; font-weight: 400; padding:15px 0; border-right: 1px solid #ddd; text-align: left; padding-left: 40px; border-bottom: 1px solid #ddd;}
.s2table_wrap td.tc {text-align: center; padding-left: 0;}
.s2table_wrap img {}
.s2table_wrap .bln {border-left: 0;}
.s2table_wrap .brn {border-right: 0;}
.s2table_wrap .dot_box p {position: relative; padding-left:14px; }
.s2table_wrap .dot_box p:before {content: '' ;display: block; position: absolute; left: 0; top: 11px; width:4px; height:4px; border-radius:50%; background: #000;}

.s211 .arti03 {background: #f2f3f7; }
.s211 .arti03 .icon_box {padding-bottom: 0;}

.icon_box {display:flex; flex-wrap: wrap; padding:100px 0;}
.icon_box li {display:flex; width: 50%; padding:35px 0; box-sizing:border-box; position: relative; padding-right: 80px;}
.icon_box li:nth-child(2n) {box-sizing:border-box; padding-left:60px; padding-right: 0;}
.icon_box li:before {content: ''; display: block; position: absolute; width: 100%; height: 2px; background:url(../../images/sub/iconbox_line.jpg); left: 0; bottom: 0; }
.icon_box li:after {content: ''; display: block; position: absolute; right:0; top: 0; width: 2px; height: 100%;background:url(../../images/sub/iconbox_line2.jpg); }
.icon_box li:nth-child(2n):after {display: none;}
.icon_box li:nth-child(n+3):before {display: none;} 
.icon_box li:nth-child(n+3) {padding-bottom: 0;}

.icon_box li figure {min-width:132px; max-height:132px; border-radius:50%; box-shadow:5px 5px 5px rgba(0,0,0,0.1);}
.icon_box li .text {width: 100%; box-sizing:border-box; padding-left: 35px;}
.icon_box li .text h3 {font-size: 28px; font-weight:500; color: #111; margin-bottom: 20px;}
.icon_box li .text h4 {font-size: 18px; font-weight:500; color: #111;}
.icon_box li .text b {color: #111;	font-weight: 500;}
.icon_box li .text .label:last-child {margin-top: 20px;}
.icon_box img {max-width:132px;}

.s223 .icon_box .text {padding-top: 30px;}

.content_img_box {margin-top: 100px !important;}
.content_img_box figure {max-width:1401px;}


/* s212 */
.s212 .arti01 h3 {font-size: 24px; font-weight: 500; color: #fff; display:flex;  align-items: center; justify-content: center; width: 100%; height: 65px; background:#454545;}
.s212 .arti03 {background: #f2f3f7;}
.s212 .icon_box {padding:100px 0 0;}
.s212 .icon_box li .text {display:flex; align-items: center;}
.s212 .icon_box li:nth-child(n+3):before {display: block;}
.s212 .icon_box li:nth-child(n+5):before {display: none;} 
.s212 .icon_box li:nth-child(n+3) {padding-bottom:35px;}
.s212 .icon_box li:nth-child(n+5) {padding-bottom: 0;}

/* s213 */
.sstab_box {margin-bottom: 70px !important;}
.sstab_box ul {display:flex; justify-content: center; } 
.sstab_box ul li {border-bottom: 1px solid #ddd; position: relative; }
.sstab_box ul li:before {content: ''; display: block; position: absolute; right: 0; top: 50%; transform:translate(0,-50%); width: 1px; height:19px; background: #ddd; z-index: 1;}
.sstab_box ul li:after {content: ''; display: block; position: absolute; left: 50%; bottom: 0; width: 0%; height: 2px; bottom: -1px; background: #f53024; transition:.3s; transform:translate(-50%,0); }
.sstab_box ul li:last-child:before {display: none;}
.sstab_box ul li a {width: 188px; height: 65px; display:flex;  align-items: center; justify-content: center; font-weight: 400; font-size: 18px;  transition:.3s;}
.sstab_box ul li.current a,
.sstab_box ul li:hover a {color: #f53024; font-weight: 500;}
.sstab_box ul li.current:after,
.sstab_box ul li:hover:after {width: 100%;}

.s213 .arti02 {background: #f2f3f7;}
.text_table li .text h5 {font-size: 18px; font-weight: 500; color: #111;}
.s213 .icon_box li:before {display: none;}

.icon_box .no_flex {position: relative; }
.icon_box .no_flex h1 {position: absolute; top: -50px; font-size: 28px; font-weight: 500; color: #0f328c;}
.s213 .icon_box li:nth-child(n+3) {margin-top: 50px;}

/* s2132 */

.s2132 .arti02 {background: none;}

.s2_tb_wrap {}
.s2_tb_wrap .bln {border-left: none;}
.s2_tb_wrap .brn {border-right: none;}
.s2_tb_wrap table {}
.s2_tb_wrap table th {border:1px solid #ddd; font-size: 18px; font-weight: 400; color: #fff; background:#262626; padding:15px;}
.s2_tb_wrap table td {border:1px solid #ddd; font-size: 18px; font-weight: 400; color: #666; padding:15px;}
.s2_tb_wrap table .img td {background: #f9f9f9;}
.s2_tb_wrap table b {font-weight: 500; color: #111;}
.s2_tb_wrap table .red {font-weight: 500; color: #f53024;}

/*s214*/
.s214 .arti02 {padding:75px 0 0px;}

/*s221*/
.s221 .content_img_box {margin-top: 0 !important;}
.s221 .arti03 {margin-top: 100px;}
.s221 .arti03 .s2table_wrap{padding: 0;}

/*s222*/
.s2table_wrap .t_box_td {padding:20px;}
.t_box_wrap {}
.t_box {box-sizing:border-box; border:2px solid #0f328c; display:flex; justify-content: center; align-items: center; flex-direction: column; margin-bottom: 10px; height: 215px;}
.t_box:nth-child(2) {height: 147px;}
.t_box:nth-child(3) {height: 225px;}
.t_box:nth-child(4) {height: 210px;}
.t_box:nth-child(5) {height: 135px;}
.t_box:nth-child(6) {height: 220px;}
.t_box:nth-child(7) {height: 208px;}
.t_box:nth-child(8) {height: 145px;}
.t_box:nth-child(9) {height: 140px;}
.t_box:nth-child(10) {height: 110px; margin-bottom: 0;}

.t_box h3 {font-size: 18px; font-weight: 500; color: #0f328c;}

/* s223 */
.new_text_table {display:flex;  justify-content: space-between; margin-bottom: 120px;}
.new_text_table li {width:31.42%;}
.new_text_table .title h4 {width: 100%; height: 65px; font-size: 20px; font-weight: 500; text-align: center; color: #fff; background: #0f328c; display:flex; justify-content: center; align-items: center;}
.new_text_table .text {box-sizing:border-box; border:1px solid #ddd; border-top: 0; padding:30px 40px; padding-right: 20px; min-height:445px;  }

.s223 .arti02 {margin-bottom: 100px;}
.s223 .arti03 { margin-bottom: 100px;}
.s223 .arti04 {margin-top: 75px; margin-bottom: 100px;}
.s223 .arti04 .box {box-sizing:border-box; border:1px solid #ddd; padding:60px; position: relative;}
.s223 .arti04 .box h2 {font-size: 20px; font-weight: 500; color: #fff; border-radius:25px; background:#0f328c; width: 280px; height: 50px; line-height: 1.4; display:flex; justify-content: center; align-items: center; position: absolute; left: 50%; top: -25px; transform:translate(-50%,0);}
.s223 .arti04 .box ul {display:flex; justify-content: space-between;}
.s223 .arti04 .box ul li {width: 18%;  height: 80px; box-sizing:border-box; border:2px solid #0f328c; font-size: 18px; font-weight: 400; color: #111; display:flex; justify-content: center; align-items: center; }
.s223 .arti04 .box p {text-align: center; margin:45px 0;}
.s223 .arti04 .box p b {color: #111; font-weight: 500;}
.s223 .arti04 .box dl {display:flex; justify-content: space-between;}
.s223 .arti04 .box dt { display:flex;  box-sizing:border-box; padding-top:40px;  width: 30%; height: 210px; background: #f2f3f7; font-size: 18px; text-align: center;     flex-direction: column;}
.s223 .arti04 .box dt b {color: #333; font-weight: 500; margin-bottom:10px;}
/*.s223 .arti05 ul {display:flex;}
.s223 .arti05 ul li {text-align: center; box-sizing:border-box; border:1px solid #ddd; border-right: 0; width: 33.33%; height: 290px; position: relative; display: flex;  align-items: center;  justify-content: center;    flex-direction: column;}
.s223 .arti05 ul li:last-child {border-right: 1px solid #ddd;}
 .s223 .arti05 ul li:before {content: ''; display: block; position: absolute; right: -7px; top:calc(50% - 7px); transform: rotate(45deg); width: 14px; height: 14px; background: #0f328c; z-index: 1;}
.s223 .arti05 ul li:last-child:before {display: none;} */
.s223 .arti05 ul li h3 {font-size: 26px; font-weight: 500; color: #111; line-height: 1.33; margin-bottom: 20px;}
.s223 .arti05 ul li p {}

/* s223_new */
.s223_new {word-break: keep-all;}
.s223_new article:not(:last-child) {margin-bottom: 140px;}
.s223_new article .wrap {display: flex; justify-content: space-between;}
.s223_new article .wrap.reverse {flex-direction: row-reverse;}
.s223_new article .text-wrap {width: 1%; flex: 1 1 auto;}
.s223_new article .text-wrap b {display: block; font-size: 20px; line-height: 1.5em; font-weight: 700; color: #03748a; margin-bottom: 15px;}
.s223_new article .text-wrap h3 {font-size: 35px; font-weight: 500; line-height: 1.42em; color: #111; margin-bottom: 35px;}
.s223_new article .text-wrap.white h3 {color: #fff;}
.s223_new article .text-wrap p {font-size: 18px; line-height: 1.6em; color: #666;} 
.s223_new article .text-wrap.white p {color: #fff;}
.s223_new article .text-wrap p span.yellow {display: inline-block; color: #ffd507; margin-bottom: 5px;}
.s223_new article .text-wrap p span.blue {font-weight: 700; color: #03748a;}
.s223_new article .text-wrap p:not(:last-child) {margin-bottom: 33px;}

.s223_new .arti01 .text-wrap {padding-right: 45px;}
.s223_new .arti01 .img-wrap {max-width: 746px; width: 100%; padding-top: 45px;}
.s223_new .arti02 {max-width: none; padding: 88px 0 100px; border-radius: 50px 0 0 0; overflow: hidden; background-image: url('../../images/sub/s223_new_arti02-bg.jpg'); background-repeat: no-repeat; background-position: left center; background-size: cover;}
.s223_new .arti02 .text-wrap {padding-left: 129px;}
.s223_new .arti02 .img-wrap {padding: 45px 120px 0 113px;}
.s223_new article.arti03 {margin-bottom: 190px;}
.s223_new article.arti04 {margin-bottom: 190px;}
.s223_new article.arti05 {margin-bottom: 270px;}
.s223_new article.arti06 {margin-bottom: 290px;}
.s223_new .arti03 .text-wrap, .s223_new .arti04 .text-wrap, .s223_new .arti05 .text-wrap, .s223_new .arti06 .text-wrap {/* max-width: 580px; width: 100%; */width: 1%; flex: 1 1 auto;}
.s223_new .cont-wrap {position: relative; max-width: 820px; width: 100%;}
.s223_new .arti03 .img-wrap {position: absolute; bottom: -65px; left: 25px;}
.s223_new .arti04 .img-wrap {position: absolute; bottom: -65px; right: 60px; z-index: 1;}
.s223_new .arti05 .img-wrap {position: absolute; bottom: -147px; left: 16px;}
.s223_new .arti06 .img-wrap {position: absolute; bottom: -150px; right: 28px; z-index: 1;}
.s223_new .list-wrap {margin: 0 0 0 auto; max-width: 400px; width: 100%; padding: 60px 40px 60px 70px; background: rgb(5,31,48); background: linear-gradient(180deg, rgba(5,31,48,1) 0%, rgba(0,92,110,1) 100%); border-radius: 45px; overflow: hidden; margin-top: -20px;}
.s223_new .reverse .list-wrap {margin: 0 auto 0 0;}
.s223_new .list-wrap li {position: relative; font-size: 18px; line-height: 1.66em; color: #fff; padding-left: 32px; z-index: 2;}
.s223_new .list-wrap li:not(:last-child) {margin-bottom: 20px;}
.s223_new .list-wrap li:before {position: absolute; top: 10px; left: 0; content: ''; width: 10px; height: 10px; background: #ffd507; border-radius: 50%;}
.s223_new .arti07 .wrap {align-items: center; border-radius: 45px; overflow: hidden; background-image: url('../../images/sub/s223_new_arti07-bg.jpg'); background-repeat: no-repeat; background-position: right center; background-size: cover; padding: 92px 100px 94px 83px;}
.s223_new .arti07 .text-wrap {width: 100%;}
.s223_new .arti07 .text-wrap b {color: #0dbbdd;}
.s223_new .arti07 .text-wrap h3 {margin-bottom: 0;}
.s223_new .arti07 .btn-area {padding-left: 260px;}
.s223_new .arti07 .btn-area a {display: inline-block; width: 220px; font-size: 20px; line-height: 70px; font-weight: 700; color: #000; text-align: center; background: #ffd507; border-radius: 35px; overflow: hidden;}

/*s224*/ 
.sub_layout .s224 article {margin-bottom: 100px;}
.sub_layout .s224 article:last-child {margin-bottom: 0;}
.sub_layout .s224 .arti04 {background: #f2f3f7;margin-bottom: 100px;}

.s224 .arti02 ul {display:flex; box-sizing:border-box; }
.s224 .arti02 ul li {box-sizing:border-box; border:1px solid #ddd; border-top:1px solid #000;  border-left: 0;	 width: 50%; padding:60px; padding-right: 50px;}
.s224 .arti02 ul li:last-child {border-right: 0;}

.s224_common {display:flex; justify-content: space-between;}
.s224_common li {width: 22.85%; height: 290px; box-sizing:border-box;  border:1px solid #ddd; border-top:2px solid #0f328c; display: flex;  align-items: center;  justify-content: center;    flex-direction: column;text-align: center; padding:0 20px;}
.s224_common li h3 {font-size: 26px; font-weight: 500; color: #111; margin-bottom: 25px;}
.s224_common li p {min-height: 120px; }

.s224 .arti07 .s224_common li p {min-height: 180px; -ms-word-break: keep-all;
word-break: keep-all;}
.s224 .arti07 .s224_common li p span { display: block; margin-bottom:10px;}
.padding_box {box-sizing:border-box; padding:60px; border:1px solid #ddd; display:flex;}
.padding_box li {width:49%; margin-right:3.2%; background: #f9f9f9;}
.padding_box li:last-child {margin-right: 0;}
.padding_box li > div { width: 100%; height: 315px;  display:flex; flex-direction: column; align-items:center; box-sizing:border-box; padding:0 20px; text-align: center; -ms-word-break: keep-all;
word-break: keep-all;     padding-top: 60px;}
.padding_box li > div h2 {margin-bottom: 30px;}
.padding_box li > div p {min-height: 90px;}

.s224_new_ul li {display:flex; box-sizing:border-box; border:1px solid #ddd;}
.s224_new_ul li:last-child {margin-top:30px;}
.s224_new_ul li .title {width: 6%; min-width:80px; }
.s224_new_ul li .title h2 {color:#fff; font-size: 20px; font-weight: 500; background: #0f328c; width:80px; height: 218px; display:flex;  justify-content: center; align-items: center;}
.s224_new_ul li .img_wrap {display:flex; align-items: center;     justify-content: space-around; width:94%;}

.s224 .round_title {width: 195px;}

.s224 .arti07 .s224_common li {height: 375px;}
.s224 .arti07 .s224_common li p {min-height: 210px;;}
.s224 .arti07 .s224_common li span:last-child {margin-bottom: 0;}

/*20220419*/
/* .s224 .arti07 .s224_common {margin-top: 100px; justify-content: normal;}
.s224 .arti07 .s224_common li {border:0; border-right: 1px solid #ddd; height: 375px; padding-top: 20px; width: 25%;}
.s224 .arti07 .s224_common li:last-child {border-right: 0;} */



/* s225 */
.s225 .arti02 {box-sizing:border-box; border:1px solid #ddd; padding:60px; margin-top: 50px; margin-bottom: 100px;}
.s225 .arti02 ul li:first-child{display:flex; justify-content:space-between; margin-bottom: 40px;}
.s225 .arti02 ul li:first-child > div {max-width:620px; width: 50%; background: #f9f9f9; height: 245px; display:flex; flex-direction: column; justify-content: center; align-items: center;}
.round_title {font-size: 20px; font-weight: 500; color: #fff; border-radius:25px; background:#ce3535; width: 165px; height: 50px; line-height: 1.4; display:flex; justify-content: center; align-items: center; }
.round_title2 {background: #0f328c;}
.round_title3 {background: #333333;}
.s225 .arti02 ul li:first-child > div p {text-align: center; line-height: 1.8; margin-top: 20px;}
.s225 .arti03 { margin-bottom: 100px;}
.s225 .arti04 {margin-top: 100px; background:#f2f3f7;}

.s225 .icon_box li:nth-child(n+3) {padding-bottom:35px;}
.s225 .icon_box li:nth-child(n+3):before {display: block;} 
.s225 .icon_box li:nth-child(n+5):before {display: none;}

/* s225_new */
.s225_new .arti01 {max-width: none; width: 100%; height: 368px; background: url('../../images/sub/s225_new_bg.jpg') no-repeat center center/cover; border-radius: 80px 0 0 0;}
.s225_new .arti01 .text-wrap {display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; text-align: center;}
.s225_new .arti01 .text-wrap h3 {font-size: 38px; font-weight: 500; line-height: 1.5em; color: #fff; margin-bottom: 20px;}
.s225_new .arti01 .text-wrap p {font-size: 18px; line-height: 1.66em; color: #fff;}
.s225_new .arti02 > p {font-size: 18px; line-height: 1.66em; color: #666; text-align: center; margin: 91px 0;}
.s225_new .arti02 .wrap {border: 1px solid #ddd; padding: 60px;}
.s225_new .arti02 ul {display: flex; margin: 0 -20px;}
.s225_new .arti02 ul li {display: flex; align-items: stretch; width: 33.3333%; padding: 0 20px;}
.s225_new .arti02 ul li .inner {background: #f9f9f9; padding: 50px 55px;}
.s225_new .arti02 ul li .icon {width: 70px; height: 70px; background-repeat: no-repeat; background-position: left center; background-size: contain; margin-bottom: 28px;}
.s225_new .arti02 ul li:nth-child(1) .icon {background-image: url('../../images/sub/s225_new_arti02_icon01.png');}
.s225_new .arti02 ul li:nth-child(2) .icon {background-image: url('../../images/sub/s225_new_arti02_icon02.png');}
.s225_new .arti02 ul li:nth-child(3) .icon {background-image: url('../../images/sub/s225_new_arti02_icon03.png');}
.s225_new .arti02 ul li b {display: block; font-size: 22px; font-weight: 700; line-height: 1em; margin-bottom: 13px;}
.s225_new .arti02 ul li:nth-child(1) b {color: #ce3535;}
.s225_new .arti02 ul li:nth-child(2) b {color: #0f328c;}
.s225_new .arti02 ul li:nth-child(3) b {color: #333;}
.s225_new .arti02 ul li p {font-size: 18px; line-height: 1.66em; color: #666;}
.s225_new .arti03 .row {display: flex; justify-content: space-between; align-items: center; margin-top: 100px;}
.s225_new .arti03 .row > div {width: 50%;}
.s225_new .arti03 .row .text-wrap b {display: block; font-size: 20px; font-weight: 700; line-height: 1.3em; color: #03748a; margin-bottom: 15px; padding-right: 55px;}
.s225_new .arti03 .row .text-wrap h4 {font-size: 35px; font-weight: 500; line-height: 1.4em; color: #111; margin-bottom: 25px; padding-right: 55px;}
.s225_new .arti03 .row .text-wrap p {font-size: 18px; line-height: 1.66em; color: #666; padding-right: 55px; word-break: keep-all;}
.s225_new .arti03 .row .text-wrap p:not(:last-child) {margin-bottom: 30px;}
.s225_new .arti03 .row .img-wrap {text-align: right;}
.s225_new .arti03 .row .img-wrap img {max-width: 628px; width: 100%; border: 6px solid #ddd; border-radius: 20px;}
.s225_new .arti03 .row:nth-child(even) {flex-direction: row-reverse;}
.s225_new .arti03 .row:nth-child(even) .text-wrap b {padding-right: 0; padding-left: 60px;}
.s225_new .arti03 .row:nth-child(even) .text-wrap h4 {padding-right: 0; padding-left: 60px;}
.s225_new .arti03 .row:nth-child(even) .text-wrap p {padding-right: 0; padding-left: 60px;}
.s225_new .arti03 .row:nth-child(even) .img-wrap {text-align: left;}
.s225_new .arti04 {padding-top: 88px; padding-bottom: 0 !important;}
.s225_new .arti04 .title {text-align: center; margin-bottom: 45px;}
.s225_new .arti04 .title h3 {font-size: 40px; font-weight: 500; line-height: 1.5em; color: #111; margin-bottom: 20px;}
.s225_new .arti04 .title p {font-size: 18px; line-height: 1.66em; color: #666;}
.s225_new .arti04 .title p span {font-weight: 700; color: #03748a;}
.s225_new .arti04 .list-wrap {background: #f2f3f7; padding-bottom: 180px;}
.s225_new .arti04 .list-wrap ul {position: relative; display: flex; flex-wrap: wrap;}
.s225_new .arti04 .list-wrap ul:before {position: absolute; top: 60px; right: 50%; content: ''; width: 1px; height: calc(100% - 90px); background: #ddd;}
.s225_new .arti04 .list-wrap ul:after {position: absolute; top: 60px; left: 50%; content: ''; width: 1px; height: calc(100% - 90px); background: #fff;}
.s225_new .arti04 .list-wrap ul li {position: relative; width: 50%; display: flex; padding: 52px 0 46px 0; }
.s225_new .arti04 .list-wrap ul li:before {position: absolute; bottom: 1px; left: 0; content: ''; width: 100%; height: 1px; background: #ddd;}
.s225_new .arti04 .list-wrap ul li:after {position: absolute; bottom: 0; left: 0; content: ''; width: 100%; height: 1px; background: #fff;}
.s225_new .arti04 .list-wrap ul li .icon {max-width: 133px; width: 100%; height: 133px; background-repeat: no-repeat; background-position: center center; background-size: contain; border-radius: 50%; box-shadow: 5px 8.66px 10px 0px rgba(0, 0, 0, 0.1); margin-top: 7px; margin-right: 35px;}
.s225_new .arti04 .list-wrap ul li:nth-child(even) .icon {margin-left: 60px;}
.s225_new .arti04 .list-wrap ul li:nth-child(1) .icon {background-image: url('../../images/sub/s225_new_arti04_icon01.png');}
.s225_new .arti04 .list-wrap ul li:nth-child(2) .icon {background-image: url('../../images/sub/s225_new_arti04_icon02.png');}
.s225_new .arti04 .list-wrap ul li:nth-child(3) .icon {background-image: url('../../images/sub/s225_new_arti04_icon03.png');}
.s225_new .arti04 .list-wrap ul li:nth-child(4) .icon {background-image: url('../../images/sub/s225_new_arti04_icon04.png');}
.s225_new .arti04 .list-wrap ul li:nth-child(5) .icon {background-image: url('../../images/sub/s225_new_arti04_icon05.png');}
.s225_new .arti04 .list-wrap ul li:nth-child(6) .icon {background-image: url('../../images/sub/s225_new_arti04_icon06.png');}
.s225_new .arti04 .list-wrap ul li:nth-child(odd) .text {padding-right: 30px;}
.s225_new .arti04 .list-wrap ul li .text {width: 1%; flex: 1 1 auto;}
.s225_new .arti04 .list-wrap ul li .text b {display: block; font-size: 20px; font-weight: 700; line-height: 1.5em; color: #0f328c; margin-bottom: 7px;}
.s225_new .arti04 .list-wrap ul li .text h4 {font-size: 30px; font-weight: 500; line-height: 1.5em; color: #111; margin-bottom: 15px;}
.s225_new .arti04 .list-wrap ul li .text p {position: relative; font-size: 18px; line-height: 1.66em; color: #666; padding-left: 15px; word-break: keep-all;}
.s225_new .arti04 .list-wrap ul li .text p span {position: relative;}
.s225_new .arti04 .list-wrap ul li .text p span:before {position: absolute; top: 13px; left: -15px; content: ''; width: 4px; height: 4px; background: #000; border-radius: 50%;}
.s225_new .arti05 .wrap {display: flex; justify-content: space-between;align-items: center; border-radius: 45px; overflow: hidden; background-image: url('../../images/sub/s225_new_arti05-bg.jpg'); background-repeat: no-repeat; background-position: right center; background-size: cover; padding: 92px 100px 94px 83px; margin-top: 120px;}
.s225_new .arti05 .text-wrap {width: 100%; color: #fff;}
.s225_new .arti05 .text-wrap b {display: block; font-size: 20px; line-height: 1.5em; font-weight: 700; color: #fff; margin-bottom: 15px;}
.s225_new .arti05 .text-wrap h3 {font-size: 35px; font-weight: 500; line-height: 1.42em; margin-bottom: 0; word-break: keep-all;}
.s225_new .arti05 .btn-area a {display: inline-block; width: 220px; font-size: 20px; line-height: 70px; font-weight: 700; color: #000; text-align: center; background: #ffd507; border-radius: 35px; overflow: hidden;}

/* s31 */
.s31 ul {display:flex; flex-wrap: wrap; justify-content: space-between;}
.s31 ul li {width:18.214%; height: 170px; box-sizing:border-box; border:1px solid #ddd; margin-bottom: 30px; transition:.3s;  position: relative;}
.s31 ul li a {width: 100%; height: 100%; position: relative; box-sizing:border-box; padding:30px;}
.s31 ul li a:before {content: ''; display: block;	 position: absolute; right: 30px; bottom: 30px; width:58px; height: 58px;  background:url(../../images/sub/s31_icon01.png) no-repeat center; transition:.3s;}
.s31 ul li:nth-child(2) a:before { background:url(../../images/sub/s31_icon02.png) no-repeat center;}
.s31 ul li:nth-child(3) a:before { background:url(../../images/sub/s31_icon03.png) no-repeat center;}
.s31 ul li:nth-child(4) a:before { background:url(../../images/sub/s31_icon04.png) no-repeat center;}
.s31 ul li:nth-child(5) a:before { background:url(../../images/sub/s31_icon05.png) no-repeat center;}
.s31 ul li:nth-child(6) a:before { background:url(../../images/sub/s31_icon06.png) no-repeat center;}
.s31 ul li:nth-child(7) a:before { background:url(../../images/sub/s31_icon07.png) no-repeat center;}
.s31 ul li:nth-child(8) a:before { background:url(../../images/sub/s31_icon08.png) no-repeat center;}
.s31 ul li:nth-child(9) a:before { background:url(../../images/sub/s31_icon09.png) no-repeat center;}
.s31 ul li:nth-child(10) a:before { background:url(../../images/sub/s31_icon10.png) no-repeat center;}

.s31 ul li h3 {font-size: 18px; font-weight: 500; color: #333; position: relative; display: inline-block;  transition:.3s;}
.s31 ul li h3:before {content: ''; display: block; position: absolute; right: -20px; top: 8px; width:13px; height: 13px; background:url(../../images/sub/s31_plus.png); transition:.3s;}
.s31 ul li:nth-child(8) h3 {width: 130px;}
.s31 ul li:nth-child(9) h3 {width: 135px;}
.s31 ul li:hover {background: #0f328c;}
.s31 ul li:hover h3 {color: #fff;}
.s31 ul li:hover h3:before { background:url(../../images/sub/s31_plus_ov.png);}
.s31 ul li:hover a:before { background:url(../../images/sub/s31_icon_ov01.png) no-repeat center;}
.s31 ul li:hover:nth-child(2) a:before { background:url(../../images/sub/s31_icon_ov02.png) no-repeat center;}
.s31 ul li:hover:nth-child(3) a:before { background:url(../../images/sub/s31_icon_ov03.png) no-repeat center;}
.s31 ul li:hover:nth-child(4) a:before { background:url(../../images/sub/s31_icon_ov04.png) no-repeat center;}
.s31 ul li:hover:nth-child(5) a:before { background:url(../../images/sub/s31_icon_ov05.png) no-repeat center;}
.s31 ul li:hover:nth-child(6) a:before { background:url(../../images/sub/s31_icon_ov06.png) no-repeat center;}
.s31 ul li:hover:nth-child(7) a:before { background:url(../../images/sub/s31_icon_ov07.png) no-repeat center;}
.s31 ul li:hover:nth-child(8) a:before { background:url(../../images/sub/s31_icon_ov08.png) no-repeat center;}
.s31 ul li:hover:nth-child(9) a:before { background:url(../../images/sub/s31_icon_ov09.png) no-repeat center;}
.s31 ul li:hover:nth-child(10) a:before { background:url(../../images/sub/s31_icon_ov10.png) no-repeat center;}


/*s61*/
.s61_design {display:flex; justify-content:space-between;  margin-bottom: 100px;}
.s61_design li {width: 30%; height: 440px; background:#f2f3f7; display:flex; flex-direction: column; justify-content: center; align-items:center; text-align: center; position: relative;}
.s61_design li:before {content: ''; display: block; position: absolute; width: 33px; height: 36px; background: url(../../images/sub/S61_direct.png); right: -52px; top:calc(50% - 13px);}
.s61_design li:last-child:before {display: none;}
.s61_design li figure { box-shadow: 5px 5px 5px rgb(0 0 0 / 10%); border-radius:50%;}
.s61_design img {max-width:132px;}
.s61_design li h2 {font-size: 16px; font-weight: 700; color: #0f328c; margin-top: 30px;} 
.s61_design li h3 {font-size: 28px; font-weight: 500; color: #111; margin-bottom: 15px;} 
.s61_design li p {min-height: 90px;}