@charset "utf-8";
/* 단양군청 모바일전자수첩 */
/* 버전: V1.0 */
/* (주)이데아인포 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,textarea,p,blockquote,th,td,input,select,textarea,button {margin:0;padding:0}
fieldset,img {border:0 none}
dl,ul,ol,menu,li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after,q:before, q:after {content:'';content:none}
input,select,textarea,button {font-size:100%;vertical-align:middle}
button {border:0 none;background-color:transparent;cursor:pointer}
table {border-collapse:collapse;border-spacing:0}
body {-webkit-text-size-adjust:none} /* 뷰표트 변환시 폰트크기 자동확대 방지 */
input[type='text'],input[type='password'],input[type='submit'],input[type='search'] {-webkit-appearance:none; border-radius:0}
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button; border-radius:0}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
 
body {background:#fff}
body,th,td,input,select,textarea,button {font-size:14px;line-height:1.5;font-family:'Malgun Gothic', '맑은 고딕', sans-serif;color:#333} /* color값은 디자인가이드에 맞게사용 */
 
a {color:#333;text-decoration:none}
a:active, a:hover {text-decoration:none;}
address,caption,cite,code,dfn,em,var {font-style:normal;font-weight:normal}


/* border round 3px button style */
.bround {display:inline-block;padding:0;border:1px solid;border-radius:3px;font-size:12px;text-decoration:none;text-align:center}
 
/* padding round 3px button style */
.pround {display:inline-block;padding:1px;border-radius:3px;font-size:12px;text-decoration:none}
.pround .inner {display:inline-block;width:100%;height:100%;border-radius:3px;text-align:center}

.skip {overflow:hidden;position:absolute;left:-9999px;width:0;height:1px;margin:0;padding:0} /* 스킵네비게이션 */

.blind{visibility:hidden;overflow:hidden;position:absolute;left:-999em;width:0;height:0;font-size:0;line-height:0}


/* 슬라이스메뉴 */
.push_menu_box {background:#3f3f3f; position: fixed; overflow-y:scroll; }
.push_menu_vertical {top: 0px; width: 210px; height: 100%; z-index: 1000;}
.push_menu_left {	left: -220px;}
.push_menu_box {	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;}
.cbp-spmenu-open.push_menu_left {left: 0px;}
.push_menu_vertical {width: 220px; font-size: 12px;}
.push_menu_left {	left: -220px;}

/* 슬라이스 메뉴 */
.slide_menu_box{ height:48px; background-color:#2a2d36 }
.slide_area li{ float:left; height:48px; line-height:49px; }
.slide_area a { display:block; height:37px; }
.slide_area .slide_btn_back{ background:url(/images/snetwork/mobile/slide_btn_back.png)  center no-repeat; margin-top:6px; text-indent: -9999em; text-decoration: none }
.slide_area .slide_btn_logout{ float:right; background-color:#383a46; width:90px; height:37px; margin-top:6px; text-align:center; margin-right:13px; }
.slide_btn_logout .log_Tx{ display:block; font-size:13px; color:#FFF; font-weight:bold; line-height:37px; }

.menu_area li{ height:44px; line-height:45px; border-bottom:1px solid #18191f; border-top:1px solid #434657;}
.menu_area a{  display:block; height:44px; color:#FFF;}
.menu_area .m01{  font-size:13px; color:#FFF; font-weight:bold; line-height:45px;   background-color:#383a46; }
.menu_area .m02{  font-size:13px; color:#FFF; font-weight:bold; line-height:45px;  background-color:#383a46; }
.menu_area .m03{  font-size:12px; padding-left:12px; color:#dadada;  line-height:45px;  background-color:#2a2d36; }
.menu_box .icon_1{ float: left; overflow: hidden; margin-left:12px;  margin-right:5px;  width:22px; background: url(/images/snetwork/mobile/s_m01.png) left center no-repeat ;text-indent: -9999em;text-decoration: none}
.menu_box .icon_2{ float: left; overflow: hidden; margin-left:12px;  margin-right:5px;  width:22px; background: url(/images/snetwork/mobile/s_m02.png) left center no-repeat ;text-indent: -9999em;text-decoration: none}
.menu_box .icon_3{ float: left; overflow: hidden; margin-left:12px;  margin-right:5px;  width:22px; background: url(/images/snetwork/mobile/s_m03.png) left center no-repeat ;text-indent: -9999em;text-decoration: none}
.menu_box .icon_4{ float: left; overflow: hidden; margin-left:12px;  margin-right:5px;  width:22px; background: url(/images/snetwork/mobile/s_m04.png) left center no-repeat ;text-indent: -9999em;text-decoration: none}
.menu_box .icon_5{ float: left; overflow: hidden; margin-left:12px;  margin-right:5px;  width:22px; background: url(/images/snetwork/mobile/s_m05.png) left center no-repeat ;text-indent: -9999em;text-decoration: none}
.menu_box .icon_6{ float: left; overflow: hidden; margin-left:12px;  margin-right:5px;  width:22px; background: url(/images/snetwork/mobile/s_m06.png) left center no-repeat ;text-indent: -9999em;text-decoration: none}

.menu_box .arrow_push{ float:right; overflow: hidden; margin-right:18px;width:22px;  background: url(/images/snetwork/mobile/s_arrow_push.png) left center no-repeat ;text-indent: -9999em;text-decoration: none}
.menu_box .arrow_push1{ float:right; overflow: hidden; margin-right:18px;width:22px;  background: url(/images/snetwork/mobile/s_arrow_push.png) left center no-repeat ;text-indent: -9999em;text-decoration: none}

.push_area{ height:48px;  background-color:#383a46;border-bottom:1px solid #18191f;;border-top:1px solid #18191f;  }
.push_slide_area li{ float:left; height:48px; line-height:49px; }
.push_slide_area .pus{ font-size:13px; color:#FFF; padding-left:12px;}
.push_slide_area .btn_push_on{ float:right; overflow: hidden; width:130px;height:36px; margin-top:7px; background:url(/images/snetwork/mobile/push_on.png) right no-repeat; text-indent: -9999em;text-decoration: none}
.push_slide_area .btn_push_off{ float:right; overflow: hidden; width:130px;height:36px; margin-top:7px; background:url(/images/snetwork/mobile/push_off.png) right no-repeat; text-indent: -9999em;text-decoration: none}


/* 실험중 */
.cbp-spmenu-push {left: 0px; position: relative; overflow-x: hidden;}
.cbp-spmenu-push-toright {	left: 240px; }
.cbp-spmenu-push-toleft { left: -240px; }
.cbp-spmenu {
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;
}
.cbp-spmenu-push {
	-webkit-transition: all 0.3s ease; -moz-transition: all 0.3s ease; transition: all 0.3s ease;
}
.cbp-spmenu-horizontal {
	height: 110px; font-size: 75%;
}
.cbp-spmenu-top {
	top: -110px;
}
.cbp-spmenu-bottom {
	bottom: -110px;
}
.cbp-spmenu-vertical {
	width: 190px; font-size: 90%;
}
.cbp-spmenu-left {
	left: -190px;
}
.cbp-spmenu-push-toleft {
	left: -190px;
}
.cbp-spmenu-right {
	right: -220px;
}
.cbp-spmenu-push-toright {
	left: 220px;
}