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

caption {display:none}

#header {position:fixed; top:0px; z-index:2; width:100%; height:52px; border-bottom:1px solid #0a58a5}
//#header {overflow:hidden; background:#0081e9}
#header {overflow:hidden; background:#1b5387}
//#header h1{font-size:18px; height:52px; line-height:52px; text-shadow: 0 -1px #0a58a5; text-align:center}
#header h1{font-size:20px; height:52px; line-height:70px; text-shadow: 0 -1px #0a1615; text-align:center}
#header h1 a{ position:relative;margin: -10px;text-decoration:none; color:#ffffff;max-width:70%;overflow: hidden;text-overflow: ellipsis;display:inline-block;white-space:nowrap}



//#header .nav{width:20px;height:20px;padding:13px 15px 15px 15px;cursor:pointer}
#header .nav_ver{width:40px;height:18px;padding:5px 10px 3px 10px;cursor:pointer}
#header .menu, #header .back{position:absolute;top:0;left:0}
#header .favorites, #header .sms, #header .writing{position:absolute;top:-1px;top:14px;left:10px;}
#header .ver{position:absolute;top:13px;right:48px; font-size:12px; line-height:13px; background-color:#0077d7; color:#FFF; border:1px solid #06C}

#header .kakao{position:absolute;top:2px;right:0}
#header .button{text-indent:-9999px;overflow:hidden}
#header .menu .button{width:120%;height:120%;background: url(/images/snetwork/mobile/btn_menu.png) no-repeat left top;border:0;background-size:100%}
#header .back .button{width:120%;height:120%; background: url(/images/snetwork/mobile/btn_back.png) no-repeat left top; border:0;background-size:100%}
#header .favorites .button{width:150%;height:120%; background: url(/images/snetwork/mobile/btn_favorites.png) no-repeat left top; border:0;background-size:100%}
#header .sms .button{width:150%;height:120%; background: url(/images/snetwork/mobile/btn_sms.png) no-repeat left top; border:0;background-size:110%}
#header .kakao .button{width:120%;height:120%; background: url(/images/snetwork/mobile/btn_kakao.png) no-repeat left top; border:0;background-size:100%}
#header .writing .button{width:150%;height:120%; background: url(/images/snetwork/mobile/btn_writing.png)no-repeat left top; border:0;background-size:110%}

#header:after{display:block;visibility:hidden;clear:both;height:0;content:'.'}
#content:after{display:block;visibility:hidden;clear:both;height:0;content:'.'}

#wrapper {position:absolute;z-index:1;top:53px;	bottom:0px;	left:0;width:100%;height:620px;background:#d3d6dd; /*overflow:hidden*/}

#scroller {position:absolute;z-index:1;/*-webkit-touch-callout:none; -webkit-tap-highlight-color:#000; */width:100%; padding:0}
#scroller {transition-duration: 0ms; -webkit-transition-duration: 0ms; transform-origin: 0px 0px 0px; }

#login_wrapper {width:100%; overflow:hidden; }
#warning {width:100%; overflow:hidden; }

