@charset "utf-8";

/* @import url("//fonts.googleapis.com/earlyaccess/nanumgothic.css");*/

/*@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Regular.ttf) format('truetype');
}*/
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot);
  src: url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.eot?#iefix) format('embedded-opentype'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff2) format('woff2'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.woff) format('woff'),
       url(//fonts.gstatic.com/ea/nanumgothic/v5/NanumGothic-Bold.ttf) format('truetype');
}

/****************************************/
/* Name: 사상구청
/* PART: BASE STYLE 
/* Version: 1.0 / day: 2016-08-22
/* Author: imtec 
/****************************************/


/*
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 700;
  src: url('/css/font/NanumGothicBold.eot');
  src: url('/css/font/NanumGothicBold.eot?#iefix') format('embedded-opentype'),
       url('/css/font/NanumGothicBold.woff') format('woff'),
       url('/css/font/NanumGothicBold.ttf') format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 400;
  src: url('/css/font/NanumGothic.eot');
  src: url('/css/font/NanumGothic.eot?#iefix') format('embedded-opentype'),
       url('/css/font/NanumGothic.woff') format('woff'),
       url('/css/font/NanumGothic.ttf') format('truetype');
}
@font-face {
  font-family: 'Nanum Gothic';
  font-style: normal;
  font-weight: 800;
  src: url('/css/font/NanumGothicExtraBold.eot');
  src: url('/css/font/NanumGothicExtraBold.eot?#iefix') format('embedded-opentype'),
       url('/css/font/NanumGothicExtraBold.woff') format('woff'),
       url('/css/font/NanumGothicExtraBold.ttf') format('truetype');
}*/


/* Common */
body{text-align: left;font-size:14px;color:#444;line-height:26px;font-family:'Nanum Gothic',sans-serif;font-weight:400;letter-spacing:-0.5px;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,span,form,fieldset,p,button,address,table, tbody, tfoot, thead, th, tr, tdvideo, tt{margin:0;padding:0;box-sizing: border-box;}
header,article,aside,canvas,details,figcaption,figure,footer,hgroup,menu,nav,section,summary,mark {display:block;margin: 0; padding: 0;box-sizing: border-box;}
h1,h2,h3,h4,h5,h6,input,button,textarea,select,table{font-family:'Nanum Gothic',sans-serif;font-size:14px;box-sizing: border-box;}
input,button,textarea,select{background-color:#fff;border-radius:0;box-sizing: border-box;} /*-webkit-appearance: none*/
button,textarea{-webkit-appearance: none}
img,fieldset,iframe{border:0 none}
li{list-style:none}
img,input,select,button,textarea{vertical-align:middle;box-sizing: border-box;}
img{max-width:100%}
em,address,optgroup{font-style:normal}
label,button{cursor:pointer}
label{top:2px;position: relative;}
button{margin:0;padding:0;border:0;background:none}
a{box-sizing: border-box}
a:link{text-decoration:none;color:#3a3a3a;}
a:visited{color:#333}
a:hover,a:focus,a:active{text-decoration:none;color:#3a3a3a}
hr{display:none}
legend,caption{font-size:0; width:0; height:0; line-height:0;overflow:hidden;text-indent:-9999px}
p{text-align:left;font-weight:400;word-break:keep-all}
table {width:100%;font-weight:400;border-spacing:0}

/* hidden contents */
.skip,.hidden{position:absolute; width:1px; height:1px; font-size:0; line-height:0; overflow:hidden; z-index:-1}
.skip:focus{top:0;left:0;display:inline-block;width:auto;height:auto;padding:0 30px;font-size:14px;line-height:40px;color:#fff;background:#007cc3;z-index:10}

#skip_navi {position:absolute;top:0;height:0px;width:100%;z-index:150;} 
#skip_navi a {display:block; height:1px; width:1px; margin-bottom:-1px; overflow:hidden; text-align:center;color:#fff;white-space:nowrap;} 
#skip_navi a:focus, 
#skip_navi a:active {display:block;top:0;width:100%;height:45px;padding:10px 0;background:#021b87;}       

.btns{display:flex; align-items: center; justify-content:space-between; flex-wrap:wrap;}
.btns .btn_cal{display:block; width:30%; box-sizing: border-box; border:1px solid #000; text-align: center; padding:5px 10px; transition: all .3s ease-in-out;}
.btns .btn_cal:hover{color:#fff; background-color: #000;}        
.ui-datepicker-trigger{display:none}