/* common */
select::-ms-expand { display: none; }
select { 
    -webkit-appearance: none; 
    -moz-appearance: none; 
    appearance: none;
     background: url(/img/sub/icon_select.png) no-repeat calc(100% - 15px) 50%;
}


.sub_section{padding: 130px 0 80px; box-sizing:border-box;min-height: calc(100vh - 51px);}
.sub_section.pb{padding-bottom:0;}
.sub_section.padding{padding: 91px 0 0;}
.sub_section * {letter-spacing:-0.02em}
.s_tit{}
.s_tit h2{font-family: 'Poppins', sans-serif; font-weight:600; font-size:26px; color: #222; text-transform: uppercase; margin-bottom:20px;}
.s_tit02{font-family: 'Poppins', sans-serif; font-size:24px; color: #444; margin-bottom:24px;}
.pre{font-family: "Pretendard Variable", Pretendard, -apple-system, BlinkMacSystemFont, system-ui, Roboto, "Helvetica Neue", "Segoe UI", "Apple SD Gothic Neo", "Noto Sans KR", "Malgun Gothic", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif;}

.btn{width: 200px; height: 55px; border:1px solid #064571; box-sizing:border-box; margin: 54px auto 0; cursor: pointer;}
.btn p{font-size:15px; color: #064571; text-transform: uppercase; text-align: center; line-height: 52px;}
.btn p i{position:relative; top: 1px;}

.service{}
.service .service_visual{margin-bottom:38px;}
.service .flex_box{display:flex;}
.service .flex_box .txt{width: calc(100% - 386px); border-right: 1px solid #e6ecf1; padding-right: 20px; padding-bottom:40px;}
.service .flex_box .txt .item{margin-bottom:28px;}
.service .flex_box .txt .item:last-of-type{margin-bottom:0;}
.service .flex_box .txt h2{font-size:18px; color: #333333; margin-bottom:14px;}
.service .flex_box .txt p{font-size:15px; line-height: 1.5625; margin-bottom:28px;}
.service .flex_box .txt p:last-of-type{margin-bottom:0;}
.service .flex_box .link{width: 386px; box-sizing:border-box; padding-left: 40px;}
.service .flex_box .link h3{font-weight:300; font-size:16px; color: #064571; margin-bottom:16px;}
.service .flex_box .link ul{display:flex; flex-wrap:wrap;}
.service .flex_box .link ul li{margin-right: 10px; margin-bottom:10px;}
.service .flex_box .link ul li:nth-of-type(3n){margin-right: 0;}
.service .flex_box .link ul li a{}

.project{}
.project .tab{display:flex; justify-content:flex-end; align-items:center; margin-top: -20px; margin-bottom:20px;}
.project .tab li a{display:inline-block; vertical-align: top; width: 17px; height: 17px; background:url(/img/sub/project_tab01.png) 50% 50% no-repeat; cursor: pointer; margin-right: 12px;}
.project .tab li:last-of-type a{background:url(/img/sub/project_tab02.png) 50% 1px no-repeat; margin-right: 0;}
.project .tab li.on a{ background:url(/img/sub/project_tab01_h.png) 50% 50% no-repeat;}
.project .tab li.on:last-of-type a{background:url(/img/sub/project_tab02_h.png) 50% 1px no-repeat; }
.project .list{display:flex; flex-wrap:wrap;}
.project .list .item{position:relative; width: calc((100% - 36px) / 7); margin-right: 6px; margin-bottom:6px; overflow: hidden;}
.project .list .item:nth-of-type(7n){margin-right: 0;}
.project .list .item a{position:absolute; top: 0; left: 0; bottom: 0; right: 0;}
.project .list .item figure{position:relative; padding-bottom:105%; overflow: hidden;}
.project .list .item figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); height: 100%; max-width: inherit;}
.project .list .item .hover{position:absolute; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0,0,0,0.5); /* opacity: 0; transition:0.4s */}
.project .list .item .hover p{position:absolute; font-weight:300; bottom: 30px; left: 20px; font-size:16px; color: #fff;}
.project .list .item:hover .hover{opacity: 1;}


.project_borad .list{border-top: 1px solid #e6e6e6;}
.project_borad .list .item{display:flex; align-items:center; width: 100%; margin: 0; padding: 10px 30px; overflow: hidden; border-bottom: 1px solid #e6e6e6;}
.project_borad .list .item a{position:absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 5;}
.project_borad .list .item figure{width: 85px; padding-bottom:8%; margin-right: 30px; transform:translateX(-115px); transition:0.4s}
.project_borad .list .item figure img{}
.project_borad .list .item .txt{width: calc(100% - 227px); transform:translateX(-115px); transition:0.4s}
.project_borad .list .item .txt h2{font-weight:300; font-size:18px; color: #222;}
.project_borad .list .item .txt p{font-weight:300; font-size:13px; color: #999; margin-top: 6px;}
.project_borad .list .item ul{position:relative; display:flex; z-index: 10;}
.project_borad .list .item ul li{margin-right: 20px;}
.project_borad .list .item ul li:last-of-type{margin-right: 0;}
.project_borad .list .item ul li a{position:static; display:inline-block; vertical-align: top; width: 46px; height: 46px; border-radius:50%; background:url(/img/sub/icon_project01.png) 50% 50% no-repeat; background-color: #dbdde0;}
.project_borad .list .item ul li:last-of-type a{background:url(/img/sub/icon_project02.png) 50% 50% no-repeat;  background-color: #dbdde0;}
.project_borad .list .item ul li.on a{background-color: #064571;}
/*.project_borad .list .item ul li:hover a{background-color: #064571;}*/

.project_borad .list .item:hover .txt,
.project_borad .list .item:hover figure{transform:translateX(0);}
.project_borad .list .item:hover .txt h2{color: #064571;}

.project_view{position:relative; overflow: hidden;}
.project_view .slide_wrap .slide_ctn .item .bg{height: calc(100vh - 142px)}
.project_view .bot_btn{position:absolute; bottom: 0;left: 0; width: 100%;}
.project_view .bot_btn > ul{position:relative; max-width: 1600px; margin: 0 auto; display:flex; z-index: 10;}

.project_view .bot_btn > ul li{position:relative; font-weight:300; font-size:16px; color: #b4b4b4; line-height: 60px; cursor: pointer; margin-right: 38px;}
.project_view .bot_btn > ul li::after{content:""; position:absolute; top: 23px; right: -20px; width: 1px; height: 13px; background: #b4b4b4;}
.project_view .bot_btn > ul li:last-of-type{margin-right: 0;}
.project_view .bot_btn > ul li:last-of-type::after{display:none; }
.project_view .bot_btn .info{position:absolute; bottom: 60px; left: 50%;  width: 100%; max-width: 1600px; padding:60px 0; box-sizing:border-box; transform:translate(-50%, 100%); transition:0.4s;}
.project_view .bot_btn .info::before{content:""; position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 100vw; height: 100%; background: #000; opacity: 0.7;}
.project_view .bot_btn .info h3{position:relative; font-weight:300; font-size:20px; color: #3aaeff; margin-bottom:38px;}
.project_view .bot_btn .info .flex_box{position:relative; display:flex; }
.project_view .bot_btn .info .flex_box .box{margin-bottom:60px;}
.project_view .bot_btn .info .flex_box .box dl{display:flex; align-items:center; width: 400px; margin-bottom:20px;}
.project_view .bot_btn .info .flex_box .box dl:last-of-type{margin-bottom:0px;}
.project_view .bot_btn .info .flex_box .box dl dt{width: 65px; font-weight:200; font-size:17px; color: #fff; }
.project_view .bot_btn .info .flex_box .box dl dd{width: calc(100% - 65px); font-weight:200; font-size:15px; color: #fff; opacity: 0.8;}
.project_view .bot_btn .info .flex_box .box.tab_ctn{width: calc(100% - 600px); margin-bottom:0;}
.project_view .bot_btn .info .flex_box .box.tab_ctn .item{}
.project_view .bot_btn .info .flex_box .box.tab_ctn .item ul li,
.project_view .bot_btn .info .flex_box .box.tab_ctn .item p{font-weight:200; font-size:15px; color: #fff; line-height: 1.7; padding-right: 60px;}
.project_view .bot_btn .info .flex_box .box.tab_ctn .item p a{display:inline-block; font-weight:200; font-size:15px; color: #fff; line-height: 1.7;}
.project_view .bot_btn .info .flex_box .box.btn{position:absolute; bottom: 0; right: 0; margin-bottom:0; border:none}
.project_view .bot_btn .info .flex_box .box.btn a{display:inline-block; vertical-align: top; width: 200px; height: 55px; border:1px solid rgba(255,255,255,0.3); line-height: 53px; text-align: center; font-weight:300; font-size:15px; color: #fff;} 
.project_view .bot_btn .info .flex_box .box.btn a i{margin-right: 10px; position:relative; top: 1px;}

.project_view .slide_wrap .slide_btn > div{position:fixed; top: 50%; right: 100px; transform:translateY(-50%); cursor: pointer; text-align: right;	opacity: 0.7;}
.project_view .slide_wrap .slide_btn > .prev{right: auto; left: 100px;}
.project_view .slide_wrap .slide_btn > .prev p{right: -10px;}
.project_view .slide_wrap .slide_btn > div i{font-size:50px; color: #fff;}
.project_view .slide_wrap .slide_btn > div p{position:absolute; top: 50%; left: -10px; transform:translateY(-50%); font-weight:bold; font-size:15px; color: #fff; text-shadow: 1px 1px 0px rgba(86, 86, 86, 0.5);}

.project_view .bot_btn .info.on{transform:translate(-50%, 60px);}

.overview{}
.overview .cont{display:flex;}
.overview .cont .txt{margin-left: 50px;}
.overview .cont .txt ul li,
.overview .cont .txt p{font-weight:300; font-size:16px; color: #555; line-height: 1.7; margin-bottom:20px;}
.overview .cont .txt p:last-of-type{margin-bottom:0;}
.overview .cont .txt p.fw{font-weight:600; color: #333;}
.overview .cont .txt ul{margin-bottom:20px;}
.overview .cont .txt ul li{position:relative; box-sizing:border-box; padding-left: 7px; margin-bottom:0;}
.overview .cont .txt ul li span{position:absolute; top: 3px; left: 0;}

.vision{}
.vision .sec{padding-bottom:100px;}
.vision .sec01 .circle_box{display:flex; padding: 0 80px;}
.vision .sec01 .circle_box .item{width: calc((100% - 120px) / 3); position:relative; padding-bottom:calc((100% - 120px) / 3); text-align: center; border-radius:50%; border:1px solid #0d4a75; margin-right: 60px;}
.vision .sec01 .circle_box .item::after{content:""; position:absolute; top: 50%; right: -40px; transform:translateY(-50%); background:url(/img/sub/icon_dots.png) 50% 50% no-repeat; width: 19px; height: 3px;}
.vision .sec01 .circle_box .item:last-of-type{margin-right: 0;}
.vision .sec01 .circle_box .item:last-of-type::after{display:none; }
.vision .sec01 .circle_box .item .p50{position:absolute; top: 50%; left: 50%; width: 100%; transform:translate(-50%,-50%);}
.vision .sec01 .circle_box .item figure{margin-bottom:23px;}
.vision .sec01 .circle_box .item figure img{}
.vision .sec01 .circle_box .item p{font-weight:200; font-size:16px; color: #555555; line-height: 1.5;}
.vision .sec02{padding-top: 100px; background: #f9f9f9;}
.vision .sec02 dl{display:flex; align-items:flex-start; margin-bottom:48px;}
.vision .sec02 dl:last-of-type{margin-bottom:0;}
.vision .sec02 dl dt{width: 180px; font-weight:300; font-size:19px; color: #fff; background: #064571; text-align: center; line-height: 60px; position:relative; }
.vision .sec02 dl dt::after{content:""; position:absolute; width: 70px; height: 17px; top: 50%; right: -113px; transform:translateY(-50%); background:url(/img/sub/icon_vision.png) 50% 50% no-repeat;}
.vision .sec02 dl dd{width: calc(100% - 180px); padding-left: 150px; box-sizing:border-box;}
.vision .sec02 dl dd ul{}
.vision .sec02 dl dd ul li{font-weight:300; font-size:18px; color: #555555; line-height: 58px; border:1px solid #e0e0e0; background: #fff; text-align: center; margin-bottom:14px;}
.vision .sec02 dl dd ul li:last-of-type{margin-bottom:0;}
.vision .sec03{padding-top: 100px; max-width: 500px; margin: 0 auto;}
.vision .sec03 .s_tit02{padding-bottom:40px; text-align: center;}
.vision .sec03 .circle_box{position:relative; height: 400px; margin: 0 23px; opacity: 0;}
.vision .sec03 .circle_box .center{position:relative;}
.vision .sec03 .circle_box .center .img_box{}
.vision .sec03 .circle_box .center .img_box figure{ text-align: center;}
.vision .sec03 .circle_box .center .img_box figure:last-of-type{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); width: 100%; height: 100%; text-align: center;}
.vision .sec03 .circle_box .center .img_box figure:last-of-type img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.vision .sec03 .circle_box .center .img_box figure:last-of-type img:last-of-type{transform:translate(-50%,-50%) scale(1.026) rotate(360deg); transition:0.6s}
.vision .sec03 .circle_box .center .img_box figure.on img{opacity: 0; transition:0.3s}
.vision .sec03 .circle_box .center .hover{}
.vision .sec03 .circle_box .center .hover .item{position:absolute; top: 50%; left: 50%; width: 100%; height: 100%;max-width: 200px; max-height: 200px; border-radius:50%; transform:translate(-50%,-50%); text-align: center;display:none; background: radial-gradient(88.64% 88.64% at 50.23% 11.36%, #67A1CC 0%, #04385E 76.47%, #052944 100%); box-shadow: 0px 4px 4px rgba(0, 0, 0, 0.25);}
.vision .sec03 .circle_box .center .hover .item h5{ font-size:20px; color: #fff; margin-top: 35px;}
.vision .sec03 .circle_box .center .hover .item ul{display:inline-block; vertical-align: top; margin-top: 10px; margin-left: -10px;}
.vision .sec03 .circle_box .center .hover .item ul.p50{margin-top: 30px;}
.vision .sec03 .circle_box .center .hover .item ul li{position:relative; padding-left: 10px; font-weight:100; font-size:16px; color: #fff; text-align: left; margin-bottom:5px;}
.vision .sec03 .circle_box .center .hover .item ul li:last-of-type{margin-bottom:0;}
.vision .sec03 .circle_box .center .hover .item ul li::before{content:"·"; position:absolute; top: 0; left: 0;}
.vision .sec03 .circle_box .center .hover .item ul.w50{display:flex; flex-wrap:wrap; justify-content:center; margin-left: 0;}
.vision .sec03 .circle_box .center .hover .item ul.w50 li{margin-right: 5px;}
.vision .sec03 .circle_box .center .hover .item ul.w70{width: 78.5%;}
.vision .sec03 .circle_box .center .hover .item ul.w70 li{display:inline-block; }
.vision .sec03 .circle_box .center .hover .item.p50 h5{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); margin: 0;}
.vision .sec03 .circle_box .icon_btn{}
.vision .sec03 .circle_box .icon_btn .item{position:absolute; }
.vision .sec03 .circle_box .icon_btn .item figure{position:relative; width: 60px; height: 60px; border-radius:50%; background: #064571; margin: 0 auto; transform:scale(1.16666); transition:0.6s}
.vision .sec03 .circle_box .icon_btn .item img{position:absolute; width: 30px; height: 30px; top: 50%; left: 50%; transform:translate(-50%,-50%) scale(1.1428); transition:0.6s}
.vision .sec03 .circle_box .icon_btn .item p{font-weight:400; margin-top: 10px; font-size:17px; color: #064571;text-align: center;}
.vision .sec03 .circle_box .icon_btn .item:nth-of-type(1){top: 84px; left: 0;}
.vision .sec03 .circle_box .icon_btn .item:nth-of-type(2){top: 227px; left: 47px;}
.vision .sec03 .circle_box .icon_btn .item:nth-of-type(3){bottom: 20px; left: 50%; transform:translateX(-50%);}
.vision .sec03 .circle_box .icon_btn .item:nth-of-type(4){top: 227px; right: 43px;}
.vision .sec03 .circle_box .icon_btn .item:nth-of-type(5){top: 84px; right: 0;}
.vision .sec03 .circle_box .icon_btn .item.on figure{background: #C8C8C8; transform:scale(1);}
.vision .sec03 .circle_box .icon_btn .item.on figure img{transform:translate(-50%,-50%) scale(1);}
.vision .sec03 .circle_box .icon_btn .item.on p{font-weight:300; color: #c8c8c8;}

.vision .sec03 .circle_box.on{opacity: 1;}
.vision .sec03 .circle_box.on .center .img_box figure{ animation:up 0.9s 0.1s both}
.vision .sec03 .circle_box.on .center .img_box figure:last-of-type{animation:in 0.3s 0.8s both}
.vision .sec03 .circle_box.on .icon_btn .item:nth-of-type(1){animation:in 0.8s 1.4s both}
.vision .sec03 .circle_box.on .icon_btn .item:nth-of-type(2){animation:in 0.8s 1.6s both}
.vision .sec03 .circle_box.on .icon_btn .item:nth-of-type(3){animation:in 0.8s 1.8s both}
.vision .sec03 .circle_box.on .icon_btn .item:nth-of-type(4){animation:in 0.8s 2s both}
.vision .sec03 .circle_box.on .icon_btn .item:nth-of-type(5){animation:in 0.8s 2.2s both}
.vision .sec03 .circle_box.on .center .img_box figure:last-of-type .rotate{animation:in 0.3s 3s both;}


@keyframes up {
	0%{transform:translateY(100px); opacity: 0;}
	100%{transform:translateY(0); opacity: 1;}
}
@keyframes in {
	0%{ opacity: 0;}
	100%{ opacity: 1;}
}

.history{}
.history .sec{}
.history .sec > figure{margin-bottom:40px;}
.history .flex_box{display:flex; }
.history .flex_box .tab_ctn{width: calc(100% - 388px);padding-right: 120px;}
.history .flex_box .tab_ctn .history{}
.history .flex_box .tab_ctn .history > ul{} 
.history .flex_box .tab_ctn .history > ul > li{margin-bottom:56px;}
.history .flex_box .tab_ctn .history > ul > li > p{font-size:0; margin-bottom:26px;}
.history .flex_box .tab_ctn .history > ul > li > p > .tit{width: 80px; font-weight:300; display:inline-block; vertical-align: middle; font-size:16px; color: #064571; text-align: right;}
.history .flex_box .tab_ctn .history > ul > li > p > .line{position:relative; display:inline-block; vertical-align: middle; width: calc(100% - 122px); font-weight:300; font-size:14px; color: #064571; margin-left: 42px;}
.history .flex_box .tab_ctn .history > ul > li > p > .line::after{content:""; position:absolute; top: 50%; left: 0; width: 100%; height: 1px; background: #e6edf4; z-index: -1;}
.history .flex_box .tab_ctn .history > ul > li > p > .line em{background: #fff; padding-right: 20px;}
.history .flex_box .tab_ctn .history > ul > li > ul{}
.history .flex_box .tab_ctn .history > ul > li > ul > li{position:relative; padding-left: 122px; box-sizing:border-box; font-weight:300; font-size:15px; color: #555; margin-bottom:18px;}
.history .flex_box .tab_ctn .history > ul > li > ul > li:last-of-type{margin-bottom:0;}
.history .flex_box .tab_ctn .history > ul > li > ul > li span{position:absolute; top: 0; left: 0; width: 80px; display:inline-block; font-size:11px; color: #979797; text-align: right;}
.history .flex_box .tab_ctn .info{}
.history .flex_box .tab_ctn .info h4{font-size:16px; color: #064571; margin-bottom:24px;}
.history .flex_box .tab_ctn .info p{font-weight:300; font-size:14px; color: #555; line-height: 1.8;}

.history .flex_box .tab{width: 388px; border-left: 1px solid #e6ecf1; padding: 0 0 0 42px; margin-top: 10px;}
.history .flex_box .tab .item{display:flex; align-items:center; border-bottom:1px solid #e6ecf1; padding: 20px 0; cursor: pointer;}
.history .flex_box .tab .item:first-of-type{padding-top: 0;}
.history .flex_box .tab .item figure{position:relative; padding-bottom:23.4%; width: 80px; overflow: hidden;}
.history .flex_box .tab .item figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; height: 100%; filter:grayscale(1)}
.history .flex_box .tab .item p{width: calc(100% - 80px); font-weight:300; font-size:16px; color: #979797; box-sizing:border-box; padding-left: 20px;}

.history .flex_box .tab .item.on p,
.history .flex_box .tab .item:hover p{color: #064571;}

.history .flex_box .tab .item.on figure img,
.history .flex_box .tab .item:hover figure img{filter:grayscale(0)}

.award{}
.award .pop_ctn{display:none; position:fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.7); z-index: 1000;}
.award .pop_ctn .close{position:absolute; top: 0; right: -34px; font-size:18px; color: #000; width: 34px; height: 34px; background: #fff; cursor: pointer;}
.award .pop_ctn .close i{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%);}
.award .pop_ctn .box{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); }
.award .pop_ctn figure img{max-height: 600px;}
.award .list{display:flex; flex-wrap:wrap;}
.award .list .item{position:relative; display:flex; width: calc(50% - 20px); margin-right: 40px; padding: 40px 0; border-bottom: 1px solid #e6ecf1;}
.award .list .item:nth-of-type(2n){margin-right: 0;}
.award .list .item:nth-of-type(2),
.award .list .item:first-of-type{padding-top: 20px;}
.award .list .item a{position:absolute; top: 0; left: 0; bottom: 0; right: 0;}
.award .list .item figure{position:relative; width: 180px; padding-bottom:32%; overflow: hidden;}
.award .list .item figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; height: 100%;}
.award .list .item .txt{width: calc(100% - 180px); margin-top: 20px; padding-left: 44px;}
.award .list .item .txt p:not(.c){font-size:16px; color: #555555; margin: 22px 0 8px;}
.award .list .item .txt .c{font-weight:500; font-size:18px; color: #064571;}
.award .list .item .txt .c span{font-weight:300; font-size:15px; color: #666; margin-left: 8px;}
.award .list .item .txt h3{font-size:20px; color: #333;}

.recruit{}
.recruit .list{display:flex; padding-top: 20px;}
.recruit .list .item{width: calc((100% - 60px) / 3); margin-right: 30px; text-align: center; padding: 46px 0; border: 1px solid #e0e0e0;}
.recruit .list .item:last-of-type{margin-right: 0;}
.recruit .list .item h3{font-weight:300; font-size:20px; color: #222;}
.recruit .list .item figure{margin: 38px 0;}
.recruit .list .item figure img{}
.recruit .list .item p{font-weight:300; font-size:16px; color: #555; line-height: 1.6;}

.news{position:relative; }
.news .input_box{position:relative; display:flex; width: 365px; margin-left: auto; margin-bottom:23px;	margin-top: -63px; border:1px solid #e6e6e6}
.news .input_box input{width: calc(100% - 140px); height: 30px; background: #fff; border:none; padding: 0 14px; outline:none; font-size:16px; color: #000;}
.news .input_box button{width: 30px; height: 30px; background: #fff; font-weight:300; font-size:14px; color: #000; border:none; cursor: pointer; outline:none}
.news .input_box select{position:relative; width: 100px; height: 30px; background-color: #fff;  background: url(/img/sub/icon_select02.png) no-repeat calc(100% - 15px) 50%; border:none; padding: 0 14px; color: #444444; font-size:14px; outline:none}
.news .input_box::after{content:""; position:absolute; top: 7px; left: 100px; width: 1px; background: #e6e6e6; height: 16px;}
.news .input_box input::placeholder{color: #555; opacity: 0.5; font-size:14px;}
.news .list{display:flex; flex-wrap:wrap; align-items:flex-start}
.news .list .item{position:relative; width: calc((100% - 40px) / 5); background: #064571; margin-bottom:10px;}
.news .list .item::before{content:""; position:absolute; top: 0; left: 0; width: 100%; height: 100%; border:3px solid #064571; box-sizing:border-box; z-index: 1; opacity: 0;}
.news .list .item a{position:absolute; top: 0; left: 0; bottom: 0; right: 0; z-index: 10;}
.news .list .item figure{position:relative; padding-bottom:123%; overflow: hidden;}
.news .list .item figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; height: 100%;}
.news .list .item .txt{padding: 38px 25px 28px;}
.news .list .item .txt p{font-weight:300; font-size:15px; color: #fff; }
.news .list .item .txt h3{font-weight:300; font-size:18px; color: #fff; margin: 24px 0 72px; line-height: 1.6;}
.news .list .item .txt ul{display:flex;border-top: 1px solid #fff; padding-top: 18px;}
.news .list .item .txt ul li{font-weight:300; font-size:13px; color: #fff; margin-right: 10px;}
.news .list .item .txt ul li:last-of-type{margin-right: 0;}

.news .list .item.type1{background: #2B3542;}
.news .list .item.type2{background: #698b98;}
.news .list .item.type3{background: #ffffff; border:1px solid #e0e0e0}
.news .list .item.type3 .txt h3{color: #064a90;}
.news .list .item.type3 .txt p,
.news .list .item.type3 .txt ul li{color: #555555;}
.news .list .item.type3 .txt ul{border-color: #555;}
.news .list .item.type4{background: #1f2631;}
.news .list .item.type5{background: #b3b5aa;}
.news .list .item.type6{background: #d9ccba;}
/*
.news .list .item:nth-of-type(2n){background: #52a4ce;}
.news .list .item:nth-of-type(3n){background: #000000;}
.news .list .item:nth-of-type(4n){background: #ffffff;}
.news .list .item:nth-of-type(4n) .txt h3{color: #064a90;}
.news .list .item:nth-of-type(4n) .txt p,
.news .list .item:nth-of-type(4n) .txt ul li{color: #555555;}
.news .list .item:nth-of-type(4n) .txt ul{border-color: #555;}
*/
.news .top_btn{position: absolute; bottom: 48px; right: 170px; cursor: pointer;}

.news .list .item.opacity{opacity: 0.6;}
.news .list .item:hover::before{opacity: 1;}

.news_view{}
.news_view .flex_box{display:flex}
.news_view .flex_box .view{width: calc(100% - 388px); padding-right: 40px;}
.news_view .flex_box .view .tit{border-bottom: 1px solid #e6ecf1; padding-bottom: 30px;}
.news_view .flex_box .view .tit h3{font-size:20px; color: #333333;}
.news_view .flex_box .view ul{display:flex; margin-top: 12px;}
.news_view .flex_box .view ul li{position:relative; font-size:13px; margin-right: 22px;}
.news_view .flex_box .view ul li::after{content:""; position:absolute; top: 3px; right: -12px; width: 1px; height: 10px; background:#cccccc;}
.news_view .flex_box .view ul li:last-of-type{margin-right: 0;}
.news_view .flex_box .view ul li:last-of-type::after{display:none; }
.news_view .flex_box .view ul li.c{color: #064571;}
.news_view .flex_box .view .info{padding-top: 30px; overflow-y: auto; max-height: 550px; height: 100vh; }
.news_view .flex_box .view > p{margin-top: 20px;}
.news_view .flex_box .view > p a{font-size:16px; color: #555;}
.news_view .flex_box .view dl{display:flex; align-items:center; border-top: 1px solid #ddd;}
.news_view .flex_box .view dl dt{width: 140px; line-height: 50px; font-size:13px; color: #000; background: #eee;text-align: center; border-bottom: 1px solid #ddd;}
.news_view .flex_box .view dl dd{width: calc(100% - 140px); border-bottom: 1px solid #ddd;}
.news_view .flex_box .view dl dd a{width: 100%; line-height: 50px; display:inline-block;  padding: 0 20px; font-size:13px;}
.news_view .flex_box .link_list{width: 388px; border-left: 1px solid #e6ecf1; padding: 0 0 0 42px; margin-top: 10px;}
.news_view .flex_box .link_list .item{position:relative; display:flex; align-items:center; border-bottom:1px solid #e6ecf1; padding: 20px 0; cursor: pointer;}
.news_view .flex_box .link_list .item a{position:absolute; top: 0; right: 0; bottom: 0; left: 0;}
.news_view .flex_box .link_list .item:first-of-type{padding-top: 0;}
.news_view .flex_box .link_list .item figure{position:relative; padding-bottom:23.4%; width: 80px; overflow: hidden;}
.news_view .flex_box .link_list .item figure img{position:absolute; top: 50%; left: 50%; transform:translate(-50%,-50%); max-width: inherit; height: 100%;}
.news_view .flex_box .link_list .item .txt{width: calc(100% - 80px); padding-left: 20px;}
.news_view .flex_box .link_list .item .txt p{font-size:12px; color: #064571; margin-bottom: 16px}
.news_view .flex_box .link_list .item .txt h4{font-weight:300; font-size:14px; color: #555; line-height: 1.5;}
.news_view .btn p a i{color: #064571;}


.promote{}
.promote .sec01{padding-bottom:90px;}
.promote .sec01 .flex_box{display:flex;}
.promote .sec01 .flex_box figure{width: 50%;}
.promote .sec01 .flex_box figure img{}
.promote .sec01 .flex_box .txt{width: 50%; padding-left: 100px;}
.promote .sec01 .flex_box .txt > h3{font-size:22px; color: #333; margin: 6px 0 14px;}
.promote .sec01 .flex_box .txt > p{font-weight:300; font-size:16px; color: #555; line-height: 1.5;}
.promote .sec01 .flex_box .txt .border_box{border:1px solid #e0e0e0; margin-top: 36px; padding: 30px 40px;}
.promote .sec01 .flex_box .txt .border_box h4{font-size:18px; color: #333;}
.promote .sec01 .flex_box .txt .border_box p{font-weight:300; font-size:14px; color: #555; line-height: 1.6; margin-top: 16px; margin-bottom:25px;}
.promote .sec01 .flex_box .txt .border_box .input_box{}
.promote .sec01 .flex_box .txt .border_box .input_box .box{display:flex; margin-bottom:10px;}
.promote .sec01 .flex_box .txt .border_box .input_box .box:last-of-type{margin-bottom:0;}
.promote .sec01 .flex_box .txt .border_box .input_box .box input{width: calc(100% - 80px);height: 40px; background: #f1f1f1; border:none; padding: 0 14px; margin-right: 10px;  font-size:16px; color: #000;}
.promote .sec01 .flex_box .txt .border_box .input_box .box button{width: 70px; background: #064571; font-weight:300; font-size:14px; color: #fff; border:none; cursor: pointer;}
.promote .sec01 .flex_box .txt .border_box .input_box .box.w50 input{width: calc(50% - 5px); margin-right: 10px;}
.promote .sec01 .flex_box .txt .border_box .input_box .box.w50 select{width: calc(50% - 5px); height: 40px; background-color: #f1f1f1; border:none; padding: 0 14px; color: rgba(85, 85, 85, 0.5);  font-size:14px;}
.promote .sec01 .flex_box .txt .border_box .input_box .box input::placeholder{color: #555; opacity: 0.5; font-size:14px;}
.promote .sec02{padding: 80px 0 120px; background: #f9f9f9;}

.contact{}
.contact .flex_box{display:flex; }
.contact .flex_box .item{width: 50%;}
.contact .flex_box .item h3{font-weight:300; font-size:20px; color: #222; margin-bottom:24px;}
.contact .flex_box .item dl{margin-bottom:26px;}
.contact .flex_box .item dl:last-of-type{margin-bottom:0;}
.contact .flex_box .item dl dt{font-weight:300; font-size:17px; color: #064571; margin-bottom:16px;}
.contact .flex_box .item dl dd{margin-bottom:30px;}
.contact .flex_box .item dl dd:last-of-type{margin-bottom:0;}
.contact .flex_box .item dl dd p{font-weight:300; font-size:15px; color: #555; margin-bottom:8px;}
.contact .flex_box .item dl dd .c{color: #064571;}
.contact .flex_box .item dl dd p:last-of-type{margin-bottom:0;}
.contact .flex_box .item dl dd a{display:inline-block; width: 50px; height: 30px; line-height: 30px; background: #064a90; font-size:14px; color: #fff; font-weight:300; text-transform: uppercase; text-align: center; margin-top: 16px;}

.sub_search{overflow-x: hidden;}
.sub_search .s_tit03{font-weight:500; font-size:28px; color: #064571; margin-bottom: 28px;}
.sub_search .input_box{position:relative; display:flex; padding-bottom:30px;}
.sub_search .input_box::after{content:""; position:absolute; bottom: 0;left: 50%; width: 100vw; height: 1px; background: #e0e0e0; transform:translateX(-50%);}
.sub_search .input_box select{width: 270px; height: 50px; font-size:16px; color: #555; padding: 0 20px; border:1px solid #e0e0e0}
.sub_search .input_box .input{display:flex; width: calc(100% - 270px);}
.sub_search .input_box .input input{width: calc(100% - 140px); margin: 0 20px; height: 50px; border:1px solid #e0e0e0}
.sub_search .input_box .input button{font-weight:300; font-size:16px; color: #fff; width: 100px; height: 50px; background: #064571; border:none; cursor: pointer;}
.sub_search .cont{margin-top: 30px;}
.sub_search .cont > p{font-weight:300; font-size:16px; color: #555; padding-bottom:35px;}
.sub_search .cont > p > span{color: #064571;}
.sub_search .cont .scon{}
.sub_search .cont .scon .tit{display:flex; aling-items:center; justify-content:space-between; margin-bottom:26px;}
.sub_search .cont .scon .tit h4{font-weight:300; font-size:22px; color: #222;}
.sub_search .cont .scon .tit h4 span{position:relative; top: -2px; font-weight:100; font-size:14px; color: #555;}
.sub_search .cont .scon .tit .link{}
.sub_search .cont .scon .tit .link a{font-family: 'Poppins', sans-serif; font-size:12px; font-weight:300; color: #555; text-transform: uppercase;}
.sub_search .cont .scon .tit .link a i{position:relative; top: 1px;}
.sub_search .cont .scon .list{}
.sub_search .cont .scon .list.img{position:relative; flex-wrap:wrap; margin-bottom:60px;}
.sub_search .cont .scon .list.img::after{content:""; position:absolute; bottom: -30px; left: 50%; width: 100vw; height: 1px; background: #e0e0e0; transform:translateX(-50%);}
.sub_search .cont .scon .list.img .item{width: calc((100% - 24px) / 5);}
.sub_search .cont .scon .list.img .item:nth-of-type(5n){margin-right: 0;}
.sub_search .cont .scon .list .item{width: 100%;}
.sub_search .cont .scon .list .item figure{}
.sub_search .cont .scon .list .item figure img{}
.sub_search .cont .scon .list .item .hover{opacity: 0;}
.sub_search .cont .scon .list .item .hover p{}
.sub_search .cont .scon .list .item a{position:absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: 20;}
.sub_search .cont .scon.s_news .list .item{position:relative; padding: 20px; border:1px solid #e0e0e0; border-bottom: none;}
.sub_search .cont .scon.s_news .list .item:last-of-type{border-bottom: 1px solid #e0e0e0;}
.sub_search .cont .scon.s_news .list .item::after{content:""; position:absolute; top: 0; left: 0; width: 100%; height: 100%; border:2px solid #064571; z-index: 10; box-sizing:border-box; opacity: 0;}
.sub_search .cont .scon .list .item .top{display:flex; align-items:center;}
.sub_search .cont .scon .list .item .top h4{font-weight:300; font-size:16px; color: #333;}
.sub_search .cont .scon .list .item .top h4 span{font-weight:300; font-size:12px; color: #064571;}
.sub_search .cont .scon .list .item .top ul{display:flex; font-weight:300; font-size:13px; color: #666; margin-left: 20px;}
.sub_search .cont .scon .list .item .top ul li{position:relative; margin-right: 24px;}
.sub_search .cont .scon .list .item .top ul li::after{content:""; position:absolute; top: 3px; right: -13px; width: 1px; height: 10px; background: #cccccc;}
.sub_search .cont .scon .list .item .top ul li:last-of-type{margin-right: 0;}
.sub_search .cont .scon .list .item .top ul li:last-of-type::after{display:none; }
.sub_search .cont .scon .list .item > p{font-weight:300; font-size:16px; color: #333; opacity: 0.5; margin-top: 13px;}

.sub_search .cont .scon .list .item:hover .hover{opacity: 1;}
.sub_search .cont .scon.s_news .list .item:hover::after{opacity: 1;}
/* @media (max-width: 1200px){
	.overview.pb{min-height: auto;	padding-bottom:100px;}
	.overview .cont figure{width: 34%;}
	.overview .cont .txt p br{display:none; }
	.overview .cont .txt{width: 66%}
}


@media (max-width: 800px){
	.overview .cont{flex-wrap:wrap;}
	.overview .cont figure{width: 100%;}
	.overview .cont .txt{width: 100%; margin-left: 0; margin-top: 30px;}
}

@media (max-width: 600px){
	.overview .cont figure img{width: 100%;}
} */