/* main start */
.main .inner{margin:0 auto; width:100%; max-width:1440px;}
.main .main_visual{position:relative;height:100vh; overflow:hidden;}

.main .main_visual > .main_intro{position:absolute;width:100%; height:100%; overflow:hidden; z-index:99;}
.main .main_visual > .main_intro > .left_box{position:absolute; top:0; left:0; width:50%; height:100%; background:#fff; z-index:200;
-webkit-transition: left 1000ms ease-in-out; -moz-transition: left 1000ms ease-in-out; -o-transition: left 1000ms ease-in-out; transition: left 1000ms ease-in-out;}
.main .main_visual > .main_intro > .right_box{position:absolute; top:0; right:0; width:50%; height:100%; background:#fff; z-index:200;
-webkit-transition: right 1000ms ease-in-out; -moz-transition: right 1000ms ease-in-out; -o-transition: right 1000ms ease-in-out; transition: right 1000ms ease-in-out;}
.main .main_visual > .main_intro.on > .left_box{left:-50%;}
.main .main_visual > .main_intro.on > .right_box{right:-50%;}
.main .main_visual .main_text{position:absolute; top:50%; left:50%; margin-top:-90px; margin-left:-484px; text-align:center; z-index:101;}
.main .main_visual .main_text dl > dd{margin-top:35px; color:#fff; font-size:28px; line-height:42px; }

.main .main_visual > .main_video .item{width:100%;height:100%;}
.main .main_visual > .main_video .owl-item{height:100vh;}
.main .main_visual > .main_video .item01{background:#fff;}
.main .main_visual > .main_video .item02{background:#fff;}
.main .main_visual > .main_video .item03{background:url('../images/main/main_bg_01.jpg') no-repeat center center; background-size:cover;}
.main .main_visual > .main_video .video_box{position:absolute;top: 0;left: 0;width:100%;height:100%;overflow: hidden;}
.main .main_visual > .main_video .bg_video{position: absolute; top:50%; left:50%; transform:translate(-50%, -55%); }

.main .main_visual .owl-carousel .owl-nav button.owl-prev{position:absolute; top:50%; left:80px; z-index:101; width:29px; height:65px; margin-top:-33px; background:url('../images/main/main_sld_arrow_prev.png') no-repeat 0 0 / 29px; }
.main .main_visual .owl-carousel .owl-nav button.owl-next{position:absolute; top:50%; right:80px; z-index:101; width:29px; height:65px; margin-top:-33px; background:url('../images/main/main_sld_arrow_next.png') no-repeat 0 0 / 29px;}

.main .main_visual .scroll_down{position:absolute; bottom:0; left:50%; width:110px; height:135px; margin-left:-54px; text-align:center; z-index:101;}
.main .main_visual .scroll_down p{margin-bottom:16px; color:#fff; font-size:16px; font-weight:bold; line-height:}
.main .main_visual .scroll_down .line{display:inline-block; width:2px; height:100px; background:#fff; overflow:hidden;}
.main .main_visual .scroll_down .line:before{content:'';display:inline-block; width:2px; height:100px; background:#037ce4;
animation-name:scrolldown ;animation-iteration-count:infinite; animation-duration:2500ms;}

.main .sec_tit{color:#333; margin-bottom:15px; text-align:center; font-size:60px; font-weight: bold; }
.main .sec_tit.lt2{letter-spacing:-0.02em;}
.main .sec_txt{color:#888; text-align:center; font-size:18px; line-height:24px;}
.main .ty02 .sec_tit{color:#fff;}
.main .ty02 .sec_txt{color:#fff;}

.main .more_wrap{text-align:center;}

.main .more_ty01{position:relative; z-index:1;display:inline-block; vertical-align:top; width:160px; height:60px; padding-right:24px; font-size:18px; font-weight:bold; line-height:56px; text-align:center; box-sizing:border-box;border-radius:30px;cursor:pointer;}
.main .more_st01{color:#fff; border:2px solid #fff; overflow: hidden;
-webkit-transition: border 400ms ease-in-out; -moz-transition: border 400ms ease-in-out; -o-transition: border 400ms ease-in-out; transition: border 400ms ease-in-out;}
.main .more_st01:before{content:''; position:absolute; top:0; left:0; width:0; height:100%; background:#006ddf;z-index:-1;
-webkit-transition: width 400ms ease-in-out; -moz-transition: width 400ms ease-in-out; -o-transition: width 400ms ease-in-out; transition: width 400ms ease-in-out;}
.main .more_st01 em{position:absolute; top:50%; right:30px; width:26px; height:10px; margin-top:-5px; background:url('../images/main/main_icon_morewhite.png') no-repeat 0 0;}
.main .more_st01.on{border:2px solid #006ddf;}
.main .more_st01.on:before{width:100%;}
.main .more_st02{color:#333;border:2px solid #333; overflow: hidden;
-webkit-transition:color 400ms ease-in-out, border 400ms ease-in-out; -moz-transition:color 400ms ease-in-out, border 400ms ease-in-out; -o-transition:color 400ms ease-in-out, border 400ms ease-in-out; transition:color 400ms ease-in-out, border 400ms ease-in-out;}
.main .more_st02:before{content:''; position:absolute; top:0; left:0; width:0; height:100%; background:#006ddf;z-index:-1;
-webkit-transition: width 400ms ease-in-out; -moz-transition: width 400ms ease-in-out; -o-transition: width 400ms ease-in-out; transition: width 400ms ease-in-out;}
.main .more_st02 em{position:absolute; top:50%; right:30px; width:26px; height:10px; margin-top:-5px; background:url('../images/main/main_icon_moreblack.png') no-repeat 0 0;}
.main .more_st02.on{border:2px solid #006ddf; color:#fff;}
.main .more_st02.on:before{width:100%;}
.main .more_st02.on em{background:url('../images/main/main_icon_morewhite.png') no-repeat 0 0;}

.main .sec{padding-top:170px; padding-bottom:140px;}

.main .sec01 .compet_list{display: block; margin-top:80px;}
.main .sec01 .compet_list > div{float:left; width:32%; margin-left:2%; background:#fff; border:2px solid #e2e2e2;box-sizing:border-box;
-webkit-transition: background-color 400ms ease-in-out; -moz-transition: background-color 400ms ease-in-out; -o-transition: background-color 400ms ease-in-out; transition: background-color 400ms ease-in-out;}
.main .sec01 .compet_list > div:first-child{margin-left:0;}
.main .sec01 .compet_list > div .txt_box{padding: 30px 0px 30px 43px;}
.main .sec01 .compet_list > div .txt_box dt{position:relative; font-size:28px; font-weight:700; line-height:46px;
-webkit-transition:color 400ms ease-in-out; -moz-transition:colorcolor 400ms ease-in-out; -o-transition:color 400ms ease-in-out; transition:color 400ms ease-in-out;}
.main .sec01 .compet_list > div .txt_box dt:before{content:''; position:absolute; top:18px; left:-44px; width:27px; height:2px; background:#006ddf;}
.main .sec01 .compet_list > div .txt_box dd{margin-top:30px; color:#737373;font-size:20px; font-weight:500; line-height:32px;
-webkit-transition:color 400ms ease-in-out; -moz-transition:colorcolor 400ms ease-in-out; -o-transition:color 400ms ease-in-out; transition:color 400ms ease-in-out;}
.main .sec01 .compet_list > div.hover.on{background:#006ddf;}
.main .sec01 .compet_list > div.hover.on .txt_box dt{color:#fff;}
.main .sec01 .compet_list > div.hover.on .txt_box dt:before{background:#fff;}
.main .sec01 .compet_list > div.hover.on .txt_box dd{color:#fff;}
.main .sec01 .graph_img{margin-top:25px;}
.main .sec01 .graph_img > .graph_box{position:relative;width:100%; margin:0 auto; overflow:hidden;}
.main .sec01 .graph_img > .graph_box > .graph{position:absolute; top:0; left:0; width:0; height:100%; background:url('../images/main/sec_img_02_graph.png')no-repeat left bottom; background-size:cover;
-webkit-transition: width 1500ms ease-in-out; -moz-transition: width 1500ms ease-in-out; -o-transition: width 1500ms ease-in-out; transition: width 1500ms ease-in-out;}
.main .sec01 .graph_img > .graph_box > .graph.on{width:100%;}

.main .sec02{background-color:#f2f4f7; }
.main .sec02 .award_tit{position:relative;display:inline-block; padding:0 80px;}
.main .sec02 .award_tit:before{content:''; position:absolute; top:0; left:0; width:58px; height:118px; background:url('../images/main/img_award_wingleft.png') no-repeat 0 0; background-size:58px; }
.main .sec02 .award_tit:after{content:''; position:absolute; top:0; right:0; width:58px; height:118px; background:url('../images/main/img_award_wingright.png') no-repeat 0 0; background-size:58px; }
.main .sec02 .award_wrap{padding-top:80px; width:1200px; margin:0 auto;}
.main .sec02 .award_wrap .img_sld_wrap{float:right; width:800px}
.main .sec02 .award_wrap .img_sld_wrap .swiper-slide img.pc_block {display:block !important;}
.main .sec02 .award_wrap .img_sld_wrap .swiper-slide img.m_block {display:none !important;}
.main .sec02 .award_wrap .icon_sld_wrap .swiper-slide img.pc_block {display:block !important;}
.main .sec02 .award_wrap .icon_sld_wrap .swiper-slide img.m_block {display:none !important;}
.main .sec02 .award_wrap .icon_sld_wrap{float:left; width:400px; background:#006ddf;}
.main .sec02 .award_wrap .icon_sld_wrap .swiper-slide{display:table; height:400px;}
.main .sec02 .award_wrap .icon_sld_wrap .swiper-slide > .item{display:table-cell; vertical-align:middle;}
.main .sec02 .award_wrap .icon_sld_wrap .icon_wrap > img{display:block; margin:0 auto; width:100px;}
.main .sec02 .award_wrap .icon_sld_wrap .text_wrap > dl > dt{text-align:center; color:#fff; font-size:28px; font-weight:700; line-height:38px;}
.main .sec02 .award_wrap .icon_sld_wrap .text_wrap > dl > dd > p{text-align:center; color:#fff; font-size:18px; font-weight:300;  line-height:32px;}
.main .sec02 .award_wrap .swiper-button-prev{left:20px; width:29px; height:65px; background:url('../images/main/main_sld_arrow_prev.png') no-repeat center center;}
.main .sec02 .award_wrap .swiper-button-prev:after{display:none;}
.main .sec02 .award_wrap .swiper-button-next{right:20px; width:29px; height:65px; background:url('../images/main/main_sld_arrow_next.png') no-repeat center center;}
.main .sec02 .award_wrap .swiper-button-next:after{display:none;}

.main .sec03 .marketing_icon{margin-top:75px;}
.main .sec03 .marketing_icon > li{float:left; width:24%; margin-top:36px; margin-right:1%; cursor:default;
-webkit-transition: background-color 400ms ease-in-out; -moz-transition: background-color 400ms ease-in-out; -o-transition: background-color 400ms ease-in-out; transition: background-color 400ms ease-in-out;}
.main .sec03 .marketing_icon > li:nth-child(4n){margin-right:0;}
.main .sec03 .marketing_icon > li > a.link{display:block; padding-top: 35px;}
.main .sec03 .marketing_icon > li .icon_box{margin-botom:25px;}
.main .sec03 .marketing_icon > li .icon_box img{display:block;margin:0 auto;}
.main .sec03 .marketing_icon > li .txt_box{padding-bottom:60px; text-align:center; }
.main .sec03 .marketing_icon > li .txt_box dt{margin-top:25px; font-size:28px; font-weight:700; line-height:32px; 
-webkit-transition: color 400ms ease-in-out; -moz-transition: color 400ms ease-in-out; -o-transition: color 400ms ease-in-out; transition: color 400ms ease-in-out;}
.main .sec03 .marketing_icon > li .txt_box dd{margin-top:20px; padding:0 10px; font-size:20px; line-height:28px;
-webkit-transition: color 400ms ease-in-out; -moz-transition: color 400ms ease-in-out; -o-transition: color 400ms ease-in-out; transition: color 400ms ease-in-out;}
.main .sec03 .marketing_icon > li.hover.on{background:#006ddf;}
.main .sec03 .marketing_icon > li.hover.on .txt_box dt{color:#fff;}
.main .sec03 .marketing_icon > li.hover.on .txt_box dd{color:#fff;}

.main .sec04{background:url('../images/main/sec04_bg.png') no-repeat center; background-size:cover; background-attachment:fixed; }
.main .sec04 .solution_icon{margin-top:70px; margin-bottom:70px; text-align:center; font-size:0}
.main .sec04 .solution_icon li{position:relative; display:inline-block; width:20%; margin-left:-1px; padding:70px 0; background-color:transparent; border:1px solid #006ddf; z-index:2; box-sizing:border-box; cursor:pointer;}
.main .sec04 .solution_icon li > .link > .icon_box{margin-bottom:20px;}
.main .sec04 .solution_icon li > .link > .icon_box img{display:block; margin:0 auto;}
.main .sec04 .solution_icon li > .link > .txt_box dl{padding:0 20px;}
.main .sec04 .solution_icon li > .link > .txt_box dt{margin-bottom:10px; text-align:center; color:#fff; font-size:24px; font-weight:700; line-height:32px;}
.main .sec04 .solution_icon li > .link > .txt_box dd{display:-webkit-box; height:52px; text-align:center; color:#fff; font-size:18px; line-height:26px;
text-overflow:ellipsis; word-wrap:normal; overflow:hidden; -webkit-line-clamp:2; -webkit-box-orient:vertical;}
.main .sec04 .solution_icon li:hover{background-color:#006ddf;
-webkit-transition: background-color 400ms ease-in-out; -moz-transition: background-color 400ms ease-in-out; -o-transition: background-color 400ms ease-in-out; transition: background-color 400ms ease-in-out;}

/* 
.main .sec04 .solution_icon li .hover_bg{content:'';position:absolute; top:0; left:0; width:100%;height:0;background:#006ddf;z-index:-1;
-webkit-transition: height 400ms ease-in-out; -moz-transition: height 400ms ease-in-out; -o-transition: height 400ms ease-in-out; transition: height 400ms ease-in-out;}
.main .sec04 .solution_icon li:hover .hover_bg{height:100%;} 
*/

.main .sec05 .client_icon{margin-top:60px;margin-bottom:70px;}
.main .sec05 .client_icon li{position:relative; top:0; left:0; float:left; display:table; width:25%; height:200px; box-sizing:border-box; }
.main .sec05 .client_icon li .icon_box{display:table-cell; vertical-align:middle; }
.main .sec05 .client_icon li .icon_box img{display:block; margin:0 auto;}
/*
.main .sec05 .client_icon li .icon_box:before{content:''; position:absolute; top:0; left:0; height:100%; width:100%; border-top:1px solid #3357b2; border-bottom: 1px solid #3357b2;z-index:1;
-webkit-transform-origin:center; -moz-transform-origin:center; -o-transform-origin: center;
transform-origin:center; -webkit-transform: scale3d(0, 1, 1); -moz-transform:scale3d(0, 1, 1); -o-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1);}
.main .sec05 .client_icon li .icon_box:after{content:''; position:absolute; top:0; left:0; height:calc(100% - -2px); width:calc(100% - 1px); border-left:1px solid #3357b2; border-right: 1px solid #3357b2;
-webkit-transform-origin:center; -moz-transform-origin:center; -o-transform-origin: center;
transform-origin:center; -webkit-transform: scale3d(0, 1, 1); -moz-transform:scale3d(0, 1, 1); -o-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1);}
.main .sec05 .client_icon li .icon_box:hover::before, .sec05 .client_icon li .icon_box:hover::after {
-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s;}
*/

.main .sec06{background:#f2f4f7 url('../images/main/sec06_map.png') no-repeat center bottom;}
.main .sec06 .map_wrap{position:relative; height:715px;}
.main .sec06 .map_mark > .kr_seoul{position:absolute; top:362px; left:513px; width:34px; height:34px; background:rgba(0, 109, 223, 0.5); border-radius:50%;}
.main .sec06 .map_mark > .kr_busan{position:absolute; top:371px; left:540px; width:34px; height:34px; background:rgba(0, 109, 223, 0.5); border-radius:50%;}
.main .sec06 .map_mark > .jp{position:absolute; top:324px; left:620px; width:34px; height:34px; background:rgba(0, 109, 223, 0.5); border-radius:50%;}
.main .sec06 .map_mark > .cn{position:absolute; top:270px; left:370px; width:34px; height:34px; background:rgba(0, 109, 223, 0.5); border-radius:50%;}
.main .sec06 .map_mark > a.mark > em{position:absolute; top:50%; left:50%; width:6px; height:6px; margin-top:-3px; margin-left:-3px; background:#006ddf; border-radius:50%;}
.main .sec06 .map_mark > a.mark > p{color:#006dde; font-size:16px; font-weight:700; line-height:34px; }
.main .sec06 .map_mark > a.mark > p.left{position:absolute; top:0; right:0; padding-right:40px; }
.main .sec06 .map_mark > a.mark > p.right{position:absolute; top:0; left:0; padding-left:40px; }
.main .sec06 .map_mark > a.mark.on{background:rgba(255, 111, 97, 0.5);}
.main .sec06 .map_mark > a.mark.on > p{color:#ff6f61;}
.main .sec06 .map_mark > a.mark.on > em{background: #ff6f61;}
.main .sec06 .map_mark > a.mark .ballun{position:absolute; top:-55px; left:-29px; display:none; height:44px; padding:0 12px; background:#ff6f61; border-radius:5px; color:#fff; font-size:18px; line-height:44px;}
.main .sec06 .map_mark > a.mark.on .ballun{display:block;}
.main .sec06 .map_mark > a.mark .ballun:after{content:''; position:absolute; bottom:-6px; left:50%; width:13px; height:6px; margin-left:-6.5px; background:url('../images/main/ballun_tail.png') no-repeat 0 0;}

.main .sec06 .popup_wrap{position:absolute; top:50px; right:0; width:615px; background:#fff; border:1px solid #e2e2e2;}
.main .sec06 .popup_wrap .popup_close{position:absolute; top:0; right:0; width:13px; height:13px; padding:10px; background:#fff url('../images/main/map_close.png') no-repeat center; background-size:13px ;text-indent:-9999px;z-index:1;}
.main .sec06 .popup_wrap .loc_text{padding:50px 35px;}
.main .sec06 .popup_wrap .loc_text h3{margin-bottom:25px; font-size:28px; line-height:32px;}
.main .sec06 .popup_wrap .loc_text ul li{position:relative;margin-bottom:12px; padding-left:42px; color:#696969; font-size:18px; line-height:24px; font-weight:300;}
.main .sec06 .popup_wrap .loc_text ul li span{font-weight:500;}
.main .sec06 .popup_wrap .loc_text ul li:before{content:''; position:absolute; top:-3px; left:0; width:30px; height:30px; }
.main .sec06 .popup_wrap .loc_text ul li.loc:before{background:url('../images/main/map_icon_01.png')no-repeat 0 0; background-size:30px;}
.main .sec06 .popup_wrap .loc_text ul li.tel:before{background:url('../images/main/map_icon_02.png')no-repeat 0 0; background-size:30px;}
.main .sec06 .popup_wrap .loc_text ul li.mail:before{background:url('../images/main/map_icon_03.png')no-repeat 0 0; background-size:30px;}
.main .sec06 .popup_wrap .loc_text ul li.transport:before{background:url('../images/main/map_icon_04.png')no-repeat 0 0; background-size:30px;}
.main .sec06 .popup_wrap .loc_text ul li.homepage:before{background:url('../images/main/map_icon_05.png')no-repeat 0 0; background-size:30px;}
.main .sec06 .popup_wrap .popup_bg{display:none;}
/* main end */

/* sub common */
.sub .inner{margin:0 auto; width:100%; max-width:1200px;}
.sub dl.sub_tit dt{margin-bottom:55px; text-align:center; font-size:20px; font-weight:700; line-height:24px;}
.sub dl.sub_tit dt > h3{color:#696a6b;}
.sub dl.sub_tit dd{text-align:center; font-size:42px; font-weight:700; line-height:56px;}

.sub .sec_tit{text-align:center; color:#202020; font-size:40px; font-weight:bold; line-height:56px;}
.sub .sec_sub_tit{color:#202020; font-size:30px; font-weight:bold; line-height:40px;}

.sub .sub_ban .vl_md{display:table; width:100%; height:570px; }
.sub .sub_ban .vl_md > div{display:table-cell; vertical-align:middle; width:100%; text-align:center;}
.sub .sub_ban .vl_md > div h2{color:#fff; text-align:center; font-size:56px; line-height:74px;}
.sub .sub_ban .vl_md > div h2.ty2{color:#fff; text-align:center; font-size:54px; line-height:64px;}
.sub .sub_ban .vl_md > div p{margin-top:20px; color:#fff; text-align:center; font-size:20px; line-height:33px;}
.sub .sub_ban .vl_md h2 > span{color:#00b8ff;}

.sub .sub_intro{position:absolute;width:100%; height:570px; overflow:hidden; z-index:99;}
.sub .sub_intro > .left_box{position:absolute; top:0; left:0; width:50%; height:100%; background:#fff; z-index:200;
-webkit-transition: left 1000ms ease-in-out; -moz-transition: left 1000ms ease-in-out; -o-transition: left 1000ms ease-in-out; transition: left 1000ms ease-in-out;}
.sub .sub_intro > .right_box{position:absolute; top:0; right:0; width:50%; height:100%; background:#fff; z-index:200;
-webkit-transition: right 1000ms ease-in-out; -moz-transition: right 1000ms ease-in-out; -o-transition: right 1000ms ease-in-out; transition: right 1000ms ease-in-out;}
.sub .sub_intro.on > .left_box{left:-50%;}
.sub .sub_intro.on > .right_box{right:-50%;}


/* sub common end */

.sub.about .sub_ban{background:url('../images/sub/bn_about_top.jpg') no-repeat center; background-size:cover;}
.about .sec01{padding-top:200px; padding-bottom:135px;}
.about .sec01 .greeting_tit{margin-top:110px; font-size:42px; font-weight:300; line-height:63px; }
.about .sec01 .greeting_tit > strong{font-weight:500;}
.about .sec01 .greeting_wrap{margin-top:40px;}
.about .sec01 .greeting_wrap > div{float:left; width:50%;}
.about .sec01 .greeting_wrap > div.text_warp > p{margin-bottom:45px; color:#747474; font-size:18px; line-height:36px;} 
.about .sec01 .greeting_wrap > div.img_warp{position:relative;} 
.about .sec01 .greeting_wrap > div.img_warp > img{position:absolute;top:-70px; left:0; width:720px; max-width:none;} 

.about .sec02{padding-top:180px; padding-bottom:160px; background:#f2f4f7;}
.about .sec02 .compet_list {margin-top:100px;}
.about .sec02 .compet_list li{float:left; width:33.3%;}
.about .sec02 .compet_list li .icon_box{margin-bottom:25px}
.about .sec02 .compet_list li .icon_box img{display:block;margin:0 auto;}
.about .sec02 .compet_list li .txt_box{text-align:center;}
.about .sec02 .compet_list li .txt_box dt{height:60px; margin-bottom:25px; font-size:60px; font-weight:700; line-height:60px;}
.about .sec02 .compet_list li .txt_box dt span{color:#747474; font-size:18px; font-weight:400;}
.about .sec02 .compet_list li .txt_box dd{font-size:20px; line-height:28px;}

.about .sec03{padding-top:180px; padding-bottom:160px; background:#fff;}
.about .sec03 > .inner{max-width: 1440px;}
.about .sec03 .vision_list{margin-top:80px;} 
.about .sec03 .vision_list li{position:relative;float:left; width:33.33%;}
.about .sec03 .vision_list li.vision01:after{content:''; position:absolute; top:50%; right:-54px; width:108px; height:1px; background:#05a9f5;}
.about .sec03 .vision_list li.vision02:after{content:''; position:absolute; top:50%; right:-54px; width:108px; height:1px; background:#006dde;}
.about .sec03 .vision_list li .txt_circle{display:table; width:370px; height:370px; margin:0 auto; border-radius:50%; text-align:center;}
.about .sec03 .vision_list li.vision01 .txt_circle{border:1px solid #05a9f5;}
.about .sec03 .vision_list li.vision02 .txt_circle{border:1px solid #006dde;}
.about .sec03 .vision_list li.vision03 .txt_circle{border:1px solid #00469c;}
.about .sec03 .vision_list .txt_circle.vision01:after{}
.about .sec03 .vision_list .txt_circle.vision02:after{}
.about .sec03 .vision_list li .txt_circle > dl{display:table-cell;vertical-align:middle;}
.about .sec03 .vision_list li .txt_circle > dl > dt{position:relative; margin-bottom:30px; padding-top:30px; font-size:24px; font-weight:700;}
.about .sec03 .vision_list li.vision01 .txt_circle > dl > dt{color:#05a9f5;}
.about .sec03 .vision_list li.vision02 .txt_circle > dl > dt{color:#006dde;}
.about .sec03 .vision_list li.vision03 .txt_circle > dl > dt{color:#00469c;}
.about .sec03 .vision_list li.vision01 .txt_circle > dl > dt:before{content:''; position:absolute; top:0; left:50%; width:6px; height:6px; margin-left:-3px; background-color:#05a9f5; border-radius:50%;}
.about .sec03 .vision_list li.vision02 .txt_circle > dl > dt:before{content:''; position:absolute; top:0; left:50%; width:6px; height:6px; margin-left:-3px; background-color:#006dde; border-radius:50%;}
.about .sec03 .vision_list li.vision03 .txt_circle > dl > dt:before{content:''; position:absolute; top:0; left:50%; width:6px; height:6px; margin-left:-3px; background-color:#00469c; border-radius:50%;} 
.about .sec03 .vision_list .txt_circle > dl > dd{font-size:18px;line-height:30px;}

.about .sec04 dl.sub_tit{padding:110px 0;background:url('../images/sub/bn_about_history.jpg') no-repeat center; }
.about .sec04 dl.sub_tit dt  > h3{color:#fff;}
.about .sec04 dl.sub_tit dd{color:#fff; }
.about .sec04 .m_history_tab{display:none;}
.about .sec04 .history_tab li{float:left;width:25%;}
.about .sec04 .history_tab li a{display:block; width:100%; height:90px; border-bottom:2px solid #dfdfdf; color:#9d9d9d; text-align:center; font-size:20px; font-weight:400; line-height:90px;}
.about .sec04 .history_tab li a.on{border-bottom:2px solid #006ddf; color:#006ddf;}
.about .sec04 .gray_bg{padding-top:90px; padding-bottom:160px; background:#fcfcfe;}
.about .sec04 .history_tit{margin-bottom:130px; text-align:center; font-size:38px; line-height:48px;}
.about .sec04 .cont{display:none;}
.about .sec04 .cont.act{display:block;}
.about .sec04 .cont .history_img{float:left;width:50%;}
.about .sec04 .cont .history_img > .pc_history_img{display:block;}
.about .sec04 .cont .history_img > .m_history_img{display:none;}
.about .sec04 .cont .history_text{float:right;width:50%;}
.about .sec04 .cont .history_text dl{position:relative; padding-bottom:55px; margin-bottom:55px; border-bottom:1px solid #dfdfdf;}
.about .sec04 .cont .history_text dl.last{margin-bottom:0; padding-bottom:0; border-bottom:0; }
.about .sec04 .cont .history_text dl dt{position:absolute; top:-8px; left:0; font-size:40px; font-weight:bold;}
.about .sec04 .cont .history_text dl dd{padding-left:212px; }
.about .sec04 .cont .history_text dl dd .detail li{margin-top:20px; font-size:18px; line-height:24px; }
.about .sec04 .cont .history_text dl dd .detail li:first-child{margin-top:0;}

.about .sec05{padding-top:180px; padding-bottom:30px;}
.about .sec05 .ci_wrap{position:relative; margin-top:70px; }
.about .sec05 .ci_wrap > .ci_img{position:absolute; top:0; left:-40px; }
.about .sec05 .ci_wrap > .ci_info{padding-left:560px; }
.about .sec05 .ci_wrap > .ci_info > h4{margin-bottom:28px; font-size:26px; font-weight:700; line-height:30px; } 
.about .sec05 .ci_wrap > .ci_info > p{margin-bottom:40px; color:#747474; font-size:18px; font-weight:400; line-height:30px; }

.about .sec06{padding-top:180px; padding-bottom:160px;}
.about .sec06 .network_tab {margin-top:60px;}
.about .sec06 .network_tab li{float:left;width:25%;}
.about .sec06 .network_tab li a{display:block; width:100%; height:90px; border-top:2px solid #dfdfdf; border-bottom:2px solid #dfdfdf; color:#9d9d9d; text-align:center; font-size:20px; font-weight:400; line-height:90px;}
.about .sec06 .network_tab li a.on{border-bottom:2px solid #006ddf; color:#006ddf;}
.about .sec06 .cont{display:none;}
.about .sec06 .cont.act{display:block;}
.about .sec06 .m_network_btn{display:none;}
.about .sec06 .network_cont{ margin-top:40px; }
.about .sec06 .network_cont .location_map{ font-size:0; }
.about .sec06 .network_cont .location_map iframe{height:470px;}
.about .sec06 .network_cont .location_info{ padding:30px 0; border:2px solid #ededed; }
.about .sec06 .network_cont .location_info dl{position:relative; font-size:0;}
.about .sec06 .network_cont .location_info dl > dt{position:absolute; top:0; left:30px; font-size:24px; font-weight:700; line-height:30px; }
.about .sec06 .network_cont .location_info dl > dd{padding-left:200px;}
.about .sec06 .network_cont .location_info dl > dd > ul > li{position:relative; float:left; display:inline-block; padding-left: 42px; color:#696969; font-size:18px; line-height:30px; }
.about .sec06 .network_cont .location_info dl > dd > ul > li span{color:#202020; font-weight:400;}
.about .sec06 .network_cont .location_info dl > dd > ul > li.loc{margin-right:70px;}
.about .sec06 .network_cont .location_info dl > dd > ul > li:before{content:''; position:absolute; top:0px; left:0; width:30px; height:30px; }
.about .sec06 .network_cont .location_info dl > dd > ul > li.loc:before{background:url('../images/main/map_icon_01.png')no-repeat 0 0; background-size:30px;}
.about .sec06 .network_cont .location_info dl > dd > ul > li.tel:before{background:url('../images/main/map_icon_02.png')no-repeat 0 0; background-size:30px;}

.sub.people .sub_ban{background:url('../images/sub/bn_people_top.jpg') no-repeat center; background-size:cover;}
.sub.people .sec{padding-top:170px; padding-bottom:150px;}



.people .sec01 {padding-bottom:0 !important; background:#f3f4f8;}
.people .sec01 .ty01{padding-bottom:350px;}
.people .sec01 .ty02 {background:#fff; margin-bottom:-240px;}
.people .sec01 .ty02 > .inner{position:relative; top:-240px; width:1440px; padding:80px 120px 160px 120px; background:#fff;}
.people .sec01 .talent_img{margin-top:60px;}
.people .sec01 .person_system_text{margin-top:10px; font-size:18px; line-height:24px; }
.people .sec01 .person_system_list{margin-top:30px; margin-left:-2.5%; margin-bottom:90px;}
.people .sec01 .person_system_list li{position:relative; float:left; width:30.8%; height:340px; margin-left:2.5%; border:1px solid #dfdfdf; box-sizing:border-box;}
.people .sec01 .person_system_list li.first{background:url('../images/sub/img_people_sec_04_01.jpg') no-repeat 0 0; background-size:cover; }
.people .sec01 .person_system_list li.second{background:url('../images/sub/img_people_sec_04_02.jpg') no-repeat 0 0; background-size:cover; }
.people .sec01 .person_system_list li.third{background:url('../images/sub/img_people_sec_04_03.jpg') no-repeat 0 0; background-size:cover; }
.people .sec01 .person_system_list li .text_box{position:absolute; bottom:0; left:0; display:table; width:100%; height:120px; text-align:center;}
.people .sec01 .person_system_list li .text_box > p{display:table-cell; vertical-align:middle; color:#fff; font-size:18px; line-height:26px;}
.people .sec01 .edu_system_wrap{margin-top:25px; margin-bottom:90px; border-top:2px solid #095acd;}
.people .sec01 .edu_system_wrap .edu_system{position:relative; border-bottom:1px solid #dfdfdf;}
.people .sec01 .edu_system_wrap .edu_system dt{position:absolute; top:50%; left:0; width:100px; margin-top:-19px; text-align:center; font-size:16px; font-weight:700;}
.people .sec01 .edu_system_wrap .edu_system dt > span{display:inline-block; width:38px; height:38px;  background:#008cff; border-radius:50%; text-align:center; color:#fff;  font-size:16px; line-height:38px ;font-weight:700;}
.people .sec01 .edu_system_wrap .edu_system dd{padding:28px 0 28px 100px;}
.people .sec01 .edu_system_wrap .edu_system dd >  p{color:#747474; font-size:18px; line-height:26px;}
.people .sec01 .edu_system_list {margin-top:25px;}
.people .sec01 .edu_system_list > li{float:left; width:50%; min-height:230px; padding-left:50px; padding-right:50px; box-sizing:border-box;}
.people .sec01 .edu_system_list > li.first, .people .sec01 .edu_system_list > li.second{padding-top:40px;}
.people .sec01 .edu_system_list > li.third, .people .sec01 .edu_system_list > li.last{padding-top:55px;border-top:1px solid #dcdcdc;}
.people .sec01 .edu_system_list > li.even{border-left:1px solid #dcdcdc;}
.people .sec01 .edu_system_list > li.even:after{content:'';display:block;clear:both;}
.people .sec01 .edu_system_list > li > .box{position:relative; }
.people .sec01 .edu_system_list > li > .box > .icon_box{position:absolute; top:0; left:0;}
.people .sec01 .edu_system_list > li > .box > .text_box{padding-left:180px;}
.people .sec01 .edu_system_list > li > .box > .text_box dl {}
.people .sec01 .edu_system_list > li > .box > .text_box dl dt{margin-bottom:15px; color:#202020; font-size:22px; font-weight:500; line-height:24px; }
.people .sec01 .edu_system_list > li > .box > .text_box dl dd > ul.desc > li{position:relative; margin-top:10px; color:#747474; font-size:18px; line-height:24px;}
.people .sec01 .edu_system_list > li > .box > .text_box dl dd > ul.desc > li:first-child{margin-top:0;}
.people .sec01 .edu_system_list > li > .box > .text_box dl dd > ul.desc > li:before{content:''; position:absolute; top:8px; left:0; width:4px; height:4px; margin-left:-15px; background:#353535; border-radius:50%;}

.people .sec02{background:#f3f4f8;}
.people .sec02 .welfare_list{margin-top:60px;}
.people .sec02 .welfare_list{padding:15px 0;}
.people .sec02 .welfare_list li{float:left; width:25%; padding:30px 0; text-align:center;}
.people .sec02 .welfare_list li .icon_box{width:80px; height:80px; margin:0 auto; margin-bottom:10px; background:#fff; border-radius:50%;}
.people .sec02 .welfare_list li .text_box > h4{height:48px; text-align:center; font-size:18px; font-weight:500; line-height:24px; }

.people .sec03 .job_info {margin-top:60px; margin-left:-1.76%;}
.people .sec03 .job_info > li{position:relative;float:left; width:31.57%; margin-left:1.76%; margin-bottom:1.76%; background:#fff; border:1px solid #dfdfdf; box-sizing:border-box;}
.people .sec03 .job_info > li a{display:block; padding:45px 0;}
.people .sec03 .job_info > li .icon_box img{display:block;margin:0 auto;}
.people .sec03 .job_info > li .text_box{margin-top:20px; text-align:center;}
.people .sec03 .job_info > li .text_box > p{font-size:22px; font-weight:500; line-height:28px;}
.people .sec03 .job_info > li .hidden_text_box{opacity:0; position:absolute; top:0; left:0 ;width:100%; height:100%; -webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;}
.people .sec03 .job_info > li.on .hidden_text_box{opacity:1; background-color:#006ddf;}
.people .sec03 .job_info > li .hidden_text_box dl{margin:35px 30px 0 30px; }
.people .sec03 .job_info > li .hidden_text_box dl dt{padding-bottom:15px; color:#fff; font-size:22px; font-weight:500; line-height:30px; border-bottom:1px solid #fff;}
.people .sec03 .job_info > li .hidden_text_box dl dd{margin-top:15px;}
.people .sec03 .job_info > li .hidden_text_box dl dd > ul > li{position:relative; margin-bottom:5px; padding-left:10px; color:#fff; font-size:18px; font-weight:300; line-height:24px;} 
.people .sec03 .job_info > li .hidden_text_box dl dd > ul > li:before{content:'·'; position:absolute; top:0;left:0;} 
.people .sec03 .popup_wrap{position: fixed; top:0; left:0; right:0; bottom:0; display:none; zoom:1; overflow-y:auto; z-index: 9999;}
.people .sec03 .popup_wrap > .popup_box{position:absolute; top:50%; left:50%; width: 600px; margin-top:-300px; margin-left:-300px; padding:20px 40px; background:#fff; box-sizing:border-box; z-index:10001;}
.people .sec03 .popup_wrap .inner{position:relative; }
.people .sec03 .popup_wrap .popup_close{position:absolute; top:0; right:0; width:40px; height:40px; background:url('../images/sub/popup_close.png') no-repeat 0 0; background-size:40px; text-indent:-9999px; }
.people .sec03 .popup_wrap .popup_job > h2{padding-top:30px; margin-bottom:20px; text-align:center; font-size:30px;line-height:34px;}
.people .sec03 .popup_wrap .popup_job > .text_wrap > .text_box{position:relative; padding:25px 0;}
.people .sec03 .popup_wrap .popup_job > .text_wrap > .text_box.ty1{border-top:1px solid #000;}
.people .sec03 .popup_wrap .popup_job > .text_wrap > .text_box.ty2{border-top:1px solid #e5e5e5;}
.people .sec03 .popup_wrap .popup_job > .text_wrap > .text_box > dt{position:absolute; top:25px; left:40px; font-size:18px; font-weight:700; line-height:36px;}
.people .sec03 .popup_wrap .popup_job > .text_wrap > .text_box > dd{padding-left:200px;}
.people .sec03 .popup_wrap .popup_job > .text_wrap > .text_box > dd > ul > li{position:relative; padding-left:10px; color:#747474; font-size:18px; line-height:36px;}
.people .sec03 .popup_wrap .popup_job > .text_wrap > .text_box > dd > ul > li:before{content:'-'; position:absolute; top:0;left:0;}

.people .sec04{background:#fff;}
.people .sec04 .recruit_step_list {margin-top:60px; margin-left:-1.76%; margin-bottom:92px;}
.people .sec04 .recruit_step_list li{position:relative; float:left; width:31.57%; margin-left:1.76%; margin-bottom:1.76%; border:1px solid #fff; box-sizing:border-box;
-webkit-transition: border 400ms ease-in-out; -moz-transition: border 400ms ease-in-out; -o-transition: border 400ms ease-in-out; transition: border 400ms ease-in-out;}
.people .sec04 .recruit_step_list > li:hover{border:1px solid #006ddf;}
.people .sec04 .recruit_step_list > li > a {position:relative;display:block; padding:50px 40px 30px  40px; background:#f3f4f8; z-index:1;}
.people .sec04 .recruit_step_list > li > a .d-day{position:absolute; top:16px; right:18px; min-width:67px; height:60px; padding: 0 13px; text-align:center; font-size:20px; font-weight:500; line-height:60px; box-sizing: border-box;}
.people .sec04 .recruit_step_list > li > a .d-day.live{background:#333;color:#fff;}
.people .sec04 .recruit_step_list > li > a .d-day.end{background:#eaebed;color:#fff;}
.people .sec04 .recruit_step_list > li > a .category{margin-bottom:15px; }
.people .sec04 .recruit_step_list > li > a .category span{color:#9d9d9d; font-size:16px; font-weight:400; line-height:20px; }
.people .sec04 .recruit_step_list > li > a .title{ display:-webkit-box; height:56px; margin-bottom:25px; font-size:20px; font-weight:500; line-height:28px; text-overflow:ellipsis; word-wrap:normal; overflow:hidden;
-webkit-line-clamp:2; -webkit-box-orie nt:vertical;}
.people .sec04 .recruit_step_list > li > a .periods{color:#747474; font-size:18px; line-height:22px;}
.people .sec04 .recruit_step_list > li.nodata{width:98.25%;  padding:300px 0; text-align:center; border:1px solid #dfdfdf;}
.people .sec04 .recruit_step_list > li.nodata > p{font-size:24px; line-height:28px; }
.people .sec04 .recruit_step_list > li.nodata:before{display:none;}

.people .sec05{background:#f3f4f8;}
.people .sec05 .sec_tit {margin-bottom:60px;}
.people .sec05 .sec_sub_tit {margin-bottom:40px;}
.people .sec05 .recruit_process_step{display: inline-block;margin-bottom:50px;font-size:0;}
.people .sec05 .recruit_process_step li{position:relative; display:table; float:left; width:270px; height:270px; margin-right:40px; border:1px solid #006ddf; border-radius:50%; box-sizing: border-box;} 
.people .sec05 .recruit_process_step li.last{margin-right:0;} 
.people .sec05 .recruit_process_step li:after{content:''; position:absolute; top:50%; right:-30px; width:14px; height:25px; margin-top:-12.5px; background:url('../images/sub/arrow_recruit_step.png') no-repeat 0 0;} 
.people .sec05 .recruit_process_step li.last:after{display:none;} 
.people .sec05 .recruit_process_step li > div{display:table-cell; vertical-align:middle;} 
.people .sec05 .recruit_process_step li > div > img{display:block; margin:0 auto; margin-bottom:10px;} 
.people .sec05 .recruit_process_step li > div > p{color:#006ddf; text-align:center; font-size:24px; font-weight:500;} 
.people .sec05 .recruit_type_wrap{margin-bottom:70px; border-top:2px solid #095acd;}
.people .sec05 .recruit_type{position:relative;border-bottom:1px solid #dfdfdf;font-size:0;}
.people .sec05 .recruit_type dt{position:absolute; top:35px; left:0; width:240px; text-align:center; font-size:26px; font-weight:700;}
.people .sec05 .recruit_type dd{padding:40px 0px 40px 240px; font-size:18px;}
.people .sec05 .recruit_more{display:block; height:128px; padding-right:92px; background:url('../images/sub/bg_people_recruit_more.jpg') no-repeat 0 0; background-size:cover; text-align:center; color:#fff; font-size:26px; font-weight:700; line-height:128px;}
.people .sec05 .recruit_more em{display: inline-block; width:53px; height:18px; margin-left:40px; background:url('../images/sub/arrow_people_recruit_more.png')  no-repeat 0 0; }
.people .sec05 .recruit_process_desc{text-align:right; color:#747474; font-size:18px; line-height:24px; }

.people .sec06{}
.people .sec06 .interview_list {display:block; margin-top:60px; margin-left:0;}
.people .sec06 .interview_list .item{position:relative; float:left; width:32.07%; margin-left:1.76%; margin-bottom:1.76%; background:#fff; border:1px solid #dfdfdf; box-sizing:border-box;
-webkit-transition: border 400ms ease-in-out; -moz-transition: border 400ms ease-in-out; -o-transition: border 400ms ease-in-out; transition: border 400ms ease-in-out;}
.people .sec06 .interview_list .item:hover{border:1px solid #006ddf;}
.people .sec06 .interview_list .item:first-child{margin-left:0;}
.people .sec06 .interview_list .item > a{display:block;}
.people .sec06 .interview_list .item .img_box {overflow:hidden;position:relative;z-index:1;}
.people .sec06 .interview_list .item .img_box img{width:100%; transform: scale(1);
-webkit-transition: transform 800ms ease-in-out; -moz-transition: transform 800ms ease-in-out; -o-transition: transform 800ms ease-in-out; transition: transform 800ms ease-in-out;}
.people .sec06 .interview_list .item .text_box{position:relative; z-index:1; padding:20px 0; background:#fff; text-align:center;}
.people .sec06 .interview_list .item .text_box dt{color:#006dc9; font-size:18px; font-weight:400;}
.people .sec06 .interview_list .item .text_box dd{color:#202020; font-size:22px; font-weight: 700; }
.people .sec06 .interview_list .item:hover .img_box img{transform: scale(1.1);}
.people .sec06 .popup_wrap{position:fixed; top:0; bottom:0; left:0; right:0; display:none; width:100%; height:100%;  background-color:#fff; z-index:1000;}
.people .sec06 .popup_wrap > .inner{position:relative;padding:130px 0;}
.people .sec06 .popup_wrap a.popup_close{position:absolute;top:40px; right:0;width:40px; height:40px; padding:10px; text-indent:-9999px; background:url('../images/sub/popup_close.png') no-repeat 0 0; background-size:40px;}
.people .sec06 .popup_wrap .interview_wrap{position:relative;width:1060px; margin:0 auto; }
.people .sec06 .popup_wrap .interview_wrap{width:1060px; margin:0 auto; }
.people .sec06 .popup_wrap .interview_wrap .profile_box{position:absolute;top:0;left:0;}
.people .sec06 .popup_wrap .interview_wrap .profile_box .profile_img{border-radius:50%;overflow:hidden;}
.people .sec06 .popup_wrap .interview_wrap .profile_box .profile_text {margin-top:20px; }
.people .sec06 .popup_wrap .interview_wrap .profile_box .profile_text > dt{text-align:center; color:#006dc9; font-size:18px; line-height:32px; }
.people .sec06 .popup_wrap .interview_wrap .profile_box .profile_text > dd{text-align:center; font-size:22px; font-weight:500; line-height:32px; }
.people .sec06 .popup_wrap .interview_wrap .text_box{height:70vh; padding-left:300px; overflow-y:scroll;}
.people .sec06 .popup_wrap .interview_wrap .text_box::-webkit-scrollbar {width:2px;}
.people .sec06 .popup_wrap .interview_wrap .text_box::-webkit-scrollbar-track {background:#cecece;}
.people .sec06 .popup_wrap .interview_wrap .text_box::-webkit-scrollbar-thumb {background: #2a313b;}
.people .sec06 .popup_wrap .interview_wrap .text_box::-webkit-scrollbar-thumb:hover{background:#555;}
.people .sec06 .popup_wrap .interview_wrap .text_box dl dt {position:relative;}
.people .sec06 .popup_wrap .interview_wrap .text_box dl dt > .profile_icon{position:absolute; top:0; left:0; border-radius:50%; overflow:hidden;}
.people .sec06 .popup_wrap .interview_wrap .text_box dl dt > p{position:relative; margin-left:80px; margin-right: 130px;margin-bottom:17px; padding:20px; background-color:#f3f3f3; border-radius:0px 5px 5px 5px; color:#646464; font-size:16px; font-weight:400; line-height:28px;
-webkit-box-shadow: 0px 2px 2px 0px rgba(204,204,204,1); -moz-box-shadow: 0px 2px 2px 0px rgba(204,204,204,1); box-shadow: 0px 2px 2px 0px rgba(204,204,204,1);}
.people .sec06 .popup_wrap .interview_wrap .text_box dl dt > p:before{content:''; position:absolute; top:0; left:-10px; width:10px; height:13px; background:url('../images/sub/img_interview_qTail.png') no-repeat 0 0;}
.people .sec06 .popup_wrap .interview_wrap .text_box dl dd{position:relative;}
.people .sec06 .popup_wrap .interview_wrap .text_box dl dd > .profile_icon{position:absolute; top:0; right:50px; border-radius:50%; overflow:hidden;}
.people .sec06 .popup_wrap .interview_wrap .text_box dl dd > p{position:relative; margin-left:100px; margin-right: 130px;margin-bottom:17px; padding:20px; background-color:#d5f3ff; border-radius:5px 0px 5px 5px; color:#000; font-size:16px; font-weight:300; line-height:28px;
-webkit-box-shadow: 0px 2px 2px 0px rgba(204,204,204,1); -moz-box-shadow: 0px 2px 2px 0px rgba(204,204,204,1); box-shadow: 0px 2px 2px 0px rgba(204,204,204,1);}
.people .sec06 .popup_wrap .interview_wrap .text_box dl dd > p:before{content:''; position:absolute; top:0; right:-10px; width:10px; height:13px; background:url('../images/sub/img_interview_aTail.png') no-repeat 0 0;}

/*
.people .sec07 .news_tab {margin-top:80px; text-align:center; font-size:0;}
.people .sec07 .news_tab li{ display: inline-block;margin:0 40px;}
.people .sec07 .news_tab li a{position:relative; display:inline-block; height:36px; font-size:20px; line-height:36px; }
.people .sec07 .news_tab li a.webzine{font-weight:500;}
.people .sec07 .news_tab li a.on{padding:0 5px; color:#095acd; font-weight:700;}
.people .sec07 .news_tab li a.on:after{content:''; position:absolute; bottom:0; left:0; width:100%; height:2px; background:#095acd;}
.people .sec07 .search_wrap{margin-top:65px; padding:82px 230px;background:#f2f4f7;}
.people .sec07 .search_wrap .search_form{position:relative; padding-right:108px; border:0; background:#fff;
-webkit-box-shadow: 0px 0px 15px 0px rgba(59,59,59,0.1); -moz-box-shadow: 0px 0px 15px 0px rgba(59,59,59,0.1); box-shadow: 0px 0px 15px 0px rgba(59,59,59,0.1)}
.people .sec07 .search_wrap .search_form .search_inp{width:100%;height:80px;padding-left:42px; color:#737373; font-size:20px; font-weight:300; line-height:80px; border:0;box-sizing: border-box;}
.people .sec07 .search_wrap .search_form .search_btn {position:absolute;top:0;right:0;width:108px;height:80px;border:0;border-left: none;box-sizing:border-box;background:url('../images/sub/icon_search.png') no-repeat center center;background-size:26px;}
.people .sec07 .news_list {margin-top:50px; margin-left:-1.76%; margin-bottom:92px;}
.people .sec07 .news_list li{position:relative; float:left; width:31.57%; margin-left:1.76%; margin-bottom:1.76%; border:1px solid #dfdfdf; box-sizing:border-box;}
.people .sec07 .news_list li:before{content:''; position:absolute; top:-1px; left:-1px; width:0; height:100%; border:0px solid #dfdfdf; z-index:0;
-webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;}
.people .sec07 .news_list li:hover:before{width:100%;border:1px solid #006ddf;}
.people .sec07 .news_list li a {position:relative; display:block; padding:30px 40px; background-color:#fff; z-index:1;}
.people .sec07 .news_list li a .category{margin-bottom:15px; }
.people .sec07 .news_list li a .category span{border-bottom:1px solid #006ddf; color:#006ddf; font-size:16px; font-weight:400; line-height:20px; }
.people .sec07 .news_list li a .title{ display:-webkit-box; height:56px; margin-bottom:25px; font-size:20px; font-weight:500; line-height:28px; text-overflow:ellipsis; word-wrap:normal; overflow:hidden;
-webkit-line-clamp:2; -webkit-box-orient:vertical;}
.people .sec07 .news_list li a .date{color:#747474; font-size:16px; line-height:20px;}
.people .sec07 .news_list li.nodata{width:98.25%; padding:300px 0; text-align:center; border:1px solid #dfdfdf;}
.people .sec07 .news_list li.nodata > p{font-size:24px; line-height:28px; }
.people .sec07 .news_list li.nodata:before{display:none;}
*/

.people .view .view_wrap{border-top:2px solid #000;}
.people .view .view_wrap > .view_head{position:relative; padding:35px 40px; border-top:1px solid #dfdfdf;}
.people .view .view_wrap > .view_head .category{margin-bottom:10px;} 
.people .view .view_wrap > .view_head .category span.notice_category{border-bottom: 1px solid #006ddf; font-size:16px; font-weight:500; color:#006ddf;}
.people .view .view_wrap > .view_head .category span.recruit_category{font-size:16px; font-weight:500; color:#9d9d9d;}
.people .view .view_wrap > .view_head .title{padding-right:200px; font-size:42px; font-weight:400; line-height:56px;}
.people .view .view_wrap > .view_head .date{position:absolute; bottom:0; right:0; color:#747474; font-size:18px; font-weight:400; line-height:22px;}
.people .view .view_wrap > .view_body{padding:40px; border-top:1px solid #dfdfdf;}
.people .view .view_wrap > .view_body .view_content{width:100%; max-width:1000px; margin:0 auto; }
.people .view .view_wrap > .view_body .view_content img{display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto; margin-bottom:15px;}
.people .view .view_wrap > .view_body .view_content p{margin-bottom: 15px; font-size: 18px; font-weight: 300; line-height: 24px; color: #666;}
.people .view .view_wrap > .view_body .btn_wrap{margin-bottom:45px; }
.people .view .view_wrap > .view_foot{position:relative; height:80px; margin-bottom:60px; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.people .view .view_wrap > .view_foot .page{height:80px; font-size:18px; line-height:80px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.people .view .view_wrap > .view_foot .prev_page{float:left; padding-left:140px; padding-right:40px; width:50%; box-sizing:border-box;}
.people .view .view_wrap > .view_foot .prev_page strong{position:absolute; top:0; left:40px; display: block; padding-left:30px;}
.people .view .view_wrap > .view_foot .prev_page strong:before{content:''; position:absolute; top:50%; left:0; width:13px; height:24px; margin-top:-12px; background:url('../images/common/icon_page_prev.png') no-repeat 0 0;}
.people .view .view_wrap > .view_foot .prev_page span{position:relative; color:#747474;}
.people .view .view_wrap > .view_foot .prev_page strong:after{content:''; position:absolute; top:50%; right:-10px; width:1px; height:16px; margin-top:-8px; background:#dfdfdf;}
.people .view .view_wrap > .view_foot .next_page{float:right; padding-left:40px; padding-right:140px; width:50%; text-align: right; box-sizing: border-box;}
.people .view .view_wrap > .view_foot .next_page strong {position:absolute; top:0; right:40px; display: block; padding-right:30px;}
.people .view .view_wrap > .view_foot .next_page strong:before{content:''; position:absolute; top:50%; right:0; width:13px; height:24px; margin-top:-12px;  background:url('../images/common/icon_page_next.png') no-repeat 0 0;}
.people .view .view_wrap > .view_foot .next_page span{position:relative; color:#747474;}
.people .view .view_wrap > .view_foot .next_page strong:after{content:''; position:absolute; top:50%; left:-10px; width:1px; height:16px; margin-top:-8px; background:#dfdfdf;}
.people .view .view_wrap > .view_head .title > span{display:inline-block; vertical-align: middle; height:48px; padding:0 14px; background:#333; color:#fff; font-size:28px; line-height:48px; }

/* work */
.sub.work .sub_ban{ background:url('../images/sub/bn_work_top.jpg') no-repeat center; background-size:cover;}
.sub.work .sec{ padding-top:170px; padding-bottom:150px;}

.work .more_wrap{ text-align:center;}
.work .sec01 .portfolio_select{ margin-top:60px; text-align:right; }
.work .sec01 .portfolio_select > select{width:305px; padding:0 15px; height:60px; border:0; border-bottom:2px solid #000; box-sizing:border-box; background:url('../images/common/arrow_select.png') no-repeat right 22px center;}
.work .sec01 .portfolio_list{ margin-top:50px; margin-bottom:50px; margin-left:-1.25%;}
.work .sec01 .portfolio_list li{position:relative; float:left; width:23.75%; margin-left:1.25%; margin-bottom:20px; border:1px solid #ededed; box-sizing:border-box;} 
.work .sec01 .portfolio_list li:nth-child(4n):after{content:'';display:block;clear:both;} 
.work .sec01 .portfolio_list li .thumnail_box{position:relative; overflow:hidden;}
.work .sec01 .portfolio_list li .thumnail_box > img{width:100%;transform: scale(1);
-webkit-transition: transform 800ms ease-in-out; -moz-transition: transform 800ms ease-in-out; -o-transition: transform 800ms ease-in-out; transition: transform 800ms ease-in-out;}
.work .sec01 .portfolio_list li:before{content:''; position:absolute; top:-1px; left:-1px; width:0; height:100%; border: 1px solid #dfdfdf;
-webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;}
.work .sec01 .portfolio_list li:hover:before{width:100%;border:1px solid #006ddf;}
.work .sec01 .portfolio_list li:hover .thumnail_box img{transform: scale(1.1);}
.work .sec01 .portfolio_list li .thumnail_box > .more{position:absolute; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0 , 0, 0.5); opacity:0;
-webkit-transition: opacity 400ms ease-in-out; -moz-transition: opacity 400ms ease-in-out; -o-transition: opacity 400ms ease-in-out; transition: opacity 400ms ease-in-out;}
.work .sec01 .portfolio_list li .thumnail_box > .more > span{position:absolute; top:50%;left:50%; width:100px; height:40px; margin-top:-20px; margin-left:-50px; padding-right:30px; border:1px solid #fff; border-radius:20px; text-align:center; color:#fff; font-size:14px; line-height:40px; box-sizing:border-box;}
.work .sec01 .portfolio_list li .thumnail_box > .more > span > em{position:absolute; top:50%; right:15px; width:19px; height:7px; margin-top:-3.5px; background:url('../images/sub/icon_portfolio_more.png') no-repeat 0 0;}
.work .sec01 .portfolio_list li:hover .thumnail_box > .more{opacity:1;}
.work .sec01 .portfolio_list li .text_box{ position:relative; padding:20px; background:#fff;}
.work .sec01 .portfolio_list li .text_box .title{ padding-right:110px; color:#202020; font-size:20px; font-weight: 500; line-height:24px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.work .sec01 .portfolio_list li .text_box .category{ position:absolute; top:15px; right:20px; display:inline-block; width:100px; height:33px; border:1px solid #606060; border-radius:18px; text-align:center; color:#606060; font-size:14px; line-height:33px; }

.work .sec01 .portfolio_list li.nodata{width:98.25%;  padding:300px 0; text-align:center; border:1px solid #dfdfdf;}
.work .sec01 .portfolio_list li.nodata > p{font-size:24px; line-height:28px; }
.work .sec01 .portfolio_list li.nodata:before{display:none;}

.work .sec02{background:#f3f4f8;}
.work .sec02 .award_list{margin-top:60px; margin-left:-1.67%; margin-bottom:70px;}
.work .sec02 .award_list li{float:left; width:31.66%; margin-left:1.67%; margin-bottom:30px; padding:65px 40px; background-color:#fff; border:1px solid #ededed; box-sizing:border-box;
-webkit-transition: box-shadow 400ms ease-in-out; -moz-transition: box-shadow 400ms ease-in-out; -o-transition: box-shadow 400ms ease-in-out; transition: box-shadow 400ms ease-in-out;}
.work .sec02 .award_list li:hover{
-webkit-box-shadow:0px 0px 15px 5px rgba(204,204,204,0.5); -moz-box-shadow:0px 0px 15px 5px rgba(204,204,204,0.5); box-shadow:0px 0px 15px 5px rgba(204,204,204,0.5);}
.work .sec02 .award_list li > a{display:block;}
.work .sec02 .award_list li:nth-child(3n):after{content:' ';display:block;clear:both;}
.work .sec02 .award_list li .img_box{margin-bottom:30px;}
.work .sec02 .award_list li .img_box img{display:block; margin:0 auto;}
.work .sec02 .award_list li .text_box{text-align:center;}
.work .sec02 .award_list li .text_box dt{margin-bottom:10px; color:#006dc9; font-size:18px; font-weight:700; line-height:24px; }
.work .sec02 .award_list li .text_box dd{height:48px; color:#202020; font-size:22px; font-weight:500; line-height:26px; }

.work .sec02 .award_list li.nodata{width:98.25%; padding:300px 0; background:#f3f4f8; text-align:center; border:1px solid #dfdfdf;}
.work .sec02 .award_list li.nodata:hover{-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}
.work .sec02 .award_list li.nodata > p{font-size:24px; line-height:28px; }
.work .sec02 .award_list li.nodata:before{display:none;}

.work .sec03 {background:url('../images/sub/bg_wok_sec03.jpg') center center no-repeat; background-size:cover; background-attachment:fixed;}
.work .sec03 .sec_tit{color:#fff;}
.work .sec03 .partner_list{ margin-top:90px;margin-left:-1.25%;}
.work .sec03 .partner_list li{ float:left; width:23.75%; margin-left:1.25%; margin-bottom:40px; } 
.work .sec03 .partner_list li .img_box{background:#fff; border:1px solid #ededed; box-sizing:border-box; }
.work .sec03 .partner_list li .img_box img{display:block; margin:0 auto;}
.work .sec03 .partner_list li .text_box{margin-top:15px; height: 52px;}
.work .sec03 .partner_list li .text_box > p{text-align:center; color:#fff; font-size:18px; line-height:26px; }

.work .sec03 .partner_list li.nodata{width:98.25%; padding:70px 0; text-align:center; background:transparent; border:0;}
.work .sec03 .partner_list li.nodata > p{color:#fff; font-size:24px; font-weight:400; line-height:28px; }

.work .sec04 >.inner{max-width:1440px;}
.work .sec04 .client_icon{margin-top:60px;margin-bottom:70px;}
.work .sec04 .client_icon li{position:relative; top:0; left:0; float:left; display:table; width:25%; height:200px; box-sizing:border-box; }
.work .sec04 .client_icon li .icon_box{display:table-cell; vertical-align:middle; }
.work .sec04 .client_icon li .icon_box img{display:block; margin:0 auto;}

/* 
.work .sec04 .client_icon li .icon_box:before{content:''; position:absolute; top:0; left:0; height:100%; width:100%; border-top:1px solid #3357b2; border-bottom: 1px solid #3357b2;z-index:1;
-webkit-transform-origin:center; -moz-transform-origin:center; -o-transform-origin: center;
transform-origin:center; -webkit-transform: scale3d(0, 1, 1); -moz-transform:scale3d(0, 1, 1); -o-transform: scale3d(0, 1, 1); transform: scale3d(0, 1, 1);}
.work .sec04 .client_icon li .icon_box:after{content:''; position:absolute; top:0; left:0; width:calc(100% - 1px); height:calc(100% - -2px); border-left:1px solid #3357b2; border-right:1px solid #3357b2; 
-webkit-transform-origin:center; -moz-transform-origin:center; -o-transform-origin:center; transform-origin:center; 
-webkit-transform:scale3d(0, 1, 1); -moz-transform:scale3d(0, 1, 1); -o-transform:scale3d(0, 1, 1); transform:scale3d(0, 1, 1);}
.work .sec04 .client_icon li .icon_box:hover::before, .work .sec04 .client_icon li .icon_box:hover::after {
-webkit-transform: scale3d(1, 1, 1); transform: scale3d(1, 1, 1); -webkit-transition: -webkit-transform 0.5s; transition: transform 0.5s, -webkit-transform 0.5s;}
*/

.work .sec04 .client_icon li.nodata{width:98.25%; padding:200px 0; text-align:center; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.work .sec04 .client_icon li.nodata > p{font-size:24px; line-height:28px; }
.work .sec04 .client_icon li.nodata:before{display:none;}
/* work end */

/* work view */
.sub.work_view .sec{padding-bottom:150px;}
.work_view .sec > .inner{position:relative; padding-top:170px;}
.work_view .sec > .inner:before{content:''; position:absolute; top:0; left:0; width:100%; height:50%; background-color:#f3f4f8; z-index:-1;}
.work_view .work_category{margin-top:50px; text-align:center; }
.work_view .work_category li{display:inline-block; vertical-align:top; text-align:center; margin:0 10px;}
.work_view .work_category li span{display:block; min-width:110px; height:40px; padding:0 20px; border:2px solid #202020; border-radius:20px; font-size:18px; font-weight:400; line-height:38px; box-sizing:border-box; }

.work_view .view_wrap{margin-top:70px;}
.work_view .view_wrap > img{width:100%;}
.work_view .view_wrap > .pc_view{display:block;}
.work_view .view_wrap > .tablet_view{display:none;}
.work_view .view_wrap > .m_view{display:none;}

/* work view end */

/* business */
.sub.business .sub_ban{background-repeat:no-repeat; background-position:center center; background-size:cover;}
.business .inner{padding:0;}
.business .business_tab {position:relative; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.business .business_tab .swiper-container{width:1200px; margin:0 auto; padding:0 30px; overflow:hidden; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; box-sizing:border-box;}
.business .business_tab .swiper-slide{width:auto; height:90px; }
.business .business_tab .swiper-slide > a{display:block; height:90px; padding:0 30px; font-size:22px; font-weight:300; line-height:90px; }
.business .business_tab .swiper-slide > a.on{position:relative; display:block; color:#006ddf; font-weight:700; border-bottom:1px solid #006ddf;}
.business .business_tab .swiper-slide > a.on:after{content:''; position:absolute; bottom:0px; left:0; width:100%; height:2px; background:#006ddf;}
.business .business_tab .swiper-button-prev, .business .business_tab .swiper-button-next{top:0px; left:50%; margin-top:-1px; width:90px; height:90px; border:1px solid #dfdfdf;}
.business .business_tab .swiper-button-prev{margin-left:-691px;}
.business .business_tab .swiper-button-prev:after{content:''; width:100%; height:100%; background-image:url('../images/sub/arrow_sub_tab_prev.png'); background-repeat:no-repeat; background-position:center; background-size:90px;}
.business .business_tab .swiper-button-next{margin-left:599px;}
.business .business_tab .swiper-button-next:after{content:''; width:100%; height:100%; background-image:url('../images/sub/arrow_sub_tab_next.png'); background-repeat:no-repeat; background-position:center; background-size:90px;}

.business .view_wrap > img{width:100%;}
.business .view_wrap > .pc_view{display:block;}
.business .view_wrap > .tablet_view{display:none;}
.business .view_wrap > .m_view{display:none;}

.business .down_ty01{display:inline-block; width:720px; height:80px; text-align:center; }
.business .down_st01{background-color:#095acd; border-radius:5px; color:#fff; font-size:24px; font-weight:700; line-height:80px; }
.business .down_st01 > span{position:relative; padding-left:55px; }
.business .down_st01 > span:before{content:''; position:absolute; top:0; left:0; width:29px; height:29px; background-image:url('../images/sub/icon_download.png'); background-repeat:no-repeat; background-position:center; background-size:29px;}
/* business end*/

/* IR */
.sub.ir .sub_ban{ background:url('../images/sub/bn_ir_top.jpg') no-repeat center; background-size:cover;}
.sub.ir .sec{ padding-top:170px; padding-bottom:150px;}

.ir .ir_tit{position:relative; margin-top:60px; margin-bottom:10px;}
.ir .sec_sub_tit > span{margin-left:15px; color:#606060; font-size:18px; font-weight:300; line-height:24px;}
.ir .ir_tit .right{position:absolute; right:0; bottom:5px;}
.ir .ir_tit .right > span{color:#606060; font-size:18px; font-weight:300; line-height:24px;}

.ir .sec01 .chart_box{padding-top:70px; border-top:2px solid #202020;}
.ir .sec02{background-color:#f3f4f8;}
.ir .sec02 .labels_list li {float:left;}
.ir .sec02 .labels_list li span{position:relative; margin-right:15px; padding-left:22px; color:#666; font-size:16px; font-weight:500; line-height:20px;}
.ir .sec02 .labels_list li.labels_total span:before{content:''; position:absolute; top:2px; left:0; width:14px; height:14px; background-color:#00b8ff; border-radius:50%;}
.ir .sec02 .labels_list li.labels_first span:before{content:''; position:absolute; top:2px; left:0; width:14px; height:14px; background-color:#066ddf; border-radius:50%;}
.ir .sec02 span.labels_text{color:#666; font-size:16px; font-weight:500; line-height:20px;}

.ir .sec03 .stock_wrap{margin-top:70px;}
.ir .sec03 .stock_wrap .stock_info_top{padding:70px 0; text-align:center; background-color:#f3f4f8; border-top:2px solid #000; font-size:0;} 
.ir .sec03 .stock_wrap .stock_info_top > dl{display:inline-block; padding:0 25px; text-align:center; font-size:0;} 
.ir .sec03 .stock_wrap .stock_info_top > dl > dt{display:inline-block; padding-right:20px; color:#606060; font-size:20px;} 
.ir .sec03 .stock_wrap .stock_info_top > dl > dd{display:inline-block; color:#606060; font-size:20px;} 
.ir .sec03 .stock_wrap .stock_info_top > dl > dd strong{padding:0 10px; color:#000; font-size:60px;} 
.ir .sec03 .stock_wrap .stock_info_top > dl.present_day{position:relative;}
.ir .sec03 .stock_wrap .stock_info_top > dl.present_day:after{content:''; position:absolute; top:50%; right:0; width:1px; height:44px; margin-top:-18px; background-color:#9d9d9d;}
.ir .sec03 .stock_wrap .stock_info_list{margin-top:20px; margin-left:-1.33%}
.ir .sec03 .stock_wrap .stock_info_list li{float:left; width:18.66%; margin-left:1.33%; border:1px solid #dfdfdf; box-sizing:border-box;}
.ir .sec03 .stock_wrap .stock_info_list li dl{padding:70px 0;text-align:center;}
.ir .sec03 .stock_wrap .stock_info_list li dl > dt{margin-bottom:20px; color:#747474; font-size:20px; font-weight:700; line-height:24px; }
.ir .sec03 .stock_wrap .stock_info_list li dl > dd{color:#000; font-size:28px; font-weight:500; line-height:36px;}
.ir .sec03 .stock_wrap .stock_info_bottom{margin-top:20px; padding:30px 0; border:1px solid #dfdfdf; text-align:center; font-size:0;}
.ir .sec03 .stock_wrap .stock_info_bottom dl{position:relative;display:inline-block; padding:0 48px;}
.ir .sec03 .stock_wrap .stock_info_bottom dl.krx:after{content:''; position:absolute; top:-8px; right:0; width:1px; height:44px; background-color:#dfdfdf;}
.ir .sec03 .stock_wrap .stock_info_bottom dl.krx > dt {display:inline-block; vertical-align:bottom; margin-right:22px; font-size:20px; line-height:28px;}
.ir .sec03 .stock_wrap .stock_info_bottom dl.krx > dd{display:inline-block; vertical-align:bottom; font-size:28px; line-height:28px;}
.ir .sec03 .stock_wrap .stock_info_bottom dl.net_change > dt{display:inline-block; vertical-align:bottom; margin-right:15px; font-size:18px; line-height:26px;}
.ir .sec03 .stock_wrap .stock_info_bottom dl.net_change > dd{display:inline-block; vertical-align:bottom;}
.ir .sec03 .stock_wrap .stock_info_bottom dl.net_change > dd > span{position:relative; padding-left:24px; font-size:22px; line-height:26px;}
.ir .sec03 .stock_wrap .state{position:relative; padding-left:24px; font-size:22px; line-height:26px;}
.ir .sec03 .stock_wrap span.state.up{color:#f10000;}
.ir .sec03 .stock_wrap span.state.up:before{content:'▲'; position:absolute; top:0; left:0; font-size:13px; }
.ir .sec03 .stock_wrap span.state.down{color:#066ddf;}
.ir .sec03 .stock_wrap span.state.down:before{content:'▼'; position:absolute; top:0; left:0; font-size:13px; }
.ir .sec03 .stock_tb_wrap{margin-top:70px;}
.ir .sec03 .sellandbuy_tb_warp{margin-top:70px;}

.ir .sec04{background-color:#f3f4f8;}
.ir .sec04 .investment_wrap{margin-top:60px; padding:110px 0; background:#fff;}
.ir .sec04 .investment_wrap .investment_box{width:800px; height:800px; margin:0 auto;}

.ir .chart_wrap > div{float:left; width:50%;padding:0 65px; box-sizing:border-box;}
.ir .tb_wrap > div{float:left; width:50%}

.ir .ir_tb{width:100%; border-top:2px solid #202020;}
.ir .ir_tb.ty01{border-top:2px solid #202020;}
.ir .ir_tb.ty02{border-top:1px solid #606060;}

.ir .ir_tb td.center{text-align:center;}
.ir .ir_tb td.right{text-align:right;}

.ir .ir_tb span.fs20{font-size:20px;}
.ir .ir_tb span.fs18{font-size:18px;}
.ir .ir_tb span.fs16{font-size:16px;}

.ir .ir_tb th, .ir .ir_tb td{height:70px; padding:20px 35px; border-left:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; box-sizing:border-box;}
.ir .ir_tb th:first-child, .ir .ir_tb td:first-child{border-left:0;}
.ir .ir_tb th.gray_bg, .ir .ir_tb td.gray_bg{background:#f3f4f8;}

.ir .ir_tb .state.up{color:#e40505;}
.ir .ir_tb .state.down{color:#066ddf;}

.ir .ir_tb .total_state.total_state{font-weight:500}
.ir .ir_tb .total_state.total_up, .ir .ir_tb .total_state.total_down{position:relative; margin-left:-30px; padding-left:30px;}
.ir .ir_tb .total_state.total_up:before{content:''; position:absolute; top:1px; left:0; width:20px; height:20px; background:url('../images/sub/icon_total_plus.png') no-repeat 0 0; }
.ir .ir_tb .total_state.total_down:before{content:''; position:absolute; top:1px; left:0; width:20px; height:20px; background:url('../images/sub/icon_total_minus.png') no-repeat 0 0; }

.ir .sec05 .search_wrap{margin-top:65px; padding:82px 185px;background:#f2f4f7;}
.ir .sec05 .search_wrap .search_select{position:absolute; top:0; left:0; height:80px; font-size:20px;}
.ir .sec05 .search_wrap .search_select > select{width:180px; height:80px; padding:0 30px; background:#fff url('../images/common/arrow_select.png') no-repeat right 22px center; border:0; border-bottom:2px solid #202020; font-size:20px; line-height:80px;
-webkit-box-shadow: 0px 0px 15px 0px rgba(59,59,59,0.1); -moz-box-shadow:0px 0px 15px 0px rgba(59,59,59,0.1); box-shadow:0px 0px 15px 0px rgba(59,59,59,0.1);}
.ir .sec05 .search_wrap .search_form{position:relative; margin-left:185px; padding-right:108px; background:#fff;
-webkit-box-shadow: 0px 0px 15px 0px rgba(59,59,59,0.1); -moz-box-shadow:0px 0px 15px 0px rgba(59,59,59,0.1); box-shadow:0px 0px 15px 0px rgba(59,59,59,0.1);}
.ir .sec05 .search_wrap .search_form .search_inp{width:100%;height:80px;padding-left:30px; color:#737373; font-size:20px; font-weight:300; line-height:80px; border:0; box-sizing: border-box;}
.ir .sec05 .search_wrap .search_form .search_btn {position:absolute; top:0; right:0; width:108px; height:80px;border:0;border-left: none;box-sizing:border-box;background:url('../images/sub/icon_search.png') no-repeat center center;background-size:26px;}

.ir .sec05 .irnotice_list {margin-top:50px; margin-left:-1.76%; margin-bottom:60px;}
.ir .sec05 .irnotice_list li{position:relative; float:left; width:31.57%; margin-left:1.76%; margin-bottom:1.76%; border:1px solid #dfdfdf; background:#fff; box-sizing:border-box;
-webkit-transition: border 400ms ease-in-out; -moz-transition: border 400ms ease-in-out; -o-transition: border 400ms ease-in-out; transition: border 400ms ease-in-out;}
.ir .sec05 .irnotice_list li:hover{border:1px solid #006ddf;}
/* 
.ir .sec05 .irnotice_list li:before{content:''; position:absolute; top:-1px; left:-1px; width:0; height:100%; border:0px solid #dfdfdf;
-webkit-transition: all 400ms ease-in-out; -moz-transition: all 400ms ease-in-out; -o-transition: all 400ms ease-in-out; transition: all 400ms ease-in-out;}
.ir .sec05 .irnotice_list li:hover:before{width:100%;border:1px solid #006ddf;}
*/
.ir .sec05 .irnotice_list li a {position:relative; display:block; padding:30px 40px; background:#fff; z-index:1; }
.ir .sec05 .irnotice_list li a .title{ display:-webkit-box; height:56px; margin-bottom:25px; font-size:20px; font-weight:500; line-height:28px; text-overflow:ellipsis; word-wrap:normal; overflow:hidden;
-webkit-line-clamp:2; -webkit-box-orient:vertical;}
.ir .sec05 .irnotice_list li a .date{color:#747474; font-size:16px; line-height:20px;}

.ir .sec05 .irnotice_list li.nodata{width:98.25%; padding:300px 0; text-align:center; border:1px solid #dfdfdf;}
.ir .sec05 .irnotice_list li.nodata > p{font-size:24px; line-height:28px; }
.ir .sec05 .irnotice_list li.nodata:before{display:none;}

.ir .touch_bg{display:none; }
.ir .touch_icon{display:none; }
.ir .touch_icon img{display:none; }

.ir .view .view_wrap{border-top:2px solid #000;}
.ir .view .view_wrap > .view_head{position:relative; padding:35px 40px; border-top:1px solid #dfdfdf;}
.ir .view .view_wrap > .view_head .title{padding-right:200px; font-size:42px; font-weight:400; line-height:56px;}
.ir .view .view_wrap > .view_head .date{position:absolute; bottom:0; right:0; color:#747474; font-size:18px; font-weight:400; line-height:22px;}
.ir .view .view_wrap > .view_head .download{position:absolute; top:0; right:0; color:#747474; font-size:18px; font-weight:400; line-height:22px;}

.ir .view .view_wrap > .view_body{padding:40px; border-top:1px solid #dfdfdf;}
.ir .view .view_wrap > .view_body .view_content{width:100%; max-width:1000px; margin:0 auto; }
.ir .view .view_wrap > .view_body .view_content > .btn_wrap{margin-bottom:30px;}
.ir .view .view_wrap > .view_body .view_content img{display: block; max-width: 100%; height: auto; margin-left: auto; margin-right: auto; margin-bottom:15px;}
.ir .view .view_wrap > .view_body .view_content p{margin-bottom: 15px; font-size: 18px; font-weight: 300; line-height: 24px; color: #666;}

.ir .view .view_wrap > .view_foot{position:relative; height:80px; margin-bottom:60px; border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.ir .view .view_wrap > .view_foot .page{height:80px; font-size:18px; line-height:80px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.ir .view .view_wrap > .view_foot .prev_page{float:left; padding-left:140px; padding-right:40px; width:50%; box-sizing:border-box;}
.ir .view .view_wrap > .view_foot .prev_page strong{position:absolute; top:0; left:40px; display: block; padding-left:30px;}
.ir .view .view_wrap > .view_foot .prev_page strong:before{content:''; position:absolute; top:50%; left:0; width:13px; height:24px; margin-top:-12px; background:url('../images/common/icon_page_prev.png') no-repeat 0 0;}
.ir .view .view_wrap > .view_foot .prev_page span{position:relative; color:#747474;}
.ir .view .view_wrap > .view_foot .prev_page strong:after{content:''; position:absolute; top:50%; right:-10px; width:1px; height:16px; margin-top:-8px; background:#dfdfdf;}

.ir .view .view_wrap > .view_foot .next_page{float:right; padding-left:40px; padding-right:140px; width:50%; text-align: right; box-sizing: border-box;}
.ir .view .view_wrap > .view_foot .next_page strong {position:absolute; top:0; right:40px; display: block; padding-right:30px;}
.ir .view .view_wrap > .view_foot .next_page strong:before{content:''; position:absolute; top:50%; right:0; width:13px; height:24px; margin-top:-12px;  background:url('../images/common/icon_page_next.png') no-repeat 0 0;}
.ir .view .view_wrap > .view_foot .next_page span{position:relative; color:#747474;}
.ir .view .view_wrap > .view_foot .next_page strong:after{content:''; position:absolute; top:50%; left:-10px; width:1px; height:16px; margin-top:-8px; background:#dfdfdf;}


.sub.util {padding-top:270px; padding-bottom:100px;}
.sub.util .tit{margin-bottom:85px;}
.sub.util .util_tit{margin-bottom:30px; text-align:center; font-size:60px; line-height:72px; font-family:'montserrat-extrabold'}
.sub.util .util_sub_tit{margin-top:65px; font-size:22px; line-height:28px; margin-bottom:15px;}
.sub.util .text{color:#747474; font-size:18px; line-height:40px;}
.sub.util .cpo_text{color:#202020; font-size:18px; font-weight:400; line-height:40px; }
.sub.util .cpo_text span{color:#006ddf;}

.sub.util .util_tb{margin-top:20px; width:100%; border-top:2px solid #000;}
.sub.util .util_tb th , .sub.util .util_tb td {padding:25px 0; text-align:center; font-size:18px; line-height:24px; border-bottom:1px solid #dfdfdf; border-left:1px solid #dfdfdf;}
.sub.util .util_tb th:first-child , .sub.util .util_tb td:first-child {border-left:0;}
.sub.util .util_tb th {background:#f3f4f8; font-size:18px; font-weight:400; line-height:32px; }
.sub.util .util_tb td {color:#747474; font-size:18px ;font-weight:300; line-height:32px; }

.sub.util .info_tit{margin-top:60px; font-size:18px; font-weight:400; line-height:40px;}
.sub.util .info_sub_tit{margin-top:40px; font-size:18px; font-weight:400; line-height:40px; }

@media screen and (max-width:1400px){
	.about .sec03 .vision_list li.vision01:after{display:none;}
	.about .sec03 .vision_list li.vision02:after{display:none;}
	.people .sec04 .ty02 > .inner{width:100%; padding:40px 40px 80px 40px; box-sizing:border-box;}
	.business .business_tab .swiper-button-prev, .business .business_tab .swiper-button-next{display:none;}
}
@media screen and (max-width:1282px){
	.about .sec03 .vision_list li .txt_circle{width:300px; height:300px;}
	.about .sec03 .vision_list li .txt_circle > dl > dt{margin-bottom:20px; padding-top:20px;}

	.people .sec01 .edu_system_list > li{padding-left:30px; padding-right:30px;}
	.people .sec01 .edu_system_list > li > .box > .icon_box{width:80px;}
	.people .sec01 .edu_system_list > li > .box > .text_box{padding-left: 130px;}
	.people .sec03 .job_info > li a{padding:50px 0;}
	.people .sec05 .recruit_process_step{}
	.people .sec05 .recruit_process_step > li{width:200px;height:200px;}
	.people .sec05 .recruit_process_step > li > div > img{margin-bottom:10px; }
	.people .sec05 .recruit_process_step > li > div > p{font-size:20px; line-height:30px;}
	.people .sec07 .popup_wrap .interview_wrap{width:100%;margin: 0 30px;}
}
@media screen and (max-width:1200px){
	.main .sec02 .award_wrap{width:100%}
	.main .sec02 .award_wrap .img_sld_wrap{width:70%;}
	.main .sec02 .award_wrap .icon_sld_wrap{width:30%;}
	.main .sec02 .award_wrap .icon_sld_wrap .swiper-slide{height:33.25vw;}

	.business .business_tab .swiper-container{width:auto; border:0;}
}
@media screen and (max-width:1100px){
	.main .sec01 .compet_list > div .txt_box{height:180px;}
	.main .sec04 .solution_icon li{width:33.33%}

	.people .sec03 .job_info > li a{padding:70px 0}
}