/* main start */
.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%; width:100%; transform: translateY(-50%); text-align:center; z-index:101;}
.main .main_visual .main_text dl > dt{padding:0 30px;}
.main .main_visual .main_text dl > dt > img{width:100%; max-width:950px;}
.main .main_visual .main_text dl > dd{margin-top:30px; color:#fff; font-size:28px;line-height:20px; }

.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:url('../images/main/m_main_bg_01.jpg') no-repeat center center; background-size:cover;}
.main .main_visual > .main_video .item02{background:url('../images/main/main_bg_04.jpg') no-repeat center center; background-size:cover;}
.main .main_visual > .main_video .item03{background:url('../images/main/main_bg_03.jpg') no-repeat center center; background-size:cover;}

.main .main_visual > .main_video .video_box{display:none;}

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

.main_visual .item.item02 .main_youtube_btn { cursor: pointer; width: initial; display: initial; }

.main .sec_tit{color:#333; margin-bottom:10px; text-align:center; font-size:42px; font-weight: bold; }
.main .sec_tit.lt2{letter-spacing:-0.02em;}
.main .sec_txt{color:#888; text-align:center; font-size:18px; line-height:26px;}
.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:180px; height:52px; padding-right:24px; font-size:18px; font-weight:bold; line-height:50px; text-align:center; box-sizing:border-box;border-radius:30px;cursor:pointer;}
.main .more_st01{color:#fff; border:1px solid #fff; overflow: hidden;}
.main .more_st01:before{content:''; position:absolute; top:0; left:0; width:0; height:100%; background:#006ddf;z-index:-1;}
.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:1px solid #006ddf;}
.main .more_st01.on:before{width:100%;}
.main .more_st02{color:#333;border:1px solid #333; overflow: hidden;}
.main .more_st02:before{content:''; position:absolute; top:0; left:0; width:0; height:100%; background:#006ddf; z-index:-1;}
.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:1px 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:90px; padding-bottom:90px;}

.main .sec01 .compet_list{display: block; margin-top:25px; margin-left:-1.5%;}
.main .sec01 .compet_list > div{float:left; width:31.8%; margin-left:1.5%; background:#fff; border:1px solid #e2e2e2;box-sizing:border-box;}
.main .sec01 .compet_list > div .txt_box{height:90px; padding: 15px 20px;}
.main .sec01 .compet_list > div .txt_box dt{position:relative; font-size:20px; font-weight:700; line-height:26px;}
.main .sec01 .compet_list > div .txt_box dt:before{content:''; position:absolute; top:10px; left:-20px; width:14px; height:1px; background:#006ddf;}
.main .sec01 .compet_list > div .txt_box dd{margin-top:15px; color:#737373;font-size:16px; font-weight:500; line-height:20px;}
.main .sec01 .compet_list > div.owl-dots{position:absolute; bottom:90px; left:0 ;margin:0; border:0; background:none;}
.main .sec01 .compet_list > div.owl-dots button.owl-dot{border:1px solid #fff;background:transparent; box-sizing:border-box;}
.main .sec01 .compet_list > div.owl-dots button.owl-dot.active{border:1px solid #fff;background:#fff;}

.main .sec01 .graph_img{margin-top:20px;}
.main .sec01 .graph_img > .graph_box{position:relative;width:100%; max-width:580px; 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/m_sec_img_02_graph.png')no-repeat left bottom; background-size:cover;
-webkit-transition: width 800ms ease-in-out; -moz-transition: width 800ms ease-in-out; -o-transition: width 800ms ease-in-out; transition: width 800ms 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; margin-bottom:40px; padding:0 100px;}
.main .sec02 .award_tit:before{content:''; position:absolute; top:2px; left:0; width:42px; height:86px; background:url('../images/main/img_award_wingleft.png') no-repeat 0 0; background-size:42px; }
.main .sec02 .award_tit:after{content:''; position:absolute; top:2px; right:0; width:42px; height:86px; background:url('../images/main/img_award_wingright.png') no-repeat 0 0; background-size:42px; }
.main .sec02{background-color:#f2f4f7; }

.main .sec02 .award_wrap{ margin:0 auto;}
.main .sec02 .award_wrap .img_sld_wrap .swiper-slide img.pc_block {display:none !important;}
.main .sec02 .award_wrap .img_sld_wrap .swiper-slide img.m_block {display:block !important; width:100%;}
.main .sec02 .award_wrap .icon_sld_wrap{background:#006ddf;}
.main .sec02 .award_wrap .icon_sld_wrap .swiper-slide > .item{padding:37px 0;}
.main .sec02 .award_wrap .icon_sld_wrap .icon_wrap > img{display:none;}
.main .sec02 .award_wrap .icon_sld_wrap .text_wrap > dl > dt{margin-bottom:10px; text-align:center; color:#fff; font-size:30px; 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:30px;}
.main .sec02 .award_wrap .swiper-button-prev{left:20px; width:22px; height:49px; background:url('../images/main/main_sld_arrow_prev.png') no-repeat center; background-size:22px;}
.main .sec02 .award_wrap .swiper-button-prev:after{display:none;}
.main .sec02 .award_wrap .swiper-button-next{right:20px; width:22px; height:49px; background:url('../images/main/main_sld_arrow_next.png') no-repeat center; background-size:22px;}
.main .sec02 .award_wrap .swiper-button-next:after{display:none;}
.main .sec02 .award_wrap .img_sld_wrap .owl-nav button{position:absolute; top:50%; display:block; width:17px; height:26px; margin-top:-13px; outline:none;}
.main .sec02 .award_wrap .img_sld_wrap .owl-nav .owl-prev {left:15px; background:url('../images/main/main_sld_arrow_prev.png') no-repeat center center; background-size:17px; }
.main .sec02 .award_wrap .img_sld_wrap .owl-nav .owl-next {right:15px;background:url('../images/main/main_sld_arrow_next.png') no-repeat center center; background-size:17px; }

.main .sec03 .marketing_icon{margin-top:10px;}
.main .sec03 .marketing_icon > li{float:left; width:50%; padding-top:20px;padding-bottom:10px;}
.main .sec03 .marketing_icon > li:nth-child(odd){content:'';display:block;clear:both;}
.main .sec03 .marketing_icon > li .icon_box{margin-bottom:10px;}
.main .sec03 .marketing_icon > li .icon_box img{display:block;width:62px;margin:0 auto;}
.main .sec03 .marketing_icon > li .txt_box{text-align:center; }
.main .sec03 .marketing_icon > li .txt_box dt{margin-top:20px; font-size:20px; font-weight:700; line-height:24px; }
.main .sec03 .marketing_icon > li .txt_box dd{margin-top:10px;  font-size:14px; line-height:20px;}

.main .sec04{background:url('../images/main/m_sec04_bg.jpg') no-repeat center; background-size:cover; background-attachment:fixed;}
.main .sec04 .solution_icon{margin-top:25px; margin-bottom:25px;}
.main .sec04 .solution_icon li{position:relative; float:left; width:50%; height:180px; margin-top:-1px; margin-left:-1px; padding:20px 10px 0px 10px; border:1px solid #006ddf; z-index:2; box-sizing:border-box;}
.main .sec04 .solution_icon li > .link{padding:20px 10px 0px 10px;}
.main .sec04 .solution_icon li > .link > .icon_box{margin-bottom:10px;}
.main .sec04 .solution_icon li > .link > .icon_box img{display:block; width:36px; margin:0 auto;}
.main .sec04 .solution_icon li > .link > .txt_box dt{margin-bottom:10px; text-align:center; color:#fff; font-size:20px; font-weight:700; line-height:24px;}
.main .sec04 .solution_icon li > .link > .txt_box dd{text-align:center; color:#fff; font-size:14px; line-height:20px;}
.main .sec04 .solution_icon li .hover_bg{content:'';position:absolute; top:0; left:0; width:100%;height:0;background:#006ddf;z-index:-1;}

.main .sec05 .client_icon{margin-bottom:60px;}
.main .sec05 .client_icon li{position:relative; top:0; left:0; float:left; width:33.33%; padding:30px 10px; text-align:center; box-sizing:border-box;}

.main .sec06{padding-bottom:0px; background: #f9fafb;}
.main .sec06 .inner{padding:0;}
.main .sec06 .map_wrap{position:relative; height:87vw; margin-top:-30px; background:url('../images/main/m_sec06_map.png') no-repeat center; background-size:100%; z-index:0;}
.main .sec06 .map_mark > .kr_seoul{position:absolute; top:57.625vw; left:48.5vw; width:5.3125vw; height:5.3125vw; background:rgba(0, 109, 223, 0.5); border-radius:50%;}
.main .sec06 .map_mark > .kr_busan{position:absolute; top:60.75vw; left:51.5vw; width:5.3125vw; height:5.3125vw; background:rgba(0, 109, 223, 0.5); border-radius:50%;}
.main .sec06 .map_mark > .jp{position:absolute; top:52.25vw; left:64.125vw; width:5.3125vw; height:5.3125vw; background:rgba(0, 109, 223, 0.5); border-radius:50%;}
.main .sec06 .map_mark > .cn{position:absolute; top:35.78vw; left:26.625vw; width:5.3125vw; height:5.3125vw; background:rgba(0, 109, 223, 0.5); border-radius:50%;}
.main .sec06 .map_mark > a.mark > em{position:absolute; top:50%; left:50%; width:0.9375vw; height:0.9375vw; margin-top:-0.46875vw; margin-left:-0.46875vw; background:#006ddf; border-radius:50%;}
.main .sec06 .map_mark > a.mark > p{color:#006dde; font-size:2.5vw; font-weight:700; line-height:5.3125vw; }
.main .sec06 .map_mark > a.mark > p.left{position:absolute; top:0; right:0; padding-right:6.25vw; }
.main .sec06 .map_mark > a.mark > p.right{position:absolute; top:0; left:0; padding-left:6.25vw; }
.main .sec06 .map_mark > a.mark .ballun{display:none;}
.main .sec06 .more_wrap {padding-bottom:80px;}

.main .sec06 .popup_wrap{position:fixed; top:0; left:0; display:none; right:0; bottom:0; z-index:999;}
.main .sec06 .popup_wrap > .popup{position:absolute; top:50%; left:50%; width:600px; margin-left:-300px; background:#fff; border:1px solid #e2e2e2; z-index:1001;transform: translateY(-50%); }
.main .sec06 .popup_wrap .popup_close{position:absolute; top:0; right:0; width:13px; height:13px; padding:10px; background: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:30px 20px;}
.main .sec06 .popup_wrap .loc_text h3{margin-bottom:25px; font-size:22px; line-height:28px;}
.main .sec06 .popup_wrap .loc_text ul li{position:relative;margin-bottom:12px; padding-left:42px; color:#696969; font-size:16px; line-height:20px; 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{position:absolute;top:0; left:0; background:rgba(55,55,55,0.5);  z-index:1000;}

/* main end */

/* sub common */
.sub .inner{margin:0 auto; width:100%;}
.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:500; line-height:56px;}

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

.sub .sub_ban .vl_md{display:table; width:100%; height:410px; }
.sub .sub_ban .vl_md > div{display:table-cell; vertical-align:middle; width:100%; padding:0 30px;}
.sub .sub_ban .vl_md > div h2{color:#fff; text-align:center; font-size:37px; line-height:45px;}
.sub .sub_ban .vl_md > div p{margin-top:20px; color:#fff; text-align:center; font-size:20px; line-height:28px;}
.sub .sub_ban .vl_md h2 > span{color:#00b8ff;}

.sub .sub_intro {position:absolute;width:100%; height:410px; 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 */

/* about */
.sub.about .sub_ban{background:url('../images/sub/m_bn_about_top.jpg') no-repeat center; background-size:cover;}
.sub.about .sec{padding-top:100px; padding-bottom:90px;}

.about .sec01 .greeting_tit{margin-top:40px; font-size:26px; font-weight:300; line-height:38px; }
.about .sec01 .greeting_tit > strong{font-weight:500;}
.about .sec01 .greeting_wrap{margin-top:30px;}
.about .sec01 .greeting_wrap > div.text_warp > p{margin-bottom:30px; color:#747474; font-size:16px; font-weight:300; line-height:28px;} 
.about .sec01 .greeting_wrap > div.img_warp{position:relative;} 
.about .sec01 .greeting_wrap > div.img_warp > img{display:block; margin:0 auto;} 

.about .sec02{background:#f2f4f7;}
.about .sec02 .compet_list {}
.about .sec02 .compet_list li{float:left; width:33.3%; margin-top:50px;}
.about .sec02 .compet_list li .icon_box{margin-bottom:20px}
.about .sec02 .compet_list li .icon_box img{display:block;margin:0 auto;width:80px;}
.about .sec02 .compet_list li .txt_box{text-align:center;}
.about .sec02 .compet_list li .txt_box dt{margin-bottom:15px; font-size:38px; font-weight:700; line-height:44px;}
.about .sec02 .compet_list li .txt_box dt span{color:#747474; font-size:14px; font-weight:400; line-height:30px;}
.about .sec02 .compet_list li .txt_box dd{font-size:18px; line-height:24px;}

.about .sec03{padding-bottom:0; background:#fff;}
.about .sec03 .vision_list{margin-top:50px;} 
.about .sec03 .vision_list li{position:relative; float:left; width:33.33%; margin-bottom:0;}
.about .sec03 .vision_list li .txt_circle{display:table; width:250px; height:250px; 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 li .txt_circle > dl{display:table-cell;vertical-align:middle;}
.about .sec03 .vision_list li .txt_circle > dl > dt{position:relative; margin-bottom:20px; padding-top:20px; font-size:18px; font-weight:700; line-height:26px;}
.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{padding:0 20px; font-size:16px;line-height:20px;}

.about .sec04{padding-top:0 !important;padding-bottom:20px !important;}
.about .sec04 > .inner{padding:0;}
.about .sec04 dl.sub_tit{padding:75px 0; background:url('../images/sub/bn_about_history.jpg') no-repeat center center; }
.about .sec04 dl.sub_tit dt  > h3{color:#fff;}
.about .sec04 dl.sub_tit dd{color:#fff; }
.about .sec04 .history_tab{display:block;}
.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:80px; border-bottom:2px solid #dfdfdf; color:#9d9d9d; text-align:center; font-size:20px; font-weight:400; line-height:80px;}
.about .sec04 .history_tab li a.on{border-bottom:2px solid #006ddf; color:#006ddf;}

.about .sec04 .gray_bg{padding-top:50px; padding-bottom:50px; background:#fcfcfe;}
.about .sec04 .history_tit{margin-bottom:50px; text-align:center; font-size:26px; line-height:32px;}
.about .sec04 .cont{display:none;}
.about .sec04 .cont.act{display:block;}
.about .sec04 .cont .history_img > .pc_history_img{display:none;}
.about .sec04 .cont .history_img > .m_history_img{display:block; max-width:100%; margin:0 auto;}
.about .sec04 .cont .history_text dl{position:relative; padding-top:40px; padding-bottom:40px; border-bottom:1px solid #dfdfdf;}
.about .sec04 .cont .history_text dl.last{border-bottom:0; }
.about .sec04 .cont .history_text dl dt{margin-bottom:15px; font-size:22px; line-height:28px; font-weight:700;}
.about .sec04 .cont .history_text dl dd .detail li{margin-top:7px; font-size:16px;line-height:22px; }
.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 .m_network_btn{display:block; width:100%; height:65px; margin-top:30px; border-top:1px solid #dfdfdf; border-bottom:1px solid #000; color:#202020; text-align:center; font-size:22px; font-weight:700; line-height:65px; box-sizing:border-box;}
.about .sec06 .m_network_btn > em{display:inline-block; width:18px; height:10px; margin-left:12px; background:url('../images/common/arrow_select_m.png') no-repeat 0 0; background-size:18px;}
.about .sec06 .network_tab {position:absolute; display:none; top:66px ; left:0; width:100%; background:#fff;}
.about .sec06 .network_tab li{width:100%;}
.about .sec06 .network_tab li a{display:block; width:100%; height:65px; margin-top:-1px; border:1px solid #dfdfdf; color:#202020; text-align:center; font-size:22px; font-weight:400; line-height:65px; box-sizing:border-box;}
.about .sec06 .network_tab li a.on{font-weight:700;}

.about .sec06 .cont{display:none;}
.about .sec06 .cont.act{display:block;}
.about .sec06 .network_cont{ margin-top:40px; }
.about .sec06 .network_cont .location_map{ font-size:0; }
.about .sec06 .network_cont .location_map iframe{height:320px;}
.about .sec06 .network_cont .location_info{ padding:30px; border:1px solid #ededed; }
.about .sec06 .network_cont .location_info dl{position:relative; font-size:0;}
.about .sec06 .network_cont .location_info dl > dt{margin-bottom:22px; font-size:20px; font-weight:700; line-height:26px; }
.about .sec06 .network_cont .location_info dl > dd > ul > li{position:relative; float:left; display:inline-block; margin-bottom:10px ;padding-left: 28px; color:#696969; font-size:16px; line-height:26px; }
.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:before{content:''; position:absolute; top:0px; left:0; width:22px; height:22px; }
.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:22px;}
.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:22px;}

/* about end */

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

.people .sec01 {padding-bottom:0 !important; background:#fff;}
.people .sec01 .ty01{padding-bottom:180px;}
.people .sec01 .ty02 {background:#fff; margin-bottom: -40px;}
.people .sec01 .ty02 > .inner{position:relative; top:-120px;  width:calc(100% - 45px); padding:0; background:#fff;}
.people .sec01 .talent_img{margin-top:45px;}
.people .sec01 .talent_img > img.m_block{display:block; max-width:580px; width:100%; margin:0 auto;}
.people .sec01 .ty02 .sec_sub_tit{padding-top:40px;padding-left:25px;}
.people .sec01 .person_system_text{margin-top:10px; padding-left:25px; padding-right:25px; font-size:16px; line-height:20px; }
.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:240px; 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; padding:0 20px;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:78px; 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:25px 0 25px 78px;}
.people .sec01 .edu_system_wrap .edu_system dd >  p{color:#747474; font-size:16px; line-height:22px;}
.people .sec01 .edu_system_list {margin-top:30px;}
.people .sec01 .edu_system_list > li{padding:20px 0;border-bottom:1px solid #dcdcdc;}
.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 > .icon_box img{width:75px; }
.people .sec01 .edu_system_list > li > .box > .text_box{padding-left:110px;}
.people .sec01 .edu_system_list > li > .box > .text_box dl {}
.people .sec01 .edu_system_list > li > .box > .text_box dl dt{margin-bottom:10px; color:#202020; font-size:19px; font-weight:500; line-height:22px; }
.people .sec01 .edu_system_list > li > .box > .text_box dl dd > ul.desc > li{position:relative; margin-top:5px; color:#747474; font-size:16px; line-height:20px;}
.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 li{position:relative; float:left; width:50%; height: 100px; font-size:0;}
.people .sec02 .welfare_list li.only_m{display:none;}
.people .sec02 .welfare_list li .icon_box{display:inline-block; vertical-align:middle; width:60px; height:60px; background:#fff; border-radius:50%;}
.people .sec02 .welfare_list li .text_box{display:inline-block; vertical-align:middle; width:calc(100% - 60px); padding-left:10px; box-sizing:border-box;}
.people .sec02 .welfare_list li .text_box dl{}
.people .sec02 .welfare_list li .text_box dl dt{color:#202020; font-size:18px; font-weight:400; line-height:22px;}
.people .sec02 .welfare_list li .text_box dl dd{display:none;}
.people .sec02 .welfare_list li.nth_three:after{content:'';display:block;clear:both;}
.people .sec02 .welfare_icon_list{margin-top:60px;}
.people .sec02 .welfare_icon_list{padding:15px 0;background-color:#e9ebf1}
.people .sec02 .welfare_icon_list li{float:left; width:25%; padding:40px 0; text-align:center;}
.people .sec02 .welfare_icon_list li .icon_box{width:80px; height:80px; margin:0 auto; margin-bottom:10px; background:#fff; border-radius:50%;}
.people .sec02 .welfare_icon_list li .text_box > h4{text-align:center; font-size:18px; font-weight:500; line-height:24px; }

.people .sec03 .job_info {margin-top:60px; margin-left:0;}
.people .sec03 .job_info > li{position:relative; float:left; width:calc(50% - 7.5px); margin-right:15px; margin-bottom:15px;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:nth-child(even){margin-right: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:18px; font-weight:500; line-height:24px;}
.people .sec03 .job_info > li .hidden_text_box{opacity:0; position:absolute; top:0; left:0 ;width:100%; height:100%;}
.people .sec03 .job_info > li.on .hidden_text_box{opacity:1; background-color:#006ddf;}
.people .sec03 .job_info > li .hidden_text_box dl{margin:30px 20px 0 20px; }
.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 0; background:#fff; z-index:10001;}
.people .sec03 .popup_wrap .inner{position:relative; }
.people .sec03 .popup_wrap .popup_close{position:absolute; top:0; right:20px; 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{}
.people .sec04 .recruit_step_list {margin-top:28px; margin-left:-2%; margin-bottom:50px;}
.people .sec04 .recruit_step_list > li{float:left; width:48%; margin-left:2%; margin-bottom:14px; background:#f3f4f8; border:1px solid #fff; box-sizing:border-box;}
.people .sec04 .recruit_step_list > li > a {position:relative;display:block; padding:30px 20px; }
.people .sec04 .recruit_step_list > li > a .d-day{position:absolute; top:18px; right:18px; min-width:57px; height:50px; padding: 0 10px; text-align:center; font-size:18px; font-weight:500; line-height:50px; 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:100%; padding:150px 0; background:#f3f4f8; text-align:center; border:0 ;border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.people .sec04 .recruit_step_list > li.nodata > p{color:#747474; font-size:20px; line-height:26px; }
.people .sec05{background:#f3f4f8;}
.people .sec05 .sec_tit {margin-bottom:37px;}
.people .sec05 .sec_sub_tit {margin-bottom:20px;}
.people .sec05 .recruit_process_step{display:inline-block; margin-bottom:90px;}
.people .sec05 .recruit_process_step > li{position:relative; display:table; float:left; width:150px; height:150px; margin-right: 35px; border:1px solid #006ddf; border-radius:50%; box-sizing:border-box;} 
.people .sec05 .recruit_process_step > li:after{content: ''; position: absolute; top: 50%; right: -26px; 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{margin-right: 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; width:60px; margin-bottom:10px; } 
.people .sec05 .recruit_process_step > li > div > p{ color:#006ddf; text-align:center; font-size:18px; font-weight:500; line-height:22px;} 
.people .sec05 .recruit_type_wrap{margin-bottom:52px; border-top:1px solid #095acd;}
.people .sec05 .recruit_type{position:relative; padding:30px 10px 22px 10px; border-bottom:1px solid #dfdfdf;font-size:0;}
.people .sec05 .recruit_type dt{font-size:20px; font-weight:700;}
.people .sec05 .recruit_type dd{font-size:16px;}
.people .sec05 .recruit_more{display:block; height:97px; background:url('../images/sub/m_bg_people_recruit_more.jpg') no-repeat 0 0; background-size:cover; text-align:center; color:#fff; font-size:22px; font-weight:700; line-height:97px;}
.people .sec05 .recruit_more em{display: inline-block; width:40px; height:18px; margin-left:14px; background:url('../images/sub/arrow_people_recruit_more.png')  no-repeat 0 0; background-size:40px; }

.people .sec06{}
.people .sec06 .interview_list {display:block; margin-top:60px; margin-left:-1.76%;}
.people .sec06 .interview_list .item{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 .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%;}
.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:before{content:''; position:absolute; top:-1px; left:-1px; width:0; height:100%; border: 1px solid #dfdfdf;}
.people .sec06 .interview_list .item:hover:before{width:100%;border: 1px solid #006ddf;}
.people .sec06 .interview_list .item:hover .img_box img{}
.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;}
.people .sec06 .popup_wrap a.popup_close{position:absolute;top:0; right:0;width:30px; height:30px; padding:15px; text-indent:-9999px; background:url('../images/sub/popup_close.png')no-repeat center; background-size:30px; z-index: 1001;}
.people .sec06 .popup_wrap .interview_wrap{position:relative;padding:50px 0; width:100%; margin:0 auto; }
.people .sec06 .popup_wrap .interview_wrap .profile_box .profile_img{display:block; width:90px; height:90px; margin:0 auto; border-radius:50%;overflow:hidden;}
.people .sec06 .popup_wrap .interview_wrap .profile_box .profile_text {margin-top:20px; margin-bottom:40px;}
.people .sec06 .popup_wrap .interview_wrap .profile_box .profile_text > dt{text-align:center; color:#006dc9; font-size:20px; line-height:24px; }
.people .sec06 .popup_wrap .interview_wrap .profile_box .profile_text > dd{text-align:center; font-size:26px; font-weight:500; line-height:30px; }
.people .sec06 .popup_wrap .interview_wrap .text_box{height:60vh; 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{display:none;}
.people .sec06 .popup_wrap .interview_wrap .text_box dl dt > p{position:relative; margin-left:20px; margin-right:20px; 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{display:none;}
.people .sec06 .popup_wrap .interview_wrap .text_box dl dd > p{position:relative; margin-left:40px; margin-right:20px;  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:70px; text-align:center; font-size:0;}
.people .sec07 .news_tab li{float:left;width:25%; text-align:center;}
.people .sec07 .news_tab li a{position:relative; display:inline-block; height:24px; font-size:20px; line-height:24px;}
.people .sec07 .news_tab li a.webzine{font-weight:500;}
.people .sec07 .news_tab li a.on{font-weight:700; color:#095acd;}
.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:37px; padding:45px 18px;background:#f2f4f7;}
.people .sec07 .search_wrap .search_form{position:relative;padding-right:60px;background:#fff}
.people .sec07 .search_wrap .search_form .search_inp{width:100%;height:60px;padding-left:18px; color:#737373; font-size:18px; font-weight:300; line-height:60px; border:0;box-sizing: border-box;}
.people .sec07 .search_wrap .search_form .search_btn {position:absolute;top:0;right:0;width:60px;height:60px;border:0;border-left: none;box-sizing:border-box;background:url('../images/sub/icon_search.png') no-repeat center center;background-size:20px;}
.people .sec07 .news_list {margin-top:28px; margin-left:-2%; margin-bottom:50px;}
.people .sec07 .news_list li{float:left; width:48%; margin-left:2%; margin-bottom:14px; border:1px solid #dfdfdf; box-sizing:border-box;}
.people .sec07 .news_list li a {display:block; padding: 26px; }
.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:42px; margin-bottom:25px; font-size:19px; font-weight:500; line-height:22px; 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:100%; padding:150px 0; text-align:center; border:0 ;border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.people .sec07 .news_list li.nodata > p{color:#747474; font-size:20px; line-height:26px; }
*/
/* people end */

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

.people .view .view_wrap{border-top:2px solid #000;}
.people .view .view_wrap > .view_head{position:relative; padding:30px; 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; line-height:20px; color:#006ddf;}
.people .view .view_wrap > .view_head .category span.recruit_category{font-size:16px; font-weight:500; line-height:20px; color:#9d9d9d;}
.people .view .view_wrap > .view_head .title{font-size:32px; font-weight:400; line-height:40px;}
.people .view .view_wrap > .view_head .date{margin-top:10px; color:#747474; font-size:16px; font-weight:400; line-height:20px;}

.people .view .view_wrap > .view_body{padding:35px 30px; 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_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:16px; 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:100px; padding-right:15px; width:50%; box-sizing:border-box;}
.people .view .view_wrap > .view_foot .prev_page strong{position:absolute; top:0; left:20px; display: block; padding-left:20px;}
.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:15px; padding-right:100px; width:50%; text-align: right; box-sizing: border-box;}
.people .view .view_wrap > .view_foot .next_page strong {position:absolute; top:0; right:20px; display: block; padding-right:20px;}
.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; 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:100px; padding-bottom:90px;}

.work .more_wrap{ text-align:center;}
.work .sec01 .portfolio_btn { margin-top: 68px; height: 60px; font-size: 24px; font-weight: bold; color: #333; }
.work .sec01 .portfolio_btn01 { width: 50%; position: absolute; left: 0px; }
.work .sec01 .portfolio_btn01 > div { height: 60px; border: solid 2px #202020; text-align: center; line-height: 60px; }
.work .sec01 .portfolio_btn02 { width: 50%; position: absolute; right: 0px; cursor: pointer; }
.work .sec01 .portfolio_btn02 > div { height: 60px; border: solid 2px #202020; text-align: center; line-height: 60px; border-left: 0px; }
.work .sec01 .portfolio_title { position: inherit; line-height: 60px; text-align: center; margin-top: 40px; margin-bottom: -30px; }
.work .sec01 .portfolio_select{ margin-top:30px; text-align:right; }
.work .sec01 .portfolio_select > select{width:100%; 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 center right 60px; text-align-last:center;}
.work .sec01 .portfolio_list{ margin-top:30px; margin-bottom:30px; margin-left:-2.5%;}
.work .sec01 .portfolio_list li{position:relative; float:left; width:47.5%; margin-left:2.5%; 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.nodata{width:100%; padding:150px 0; text-align:center; border:0 ;border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.work .sec01 .portfolio_list li.nodata > p{color:#747474; font-size:20px; line-height:26px; }

.work .sec01 .portfolio_list li .thumnail_box{overflow:hidden;}
.work .sec01 .portfolio_list li .thumnail_box > a{display:block;}
.work .sec01 .portfolio_list li .thumnail_box .more{display:none;}
.work .sec01 .portfolio_list li .thumnail_box > img{width:100%;}

.work .sec01 .portfolio_list li .text_box{ position:relative; padding:20px 0; background:#fff; text-align:center; }
.work .sec01 .portfolio_list li .text_box .title{margin-bottom:10px; 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{ display:inline-block; width:120px; 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:97.5%; padding:150px 0; text-align:center; border:0 ;border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.work .sec01 .portfolio_list li.nodata > p{color:#747474; font-size:20px; line-height:26px; }

.work .sec02{background:#f3f4f8;}
.work .sec02 .award_list{margin-top:45px; margin-left:-2.5%; margin-bottom:45px;}
.work .sec02 .award_list li{float:left; width:47.5%; margin-left:2.5%; margin-bottom:15px; padding:35px 20px; background-color:#fff; border:1px solid #ededed; box-sizing:border-box;}
.work .sec02 .award_list li > a{display:block;}
.work .sec02 .award_list li:nth-child(even):after{content:' ';display:block;clear:both;}
.work .sec02 .award_list li .img_box{margin-bottom:25px;}
.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:16px; font-weight:700; line-height:22px; }
.work .sec02 .award_list li .text_box dd{height:48px; color:#202020; font-size:18px; font-weight:500; line-height:26px; }
.work .sec02 .award_list li.nodata{width:97.5%; padding:150px 0; text-align:center; background:transparent; border:0 ;border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.work .sec02 .award_list li.nodata > p{color:#747474; font-size:20px; line-height:26px; }

.work .sec03 {background:url('../images/sub/m_bg_wok_sec03.jpg') center center no-repeat; background-size:cover;}
.work .sec03 .sec_tit{color:#fff;}
.work .sec03 .partner_list{ margin-top:60px;margin-left:-2.5%;}
.work .sec03 .partner_list li{float:left; width:47.5%; margin-left:2.5%; margin-bottom:30px;} 

.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:20px; line-height:26px; }

.work .sec04 .client_icon{margin-bottom:40px;}
.work .sec04 .client_icon li{position:relative; top:0; left:0; float:left; width:33.33%; padding:30px 10px;box-sizing:border-box;}
.work .sec04 .client_icon li img{display:block;margin:0 auto;}
.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 .view_wrap > img{width:100%;}
.work .view_wrap > .pc_view{display:none;}
.work .view_wrap > .tablet_view{display:none;}
.work .view_wrap > .m_view{display:block;}
/*work end */

/* work view */
.sub.work_view .sec{padding-bottom:90px;}
.work_view .sec > .inner{position:relative; padding:0; padding-top:100px;}
.work_view .sec > .inner:before{content:''; position:absolute; top:0; left:0; width:100%; height:calc(100% - 80px); background-color:#f3f4f8; z-index:-1;}
.work_view .work_category{margin-top:30px; text-align:center; }
.work_view .work_category li{display:inline-block; vertical-align:top; text-align:center; margin:0 5px 10px 5px;}
.work_view .work_category li span{display:block; min-width:90px; height:36px; padding:0 15px; border:2px solid #202020; border-radius:18px; font-size:16px; font-weight:400; line-height:36px; box-sizing:border-box; }

.work_view .view_wrap{margin-top:50px;}
.work_view .view_wrap > img{width:100%;}
.work_view .view_wrap > .pc_view{display:none;}
.work_view .view_wrap > .tablet_view{display:none;}
.work_view .view_wrap > .m_view{display:block;}
.work_view .view_wrap > .m_view > img{display:block; margin:0 auto;}
/* work view end */

.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:auto; margin:0 auto; padding-left:20px; overflow:hidden; border-left:1px solid #dfdfdf; border-right:1px solid #dfdfdf; box-sizing:border-box;}
.business .business_tab .swiper-slide{width:auto; height:70px; }
.business .business_tab .swiper-slide > a{height:70px; padding:0 20px; font-size:20px; font-weight:300; line-height:70px; }
.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{display:none;}

.business .view_wrap .pc_view{display:none;}
.business .view_wrap .tablet_view{display:block;}
.business .view_wrap .m_view{display:none;}
.business .view_wrap .tablet_view img{display:block; max-width:100%; margin:0 auto; }


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

.ir .ir_tit{position:relative; margin-top:40px; margin-bottom:10px;}
.ir .sec_sub_tit > span{margin-left:15px; color:#606060; font-size:16px; font-weight:300; line-height:22px;}

.ir .ir_tit .right{position:absolute; right:0; bottom:1px;}
.ir .ir_tit .right > span{color:#606060;  font-size:16px; font-weight:300; line-height:22px;}

.ir .def_wrap{position:relative;overflow-x:auto;-webkit-overflow-scrolling:touch;}
.ir .def_wrap::-webkit-scrollbar{display:none;}
.ir .touch_bg{display:none; }
.ir .touch_icon{display:none; }
.ir .touch_icon img{display:none; }

.ir .chart_wrap > div{float:left; width:50%;padding:0 35px; 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 th, .ir .ir_tb td{height:50px; padding:10px 5px; 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 span.fs20{font-size:18px;}
.ir .ir_tb span.fs18{font-size:16px;}
.ir .ir_tb span.fs16{font-size:16px;}
.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:-20px; padding-left:20px;}
.ir .ir_tb .total_state.total_up:before{content:''; position:absolute; top:2px; left:0; width:15px; height:15px; background:url('../images/sub/icon_total_plus.png') no-repeat 0 0; background-size:15px;}
.ir .ir_tb .total_state.total_down:before{content:''; position:absolute; top:2px; left:0; width:15px; height:15px; background:url('../images/sub/icon_total_minus.png') no-repeat 0 0; background-size:15px;}

.ir .sec01 .chart_box{padding-top:70px; border-top:2px solid #202020;}
.ir .sec02{padding-top:60px !important; 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 .state{position:relative; padding-left:20px; font-size:18px; font-weight:500; 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:10px; }
.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:10px; }

.ir .sec03 .stock_wrap{margin-top:45px;}
.ir .sec03 .stock_wrap .stock_info_top{padding:50px 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 20px; text-align:center; font-size:0;} 
.ir .sec03 .stock_wrap .stock_info_top > dl > dt{display:inline-block; color:#606060; font-size:16px; line-height:20px;} 
.ir .sec03 .stock_wrap .stock_info_top > dl > dd{display:inline-block; color:#606060; font-size:16px;} 
.ir .sec03 .stock_wrap .stock_info_top > dl > dd strong{padding:0 5px; color:#000; font-size:45px;} 
.ir .sec03 .stock_wrap .stock_info_top > dl.net_change > dt{display:block;text-align:left;}
.ir .sec03 .stock_wrap .stock_info_top > dl.net_change > dd{display:block;text-align:left;}
.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:33px; margin-top:-16px; background-color:#9d9d9d;}

.ir .sec03 .stock_wrap .stock_info_list{margin-top:20px; margin-left:-2%}
.ir .sec03 .stock_wrap .stock_info_list li{float:left; width:47%; margin-left:3%; margin-bottom:10px; border:1px solid #dfdfdf; box-sizing:border-box;}
.ir .sec03 .stock_wrap .stock_info_list li dl{padding:50px 0;text-align:center;}
.ir .sec03 .stock_wrap .stock_info_list li dl > dt{margin-bottom:15px; color:#747474; font-size:16px; font-weight:700; line-height:20px; }
.ir .sec03 .stock_wrap .stock_info_list li dl > dd{color:#000; font-size:22px; font-weight:500; line-height:30px;}

.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 10px;}
.ir .sec03 .stock_wrap .stock_info_bottom dl.krx:after{content:''; position:absolute; top:50%; right:0; width:1px; height:33px; margin-top:-16px; background-color:#dfdfdf;}
.ir .sec03 .stock_wrap .stock_info_bottom dl.krx > dt {display:inline-block; vertical-align:bottom; margin-right:10px; font-size:16px; line-height:22px;}
.ir .sec03 .stock_wrap .stock_info_bottom dl.krx > dd{display:inline-block; vertical-align:bottom; font-size:22px; line-height:26px;}
.ir .sec03 .stock_wrap .stock_info_bottom dl.net_change > dt{display:inline-block; vertical-align:bottom; margin-right:10px; font-size:16px; line-height:22px;}
.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:15px; font-size:16px; line-height:22px;}
.ir .sec03 .stock_tb_wrap{margin-top:60px;}
.ir .sec03 .sellandbuy_tb_warp{margin-top:60px;}

.ir .sec04{background-color:#f3f4f8;}
.ir .sec04 .investment_wrap{margin-top:40px;  background:#fff;}
.ir .sec04 .investment_wrap .investment_box{width:100%; height:400px; margin:0 auto; background:#fff;}
.ir .sec04 .investment_wrap .investment_box > iframe{width:800px !important; margin:0 auto;}

.ir .sec05 .search_wrap{margin-top:40px; padding:40px 20px;background:#f2f4f7;}
.ir .sec05 .search_wrap .search_select{height:60px;margin-bottom:10px;}
.ir .sec05 .search_wrap .search_select > select{width:100%; height:60px; padding:0 20px; background:#fff url('../images/common/arrow_select_m.png') no-repeat right 22px center; background-size:18px; border:0; border-bottom:2px solid #202020; font-size:18px; line-height:60px;
-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;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:60px;padding-left:30px; color:#737373; font-size:20px; font-weight:300; line-height:60px; border:0; box-sizing: border-box;}
.ir .sec05 .search_wrap .search_form .search_btn {position:absolute; top:0; right:0; width:70px; height:60px;border:0;border-left: none;box-sizing:border-box;background:url('../images/sub/icon_search.png') no-repeat center center;background-size:20px;}

.ir .sec05 .irnotice_list {margin-top:40px; margin-bottom:50px;}
.ir .sec05 .irnotice_list li{width:100%; margin-bottom:20px;; border:1px solid #dfdfdf; box-sizing:border-box;}
.ir .sec05 .irnotice_list li a {display:block; padding:45px 30px; }
.ir .sec05 .irnotice_list li a .title{width:100%; height:28px; margin-bottom:15px; font-size:20px; font-weight:500; line-height:28px; text-overflow:ellipsis; white-space:nowrap; word-wrap:normal; overflow:hidden;}
.ir .sec05 .irnotice_list li a .date{color:#747474; font-size:16px; font-weight:400; line-height:20px;}

.ir .sec05 .irnotice_list li.nodata{width:100%; padding:150px 0; text-align:center; border:0 ;border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf;}
.ir .sec05 .irnotice_list li.nodata > p{color:#747474; font-size:20px; line-height:26px; }

.ir .view .view_wrap{border-top:2px solid #000;}
.ir .view .view_wrap > .view_head{position:relative; padding:30px; border-top:1px solid #dfdfdf;}
.ir .view .view_wrap > .view_head .category{margin-bottom:10px;}
.ir .view .view_wrap > .view_head .category span.notice_category{border-bottom: 1px solid #006ddf; font-size:16px; font-weight:500; line-height:20px; color:#006ddf;}
.ir .view .view_wrap > .view_head .category span.recruit_category{font-size:16px; font-weight:500; line-height:20px; color:#9d9d9d;}
.ir .view .view_wrap > .view_head .title{font-size:32px; font-weight:400; line-height:40px;}
.ir .view .view_wrap > .view_head .date{margin-top:10px; color:#747474; font-size:16px; font-weight:400; line-height:20px;}
.ir .view .view_wrap > .view_head .download{margin-top:10px; color:#747474; font-size:16px; font-weight:400; line-height:20px;}

.ir .view .view_wrap > .view_body{padding:35px 30px; 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:16px; 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:100px; padding-right:15px; width:50%; box-sizing:border-box;}
.ir .view .view_wrap > .view_foot .prev_page strong{position:absolute; top:0; left:20px; display: block; padding-left:20px;}
.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:15px; padding-right:100px; width:50%; text-align: right; box-sizing: border-box;}
.ir .view .view_wrap > .view_foot .next_page strong {position:absolute; top:0; right:20px; display: block; padding-right:20px;}
.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;}

/* IR 정보 end */

.sub.util {padding-top:200px; padding-bottom:90px;}
.sub.util .tit{margin-bottom:60px;}
.sub.util .util_tit{margin-bottom:30px; text-align:center; font-size:40px; line-height:48px;}
.sub.util .util_sub_tit{margin-top:65px; font-size:22px; line-height:32px; margin-bottom:10px;}
.sub.util .text{color:#747474; font-size:16px; line-height:28px;}
.sub.util .cpo_text{color:#202020; font-size:16px; font-weight:400; line-height:28px; }
.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:15px 10px; 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:16px; font-weight:400; line-height:28px; }
.sub.util .util_tb td {color:#747474; font-size:16px ;font-weight:300; line-height:28px; }

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

@media screen and (max-width:825px){
	.about .sec03 .vision_list li .txt_circle{width: 220px; height: 220px;}
}