.serviceTop fieldset legend{display:block; font-size:18px; padding:10px 20px; border-radius:50px; background-color:#0075bf; color:#fff; }
.serviceTop fieldset input[type='checkbox'] {display: none !important;}
.serviceTop fieldset {border: 2px solid #f2f2f2; padding:10px 20px 20px; margin-bottom: 8px;}
.serviceTop fieldset > * { display: inline-block; vertical-align: middle;}
.serviceTop fieldset input[type='checkbox'] + label { background: url(../images/off_check.png)no-repeat left 9px; margin-right:13px; padding:10px 0 10px 28px;}
.serviceTop fieldset input[type='checkbox']:checked + label {background-image: url(../images/on_check.png);}
.serviceTop fieldset:after{content:''; display:block; visibility:hidden; clear:both;}
.serviceTop input[type='search'] {padding-left:5px; height:40px; line-height:36px; font-size:14px; width:90%; box-sizing:border-box; float:left}
.serviceTop a {background-color: #354d65; color: white; height:40px; line-height:40px; font-size:14px; width:10%; text-align:center; float:left;} 
/*서비스별 검색*/
.mapArea{width:100%; box-sizing:border-box; border:1px solid #ccc; margin-bottom:15px;}

.passwordCo{font-size:14px; color:#4e748d; line-height:18px; padding:10px;}

.errorPage section{width:650px; margin: 220px auto 0 auto; border-bottom:2px solid #888; border-top:2px solid #888; 
                   padding:50px; text-align:center; background:url(/images/decoBg.png) right bottom no-repeat;}
.errorPage section h1{margin-bottom:30px;}
.errorPage section p{font-size:28px; font-weight:bold; margin-bottom:30px;}
.errorPage section .grayBox{font-size:16px; line-height:24px; margin-bottom:30px;}
/*에러페이지*/

.boTo{border-top:2px solid #0075bf;}
.loginment {line-height:1.6rem; font-size:17px;}

/*ALL Using CSS*/
@media screen and (max-width:767px) {
    #banner {background-color:#192f42; padding:5px 5px 30px 5px; width:100%; overflow:hidden; box-sizing:border-box;}
    .btn_wrap {position:relative;}
    .btn_wrap div.topText{position:absolute; right:10px; top:-25px;}
    .btn_wrap div.topText label{color:#fff; font-size:14px; line-height:16px;}
    .btn_wrap div.topBg{z-index:9950; width:50px; height:50px; position:absolute; top:0; right:0; background: #192f42;}
    .btn_wrap div.topBg b{text-indent:-9999px; width:50px; height:50px; background:url(/images/main/toppopdown.png) center center no-repeat; display:block;}
    .btn_wrap div.topBg b.active{background:url(/images/main/toppopup.png) center center no-repeat;}    
    .mainTopPop .bx-wrapper .bx-controls-direction a{z-index:9955; top:50%; margin-top:-20px;}
    .mainTopPop .bx-wrapper .bx-prev{left:30px; background:url("/images/main/topL.png") no-repeat; width:25px; height:40px; background-size:cover;}
    .mainTopPop .bx-wrapper .bx-next{right:30px; background:url("/images/main/topR.png") no-repeat; width:25px; height:40px; background-size:cover;}
    /*메인상단팝업*/    
    .mainPop{position:relative;}
    .mainPopC{position:absolute; width:125px; height:50px; background-color:#fff; bottom:0px; right:0px; box-sizing:border-box; text-align:center;}
    .mainPopC p{margin-top:44px; display:inline-block; width:85%; height:1px; background-color:#444;}
    .mainPop .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {position: absolute; width:20px; bottom:10px; right:30px; z-index:9400;}
    .mainPop .bx-wrapper .bx-controls-auto .bx-stop{width:20px; height:20px; background:url(/images/main/popS.png) no-repeat; background-size:cover;}
    .mainPop .bx-wrapper .bx-controls-auto .bx-start{width:20px; height:20px; background:url(/images/main/popP.png) no-repeat; background-size:cover;}
    .mainPop .bx-wrapper .bx-controls-direction a{z-index:9990; bottom:10px; top:auto; margin-top:0px;}
    .mainPop .bx-wrapper .bx-prev{right:50px; left:auto; background:url("/images/main/popL.png") no-repeat; width:20px; height:20px; background-size:cover;}
    .mainPop .bx-wrapper .bx-next{right:10px; background:url("/images/main/popR.png") no-repeat; width:20px; height:20px; background-size:cover;}
    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{font-size:12px; color:#7a7a7a; font-weight:normal; bottom:10px; right:70px; width:40px; z-index:9500;}
    /*슬라이더*/
    .mainBox{padding-top:40px;}
    .mainBox h3{text-align:center; font-size:20px; margin-bottom:20px;}
    .mainBox2 h3{text-align:left; padding-left:10px; box-sizing:border-box;}
    .mainBox h3 + p{text-align:center; font-size:14px; line-height:18px; color:#888; margin-bottom:20px;}
    .maxBox2 .mainBox2{position:relative;}
    .maxBox2 .mainBox2:first-of-type > a{position:absolute; top:35px; right:10px; border-bottom:1px solid #888; line-height:28px;}
    .maxBox2 .mainBox2:last-of-type > a{display:block; }
    .maxBox2 .mainBox2:last-of-type > a img{width:100%; height:auto;}
    /*메인 박스 폼*/
    .qList{background-color:#fafafa; padding:10px; box-sizing:border-box;}
    .qList:after{content:''; display:block; visibility:hidden; clear:both;}
    .qList li{float:left; width:33%; box-sizing:border-box; margin-bottom:5px;}
    .qList li a{display:block; width:100px; height:100px; text-align:center; box-sizing:border-box; border-radius:200px; transform:scale(1,1); padding:10px 0; margin:0 auto; opacity:0.6; letter-spacing:-1px; font-size:12px; line-height:15px; transition-duration:0.4s;}
    .qList li a:hover{background-color:#fff; opacity:1; font-weight:bold; box-shadow:rgba(0, 0, 0, 0.2) 0.5px 0.5px 7px; transform:scale(1.05,1.05);}
    .qList li a img{display:block; margin:0 auto 5px auto; width:40px; }
    /*메인바로가기*/
    .noticeList{background-color:#fafafa; box-sizing:border-box; padding:5px 10px;} 
    .noticeList li{border-bottom:1px solid #ccc; padding:10px;}
    .noticeList li a{height:100px;}
    .noticeList li:last-of-type{border-bottom:none;}
    .noticeList li ins{width:75%; display:inline-block; font-size:15px; line-height:20px; height:40px; text-decoration:none; vertical-align:middle;  overflow: hidden; text-overflow: ellipsis;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
    .noticeList li a:hover ins{font-weight:bold;}
    .noticeList li span{width:25%; display:inline-block; text-align:right; font-size:12px;}
    /*메인노티스*/
    .mainphotoBorder{width:100%; margin-bottom:30px;}
    .mainphotoBorder:after{content:''; display:block; visibility:hidden; clear:both;}    
    .mainphotoBorder li{float:left; width:49%; margin-left:2%; box-sizing:border-box; margin-bottom:10px;}
    .mainphotoBorder li:nth-child(2n+1){margin-left:0;}
    .mainphotoBorder li a{display:block; border:1px solid #ccc; color:black;}
    .mainphotoBorder li a figure img{width:100%; height:150px; display:block;}
    .mainphotoBorder li a figure figcaption{padding:10px; border-top:1px solid #ccc;}
    .mainphotoBorder li:hover a figure figcaption{background-color:#cacaca}
    .mainphotoBorder li a figure figcaption dl dt{font-size:17px; line-height:20px; height:40px; font-weight:bold; margin-bottom:12px; overflow:hidden;}
    .mainphotoBorder li a figure figcaption dl dd:first-of-type{font-size:14px; line-height:19px; height:38px; margin-bottom:12px; overflow:hidden;}
    .mainphotoBorder li a figure figcaption dl dd:last-of-type{font-size:14px; line-height:19px; height:19px; overflow:hidden;}
    /*메인포토갤러리*/
    .videoBox{background:url(/images/main/videoBg.gif) 65% center no-repeat; background-size:cover; height:100px; padding:15px 0; box-sizing:border-box;}
    .videoBox:after{content:''; display:block; visibility:hidden; clear:both;}
    .videoBox p{float:left; font-size:27px; font-weight:bold; line-height:30px; color:#fff;}
    .videoBox p span{font-size:16px; font-weight:normal; color:#fff;}
    .videoBox a{height:70px; width:100px; background-color:#fff; border-radius:100px; float:left; margin-left:20px; box-sizing:border-box; padding-top:12px; line-height:20px; font-size:16px; text-align:center;}
    .videoBox a img{width:30px;}    
    .videoBox2{background:url(/images/main/videoBg2.png) 45% center no-repeat;}
    .videoBox2 p{float:right; text-align:right;}    
    .videoBox2 a{float:right; margin-right:20px;}
    /*동영상 바로가기*/
    .bannerBox{padding:15px 170px 15px 0; background-color:#fff; text-align:left; position:relative;}
    .bannerArea:after{content:''; display:block; visibility:hidden; clear:both;}
    .bannerControl{position:absolute; width:150px; right:10px; top:15px; box-sizing:border-box; border:1px solid #ccc; background-color:#fafafa; height:64px;}
    .bannerAreaIn img{width:195px; height:64px; border:1px solid #ddd; box-sizing:border-box;}
    .bannerAreaIn .bx-wrapper .bx-controls-auto .bx-stop{width:25px; height:30px; background:url(/images/controls.png) -3px -1px no-repeat;}
    .bannerAreaIn .bx-wrapper .bx-controls-auto .bx-start{width:25px; height:30px; background:url(/images/controls.png) -46px -1px no-repeat;}
    .bannerArea .bx-wrapper .bx-controls-direction a{z-index:9990; top:11px;  margin-top:5px;}
    .bannerArea .bx-wrapper .bx-prev{right:-80px; left:auto; background:url("/images/controls.png") no-repeat 0px -32px;}
    .bannerArea .bx-wrapper .bx-next{right:-152px; background:url("/images/controls.png") no-repeat -43px -32px;}
    .bannerArea .bx-wrapper .bx-controls-auto {position: absolute;width:25px; top:17px; right:-110px; z-index:100;}
    /*배너존*/
    .serviceTop input[type='search'] {width:80%;}
    .serviceTop a {width:20%;} 
    /*서비스별 검색*/ 
    .login_wrap { border : 1px solid #ddd; text-align : center ; }
    .login_wrap .loginBox{ border-bottom : 1px solid #ddd; padding:30px; }
    .login_wrap .loginBox p { margin-top:20px; font-size:14px; font-weight:bold; line-height:22px;}    
    .login_wrap .loginBox div { max-width : 490px; box-sizing : border-box; margin : 10px auto; padding-left :10px; border : 1px solid #ddd;  }
    .login_wrap div input { display : block; width : 100%; height : 45px; line-height : 45px; background : none; border : none }
    .login_wrap form > a { display : block; width : 100%; max-width : 490px; margin : 25px auto 0; background : #0075bf;  color : #fff; font-size : 18px; font-weight:bold; height : 50px; line-height:50px; }    
    /*로그인*/
        
    .greetingBox{background:url(/images/greeBg.gif) 80% center no-repeat; background-size:cover; padding:20px 20px 20px 0; box-sizing:border-box:}
    .greetingBox p{ line-height:20px; margin-bottom:20px; font-size:14px;}
    .greetingBox p:first-of-type{color:#0075bf; font-size:16px; line-height:22px; font-weight:bold;}
    .greetingBox p:last-of-type{font-size:16px; line-height:22px; font-weight:bold;}
    /*인사말*/
    
    .infoTop{padding:30px 10px; margin-bottom:40px; text-align:center; border:1px solid #ccc; background:url(/images/infoBg.png) center bottom no-repeat ; background-size:50%;}
    .infoTop h3{color:#0075bf; font-size:22px; font-weight:bold; margin-bottom:30px; line-height:30px;}
    .infoTop p{font-size:14px; line-height:22px; margin-bottom:120px;}
    /*소개*/    
    .organizationList{background:url(/images/orgBg2.gif) center top repeat-y; width:90%; margin:0 auto;}
    .organizationList > li{text-align:center; margin-bottom:20px;}
    .organizationList > li p{font-size:18px; line-height:40px;  background-color:#2c4f6d; font-weight:bold; margin-bottom:5px; color:#fff;}
    .organizationList > li:first-of-type{float:none; width:220px; padding:15px 0; font-size:20px; line-height:28px; font-weight:bold; color:#fff; margin:0 auto 20px auto; background-color:#2da7f3;}
    .organizationList > li span{font-size:16px; color:#fff;}
    .organizationList > li > ul {background-color:#f9f9f9; border:1px solid #ddd;  overflow:hidden}
    .organizationList > li > ul > li{font-size:16px; line-height:40px; color:#444; border-top:1px solid #ddd; display:block;}
    .organizationList > li > ul > li:first-child{border-top:none;}
    /*조직도*/
        
    .directionBox p{font-size:20px; font-weight:bold; margin-bottom:10px;}
    .directionBox li{margin-bottom:22px; line-height:20px; font-size:14px;}
    .sub{color:#fff; border-radius:30px; font-size:12px; display:inline-block; line-height:22px; padding:0 7px; text-align:center; box-sizing:border-box; margin:0 5px 5px 0;}
    .sub1{background-color:#263c96; width:22px; padding:0;}
    .sub2{background-color:#ffb850;}
    .bus{color:#fff; border-radius:3px; font-size:12px; display:inline-block; line-height:22px; padding:0 7px; text-align:center; box-sizing:border-box; margin:0 5px 5px 0;}
    .bus1{background-color:#286cb9;}
    .bus2{background-color:#329d00;}
    /*오시는길*/
    .errorPage section{max-width:550px; width:90%; margin:30px auto 0 auto; padding:30px 0px;}
    .errorPage section h1{margin-bottom:10px;}
    .errorPage section p{font-size:20px; line-height:24px; margin-bottom:20px;}
    .errorPage section .grayBox{font-size:12px; line-height:16px; margin-bottom:20px;}
    /*에러페이지*/
}
/*mobile*/
@media screen and (min-width:768px) and (max-width:1240px) {
    #banner {background-color:#192f42; padding:10px; width:100%; overflow:hidden; box-sizing:border-box;}
    .btn_wrap {position:relative;}
    .btn_wrap div.topText{position:absolute; right:25px; top:-35px;}
    .btn_wrap div.topText label{color:#fff;}
    .btn_wrap div.topBg{z-index:9950; width:50px; height:50px; position:absolute; top:0; right:0; background: #192f42;}
    .btn_wrap div.topBg b{text-indent:-9999px; width:50px; height:50px; background:url(/images/main/toppopdown.png) center center no-repeat; display:block;}
    .btn_wrap div.topBg b.active{background:url(/images/main/toppopup.png) center center no-repeat;}    
    .mainTopPop .bx-wrapper .bx-controls-direction a{z-index:9955; top:50%; margin-top:-20px;}
    .mainTopPop .bx-wrapper .bx-prev{left:30px; background:url("/images/main/topL.png") no-repeat; width:25px; height:40px; background-size:cover;}
    .mainTopPop .bx-wrapper .bx-next{right:30px; background:url("/images/main/topR.png") no-repeat; width:25px; height:40px; background-size:cover;}
    /*메인상단팝업*/    
    .mainPop{position:relative;}
    .mainPopC{position:absolute; width:125px; height:50px; background-color:#fff; bottom:0px; right:0px; box-sizing:border-box; text-align:center;}
    .mainPopC p{margin-top:44px; display:inline-block; width:85%; height:1px; background-color:#444;}
    .mainPop .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {position: absolute; width:20px; bottom:10px; right:30px; z-index:9400;}
    .mainPop .bx-wrapper .bx-controls-auto .bx-stop{width:20px; height:20px; background:url(/images/main/popS.png) no-repeat; background-size:cover;}
    .mainPop .bx-wrapper .bx-controls-auto .bx-start{width:20px; height:20px; background:url(/images/main/popP.png) no-repeat; background-size:cover;}
    .mainPop .bx-wrapper .bx-controls-direction a{z-index:9990; bottom:10px; top:auto; margin-top:0px;}
    .mainPop .bx-wrapper .bx-prev{right:50px; left:auto; background:url("/images/main/popL.png") no-repeat; width:20px; height:20px; background-size:cover;}
    .mainPop .bx-wrapper .bx-next{right:10px; background:url("/images/main/popR.png") no-repeat; width:20px; height:20px; background-size:cover;}
    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{font-size:12px; color:#7a7a7a; font-weight:normal; bottom:10px; right:70px; width:40px; z-index:9500;}
    /*슬라이더*/
    .mainBox{padding-top:40px;}
    .mainBox h3{text-align:center; font-size:20px; margin-bottom:20px;}
    .mainBox2 h3{text-align:left;}
    .mainBox h3 + p{text-align:center; font-size:14px; color:#888; margin-bottom:20px;}
    .maxBox2 .mainBox2{position:relative;}
    .maxBox2 .mainBox2:first-of-type > a{position:absolute; top:40px; right:10px; border-bottom:1px solid #888; line-height:28px;}
    .maxBox2 .mainBox2:last-of-type > a{display:block; }
    .maxBox2 .mainBox2:last-of-type > a img{width:100%; height:auto;}
    /*메인 박스 폼*/
    .qList{background-color:#fafafa; padding:30px; box-sizing:border-box;}
    .qList:after{content:''; display:block; visibility:hidden; clear:both;}
    .qList li{float:left; width:25%; box-sizing:border-box;}
    .qList li a{display:block; width:170px; height:170px; text-align:center; box-sizing:border-box; border-radius:200px; transform:scale(1,1); padding:15px 0; margin:0 auto; opacity:0.6; font-size:16px; line-height:22px; transition-duration:0.4s;}
    .qList li a:hover{background-color:#fff; opacity:1; font-weight:bold; box-shadow:rgba(0, 0, 0, 0.2) 0.5px 0.5px 7px; transform:scale(1.05,1.05);}
    .qList li a img{display:block; margin:0 auto 2px auto; }
    /*메인바로가기*/
    .noticeList{background-color:#fafafa; box-sizing:border-box; padding:5px 20px;} 
    .noticeList li{height:100px; border-bottom:1px solid #ccc;}
    .noticeList li a{height:100px;}
    .noticeList li:last-of-type{border-bottom:none;}
    .noticeList li ins{width:75%; display:inline-block; font-size:20px; line-height:32px; height:65px; text-decoration:none; vertical-align:middle;  overflow: hidden; text-overflow: ellipsis;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
    .noticeList li a:hover ins{font-weight:bold;}
    .noticeList li span{width:20%; display:inline-block; margin-left:5%; line-height:100px; text-align:right;}
    /*메인노티스*/
    .mainphotoBorder{width:100%; margin-bottom:50px;}
    .mainphotoBorder:after{content:''; display:block; visibility:hidden; clear:both;}    
    .mainphotoBorder li{float:left; width:24%; margin-left:1.3%; box-sizing:border-box; margin-bottom:30px;}
    .mainphotoBorder li:first-of-type{margin-left:0;}
    .mainphotoBorder li a{display:block; border:1px solid #ccc; color:black;}
    .mainphotoBorder li a figure img{width:100%; height:180px; display:block;}
    .mainphotoBorder li a figure figcaption{padding:10px; border-top:1px solid #ccc;}
    .mainphotoBorder li:hover a figure figcaption{background-color:#cacaca}
    .mainphotoBorder li a figure figcaption dl dt{font-size:19px; line-height:23px; height:46px; font-weight:bold; margin-bottom:12px; overflow:hidden;}
    .mainphotoBorder li a figure figcaption dl dd:first-of-type{font-size:14px; line-height:19px; height:38px; margin-bottom:12px; overflow:hidden;}
    .mainphotoBorder li a figure figcaption dl dd:last-of-type{font-size:14px; line-height:19px; height:19px; overflow:hidden;}
    /*메인포토갤러리*/
    .videoBox{background:url(/images/main/videoBg.gif) center center no-repeat; background-size:cover; height:180px; padding:33px 0; box-sizing:border-box;}
    .videoBox:after{content:''; display:block; visibility:hidden; clear:both;}
    .videoBox p{float:left; font-size:37px; font-weight:bold; line-height:48px; color:#fff;}
    .videoBox p span{font-size:24px; font-weight:normal; color:#fff;}
    .videoBox a{height:120px; width:120px; background-color:#fff; border-radius:100px; float:left; margin-left:80px; box-sizing:border-box; padding-top:25px; font-size:18px; line-height:38px; text-align:center;}
    .videoBox2{background:url(/images/main/videoBg2.png) center center no-repeat;}
    .videoBox2 p{float:right; text-align:right;}    
    .videoBox2 a{float:right; margin-right:40px;}
    /*동영상 바로가기*/
    .bannerBox{padding:15px 170px 15px 0; background-color:#fff; text-align:left; position:relative;}
    .bannerArea:after{content:''; display:block; visibility:hidden; clear:both;}
    .bannerControl{position:absolute; width:150px; right:10px; top:15px; box-sizing:border-box; border:1px solid #ccc; background-color:#fafafa; height:64px;}
    .bannerAreaIn img{width:195px; height:64px; border:1px solid #ddd; box-sizing:border-box;}
    .bannerAreaIn .bx-wrapper .bx-controls-auto .bx-stop{width:25px; height:30px; background:url(/images/controls.png) -3px -1px no-repeat;}
    .bannerAreaIn .bx-wrapper .bx-controls-auto .bx-start{width:25px; height:30px; background:url(/images/controls.png) -46px -1px no-repeat;}
    .bannerArea .bx-wrapper .bx-controls-direction a{z-index:9990; top:11px;  margin-top:5px;}
    .bannerArea .bx-wrapper .bx-prev{right:-80px; left:auto; background:url("/images/controls.png") no-repeat 0px -32px;}
    .bannerArea .bx-wrapper .bx-next{right:-152px; background:url("/images/controls.png") no-repeat -43px -32px;}
    .bannerArea .bx-wrapper .bx-controls-auto {position: absolute;width:25px; top:17px; right:-110px; z-index:100;}
    /*배너존*/
    .login_wrap { border : 1px solid #ddd; text-align : center ; }
    .login_wrap .loginBox{ border-bottom : 1px solid #ddd; padding:50px; }
    .login_wrap .loginBox p { margin-top:30px; font-size:16px; font-weight:bold;}    
    .login_wrap .loginBox div { max-width : 490px; box-sizing : border-box; margin : 10px auto; padding-left :10px; border : 1px solid #ddd;  }
    .login_wrap div input { display : block; width : 100%; height : 45px; line-height : 45px; background : none; border : none }
    .login_wrap form > a { display : block; width : 100%; max-width : 490px; margin : 25px auto 0; background : #0075bf;  color : #fff; font-size : 18px; font-weight:bold; height : 60px; line-height:60px; }    
    /*로그인*/
        
    .greetingBox{background:url(/images/greeBg.gif) right center no-repeat; background-size:cover; padding:20px 20px 20px 0; box-sizing:border-box:}
    .greetingBox p{ line-height:28px; margin-bottom:50px; padding-right:200px;}
    .greetingBox p:first-of-type{color:#0075bf; font-size:20px; line-height:30px; font-weight:bold; margin-bottom:80px;}
    .greetingBox p:last-of-type{font-size:18px; line-height:28px; font-weight:bold;}
    /*인사말*/

    .infoTop{padding:50px 30px; margin-bottom:50px; text-align:center; border:1px solid #ccc; background:url(/images/infoBg.png) center bottom no-repeat ;}
    .infoTop h3{color:#0075bf; font-size:30px; font-weight:bold; margin-bottom:50px;}
    .infoTop p{font-size:18px; line-height:28px; margin-bottom:300px;}
    /*소개*/
    .organizationList{margin-bottom:50px; background:url(/images/orgBg.gif) center -80px no-repeat;}
    .organizationList:after{content:''; display:block; visibility:hidden; clear:both;}
    .organizationList > li{float:left; width:30%; margin-left:5%; text-align:center;}
    .organizationList > li:nth-of-type(2){margin-left:0;}
    .organizationList > li:first-of-type{float:none; width:230px; padding:15px 0; font-size:20px; line-height:28px; font-weight:bold; color:#fff; margin:0 auto 80px auto; background-color:#2da7f3;}
    .organizationList > li span{font-size:16px; color:#fff;}
    .organizationList > li p{font-size:20px; line-height:50px; background-color:#2c4f6d; font-weight:bold; margin-bottom:5px; color:#fff;}
    .organizationList > li > ul {background-color:#f9f9f9; border:1px solid #ddd; overflow:hidden}
    .organizationList > li > ul > li {font-size:16px; line-height:40px; color:#444; border-top:1px solid #ddd; display:block;}
    .organizationList > li > ul > li:first-child{border-top:none;}
    /*조직도*/
    .directionBox p{font-size:24px; font-weight:bold; margin-bottom:10px;}
    .directionBox li{margin-bottom:50px; line-height:30px;}
    .sub{color:#fff; border-radius:30px; font-size:14px; display:inline-block; line-height:26px; padding:0 10px; text-align:center; box-sizing:border-box; margin:0 5px 10px 0;}
    .sub1{background-color:#263c96; width:26px; padding:0;}
    .sub2{background-color:#ffb850;}
    .bus{color:#fff; border-radius:3px; font-size:14px; display:inline-block; line-height:26px; padding:0 10px; text-align:center; box-sizing:border-box; margin:0 5px 10px 0;}
    .bus1{background-color:#286cb9;}
    .bus2{background-color:#329d00;}
    /*오시는길*/
}
/*tablet*/
@media screen and (min-width:1241px) {
    #banner {background-color:#192f42; padding:10px 0px; width:100%; overflow:hidden;}
    .mainTopPop{margin:0 auto; max-width:1200px;}
    .btn_wrap {position:relative;}
    .btn_wrap div.topText{position:absolute; right:25px; top:-35px;}
    .btn_wrap div.topText label{color:#fff;}
    .btn_wrap div.topBg{z-index:9950; width:50px; height:50px; position:absolute; top:0; right:0; background: #192f42}
    .btn_wrap div.topBg b{text-indent:-9999px; width:50px; height:50px; background:url(/images/main/toppopdown.png) center center no-repeat; display:block;}
    .btn_wrap div.topBg b.active{background:url(/images/main/toppopup.png) center center no-repeat;}    
    .mainTopPop .bx-wrapper .bx-controls-direction a{z-index:9990; top:80px;  margin-top:5px;}
    .mainTopPop .bx-wrapper .bx-prev{left:-200px; background:url("/images/main/topL.png") no-repeat; width:50px; height:80px;}
    .mainTopPop .bx-wrapper .bx-next{right:-200px; background:url("/images/main/topR.png") no-repeat; width:50px; height:80px;}
    /*메인상단팝업*/    
    .layerContent {position: fixed; top: 0; right: 0; bottom: 0;  left: 0; background: rgba(0, 0, 0, 0.6); opacity:0;
    -webkit-transition: opacity 100ms ease-in; -moz-transition: opacity 100ms ease-in; transition: opacity 100ms ease-in;
    pointer-events: none;  z-index:9999; height:0; overflow:hidden;}
    .layerContent:target { opacity:1; pointer-events: auto; height:auto;}
    .layerContent > div.siteMapBox{position: absolute; top: 5%; left: 5%; width: 90%; height: 90%; padding:15px; background-color:#2d2d30; overflow:hidden; box-sizing:border-box;}
    .layerContent > div.siteMapBox h3{text-align:center; font-size:26px; line-height:46px; margin-bottom:15px; font-weight:bold; color:#ddd;}
    .layerContent > div.siteMapBox > a{position:absolute; top:10px; right:10px; z-index:999; }
    .layerContent > div.siteMapBox > div.siteMapCon{width:100%; height:90%; overflow:auto; color:#fff;}
    .siteMapCon ul{width:100%; height:100%; overflow:auto;}
    .siteMapCon ul:after{content:''; display:block; visibility:hidden; clear:both;}
    .siteMapCon ul > li{float:left; width:25%; box-sizing:border-box; padding:0 13px; height:550px;}
    .siteMapCon ul > li a {display:block;}
    .siteMapCon ul > li > a { text-align:center; font-size:20px; font-weight:bold; line-height:50px; background:#000; margin-bottom:20px; box-shadow:rgba(0, 0, 0, 0.4) 2px 2px 7px; color:#fff;}
    .siteMapCon ul > li > ol > li { margin-bottom:10px; box-shadow:rgba(0, 0, 0, 0.1) 2px 2px 3px; border-radius:5px; overflow:hidden;}
    .siteMapCon ul > li > ol > li > a {font-size:16px; line-height:45px; padding-left:15px; background-color:#3f3f46; color:#ccc; font-weight:bold; transition-duration:0.3s;}
    .siteMapCon ul > li > ol > li:hover > a{background-color:#007acc; color:#fff;}
    .siteMapCon ul > li > ol > li > a:before {content:' · ';}
    .siteMapCon ul > li > ol > li > ol { box-sizing:border-box; padding:7px 0; background:#1e1e1e;} 
    .siteMapCon ul > li > ol > li > ol > li > a{ font-size:14px; line-height:32px; color:#ccc; padding-left:23px; transition-duration:0.3s; border:1px solid #1e1e1e;} 
    .siteMapCon ul > li > ol > li > ol > li > a:hover{color:#fff; border:1px solid #fff;} 
    .siteMapCon ul > li > ol > li > ol > li > a:before{content:' - ';} 
    /*사이트맵*/  
    .mainPop{margin:0 auto; max-width:1600px; position:relative;}
    .mainPopC{position:absolute; width:250px; height:100px; background-color:#fff; bottom:0px; right:0px; box-sizing:border-box; text-align:center;}
    .mainPopC p{margin-top:88px; display:inline-block; width:85%; height:1px; background-color:#444;}
    .mainPop .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {position: absolute; width:40px; bottom:25px; right:60px; z-index:9400;}
    .mainPop .bx-wrapper .bx-controls-auto .bx-stop{width:40px; height:40px; background:url(/images/main/popS.png) no-repeat;}
    .mainPop .bx-wrapper .bx-controls-auto .bx-start{width:40px; height:40px; background:url(/images/main/popP.png) no-repeat;}
    .mainPop .bx-wrapper .bx-controls-direction a{z-index:9990; bottom:25px; top:auto; margin-top:0px;}
    .mainPop .bx-wrapper .bx-prev{right:100px; left:auto; background:url("/images/main/popL.png") no-repeat; width:40px; height:40px;}
    .mainPop .bx-wrapper .bx-next{right:20px; background:url("/images/main/popR.png") no-repeat; width:40px; height:40px;}
    .bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager{font-size:20px; color:#7a7a7a; font-weight:normal; bottom:25px; right:170px; width:50px; z-index:9500;}
    /*슬라이더*/
    .mainBox{padding-top:80px;}
    .mainBox h3{text-align:center; font-size:40px; margin-bottom:30px;}
    .mainBox2 h3{text-align:left;}
    .mainBox h3 + p{text-align:center; font-size:16px; color:#888; margin-bottom:40px;}
    .maxBox2:after{content:''; display:block; visibility:hidden; clear:both;}
    .maxBox2 .mainBox2{float:left; width:48%; position:relative;}
    .maxBox2 .mainBox2:first-of-type > a{position:absolute; top:85px; right:10px; border-bottom:1px solid #888; line-height:28px;}    
    .maxBox2 .mainBox2:last-of-type > a{display:block; }
    .maxBox2 .mainBox2:last-of-type > a img{width:100%; height:482px;}
    .maxBox2 .mainBox2:last-of-type{margin-left:4%;}
    /*메인 박스 폼*/
    .qList{background-color:#fafafa; padding:50px; box-sizing:border-box;}
    .qList:after{content:''; display:block; visibility:hidden; clear:both;}
    .qList li{float:left; width:25%; box-sizing:border-box;}
    .qList li a{display:block; width:170px; height:170px; text-align:center; box-sizing:border-box; border-radius:200px; transform:scale(1,1); padding:15px 0; margin:0 auto; opacity:0.6; font-size:16px; line-height:22px; transition-duration:0.4s;}
    .qList li a:hover{background-color:#fff; opacity:1; font-weight:bold; box-shadow:rgba(0, 0, 0, 0.2) 0.5px 0.5px 7px; transform:scale(1.05,1.05);}
    .qList li a img{display:block; margin:0 auto 2px auto; }
    /*메인바로가기*/
    .noticeList{background-color:#fafafa; box-sizing:border-box; padding:5px 20px;} 
    .noticeList li{height:100px; border-bottom:1px solid #ccc;}
    .noticeList li a{height:100px;}
    .noticeList li:last-of-type{border-bottom:none;}
    .noticeList li ins{width:75%; display:inline-block; font-size:20px; line-height:32px; height:65px; text-decoration:none; vertical-align:middle;  overflow: hidden; text-overflow: ellipsis;  -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word;}
    .noticeList li a:hover ins{font-weight:bold;}
    .noticeList li span{width:20%; display:inline-block; margin-left:5%; line-height:100px;}
    /*메인노티스*/
    .mainphotoBorder{width:100%; margin-bottom:50px;}
    .mainphotoBorder:after{content:''; display:block; visibility:hidden; clear:both;}    
    .mainphotoBorder li{float:left; width:24%; margin-left:1.3%; box-sizing:border-box; margin-bottom:30px;}
    .mainphotoBorder li:first-of-type{margin-left:0;}
    .mainphotoBorder li a{display:block; border:1px solid #ccc; color:black;}
    .mainphotoBorder li a figure img{width:100%; height:230px; display:block;}
    .mainphotoBorder li a figure figcaption{padding:10px; border-top:1px solid #ccc;}
    .mainphotoBorder li:hover a figure figcaption{background-color:#cacaca}
    .mainphotoBorder li a figure figcaption dl dt{font-size:19px; line-height:23px; height:46px; font-weight:bold; margin-bottom:12px; overflow:hidden;}
    .mainphotoBorder li a figure figcaption dl dd:first-of-type{font-size:14px; line-height:19px; height:38px; margin-bottom:12px; overflow:hidden;}
    .mainphotoBorder li a figure figcaption dl dd:last-of-type{font-size:14px; line-height:19px; height:19px; overflow:hidden;}
    /*메인포토갤러리*/
    .videoBox{background:url(/images/main/videoBg.gif) center center no-repeat; background-size:cover; height:180px; padding:33px 0; box-sizing:border-box;}
    .videoBox:after{content:''; display:block; visibility:hidden; clear:both;}
    .videoBox p{float:left; font-size:37px; font-weight:bold; line-height:48px; color:#fff;}
    .videoBox p span{font-size:24px; font-weight:normal; color:#fff;}
    .videoBox a{height:120px; width:120px; background-color:#fff; border-radius:100px; float:left; margin-left:80px; box-sizing:border-box; padding-top:25px; font-size:18px; line-height:38px; text-align:center;}    
    .videoBox2{background:url(/images/main/videoBg2.png) center center no-repeat;}
    .videoBox2 p{float:right; text-align:right;}    
    .videoBox2 a{float:right; margin-right:40px;}
    /*동영상 바로가기*/
    .bannerBox{padding:15px 0; background-color:#fff; text-align:left;}
    .bannerArea:after{content:''; display:block; visibility:hidden; clear:both;}
    .bannerAreaIn{width:1052px; float:left;}
    .bannerControl{float:left; margin-left:17px; width:150px; box-sizing:border-box; border:1px solid #ccc; background-color:#fafafa; height:64px;}
    .bannerAreaIn img{width:195px; height:64px; border:1px solid #ddd; box-sizing:border-box;}
    .bannerAreaIn .bx-wrapper .bx-controls-auto .bx-stop{width:25px; height:30px; background:url(/images/controls.png) -3px -1px no-repeat;}
    .bannerAreaIn .bx-wrapper .bx-controls-auto .bx-start{width:25px; height:30px; background:url(/images/controls.png) -46px -1px no-repeat;}
    .bannerArea .bx-wrapper .bx-controls-direction a{z-index:9990; top:11px;  margin-top:5px;}
    .bannerArea .bx-wrapper .bx-prev{left:1090px; background:url("/images/controls.png") no-repeat 0px -32px;}
    .bannerArea .bx-wrapper .bx-next{right:-145px; background:url("/images/controls.png") no-repeat -43px -32px;}
    .bannerArea .bx-wrapper .bx-controls-auto {position: absolute;width:25px; top:17px; right:-104px;}
    /*배너존*/
    .login_wrap { border : 1px solid #ddd; text-align : center ; }
    .login_wrap .loginBox{ border-bottom : 1px solid #ddd; padding:50px; }
    .login_wrap .loginBox p { margin-top:30px; font-size:16px; font-weight:bold;}    
    .login_wrap .loginBox div { max-width : 490px; box-sizing : border-box; margin : 10px auto; padding-left :10px; border : 1px solid #ddd;  }
    .login_wrap div input { display : block; width : 100%; height : 45px; line-height : 45px; background : none; border : none }
    .login_wrap form > a { display : block; width : 100%; max-width : 490px; margin : 25px auto 0; background : #0075bf;  color : #fff; font-size : 18px; font-weight:bold; height : 60px; line-height:60px; }    
    /*로그인*/

    .greetingBox{background:url(/images/greeBg.gif) right center no-repeat; background-size:contain; padding:20px 20px 20px 0; box-sizing:border-box:}
    .greetingBox p{ line-height:28px; margin-bottom:50px; padding-right:200px;}
    .greetingBox p:first-of-type{color:#0075bf; font-size:20px; line-height:30px; font-weight:bold; margin-bottom:80px;}
    .greetingBox p:last-of-type{font-size:18px; line-height:28px; font-weight:bold;}
    /*인사말*/

    .infoTop{padding:50px 30px; margin-bottom:50px; text-align:center; border:1px solid #ccc; background:url(/images/infoBg.png) center bottom no-repeat ;}
    .infoTop h3{color:#0075bf; font-size:30px; font-weight:bold; margin-bottom:50px;}
    .infoTop p{font-size:18px; line-height:28px; margin-bottom:300px;}
    /*소개*/
    .organizationList{margin-bottom:50px; background:url(/images/orgBg.gif) center -80px no-repeat;}
    .organizationList:after{content:''; display:block; visibility:hidden; clear:both;}
    .organizationList > li{float:left; width:30%; margin-left:5%; text-align:center;}
    .organizationList > li:nth-of-type(2){margin-left:0;}
    .organizationList > li:first-of-type{float:none; width:230px; padding:15px 0; font-size:20px; line-height:28px; font-weight:bold; color:#fff; margin:0 auto 80px auto; background-color:#2da7f3;}
    .organizationList > li span{font-size:16px; color:#fff;}
    .organizationList > li p{font-size:20px; line-height:50px; background-color:#2c4f6d; font-weight:bold; margin-bottom:5px; color:#fff;}
    .organizationList > li > ul {background-color:#f9f9f9; border:1px solid #ddd; overflow:hidden}
    .organizationList > li > ul > li {font-size:16px; line-height:40px; color:#444; border-top:1px solid #ddd; display:block;}
    .organizationList > li > ul > li:first-child{border-top:none;}
    /*조직도*/

    .directionBox p{font-size:24px; font-weight:bold; margin-bottom:10px;}
    .directionBox li{margin-bottom:50px; line-height:30px;}
    .sub{color:#fff; border-radius:30px; font-size:14px; display:inline-block; line-height:26px; padding:0 10px; text-align:center; box-sizing:border-box; margin:0 5px 10px 0;}
    .sub1{background-color:#263c96; width:26px; padding:0;}
    .sub2{background-color:#ffb850;}
    .bus{color:#fff; border-radius:3px; font-size:14px; display:inline-block; line-height:26px; padding:0 10px; text-align:center; box-sizing:border-box; margin:0 5px 10px 0;}
    .bus1{background-color:#286cb9;}
    .bus2{background-color:#329d00;}
    /*오시는길*/

    #map > div > div >div:nth-of-type(4){width:918px !important;}
}
/*pc*/