/* 로그인 */
.login_area{ margin: 20px 20px 0;}
.login_color{ background-color:#f0f2f4}
.top_log_bg{	position:relative; width:100%; height:57px; }
.top_log_bg{overflow:hidden; }
.log_title .title_img{ display:block; background: url(/images/snetwork/mobile/login_bg.png) center no-repeat; height:183px; text-indent: -9999em; text-decoration: none}
.mb10{ margin-bottom:10px}
.checkbox_custom input[type=radio],
.checkbox_custom input[type=checkbox] {position:absolute !important; top:0; left:-9999px !important;}
.checkbox_custom .custom_off { vertical-align:top; margin-top:1px; cursor:pointer; width:17px; height:17px; display:inline-block;  background:url(/images/snetwork/mobile/login_check_none.png) no-repeat; }
.checkbox_custom .custom_on { vertical-align:top; margin-top:1px; cursor:pointer; width:17px; height:17px; display:inline-block;  background:url(/images/snetwork/mobile/login_check_click.png) no-repeat; }
.checkbox_custom label {display:block; overflow:hidden; font-size:14px; line-height:15px;}

.btn_login a{background-color:#2c68c8; display:block; border:1px solid #f0f2f4; font-size:1em; text-decoration:none; color:#fff;  text-align:center; padding: 12px 0 12px 0; font-weight: bold;}
.login_inpu { position:relative; height:30px;  padding:5px 5px 5px 5px; border:1px solid  #b1b1b1; background-color:#f8f8f8;  -webkit-box-shadow:0 2px 0 #fff,inset 0 1px 1px #dedede; box-shadow:0 1px 0 #fff,inset 0 1px 0 #dedede;}

.footer .title_img{ display:block; margin-top:35px; background: url(/images/snetwork/mobile/yblogo_fot.png) center no-repeat; height:90px; text-indent: -9999em; text-decoration: none}

/* 경고문구 */
.warning_area .warning_img{ display:block; background: url(/images/snetwork/mobile/warning.png)center no-repeat; height:130px; text-indent: -9999em; text-decoration: none}
.warning_area{ margin: 0px 20px 0;}
.warning_area .warning_tx{ text-align:center; font-size:14px;  line-height:26px; padding-bottom:20px;}
.warning_area .warning_tx1{ text-align:center; font-size:18px; line-height:26px; padding-top:35px;}


/* 리스트 더보기 */
.login_bottom{padding:10px 0px 5px; display:block; overflow:hidden}
.loginbtnList{margin-bottom:.5em; background-color:#0081e9}
.loginbtnList a{ display:block; border:1px solid #0b65ad; font-size:15px; text-decoration:none; color:#FFF;  text-align:center; padding: 12px 0 12px 0; font-weight: bold;}
.login_bottom1{padding:0px 0px 5px; display:block; overflow:hidden}
.loginbtnList1{margin-bottom:.5em; background-color:#80c717}
.loginbtnList1 a{ display:block; border:1px solid #649f0e; font-size:15px; text-decoration:none; color:#FFF;  text-align:center; padding: 12px 0 12px 0; font-weight: bold;}
.warningbtnList{margin-bottom:.5em; background-color:#666}
.warningbtnList a{ display:block; border:1px solid #999; font-size:15px; text-decoration:none; color:#FFF;  text-align:center; padding: 12px 0 12px 0; font-weight: bold;}


.content{ padding:20px 10px 0px;}
.content_search{ padding:10px 10px;}
.content_list{ padding:45px 0px;}
.content_detail{ padding:45px 10px;}
.content_find{ padding:45px 10px 10px;}


.top_menu_box{overflow:hidden;}
.main_area{float:left;overflow:hidden;width:100%;}
.main_area li{float:left; width:50%; }
.main_area li .staff_search{display:block; overflow:hidden; background-color:#06F; border:2px solid #0a58a5;  height:205px; margin-right:10px;}
.staff_search .a_font{ padding-top:15px; width:100%; font-size:22px; line-height:22px; font-weight:bold; color:#FFF; text-align:center; padding-bottom:1em;overflow:hidden; white-space:nowrap; float:left; text-shadow: 0 1px #2b323c;}
.staff_search .img01{display:block; background: url(/images/snetwork/mobile/staff_search_img.png) center no-repeat; height:80px; margin-top:35px; text-indent: -9999em; text-decoration: none  }
.main_area li dl{display:block; overflow:hidden; position: relative;}
.main_area li dl dd.public_service{ height:96px; background-color:#FFF; border:2px solid #ea5404; }
.main_area li dl dd.debate{ height:96px; background-color:#FFF; border:2px solid #47b754; margin-top:10px; }

.public_service .b_font{ position:relative; top:-40px; left:10px; width:100%; font-size:18px; line-height:22px; font-weight:bold; color:#313131; text-align:center; padding-bottom:1em;overflow:hidden; white-space:nowrap;}
.public_service .img02{display:block; background: url(/images/snetwork/mobile/public_service_img.png)  right no-repeat; position:relative; height:53px; top:35px; right:10px; text-indent: -9999em; text-decoration: none  }

.debate .c_font{ position:relative; top:-40px; left:10px; width:100%; font-size:18px; line-height:22px; font-weight:bold; color:#313131; text-align:center; padding-bottom:1em;overflow:hidden; white-space:nowrap;}
.debate .img03{display:block; background: url(/images/snetwork/mobile/debate_img.png) right no-repeat; position:relative; height:53px; top:35px; right:10px; text-indent: -9999em; text-decoration: none  }


.line_area{ margin:10px 0; border-bottom:1px solid #e5e6eb; border-top:1px solid #adb1b7; background-color:#c1c5cc; height:4px;}
.notice_box{ background-color:#FFF; border:1px solid #bfc2c4; position: relative; }
.notice_box .not_list li a{ padding:10px 10px 10px 8px; font-size:14px; line-height:25px; color:#313131; border-bottom:1px solid #bfc2c4; white-space:nowrap;text-overflow:ellipsis;overflow:hidden}
.notice_box .not_list li:last-child { border-bottom:none }
.notice_box .not_list li a{ display:block;}
.notice_box .not_list span.bu_org{background: url(/images/snetwork/mobile/not_new.png) no-repeat 0px 1px; padding-left:20px; line-height:24px;}
.notice_box h2{border-bottom:1px solid #bfc2c4; padding-left:10px; font-size:15px; line-height:40px; text-transform: uppercase;text-decoration: none;}
.notice_box h2 span{color: #203868;}
.notice_box h2 span.bu_icon{background:url(/images/snetwork/mobile/not_icon.png) no-repeat 0px 3px; padding-left:19px}
.notice_box .notice_more {position: absolute; right: 8px; top:8px; }
.notice_box .notice_more a{ display:block; width:26px; height:26px; background: url(/images/snetwork/mobile/not_moer.png) no-repeat; }

.emergency_number{ border:1px solid #bfc2c4;}
.number_arrow { background: #FFF url(/images/snetwork/mobile/arrow_num.png) no-repeat 96% 50% ;}
.emergency_number a{ display:block; font-size:17px; font-weight:bold; padding: 12px 0; line-height:48px;}
.emergency_number span.num_icon{background: url(/images/snetwork/mobile/num_icon.png) no-repeat 15px 2px;  padding:14px 0px 14px 75px; }

.subwrp{margin-top:36px; background:#FFF !important;}
//.location{ position:fixed; top:52px; width:100%; z-index:9; background-color:#d0dbe4; height:35px; border-bottom:1px solid #96a4b0;}
.location{ position:fixed; top:52px; width:100%; z-index:9; background-color:#d5cfbe; height:35px; border-bottom:1px solid #96a4b0;}
.location .loc_font{ font-size:16px; font-weight:bold; line-height:37px; color:#282b31; padding-left:10px;}
.location_me{ position:fixed; text-align:center; top:52px; width:100%; z-index:9; background-color:#d0dbe4; height:35px; border-bottom:1px solid #96a4b0;}
.location_me .Tit_font{ font-size:13px; font-weight:bold; line-height:37px; color:#282b31; text-align:center }

/* 공지사항 리스트 */
.notice_list_area{ overflow:hidden; width:100% }
.notice_list_area li {overflow:hidden;float:left;width:100%;border-bottom:1px solid #eee}
.notice_list_area dt {overflow:hidden;float:left;width:100%;border-bottom:1px solid #eee}
.notice_list_area dd {overflow:hidden;float:left;width:100%;border-bottom:1px solid #eee}
.notice_list_area .link_cont {float:left;width:100%;text-decoration:none}
.notice_list_area .thumb_info {float:left;width:65px;height:48px;margin:9px 8px 0 12px;border:1px solid #c5c5c5}
.notice_list_area .cont_info {display:block;padding:14px 14px 14px;font-size:14px;color:#888}
.notice_list_area .cont_info .yb_subject {display:block; overflow:hidden;padding-bottom:3px;font-weight:normal;font-size:18px;color:#000;line-height:20px;white-space:nowrap;text-overflow:ellipsis; padding-right:25px;}
.notice_list_area .cont_info .num_g {font-family:helvetica}
.notice_list_area .desc_txt .txt_bar {color:#e7e7e7}
.notice_list_area .list_arrow {background: url(/images/snetwork/mobile/arrow_num.png) no-repeat 97% 50% ;}
.notice_list_area .bg1_color{ background-color:#f2f2f2}
.notice_list_area .kakao {background: url(/images/snetwork/mobile/kakao.png) no-repeat 97% 50%}

.notice_list_area .kakao_cont {display:block;padding:12px 12px 12px;font-size:12px;color:#888; min-height:100px;}
.talk_area{ background-color:#EFEFEF;}
.notice_list_area .kakao_cont .kakao_sub {display:block; overflow:hidden;padding-bottom:3px;font-weight:normal;font-size:13px;color:#333;line-height:20px;}

/* 개인정보 동의 */
.content .me_cont h2 {font-size:14px; color:#333; padding:0 0 7px 2px; letter-spacing:-2px;}
.content .me_cont {position:relative;}
.content .me_cont .inner {border:1px solid #e4e4e4; border-radius:2px; margin-bottom:20px;}

.content .me_cont .m_info_area {padding:20px 11px; height:300px; overflow-y:scroll} 
.content .me_cont .m_info_area p{ font-size:12px } 
.content .me_cont .m_info_area h3{ font-weight:bold; font-size:12px}
.content .me_cont .agree {background:#f4f4f4; padding:10px 10px;}
.content .me_cont .tx_all {position:absolute; top:6px; right:0; height:15px; color:inherit; font-weight:normal; font-size:12px; color:#888; padding-right:8px; letter-spacing:-1px; }
.content .me_cont .me_f01{ margin-top:10px; font-weight:bold; color:#036}
.content .me_cont .me_ful{  font-size:12px; }
.content .me_cont .me_ful dt{ padding-left:10px; font-size:12px; color:#666 }
.content .me_cont .me_ful dd{ padding-left:15px; font-size:11px; color:#999 }
.content .me_cont dt{ padding-left:10px; font-size:12px; color:#666; margin-top:5px }
.content .me_cont dd{ padding-left:10px; font-size:11px; color:#999;}

/* 개인정보 테이블 */
/* 게시판 테마A_edit */
.board_box {border-top-color: rgb(196, 216, 229); border-top-width: 1px; border-top-style: solid; margin: 10px 0px}
.board_box table { width: 100%; table-layout: fixed}
.board_box table thead th {background: rgb(245, 250, 253); padding: 13px 0px 12px; text-align: center; font-size: 13px;border:1px solid rgb(228, 238, 244);  font-weight:bold; color:#0857c1}
.board_box table td {padding: 14px 0px; text-align: center; line-height: 18px; font-size: 12px; color:#575757; border:1px solid #CCC }

/* 리스트 더보기 */
.mebottom{padding:10px 0px; display:block; overflow:hidden}
.mebtnList{margin-bottom:.5em; background-color:#0081e9}
.mebtnList a{ display:block; border:1px solid #c8c8c8; font-size:1em; text-decoration:none; color:#fff;  text-align:center; padding: 12px 0 12px 0; font-weight: bold;}


/* 리스트 더보기 */
.bottom{padding:15px 11px 0px; display:block; overflow:hidden}
.bottom_p{padding:12px 0px;}
.btnList{margin-bottom:.5em; background-color:#d9d9d9}
.btnList a{ display:block; border:1px solid #c8c8c8; font-size:1em; text-decoration:none; color:#333;  text-align:center; padding: 12px 0 12px 0; font-weight: bold;}

/* 리스트 더보기 */
.bottom_del{padding:3px 11px 3px; display:block; overflow:hidden}
.bottom_p{padding:12px 0px;}
.btn_del{margin-bottom:.5em; background-color:#F30}
.btn_del a{ display:block; border:1px solid #F00; font-size:1em; text-decoration:none; color:#FFF;  text-align:center; padding: 12px 0 12px 0; font-weight: bold;}

/* 리스트 더보기 */
.bottom1_del{padding:10px 0px 5px; display:block; overflow:hidden}
.bottom_p{padding:12px 0px;}
.btn1_del{margin-bottom:.2em; background-color:#514e45}
.btn1_del a{ display:block; border:1px solid #514e45; font-size:1em; text-decoration:none; color:#FFF;  text-align:center; padding: 12px 0 12px 0; font-weight: bold;}

/* 리스트 수정 */
.bottom_edit{padding:0px 11px 3px; display:block; overflow:hidden}
.bottom_p{padding:12px 0px;}
.btn_edit{margin-bottom:.5em; background-color:#0081e9 }
.btn_edit a{ display:block; border:1px solid #0081e9; font-size:1em; text-decoration:none; color:#FFF;  text-align:center; padding: 12px 0 12px 0; font-weight: bold;}


/* 공지사항 본문내용 */
.notice_view_area{ position:relative; padding:12px 11px; border-bottom:1px solid #d2d2d2;}
.notice_view_area .top_group{ border-bottom:1px solid #999}
.top_group .num_g {font-family:helvetica}
.top_group .desc_txt, .top_group .txt_bar {color:#c5c5c5;font-weight:normal}
.notice_view_area .top_group h1{margin-bottom:.3em; font-weight:bold; font-size:1.1em; color:#06F}
.notice_view_area .top_group h2{font-weight:bold; font-size:.8em; margin-bottom:15px;}
.notice_view_area .notice_content p{margin-bottom:15px;}
.notice_view_area .notice_content{padding:12px 0px; line-height:1.5}
.notice_view_area .notice_content a{font-size:1em; text-decoration:none;color:#555;}

.txt_input { width:100%; display:block; overflow:hidden}
.txt_input .Tx_inpu { position:relative; height:30px;  padding:5px 5px 5px 5px; border:1px solid  #b1b1b1; background-color:#f8f8f8;  -webkit-box-shadow:0 2px 0 #fff,inset 0 1px 1px #dedede; box-shadow:0 1px 0 #fff,inset 0 1px 0 #dedede;}


/* 직원검색 */
.info_box{ display:block; overflow:hidden; padding:15px 8px; background-color:#fff; margin-bottom:20px;border:ridge;}
.info_box .info_tx1{ font-size:15px; line-height:16px;}
.group_search{ margin-bottom:20px }
.opt_select {display:block; position:relative; width:100%; height:42px;  padding:0 40px 0 7px; border:1px solid #d2d4d8; border-radius:4px; -webkit-border-radius:4px;  -webkit-appearance:none}
.opt_open {border-color:#d2d4d8; font-size:12px; font-weight:bold}
.open_arrow{ position: relative; background: url(/images/snetwork/mobile/select_btn_open.png) 96% 50% no-repeat;}

.box_inpu .btn_reset {display:block; position:absolute; top:8px; right:5px; width:20px; height:20px; }
.box_inpu .ico_del {display:block; width:20px; height:20px; margin:0 auto;}
.del_tx{ background:url(/images/snetwork/mobile/input_del.png) no-repeat; width:20px; height:20px;}
.spw_keyword { width:100%;	height:100%; font-size:14px; font-weight:bold; line-height:19px; border:0 none; background-color:#f8f8f8; color:#414345; vertical-align:top; -webkit-appearance:none;}
.box_inpu { position:relative; height:37px;  padding:5px 5px 5px 5px; border:1px solid  #b1b1b1; background-color:#f8f8f8;  border-radius:4px; 	-webkit-box-shadow:0 2px 0 #fff,inset 0 1px 1px #dedede; box-shadow:0 1px 0 #fff,inset 0 1px 0 #dedede;}
.notice_content .writ_cmt {width:100%;height:155px; padding:4px 0; font-size:12px; border:1px solid #a9aaaf;border-radius:1px;}

/*직원상세정보편집*/
.public_officer_info .edit_info_ex{ display:block}
.info_inpu { position: relative; height:26px;  padding:5px 5px 5px 5px; border:1px solid  #b1b1b1; background-color:#f8f8f8;  border-radius:4px; -webkit-box-shadow:0 2px 0 #fff,inset 0 1px 1px #dedede; box-shadow:0 1px 0 #fff,inset 0 1px 0 #dedede;}
.info_inpu .edit_inpu1 { width:130px; font-size:14px; font-weight:bold; line-height:19px; border:0 none; background-color:#f8f8f8; color:#414345; vertical-align:top; -webkit-appearance:none;}
.info_inpu .edit_inpu2 { width:60px; font-size:14px; font-weight:bold; line-height:19px; border:0 none; background-color:#f8f8f8; color:#414345; vertical-align:top; -webkit-appearance:none;}
.info_inpu .edit_inpu3 { width:70px; font-size:14px; font-weight:bold; line-height:19px; border:0 none; background-color:#f8f8f8; color:#414345; vertical-align:top; -webkit-appearance:none;}
.info_inpu .edit_inpu4 { width:110px; font-size:14px; font-weight:bold; line-height:19px; border:0 none; background-color:#f8f8f8; color:#414345; vertical-align:top; -webkit-appearance:none;}
.info_inpu .edit_inpu5 { width:255px; font-size:14px; font-weight:bold; line-height:19px; border:0 none; background-color:#f8f8f8; color:#414345; vertical-align:top; -webkit-appearance:none;}
.work_edit {width:100%;height:160px; padding:4px 4px; font-size:13px; border:none}

.sel_comm {display:inline-block;overflow:hidden;position:relative;height:24px;padding:0;border:1px solid #cfcfcf;border-radius:3px;-webkit-border-radius:3px;font-size:12px;text-align:center;background-color:#fdfdfd;z-index:0; width:140px;}
.sel_comm .opt_select {display:block;height:24px;padding:0 30px 0 7px;border:0 none;background:none;font-size:13px;-webkit-appearance:none;color:#222}
.sel_comm .box_arrow {position:absolute;right:0;top:0;width:22px;height:100%;border-radius:0 3px 3px 0;border-left:1px solid #e6e6e6;background-color:#fcfcfc;z-index:-10}
.sel_comm .ico_arrow {display:inline-block;overflow:hidden;width:12px;height:12px;margin:7px 0 0 1px;background:url(/images/snetwork/mobile/select_image.png) top no-repeat}

.sel_email {overflow:hidden;position:relative;height:28px;padding:0;border:1px solid #cfcfcf;border-radius:3px;-webkit-border-radius:3px;font-size:12px;text-align:center;background-color:#fdfdfd;z-index:0; }
.sel_email .opt_select {display:block;height:28px;padding:0 30px 0 7px;border:0 none;background:none;font-size:13px;-webkit-appearance:none;color:#222}
.sel_email .box_arrow {position:absolute;right:0;top:0;width:22px;height:100%;border-radius:0 3px 3px 0;border-left:1px solid #e6e6e6;background-color:#fcfcfc;z-index:-10}
.sel_email .ico_arrow {display:inline-block;overflow:hidden;width:12px;height:12px;margin:7px 0 0 1px;background:url(/images/snetwork/mobile/select_image.png) top no-repeat}


/* 리스트 더보기 */
.search_bottom{padding:15px 0px 5px; display:block; overflow:hidden}
.searchbtnList{margin-bottom:.5em; background-color:#0081e9}
.searchbtnList a{ display:block; border:1px solid #0b65ad; font-size:18px; text-decoration:none; color:#FFF;  text-align:center; padding: 12px 0 12px 0; font-weight: bold;}

.foot_menu{padding:15px 0px 5px; display:block; overflow:hidden;height:80px;}
.footbtnMenu{margin-bottom:.5em; background-color:#b7b7b7;display:block; border:1px solid #bfbdbd; font-size:18px; text-decoration:none; color:#FFF;  text-align:center; padding: 12px 0 12px 0; font-weight: bold; width:110px;border-radius:4px;height:50px;margin-left: 10px;}
.footbtnBack{margin-bottom:.5em; background-color:#b7b7b7;display:block; border:1px solid #bfbdbd; font-size:18px; text-decoration:none; color:#FFF;  text-align:center; padding: 12px 0 12px 0; font-weight: bold; width:110px;right:10px;position:absolute;border-radius: 4px;height:50px;}

/* 상세정보 */
.basic_info{ display:block; overflow:hidden; position:relative}
.basic_info .info_picture{float:left;width:102px; height:120px; margin-right:10px;border:1px solid #666; font-size:0;line-height:0; background:url(/images/snetwork/mobile/photo_none.png)  no-repeat center}
.basic_info { position: relative; display:block;}
.info_picture img{ position: absolute; text-align:center; padding: 1px; }
.info_picture .edit_photo{ position: absolute; width:47px;  top:100px; line-height:12px; padding:5px 28px; background-color:#666; font-size:12px; color:#FFF; opacity:0.9;text-align:center;}
.public_officer_info .txt_name {display:block;padding-top:5px; }
.public_officer_info .txt_name .name_tit {font-size:17px;line-height:17px;color:#333}
.public_officer_info .txt_department {display:block;margin-top:5px; width:100%}
.public_officer_info .txt_department .det_txt {font-size:13px;line-height:16px;color:#666}
.public_officer_info .txt_time {display:block;margin-top:2px;font-size:14px;line-height:16px;color:#aaa}
.work_info{ display:block; overflow:hidden; margin-top:10px; border:1px solid #666;}
.work_info h2{font-weight:bold; border-bottom:1px solid #666; font-size:15px; padding: 8px 0 10px 0; color:#06F; background-color:#D4D4D4; text-align:center;	background-image:-webkit-gradient(linear, left top, left bottom, from(#f7f9fd), to(#e0e1e5));	background-image:-moz-linear-gradient(top, #f7f9fd, #e0e1e5);  background-image:-o-linear-gradient(top, #f7f9fd, #e0e1e5); background-image:linear-gradient(to bottom, #f7f9fd, #e0e1e5);}
.work_info .cont_work{  font-weight:normal;font-size:15px;color:#000;line-height:20px; padding:8px}

.work_info .bg_info_im{ background:url(/images/snetwork/mobile/info_page_bg.png) right bottom no-repeat;}
.contact_info {display:block; overflow:hidden; margin-top:10px }
.contact_info .contact_area li{ overflow:hidden; border-left:1px solid #666; border-right:1px solid #666; border-bottom:1px solid #666; border-top:1px solid #666; font-size:15px;}
.contact_info .contact_area li:first-child{ border-bottom:1px solid #666}
.contact_info .contact_area li:nth-child(2){border-top:none }
.contact_info .contact_area li:nth-child(3){ border-top:none}
.contact_info .contact_area li:nth-child(4){ border-top:none}
.contact_info .contact_area li:nth-child(5){ border-top:none}
.contact_info .contact_area dt{ float:left; width:82px; border-right:1px solid #666; font-weight:bold; overflow:hidden; line-height:20px; padding:7px 10px 9px; text-align:center; background-color:#d4d4d4}
.contact_info .contact_area dd{ float:left; overflow:hidden; line-height:20px; padding:8px 10px 7px; }
.contact_info .contact_area dd.info{ float:left; overflow:hidden; line-height:20px;  padding:8px 0px 7px 5px !important; }

.contact_info .contact_area_edit li{ overflow:hidden;line-height:20px;  padding:15px 10px 14px; border-left:1px solid #666; border-right:1px solid #666; text-align:center}
.contact_info .contact_area_edit dd{ float:left; overflow:hidden; line-height:20px;padding:15px 0px 14px; width:50% }
.contact_info .contact_area_edit li.ed_title{font-weight:bold; overflow:hidden; line-height:20px; padding:7px 10px 9px; text-align:center; background-color:#d4d4d4}
.contact_info .contact_area_edit li:first-child{ border-bottom:1px solid #666}

/* 추가20151110 */
.contact_area .icon1{background: url(/images/snetwork/mobile/info_icon5.png) no-repeat 0px 6px;  padding:10px 0px 14px 32px; }
.contact_area .icon2{background: url(/images/snetwork/mobile/info_icon4.png) no-repeat 0px 6px;  padding:10px 0px 14px 32px; }

.line_tb{ border-top:1px solid #666; border-bottom:1px solid #666;}
.line_first{ border-bottom:1px solid #666}
.tree_set{ display:block; overflow:hidden;border-right:1px solid #ddd; border-left:1px solid #ddd; border-top:1px solid #ddd }
.tree_set .tree_depth1{ overflow:hidden; width:100%;} 
.tree_set .tree_depth1 li .dept1{ display:block; height:36px;border-bottom:1px solid #ddd;font-size:14px;line-height:36px;background-color:#fff;background-image:-moz-linear-gradient(top, #fff, #ffcb0f);background-image:-o-linear-gradient(top, #fff, #ffcb0f);}
.tree_set .tree_depth1 li .dept1-1{ display:block; height:36px;border-bottom:1px solid #BCBCBC;font-size:14px;line-height:36px;
background-color:#ccc}

.tree_set .tree_depth1 li { overflow:hidden;  } 
.tree_depth2 dt { overflow:hidden; background-color:#c9c9c9 !important; border-bottom:1px solid #a1a1a1 !important;} 
.tree_depth2 dd { font-size:12px; background-color:#777777; color:#878789 !important; overflow:hidden; padding: 0px 15px 0px 15px; border-bottom:1px solid #7f7f7f !important;} 
.tree_depth2 .dept_m { font-size:12px; } 

.tree_set .tree_title {display:block; }
.tree_set .tree_title .tree_Tx {display:block;overflow:hidden;padding:10px 10px; font-size:14px; font-weight:bold; line-height:24px;white-space:nowrap;text-overflow:ellipsis}
.tree_set .tree_title .tree_Txs {display:block;overflow:hidden;padding:10px 10px; font-size:14px; color:#F60; font-weight:bold; line-height:24px;white-space:nowrap;text-overflow:ellipsis}
.tree_set .tree_title .txt_con {display:block;overflow:hidden; padding:12px 10px; font-size:13px; line-height:16px;white-space:nowrap;text-overflow:ellipsis}
.tree_set .tree_title .txt_con1 {display:block;overflow:hidden; font-weight:bold; padding:10px 10px; font-size:16px; line-height:16px;white-space:nowrap;text-overflow:ellipsis}
.tree_set .tree_title .txt_con2 {display:block;overflow:hidden; font-weight:bold; color:#000 !important;  padding:10px 10px; font-size:16px; line-height:16px;white-space:nowrap;text-overflow:ellipsis}
.tree_set .tree_title .txt_con3 {display:block;overflow:hidden; font-weight:bold; color:#FFF !important;  padding:10px 10px; font-size:16px; line-height:16px;}

.tree_set .arrow_open {float:right; margin:0px 0px 0 12px;  background:url(/images/snetwork/mobile/tree_btn_open.png) center no-repeat; width:21px; height:32px; }
.tree_set .arrow_close {float:right; margin:0px 0px 0 12px;  background:url(/images/snetwork/mobile/tree_btn_close.png)  center no-repeat; width:21px; height:32px; }
.tree_set .arrow_img {background: url(/images/snetwork/mobile/s_arrow_push.png)  right no-repeat;}

.txt_position{ font-size:11px; font-weight:normal}
.tree_set .btn_tree_1 {float:right; margin:4px 5px 0 12px; }
.tree_set .btn_checkbox_1 {float:right; margin:10px 15px 0 12px; }
.tree_set .as_over { border-left:1px solid #bababa;  padding: 2px 15px; }
.tree_set .aa_over { border-left:1px solid #bababa;  padding: 2px 15px; }

.btn_tree_1 a{ font-size:12px; display:block; padding:4px 14px; border:1px solid #cfcfcf; text-decoration:none; color:#333;  text-align:center; font-weight: bold;background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#e5e7e8));background-image:-moz-linear-gradient(top, #fff, #e5e7e8);background-image:-o-linear-gradient(top, #fff, #e5e7e8);background-image:linear-gradient(to bottom, #fff, #e5e7e8)}

/* 직원검색 리스트 */
.group_list_area{ display:block; overflow:hidden}
.group_list_area h2{ font-size:14px; color:#FFF; font-weight:bold; line-height:20px; padding:5px 0px 7px 10px; background-color:#D4D4D4; background-image:-webkit-gradient(linear, left top, left bottom, from(#2e87e0), to(#3399ff));	background-image:-moz-linear-gradient(top, #2e87e0, #3399ff);  background-image:-o-linear-gradient(top, #2e87e0, #3399ff); background-image:linear-gradient(to bottom, #2e87e0, #3399ff); border-bottom:1px solid #999}

.group_list_area li{ display:block; overflow:hidden; border-bottom:1px solid #999; }
.group_list_area .group_info1 {display:block;padding:12px 12px 12px;font-size:12px;color:#888; border-bottom:#666666 1px}
.group_list_area .group_info1 .yb_name {display:block; overflow:hidden;padding-bottom:3px;font-weight:normal;font-size:14px;color:#000;line-height:20px;white-space:nowrap;text-overflow:ellipsis}
.group_list_area .list_arrow {background: url(/images/snetwork/mobile/arrow_num.png) no-repeat 97% 50% ;}
.group_list_area .txt_name{ margin-top:20px;}
.group_list_area  .list_work{display:block;padding:12px 12px 12px;font-size:12px;color:#888;}
.group_list_area .bg1_color{ background-color:#f2f2f2}

/* 직원검색 리스트 */
.group_list_area1{ display:block; overflow:hidden;}

.group_list_area1 h2{ font-size:18px; color:#FFF; font-weight:bold; line-height:20px; padding:5px 0px 7px 10px; background-color:#254276;  border-bottom:1px solid #254276}

.group_list_area1 li{ display:block; overflow:hidden; border-bottom:1px solid #999; }
.group_list_area1 .group_info2 {display:block;padding:10px 10px 10px;font-size:12px;color:#888; border-bottom:dotted #666666 1px}
.group_list_area1 .group_info2 .yb_name {display:block; overflow:hidden;padding-bottom:3px;font-weight:normal;font-size:18px;color:#000;line-height:20px;white-space:nowrap;text-overflow:ellipsis}
.group_list_area1 .list_arrow {background: url(/images/snetwork/mobile/arrow_num.png) no-repeat 97% 50% ;}
.group_list_area1 .txt_name{ margin-top:20px;}
.group_list_area1  .list_work{display:block;padding:12px 12px 12px;font-size:18px;color:#888;}
.group_list_area1 .bg1_color{ background-color:#f2f2f2}

/* 검색바 보이기 */
.search_bar{ height:35px; margin-bottom:10px;}
.search_bar a{ display:block; line-height:28px; text-align:center ; background-color:#f8f8f8;   background-color:#D4D4D4; background-image:-webkit-gradient(linear, left top, left bottom, from(#f7f9fd), to(#e0e1e5));	background-image:-moz-linear-gradient(top, #f7f9fd, #e0e1e5);  background-image:-o-linear-gradient(top, #f7f9fd, #e0e1e5); background-image:linear-gradient(to bottom, #f7f9fd, #e0e1e5); border:1px solid #999; font-weight:bold; font-size:13px;}
.search_bar span.bu1_icon{background: url(/images/snetwork/mobile/icon_clos.png) no-repeat 0px 3px; padding-left:19px;font-size: 15px;}
.search_bar span.bu2_icon{background: url(/images/snetwork/mobile/icon_open.png) no-repeat 0px 3px; padding-left:19px;font-size: 15px;}

/* 탬메뉴 */
.tab_search { margin-bottom:25px; height:38px;margin-top:23px;border-left:1px solid #ddd;border-right:1px solid #ddd}
.tab_search .menu_tab {overflow:hidden;width:100%}
.tab_search li {float:left;width:50%;text-align:center}
//.tab_search .link_mtab {display:block;height:36px;border-right:1px solid #ffcb0f;border-top:1px solid #ffcb0f;border-bottom:1px solid #ffcb0f;font-size:18px;line-height:36px;background-color:#ffcb0f;background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ffcb0f));background-image:-moz-linear-gradient(top, #fff, #ffcb0f);background-image:-o-linear-gradient(top, #fff, #ffcb0f);background-image:linear-gradient(to bottom, #fff, #ffcb0f)}
.tab_search .link_mtab {display:block;height:36px;border-right:1px solid #22b24c;border-top:1px solid #22b24c;border-bottom:1px solid #22b24c;font-size:18px;line-height:36px;background-color:#22b24c;background-image:-moz-linear-gradient(top, #fff, #22b24c);background-image:-o-linear-gradient(top, #fff, #22b24c);color:#fff;}
//.tab_search .link_mtab {display:block;height:36px;border-right:1px solid #ffcb0f;border-top:1px solid #ffcb0f;border-bottom:1px solid #ffcb0f;font-size:18px;line-height:36px;background-color:#ffcb0f;background-image:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#ffcb0f));background-image:-moz-linear-gradient(top, #fff, #ffcb0f);background-image:-o-linear-gradient(top, #fff, #ffcb0f);background-image:linear-gradient(to bottom, #fff, #ffcb0f)}
.tab_search .on .link_mtab {height:38px;border-bottom:0 none;background:#fff;color:#0081e9}
.tab_search .lst {overflow:hidden;float:none;width:auto}
.tab_search .lst .link_mtab {border-right:0 none}

/* 앱상세팝업  */
.popbg{position:absolute; top:0; left:0; width:100%; height:100%; 
	background: -moz-linear-gradient(top,  rgba(0,0,0,0.65) 0%, rgba(0,0,0,0.65) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,0.65)), color-stop(100%,rgba(0,0,0,0.65))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(0,0,0,0.65) 0%,rgba(0,0,0,0.65) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6000000', endColorstr='#a6000000',GradientType=0 ); /* IE6-9 */
	z-index:10;
}
.pop_box{ margin:0 auto; width:300px; height:322px; border-radius:1px; background-color:#424750; }
.pop_box .pop_layout{ width:300px; margin:5px 5px;}
.pop_layout{ margin: 60px 12px; 0}
.close_btn1_pop { position:relative; float:right; margin: 12px 10px 20px 0}
.close_btn1_pop a{ display:block; width:26px; height:26px; }
.close_btn1_pop .close_btn1{ position:absolute;  background: url(/images/snetwork/mobile/pro_close_btn1.png) no-repeat; width:26px; height:26px;}
.pop_not_area{background-color:#FFF}
.pop_layout .pop_not_area h1{ font-size:15px; line-height:24px; color:#fff; background-color:#0081e9; padding: 12px 12px;;}
.pop_cont{ padding:15px}
.close_btn1_pop .close_btn1{ position:absolute;  background: url(/images/snetwork/mobile/pop_close_btn.png) no-repeat; width:26px; height:26px;}

/* 리스트 더보기 */
.bottom_call{padding:2px 0px 2px; display:block; overflow:hidden}
.btn_call{margin-bottom:.5em; background-color:#254276}
.btn_call a{ display:block; border:1px solid #254276; font-size:1em; text-decoration:none; color:#FFF;  text-align:center; padding: 12px 0 12px 0; font-weight: bold;}

.bottom_sms{padding:2px 0px 2px; display:block; overflow:hidden}
.btn_sms{margin-bottom:.5em; background-color:#47659a}
.btn_sms a{ display:block; border:1px solid #47659a; font-size:1em; text-decoration:none; color:#FFF;  text-align:center; padding: 12px 0 12px 0; font-weight: bold;}

/* 아이폰 휴대폰번호 */
.input_call { display:block; overflow:hidden; height:26px; padding: 8px 0 0px;border:1px solid  #b1b1b1; background-color:#f8f8f8;  border-radius:0px; -webkit-box-shadow:0 2px 0 #fff,inset 0 1px 1px #dedede; box-shadow:0 1px 0 #fff,inset 0 1px 0 #dedede; margin-bottom:5px }
.call_inpu{  position: relative; height:26px;  padding:5px 5px 5px 5px; }
.call_inpu .call_type { width:97%; font-size:14px; font-weight:bold; line-height:19px; border:0 none; background-color:#f8f8f8; color:#414345; vertical-align:top; -webkit-appearance:none;}
.call_pop_area{ padding:15px;}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5), only screen and (-o-min-device-pixel-ratio: 3/2), only screen and (min--moz-device-pixel-ratio: 1.5), only screen and (min-device-pixel-ratio: 1.5), only screen and (min-resolution: 240dpi) {

.bg_new{background: url(/images/snetwork/mobile/login_bg_new.png) no-repeat center center fixed; 
   -webkit-background-size: cover;
   -moz-background-size: cover;
   -o-background-size: cover;
   background-size: cover;}	
.log_title .title_img{ display:block; background: url(/images/snetwork/mobile/login_bg@2x.png) center no-repeat; background-size:320px 183px;}
.checkbox_custom .custom_off {background:url(/images/snetwork/mobile/login_check_none@2x.png) no-repeat; background-size:16px 16px;}
.checkbox_custom .custom_on {background:url(/images/snetwork/mobile/login_check_click@2x.png) no-repeat; background-size:16px 16px;}
.footer .title_img{background: url(/images/snetwork/mobile/yblogo_fot@2x.png) center no-repeat; background-size:244px 90px;}
.staff_search .img01{background: url(/images/snetwork/mobile/staff_search_img@2x.png) center no-repeat; background-size:69px 80px;}
.public_service .img02{background: url(/images/snetwork/mobile/public_service_img@2x.png)  right no-repeat; background-size:44px 53px;}
.debate .img03{background: url(/images/snetwork/mobile/debate_img@2x.png) right no-repeat; background-size:44px 53px;}
.notice_box .not_list span.bu_org{background: url(/images/snetwork/mobile/not_new@2x.png) no-repeat 0px 1px; background-size:16px 16px;}
.notice_box h2 span.bu_icon{background:url(/images/snetwork/mobile/not_icon@2x.png) no-repeat 0px 3px; background-size:16px 16px;}
.notice_box .notice_more a{ background: url(/images/snetwork/mobile/not_moer@2x.png) no-repeat; background-size:16px 16px;}
.number_arrow { background: #FFF url(/images/snetwork/mobile/arrow_num@2x.png) no-repeat 96% 50%; background-size:26px 26px;}
.emergency_number span.num_icon{background: url(/images/snetwork/mobile/num_icon@2x.png) no-repeat 15px 2px;  background-size:48px 46px; }
.notice_list_area .list_arrow {background: url(/images/snetwork/mobile/arrow_num@2x.png) no-repeat 97% 50%; background-size:26px 26px; }
.notice_list_area .kakao {background: url(/images/snetwork/mobile/kakao@x.png) no-repeat 97% 50%; background-size:26px 26px; }
.open_arrow{ background: url(/images/snetwork/mobile/select_btn_open@2x.png) 96% 50% no-repeat; background-size:26px 26px }
.del_tx{ background:url(/images/snetwork/mobile/input_del@2x.png) no-repeat; background-size:20px 20px}
.work_info .bg_info_im{ background:url(/images/snetwork/mobile/info_page_bg@2x.png) right bottom no-repeat; background-size:121px 134px }
.tree_set .arrow_open {background:url(/images/snetwork/mobile/tree_btn_open@2x.png) center no-repeat;  background-size:21px 32px  }
.tree_set .arrow_close {background:url(/images/snetwork/mobile/tree_btn_close@2x.png)  center no-repeat;  background-size:21px 32px  }
.group_list_area .list_arrow {background: url(/images/snetwork/mobile/arrow_num@2x.png) no-repeat 97% 50% ;  background-size:26px 26px }
.group_list_area1 .list_arrow {background: url(/images/snetwork/mobile/arrow_num@2x.png) no-repeat 97% 50% ; background-size:26px 26px }
.search_bar span.bu1_icon{background: url(/images/snetwork/mobile/icon_clos@2x.png) no-repeat 0px 0px; background-size:16px 16px}
.search_bar span.bu2_icon{background: url(/images/snetwork/mobile/icon_open@2x.png) no-repeat 0px 0px; background-size:16px 16px}
.close_btn1_pop .close_btn1{ background: url(/images/snetwork/mobile/pop_close_btn@2x.png) no-repeat; background-size:26px 26px}

.menu_box .icon_1{ background: url(/images/snetwork/mobile/s_m01@2x.png) left center no-repeat; background-size:20px 20px}
.menu_box .icon_2{background: url(/images/snetwork/mobile/s_m02@2x.png) left center no-repeat;  background-size:20px 20px}
.menu_box .icon_3{ background: url(/images/snetwork/mobile/s_m03@2x.png) left center no-repeat; background-size:20px 20px}
.menu_box .icon_4{ background: url(/images/snetwork/mobile/s_m04@2x.png) left center no-repeat; background-size:20px 20px}
.menu_box .icon_5{background: url(/images/snetwork/mobile/s_m05@2x.png) left center no-repeat;  background-size:20px 20px}
.menu_box .icon_6{ background: url(/images/snetwork/mobile/s_m06@2x.png) left center no-repeat; background-size:20px 20px}

.menu_box .arrow_push{ background: url(/images/snetwork/mobile/s_arrow_push@2x.png) left center no-repeat;  background-size:20px 20px}
.menu_box .arrow_push1{ background: url(/images/snetwork/mobile/s_arrow_push@2x.png) left center no-repeat; background-size:20px 20px}
.tree_set .arrow_img {background: url(/images/snetwork/mobile/s_arrow_push@2x.png)  right no-repeat; background-size:20px 20px }
.warning_area .warning_img{ background: url(/images/snetwork/mobile/warning@2x.png) center no-repeat; background-size: 130px 130px}

.contact_area .icon1{background: url(/images/snetwork/mobile/info_icon5@2x.png) no-repeat 0px 6px;   background-size:30px 30px }
.contact_area .icon2{background: url(/images/snetwork/mobile/info_icon4@2x.png) no-repeat 0px 6px;   background-size:30px 30px}


}