@charset "utf-8";
/* ======================================== Layout ======================================== */
.subVisual{position:relative;height:390px;}
.subVisual > img{display:none;}
.subVisual > h2{display:block;width:100%;height:70px;line-height:70px;position:absolute;top:50%;margin-top:-25px;font-size:48px;color:#fff;text-align:center;}
.subVisual.bg1{background:url(../../images/keiti/sub/bg_sub1.jpg) no-repeat center center;background-size:cover;}
.subVisual.bg2{background:url(../../images/keiti/sub/bg_sub2.jpg) no-repeat center center;background-size:cover;}
.subVisual.bg3{background:url(../../images/keiti/sub/bg_sub3.jpg) no-repeat center center;background-size:cover;}
.subVisual.bg4{background:url(../../images/keiti/sub/bg_sub4.jpg) no-repeat center center;background-size:cover;}
.subVisual.bg5{background:url(../../images/keiti/sub/bg_sub5.jpg) no-repeat center center;background-size:cover;}
.subVisual.bg6{background:url(../../images/keiti/sub/bg_sub6.png) no-repeat center center;background-size:cover;}
.subVisual.bg7{background:url(../../images/keiti/sub/bg_sub7.png) no-repeat center center;background-size:cover;}
.subPageMove{display:block;position:absolute;top:200px;height:48px;font-size:22px;color:#fff;line-height:48px;}
.subPageMove.prev{left:0;padding-left:60px;background:url(../../images/keiti/common/btn_sub_prev.png) no-repeat left center;border-left:1px solid #454649;}
.subPageMove.next{right:0;padding-right:60px;background:url(../../images/keiti/common/btn_sub_next.png) no-repeat right center;border-right:1px solid #454649;}
.subPageMove:hover{top:199px;border:1px solid #fff;}
.subPageMove.prev:hover{padding-right:15px;background:url(../../images/keiti/common/btn_sub_prev_on.png) no-repeat left center;}
.subPageMove.next:hover{padding-left:15px;background:url(../../images/keiti/common/btn_sub_next_on.png) no-repeat right center;}
.subContents{position:relative;margin-top:-55px;padding:0 0 150px;}
.subContents > .inner{min-height:400px;overflow:inherit !important;}
.subContents h2 {padding-left:27px;margin-bottom:18px;font-size:18px;color:#222;}
.subContents h3{margin-bottom:18px;font-size:26px;font-weight:600;color:#222;}
.subContents .h3{padding-left:0;margin-bottom:18px;font-size:26px;font-weight:600;color:#222;background:none;}
.subContents h4, .subContents .h4{margin-bottom:15px;padding-left:27px;background:url(../../images/keiti/sub/icon_h4.gif) no-repeat left 8px;line-height:145%;font-size:20px;color:#2669ad;}
.subContents .h4Content{padding-left:27px;margin-bottom:32px;font-size:16px;color:#464646;line-height:145%;letter-spacing:-.5px;word-break:keep-all;}
.subPath{position:relative;margin-bottom:70px;padding-right:165px;height:54px;border-bottom:1px solid #e9e9e9;background-color:#fff;}
.subPath > .path{}
.subPath > .path > div{float:left;position:relative;border-right:1px solid #e9e9e9;}
.subPath > .path > div.home{width:54px;}
.subPath > .path > div.deaph1,
.subPath > .path > div.deaph2,
.subPath > .path > div.deaph3{min-width:280px;}
.subPath > .path > div.home > a{display:block;height:54px;line-height:54px;background:url(../../images/keiti/common/icon_home.png) no-repeat center center;text-indent:-9999px;}
.subPath > .path > div > a{display:block;height:54px;line-height:54px;padding:0 40px 0 15px;font-size:16px;background:url(../../images/keiti/common/icon_arrow_path.png) no-repeat 90% center;}
.subPath > .path > div > div{display:none;position:absolute;top:54px;left:-1px;right:-1px;border:1px solid #e9e9e9;border-bottom:none;background-color:#fff;z-index:9;}
.subPath > .path > div > div.active{display:block;}
.subPath > .path > div > div > a{display:block;height:54px;line-height:54px;padding:0 8px 0 15px;border-bottom:1px solid #e9e9e9;font-size:16px;letter-spacing:-1px;}
.subPath > .path > div > div > a:hover{background:#f5f5f5;}
.subPath > .direct{position:absolute;right:0;top:0;}
.subPath > .direct > a{float:left;display:block;width:54px;height:54px;line-height:54px;border-left:1px solid #e9e9e9;background-repeat:no-repeat;background-position:center center;text-indent:-9999px;}
.subPath > .direct > a:hover{background-color:#0c9897;}
.subPath > .direct > a.icon_facebook{background-image:url(../../images/keiti/common/icon_sns_f.png);}
.subPath > .direct > a.icon_twitter{background-image:url(../../images/keiti/common/icon_sns_t.png);}
.subPath > .direct > a.icon_print{background-image:url(../../images/keiti/common/icon_print.png);}
.subPath > .direct > a.icon_facebook:hover{background-image:url(../../images/keiti/common/icon_sns_f_on.png);}
.subPath > .direct > a.icon_twitter:hover{background-image:url(../../images/keiti/common/icon_sns_t_on.png);}
.subPath > .direct > a.icon_print:hover{background-image:url(../../images/keiti/common/icon_print_on.png);}
#subTopInfo{margin-bottom:40px;padding:42px 42px 42px 205px;min-height:168px;box-sizing:border-box;letter-spacing:-1px;}
#subTopInfo.bg3-4{background:#f5f5f5 url(../../images/keiti/sub/bg_subTopInfo3-4.png) no-repeat 66px center;}
#subTopInfo.bg3-5{background:#f5f5f5 url(../../images/keiti/sub/bg_subTopInfo3-5.png) no-repeat 66px center;}
#subTopInfo.bg3-7{background:#f5f5f5 url(../../images/keiti/sub/bg_subTopInfo3-7.png) no-repeat 66px center;}
#subTopInfo.bg3-9{background:#f5f5f5 url(../../images/keiti/sub/bg_subTopInfo3-9.png) no-repeat 66px 30px;}
#subTopInfo.bg3-9-4{background:#f5f5f5 url(../../images/keiti/sub/bg_subTopInfo3-9-4.png) no-repeat 66px 30px;}
#subTopInfo.bg3-10{background:#f5f5f5 url(../../images/keiti/sub/bg_subTopInfo3-10.png) no-repeat 66px center;}
#subTopInfo.bg4-2{background:#f5f5f5 url(../../images/keiti/sub/bg_subTopInfo4-2.png) no-repeat 66px center;}
#subTopInfo.bg6-2{background:#f5f5f5 url(../../images/keiti/sub/bg_subTopInfo6-2.png) no-repeat 66px center;}
#subTopInfo.bg6-3{background:#f5f5f5 url(../../images/keiti/sub/bg_subTopInfo6-3.png) no-repeat 66px center;}
#subTopInfo.bg6-5{background:#f5f5f5 url(../../images/keiti/sub/bg_subTopInfo6-5.png) no-repeat 66px center;}
#subTopInfo.bg6-12{background:#f5f5f5 url(../../images/keiti/sub/bg_subTopInfo6-12.png) no-repeat 66px center;}
#subTopInfo.bg3-9-ipin{background:#f5f5f5;font-size:22px;color:#575757;text-align:center;}
#subTopInfo.bg3-9-ipin img{display:inline-block;vertical-align:middle;margin-right:20px;}
#subTopInfo.bg3-9-ipin b{display:inline-block;vertical-align:middle;font-size:22px;color:#141414;}
#subTopInfo > b{display:block;margin-bottom:7px;font-size:22px;color:#141414;}
#subTopInfo p{font-size:16px;color:#575757;line-height:150%;}
#subTopInfo ul.listCon{margin-bottom:10px;}
#subTopInfo ul.listCon > li{padding-top:1px;padding-bottom:1px;font-size:16px;color:#575757;}
#subTopInfo .mgb10{margin-bottom:10px;}
#subTopInfo a{display:inline-block;vertical-align:middle;margin:10px 0 10px 20px;padding:0 20px 0 45px;height:36px;border:1px solid #2669ad;color:#2669ad;text-align:center;font-size:15px;line-height:36px;}
#subTopInfo .subTopDown{background:#fff url(../../images/keiti/sub/icon_subTopDown.png) no-repeat 20px;}
#subTopInfo .subTopGo{background:#fff url(../../images/keiti/sub/icon_subTopGo.png) no-repeat 20px;}
#subTopInfo .subTopGo.type2,
#subTopInfo .subTopDown.type2{margin-left:0;}
#subTopInfo.email{padding:35px 0;min-height:auto;background:#f5f5f5;text-align:center;}
#subTopInfo.email .icon{display:inline-block;vertical-align:middle;margin-right:20px;width:78px;height:78px;background:url(../../images/keiti/sub/bg_subTopInfo_email.png) no-repeat;}
#subTopInfo.email p{display:inline-block;vertical-align:middle;font-size:22px;color:#575757;}
#subTopInfo.email p b{color:#141414;}
.subTopInfo{margin-bottom:40px;padding:42px 42px 42px 205px;min-height:168px;background:#f5f5f5;box-sizing:border-box;letter-spacing:-1px;}
.subTopInfo.type2{padding-left:42px;min-height:auto;}
.subTopInfo.bg3-7{background:#f5f5f5 url(../../images/keiti/sub/bg_subTopInfo3-7.png) no-repeat 66px center;}
.subTopInfo.bg3-9{background:#f5f5f5 url(../../images/keiti/sub/bg_subTopInfo3-9.png) no-repeat 66px center;}
.subTopInfo.bg3-9 p{font-size:20px;color:#575757;line-height:170%; padding-top:25px; padding-left:70px;}
.subTopInfo.bg2-1-5{background:#f5f5f5 url(../../images/keiti/sub/bg_subTopInfo2-1-5.png) no-repeat 66px center;}
.subTopInfo.bg2-2-4{background:#f5f5f5 url(../../images/keiti/sub/bg_subTopInfo2-2-4.png) no-repeat 66px center;}
.subTopInfo.bg2-2-5{background:#f5f5f5 url(../../images/keiti/sub/bg_subTopInfo2-2-5.png) no-repeat 66px center;}
.subTopInfo.bg2-2-5-2{background:#f5f5f5 url(../../images/keiti/sub/bg_subTopInfo2-2-5-2.png) no-repeat 66px center;}
.subTopInfo.bg2-3-1{background:#f5f5f5 url(../../images/keiti/sub/bg_subTopInfo2-3-1.png) no-repeat 66px center;}
.subTopInfo.bg2-3-2{background:#f5f5f5 url(../../images/keiti/sub/bg_subTopInfo2-3-2.png) no-repeat 66px center;}
.subTopInfo.bg2-3-2-2{background:#f5f5f5 url(../../images/keiti/sub/bg_subTopInfo2-3-2-2.png) no-repeat 66px center;}
.subTopInfo.bg2-3-2-3{background:#f5f5f5 url(../../images/keiti/sub/bg_subTopInfo2-3-2-3.png) no-repeat 66px center;}
.subTopInfo.bg2-3-2-4{background:#f5f5f5 url(../../images/keiti/sub/bg_subTopInfo2-3-2-4.png) no-repeat 66px center;}
.subTopInfo.bg2-3-2-5{background:#f5f5f5 url(../../images/keiti/sub/bg_subTopInfo2-3-2-5.png) no-repeat 66px center;}
.subTopInfo.bg2-3-3{background:#f5f5f5 url(../../images/keiti/sub/bg_subTopInfo2-3-3.png) no-repeat 66px center;}
.subTopInfo.bg2-3-3-2{background:#f5f5f5 url(../../images/keiti/sub/bg_subTopInfo2-3-3-2.png) no-repeat 66px center;}
.subTopInfo.bg2-3-3-3{background:#f5f5f5 url(../../images/keiti/sub/bg_subTopInfo2-3-3-3.png) no-repeat 66px center;}
.subTopInfo.bg2-3-7{background:#f5f5f5 url(../../images/keiti/sub/bg_subTopInfo2-3-7.png) no-repeat 66px center;}
.subTopInfo > b{display:block;margin-bottom:7px;font-size:22px;color:#141414;}
.subTopInfo p{font-size:16px;color:#575757;line-height:150%;word-break:keep-all;}
.subTopInfo ul.listCon{margin-bottom:10px;}
.subTopInfo ul.listCon > li{padding-top:1px;padding-bottom:1px;font-size:16px;color:#575757;}
.subTopInfo ul.listCon > li:before{top:11px;}
.subTopInfo .mgb10{margin-bottom:10px;}
.subTopInfo a{display:inline-block;vertical-align:middle;margin:10px 0 10px 20px;padding:0 20px 0 45px;height:36px;border:1px solid #2669ad;color:#2669ad;font-size:15px;text-align:center;line-height:36px;}
.subTopInfo .subTopDown{background:#fff url(../../images/keiti/sub/icon_subTopDown.png) no-repeat 20px;}
.subTopInfo .subTopGo{background:#fff url(../../images/keiti/sub/icon_subTopGo.png) no-repeat 20px;}
.subTopInfo .subTopGo.type2,
.subTopInfo .subTopDown.type2{margin-left:0;}
.h3Content{margin:20px 0 70px;font-size:16px;color:#464646;line-height:145%;letter-spacing:-.5px;word-break:keep-all;}
.h3Content p{margin-bottom:10px;font-size:16px;color:#464646;line-height:145%;}
.h3Content ul.listCon,
.h4Content ul.listCon{margin-bottom:15px;}
.h4Content .listCon .info{margin:10px 0;}
.h4Content .listCon .listCon > li{padding:2px 0 2px 10px;}
.h4Content .listCon .listCon > li:before{top:15px;}
.grayImgBox{margin:10px 0;padding:60px 0;border:1px solid #dfdfdf;text-align:center;}
.linkBlue{color:#2669ad;}
.linkBlue:hover{text-decoration:underline;font-weight:600;}
.grayImgBox_both{margin:10px 0;padding:60px 0;border:1px solid #dfdfdf;text-align:center;}
.grayImgBox_both> span{display:inline-block;width:48%;}
.grayImgBox_both> span img{max-width:100%;max-height:100%;}
.subMainTop{position:relative;margin-bottom:30px;padding:85px 0 0 140px;height:420px;box-sizing:border-box;}
.subMainTop.bg1{background:url(../../images/keiti/sub/bg_subMainTop1.jpg) no-repeat center center;background-size:cover;}
.subMainTop.bg2{background:url(../../images/keiti/sub/bg_subMainTop2.jpg) no-repeat center center;background-size:cover;}
.subMainTop.bg3{background:url(../../images/keiti/sub/bg_subMainTop3.jpg) no-repeat center center;background-size:cover;}
.subMainTop.bg4{background:url(../../images/keiti/sub/bg_subMainTop4.jpg) no-repeat center center;background-size:cover;}
.subMainTop.bg5{background:url(../../images/keiti/sub/bg_subMainTop5.png) no-repeat center center;background-size:cover;}
.subMainTop .slogan{display:block;position:relative;margin-bottom:55px;padding-bottom:40px;color:#fff;font-size:58px;}
.subMainTop .slogan:after{display:block;content:'';position:absolute;bottom:0;left:0;width:37px;border-bottom:1px solid #fff;}
.subMainTop .slogan em{color:#f2ffd6;}
.subMainTop > p{font-size:16px;line-height:150%;color:#fff;}
.subMainTop > p .title{display:block;margin-bottom:15px;font-size:25px;color:#fff;}
.subMainTop .quick{position:absolute;top:34px;right:80px;width:630px;}
.subMainTop .quick.col4{width:680px;}
/* .subMainTop.bg3 .quick, */
/* .subMainTop.bg4 .quick{top:90px;} */
.subMainTop .quick li{float:left;display:block;margin-bottom:18px;width:33.3333%;}
.subMainTop .quick.col4 li{width:25%;}
.subMainTop .quick li a{display:block;text-align:center;font-size:18px;font-weight:600;line-height:145%;color:#fff;}
.subMainTop .quick li span{display:block;margin:0 auto 10px;width:111px;height:111px;border-radius:55.5px;background-color:#8ebe2b;background-repeat:no-repeat;background-position:center top;}
.subMainTop .quick li .icon1{background-image:url(../../images/keiti/sub/icon_subaMain_quick1.png);}
.subMainTop .quick li .icon2{background-image:url(../../images/keiti/sub/icon_subaMain_quick2.png);}
.subMainTop .quick li .icon3{background-image:url(../../images/keiti/sub/icon_subaMain_quick3.png);}
.subMainTop .quick li .icon4{background-image:url(../../images/keiti/sub/icon_subaMain_quick4.png);}
.subMainTop .quick li .icon5{background-image:url(../../images/keiti/sub/icon_subaMain_quick5.png);}
.subMainTop .quick li .icon6{background-image:url(../../images/keiti/sub/icon_subaMain_quick6.png);}
.subMainTop .quick li .icon7{background-image:url(../../images/keiti/sub/icon_subaMain_quick7.png);}
.subMainTop .quick li .icon8{background-image:url(../../images/keiti/sub/icon_subaMain_quick8.png);}
.subMainTop .quick li .icon9{background-image:url(../../images/keiti/sub/icon_subaMain_quick9.png);}
.subMainTop .quick li .icon10{background-image:url(../../images/keiti/sub/icon_subaMain_quick10.png);}
.subMainTop .quick li .icon11{background-image:url(../../images/keiti/sub/icon_subaMain_quick11.png);}
.subMainTop .quick li .icon12{background-image:url(../../images/keiti/sub/icon_subaMain_quick12.png);}
.subMainTop .quick li .icon13{background-image:url(../../images/keiti/sub/icon_subaMain_quick13.png);}
.subMainTop .quick li .icon14{background-image:url(../../images/keiti/sub/icon_subaMain_quick14.png);}
.subMainTop .quick li .icon15{background-image:url(../../images/keiti/sub/icon_subaMain_quick15.png);}
.subMainTop .quick li .icon16{background-image:url(../../images/keiti/sub/icon_subaMain_quick16.png);}
.subMainTop .quick li .icon17{background-image:url(../../images/keiti/sub/icon_subaMain_quick17.png);}
.subMainTop .quick li .icon18{background-image:url(../../images/keiti/sub/icon_subaMain_quick18.png);}
.subMainTop .quick li .icon19{background-image:url(../../images/keiti/sub/icon_subaMain_quick19.png);}
.subMainTop .quick li .icon20{background-image:url(../../images/keiti/sub/icon_subaMain_quick20.png);}
.subMainTop .quick li .icon21{background-image:url(../../images/keiti/sub/icon_subaMain_quick21.png);}
.subMainTop .quick li .icon22{background-image:url(../../images/keiti/sub/icon_subaMain_quick22.png);}
.subMainTop .quick li .icon23{background-image:url(../../images/keiti/sub/icon_subaMain_quick23.png);}
.subMainTop .quick li .icon24{background-image:url(../../images/keiti/sub/icon_subaMain_quick24.png);}
.subMainTop .quick li .icon25{background-image:url(../../images/keiti/sub/icon_subaMain_quick25.png);}
.subMainTop .quick li .icon26{background-image:url(../../images/keiti/sub/icon_subaMain_quick26.png);}
.subMainTop .quick li .icon27{background-image:url(../../images/keiti/sub/icon_subaMain_quick27.png);}
.subMainTop .quick li .icon28{background-image:url(../../images/keiti/sub/icon_subaMain_quick28.png);}
.subMainTop .quick li .icon29{background-image:url(../../images/keiti/sub/icon_subaMain_quick29_1.png);}
.subMainTop .quick li .icon30{background-image:url(../../images/keiti/sub/icon_subaMain_quick30.png);}
.subMainTop .quick li a:hover span{background-color:#6b9c00;}
.subMainCon > div{margin-bottom:30px;}
.subMainCon .boxCol3{border-top:1px solid #ddd;border-left:1px solid #ddd;letter-spacing:-1px;}
.subMainCon .boxCol3:after{display:block;content:'';clear:both;}
.subMainCon .boxCol3 > div{float:left;width:33.3333%;box-sizing:border-box;border-right:1px solid #ddd;border-bottom:1px solid #ddd;}
.subMainCon .boxCol3 .row1{height:350px;}
.subMainCon .boxCol3 .row2{height:580px;}
.subMainCon .boxCol3 .row3{height:800px;}
.subMainCon .boxCol3 .item1{position:relative;padding:42px 40px;background:#0c9897 url(../../images/keiti/sub/bg_subMainCon_item1.png) no-repeat 88% 82%;}
.subMainCon .boxCol3 .item1.bg2{background:#0c9897 url(../../images/keiti/sub/bg_subMainCon_item1_2.png) no-repeat 88% 82%;}
.subMainCon .boxCol3 .item1.bg3{background:#0c9897 url(../../images/keiti/sub/bg_subMainCon_item1_3.png) no-repeat 98% 88%;}
.subMainCon .boxCol3 .item1.bg4{background:#0c9897 url(../../images/keiti/sub/bg_subMainCon_item1_4.png) no-repeat 88% 82%;}
.subMainCon .boxCol3 .item1.bg5{background:#0c9897 url(../../images/keiti/sub/bg_subMainCon_item1_5.png) no-repeat 88% 82%;}
.subMainCon .boxCol3 .item1 .title{display:block;margin-bottom:23px;font-size:36px;font-weight:600;color:#fff;}
.subMainCon .boxCol3 .item1 p{color:#fff;font-size:16px;line-height:145%;}
.subMainCon .boxCol3 .item1 .btnDetail{display:none;position:absolute;left:40px;bottom:42px;padding-left:18px;width:115px;height:38px;border:1px solid #fff;background:url(../../images/keiti/sub/icon_subMainBtnDetail.png) no-repeat 88% center;color:#fff;line-height:38px;}
.subMainCon .boxCol3 .item1 .btnDetail:hover{background:#49a2a2 url(../../images/keiti/sub/icon_subMainBtnDetail.png) no-repeat 88% center;}
.subMainCon .boxCol3 .item2{padding:60px 50px;}
.subMainCon .boxCol3 .item2.row2{padding:40px 50px;}
.subMainCon .boxCol3 .item2.bg{background:#f7f7f7;}
.subMainCon .boxCol3 .item2 .title{display:block;margin-bottom:20px;height:70px;line-height:70px;font-size:22px;font-weight:600;text-align:center;color:#333;}
.subMainCon .boxCol3 .item2 .title img{display:inline-block;vertical-align:middle;margin-right:28px;}
.subMainCon .boxCol3 .item2 ul{border-bottom:1px solid #ccc;}
.subMainCon .boxCol3 .item2 ul li{height:40px;}
.subMainCon .boxCol3 .item2 ul li a{display:block;padding-left:18px;height:45px;box-sizing:border-box;background:#fff url(../../images/keiti/sub/icon_subMain_linkPlus.png) no-repeat 94% center;border:1px solid #ccc;line-height:43px;font-size:15px;color:#333;}
.subMainCon .boxCol3 .item2 ul li a:hover{height:44px;border:1px solid #2669ad !important;line-height:43px;color:#2669ad;}
.subMainCon .boxCol2{border-left:1px solid #ddd;}
.subMainCon .boxCol2:after{display:block;content:'';clear:both;}
.subMainCon .boxCol2 > div{float:left;padding:35px 45px;box-sizing:border-box;width:50%;border:1px solid #ddd;border-left:0px none;}
.subMainCon .boxCol2 .item3{position:relative;height:270px;}
.subMainCon .boxCol2 .item3 .title{display:block;margin-bottom:20px;padding-bottom:15px;border-bottom:1px solid #ccc;font-size:24px;color:#333;}
.subMainCon .boxCol2 .item3 .noticeList{height:142px;overflow:hidden;}
.subMainCon .boxCol2 .item3 .noticeList li{position:relative;display:block;padding:6px 135px 6px 0;}
.subMainCon .boxCol2 .item3 .noticeList li:after{display:block;content:'';position:absolute;left:0;top:15px;width:2px;height:2px;background:#5d5d5d;}
.subMainCon .boxCol2 .item3 .noticeList li a{display:block;position:relative;padding-left:10px;font-size:15px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;color:#333;}
.subMainCon .boxCol2 .item3 .noticeList li a:hover{text-decoration:underline;}
.subMainCon .boxCol2 .item3 .noticeList li .date{display:block;position:absolute;right:0;top:6px;color:#9a9a9a;font-size:15px;}
.subMainCon .boxCol2 .item3 .btnMore{display:block;position:absolute;top:43px;right:45px;color:#555;}
.subMainCon .boxCol2 .item3 .btnMore:hover{font-weight:600;}
.subMainCon .item3 .subMainSlider1 .subject{display:block;margin-bottom:20px;font-size:20px;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.subMainCon .item3 .subMainSlider1 .subject:hover{text-decoration:underline;}
.subMainCon .item3 .subMainSlider1 li{margin-bottom:15px;line-height:23px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
.subMainCon .item3 .subMainSlider1 li .label{display:inline-block;vertical-align:middle;margin-right:15px;width:78px;height:21px;border:1px solid #ccc;line-height:23px;text-align:center;}
.subMainCon .item3 .subMainSlider1 .bx-prev{right:51px;background-image:url(../../images/keiti/main/icon_slider_prev.png);}
.subMainCon .item3 .subMainSlider1 .bx-next{right:0px;background-image:url(../../images/keiti/main/icon_slider_next.png);}
.subMainCon .item3 .subMainSlider1 .bx-controls a{display:block;position:absolute;bottom:0;width:50px;height:50px;background-color:#ccc;background-repeat:no-repeat;background-position:center center;text-indent:-9999em;}
.subMainCon .item3 .subMainSlider1 .bx-controls a:hover{background-color:#9e9d9d;}
.subMainCon .subMainSite{position:relative;margin-top:40px;padding-left:350px;}
.subMainCon .subMainSite .title{display:block;position:absolute;left:10px;top:8px;font-size:26px;color:#333;}
.subMainCon .subMainSite ul{margin:-5px;}
.subMainCon .subMainSite ul li{display:block;float:left;padding:5px;width:25%;box-sizing:border-box;}
.subMainCon .subMainSite ul li a{display:block;height:86px;border:1px solid #ccc;text-align:center;line-height:86px;}
.subMainCon .subMainSite ul li a:hover{border:1px solid #2669ad;}
.subMainCon .subMainSite ul li img{vertical-align:middle; max-width:95%;}
.btnLinkGo{display:inline-block;vertical-align:middle;padding:0 20px 0 50px;box-sizing:border-box;height:36px;background:url(../../images/keiti/sub/icon_subTopGo.png) no-repeat 22px center;border:1px solid #2669ad;color:#10559a;font-size:15px;line-height:36px;}
.sub2_2 .subMainCon .boxCol3 .row1{padding:40px 50px 35px;}
.sub2_2 .subMainCon .boxCol3 .row2{height:568px;}
.sub2_2 .subMainCon .boxCol3 .row3{height:658px;}
.sub2_3 .subMainCon .boxCol3 .row1{padding:40px 50px;height:350px;}
.sub2_3 .subMainCon .boxCol3 .row2{padding:40px 50px;height:480px;}
.sub2_4 .subMainCon .boxCol3 > div{width:25%;}
.sub2_4 .subMainCon .boxCol3 .row1{height:360px;}
.sub2_4 .subMainCon .boxCol3 .item2{padding:60px 34px;}
.subMainCon .boxCol3 .item2 .title em{display:inline-block;vertical-align:middle;line-height:130%;}
.subTabInfo{margin-bottom:40px;padding:30px 50px;background:#f0f5fa;color:#195fa7;line-height:145%;font-size:17px;word-break:keep-all;}
/* ======================================== 메뉴명 (대분류 > 중분류 > 소분류) ======================================== */
/* 기관소개*/
.greeting{position:relative;padding-left:585px;}
/*.greeting{position:relative;padding-left:0px;}*/
/*.greeting{position:relative;padding-left:0px;}*/
.greeting .imgArea{display:block;position:absolute;top:15px;left:0;}
.greeting .topGreet{margin-bottom:50px;position:relative;padding-bottom:30px;font-size:40px;color:#2669ad;line-height:140%;}
.greeting .topGreet:after{display:block;content:'';position:absolute;bottom:0;left:0;width:50px;border-top:1px solid #2669ad;}
.greeting .topGreet span{display:block;font-size:18px;font-weight:600;color:#2669ad;}
.greeting .greetCon .txtIndigo{display:block;margin-bottom:40px;font-size:30px;line-height:145%;}
.greeting .greetCon p{margin-bottom:30px;font-size:18px;color:#464646;line-height:150%;}
.ceoSign{display:block;padding-right:265px;height:110px;background:url(../../images/keiti/main/img_ceoSign_new.jpg) no-repeat right -20px center;line-height:102px;font-size:24px;color:#222;text-align:right;}
/*.ceoSign{display:block;padding-right:155px;height:102px;background:url(../../images/keiti/main/img_ceoSign.png) no-repeat right center;line-height:102px;font-size:18px;color:#222;text-align:right;}*/
.ceoSign2{display:block;padding-right:155px;height:102px;background:url(../../images/keiti/main/img_ceoSign2.png) no-repeat right center;line-height:102px;font-size:18px;color:#222;text-align:right;}
.ceoSign b{display:inline-block;vertical-align:top;margin-left:5px;font-size:27px;font-weight:normal;}
.profile{position:relative;padding-left:365px;}
.profile .imgArea{display:block;position:absolute;top:0;left:0;}
.profile .topInfo{display:block;margin-bottom:35px;font-weight:600;color:#222;font-size:26px;line-height:200%;}
.ceoHistory .photoList{margin:-20px -30px;}
.ceoHistory .photoList:after{display:block;content:'';clear:both;}
.ceoHistory .photoList > li{float:left;padding:20px 30px;width:50%;box-sizing:border-box;}
.ceoHistory .photoList > li div{position:relative;padding:20px 0 0 235px;height:270px;border-right:1px solid #dfdfdf;border-bottom:1px solid #dfdfdf;border-top:2px solid #0d3361;box-sizing:border-box;}
.ceoHistory .photoList > li .imgArea{display:block;position:absolute;left:0;bottom:0;padding:14px;width:202px;height:245px;border:1px solid #dfdfdf;border-bottom:0px none;box-sizing:border-box;}
.ceoHistory .photoList > li b{display:block;margin-bottom:20px;font-size:18px;color:#222;}
.ceoHistory .photoList > li b .txtBlue{display:block;padding:8px 0;font-size:22px;}
.ceoHistory ul.listCon > li{padding:3px 0 3px 10px;font-size:16px;}
.visionValue .title{display:block;text-align:center;font-size:30px;font-weight:600;color:#222;}
.visionValue > div{margin-bottom:25px;padding-bottom:65px;background:url(../../images/keiti/main/img_visionValue_ar.png) no-repeat center bottom;}
.missionCon p{margin:25px auto 0;padding-top:115px;box-sizing:border-box;width:424px;height:376px;background:url(../../images/keiti/main/bg_missionCon.png) no-repeat;font-size:22px;font-weight:600;color:#fff;line-height:145%;text-align:center;}
.visionCon,
.valueCon{position:relative;padding-top:20px;}
.visionCon .title{position:absolute;top:0;left:50%;margin-left:-77.5px;width:155px;background:#fff;}
.visionCon p{margin:0 auto;width:auto;max-width:1200px;height:auto;padding:25px 10px;border:1px solid #ddd;border-radius:55px;line-height:normal;font-size:22px;font-weight:600;text-align:center;color:#333;box-sizing:border-box;}
.visionCon p > span{font-size:18px;color:#7a7a7a;}
.valueCon .title{position:absolute;top:0;left:50%;margin-left:-77.5px;width:155px;background:#fff;}
.valueCon p{margin:0 auto;width:auto;max-width:1200px;height:auto;padding:25px 10px;border:1px solid #ddd;border-radius:150px;line-height:normal;text-align:center;box-sizing:border-box;}
.valueCon p > b{display:inline-block;margin-bottom:30px;font-size:22px;color:#333;}
.valueCon .round{display:inline-block;width:182px;height:182px;padding-top:90px;margin-left:-20px;border-radius:91px;background-repeat:no-repeat;background-position:center 30px;text-align:center;box-sizing:border-box;color:#fff;font-size:20px;}
.valueCon .round.r1{background-color:rgba(34,98,162,0.9);background-image:url(../../images/keiti/main/img_valueCon1.png);margin-left:0;}
.valueCon .round.r2{background-color:rgba(0,156,147,0.9);background-image:url(../../images/keiti/main/img_valueCon2.png);}
.valueCon .round.r3{background-color:rgba(0,159,66,0.9);background-image:url(../../images/keiti/main/img_valueCon3.png);}
.valueCon .round.r4{background-color:rgba(154,200,59,0.9);background-image:url(../../images/keiti/main/img_valueCon4.png);}
.valueCon .round.r5{background-color:rgba(228,146,0,0.9);background-image:url(../../images/keiti/main/img_valueCon5.png);}
.golCon{position:relative;padding-top:20px;}
.golCon .title{display:block;text-align:center;font-size:30px;font-weight:600;color:#222;}
.golCon p{max-width:1100px;margin:0 auto;padding:25px 0;text-align:center;font-size:22px;}
.golCon .round2{display:inline-block;width:290px;height:100px;padding-top:15px;margin-left:-30px;margin-bottom:10px;border-radius:50px;background-color:rgba(226,229,233, 0.5);text-align:center;box-sizing:border-box;color:#333;font-size:20px;box-sizing:border-box;}
.golCon .round2 b{font-size:24px;}
.strateCon{background:none !important;}
.strateCon .title{margin-bottom:25px;}
.strateCon > ul{}
.strateCon > ul > li{float:left;padding:0 10px;width:25%;box-sizing:border-box;}
.strateCon > ul > li > span{display:block;height:52px;border-top-left-radius:5px;border-top-right-radius:5px;background:#7f8d9d;line-height:52px;text-align:center;font-size:19px;font-weight:600;color:#fff;}
.strateCon > ul > li ul{padding:8px 25px;height:254px;box-sizing:border-box;background:#f5f5f5;border-bottom-left-radius:5px;border-bottom-right-radius:5px;}
.strateCon > ul > li ul li{position:relative;padding:8px 0 8px 35px;border-bottom:1px dashed #b7bfc8;font-size:17px;color:#464646;letter-spacing:-.5px;}
.strateCon > ul > li ul li:last-child{border:0px none;}
.strateCon > ul > li ul li em{display:block;position:absolute;left:0;top:9.5px;}
.purpose .title{display:block;margin-bottom:22px;text-align:center;font-size:30px;font-weight:600;color:#222;}
.purpose .bgArea{margin-bottom:65px;padding:34px 0;box-sizing:border-box;height:325px;background:url(../../images/keiti/main/bg_purpose_bgArea.jpg) no-repeat center top;}
.purpose .bgArea p{margin:0 auto;padding-top:70px;box-sizing:border-box;width:920px;height:259px;background:url(../../images/keiti/main/bg_purpose_bgArea2.png) no-repeat;text-align:center;line-height:150%;font-size:24px;font-weight:600;color:#fff;}
.purpose .bgArea p span{display:block;padding-top:18px;font-size:16px;}
.purpose .functCon{overflow:hidden;padding:40px 0 40px 130px;border:1px solid #d7dbdf;border-radius:5px;}
.purpose .functCon li{float:left;position:relative;padding-right:130px;box-sizing:border-box;width:50%;}
.purpose .functCon li em{display:block;position:absolute;left:0;top:50%;margin:-20px 10px 0 0;width:40px;height:40px;border-radius:20px;background:#7f8d9d;color:#fff;font-size:19px;font-weight:600;text-align:center;line-height:40px;}
.purpose .functCon li span{display:block;padding:15px 0;margin-left:50px;border-bottom:1px dashed #b7bfc8;font-size:19px;font-weight:600;color:#333;}
.history{position:relative;}
.history .present{display:block;margin:0 auto;width:236px;height:229px;background:url(../../images/keiti/main/bg_history_present.png) no-repeat;font-size:30px;font-weight:600;color:#fff;text-align:center;line-height:190px;}
.history > ul > li{clear:both;position:relative;margin-bottom:30px;width:762px;box-sizing:border-box;}
.history > ul > li:after{display:block;content:'';position:absolute;top:4px;width:78px;height:25px;}
.history > ul > li.right{float:right;padding-left:95px;}
.history > ul > li.right:after{left:0;;background:#fff url(../../images/keiti/main/icon_history_right.png) no-repeat;}
.history > ul > li.left{float:left;padding-right:95px;text-align:right;}
.history > ul > li.left:after{right:1px;background:#fff url(../../images/keiti/main/icon_history_left.png) no-repeat;}
.history > ul > li .year{display:block;margin-bottom:10px;font-size:28px;color:#2669ad;}
.history ul ul li{position:relative;padding:5px 0;font-size:16px;color:#464646;}
.history ul li.right ul li{padding-left:40px;}
.history ul li.left ul li{padding-right:40px;}
.history ul ul li b{display:block;position:absolute;top:5px;font-size:18px;color:#464646;}
.history ul li.right ul li b{left:0;}
.history ul li.left ul li b{right:0;}
.history .bgLine{position:absolute;display:block;top:259px;left:50%;margin-left:-1px;bottom:0;border-right:1px solid #d7dbdf;z-index:-1;}
.lawList{border-top:2px solid #0d3361;}
.lawList li{position:relative;padding:15px 150px 15px 20px;border-bottom:1px solid #dfdfdf;font-size:16px;}
.lawList li a{display:block;position:absolute;right:20px;top:50%;margin-top:-18px;width:110px;height:36px;background:#2669ad;line-height:36px;text-align:center;color:#fff;font-size:16px;}
.organization{background:url(../../images/keiti/main/bg_organization.png) no-repeat center 172px;text-align:center;}
.organization .president{display:block;margin:0 auto 30px;width:190px;height:183px;background:url(../../images/keiti/main/bg_president.png) no-repeat;font-size:22px;font-weight:600;color:#0e9472;line-height:170px;}
.organization .rightBox{display:block;margin:0 0 10px 500px;width:360px;height:52px;background:#fff;border:2px solid #009f42;line-height:52px;color:#00993f;font-size:19px;font-weight:600;}
.organization .leftBox{display:block;margin:0 0 30px 200px;width:360px;height:52px;background:#fff;border:2px solid #009f42;line-height:52px;color:#00993f;font-size:19px;font-weight:600;}
.organization .allOrgan:after{display:block;content:'';clear:both;}
.organization .allOrgan{margin-bottom:40px;padding-left:106px;}
.organization .allOrgan > li{float:left;display:block;margin:0 19px;}
.organization .allOrgan > li > div{width:226px;}
.organization .allOrgan li .col1{padding-top:100px;}
.organization .allOrgan li .col2{float:left;margin:0 6px;}
/*lmy.organization .allOrgan .depart1{display:block;margin:0 auto 65px;width:240px;height:52px;border:2px solid #2f67a0;line-height:52px;color:#175a9d;font-weight:600;font-size:19px;}*/
.organization .allOrgan .depart1{display:block;margin:200px auto 165px; width:240px;height:52px;border:2px solid #2f67a0;line-height:52px;color:#175a9d;font-weight:600;font-size:19px;}
.organization .allOrgan .depart2{display:block;margin-bottom:10px;height:52px;background:#0d3361;font-size:18px;font-weight:600;line-height:52px;}
.organization .allOrgan .depart2 a{color:#fff;}
.organization .allOrgan .departLong{display:block;margin:0 auto 65px; width:400px;height:52px;border:2px solid #2f67a0;line-height:52px;color:#175a9d;font-weight:600;font-size:12px;}
.organization .allOrgan li ul li{margin-bottom:4px;height:52px;background:#efefef;line-height:52px;line-height:52px;font-size:17px;color:#0d3361;}
.organization .allOrgan li ul li.bgWhite{margin:1px 0 8px;background:#fff;border:2px solid #d7dbdf;color:#464646; width:80%; height:40%; margin-left:auto; margin-right:auto;}
.organization .allOrgan li ul li a{display:block;}
/* 200520_조직도수정 */
.organization .allOrgan{padding-left: 0!important;}
.organization .allOrgan > li > div {width: 185px;}
/*.organization .allOrgan .depart1.org_head{margin: 0 0 45px 13%;}*/
.org_division{display: block;width: 360px!important;}
.org_division .depart2{width: 200px;}
.org_division .division01{width: 185px;float: left;margin-top: 57px}
.org_division .division02{width: 175px;margin-left: 190px}
.org_division .division02 .depart2{width: 171px;height: 48px;margin:1px 0 5px;background: #fff;border: 2px solid #c1c1c1;}
.org_division .division02 .depart2 a{display: block;color: #444!important;font-size: 12px;line-height: 48px}
.col2 li.h_auto{height:53px!important;line-height:normal!important;padding-top:15px}
.organization .allOrgan .depart1{background-color: #fff}
/*20200818 신고센터 개편*/
.dec-tit-wrap, .dec-btn-wrap{width: 100%;}
.dec-tit-wrap, .dec-btn-wrap{margin:40px 0;display: flex;}
.dec-image{width: 25%;display: inline-block;vertical-align: middle;}
.dec-tit{width: 68%;display: inline-block;vertical-align: middle; padding: 50px 0 0 50px;}
.dec-tit span{background-color: #0d3361; padding: 10px 15px;color: #fff;font-size: 16px;border-radius: 0 50px 50px 0;}
.dec-tit h3{font-size:31px;letter-spacing: -1px;margin: 25px 0;}
.dec-tit h3 strong{color: #369608;}
.dec-tit p{ font-size: 17px;line-height: 1.5; letter-spacing: -1px;}
.dec-btn-wrap .dec-btn{width: 33%;color:#fff;text-align: center;display: inline-block;margin: 0 0 0 1%;height: 272px; background-repeat: no-repeat;background-size: cover;justify-content: space-between;}
/*추가CSS*/
.dec-5{background-image: url(/images/keiti/sub/declare_bg_5.png);}
.dec-5 a{background-color: rgb(255 160 28);}
.dec-5 a:hover{background-color: rgb(250 132 21);}
.dec-6{background-image: url(/images/keiti/sub/declare_bg_6.png);}
.dec-6 a{background-color: rgb(0,121,63,0.8);}
.dec-6 a:hover{background-color: rgb(0,103,53,1);}
.dec-btn-wrap .dec-btn h4{color:#fff;letter-spacing: -1px;font-size:23px; margin: 60px 0 0 0;background:none;padding-left :0px;}
.dec-btn-wrap .dec-btn p{font-size:16px;margin-bottom: 50px;line-height:1.5;letter-spacing: -0.5px;}
.dec-btn a{border-right: 50px;padding: 10px 20px; border-radius: 50px; color: #fff;}
.dec-1{background-image: url(/images/keiti/sub/declare_bg_1.png);}
.dec-1 a{background-color: rgb(0,121,63,0.8);}
.dec-1 a:hover{background-color: rgb(0,103,53,1);}
.dec-2{background-image: url(/images/keiti/sub/declare_bg_2.png);}
.dec-2 a{background-color: rgb(6,83,179,0.8);}
.dec-2 a:hover{background-color: rgb(0,72,160,1);}
.dec-3{background-image: url(/images/keiti/sub/declare_bg_3.png);}
.dec-3 a{background-color: rgb(23,101,141,0.8);}
.dec-3 a:hover{background-color: rgb(10,90,133,1);}
.dec-4{background-image: url(/images/keiti/sub/declare_bg_4.png);}
.dec-4 a{background-color: rgb(72,33,197,0.8);}
.dec-4 a:hover{background-color: rgb(53,14,181,1);}
.dec-7{background-image: url(/images/keiti/sub/declare_bg_7.png);}
.dec-7 a{background-color: rgb(23,101,141,0.8);}
.dec-7 a:hover{background-color: rgb(10,90,133,1);}
.dec-8{background-image: url(/images/keiti/sub/declare_bg_8.png);}
.dec-8 a{background-color: rgb(23,101,141,0.8);}
.dec-8 a:hover{background-color: rgb(10,90,133,1);}
.dec-info{width: 100%;border: 1px solid #ededed;padding:10px 0;}
.dec-info p{width:80%;font-size:16px;display: inline-block;margin: 0;vertical-align: middle;letter-spacing: -0.5px;line-height:1.5;}
.dec-info img{width: 13%;display: inline-block;margin:10px 30px;vertical-align: middle;}
.dec-info .orange-txt{color:#ff601a; }
/*20200818 신고센터 개편*/
@media (max-width: 1500px) and (min-width: 961px){
.organization .allOrgan > li > div {width: 133px;}
.organization .allOrgan .depart2{font-size: 15px;}
.org_division{display: block;width:230px!important;}
/*.org_division .depart2{width: 120px}*/
.org_division .division01{width:120px;margin-top:56px}
.org_division .division02{width:115px;margin-left:130px}
.org_division .division02 .depart2{width:102px;height:48px;margin:1px 0 5px;}
.org_division .division02 .depart2 a{font-size: 15px}
/*.organization .allOrgan .depart1.org_head{margin: 0 0 30px 4%;}*/
}
@media (max-width: 960px){
.org_division .depart2{width:100%}
.org_division{display: block;width: 49%!important;}
.org_division .division02 .depart2{width:auto;}
.org_division .division02 .depart2 a{font-size: 15px}
.organization .allOrgan .depart1.org_head{margin: 0 auto 10px;}
.org_division .division02 {width:auto;}
}
@media (max-width: 639px){
.org_division .division01{float:none;width: 100%;margin-top: 10px}
.org_division .division02{float:none;width: 100%;margin-left:0}
.org_division .division02 .depart2 a{font-size: 13px}
}
.centerOrgan{padding-left:20px;}
.centerOrgan > a{display:block;margin-bottom:10px;width:226px;height:52px;background:#dd780e;color:#fff;font-weight:600;font-size:18px;line-height:52px;}
.centerOrgan ul li{float:left;margin-right:6px;width:226px;height:52px;box-sizing:border-box;border:1px solid #b7bfc8;line-height:50px;font-size:17px;color:#0d3361;}
.centerOrgan ul li a{display:block;}
.symbol .mark1{position:relative;padding-left:660px;min-height:590px;}
.symbol .mark1 .imgArea{position:absolute;top:0;left:0;}
.symbol .mark1 .txtArea .head{display:block;margin-bottom:12px;color:#333;}
.symbol .mark1 .txtArea p{margin-bottom:12px;color:#464646;font-size:16px;line-height:145%;letter-spacing:-.5px;}
.symbol .mark1 .btnFileDown{display:block;margin-top:20px;width:312px;height:50px;background:#2669ad url(../../images/keiti/sub/icon_btnInfoDown.png) no-repeat 28px center;font-size:16px;text-indent:28px;line-height:50px;text-align:center;color:#fff;}
.symbol .colorArea:after{display:block;content:'';clear:both;}
.symbol .colorArea > div{float:left;padding-left:314px;box-sizing:border-box;width:720px;}
.symbol .colorArea .color1,
.symbol .colorArea .color3,
.symbol .colorArea .color5,
.symbol .colorArea .color8,
.symbol .colorArea .color10,
.symbol .colorArea .color12,
.symbol .colorArea .color14{margin-right:33px;}
.symbol .colorArea .color1,
.symbol .colorArea .color2{height:168px;}
.symbol .colorArea.type2 > div{margin-bottom:30px;height:128px;}
.symbol .colorArea .color1{background:url(../../images/keiti/sub/bg_symbol_color1.gif) no-repeat left bottom;}
.symbol .colorArea .color2{background:url(../../images/keiti/sub/bg_symbol_color2.gif) no-repeat left bottom;}
.symbol .colorArea .color3{background:url(../../images/keiti/sub/bg_symbol_color3.gif) no-repeat left bottom;}
.symbol .colorArea .color4{background:url(../../images/keiti/sub/bg_symbol_color4.gif) no-repeat left bottom;}
.symbol .colorArea .color5{background:url(../../images/keiti/sub/bg_symbol_color5.gif) no-repeat left bottom;}
.symbol .colorArea .color6{background:url(../../images/keiti/sub/bg_symbol_color6.gif) no-repeat left bottom;}
.symbol .colorArea .color7{background:url(../../images/keiti/sub/bg_symbol_color7.gif) no-repeat left bottom;}
.symbol .colorArea .color8{background:url(../../images/keiti/sub/bg_symbol_color8.jpg) no-repeat left bottom;}
.symbol .colorArea .color9{background:url(../../images/keiti/sub/bg_symbol_color9.jpg) no-repeat left bottom;}
.symbol .colorArea .color10{background:url(../../images/keiti/sub/bg_symbol_color10.jpg) no-repeat left bottom;}
.symbol .colorArea .color11{background:url(../../images/keiti/sub/bg_symbol_color11.jpg) no-repeat left bottom;}
.symbol .colorArea .color12{background:url(../../images/keiti/sub/bg_symbol_color12.jpg) no-repeat left bottom;}
.symbol .colorArea .color13{background:url(../../images/keiti/sub/bg_symbol_color13.jpg) no-repeat left bottom;}
.symbol .colorArea .color14{background:url(../../images/keiti/sub/bg_symbol_color14.jpg) no-repeat left bottom;}
.symbol .colorArea .color15{background:url(../../images/keiti/sub/bg_symbol_color15.jpg) no-repeat left bottom;}
.symbol .colorArea .color6,
.symbol .colorArea .color7{width:314px;}
.symbol .colorArea .color6{margin-right:15px;}
.symbol .colorArea > div > span{display:block !important;position:absolute !important;top:-9999px !important;}
.symbol .colorArea > div ul{padding:35px 0 0 30px;height:168px;border:1px solid #d7dbdf;box-sizing:border-box;}
.symbol .colorArea.type2 > div ul{padding-top:15px;height:128px;}
.symbol .colorArea > div ul li{padding:5px 0;font-size:18px;color:#464646;}
.symbol .colorArea > div ul li b{display:inline-block;width:65px;color:#033333;}
.lacationMap{position:relative;}
.lacationMap .txtArea{position:absolute;left:0;top:0;}
.lacationMap .txtArea b{display:block;position:relative;margin-bottom:30px;padding-bottom:25px;font-size:30px;font-weight:600;color:#222;}
.lacationMap .txtArea b:after{display:block;content:'';position:absolute;bottom:0;left:0;width:29px;border-top:1px solid #2669ad;}
.lacationMap .txtArea p{color:#464646;line-height:145%;font-size:22px;}
.lacationMap .txtArea p span{display:block;padding-top:20px;font-size:18px;}
.lacationMap .mapArea{margin-bottom:50px;padding-left:360px;}
.lacationMap div.bbs table.list > tbody > tr > th{padding:30px 0 30px 64px;}
.lacationMap div.bbs table.list > tbody > tr > th span{display:block;padding-left:90px;height:74px;line-height:74px;font-size:20px;color:#0d3361;text-align:left;font-weight:normal;}
.lacationMap div.bbs table.list > tbody > tr > th .mapIcon1{background:url(../../images/keiti/sub/icon_mapIcon1.png) no-repeat left center;}
.lacationMap div.bbs table.list > tbody > tr > th .mapIcon2{background:url(../../images/keiti/sub/icon_mapIcon2.png) no-repeat left center;}
.lacationMap div.bbs table.list > tbody > tr > th .mapIcon3{background:url(../../images/keiti/sub/icon_mapIcon3.png) no-repeat left center;}
.lacationMap div.bbs table.list > tbody > tr > td{padding:16px 25px;text-align:left;font-size:16px;line-height:170%;}
.lacationMap div.bbs table.list > tbody > tr:hover{background:none;}
/* 주요사업 */
.proListCon{padding-left:40px;}
.proListCon:after{display:block;content:'';clear:both;}
.proListCon li{float:left;position:relative;padding-right:40px;box-sizing:border-box;}
.proListCon li:after{display:block;content:'';position:absolute;right:15px;top:50%;margin-top:-9.5px;width:11px;height:19px;background:url(../../images/keiti/sub/icon_proListCon_ar.png) no-repeat;}
.proListCon li.last:after{display:none;}
.proListCon.col4 li{width:25%;}
.proListCon.col5 li{width:20%;}
.proListCon.col6 li{width:16.6666%;}
.proListCon.col7 li{width:12.2857%;}
.proListCon li span{display:block;border-radius:8px;background:#2f67a0;height:90px;line-height:90px;font-size:17px;font-weight:600;color:#fff;text-align:center;box-sizing:border-box;}
.proListCon li.row2 span{padding-top:22px;line-height:140%;}
.logoInfo{margin-bottom:30px;}
.logoInfo.type1{position:relative;padding-left:460px;min-height:220px;}
.logoInfo.type1 .img{display:block;position:absolute;left:0;top:0;width:430px;}
.logoInfo.type1 p{margin-bottom:22px;line-height:160%;font-size:16px;color:#464646;}
.greemCard{margin-bottom:50px;}
.greemCard span{display:inline-block;vertical-align:middle;margin-left:55px;padding:35px 0;width:730px;background:#f5f5f5;border-radius:8px;line-height:170%;text-align:center;font-size:16px;color:#454545;}
.greenStore{max-width:600px;height:200px;}
.greenStore img{max-width:100%;max-height:100%;}
.ecointerior{margin-bottom:35px;padding:35px 0 35px 295px;background:url(../../images/keiti/sub/img_sub2_3_2_ecoLogo.png) no-repeat 85px center;border:1px solid #dfdfdf;}
.ecointerior b{display:block;margin-bottom:10px;font-size:20px;color:#2669ad;}
.ecointerior p{font-size:16px;color:#464646;}
.ecointeImg{padding-left:370px;background:url(../../images/keiti/sub/img_ecointeImg.jpg) no-repeat left 10px;}
.ecoIconList{border-top:1px solid #ddd;border-left:1px solid #ddd;}
.ecoIconList li{float:left;padding:50px 0 0 177px;width:50%;height:165px;background-repeat:no-repeat;background-position:55px center;box-sizing:border-box;border-right:1px solid #ddd;border-bottom:1px solid #ddd;font-size:16px;color:#464646;}
.ecoIconList li .title{display:block;margin-bottom:8px;font-size:24px;font-weight:600;color:#2c2c2c;}
.ecoIconList li.icon1{background-image:url(../../images/keiti/sub/icon_ecoIconList1.png);}
.ecoIconList li.icon2{background-image:url(../../images/keiti/sub/icon_ecoIconList2.png);}
.ecoIconList li.icon3{padding-top:45px;background-image:url(../../images/keiti/sub/icon_ecoIconList3.png);}
.ecoIconList li.icon4{background-image:url(../../images/keiti/sub/icon_ecoIconList4.png);}
.ecoIconList li.icon5{padding-top:45px;background-image:url(../../images/keiti/sub/icon_ecoIconList5.png);}
/* 열린경영 > 사전공표정보 */
.tabBar.iconBox{margin:0 -6px 35px;}
.tabBar.iconBox li{padding:0 6px;box-sizing:border-box;}
.tabBar.iconBox li a{padding:32px;height:200px;background-position:92% 92%;background-repeat:no-repeat;border:1px solid #dedede;border-top:1px solid #33475e;box-sizing:border-box;}
.tabBar.iconBox li.icon1 a{background-image:url(../../images/keiti/sub/icon_tabIconBox1.png);}
.tabBar.iconBox li.icon2 a{background-image:url(../../images/keiti/sub/icon_tabIconBox2.png);}
.tabBar.iconBox li.icon3 a{background-image:url(../../images/keiti/sub/icon_tabIconBox3.png);}
.tabBar.iconBox li.icon4 a{background-image:url(../../images/keiti/sub/icon_tabIconBox4.png);}
.tabBar.iconBox li.active a{background-color:#0c9897;border:1px solid #0c9897;border-top:1px solid #33475e;}
.tabBar.iconBox li a b{display:block;margin-bottom:14px;font-size:20px;color:#222;}
.tabBar.iconBox li a span{display:block;font-size:15px;color:#666;line-height:150%;}
.tabBar.iconBox li.active b,
.tabBar.iconBox li.active span{color:#fff;}
/* 열린경영*/
.claimant{padding-top:5px;}
.claimant li{position:relative;margin-bottom:10px;padding-left:138px;height:120px;line-height:120px;}
.claimant li span{display:block;position:absolute;left:0;top:50%;margin-top:-60px;width:120px;height:120px;background:#e6e6e6;border-radius:60px;font-size:18px;font-weight:600;color:#333;line-height:120px;text-align:center;}
.claimant li p{display:inline-block;vertical-align:middle;font-size:16px;color:#464646;line-height:145%;}
.infoProcess{margin-bottom:32px;padding:40px 0;border:1px solid #dfdfdf;height:629px;background:url(../../images/keiti/sub/img_sub3_6_2.jpg) no-repeat center center;text-indent:-9999em;}
.infoRequestBox{padding:90px 0 0 695px;height:450px;box-sizing:border-box;background:#f5f5f5 url(../../images/keiti/sub/img_infoRequest_window.jpg) no-repeat 225px center;}
.infoRequestBox b{display:block;margin-bottom:20px;font-size:30px;line-height:130%;color:#141414;}
.infoRequestBox b span{display:block;font-size:24px;}
.infoRequestBox p{margin-bottom:35px;font-size:16px;color:#575757;line-height:150%;}
.answerBox{margin-bottom:20px;height:95px;background:#f0f5fa;line-height:95px;text-align:center;font-size:24px;color:#195fa7;}
.identify{margin-top:30px;padding:60px 0;border:1px solid #dfdfdf;border-top:2px solid #0d3361;text-align:center;}
.identify:after{display:block;content:'';clear:both;}
.identify > div{float:left;width:50%;box-sizing:border-box;}
.identify .ipinBox{border-left:1px solid #dfdfdf;}
.identify b{display:block;margin:25px 0;font-size:30px;color:#0d3360;}
.identify p{margin-bottom:35px;font-size:17px;color:#333;}
.identify img{display:block;margin:0 auto 25px;}
.listSearch{margin-bottom:50px;border-top:2px solid #0d3361;border-bottom:1px solid #0d3361;}
.listSearch table{width:100%;font-size:16px;}
.listSearch tr{border-bottom:1px solid #dfdfdf;}
.listSearch tr:last-child{border-bottom:0px none;}
.listSearch th{padding:15px 5px;border-right:1px solid #9eadc0;text-align:center;color:#0d3361;font-weight:normal;}
.listSearch td{padding:6px 30px;}
.listSearch td .setTerm{display:inline-block;vertical-align:middle;padding:0 15px;height:38px;border:1px solid #2669ad;line-height:38px;font-size:16px;font-weight:600;text-align:center;color:#2669ad;box-sizing:border-box;}
.listSearch td .setTerm.active{background:#2669ad;color:#fff;}
.listSearch td input{display:inline-block;vertical-align:middle;height:38px;background:#f9f9f9;border:1px solid #dfdfdf;}
.listSearch td label{display:inline-block;vertical-align:initial;margin-right:40px;}
.listSearch td .btnSearch{display:inline-block;vertical-align:middle;margin:0 5px;width:90px;height:38px;background:#0d3361;line-height:38px;color:#fff;text-align:center;font-size:15px;}
.listSearch td .btnAll{display:inline-block;vertical-align:middle;width:110px;height:38px;background:#666;line-height:38px;color:#fff;text-align:center;font-size:15px;}
#popView{display:none;position:fixed;top:50%;left:50%;margin:-300px 0 0 -600px;padding:50px;width:1200px;height:600px;overflow-y:auto;background:#fff;z-index:101;box-sizing:border-box;}
#popView div.bbs dl.view.type2{margin-bottom:35px;}
#popView div.bbs dl.view.type2 dd{margin:0;}
.processBox{margin:10px 0 20px;}
.processBox:after{display:block;content:'';clear:both;}
.processBox li{position:relative;float:left;padding-right:40px;width:240px;box-sizing:border-box;}
.processBox li .head{display:block;height:52px;border:2px solid #8f9ba9;border-bottom:0px none;background:#eef0f2;border-top-left-radius:5px;border-top-right-radius:5px;line-height:52px;text-align:center;font-size:16px;font-weight:600;color:#0d3361;box-sizing:border-box;}
.processBox.big li .head{height:70px;line-height:70px;}
.processBox li .head.row2{padding-top:5px;line-height:150%;}
.processBox li span{display:block;height:56px;border:1px solid #b5bac0;border-top:0px none;border-bottom-left-radius:5px;border-bottom-right-radius:5px;line-height:56px;text-align:center;}
.processBox li .arrow{display:block;position:absolute;right:1px;top:50%;margin-top:-9px;width:45px;height:14px;background:url(../../images/keiti/sub/icon_processBox_ar.png) no-repeat;}
.dataSysTemImg{padding:30px 0;height:980px;border:1px solid #dfdfdf;background:url(../../images/keiti/sub/img_dataSysTemImg.jpg) no-repeat center center;}
.dataSysTemImg div{position:absolute !important;top:-9999px !important;}
.agreeCon .agreeInfo{margin-bottom:5px;padding:20px 20px 0;border:1px solid #ddd;line-height:145%;}
.agreeCon .agreeInfo b{display:block;margin-bottom:5px;font-size:16px;}
.agreeCon .agreeChk input{display:inline-block;vertical-align:middle;margin-right:5px;}
/* keiti 혁신 */
.ceoMessage{position:relative;padding:95px 0 55px 480px;height:805px;box-sizing:border-box;background:url(../../images/keiti/sub/bg_ceoMessage.jpg) no-repeat;}
.ceoMessage .slogan{display:block;position:absolute;top:100px;left:78px;font-size:34px;font-weight:600;color:#fff;line-height:150%;letter-spacing:-1px;}
.ceoMessage .message{position:relative;padding:70px 100px 30px;background:rgba(255,255,255,.97);color:#464646;}
.ceoMessage .message:after{display:block;content:'';position:absolute;left:-26px;top:78px;width:110px;border-top:3px solid #0d3361;}
.ceoMessage .message p{margin-bottom:25px;font-size:18px;line-height:140%;}
.ceoMessage .message .last{margin-bottom:0;}
.ceoMessage .message .bigTxt{font-size:22px;font-weight:600;}
.ceoMessage .message .deepTxt{font-weight:600;}
.ethicsList{position:relative;}
.ethicsList .topEthicsBox{margin-bottom:30px;}
.ethicsList .topEthicsBox .title{display:block;margin-bottom:20px;font-size:36px;font-weight:600;text-align:center;}
.ethicsList .topEthicsBox p{padding:30px;border:1px solid #dfdfdf;line-height:150%;font-size:16px;font-weight:600;}
.ethicsList .date{display:block;position:relative;margin-bottom:50px;text-align:right;font-weight:600;}
.ethicsList .date span{display:inline-block;margin-right:50px;padding:0 20px;background:#fff;}
.ethicsList .date:after{display:block;content:'';position:absolute;left:0;right:0;top:50%;margin-top:-1.5px;width:100%;border-top:3px solid #d7d7d7;z-index:-1;}
.ethicsList div.info{border-top:2px solid #0d3361;}
.ethicsList div.info table{border-top:0;}
.ethicsList div.info table tbody td{padding:6px 15px;}
.ethicsList div.info .btnInfoDown{float:right;}
.ethicsList div.info .bgDot{position:relative;display:block;float:left;padding-left:10px;height:36px;line-height:36px;}
.ethicsList div.info .bgDot:before{display:block;content:'';position:absolute;top:17px;left:0;width:3px;height:3px;background-color:#a3a3a3;font-size:16px;color:#464646;}
.ethicsList ul{margin:0 -6px 15px;}
.ethicsList ul:after{display:block;content:'';clear:both;}
.ethicsList ul li{float:left;padding:0 6px;width:20%;box-sizing:border-box;}
.ethicsList ul div{padding-top:229px;}
.ethicsList ul .bg1{background:url(../../images/keiti/sub/img_ethicsList1.jpg) no-repeat left top;}
.ethicsList ul .bg2{background:url(../../images/keiti/sub/img_ethicsList2.jpg) no-repeat left top;}
.ethicsList ul .bg3{background:url(../../images/keiti/sub/img_ethicsList3.jpg) no-repeat left top;}
.ethicsList ul .bg4{background:url(../../images/keiti/sub/img_ethicsList4.jpg) no-repeat left top;}
.ethicsList ul .bg5{background:url(../../images/keiti/sub/img_ethicsList5.jpg) no-repeat left top;}
.ethicsList ul li p{padding:20px 5px;height:120px;border:1px solid #dfdfdf;text-align:center;font-size:16px;font-weight:600;color:#333;line-height:150%;letter-spacing:-1px;}
.ethicsList .info{display:block;margin-bottom:25px;text-align:center;font-size:16px;color:#555;}
.yearSelect{margin-bottom:30px;padding:18px;border:1px solid #d4d4d4;font-size:15px;}
.yearSelect .bgDot{display:inline-block;position:relative;margin-right:30px;padding-left:10px;height:40px;color:#222;line-height:40px;}
.yearSelect .bgDot:before{display:block;content:'';position:absolute;top:19px;left:0;width:3px;height:3px;background-color:#a3a3a3;font-size:16px;color:#464646;}
.yearSelect select{display:inline-block;background:#e6e6e6;width:162px;height:40px;color:#666;}
.yearSelect input[type="submit"]{display:inline-block;width:70px;height:40px;background:#3f4b59;border:0px none;line-height:40px;text-align:center;color:#fff;}
.selectPage{display:none;}
.selectPage.active{display:block;}
.visionValue.type2 .valueCon{background:none;}
.visionValue.type2 .valueCon p{height:350px;border-radius:175px;line-height:350px;}
.visionValue.type2 .visionCon p{font-size:30px;}
.visionValue.type3{margin-top:70px;}
.visionValue.type3 .valueCon p,
.visionValue.type3 .visionCon p{width:1080px;}
.visionValue.type3 .valueCon .title{margin-left:-400px;width:800px;}
.visionValue.type3 .visionCon{padding-bottom:20px;background:none;}
.visionValue.type3 .visionCon p{font-size:30px;}
/* 기타메뉴 */
.viewerPro ul{margin:-15px;}
.viewerPro ul:after{display:block;content:'';clear:both;}
.viewerPro li{float:left;padding:15px;width:33.3333%;box-sizing:border-box;}
.viewerPro li div{position:relative;padding:30px;height:190px;box-sizing:border-box;border:1px solid #dedede;}
.viewerPro li .icon{display:block;position:absolute;right:30px;top:30px;}
.viewerPro li .title{display:block;padding:4px 0 10px;font-size:18px;font-weight:600;}
.viewerPro li p{margin-bottom:18px;font-size:14px;font-weight:600;color:#aaa;line-height:145%;}
.viewerPro li .btnDown{display:block;width:82px;height:28px;border:1px solid #dedede;line-height:28px;text-align:center;color:#33475e;font-weight:600;}
.emailCon{padding:92px 0 92px 340px;background:url(../../images/keiti/sub/bg_emailCon.png) no-repeat 130px center;border:1px solid #dfdfdf;}
.emailCon b{display:block;margin-bottom:28px;font-size:28px;color:#212121;}
.emailCon p{font-size:18px;color:#454545;line-height:150%;}
.techRegist{padding:50px 0 70px 335px;background:url(../../images/keiti/sub/bg_techRegist.gif) no-repeat 103px 45px;border:1px solid #dfdfdf;}
.techRegist > b{display:block;margin-bottom:28px;font-size:28px;color:#212121;}
.techRegist p{margin-bottom:25px;font-size:18px;color:#454545;line-height:160%;letter-spacing:-1px;}
.techRegist a{display:inline-block;vertical-align:middle;margin-right:5px;width:135px;height:40px;background:#2669ad;line-height:40px;text-align:center;color:#fff;font-size:15px;}
div.sitemap{border-top:2px solid #0d3361;letter-spacing:-1px;}
div.sitemap .depth1 > li{clear:both;border-bottom:1px solid #dfdfdf;}
div.sitemap .depth1 > li.big .depth2 > li{margin:10px 0;min-height:165px;}
div.sitemap .depth1 > li > a{display:block;float:left;padding:25px 0 0 30px;width:13%;font-size:22px;font-weight:600;color:#212121;box-sizing:border-box;}
div.sitemap .depth2{float:left;padding:28px 10px 28px 50px;width:87%;box-sizing:border-box;border-left:1px solid #dfdfdf;}
div.sitemap .depth2:after{display:block;content:'';clear:both; }
div.sitemap .depth2 > li{float:left;width:16.6666%;}
div.sitemap .depth2 > li > a{display:block;margin-bottom:12px;padding-left:5px;font-size:17px;font-weight:600;color:#333;}
div.sitemap .depth3 li{display:block;position:relative;margin:5px 0;padding-left:17px;}
div.sitemap .depth3 li:before{display:block;content:'';position:absolute;left:6px;top:8px;width:2px;height:2px;background:#808080;}
div.sitemap .depth3 li a{display:block;font-size:15px;color:#666;}
.visionValue2 > div{margin-bottom:40px;padding-bottom:80px;background:url(../../images/keiti/main/img_visionValue2_ar.gif) no-repeat center bottom;}
.missionCon2 > p > span{color:#064334 !important;font-weight:normal;}
.missionCon2 p{width:254px;height:254px;padding-top:100px;margin:25px auto 0;border-radius:127px;background:#289b7e url(../../images/keiti/main/img_visionValue2.gif) no-repeat center 40px;font-size:22px;font-weight:600;color:#fff;line-height:145%;text-align:center;box-sizing:border-box;}
.visionCon2,
.strateCon{position:relative;padding-top:40px;}
.visionValue2 .title{display:block;width:250px;position:absolute;top:0;left:50%;margin-left:-125px;text-align:center;font-size:30px;font-weight:600;color:#222;background:#fff;}
.visionValue2 .visionCon2 .title{top:25px;}
.visionCon2 p{margin:0 auto;width:auto;max-width:1200px;height:auto;padding:25px 10px;border:1px solid #ddd;border-radius:55px;line-height:normal;font-size:22px;font-weight:600;text-align:center;color:#333;box-sizing:border-box;}
.strateCon > ul.cols3 > li{width:33.3333%;}
.strateCon > ul.cols3 > li ul li{padding:8px 0 8px 10px;}
/* ======================================== Responsive ======================================== */
@media all and (max-width:1500px){
.greetCon .ceo_txt01 br, .greetCon .ceo_txt02 br, .greetCon .ceo_txt03 br, .greetCon .ceo_txt04 br, .greetCon .ceo_txt05 br{display:none}
}
@media all and (min-width:961px) and (max-width:1500px){
.subContents{padding:0 20px 150px;}
.greeting .topGreet br{display:none;}
.history > ul > li{width:51%;}
/*.organization{background: url(../../images/keiti/main/bg_organization_s.png) no-repeat center 160px;}*/
.organization .president{margin-bottom:15px;}
.organization .rightBox{margin:0 0 30px 58%;}
.organization .allOrgan{padding:0;margin:0 auto 30px;width:985px;}
.organization .allOrgan > li{margin:0 5px;}
/*.organization .allOrgan > li > div{width:180px;}*/
.organization .allOrgan .depart1{margin-bottom:30px;background:#fff;}
.organization .allOrgan li .col1{padding-top:87px;}
.organization .allOrgan li ul li{font-size:14px;}
.centerOrgan{padding-left:0;}
.centerOrgan ul li{margin-right:.5%;width:19.5%;}
.subMainTop{padding-left:80px;}
.subMainTop .quick{right:20px;width:500px;}
.subMainCon .boxCol3 .item1 .title{font-size:30px;}
.infoRequestBox{padding-left:50%;background-position:20% center;}
.ceoMessage{height:auto;background-size:cover;}
.grayImgBox{padding:60px 2%;}
.ethicsList ul li p{height:140px;}
.ethicsList ul li p br{display:none;}
.visionValue.type3 .valueCon p,
.visionValue.type3 .visionCon p{width:auto;}
}
/*Mobile*/
@media all and (max-width:960px){
.subContents{padding:0 2% 30px;}
.subContents img{max-width:98%;max-height:98%;height:auto;width:auto;}
.subPath{position:relative;margin-bottom:30px;padding-right:109px;}
.subPath > .path{float:none;}
.subPath > .path > div.deaph3{float:none;width:auto;}
.subPath > .path > div > a{background-position:96% center;font-size:14px;}
.subPath > .direct{float:none;position:absolute;right:0;top:0;}
.subPath > .direct > a.icon_print{display:none;}
.subPath > .path > div > div{left:0;}
.subPath > .path > div > div > a{font-size:14px;}
.tabBar.board{margin-bottom:30px;}
.greeting{padding-left:280px;}
.greeting .topGreet br{display:none;}
.greeting .imgArea{height:300px;}
.greeting .topGreet{margin-bottom:30px;font-size:30px;}
.ceoHistory .photoList > li{float:none;width:auto;}
div.bbs dl.view dd ul.info > li{float:none;width:auto;}
.visionCon p,
.valueCon p{width:auto !important;}
.purpose .title{margin-bottom:12px;font-size:24px;}
.purpose .bgArea{margin-bottom:40px;padding:34px 20px;background-size:cover;background-position:right top;}
.purpose .bgArea p{width:auto;font-size:20px;}
.purpose .functCon{padding:20px 0 20px 20px;}
.purpose .functCon li{padding-right:20px;}
.purpose .functCon li span{margin-left:40px;font-size:14px;}
.purpose .functCon li em{margin:-15px 5px 0 0;width:30px;height:30px;border-radius:15px;font-size:16px;line-height:30px;}
.history > ul > li{float:none !important;width:auto;}
.history > ul > li.left{padding-left:95px;padding-right:0;text-align:left;}
.history > ul > li.left:after{right:inherit;left:0;background:#fff url(../../images/keiti/main/icon_history_right.png) no-repeat;}
.history ul li.left ul li{padding-left:40px;padding-right:0;}
.history ul li.left ul li b{right:inherit;left:0;}
.organization{background:none;}
.organization .rightBox{margin:0 auto 30px;}
.organization .allOrgan{padding:0;margin:0 auto 30px;width:100%;}
.organization .allOrgan > li{float:none;margin:0 0 30px;}
.organization .allOrgan > li > div{width:auto;}
.organization .allOrgan .subDepart{float:left;margin:0 .5%;width:49%;}
.organization .allOrgan .depart2{font-size:15px;}
.organization .allOrgan li ul li{font-size:14px;}
.organization .allOrgan li .col1{padding:0;}
.organization .allOrgan .col1 ul li{float:left;margin:0 .5%;width:24%;}
.organization .allOrgan .depart1{margin:0 auto 10px;}
.organization .allOrgan li .col2{margin:0 .5%;width:49%;}
.centerOrgan{padding:0;}
.centerOrgan ul li{margin-bottom:4px;font-size:14px;}
div.bbsSearch2 ul{text-align:left;}
div.bbsSearch2 ul li .label{width:160px;margin-right:5px;}
div.info table thead th,
div.info table tbody th,
div.info table tbody td{font-size:14px;}
.symbol .mark1{padding:0;}
.symbol .mark1 .imgArea{position:static;margin-bottom:20px;text-align:center;}
.symbol .colorArea > div{float:none;margin:0 0 5px !important;width:100%;}
.symbol .colorArea.type2 .type2{float:left;margin-right:5px !important;}
.lacationMap .txtArea{position:static;margin-bottom:10px;}
.lacationMap .txtArea b{margin-bottom:15px;padding-bottom:15px;}
.lacationMap .txtArea p br{display:none;}
.lacationMap .txtArea p span{padding:0;}
.lacationMap .mapArea{padding:0 !important;}
.lacationMap div.bbs table.list > tbody > tr > th{padding:30px 0;}
.lacationMap div.bbs table.list > tbody > tr > th span{padding:85px 0 0;height:auto;background-position:center top !important;line-height:135%;font-size:17px;text-align:center;}
.lacationMap div.bbs table.list > tbody > tr > td{font-size:15px;}
.tabBar{width:auto !important;}
.tabBar.board{border-top:1px solid #c9c9c9;border-bottom:0px none;border-right:0px none;border-left:1px solid #c9c9c9;}
.tabBar.board > li > a{box-sizing:border-box;border:0px none;border-bottom:1px solid #c9c9c9;border-right:1px solid #c9c9c9;white-space:nowrap;text-overflow:ellipsis;overflow:hidden;}
.tabBar.board > li.none{display:none;}
.tabBar.board > li.active > a{border:1px solid #0d3361 !important;}
div.awardsList dl dd .linkArea span{margin:1px 0;}
div.info table tbody td{padding:15px 5px;}
.satisfy .shadow{padding-bottom:15px;height:auto;}
.satisfy .charge{padding-top:25px;}
.satisfy .charge li{margin-right:25px;padding-left:25px;font-size:14px;}
.satisfy .quest{float:none;}
.satisfy ul.selectList{float:none;height:auto;line-height:145%;}
.tabBar.iconBox li{margin:6px 0;width:50%;}
.infoRequestBox{padding:340px 0 30px;height:auto;background-position:center 30px;/*background-size:90% auto;*/text-align:center;}
.btnArea.top{margin:0 0 20px 0;}
div.bbs table.list > tbody > tr > td .state{width:98%;border-radius:0;font-size:14px;}
div.bbs table.write > tbody > tr > th{padding:10px;font-size:14px;}
div.bbs table.write > tbody > tr > td{padding:3px 10px;font-size:14px;}
div.bbs table.write > tbody > tr > td label{font-size:14px;}
.processBox li{margin-bottom:5px;width:215px;}
.processBox li .head{font-size:15px;}
.processBox li span{font-size:14px;}
.ceoMessage{padding:30px 20px;height:auto;background-size: cover;}
.ceoMessage .slogan{position:static;margin-bottom:10px;}
.ceoMessage .message{padding:20px;}
.ceoMessage .message:after{display:none;}
div.bbs dl.view.type2 dd ul.info > li{border-left:0px none !important;border-right:0px none !important;}
.ethicsList ul div{background-size:100% auto;}
#subTopInfo .subTopGo,
#subTopInfo .subTopDown,
.subTopInfo .subTopGo,
.subTopInfo .subTopDown{display:table;margin:5px 10px 5px 0;} /*20190125*/
.viewerPro li{float:none;width:auto;}
.viewerPro li div{height:auto;}
.viewerPro li p br{display:none;}
.btnArea .btnLinkGo{margin:3px 0;padding:0 10px 0 38px;background-position:15px center;font-size:14px;}
#subTopInfo.email{padding:35px 10px;}
#subTopInfo.email p{font-size:17px;}
.emailCon{padding:240px 3% 50px;background-position:center 50px;text-align:center;}
.emailCon > b{margin-bottom:18px;font-size:22px;}
.emailCon p{font-size:15px;}
.techRegist{padding:260px 3% 50px;background-position:center 50px;text-align:center;}
.techRegist > b{margin-bottom:18px;font-size:22px;}
.techRegist p{margin-bottom:15px;font-size:15px;}
div.sitemap .depth1 > li{border:1px solid #dfdfdf;border-top:0px none;}
div.sitemap .depth1 > li > a{float:none;padding:10px;width:auto;border-bottom:1px solid #dfdfdf;text-align:center;}
div.sitemap .depth2{float:none;padding:20px 10px;width:auto;border:0px none;}
div.sitemap .depth2 > li{float:none;margin-bottom:15px;width:auto;}
div.sitemap .depth2 > li > a{margin-bottom:0;font-size:15px;}
div.sitemap .depth3{padding-left:20px;}
div.sitemap .depth3 li{display:inline-block;vertical-align:top;margin-right:15px;}
div.sitemap .depth3 li a{font-size:14px;}
div.sitemap .depth1 > li.big .depth2 > li{min-height:auto;}
div.sitemap .depth1 > li.last .depth2 > li{float:left;width:33.3333%;}
.subMainTop{margin-bottom:15px;padding:20px 3%;height:auto;}
.subMainTop .slogan{margin-bottom:25px;padding-bottom:25px;font-size:35px;}
.subMainTop > p{margin-bottom:20px;}
.subMainTop > p .title{margin-bottom:10px;}
.subMainTop .quick,
.subMainTop .quick.col4{position:static;width:auto;}
.subMainCon > div{margin-bottom:15px;}
.subMainCon .boxCol3 > div{float:none;width:auto !important;}
.subMainCon .boxCol3 .item2,
.subMainCon .boxCol3 .item2.row2{padding:20px !important;}
.subMainCon .boxCol3 .row1,
.subMainCon .boxCol3 .row2{height:auto !important;}
.subMainCon .boxCol3 .item1{padding:22px 20px !important;}
.subMainCon .boxCol3 .item1 .title{margin-bottom:12px;font-size:30px;}
.subMainCon .boxCol3 .item1 .btnDetail{position:static;margin-top:8px;}
.subMainCon .boxCol2{border:0px none;}
.subMainCon .boxCol2 > div{float:none;padding:18px 24px;width:auto;border-left:1px solid #ddd;}
.subMainCon .boxCol2 .item3{margin-bottom:10px;height:auto;}
.subMainCon .boxCol2 .item3 .btnMore{top:23px;right:24px;}
.subMainCon .item3 .subMainSlider1 li{margin-left:1px;}
.subMainCon .boxCol2 .item3.type2{padding-bottom:40px;}
.subMainCon .subMainSite{margin-top:20px;padding:0;}
.subMainCon .subMainSite .title{position:static;margin-bottom:15px;}
.subMainCon .subMainSite .title br{display:none;}
.subMainCon .boxCol3 .item2 .title br{display:none;}
.subMainCon .boxCol3 .item1 .title br{display:none;}
.proListCon li span{font-size:14px;}
div.info table .btnInfoDown{width:36px;height:36px;background-position:center center;text-indent:-9999em;}
.logoInfo.type1{padding:0;}
.logoInfo.type1 .img{position:static;margin-bottom:20px;width:auto;}
.logoInfo.type1 p{margin-bottom:10px;}
.logoInfo.type1 p br{display:none;}
.greemCard span{display:block;margin:15px 5% 0;padding:15px;width:auto;}
.ecointeImg{padding:250px 0 0;}
.ecoIconList li{float:none;padding-top:40px;width:auto;height:135px;}
.ecoIconList li.icon3,
.ecoIconList li.icon5{padding-top:30px;}
.subPageMove{display:none;}
.visionValue.type2 .visionCon p{font-size:24px;}
.visionValue.type3 .valueCon .title{position:static;margin:0 0 10px;width:auto;font-size:24px;}
.visionValue.type3 .visionCon p{font-size:24px;}
.visionValue2 .title{font-size:25px;}
.visionCon2 p{border-radius:5px;}
}
/*Phone*/
@media all and (max-width:639px){
.subVisual{height:210px;}
.subVisual > h2{margin-top:10px;height:auto;line-height:135%;font-size:27px;letter-spacing:-.5px;}
.subContents{margin-top:0;padding-top:30px;}
.subPath{display:none;}
.subPath > .path{float:none;}
.subPath > .path > div.home,
.subPath > .path > div.deaph1,
.subPath > .path > div.deaph2,
.subPath > .direct{display:none;}
.subPath > .path > div.deaph3{width:100%;}
.subPath > .path > div > div{left:0;right:0;}
.subPath > .path > div > a{background-position:95% center;}
.subContents h4{margin-bottom:10px;}
.subContents .h4Content{margin-bottom:20px;font-size:14px;}
.subContents h3{margin-bottom:12px;font-size:22px;}
.h3Content{margin:10px 0 30px;}
.h3Content p{font-size:15px;}
ul.listCon > li{padding:3px 0 3px 10px;font-size:14px !important;}
ul.listCon.dot > li:before{top:13px;}
div.info table thead th,
div.info table tbody th,
div.info table tbody td{font-size:13px;word-break:break-word;letter-spacing:-1px;}
div.info table tbody td ul li{margin-bottom:5px;}
.greeting{padding:0;}
.greeting .imgArea{position:static;margin-bottom:10px;text-align:center;}
.greeting .topGreet{margin-bottom:20px;padding-bottom:20px;font-size:24px;}
.greeting .greetCon .txtIndigo{margin-bottom:20px;font-size:22px;}
.greeting .greetCon p{margin-bottom:15px;font-size:15px;}
.profile{padding:0;}
.profile .imgArea{position:static;margin-bottom:10px;height:300px;text-align:center;}
.profile .topInfo{margin-bottom:20px;font-size:22px;line-height:150%;}
.ceoHistory .photoList > li div{padding:20px 0 0;height:auto;}
.ceoHistory .photoList > li .imgArea{position:static;margin:0 auto;border-bottom:1px solid #dfdfdf;}
.ceoHistory .photoList > li div{padding:20px 10px;border-left:1px solid #dfdfdf;}
.ceoHistory .photoList ul.listCon{margin-bottom:0;}
.ceoHistory .photoList > li b{margin-bottom:10px;font-size:16px;}
div.thumb ul.list{margin:0 0 15px;}
div.thumb ul.list > li{margin-bottom:10px;padding:0;}
div.thumb ul.list.col4 > li{float:none;width:auto;}
div.thumb ul.list.imgThumb .img{width:100%;text-align:center;}
div.thumb ul.list.imgThumb .subject{margin:15px 10px;}
div.bbs dl.view dt{padding:10px 15px;font-size:18px;}
div.bbs dl.view dd ul.info > li{padding:8px 0 8px 150px;min-height:auto;font-size:14px;line-height:140%;}
div.bbs dl.view dd ul.info > li > b{padding:8px 0;}
div.bbs dl.view dd ul.info > li > b:after{top:10px}
div.bbs ul.bbsListMove > li{}
div.bbs ul.bbsListMove > li > a{height:40px;line-height:40px;font-size:15px;}
div.bbs ul.bbsListMove > li.movePrev,
div.bbs ul.bbsListMove > li.moveNext{background-size:15% auto;}
div.bbs ul.bbsListMove > li.movePrev > a{padding-left:35px;}
div.bbs ul.bbsListMove > li.moveNext > a{padding-right:35px;}
.visionValue .title{font-size:24px;}
.visionValue > div{padding-bottom:80px;}
.missionCon p{padding-top:80px;width:auto;height:285px;background-size:320px auto;background-position:center top;font-size:17px;}
.visionCon .title{top:5px;margin-left:-70px;width:140px;}
.valueCon p{height:auto !important;line-height:normal !important;border:none;}
.valueCon .round{margin-left:0;}
.golCon .title{font-size:24px;}
.golCon .round2{width:100%;margin-left:0;}
.strateCon > ul > li{float:none;margin-bottom:8px;width:auto;}
.strateCon > ul > li > span{font-size:16px;}
.strateCon > ul > li ul{padding-bottom:10px;height:auto;}
.strateCon > ul > li ul li{font-size:15px;}
.strateCon > ul > li ul li em{top:9px;}
.purpose .bgArea{padding:20px;height:auto;}
.purpose .bgArea p{padding:10px;height:auto;background-position:center center;border:1px solid #d8d8d8;border-radius:8px;font-size:17px;font-weight:normal;}
.purpose .bgArea p br{display:none;}
.purpose .bgArea p span{font-size:14px;}
.purpose .functCon{padding:5px 10px;}
.purpose .functCon li{float:none;padding:0;width:auto;}
.history .bgLine{display:none;}
.history .present{margin-bottom:30px;height:203px;}
.lawList li{font-size:15px;}
.organization .allOrgan{margin-bottom:10px;}
.organization .rightBox{width:auto;}
.organization .allOrgan .col1 ul li{margin-bottom:4px;width:49%;}
.organization .allOrgan .subDepart{float:none;margin:0 0 15px;width:auto;}
.organization .allOrgan > li{margin-bottom:15px;}
.organization .allOrgan .depart1{width:auto;}
.organization .allOrgan li ul li{font-size:13px;}
.centerOrgan > a{width:auto;}
.centerOrgan ul li{margin:0 .5% 4px;width:49%;}
div.bbsSearch2{padding:20px 10px;}
div.bbsSearch2 ul li{display:block;margin:0 0 5px;}
div.bbsSearch2 ul li .label{display:block;width:auto;font-size:15px;}
div.bbsSearch2 ul li select{max-width:100%;min-width:100px;width:auto;}
div.bbsSearch2 ul li input{max-width:100%;width:auto;}
div.bbsSearch2 ul li input[type="text"]{width:230px;}
.symbol .colorArea > div{padding:167px 0 0;background-position:left top !important;width:314px;height:auto !important;}
.symbol .colorArea > div ul{padding:10px;height:auto;}
.symbol .colorArea > div ul li{font-size:15px;}
.symbol .colorArea > div ul li b{width:50px;}
.symbol .colorArea.type2 > div{padding:127px 0 0;}
.symbol .colorArea.type2 > div ul{padding-top:10px;height:auto;}
.symbol .mark1 .txtArea .head{margin:0;}
.symbol .mark1 .txtArea p{font-size:15px;}
.lacationMap .txtArea b{font-size:22px;}
.lacationMap .txtArea p{font-size:18px;}
div.awardsList dl dt{padding:15px 15px 30px;font-size:16px;}
div.awardsList dl dt em{top:inherit;right:15px;bottom:5px;font-size:14px;}
div.awardsList dl dd{margin-bottom:8px;padding:0 !important;}
div.awardsList dl dd .img{position:static;padding:10px 0;text-align:center;}
div.awardsList dl dd ul li{font-size:15px;}
div.bbsSearch{margin-bottom:10px;}
div.bbsSearch ul > li{float:none;width:auto;height:auto;text-align:left !important;font-size:15px !important;}
div.bbs table.list > thead > tr > th{font-size:14px;}
div.bbs table.list > tbody > tr > td{padding:8px 3px;font-size:13px;word-break:break-all;}
.paging a{margin:1px;width:30px;height:30px;line-height:30px;}
.paging a.prev{margin-right:1px;}
.paging a.next{margin-left:1px;}
.satisfy .shadow{padding:10px 10px 40px 10px !important;height:auto !important;}
.satisfy .modifyDate{right:10px;top:8px;}
.satisfy .btnScrollTop{bottom:0;left:0;top:inherit;right:inherit;width:100%;height:35px !important;line-height:35px !important;background-position:57% center;}
.satisfy .quest{float:none;margin:0;padding:12px 0 12px 52px;height:auto;line-height:140%;font-size:15px;}
.satisfy ul.selectList{float:none;height:auto;line-height:135%;}
.satisfy ul.selectList li{display:block;margin:5px 0;}
/*div.info table .btnInfoDown{width:auto;padding:0 8px;background:#2669ad;text-indent:0;font-size:14px;}*/
.satisfy .charge{padding-bottom:10px;}
.satisfy .charge li{margin-bottom:3px;height:auto;line-height:140%;}
.tabBar.col4 > li,
.tabBar.col5 > li,
.tabBar.col6 > li,
.tabBar.col7 > li,
.tabBar.big > li{float:none;width:auto !important;}
.tabBar.board > li > a{height:40px;line-height:40px;font-size:14px;}
.tabBar.iconBox li a{padding:12px;background-size:28% auto;}
.tabBar.iconBox li a b{margin-bottom:8px;font-size:16px;}
.tabBar.iconBox li a span{font-size:13px;}
#subTopInfo,
.subTopInfo:not(.sub_title_ban){margin-bottom:20px;padding:20px 20px 20px 70px !important;background-position:10px 20px !important;background-size:50px auto !important;}
.subTopInfo.type2{padding-left:20px !important;}
#subTopInfo > b,
.subTopInfo > b{font-size:18px;}
#subTopInfo p,
.subTopInfo p{font-size:14px;line-height:140%;}
div.info table .infoLink{padding:3px 2px;width:auto;height:auto;line-height:130%;font-size:13px;}
.paging{padding:25px 0;}
.satisfy{margin-top:30px;}
.claimant li p{font-size:14px;}
.infoProcess{height:200px;background-size:95% auto;}
.listSearch td{padding:6px;}
.listSearch td .setTerm{padding:0 5px;height:28px;line-height:28px;font-size:14px;}
.listSearch td label{margin-right:20px;}
.infoRequestBox{padding-top:280px;background-size:300px auto;}
.infoRequestBox b{font-size:22px;}
.infoRequestBox p{margin-bottom:10px;font-size:14px;}
.dataSysTemImg{height:210px;background-size:300px auto;}
div.bbs table.list > tbody > tr > td > a.title.lock{min-height:20px;}
div.bbs table.list > tbody > tr > td .state{padding:2px;height:auto;line-height:135%;font-size:13px;}
div.bbs table.write{table-layout:auto;max-width:100%;}
div.bbs table.write > tbody > tr > th{word-break:keep-all;}
div.bbs table.write > tbody > tr td *{max-width:80%;}
.fileArea .btnFile{width:80px;height:32px;line-height:32px;font-size:14px;}
.btnArea{margin:15px 0;}
.btn{padding:0 10px;min-width:100px;height:40px;line-height:40px;font-size:15px;}
div.bbs dl.view dd div.content{padding:20px 20px 40px;font-size:14px;}
div.bbs dl.view dd div.content iframe{width:100% !important;height:auto;}
.btn.list{width:100px;background-position:20px center;}
div.bbs dl.view.type2 dd ul.info > li{padding-left:130px;border-left:1px solid #dfdfdf}
div.bbs dl.view.type2 dd ul.info > li > b{padding:8px;width:100px;}
div.bbs dl.view.type2 dd ul.info > li.w50p:nth-child(even){border-right:1px solid #dfdfdf;}
.processBox li{float:none;padding-right:3%;width:auto;}
.processBox li .head,
.processBox.big li .head{height:35px;line-height:35px;}
.processBox li span{height:35px;line-height:35px;}
.processBox li .arrow{display:none;}
.ceoMessage{background-size:cover;background-position:left top;}
.ceoMessage .slogan{font-size:24px;}
.ceoMessage .message .bigTxt{font-size:18px;}
.ceoMessage .message p{font-size:15px;}
.grayImgBox{padding:20px 2%;}
div.thumb ul.list div.cate{height:auto;}
div.thumb ul.list div.cate .text{height:auto;}
div.thumb ul.list.col5 > li{float:none;width:auto;}
div.bbs table.list.line > tbody > tr > th,
div.bbs table.list.line > tbody > tr > td{word-break:break-word;}
.ethicsList .info{font-size:14px;}
.ethicsList ul li{float:none;width:auto;}
.ethicsList ul li div{background-size:100% 229px !important;}
.ethicsList ul li p{height:auto;}
.ethicsList div.info .bgDot,
.ethicsList div.info .btnInfoDown{float:none;margin-top:4px;}
.ethicsList div.info .bgDot{height:auto;line-height:140%;text-align:left;}
.ethicsList div.info .bgDot:before{top:10px;}
#subTopInfo .subTopGo,
#subTopInfo .subTopDown,
.subTopInfo .subTopGo,
.subTopInfo .subTopDown{margin:4px 0 2px;padding:3px 20px 3px 45px;height:auto;line-height:140%;text-align:left;font-size:14px;}
.viewerPro li div{padding:15px 100px 15px 15px;}
.viewerPro li .icon{right:15px;top:15px;}
.viewerPro li .title{font-size:16px;}
#subTopInfo.email p{margin-top:8px;}
div.sitemap .depth1 > li.last .depth2 > li{width:50%;}
.subMainTop .quick li{width:50%;}
.subMainTop .quick li a{height:164px;font-size:15px;}
.subMainCon .boxCol3 .item1{padding-bottom:60px !important;background-size:130px auto !important;}
.sub2_4 .subMainCon .boxCol3 .item1{padding-bottom:80px !important;}
.subMainCon .boxCol3 .item1 .title{font-size:25px;}
.subMainCon .boxCol3 .item2 .title{font-size:18px;}
.subMainCon .boxCol3 .item2 .title img{margin-right:12px;}
.subMainCon .boxCol3 .item2 ul li a{font-size:14px;}
.subMainCon .boxCol3 .item2,
.subMainCon .boxCol3 .item2.row2{padding:20px 3% !important;}
.subMainCon .boxCol2 .item3 .title{font-size:18px;}
.subMainCon .boxCol2 .item3 .noticeList li{padding-right:105px;}
.subMainCon .boxCol2 .item3 .noticeList li a,
.subMainCon .boxCol2 .item3 .noticeList li .date{font-size:14px;}
.subMainCon .boxCol2 .item3 .noticeList li .date{top:8px;}
.subMainCon .item3 .subMainSlider1 .subject{font-size:16px;}
.subMainCon .item3 .subMainSlider1 li{font-size:14px;}
.subMainCon .subMainSite ul li{float:none;width:auto;}
.ceoSign{padding-top:20px;box-sizing:border-box;line-height:150%;}
.subMainTop .quick.col4 li{width:50%;}
.identify{padding:0 2%;}
.identify > div{float:none;padding:20px 0;width:auto;}
.identify .ipinBox{border-left:0px none;border-top:1px solid #dfdfdf;}
.proListCon{padding:0 3%;}
.proListCon li{float:none;margin-bottom:4px;padding-right:0;width:100% !important;}
.proListCon li:after{display:none;}
.proListCon li span{padding-top:0 !important;height:50px;line-height:50px !important;}
.proListCon li span br{display:none;}
.subTopInfo{min-height:auto;}
.logoInfo > span{margin-right:5px;padding:12px;}
.ecointerior{padding:130px 20px 30px;background-position:center 30px;}
.ecoIconList li{padding:20px 10px 20px 80px;height:auto;background-size:60px auto;background-position:10px 20px;font-size:14px;}
.ecoIconList li .title{font-size:18px;line-height:140%;}
.strateCon > ul.cols3 > li{width:auto;}
.dec-image{
width:100%;
}
.dec-tit-wrap, .dec-btn-wrap{
display:block;
}
.dec-btn-wrap .dec-btn{
width: 100%; display:block; float: left;
}
}
/*Tablet*/
@media all and (min-width:640px) and (max-width:960px){
.subVisual{height:360px;}
.subVisual > h2{margin-top:0;font-size:36px;}
.subPageMove{font-size:18px;}
.h3Content{margin-bottom:50px;}
.profile{padding-left:315px;}
div.thumb ul.list.col4 > li{width:50%;}
div.bbs dl.view dt{padding:15px 20px;font-size:22px;}
.strateCon > ul > li{margin-bottom:10px;width:50%;}
.history .present{margin:0;}
.history > ul{margin-left:107px;}
.history .bgLine{top:230px;left:118px;margin:0;}
.organization .allOrgan .col1 ul{float:left;width:60%;}
.organization .allOrgan .col1 .depart2{float:left;margin:0.5%;width:24%;}
div.awardsList dl dd.img2{padding-right:45%;}
div.awardsList dl dd .img{width:40%;text-align:right;}
.satisfy.type2 .shadow{padding-top:20px;height:130px;}
.satisfy.type2 .btnScrollTop{height:128px;line-height:128px;}
.tabBar.col5 > li{width:33.3333%;}
.satisfy ul.selectList{padding-left:55px;}
.satisfy .btnScrollTop{height:100%;line-height:190px;}
div.bbsSearch{margin:20px 0 15px;}
.infoProcess{height:300px;background-size:600px auto;}
.tabBar.col6 > li{width:33.3333%;}
.dataSysTemImg{height:550px;background-size:95% auto;}
.paging{padding:30px 0;}
.btn{min-width:110px;height:44px;line-height:44px;font-size:16px;}
div.thumb ul.list.col5 > li{width:50%;}
.tabBar.col7 > li{width:33.3333%;}
.ethicsList ul li{width:33.3333%;}
.ethicsList ul li p{height:110px;font-size:14px;}
.ethicsList div.info .btnInfoDown{width:100px;background-position:10px center;font-size:14px;}
.proListCon.col7 li{margin-bottom:5px;width:33.3333%;}
.grayImgBox{padding:40px 2%;}
.subPath > .path > div.home,
.subPath > .path > div.deaph1,
.subPath > .path > div.deaph2{display:none;}
}
.visionValue > div{padding-bottom:80px;}
.missionCon p{font-size:20px;letter-spacing:-.5px;padding-right:10px;}
.valueCon p{padding:40px 10px;}
.visloWrap:after{display:block;content:'';clear:both;}
.visionCon p{min-height:130px;background:url(../../images/keiti/sub/img_visionCon2.gif) no-repeat center center;border-radius:80px;text-indent:-9999em;}
.visloWrap .visionCon, /* 20190423 */
.sloganCon{width:49%;}
.visloWrap .visionCon{float:left;} /* 20190423 */
.sloganCon{float:right;position:relative;padding-top:20px;}
.sloganCon .title{position:absolute;top:0;left:50%;margin-left:-77.5px;width:155px;background:#fff;}
.sloganCon p{margin:0 auto;padding:25px 10px;width:auto;max-width:1200px;height:auto;min-height:130px;background:url(../../images/keiti/sub/img_sloganCon2.gif) no-repeat center center;border:1px solid #ddd;border-radius:80px;box-sizing:border-box;text-indent:-9999em;}
/* .purposeCon ul{padding:30px 0;min-height:100px;background:url(../../images/keiti/sub/img_purposeCon2.gif) no-repeat center center;;text-indent:-9999em;}
*/
.purposeConEng ul{padding:30px 0;min-height:100px;background:url(../../images/keiti/sub/img_purposeCon2_eng.gif) no-repeat center center;;text-indent:-9999em;}
.strateCon > ul > li > span{font-size:17px;letter-spacing:-1px;}
.strateCon > ul > li ul{height:170px;}
.strateCon > ul > li ul li{font-size:15px;letter-spacing:-1px;}
.strateCon > ul > li ul li em{top:8px;}
@media all and (min-width:961px) and (max-width:1500px){
/* .purposeCon ul{background-size:85%;} */
.purposeConEng ul{background-size:85%;}
.strateCon > ul > li{margin-bottom:10px;width:50%;}
}
@media all and (max-width: 960px){
.valueCon p{border:0px none;}
.visloWrap .visionCon, /* 20190423 */
.sloganCon{float:none;width:auto;}
.visloWrap .visionCon{margin-bottom:20px;} /* 20190423 */
/* .purposeCon ul{background:none;text-indent:0;}
.purposeCon ul:after{display:block;content:'';clear:both;}
.purposeCon ul li{float:left;margin:0 .5% 8px;padding:15px;width:49%;background:#e2e5e9;border-radius:47px;color:#333;font-size:19px;letter-spacing:-.5px;text-align:center;box-sizing:border-box;}
.purposeCon ul li b{display:block;padding-top:4px;font-size:24px;} */
.purposeConEng ul{background:none;text-indent:0;}
.purposeConEng ul:after{display:block;content:'';clear:both;}
.purposeConEng ul li{float:left;margin:0 .5% 8px;padding:15px;width:49%;background:#e2e5e9;border-radius:47px;color:#333;font-size:19px;letter-spacing:-.5px;text-align:center;box-sizing:border-box;}
.purposeConEng ul li b{display:block;padding-top:4px;font-size:24px;}
}
@media all and (max-width:639px){
.missionCon p{font-size:16px;}
.visionCon p,
.sloganCon p{background-size:80% auto;}
/* .purposeCon ul li{float:none;width:auto;font-size:16px;}
.purposeCon ul li b{font-size:20px;} */
.purposeConEng ul li{float:none;width:auto;font-size:16px;}
.purposeConEng ul li b{font-size:20px;}
.strateCon{padding-top:0;}
.strateCon > ul > li > span{font-size:16px;}
.strateCon > ul > li ul li{font-size:14px;}
}
/*200331 윤리경영 ceo추가*/
/*.ceoSign_new{display: block;height: 110px;background:url(../../images/keiti/main/img_ceoSign_new.png)no-repeat rightbottom;text-align:right;margin-top: 20px}*/
.ceoSign_new{display: block;height: 140px;background:url(../../images/keiti/main/img_ceoSign_new.png) no-repeat right -40px center;padding-bottom: 150px;line-height:102px;font-size:24px;color:#222;text-align:right;}
/*250529 ceo 사인추가*/
.ceoSign_new2{display: block;height: 140px;background:url(../../images/keiti/main/img_ceoSign_new2.jpg) no-repeat right -20px center;padding-bottom: 150px;line-height:102px;font-size:24px;color:#222;text-align:right;}
.ceoSign_new .sign_name{display:inline-block;color:#222;padding-right:270px;margin-top:35px}
.ceoSign_new .sign_name span{font-size:24px;}
.ceoSign_new .sign_name b{font-size:24px;font-weight: 600;margin-left:7px}
@media all and (min-width:961px) and (max-width:1200px){
.ceoSign_new{height: 160px;}
.ceoSign_new .sign_name{display: block;margin-top:0;padding-right:0}
.ceoSign_new p b{display: block;padding-top: 5px}
}
@media all and (max-width:639px){
.ceoSign_new{height:100px;background-size:160px;margin-top:0}
.ceoSign_new .sign_name{display: block;margin-top:0;padding-right:0}
.ceoSign_new .sign_name span{font-size:17px}
.ceoSign_new .sign_name b{font-size:17px;padding-top: 5px}
}
/*180809 비전및전략 추가*/
.icon01{background: none!important; padding-bottom:40px!important;}
.visionCon.icon01 p{background: url(/images/keiti/sub/vision_tit.png) no-repeat center center!important;}
.valueCon.arrow_icon{ padding-bottom: 80px; background: url(/images/keiti/main/img_visionValue_ar.png) no-repeat center bottom;}
/*200514 가습기 대표번호 추가 */
.tel_info{border: 5px #f0f0f0 solid;text-align: center;background: url(../../images/keiti/sub/bg_tel.png) no-repeat center 0;padding: 29px 0 25px 0;margin-bottom: 30px}
.tel_info .tel_tit01{font-size:24px;font-weight: 600;color: #333}
.tel_info .tel_tit01 span{display:block;text-decoration: underline}
.tel_info .tel_tit02{display: inline-block;font-size:30px;font-weight: 600;color:#2f67a0;background: url(../../images/keiti/sub/icon_tel.png) no-repeat 0 center;padding-left:45px;margin-top:10px;letter-spacing: -1px}
@media all and (max-width:639px){
.tel_info{padding: 15px 0 10px 0;}
.tel_info .tel_tit01{font-size:16px;}
.tel_info .tel_tit02{font-size:22px;background-size: 25px;padding-left:30px;}
}
/*20201120 비전*/
/* 추가css*/
.visionValue{margin-top: 100px;}
.visionValue > div{position: relative;}
.visionValue .gre-t{color: #009f42; font-weight: bold;}
.purposeCon ul{margin-top: 10px;}
.purposeCon ul li{background-color: #e9edf3;font-size: 23px;font-weight: bold;display: inline-block; width: 23.5%;margin: 1% 1% 0 0;text-align: center;line-height: 1.5;padding: 40px 0;border-radius: 20px;}
.purposeCon ul li b{color: #2262a2;}
.visionValue .str-e{background-color: #0151b3;width: 36px;height: 36px; border-radius: 36px; padding: 0;line-height: 2;position: absolute;top: 10px;left: 20px;}
.strateCon > ul > li{position: relative;}
.co-1{background-color: #007e91!important;}
.co-2{background-color: #00aa34!important;}
.co-3{background-color: #7533ce!important;}
.co-4{background-color: #0b7f7a!important;}
.co-5{background-color: #128247!important;}
.co-6{background-color: #a25ee3!important;}
/* 수정css*/
.valueCon .title { position: absolute; top: -18px;left: 50%; margin-left: -77.5px; width: 155px; background: #fff;}
.valueCon p { margin: 0 auto;width: auto;max-width: 1200px;height: auto;padding: 50px 10px; border: 1px solid #ddd;border-radius: 150px;
line-height: normal;text-align: center; box-sizing: border-box;font-size: 20px;line-height: 1.5;}
.visionValue > div{margin-bottom: 40px;padding-bottom: 80px;background: url(img/img_visionValue_ar.png) no-repeat center bottom;}
.strateCon > ul > li > span{display: block;border-top-left-radius: 5px;border-top-right-radius: 5px;background: #1c6fd5;line-height: 52px;text-align: center;font-size: 19px;font-weight: 400; color: #fff;line-height: 1.5; padding: 10px 0;}
.strateCon > ul > li ul {height: 150px;}
.valueCon .title {position: absolute; top: -18px; left: 50%; margin-left: -150px; width: 300px;background: #fff;
}
/* 모바일*/
@media screen and (min-width:200px) and (max-width:1399px){
.inner {width: 100%;}
.valueCon p, .valueCon p img {width: 100%;}
.valueCon p{border-radius: 30px;padding: 30px; font-size: 16px;}
.valueCon .title{font-size: 22px;width: 200px;margin-left: -96px;}
.purposeCon ul li{width: 100%; margin: 10px 0 0 0; font-size: 18px;}
.strateCon > ul > li{width: 100%;}
}
/*200728 영문홈페이지 What we do*/
/*새로작성한 css*/
.h4C_box_4 {
border: 1px solid #4c83c3;
width: calc(100%/4);
display: inline-block;
margin-right: 10px;
text-align: center;
padding: 45px 20px;
font-size: 15px;
}
.h4C_box_img {
border: 0;
text-align: left;
padding: 0 10px 0 0;
}
.h4C_wrap {
width: 100%;
display: flex;
margin: 10px 0;
}
.h4C_wrap_2 {
display: inline-block;
width: 19%;
vertical-align: top;
}
.h4C_wrap_3 {
display: inline-block;
width: 29%;
vertical-align: top;
}
.h4C_wrap_4 {
display: inline-block;
width: 39%;
vertical-align: top;
}
.h4C_wrap_5 {
display: inline-block;
width: 49%;
vertical-align: top;
}
.h4C_wrap_6 {
display: inline-block;
width: 59%;
vertical-align: top;
}
.h4C_wrap_6 h3 {
color: #ab8a97;
font-size: 25px;
font-weight: 800;
margin-top: 0;
}
.h4C_wrap_7 {
display: inline-block;
width: 69%;
vertical-align: top;
}
.h4C_wrap_4 img {
width: 100%;
}
.h4C_wrap_2 img {
width: 90%;
}
.h4C_info h3 {
color: #8b957d;
font-size: 25px;
font-weight: 800;
margin: 20px 0;
line-height: 1.2;
}
.h4C_info h5 {
font-size: 17px;
margin: 10px 0;
}
.h4C_info p {
margin: 10px 0;
}
.h4C_info p span {
background: #d3d9ca;
}
.h4C_wrap_3 img {
width: 100%;
margin-top: 22px;
}
.wrap_left_con {
margin-right: 20px;
}
.h4C_wrap_7 .h4C_icon {
width: 80px;
margin-top: 50px;
}
.h4C_box_3 {
border: 1px solid #4c83c3;
width: calc(100%/3);
display: inline-block;
margin-right: 10px;
text-align: center;
padding: 45px 20px;
font-size: 15px;
}
.h4C_box_6 {
width: calc(100%/6);
display: inline-block;
padding: 0;
font-size: 12px;
}
.h4C_box_6 h5 {
font-size: 14px;
font-weight: 800;
margin-bottom: 0;
}
.h4C_box_6 .h4C_icon {
float: right;
}
.h4C_box_wa_4 .h4C_icon {
float: right;
}
.h4C_box_6 .h4C_img {
width: 100%;
}
.h4C_box_6 h3 {
text-align: right;
color: #8d9db0;
font-size: 18px;
font-weight: 800;
float: right;
padding-right: 15px;
}
.h4C_box_wa_4 h3 {
text-align: right;
color: #8d9db0;
font-size: 18px;
font-weight: 800;
float: right;
padding-right: 15px;
}
.sub_title_ban {
background: url(/images/keiti/eng/1_dev_back.png) no-repeat;
padding-left: 80px !important;
height: 258px;
background-size: cover;
}
.sub_title_ban_2 {
background: url(/images/keiti/eng/2_fos_back.png) no-repeat;
background-size: cover;
}
.sub_title_ban_3 {
background: url(/images/keiti/eng/3_pro_back1.png) no-repeat;
background-size: cover;
}
.sub_title_ban_4 {
background: url(/images/keiti/eng/3_pro_back2.png) no-repeat;
background-size: cover;
}
.sub_title_ban_5 {
background: url(/images/keiti/eng/4_env_back.png) no-repeat;
background-size: cover;
}
.sub_title_ban p {
color: #fff !important;
width: 78%;
letter-spacing: -0.5px;
font-size: 24px;
}
.h4C_wrap_bac {
background-color: #e8e8f4;
height: 380px;
padding: 0 15px;
}
.h4C_graph {
width: 23%;
display: inline-block;
margin: 0 5px;
}
.h4C_graph img{
width: 100%;
}
.h4C-box {
border: 1px solid #e1e1e1;
text-align: center;
padding: 40px;
}
.h4C_box_wrap_4{
width: 100%;
display: flex;
}
.h4C-box h5{
border-left: 3px solid #7d8fa5;
padding-left: 10px;
text-align: left;
font-size: 17px;
margin: 0;
}
.h4C_box_wa_4{
width: calc(100%/4);
display: inline-block;
padding: 0 10px;
}
.h4C_box_wa_4_img{
width: 100%;
}
.h4C_graph h5 {
font-size: 12px;
border-left: 3px solid #a4a2c0;
padding-left: 10px;
}
.h4C-box-gr{
width: 60%;
margin: 0 auto;
}
.h4C-color-gr h5{
border-left:3px solid #90a17e!important;
}
.h4C-color-red h5{
border-left:3px solid #c8a6b2!important;
}
.h4C-box-gr img{
width: 100%;
}
.wrap_dev_con,
.wrap_dev_con img {
margin: 0;
height: 380px;
}
.h4C_wrap_full {
display: flex;
margin: 10px 0;
}
.h4C_btn {
background: #1d6bbc;
color: #fff;
padding: 17px 60px;
margin-top: 20px;
}
.h4C_con_1 {
background: url(/images/keiti/eng/2_fos_4_1_1.png) no-repeat;
position: relative;
height: 295px;
background-size: cover;
}
.h4C_right_img{
width: 100%;
}
.h4C_con_2 {
position: absolute;
left: 30px;
bottom: 30px;
}
.h4C_con_2 p {
color: #fff;
margin: 0;
font-weight: 600;
line-height: 1.3;
}
.h4C_con_3 {
position: absolute;
right: 0;
bottom: -167px;
}
.h4C_p {
width: 75%;
}
.h4C_hp {
padding: 30px;
}
.h4C_hp a {
color: #222;
}
.h4C_hp img {
box-shadow: 0px 0px 13px #dadada;
}
.h4C_wrap_ban {
background: url(/images/keiti/eng/2_fos_1_1.png) no-repeat;
position: relative;
height: 550px;
background-size: cover;
}
.h4C_wrap_ban1 {
background: url(/images/keiti/eng/3_pro_1_1.png) no-repeat;
position: relative;
height: 550px;
background-size: cover;
}
.wa_4_title{
border-right: 1px solid #d0d7df;
padding-right: 40px;
margin-right: 40px;
}
.h4C_box_wa_4 p{
font-size: 14px;
text-align: left;
line-height: 1.5;
}
.h4C_box_wa_4 h5{
border: 0;
padding: 0;
}
.h4C_wrap_3 h3{
color: #8d9db0;
font-size: 25px;
font-weight: 800;
border-top: 1px solid #c7c7c7;
padding-top: 40px;
margin: 30px 0;
}
.h4C_wrap_3 .h4C_icon{
width: 140px;
}
.h4C_box_wa_4 .h4C_icon{
width: 140px;
}
.h4C_wrap_ban h2 {
font-size: 33px;
margin-bottom: 0;
line-height: 1;
letter-spacing: -1px;
}
.h4C_wrap_ban p {
font-weight: 500;
}
.h4C_wrap_ban_info {
margin: 25px 0 0 50px;
}
@media (max-width: 1500px) and (min-width: 961px) {
.h4C_box_3, .h4C_box_4{
padding: 35px 20px;
}
.h4C_wrap_3 h3{
padding-top: 20px;
font-size: 22px;
margin: 20px;
}
}
@media (max-width: 639px) {
.h4C_wrap_2,
.h4C_wrap_3,
.h4C_wrap_4,
.h4C_wrap_5,
.h4C_wrap_6,
.h4C_wrap_7 {
display: block;
width: 100%;
}
.sub_title_ban p {
width: 85%;
font-size: 18px;
}
.sub_title_ban {
background: url(/images/keiti/eng/1_dev_back.png) no-repeat -686px 0px;
padding-left: 80px !important;
height: auto;
}
.h4C_wrap {
display: block;
}
.h4C_box_3,
.h4C_box_4 {
width: 100%;
display: block;
margin-bottom: 10px;
padding-left: 0px !important;
padding: 35px 10px;
}
.h4C_box_6 {
width: 100%;
display: block;
margin-bottom: 40px;
padding-left: 0px !important;
padding: 0;
}
.h4C_box_6 h5 {
font-size: 19px;
margin-top: 10px;
}
.h4C_box_6 h3 {
float: left;
text-align: left;
}
.h4C_box_6 .h4C_icon {
float: left;
margin-bottom: 30px;
}
.h4C_box_wa_4 .h4C_icon {
float: left;
margin-bottom: 0;
width: 80px;
}
.h4C_box_6 h3 {
float: left;
}
.h4C_wrap {
width: 93%;
}
.h4C_wrap_7 .h4C_icon {
margin-top: 40px;
}
.h4C_wrap_3 img {
margin-top: 10px;
}
.h4C_wrap_full {
display: block;
}
.h4C_graph {
width: 98%;
text-align: center;
padding-top: 20px;
}
.h4C_graph img {
width: 80%;
padding: 20px 0;
}
.h4C_wrap_bac {
height: auto;
padding: 30px 0 0 0;
}
.h4C_graph h5 {
font-size: 15px;
text-align: left;
margin-bottom: 5px;
}
.h4C-box {
padding: 20px;
}
.h4C-box img {
width: 100%;
}
.h4C_p {
width: 100%;
}
.h4C_box_wa_4{
display: block;
width: 100%;
}
.h4C_p span {
font-size: 17px;
}
.h4C_box_wrap_4 {
display: block;
}
.h4C_con_3 {
position: absolute;
right: 10px;
top: 10px;
width: 50%;
}
.h4C_box_wa_4 h3 {
text-align: left;
font-size: 24px;
padding-top: 10px;
float: none;
}
.h4C_wrap_4 img,
.h4C_wrap_6 img {
width: 100%;
}
.h4C_hp img {
width: 90%;
}
.wa_4_title {
border-right: none;
padding-right: 40px;
margin-right: 40px;
}
.h4C_hp {
padding: 0 20px;
margin-top: 40px;
}
.h4C_wrap_ban_info {
margin: 25px 0 0 25px;
padding-top: 50px;
}
.h4C_wrap_ban h2 {
font-size: 19px;
margin: 0;
}
.h4C-box-gr {
width: 100%;
}
.h4C_wrap_6 h3 {
margin-top: 20px;
line-height: 1.2;
}
.h4C-box h5{
font-size: 15px;
}
.h4C_info h3{
font-size: 20px;
}
.h4C_box_img {
padding: 10px 0 !important;
}
}
.v-wrap{width: 1400px; margin: 50px auto;}
.vision-f ul li{list-style: none;}
.vision-f ul li{background: url(/images/keiti/sub/vis-fist.png) left top;background-repeat: no-repeat;height: 80px;
padding: 18px 0 0 60px;}
.vis-tit{text-align: center; border-bottom: 2px solid #ededed;padding: 40px 0;}
.vis-tit h2{font-size: 33px; font-weight: bold;margin: 0;}
.vis-tit p{font-size: 22px; margin: 50px 0 20px 0; line-height: 1.5; }
.vis-tit .blu-t{font-size: 22px;color:#082e83;font-weight: bold;}
.vision-f ul{padding: 0 200px;margin-top: 90px;}
/* 모바일*/
@media screen and (min-width:200px) and (max-width:1399px){
.v-wrap{width: 100%;}
.vision-f ul { padding: 0 20px;margin-top: 50px;}
.vis-tit{padding: 40px 20px;}
}
.txt_c{text-align:center !important;}
.both_area{text-align:center;}
.both_area > dl, .both_area > p{display:inline-block;vertical-align:middle;}
.both_area > p{padding:0 30px;font-size:50px;font-weight:600;}
.both_area > dl{border:3px solid #2f67a0;border-radius:8px;}
.both_area > dl > dt, .both_area > dl > dd{padding:20px;}
.both_area > dl > dt{font-size:20px;font-weight:600;color:#fff;text-align:center;background-color:#2f67a0;}
.both_area > dl > dd{text-align:left;}
.both_area > dl:last-of-type{border:3px solid #2a9271;}
.both_area > dl:last-of-type > dt{background-color:#2a9271;}
.proListCon_line, .proListCon_line *{box-sizing:border-box;}
.proListCon_line {text-align:center;}
.proListCon_line > li, .proListCon_line > li > dl, .proListCon_line > li:after{display:inline-block;vertical-align:middle;}
.proListCon_line > li:after{content:'';padding:0 20px;width:11px;height:19px;background:url(../../images/keiti/sub/icon_proListCon_ar.png) no-repeat center center;}
.proListCon_line > li:last-child:after{display:none;}
.proListCon_line > li > dl{position:relative;width:170px;height:190px;text-align:center;border-radius:8px;border:2px solid #2f67a0;}
.proListCon_line > li > dl > dt{padding:20px;font-size:18px;color:#fff;font-weight:600;background-color:#2f67a0;}
.proListCon_line > li > dl > dd{padding:10px 20px;}
.proListCon_line > li > dl > dd:last-child{position:absolute;bottom:0;left:0;width:100%;color:#2f67a0;font-weight:600;border-top:1px solid #2f67a0;}
.proListCon_line.line2 > li > dl{;height:250px;}
.proListCon_line.line2 > li > dl > dt, .proListCon_line.line2 > li > dl > dd:last-child{display:table;table-layout:fixed;width:100%;height:90px;}
.proListCon_line.line2 > li > dl > dt > span, .proListCon_line.line2 > li > dl > dd:last-child > span{display:table-cell;table-layout:fixed;vertical-align:middle;}
.proListCon_line.line2 > li > dl > dt > span{color:#fff;}
.proListCon_line.line2 > li > dl > dd:last-child{height:70px;}
.proListCon_line.line2 > li > dl > dd:last-child > span{color:#2f67a0}
.proListCon_line.line3 > li > dl{;height:200px;}
.proListCon_line.line3 > li > dl > dt, .proListCon_line.line3 > li > dl > dd:last-child{display:table;table-layout:fixed;width:100%;height:50px;}
.proListCon_line.line3 > li > dl > dt > span, .proListCon_line.line3 > li > dl > dd:last-child > span{display:table-cell;table-layout:fixed;vertical-align:middle;}
.proListCon_line.line3 > li > dl > dt > span{color:#fff;}
.proListCon_line.line3 > li > dl > dd:last-child{height:50px;}
.proListCon_line.line3 > li > dl > dd:last-child > span{color:#2f67a0}
.proListCon_line.line4 > li > dl{;height:140px;}
.proListCon_line.line4 > li > dl > dt{;height:80px;}
.proListCon_line.line4 > li > dl > dd:last-child{display:table;width:100%;height:60px;}
.proListCon_line.line5 > li > dl{;height:120px;}
.proListCon_line.line5 > li > dl > dt{;height:60px;}
.proListCon_line.line5 > li > dl > dd:last-child{display:table;width:100%;height:60px;}
/*안전보건 처리절차 2칸*/
.proListCon_line.line6 > li > dl{;height:190px;}
.proListCon_line.line6 > li > dl > dt, .proListCon_line.line3 > li > dl > dd:last-child{display:table;table-layout:fixed;width:100%;height:90px;}
.proListCon_line.line6 > li > dl > dt > span,
.proListCon_line.line6 > li > dl > dt > span{color:#fff;}
.proListCon_line.line6 > li > dl > dd:last-child{height:100px;}
.proListCon_line.line6 > li > dl > dd:last-child > span{color:#2f67a0}
.tabBar.board{border-top:1px solid #c9c9c9;border-left:1px solid #c9c9c9;border-right:none;}
.tabBar.board > li > a{border:none;border-bottom:1px solid #c9c9c9;border-right:1px solid #c9c9c9;}
.tabBar.board > li.active > a{border-bottom:1px solid #0d3361;}
/* 인증마크 수정 - 2021.03.10 */
.subPath > .path > div > div.path_hide, .subPath > .path > div > div.path_hide > a{height:0;line-height:0;font-size:0;border-bottom:none;}
.organization .president{display:block;margin:0 auto 30px;width:190px;height:183px;background:url(../../images/keiti/main/bg_president.png) no-repeat;font-size:22px;font-weight:600;color:#0e9472;line-height:170px;}
.organization .grade2 > li, .organization .grade3 > li, .organization .grade4 > li{display:inline-block;vertical-align:top;}
.organization .grade2 > li > a, .organization .grade3 > li > a, .organization .grade4 > li > a{display:inline-block;}
.organization .grade2 > li{margin:0 130px;}
.organization .grade2 > li > a{width:256px;height:52px;background:#fff;border:2px solid #009f42;line-height:52px;color:#00993f;font-size:19px;font-weight:600;}
.organization .grade3{position:relative;margin-top:60px;text-align:center;}
.organization .grade3 > li > a{width:240px;height:52px;border:2px solid #2f67a0;line-height:52px;color:#175a9d;font-weight:600;font-size:19px;text-align:center;}
.organization .grade3 > li:nth-child(1){margin-top:56px;}
.organization .grade4 {margin-top:42px;text-align:center;}
.organization .grade4 > li{width:185px;margin-right:20px;}
.organization .grade4 > li.double{width:380px;}
.organization .grade4 > li > a{margin-bottom:10px;width:100%;height:52px;background:#0d3361;font-size:18px;font-weight:600;line-height:52px;color:#fff;}
.organization .grade4 > li > ul > li, .organization .both > ul > li{margin-bottom:4px;padding:15px 0 13px 0;background:#efefef;font-size:17px;color:#0d3361;box-sizing:border-box;}
.organization .depart2{width: 185px;height: 48px;line-height: 48px;margin:1px 0 5px 190px;background: #fff;border: 2px solid #c1c1c1;box-sizing:border-box;}
.organization .both:after{content:'';display:block;clear:both;}
.organization .both > ul{float:left;margin-right:5px;width:185px;}
@media screen and (max-width:1299px){
.organization .grade4 > li, .organization .both > ul, .organization .depart2{width:150px;}
.organization .grade4 > li > ul > li, .organization .both > ul > li{line-height:1.4em;}
.organization .depart2{margin-left:155px;}
.organization .grade4 > li.double{width:310px;}
}
@media screen and (max-width:1100px){
.organization {background:none;}
.organization .grade2 > li{margin:0 50px;}
.organization .grade3, .organization .grade3 > li:nth-child(1), .organization .grade4{margin:0;}
.organization .grade3 > li{display:block;margin-top:30px;}
.organization .grade4 > li, .organization .both > ul, .organization .depart2, .organization .grade4 > li.double, .organization .grade3 > li > a{width:100%;box-sizing:border-box;}
.organization .depart2{margin-left:0px;}
.organization .grade4 > li{margin-top:20px;}
.organization .grade4 > li > ul:after{content:'';display:block;clear:both;}
.organization .grade4 > li > ul > li{float:left;width:49%;}
.organization .grade4 > li > ul > li:nth-child(odd){margin-right:1%}
.organization .grade4 > li > ul > li:nth-child(even){margin-left:1%}
}
@media screen and (max-width:480px){
.organization .grade4 > li > ul > li{float:none;width:100%;}
.organization .grade4 > li > ul > li:nth-child(odd){margin-right:0}
.organization .grade4 > li > ul > li:nth-child(even){margin-left:0}
}
/*영문조직도 */
.organization .depart1{width: 350px;height: 48px;line-height: 48px;margin:1px 0 5px 190px;background: #fff;border: 2px solid #c1c1c1;box-sizing:border-box;}
.organization .grade2e > li, .organization .grade3e > li, .organization .grade4e > li{display:inline-block;vertical-align:top;}
.organization .grade2e > li > p, .organization .grade3e > li > p, .organization .grade4e > li > p{display:inline-block;}
.organization .grade2e > li{margin:0 130px;}
.organization .grade2e > li > p{width:356px;height:52px;background:#fff;border:2px solid #009f42;line-height:52px;color:#00993f;font-size:14px;font-weight:600;}
.organization .grade3e{position:relative;margin-top:60px;text-align:center;}
.organization .grade3e > li > p{width:440px;height:52px;border:2px solid #2f67a0;line-height:52px;color:#175a9d;font-weight:600;font-size:18px;text-align:center;}
.organization .grade3e > li:nth-child(1){margin-top:56px;}
.organization .grade4e {margin-top:42px;text-align:center;}
.organization .grade4e > li{width:200px;margin-right:20px;}
.organization .grade4e > li.double{width:400px;}
.organization .grade4e > li > p{margin-bottom:5px;width:100%;height:70px;background:#0d3361;font-size:18px;font-weight:700;line-height:23px;color:#fff;}
.organization .grade4e > li > ul > li, .organization .both > ul > li{margin-bottom:4px;padding:15px 0 13px 0;background:#efefef;font-size:15px;color:#0d3361;box-sizing:border-box;}
.organization .depart2e{width: 300px;height:60px;line-height:28px;margin:1px 0 5px 80px;background: #fff;border: 2px solid #c1c1c1;box-sizing:border-box;font-weight:600;}
.organization .both:after{content:'';display:block;clear:both;}
.organization .both > ul{float:left;margin-right:5px;width:185px;}
@media screen and (max-width:1299px){
.organization .grade4e > li, .organization .both > ul, .organization .depart2e{width:180px;}
.organization .grade4e > li > ul > li, .organization .both > ul > li{line-height:1.4em;}
.organization .depart2{margin-left:105px;}
.organization .grade4e > li.double{width:280px;}
}
@media screen and (max-width:1100px){
.organization {background:none;}
.organization .grade2e > li{margin:0 50px;}
.organization .grade3e, .organization .grade3e > li:nth-child(1), .organization .grade4e{margin:0;}
.organization .grade3e > li{display:block;margin-top:30px;}
.organization .grade4e > li, .organization .both > ul, .organization .depart2e, .organization .grade4e > li.double, .organization .grade3e > li > a{width:100%;box-sizing:border-box;}
.organization .depart2e{margin-left:0px;}
.organization .grade4e > li{margin-top:20px;}
.organization .grade4e > li > ul:after{content:'';display:block;clear:both;}
.organization .grade4e > li > ul > li{float:left;width:49%;}
.organization .grade4e > li > ul > li:nth-child(odd){margin-right:1%}
.organization .grade4e > li > ul > li:nth-child(even){margin-left:1%}
}
@media screen and (max-width:480px){
.organization .grade4e > li > ul > li{float:none;width:100%;}
.organization .grade4e > li > ul > li:nth-child(odd){margin-right:0}
.organization .grade4e > li > ul > li:nth-child(even){margin-left:0}
}
/*210420 추진전략미션비전 추가 */
.icon02{background: none!important; padding-bottom:40px!important;}
.visionCon.icon02 p{background: url(/images/keiti/sub/img_sub_mission1.png) no-repeat center center!important;}
.icon03{background: none!important; padding-bottom:40px!important;}
.visionCon.icon03 p{background: url(/images/keiti/sub/img_sub_vision1.png) no-repeat center center!important;}
.purposeCon02 > ul{margin-top: 10px;}
.purposeCon02 > ul > li{background-color: #e9edf3;font-size: 20px;font-weight: bold;display: inline-block; width: 18.5%;margin: 1% 1% 0 0;text-align: center;line-height: 1.5;padding: 15px 0;border-radius: 15px;}
.purposeCon02 > ul > li> b{color: #2262a2;}