@charset "utf-8";

@media all and (min-width:320px) and (max-width:640px) {

header {padding:0rem 1rem 0 1rem; height: 50px;}
header .gnb {height:45px;}
header .gnbsub {height:45px; padding-top:0.5rem;}

header .gnb h1 a.logo, .gnbsub h1 a.logo {padding-left:45px; line-height:33px; background:url(../img/logo.png) no-repeat 0px 0px; background-size:2rem;  font-size:1.1rem;}
header .gnb .spot, .gnbsub .spot  {float:right;}
header .gnb .spot a, .gnbsub .spot a {display:inline-block; height:30px;}
header .gnb .spot a.btn_nav, .gnbsub .spot a.btn_nav {background-size:1.5rem; }

header .gnbsub h1 a.prev_bt {padding-left:25px; font-size:1rem; font-weight:bold; line-height:28px; background:url(../img/prev_bt1.png) no-repeat 0px 5px; background-size:0.6rem;}

header .m_search {height:60px; position:relative;  padding-top:0.5rem;}
header .m_search input[type="text"] {height:40px; }
header .m_search a.btn_search {position:absolute; right:0px; top:10px;  display:inline-block; width:40px; height:40px; background:url(../img/btn_search.png) no-repeat center center; background-size:1.7rem;}

.gnbBox {min-height:calc(100vh + 76px);}
.gnbBox .gnb {min-height:calc(100vh + 280px);}

.nav .member {position:relative;  height:45px; padding-top:0.2rem; }
.nav .member .btn_close {right:10px; top:0px;  background-size:1.2rem;  }
.nav .member a {display:inline-block; width:40px; height:40px; color:#fff; font-weight:400; text-align:center;}
.nav .member a > span {position:absolute; left:-4000px; top: 0.9rem;}
.nav .member a.btn_search1, .nav .member a.btn_login1,.nav .member a.btn_member1  {background-size:1.5rem; padding: 0px 26px 0px 0px; margin: 0px 10px 0px 0px; width: 110px;}


content > div {min-height:calc(100vh - 320px);} /*footer 하단 고정*/
.subWrap {margin-top:0px; padding:60px 10px 20px 10px;}
.mainWrap {margin-top:30px; }


/*지역별 센터*/
.center_jobM {margin-top:20px;}
.center_jobM ul li a {line-height:45px;}



/*민원행정 서비스 바로가기*/
.service_conM {height:440px; padding:10px 10px;}
.service_conM p {font-size:1.4rem; line-height:60px; }
.service_conM ul {display:flex;}
.service_conM ul:last-child {margin-top:20px;}
.service_conM ul li {padding:0 3px;}
.service_conM ul li a .img1, .service_conM ul li a .img2, .service_conM ul li a .img3, .service_conM ul li a .img4, .service_conM ul li a .img5,
.service_conM ul li a .img6, .service_conM ul li a .img7, .service_conM ul li a .img8
 {width:80px; height:80px; }

.service_conM ul li a .img1 {background:url(../img/favicon1.gif) no-repeat center center #fff; background-size:3rem;}
.service_conM ul li a .img2 {background:url(../img/favicon2.gif) no-repeat center center #fff; background-size:3rem;}
.service_conM ul li a .img3 {background:url(../img/favicon3.gif) no-repeat center center #fff; background-size:3rem;}
.service_conM ul li a .img4 {background:url(../img/favicon4.gif) no-repeat center center #fff; background-size:3rem;}
.service_conM ul li a .img5 {background:url(../img/favicon5.gif) no-repeat center center #fff; background-size:3rem;}
.service_conM ul li a .img6 {background:url(../img/favicon6.gif) no-repeat center center #fff; background-size:3rem;}
.service_conM ul li a .img7 {background:url(../img/favicon7.gif) no-repeat center center #fff; background-size:3.4rem;}

.service_conM ul li a span {font-size:0.9rem; line-height:21px;}



/*공지사항*/
.notice_conM ul li {height:35px;}
.notice_conM .more_btM  {right:5px;}


/*팝업존*/
.banner_conM .banner_zoneM .prev_bt {position:absolute; left:10px; top:55px; width:40px; height:40px; border-radius:50%; background:url(../img/prev_bt1.png) no-repeat 12px center rgba(255, 255, 255, .3); background-size:0.7rem;}
.banner_conM .banner_zoneM .next_bt {position:absolute; right:10px; top:55px; width:40px; height:40px; border-radius:50%; background:url(../img/next_bt1.png) no-repeat 16px center rgba(255, 255, 255, .3); background-size:0.7rem;}


/*센터소식*/
.center_newsM {height:280px;}
.center_newsM .prev_bt2 {position:absolute; right:55px; top:15px; display:block;  width:30px; height:30px; border:1px solid #ccc;  border-radius:0px;  background:url(../img/prev_bt2.png) no-repeat center center #fff; background-size:0.5rem;}
.center_newsM .next_bt2 {position:absolute; right:20px; top:15px; display:block;  width:30px; height:30px; border:1px solid #ccc; border-radius:0px;  background:url(../img/next_bt2.png) no-repeat center center #fff; background-size:0.5rem;}
.center_newsM .prev_bt, .center_newsM .next_bt {display:none;}

.center_newsM .tab_conM {display:table; position:absolute; left:20px; top:60px; width:95%;}
.center_newsM .tab_conM li {display:inline-block; width:36%;}
.center_newsM .tab_conM li:first-child {text-align:left;}
.center_newsM .tab_conM li:nth-child(2) {width:24%;}
.center_newsM .tab_conM li:last-child {background-image:none;  text-align:right;}
.center_newsM .tab_conM li a {padding:0px 0px; line-height:22px;}


.center_newsM .news_zoneM {position:absolute; left:0px; top:30px; height:150px; width:100%; margin-top:20px;}
.center_newsM .news_zoneM .img {width:140px; height:150px; margin-right:30px;}
.center_newsM .news_zoneM dl {float:left; text-align:left; width:45%;}
.center_newsM .news_zoneM dl::after {content:""; clear:both;}
.center_newsM .news_zoneM dt > em { line-height:26px;  }
.center_newsM .news_zoneM dd {line-height:24px; padding-top:10px; height:80px; font-size:0.8rem;}



/*취업 창업정보*/
.jobeud_conM {background-color:#fff; margin-top:10px; padding:20px 20px 0px 20px;}
.jobeud_conM  ul li span {padding-top:0rem;}
.jobeud_conM  ul li a {width:85%; font-size:0.8rem;}

.jobeud_conM  ul li:nth-child(1) { background:url("../img/job_img.png") no-repeat center 7%; background-size:2.8rem;}
.jobeud_conM  ul li:nth-child(2) { background:url("../img/start_img.png") no-repeat center 7%;   background-size:2.8rem;}
.jobeud_conM  ul li:nth-child(3) { background:url("../img/world_img01.png") no-repeat center 7%;  background-size:2.8rem;}
.jobeud_conM  ul li:nth-child(4) { background:url("../img/edu_img.png") no-repeat center 10%;  background-size:2.8rem;}
.jobeud_conM  ul li:nth-child(5) { background:url("../img/supp_img.png") no-repeat center 10%;  background-size:2.8rem;}



/*채용정보 검색*/
.jobSearch {padding-top:10px; }
.jobSearch > p {font-weight:bold; font-size:1.8rem; line-height:45px; text-align:center;}
.jobSearch > p em {font-weight:bold; color:#2477ea;}
.jobSearch > span {display:block;  font-size:0.9rem; line-height:22px; text-align:center; color:#666; margin-top:10px;}
.jobSearch .searchBoxM {position:relative; background-color:#4e92f1; text-align:center; padding:15px 0; margin-top:30px;  border-radius:7px;}
.jobSearch .searchM {border-bottom:1px solid #cfe7ff; width:90%; height:30px; padding-left:5px; padding-bottom:10px; outline:none; font-size:0.9rem; background-color:#4e92f1; color:#fff; }
.jobSearch .searchBoxM .search_BtM {position:absolute; right:13px; top:10px; display:block; width:30px; height:30px; background:url(../img/btn_search1.png) no-repeat center center; background-size:1.4rem; }
.jobSearch .searchBoxM .search_BtM span {display:none;}

.jobSearch .searchM::-webkit-input-placeholder {color:#fff; opacity:1; transition: all 0.3s; }
.jobSearch .searchM:focus::-webkit-input-placeholder {text-indent:20px; opacity:0; }

.jobSearch  .categori {margin-top:20px;}
.jobSearch  .categori p {font-weight:bold; font-size:1rem; line-height:40px; padding-left:5px;}
.jobSearch  .categori ul {display:table; width:100%;}
.jobSearch  .categori ul li {display:inline-block; width:33%; text-align:center; padding:0 3px;}
.jobSearch  .categori ul li a {display:block; border:1px solid #ddd; padding:0 5px; line-height:35px; font-size:0.9rem; background-color:#fbfbfb;   }
.jobSearch  .categori ul li:nth-child(4) {padding-top:6px;}
.jobSearch  .categori .eudM {border-top:1px solid #ddd; margin-top:20px; padding-top:20px;}




footer {background:#efefef; border-top:1px solid #ccc; padding-bottom:1rem; height: 280px;}
footer div > h1 {padding:0.5rem 0.5rem;  width:100%;}
footer div > h1 a {margin:0 auto; width:100%;  background:url("../img/logo2.png") no-repeat 30% 3px; line-height:40px;  padding-left:38%; font-size:1rem;}

footer div > .site {float:left; width:100%; position:relative; padding:0.5rem 1rem;}
footer div > .site a {width:100%; line-height:40px; font-size:0.9rem; }
footer div > .joinSite {display:none; position:absolute; left:17px; bottom:49px; width:92%; height:200px; }
footer div > .joinSite a {border-right:0px;}
footer div > .joinSite .scroll span {position:relative; font-size:0.9rem; line-height:40px;}
footer div > .joinSite .scroll span .close_btM {position:absolute; right:-88%; top:0px; font-weight:normal;}

footer .etclink  {width:100%; display:inline-block; height:auto; border:none; background:#efefef; padding:0rem 1rem;}
footer .etclink ul {margin:0 auto;  display:inline-block; width:100%; }
footer .etclink li {background:none;  border:1px solid #ccc; border-bottom:none;}
footer .etclink li a { display:block; width:100%; line-height:40px; font-size:0.9rem; background-color:#fff;}
footer .etclink li:last-child {border-bottom:1px solid #ccc; }

footer .call {font-size:0.9rem; padding-top:0.5rem;}
footer .call span  {display:block; padding-left:0.5rem; font-size:0.8em;}
footer .copytext {color:#777; text-align:center; letter-spacing:-0.5px; font-size:0.7em;}

}






@media all and (min-width:320px) and (max-width:400px) {

.gnbBox {min-height:calc(100vh + 200px)!important; z-index:100;}

.center_newsM {height:250px;}
.center_newsM .prev_bt2 {top:18px; width:26px; height:26px; }
.center_newsM .next_bt2 {top:18px; width:26px; height:26px;}
.center_newsM .tab_conM li a {font-size:0.9rem;}

.center_newsM .news_zoneM {height:120px; }
.center_newsM .news_zoneM .img {width:110px; height:120px; margin-right:20px;}
.center_newsM .news_zoneM dl {float:left; text-align:left; width:50%; }
.center_newsM .news_zoneM dt {font-size:1rem;}
.center_newsM .news_zoneM dt > em { line-height:24px; font-size:1rem;  }
.center_newsM .news_zoneM dd {line-height:24px; padding-top:10px; height:60px; font-size:0.8rem;}

.jobeud_conM  ul li span {line-height:18px;}

}



@media all and  (max-width:320px) {



/*민원행정서비스*/
.service_conM ul li a .img1, .service_conM ul li a .img2, .service_conM ul li a .img3, .service_conM ul li a .img4, .service_conM ul li a .img5,
.service_conM ul li a .img6, .service_conM ul li a .img7, .service_conM ul li a .img8
 {width:70px; height:70px; }

.service_conM ul li a .img1 {background:url(../img/favicon1.gif) no-repeat center center #fff; background-size:2.5rem;}
.service_conM ul li a .img2 {background:url(../img/favicon2.gif) no-repeat center center #fff; background-size:2.5rem;}
.service_conM ul li a .img3 {background:url(../img/favicon3.gif) no-repeat center center #fff; background-size:2.5rem;}
.service_conM ul li a .img4 {background:url(../img/favicon4.gif) no-repeat center center #fff; background-size:2.5rem;}
.service_conM ul li a .img5 {background:url(../img/favicon5.gif) no-repeat center center #fff; background-size:2.5rem;}
.service_conM ul li a .img6 {background:url(../img/favicon6.gif) no-repeat center center #fff; background-size:2.5rem;}
.service_conM ul li a .img7 {background:url(../img/favicon7.gif) no-repeat center center #fff; background-size:3rem;}
.service_conM ul li a span {font-size:0.8rem; line-height:21px;}




.gnbBox .depth2 li:first-child {line-height:40px; font-size:1.2rem;}
.gnbBox .depth2 li.more {background:url(../img/btn_more.png) no-repeat 90% 10px; background-size:1rem;}
.gnbBox .depth2 li a {font-size:0.8rem; }

.gnbBox .depth2 .depth3 li { padding-left:1rem;}
.gnbBox .gnb li a { line-height:40px; font-size:0.9rem; }
.gnbBox .depth2 .depth3 li a {line-height:22px; padding:5px 15px 5px 10px; background:url(../img/bu_img1.png) no-repeat 0px 13px;  font-size:0.8rem;   }




/*공지사항*/





.jobeud_conM  ul li:nth-child(3) {height:287px;}
.center_newsM .tab_conM li a {font-size:0.8rem;}


footer div > h1 a {padding-left:40%; font-size:1rem;}
footer {height:380px;}
footer div > .site a {line-height:30px; font-size:0.8rem; }
footer .etclink li a {line-height:33px; font-size:0.8rem;}





}