@charset "UTF-8"; 

/*gnb*/
.navbar-default {background-color:#fff;border-color: #fff;}
@media (min-width: 1200px) {
header {border-bottom:2px solid #32a9c9}
header .util {padding-top:5px}
header .headerInnr {margin:20px 0}
header .headerInnr .logo{float:left;}
header .headerInnr #gnb {float:right;}
header .headerInnr #gnb .navbar-collapse ul.nav li a{color:#111;font-size:18px; font-weight:600}
}

@media (min-width:768px) and (max-width:1199px) {
header .headerInnr .logo {text-align:center; margin:15px 0} 
header .headerInnr #gnb .navbar-collapse {padding:0}
header .headerInnr #gnb .navbar-collapse ul.nav li {width:33.33333333333333%; float:left; text-align:center; border-left:1px solid #c8c8c8}
header .headerInnr #gnb .navbar-collapse ul.nav li:first-child {border-left:0}
header .headerInnr #gnb .navbar-collapse ul.nav li a{color:#111;font-size:18px; font-weight:600; }
.navbar-nav {width:100%; overflow:hidden; border:1px solid #c8c8c8; border-bottom:2px solid #32a9c9; }
}

@media (max-width: 767px){
.navbar-nav > li > a { border-bottom: 1px solid #e7e7e7;}
.navbar-toggle {border:0 ; margin-top:20px;}
.navbar-default .navbar-toggle:hover, .navbar-default .navbar-toggle:focus {background:none;}
.navbar-header {margin-bottom:10px;}
.navbar-nav {margin:0 -15px;}
}

@media (max-width:500px){
a.navbar-brand {width:70%; height:auto;}
.navbar-header {margin-bottom:0;}
.navbar-toggle {margin-top:15px; margin-bottom:10px;}}

/*main_Img*/
.main_Img .Maintxt, .sub_main .Maintxt {margin-top:69px;}
.main_Img .Maintxt p , .sub_main .Maintxt p{color:#000;}
.main_Img .Maintxt h3, .sub_main .Maintxt h3{color:#000; font-weight:bold; margin-top:2px;}
.main_Img .MainIcon div.Icon1 {background-color:#324a5e}
.main_Img .MainIcon div.Icon2 {background-color:#0085d2}
.main_Img .MainIcon div.Icon3 {background-color:#2262ac}
.main_Img .MainIcon div.Icon4 {background-color:#15a292}
.main_Img .MainIcon div a {display:block; color:#fff; }
.main_Img .MainIcon div a .IconImg {height:85px;}
.Mainstxt {margin-top:20px;}
.Mainstxt p {font-size:20px !important; line-height:1.5;     word-break: keep-all;}
@media (min-width: 1200px) {
.main_Img {min-height:387px; background:#98c7e5 url('../images/main/bg_main.png') no-repeat center top;}
.main_Img .Maintxt p,  .sub_main .Maintxt p{font-size:18px;}
.main_Img .Maintxt h3{font-size:32px;}
.sub_main .Maintxt h3{font-size:26px;}


.main_Img .MainIcon {margin-top:30px;}
.main_Img .MainIcon div{ width:25%; float:left; height:190px; text-align:center; padding:35px 0 }
.main_Img .MainIcon div a .IconImg5{margin-bottom:15px;}
.main_Img .MainIcon div a .Icontxt {font-size:18px;}
.main_Img .MainIcon div.Icon5 {background:#5a4ea2 url('../images/main/bg_MainIcon5.png') no-repeat center top; }
}

@media (max-width:1199px){
.main_Img .Maintxt p{font-size:16px;}
.main_Img .Maintxt h3{font-size:26px;}
.sub_main .Maintxt h3{font-size:20px;}
}

@media (min-width:768px) and (max-width:1199px) {
.main_Img {background:#98c7e5 url('../images/main/bg_main_mo.png') no-repeat center top;}
.main_Img .MainIcon div.Icon5 {background:#5a4ea2;}
.main_Img .MainIcon {margin-top:70px;}
.main_Img .MainIcon div{width:25%; float:left; height:190px; text-align:center; padding:35px 0 }
.main_Img .MainIcon div a .Icontxt {font-size:16px;}
.grey{font-size:95%; line-height:1.3em}
.main_Img .Maintxt, .sub_main .Maintxt {margin-top:45px;}

}

@media (max-width: 767px){
.main_Img {background:#98c7e5}
.main_Img .MainIcon div{width:50%; float:left; height:140px; text-align:center; padding:20px 0 }
.main_Img .MainIcon div.Icon5 {background:#5a4ea2;}
.main_Img .MainIcon div a .IconImg{height:75px;}
.main_Img .Maintxt, .sub_main .Maintxt{    margin-top: 30px;}  
.Mainstxt{    margin: 20px 0 15px;}
  .Mainstxt p{ font-size: 17px !important;}
  
  
}

/*search*/
.main_Img .search {
    position: relative;
    margin: 15px auto;
	padding:5px 0 10px 0;
    width: 32.5%;

}
.main_Img .search .wrp-search {
    position: relative;
    padding: 0 0px 0 10px;
    height: 37px;
    border: 2px solid #257a91;
    background:#fff;
}
.main_Img .search button {
    position: absolute;
    top:5px;
    right: 0;
    width: 59px;
    height: 37px;
    border: 1px solid #257a91;
    background: #257a91;
    color:#fff;
}
.main_Img .search select {
    position: absolute;
    top: 3px;
    left: 5px;
    width: 90px;
    height: 27px;
    border: 0;
}
.main_Img .search input {
    width: 100%;
    height: 32px;
    line-height: 32px;
    border: 0;}
@media (max-width:767px){
.main_Img .search {
    position: relative;
    margin: 20px auto;
    width: 80%;
}}


.Content h3 {font-size:20px; font-weight:600;  margin-bottom:20px;}
.Content h3 span {font-size:14px; color:#333 ; font-weight:normal; margin-left:10px;}
@media (max-width:991px){
.Content h3 {font-size:16px;}
.DetailSearch h3 span {display:block;margin-left:0; margin-top:8px; line-height:18px;}
}

/*세부검색*/
.DetailSearch {background-color:#f5f6f8; border:1px solid #e8e8e8;}
.DetailSearch h3{color:#1d8aa7;}
.shape_select label, .search_service label {margin-right:20px; font-weight:500; margin-bottom:0}
.shape_input_text input {height:34px;padding-left:10px;font-size:12px;border:1px solid #e6e6e6;}
.shape_select, .shape_input_text {float:left;}
.shape_select select {height:34px;padding-left:10px;font-size:12px;border:1px solid #e6e6e6;-webkit-appearance: none;-moz-appearance: none;
/* appearance: none; */background:url('../images/main/btn_select.png') no-repeat; background-position:90% 50% ;}
.shape_select select::-ms-expand {display: none;/* 화살표 없애기 for IE10, 11*/}
.search_region select {margin-right:18px;background-color:white;}
.search_service input {margin-right:20px;}
.search_date label{margin-right: 10px;
    margin-top: -3px;
    font-weight: 500;
    vertical-align: middle; margin-bottom:0}
.DetailSearch .btn {background-color:#203c6e}

@media (min-width: 1200px) {
.DetailSearch {padding:20px 30px;}
/* area_middle_search */
.search_region select {width:130px;}
.search_service input {width:250px;}
.DetailSearch .btn {width:125px;}
}
@media (min-width:992px) and (max-width:1199px) {
.DetailSearch {padding:20px;}
.search_region select {width:100px}
.search_service input {width:180px;}
}

@media (max-width:991px){
.DetailSearch form div {width:50%;min-height:35px;}
.DetailSearch form div label {width:20%; margin-right:0; text-align:left}
.shape_select select{background-position:95% 50% ;}
.DetailSearch form div input , .DetailSearch form div select {width:75%;margin-right:0;}
.DetailSearch {padding:15px;}
.DetailSearch .btn {width:200px; margin:15px auto 0 auto;}
}

@media (max-width:640px){
.DetailSearch form div {width:100%;}
.DetailSearch .btn {width:100%}
.DetailSearch form div label {width:auto; margin-right:10px;}
.DetailSearch form div input , .DetailSearch form div select {width:79%}
}


/*포토갤러리*/

.news-item-article {}
.photo h3{float:left;}
.photo .carousel-status-news { margin:20px 0px 0 0; overflow:hidden;}
.photo .carousel-status-news ul {float:right;}
.carousel-status-news ul li { display:inline-block;margin:0;}
.news-item-article .news-item-image { border-bottom:1px solid #ddd; overflow:hidden; padding:10px;}
.news-item-article .news-item-image img { width:100%; height: 180px;}
.news-item-article .new-item-text { padding:15px 15px; }
.news-item-article .new-item-text h4 { overflow:hidden; height:20px; }
.news-item-article .new-item-text ul li { color:#6e7474; font-size:90%; }
.news-item-article .new-item-text ul li.dept-cate { font-size:90%; color:#6e7474; }
.news-item-article .new-item-text ul li span { padding-right:10px; }
.panel{border-radius:0}

@media (max-width:991px){
	.photo h3{padding-left:15px;}
	.photo .carousel-status-news ul {padding-right:15px;}
.photo .carousel-status-news {margin:15px 0 0 0;}
.news-item-article { width:50%;}
}

@media all and (max-width:767px){
.news-item-article { padding:0 0px; width:50%;float:left;}
.carousel-news-btn {padding:0 0px; }
}
/*공지사항*/
.noticeWrap div {border:1px solid #e8e8e8; padding:20px 30px; min-height:236px;}
.noticeWrap h3 span {float:right;}
.noticeWrap h3 {border-bottom:1px solid #cbcbcb; padding-bottom:15px; margin-bottom:10px;}
.noticeWrap .banner {text-align:center;}
.noticeWrap .banner h4{color:#fff;}
.noticeWrap .banner .line{background:#fff; height:3px; margin:15px auto 5px auto; width:50px;}
.noticeWrap .banner .Number {color:#fff;}

@media (min-width:992px){
.noticeWrap div ul li {line-height:24px;
    width: 385px;
    text-overflow: ellipsis;
    -o-text-overflow: ellipsis;
    overflow: hidden;
    white-space: nowrap;
    word-wrap: normal !important;
    display: inline-block;}
.noticeWrap .banner {background:url('../images/main/banner_bg.jpg') no-repeat;}
.noticeWrap .banner h4{font-size:20px; margin-top:20px;}
.noticeWrap .banner .Number {font-size:32px;}
.noticeWrap .col-md-4 {width:37.5%}}
    
@media (min-width:992px) and (max-width:1199px) {
	.noticeWrap div {padding:20px;}
	.noticeWrap .col-md-4 {width:37.5%}
	.noticeWrap div ul li {line-height:24px;width:300px;}
	.noticeWrap .banner h4 {font-size:18px;}
}

@media (max-width:991px) {
.noticeWrap div {padding:15px; min-height:auto;}
.noticeWrap .col-md-4 {width:100%;}
.noticeWrap div ul li {line-height:24px;
margin-left:2px;
    padding: 2px 0 2px 10px;
    background: url(../images/defult/bul_type_gnb.jpg) no-repeat 0px 13px;
}
.noticeWrap .banner {background:url('../images/main/banner_bg_m.jpg') no-repeat; background-size:cover}
.noticeWrap .banner h4{font-size:16px; margin-top:10px;}
.noticeWrap .banner .Number {font-size:20px;}
}

.Content {margin-bottom:20px;}

footer {width:100%; border-top:1px solid #e8e8e8; padding:20px 0 40px 0 }
footer .footer-content { margin-bottom:25px;}
footer .footer-logo {vertical-align:middle;}
.list-footer-menu li {}
footer .notice { color:#e8563f; }

@media all and (max-width:991px){
footer .tel { padding:15px 0; margin-right:160px; }
footer .modal-content ul li {width:49%;}
footer .footer-logo {text-align:center; margin:10px 0px; padding:0}
footer .list-footer-menu {padding:0 0 10px 0; text-align:center; margin:0 10px;}
footer .list-footer-menu  li {background-color:#eee;margin:2px 0px; text-align:center; padding:10px 15px;}
footer address {margin-top:0}
footer address , footer p {padding-left:10px;  padding-right:10px;}
footer .footer-content {margin-bottom:15px;}
}

@media (max-width:599px) {
footer .list-footer-menu  li {width:49.5%;}
}