@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@100;300;400;700;900&display=swap');

.mode-m{display:none}
.txt-c{text-align:center}
.recruit_txt-c{text-align:center; background-color:#eee; display: block; width:100%; height:80px; line-height:80px; color:#333; font-size:18px; font-weight: 600;}
.recruit_txt-c br {display: none;}
.txt-r{text-align:right; font-size:16px; line-height:20px;}

.law_txt{ display:block;width: 100%;font-size:16px; line-height:20px; color:#003993;}
.law_txt a { color:#003993; float:right;  display:block; border:1px solid #003993; width:200px; height:54px;  text-align: center;  margin-top: 20px;}
.law_txt a .p_view{display:inline-block; padding-right:10px;}


.law_txt a:hover{background-color:#003993; color: #fff;}

.color-m{color:#003993}

.btn-list{background-color:#003993;color:#fff;display:inline-block;width:100px;padding:15px 0;text-align:center}
.nav-tit{display:none}
.sub-header{display:table;width:100%;height:360px;background:url('../img/sub/intro02.jpg') center no-repeat;background-size:cover}
.sub-header strong{display:table-cell;vertical-align:middle;color:#fff;text-align:center;width:100%;font-size:3.25rem;font-family:'Lato', sans-serif}
.sub-header.business{background-image:url('../img/sub/bs01.jpg')}
.sub-header.project{background-image:url('../img/sub/pro01.jpg')}
.sub-header.support{background-image:url('../img/sub/s01.jpg')}

.sub-nav{width:1240px;margin:-32px auto 0 auto}
.sub-nav ul{display:table;table-layout:fixed;width:100%;height:80px;background-color:#003993}
.sub-nav ul li{display:table-cell;vertical-align:middle}
.sub-nav ul li a{display:block;color:#888;text-align:center;border-right:1px solid #888}
.sub-nav ul li a:hover,
.sub-nav ul li a.on{color:#fff;position:relative}
.sub-nav ul li a.on:after{display:block;position:absolute;content:"";width:8px;height:8px;background-color:#fff;border-radius:50%;top:-12px;left:50%;margin-left:-4px}

.sub-con{width:1240px;margin:120px auto 60px;position:relative;overflow:hidden}
.sub-con .sub-title{font-size:2.5rem;color:#003993;text-align:center;margin-bottom:50px;font-weight:bold}
.sub-con .sub-title .sm{font-size:1.25rem}
.intro-01{color:#333}
.intro-01 .tit{font-weight:bold;color:#003993;font-family:'Lato', sans-serif;font-size:3.25rem}
.intro-01 .stit{font-size:2.25rem;font-weight:bold}
.intro-01 .con{margin-top:30px;margin-right:30px;word-break:keep-all}
/*.intro-01 .name{margin-top:30px;background:url('../img/sub/sign.png') 482px 6px no-repeat;}*/
.intro-01 .name strong{font-size:1.85rem; }/*font-size:2.25rem*/

.lay-tbl{display:table;width:100%}
.lay-tbl .txt{display:table-cell;vertical-align:middle}
.lay-tbl .img{display:table-cell;vertical-align:middle}

.tbl-history{margin:0 auto}
.tbl-history th{width:342px;color:#333;font-size:2.25rem;padding:35px 0;font-family:'Lato';font-weight:900}
.tbl-history .circle{display:block;width:20px;height:20px;border-radius:50%;background-color:rgba(0,57,147,.16);position:relative}
.tbl-history .circle:after{display:block;content:"";width:9px;height:9px;border-radius:50%;background-color:#003993;position:absolute;top:5px;left:5px}
.tbl-history .circle:before{position:absolute;display:block;content:"";width:1px;height:130px;top:-30px;left:50%;margin-left:-1px;background-color:#dcdcdc}
.tbl-history td{font-size:1.25rem;color:#888}
.tbl-history tr td:nth-child(3){padding-left:70px}
.line-ab{display:block;width:1px;height:100%;background-color:#dcdcdc;position:absolute;top:110px;left:50%}

.item-flow{margin:50px auto;border-bottom:1px solid #dcdcdc}
.item-flow ul{overflow:hidden}
.item-flow ul li{float:left;width:50%;margin:50px 0;text-align:center;position:relative}
.item-flow ul li .circle{border:1px solid #003993;margin:0 auto;width:260px;height:260px;border-radius:50%;color:#fff;padding:15px}
.item-flow ul li .circle-in{display:table;background-color:#003993;width:230px;height:230px;border-radius:50%}
.item-flow ul li .circle-in .con{display:table-cell;height:100%;vertical-align:middle}
.item-flow ul li .circle-in .info{margin-top:20px}
.item-flow ul li .sinfo{margin-top:40px;font-size:1rem}
.item-flow ul li:nth-child(1),
.item-flow ul li:nth-child(3){border-right:1px solid #dcdcdc}
.item-flow ul li .line{width:94%;height:1px;background-color:#dcdcdc;position:absolute;bottom:-50px;left:0;display:block}
.item-flow ul li:nth-child(2) .line{left:auto;right:0}
/*.bg-color{background-color:#6688be;color:#fff;padding:20px;display:inline-block;text-align:left} Changed By Jubh 20200817 20시 아래 내용으로 수정*/
.bg-color{color:#383838;padding:20px;display:inline-block;text-align:left;}

.map-wrap{border-bottom:1px solid #dcdcdc;padding-bottom:50px}
.map-wrap .map{position:relative;margin:0 auto;width:755px;height:550px;background:url('../img/main/map.jpg') center no-repeat;background-size:cover}
.map-wrap .map span{display:inline-block;cursor:pointer;position:absolute;padding-top:10px;background-color:#6688be;border-radius:50%;;text-align:center;color:#fff;font-size:1rem;transition:.3s}
.map-wrap .map span:hover,
.map-wrap .map span.on{background-color:#003993}
.map-wrap .map span big{font-size:1.125rem}
.map-wrap .map span:nth-child(1){width:150px;height:150px;top:18px;left:188px;padding-top:35px}
.map-wrap .map span:nth-child(2){width:115px;height:115px;top:30px;right:5px;padding-top:15px}
.map-wrap .map span:nth-child(3){width:90px;height:90px;top:135px;right:125px;padding-top:18px}
.map-wrap .map span:nth-child(4){width:85px;height:85px;bottom:95px;right:-50px;padding-top:15px}
.map-wrap .map span:nth-child(5){width:90px;height:90px;top:160px;left:380px;padding-top:19px}
.map-wrap .map span:nth-child(6){width:110px;height:110px;top:180px;left:270px;padding-top:15px}
.map-wrap .map span:nth-child(7){width:80px;height:80px;top:275px;left:135px;padding-top:13px}
.map-wrap .map span:nth-child(8){width:110px;height:110px;bottom:180px;left:5px;padding-top:16px}
.map-wrap .map span:nth-child(9){width:110px;height:110px;bottom:50px;left:0;padding-top:17px}
.map-item{margin-top:50px}
.map-item ul{overflow:hidden}
.map-item li{float:left;width:32%;margin-right:1.3%;margin-bottom:2%}
/*.map-item li:nth-child(3n){margin-right:0}*/
.map-item li a{display:block;transition:.3s;border:1px solid #dcdcdc}
.map-item li a:hover{border-color:#003993}
.map-item .txt{padding:20px;font-size:1rem;color:#888}
.map-item .txt strong{font-size:1.25rem;color:#333;display:block}
.map-item .img img{width:100%;height:235px;}

.board-view{padding-bottom:50px;margin-bottom:50px;border-bottom:1px solid #dcdcdc}
.board-view .img-wrap{display:table;width:100%;table-layout:fixed;margin-bottom:20px;}
.board-view .img-wrap .img{display:table-cell;padding-right:10px;height:380px; }
.board-view .img-wrap .map{display:table-cell;padding-left:10px;height:380px; }
.board-view .img-wrap img{width:100%;height:100%}
.tbl-info{width:100%}
.tbl-info th{background-color:#6688be;color:#fff;text-align:center;padding:15px 0;border-right:1px solid #dcdcdc;font-weight:normal}
.tbl-info td{width:25%;color:#003993;border-bottom:1px solid #dcdcdc;border-top:1px solid #dcdcdc;padding:15px 0;text-align:center;border-right:1px solid #dcdcdc}
.tbl-info tr th:last-child,
.tbl-info tr td:last-child{border-right:0}

.line-arrow{position:relative;height:7px;background-color:#003993;color:#003993;text-align:right;width:100%;margin:60px auto 20px auto;border-right:5px solid #fff}
.line-arrow-wrap{position:absolute;right:-5px;top:-15px}
.tbl-flow{width:100%;text-align:center;table-layout:fixed}
.tbl-flow th{color:#003993;padding:15px 0;border-top:1px solid #333333;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;background-color:#f1f1f1}
.tbl-flow td{border-bottom:1px solid #dcdcdc;padding:15px 0;text-align:center;border-right:1px solid #dcdcdc}
.tbl-flow tr th:last-child,
.tbl-flow tr td:last-child{border-right:0}

.board-list{margin-top:80px}
.board-list.m0{margin-top:0}
.board-list ul{border-top:2px solid #333333}
.board-list li{padding:30px 0;display:table;width:100%;border-bottom:1px solid #dcdcdc}
.board-list li:hover{background-color:#dcdcdc}
.board-list li a{display:block;color:#888888}
.board-list li .dt{display:table-cell;vertical-align:middle;width:135px;text-align:center;color:#003993}
.board-list li .dt strong{display:block;font-size:2.25rem}
.board-list li .txt{display:table-cell;vertical-align:middle}
.board-list li .txt strong,
.board-list li .txt span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;width:1105px}
.board-list li .txt strong{color:#333333;font-size:1.25rem;margin-bottom:10px}
.board-pg{margin:50px auto;text-align:center}
.board-pg a{display:inline-block;border:1px solid #dcdcdc;text-align:center;width:36px;height:36px;color:#888888;padding-top:3px;transition:.3s}
.board-pg a:hover{background-color:#003993;color:#fff}
.board-pg span{display:inline-block;border:1px solid #dcdcdc;text-align:center;background-color:#003993;width:36px;height:36px;color:#fff;padding-top:3px}
.board-pg span.r{margin-right:20px}
.board-pg span.l{margin-left:20px}
.board-info{margin:50px auto 20px auto;width:100%;position:relative;color:#888}
.board-info .total strong{color:#003993}
.board-info .search{position:absolute;right:0;bottom:0}
.board-info input,
.board-info select{height:44px;padding:10px;font-size:1rem;border:1px solid #dcdcdc}
.board-info .btn-list{padding:10px 0}

.board-tview .tit{display:table;width:100%;border-top:2px solid #333;padding:35px;color:#333;font-size:1.25rem;border-bottom:1px solid #dcdcdc}
.board-tview .tit strong{display:table-cell;vertical-align:middle}
.board-tview .tit span{width:90px;display:table-cell;vertical-align:middle;color:#888;font-size:1rem}
.board-tview .con{padding:40px;color:#333;min-height:200px}
.board-tview .nav{border-bottom:1px solid #dcdcdc;border-top:1px solid #dcdcdc;height:70px;position:relative;margin-bottom:50px}
.board-tview .nav a{display:inline-block;color:#888;position:absolute;top:20px;font-size:1rem}
.board-tview .nav a.btn-prev{left:20px}
.board-tview .nav a.btn-next{right:20px}

.sub-tab{width:100%;display:table;table-layout:fixed;margin-bottom:50px}
.sub-tab li{display:table-cell;vertical-align:middle;border:1px solid #6688be;text-align:center;padding:20px 0;transition:.3s}
.sub-tab li a{display:block;color:#6688be}
.sub-tab li:nth-child(2){border-right:0;border-left:0}
.sub-tab li:nth-child(3){border-right:0;}
.sub-tab li:hover,
.sub-tab li.on{background-color:#6688be}
.sub-tab li:hover a,
.sub-tab li.on a{color:#fff}
.tab-con{display:none}
.sub-con .tab-con.on{display:block}
.tbl-tab{border-top:2px solid #333;text-align:center}
.tbl-tab th{background-color:#f1f1f1;width:180px;border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;color:#333333;font-weight:normal}
.tbl-tab td{border-right:1px solid #dcdcdc;border-bottom:1px solid #dcdcdc;padding:30px}
.tbl-tab td strong{display:block;color:#003993;font-size:1.25rem;margin-bottom:20px}
.tbl-tab td span{display:block;margin-bottom:20px}
.tbl-tab tr th:last-child,
.tbl-tab tr td:last-child{border-right:0}
.tbl-tab2{width:1240px;border-bottom:1px solid #dcdcdc}
.tbl-tab2 th{background-color:#f1f1f1;padding:15px 0;text-align:center;border-top:2px solid #333;width:50%;color:#333333;font-size:1.25rem;min-width:620px}
.tbl-tab2 tr th:nth-child(1){border-right:1px solid #dcdcdc}
.tbl-tab2 .div{position:relative;text-align:center;padding:20px;vertical-align:top}
.tbl-tab2 .div:first-child{border-right:1px solid #dcdcdc}

.tbl-tab2-wrap{position:relative}
.tbl-tf{width:100%}
.tbl-tf td{width:50%}
.tbl-tf .ft{display:block;width:260px;color:#fff;background-color:#6688be;padding:15px 0;margin:0 auto}
.tbl-tf .ft.b{border:1px solid #003993;color:#003993;background-color:#fff}
.tbl-tf .ft.b.h{height:160px;padding-top:48px}
.tbl-tf .fta{display:block;margin:10px auto}
.tbl-tf .ft.bb{display:block;padding-top:120px;height:263px}
.tbl-tf .ft.bbg{background-color:#003993}
.d-border{width:1240px;height:312px;border-radius:30px;border:2px dashed #ff0000;position:absolute;top:60px}
.d-border.two{top:476px}
.tri-wrap{position:absolute;height:300px;width:7px;background-color:#ff0000;right:-4px;top:5px}
.tri-wrap:before{display:block;content:"";width: 0px;height: 0px;
  border-top:10px solid none;
  border-bottom:10px solid #ff0000;
  border-right: 10px solid transparent;
  border-left: 10px solid  transparent;position:absolute;top:-5px;right:-7px}
.tri-wrap:after{display:block;content:"";width: 0px;height: 0px;
  border-top:10px solid #ff0000;
  border-bottom:10px solid none;
  border-right: 10px solid transparent;
  border-left: 10px solid  transparent;position:absolute;bottom:-5px;right:-7px}
.tri-wrap.two{top:314px;height:406px}
.tri-wrap.thd{top:auto;bottom:5px;height:193px}



.incruit_add {display: block;margin-bottom: 100px;}


.item-hu_line{border-bottom:1px solid #dcdcdc}
.item-hu ul{overflow:hidden;margin:60px auto 60px}


.item-hu .recruit{float:left; width:25%; text-align:center}
.item-hu .recruit:last-child{margin-right:0}
.item-hu .recruit .recruit_div{background:url('../img/sub/recruit_box.png') center no-repeat;  width:300px; height:140px; margin:0 auto; color:#003993; padding-top:36px; text-align:center;}
.item-hu .recruit .recruit_div strong{ display:block; font-size:30px; }
.item-hu .recruit .recruit_div span{display:inline-block; font-size:18px; color:#333}

.item-hu .circle{float:left;width:32%;margin-right:2%;text-align:center}
.item-hu .circle:last-child{margin-right:0}
.item-hu .circle .circle_div{width:340px;height:340px;margin:0 auto;border:1px solid #003993;border-radius:50%;padding-top:130px}
.item-hu .circle .circle_div strong{display:block;font-size:30px;color:#003993}
.item-hu .circle .txt:before{display:block;content:"";width:40px;height:1px;background-color:#003993;margin:30px auto}
.btn-down{display:block;width:200px;margin:50px auto;color:#fff;padding:20px 0;text-align:center;background-color:#003993}

.way{padding-bottom:50px;margin-bottom:50px;border-bottom:1px solid #dcdcdc}
.way-map .root_daum_roughmap{width:100%}
.way-map .wrap_controllers.hide,
.way-map .root_daum_roughmap .wrap_btn_zoom{display:none}
.way .way-info{border-top:2px solid #333;padding:30px;color:#333}
.way .way-info .tel{margin-top:20px}
.way .way-info .link{color:#888}

.sub-con.w1400{width:1400px}
.or-sub{width:1400px;height:795px;position:relative;background:url('../img/sub/back-line2.png') center no-repeat;text-align:center;margin-top:100px}
.or-sub .ow{position:absolute;width:150px;height:150px;padding:60px 0;color:#fff;border-radius:50%;background-color:#003993;font-size:1.25rem;top:-50px;left:615px}
.or-sub .owg{position:absolute;width:110px;height:110px;border:7px solid #003993;color:#003993;border-radius:50%;top:100px;right:360px;padding:34px 0}
.or-sub .box{position:absolute;top:126px;width:180px;height:50px;border:1px solid #32b16c;border-top:6px solid #32b16c;color:#32b16c;background-color:#fff;padding-top:6px}
.or-sub .box2{position:absolute;top:188px;width:180px;height:50px;border:1px solid #32b16c;border-top:6px solid #32b16c;color:#32b16c;background-color:#fff;padding-top:6px}
.or-sub .box3{position:absolute;top:250px;width:180px;height:50px;border:1px solid #32b16c;border-top:6px solid #32b16c;color:#32b16c;background-color:#fff;padding-top:6px}
.or-sub .samj > span,
.or-sub .samg > span{position:absolute;top:255px;width:180px;height:50px;border:1px solid #003993;border-top:6px solid #003993;color:#003993;background-color:#fff;padding-top:6px}
.or-sub .samj > span{left:205px}
.or-sub .samg > span{right:227px}
.or-sub .samj > span + ul > li,
.or-sub .samg > span + ul > li{position:absolute;width:180px;height:50px;border:1px solid #333;border-top:6px solid #333;color:#333;background-color:#fff;padding-top:6px;top:330px}
.or-sub .samj > span + ul > li{left:10px}
.or-sub .samj .se{left:410px}
.or-sub .samj .gi{position:absolute;left:4px;width:160px;height:50px;border:1px solid #333;border-top:6px solid #333;color:#333;background-color:#fff;padding-top:6px;}
.or-sub .samj ul > li.gi.gi1{top:390px;}
.or-sub .samj ul > li.gi.gi2{top:450px;border-top:6px solid #6688be;}
.or-sub .samj ul > li.gi.gi3{top:512px;border-top:6px solid #6688be;}
.or-sub .samj ul > li.gi.gi4{top:574px;border-top:6px solid #6688be;}
.or-sub .samj ul > li.gi.gi5{top:636px;border-top:6px solid #6688be;}
.or-sub .samj ul > li.gi.gi6{top:698px;border-top:6px solid #6688be;}
.or-sub .samj > span + ul > li.bu,
.or-sub .samg > span + ul > li.bu{display:block;position:absolute;width:160px;height:50px;border:1px solid #333;border-top:6px solid #333;color:#333;background-color:#fff;padding-top:6px;top:390px}
.or-sub .bu.bu1{left:219px}
.or-sub .bu.bu2{left:440px}
.or-sub .bu.bu3{left:778px}
.or-sub .bu.bu4{left:999px}
.or-sub .bu.bu5{right:20px}
.or-sub .bu li{position:absolute;width:90px;height:75px;border:1px solid #6688be;border-top:6px solid #6688be;color:#6688be;background-color:#fff;bottom:-130px;padding-top:5px}
.or-sub .bu .team1{left:-90px}
.or-sub .bu .team2{left:36px}
.or-sub .bu .team3{left:160px}
.or-sub .bu .team4{right:273px}
.or-sub .bu .team5{right:153px}
.or-sub .bu .team6{right:33px}
.or-sub .bu .team7{right:-90px}
.or-sub .bu .team8{right:-210px}

@media (max-width:728px){
.sub-header{height:300px;}
	.mode-p{display:none}
	.mode-m{display:block}

	.sub-nav{width:100%;padding:0 10px;}
	.sub-nav ul{display:none;height:auto}
	.sub-nav ul li{display:block}
	.sub-nav ul li:first-child a{border-top:1px solid #6688be}
	.sub-nav ul li a{position:relative;border-right:0;border-bottom:1px solid #6688be;padding:10px 0;font-size:15px}
	.sub-nav ul li a.on:after{display:none}
	.nav-tit{display:block;position:relative;text-align:center;background-color:#003993;color:#fff;height:60px;padding:20px 0;font-size:17px}
	.nav-tit:after{display:block;width:8px;height:8px;content:"";position:absolute;border-bottom:2px solid #6688be;border-right:2px solid #6688be;-webkit-transform: rotate(45deg);transform: rotate(45deg);top:50%;right:20px;margin-top:-7px}
	.sub-con{width:100%;margin:100px auto;padding:0 10px;font-size:.95rem}
	.lay-tbl .img{display:none}

	.intro-01 .tit{font-size:2rem}
	.intro-01 .stit{font-size:1.2rem}
	.intro-01 .con{margin-right:0}
	.intro-01 .name strong{font-size:1.2rem}

	.sub-con .sub-title{font-size:1.6rem}
	.tbl-history{width:300px}
	.tbl-history th{width:141px;font-size:1.4rem;padding:30px 0}
	.tbl-history td{font-size:.8rem}
	.tbl-history tr td:nth-child(3){padding-left:20px}

	.item-flow ul li{float:none;width:100%;border-bottom:1px solid #dcdcdc;margin:0;padding:50px 0}
	.item-flow ul li:nth-child(1),
	.item-flow ul li:nth-child(3){border-right:0}
	.item-flow ul li .line{display:none}
	.item-flow ul li:last-child{border-bottom:0}

	.map-wrap{width:300px;margin:0 auto}
	.map-wrap .map{float:none;margin-right:0;width:100%;height:210px;background:url('../img/main/map.jpg') center no-repeat;background-size:cover;margin-top:50px}
	.map-wrap .map span{font-size:.75rem;padding-top:8px}
	.map-wrap .map span big{font-size:.8rem}
	.map-wrap .map span:nth-child(1){width:75px;height:75px;top:-50px;left:100px;padding-top:10px}
	.map-wrap .map span:nth-child(2){width:70px;height:70px;top:0;padding-top:7px}
	.map-wrap .map span:nth-child(3){width:60px;height:60px;top:25px;padding-top:7px}
	.map-wrap .map span:nth-child(4){width:50px;height:50px;bottom:5px;right:5px;padding-top:5px}
	.map-wrap .map span:nth-child(5){width:50px;height:50px;top:65px;left:150px;padding-top:5px}
	.map-wrap .map span:nth-child(6){width:60px;height:60px;top:75px;left:92px;padding-top:2px}
	.map-wrap .map span:nth-child(7){width:55px;height:55px;top:89px;left:39px;padding-top:5px}
	.map-wrap .map span:nth-child(8){width:65px;height:65px;padding-top:5px;bottom:120px;left:5px}
	.map-wrap .map span:nth-child(9){width:60px;height:60px;bottom:0;left:5px;padding-top:3px}
	.map-item li{float:none;width:100%;margin-right:0}
	.map-item li .txt{padding:10px}

	.law_txt a { float:left; height: 44px; line-height:10px;}

	.board-view .img-wrap{display:block}
	.board-view .img-wrap .img{display:block;padding-right:0}
	.board-view .img-wrap .map{display:block;padding-left:0}
	.board-view .img-wrap img{width:100%;height:auto}
	.tbl-info th{padding:10px 0;font-size:.85rem}
	.tbl-info td{padding:10px 0;font-size:.8rem}
	.line-arrow-wrap{top:-12px}
	.tbl-flow-wrap{overflow-x:auto}
	.tbl-flow th{padding:10px 0;width:130px}
	.btn-list{width:100%;padding:10px 0}
	.board-list li{display:block;position:relative;padding:30px 0 50px 0}
	.board-list li .dt{display:block;position:absolute;left:0;bottom:20px;font-size:.8rem;width:100%;text-align:left}
	.board-list li .txt{display:block}
	.board-list li .txt strong,
	.board-list li .txt span{width:100%}
	.board-list li .txt strong{font-size:1rem;margin-bottom:0}
	.board-list li .dt strong{display:inline;font-size:.8rem}
	.board-list li .dt span:before{display:inline;content:"."}

	.board-info .total{display:none}
	.board-info .search{display:block;position:relative}
	.board-info .search select{width:30%}
	.board-info .search input{width:47%}
	.board-info .search .btn-list{width:20%;min-width:50px}
	.board-info input, .board-info select{padding:5px;font-size:.8rem}

	.board-tview .tit{padding:20px;display:block;font-size:1.2rem}
	.board-tview .tit strong{display:block;margin-bottom:10px}
	.board-tview .tit span{width:100%;display:block;font-size:.8rem}
	.board-tview .con{padding:25px}
	.board-tview .nav{height:50px}
	.board-tview .nav a{top:12px}
	.board-tview .nav a.btn-prev{left:10px}
	.board-tview .nav a.btn-next{right:10px}

	.tbl-tab{width:800px}
	.tbl-tab th{width:80px}
	.tbl-tab td{padding:15px}

	.tbl-tab2{width:340px;margin:0 auto}
	.tbl-tab2 small{display:block}
	.tbl-tab2 th{padding:10px;font-size:.9rem;min-width:170px}
	.tbl-tab2 .div{padding:10px}
	.tri-wrap{height:275px}
	.tri-wrap.two{top:289px;height:362px}
	.tri-wrap.thd{height:182px}
	.d-border{width:340px;left:50%;margin-left:-170px;height:284px;top:84px}
	.d-border.two{top:466px;height:275px}
	.tbl-tf .ft{width:92px;font-size:.75rem;padding:15px 1px}
	.tbl-tf .ft.bb{height:252px;padding-top:120px}
	.tbl-tf .ft.b.h{height:139px;padding-top:35px}




	.item-hu .recruit{	 width:100%;float:none;margin-right:0;margin-bottom:30px}
	.item-hu .recruit .recruit_div{background-image:url('../img/sub/recruit_boxm.png')}

	.recruit_txt-c{width:100%; height:120px;  font-size:15px; line-height: 26px; padding-top:  20px;}

	.item-hu .circle{width:100%;float:none;margin-top:60px; margin-right:0;margin-bottom:10%}
	.item-hu .circle:last-child{margin-bottom:40px}
	.item-hu .circle .circle_div{width:280px;height:280px;padding-top:110px}


	.item-hu ul{ margin: 0;}

	.btn-down{width:100%;padding:10px 0}
	.way .way-info{padding:15px}

	.sub-header strong	{font-size: 40px;}


	.sub-con.w1400{width:100%}
	.or-sub{background-image:url('../img/sub/back-linem2.png');width:300px;height:500px;margin-bottom:100px;margin-right:auto;margin-left:auto}
	.or-sub .ow{width:75px;height:75px;top:-60px;left:111px;padding:25px 0;font-size:.9rem}
	.or-sub .owg{width:57px;height:57px;border:3px solid #003993;top:3px;right:42px;padding:14px 0}
	.or-sub .box{top:20px;width:90px;height:25px;border:1px solid #32b16c;border-top:3px solid #32b16c;font-size:.7rem;padding-top:1px}
    .or-sub .box2{top:50px;width:90px;height:25px;border:1px solid #32b16c;border-top:3px solid #32b16c;font-size:.7rem;padding-top:1px}
    .or-sub .box3{top:80px;width:90px;height:25px;border:1px solid #32b16c;border-top:3px solid #32b16c;font-size:.7rem;padding-top:1px}
	.or-sub .samj > span, .or-sub .samg > span{width:100px;height:25px;border:1px solid #6688be;border-top:3px solid #003993;font-size:.8rem;padding-top:1px}
	.or-sub .samj > span{top:100px;left:100px}
	.or-sub .samj > span + ul > li, .or-sub .samg > span + ul > li{width:100px;height:25px;border-top:3px solid #333;top:120px;font-size:.8rem;padding-top:0}
	.or-sub .samj .se{left:188px}
	.or-sub .samj .gi{width:80px;height:25px;left:11px;border-top:3px solid #333;padding-top:0}
	.or-sub .samj ul > li.gi.gi1{top:180px}
	.or-sub .samj ul > li.gi.gi2{top:210px}
	.or-sub .samj ul > li.gi.gi3{top:240px;}
	.or-sub .samj ul > li.gi.gi4{top:269px;padding-top:2px;font-size:.65rem}
    .or-sub .samj ul > li.gi.gi5{top:299px}
    .or-sub .samj ul > li.gi.gi6{top:329px}
	.or-sub .samj > span + ul > li.bu, .or-sub .samg > span + ul > li.bu{width:90px;height:25px;top:180px;border-top:3px solid #333;padding-top:0}
	.or-sub .bu li{width:45px;height:36px;border-top:3px solid #6688be;line-height:1.2;top:48px;padding-top:0}
	.or-sub .bu.bu4 li{width:55px}
	.or-sub .bu.bu1{left:100px}
	.or-sub .bu.bu2{left:199px}
	.or-sub .bu .team1{left:-51px}
	.or-sub .bu .team2{left:-4px}
	.or-sub .bu .team3{left:43px}
	.or-sub .samg > span{top:354px;right:100px}
	.or-sub .bu.bu3{left:6px;top:434px !important}
	.or-sub .bu.bu4{left:103px;top:434px !important}
	.or-sub .bu.bu5{top:434px !important;right:11px}
	.or-sub .bu .team4{right:132px}
	.or-sub .bu .team5{right:75px}
	.or-sub .bu .team6{right:18px}
	.or-sub .bu .team7{right:-39px}
	.or-sub .bu .team8{right:-96px;padding-top:7px}
}
@media (max-width:320px){
	.tbl-tab2{width:300px}
	.tbl-tab2 th{min-width:150px}
	.d-border{width:300px;margin-left:-150px;height:280px}
	.tri-wrap{height:267px}
	.tri-wrap.two{top:284px;height:366px}
}