body {background:#f6f6f6;word-break: break-word;} /*top*/ #topArea {width:100%; min-width:1200px; margin:0 auto; background-color:#1d2d62;} #hd {position:relative;margin:0 auto;width:1200px;height: 90px;} #hd:after {display:block;visibility:hidden;clear:both;content:""} #hd .lang-selector {position: absolute; right: 0; bottom: 0;} #hd .lang-selector a {padding: 0 10px;color: #ffffff;} #hd_logo {float:left; width:203px; height:90px; margin-right:20px;} #hd_logo a {display:block;} #hd_logo img{padding-top:22px;} #hd_ac {position:relative;float:left;height:40px;margin-top:25px;line-height:40px;padding:0 15px;color:#000000;font-size:20px;font-family:'NotoKrM';background:#ffb503;-webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;} #hd_ac a {color:#000;} #hd_ac img{padding-left:8px; vertical-align:-3px;} .hd_ac_i {position:absolute;color: #1d1d1d;top:0;left:130px;z-index:100000;font-size:14.5px;line-height: 220%; float: right; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .150); box-shadow: 0 2px 2px rgba(0, 0, 0, .150);} .hd_ac_i li {width: 170px;padding: 8px 15px;list-style:none;display: block;text-align:center;background:#fff;border-bottom:1px solid #ececec;height: 30px;} .hd_ac_i dt {display:inline-block;float:left;width:120px; font-family:'NotoKrR';} .hd_ac_i dd {display:inline-block;float:left;width:40px; text-align:center; font-family:'NotoKrM';} #hd_profile {position:relative; float:right;height:90px;} #hd_profile a {display:block;} #hd_profile .user_img {width:40px;height:44px;overflow:hidden;margin-right:10px;float:left;position: relative; top: 25px;} #hd_profile .user_img .userBg{position:absolute; top:0px; left:0px; width:40px; height:40px;background:url('../../img/mask.png') left top no-repeat; z-index:2;} #hd_profile .user_img .userImg {width:40px; height:40px; overflow: hidden;} #hd_profile .user_img .userImg img {width:40px; height:40px;} #hd_profile .user_name {font:14px 'NotoKrM';color:#d5d5d5;float:left;padding-top:35px} #hd_profile .user_name a {background:url('../../img/name_arrow.png') right center no-repeat; padding-right:30px; color:#d5d5d5;} #hd_profile .user_name a.up{background:url('../../img/name_arrow_up.png') right center no-repeat;} #hd_profile .user_info{margin-top:15px;display:none;position:absolute;background:#fff;width:120px;z-index:300;padding:10px;background:#efefef} #tlog_naviA {clear:both; width:100%; height:60px; margin:0px auto; padding:0px;display:block;background:#18254d;} /*top menu */ /*hover active effect */ #gnb_1dul .gnb_1da.on{color:#ffb503 !important;} #snb_wrap .wrap{display:none} #snb_wrap .on{display:block} #snb_wrap .on .snb > dd > div{width:100% !important;/*margin-left:0 !important;*/} #snb_wrap .on li{float:left !important;width:160px;} #snb_wrap .on a.on{background:#ffb503; color:#333;} #gnb_bg{height:60px; padding:0px;} #gnb_bg h2 {position:absolute;font-size:0;line-height:0;overflow:hidden} #gnb_1dul {position:relative; width:1200px; margin:0 auto !important;padding:0;zoom:1;z-index:99;display: table;table-layout: fixed;} #gnb_1dul .gnb_1dli {float:none;display: table-cell;} #gnb_1dul .gnb_1dli a.gnb_1da {display:block;padding:0;} /* #gnb_1dul:after {display:block;visibility:hidden;clear:both;content:""} */ .gnb_1dli {z-index:200;float:left;} .gnb_1da {display:inline-block; text-align:center; padding:0px 36px; line-height:60px; height:60px; color:#fff !important; font-size:16.5px; text-decoration:none; letter-spacing:-0.5px;} .gnb_1da:focus, .gnb_1da:hover {text-decoration:none;color:#ffb503 !important;} #snb_wrap {position:absolute; left:0px; width:100%;min-width:1100px; z-index:200; padding:0px;overflow:hidden;font-family:'NotoKrR';} #snb_wrap .snb {display:block;position:relative; width:1100px; margin:0 auto; padding:0px 0px;} #snb_wrap .snb .stimg {position:absolute; top:20px; left:90px;} #snb_wrap .snb h3 {position:absolute; top:40px; left:240px; color:#212121; padding:0px 0px 15px 0px; margin:0px; font-weight:normal; font-family:'nanum-square-b'; font-size:26px;letter-spacing:-1px; } #snb_wrap .snb .stt {position:absolute; top:82px; left:240px; font-size:13.5px; line-height:22px !important; color:#888;font-family:'NotoKrM'; } .snb dd.snb01{ text-align:center;} .snb .ssnb01{display:block; width:160px; margin-left:95px; } .snb .ssnb02{display:block; width:160px; margin-left:225px; } .snb .ssnb03{display:block; width:160px; margin-left:387px;} .snb .ssnb04{display:block; width:160px; margin-left:542px;} .snb .ssnb05{display:block; width:160px; margin-left:670px; } .snb .ssnb06{display:block; width:160px; margin-left:798px; } #snb_wrap .snb ul li {display:block; padding:0px 0px 0px 0px; font-size:14.5px; letter-spacing:-0.5px; margin:0px; background:#18254d; color:#fff;} #snb_wrap .snb ul:after {clear:both; content:''; display:block; } .snb .snb01 a {display:block;color:#fff; padding:0px 0px;line-height:36px !important; height:36px;} .snb .snb01 a:hover {background:#ffb503; color:#333; text-decoration:none;font-family:'NotoKrM';} .gnbFixed {position:fixed; top: 0px;} /*contents*/ #contents{width:100%; margin:0 auto; overflow:hidden; position:relative; background:#f6f6f6;} #contents .wrap {position:relative; width:1200px; margin: 35px auto 0 auto; background-color:#fff;} #contents .wrap:AFTER { content: " "; clear: both; display: block; } #sideA{position:relative; float:left; width:237px; height:680px; padding:0px;} #sideA .side_tit{min-height:52px; letter-spacing:-1px; background:#ffb503;} #sideA .side_tit h2 {color:#000000; text-align:center; font-size:16.5px; font-family:'NotoKrR'; font-weight:normal; padding-top:16px;} #sideA .side_tit .sch_box_wrap { width:237px; height:34px; padding:10px 0 15px 0;} #sideA .side_tit .sch_box {position:relative;background:#fff; -webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px; width:187px; height:34px; margin:0 auto;} #sideA .side_tit .sch_box .find_txt {position:absolute;left:10px;top:2px;border:0;height:30px;width:130px;} #sideA .side_tit .sch_box .find_icon {position:absolute;right: 10px;top:2px;width:34px;height: 30px;border:0px;text-indent:-9999px;background: url('../../img/find_icon.png') center #fff no-repeat;} #sideA .side_tit .bus_box_wrap { width:237px; height:34px; padding:10px 0 10px 0;} #sideA .side_tit .bus_box {position:relative;background:#fff; -webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px; width:200px; height:36px; margin:0 auto;} #sideA .side_tit .bus_box .find_txt {position:absolute;left:10px;top:2px;border:0;height:32px;width:180px;} #sideA .side_tit .bus_btn_wrap {padding-bottom:15px; margin:0 auto; text-align: center;} #sideA .side_tit .bus_btn_wrap .bus_find_icon {width: 200px;height: 36px;border:0px;-webkit-border-radius: 60px;-moz-border-radius: 60px;border-radius: 60px;background: #1d2d62;color: #fff;line-height: 36px;font-size: 15px;} #sideA .side_list{height:628px; min-height:628px; max-height:628px; background:#fff; overflow-x:hidden;} #sideA .side_list .save_info {font-size:15px; line-height:180%;} #sideA .side_list .save_info li {width:100%; padding:12px 15px; list-style:none; display:inline-block; text-align:left; background:#fff; border-bottom:1px solid #ececec;} #sideA .side_list .save_info li span.bul {background:#e8e8e8; font-size:15px; font-family:'NotoKrM'; color:#585858; text-align:center; display:inline-block; margin-right:5px; width:22px; height:22px; line-height:22px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius:30px;} #sideA .side_list .save_info span {font-family:'NotoKrM'; font-size:15.5px; color:#1d2d62;} #sideA .side_list li {width:100%; padding:12px 0; list-style:none; display:inline-block; text-align:center; background:#fff; border-bottom:1px solid #ececec;position: relative;} #sideA .side_list li .control-layer { opacity: 0; width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color: rgba(0, 0, 0, .9); transition: opacity .3s ease-in-out; } #sideA .side_list li .control-layer a { line-height: 46px; color: #ffffff; padding: 0 15px; } #sideA .side_list li:HOVER .control-layer {opacity: 1;} #sideA .side_list li .car {color:#383838; font-size:14px; font-family:'NotoKrR';} #sideA .side_list li .name {color:#070707; font-size:16px;} #sideA .side_list li .num {color:#a3abc6; font-size:16px; padding-left:4px;} #sideA .side_list li.on {background:#18254d; position:relative;} #sideA .side_list li.on .car {color:#ffb503; font-size:14px; font-family:'NotoKrR';} #sideA .side_list li.on .name {color:#fff; font-size:16px;} #sideA .side_list li.on .num {color:#a3abc6; font-size:16px; padding-left:4px;} #sideA .side_route_btn {position:absolute;bottom:0;width:237px;text-align:center;font-family:'NotoKrM';font-size:15.5px;height:52px;line-height:52px;background: #e4e4e4;color: #848484;} #sideA .side_route_btn a {display:block; color:#333;} #sideA .side_route_btn:hover {background: #dedede;color: #848484;} #subA ul.list_2dul {/*display:none;*/ position:absolute; right:-130px; width:130px; z-index:200; top:0; background:#1d2d63; padding:8px 0; font-size:15px;} #subA ul.list_2dul li {background:#1d2d63; padding:7px 0; text-align:center; border:0; color:#fff;} #subA ul.list_2dul li .pop_num {color:#a3abc6;} #subA {position:relative; float:left; width:963px; overflow:hidden; height:680px; min-height:680px; max-height:680px; background:#fff; } #subA.sub-list { padding:20px; box-sizing: border-box; } /*위치관제*/ #position { width:963px; height:680px;} #position .map {position:absolute;} #position .map_car {text-align:center} #position .car_txt {padding:5px 14px 8px 14px; background:#30bb60; font-size:18px; color:#ffffff; font-family:'NotoKrR'; margin-bottom:5px; text-align:center; -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px;} #position .car_txt .num {color:#333333; font-size:15px; font-family:'NotoKrM';white-space:nowrap;} #position .car_txt span {font-size: 15px;} #position .car_icon {margin:0 auto; width:92px;} #position .map_ac {text-align:center} #position .ac_txt {padding:6px 14px; background:#a03fda; font-size:18px; color:#ffffff; font-family:'NotoKrR'; margin-top:5px; text-align:center; -webkit-border-radius:55px; -moz-border-radius:55px; border-radius:55px;} #position .ac_icon {margin:0 auto; width:52px;} /*학생위치*/ .position_map_info { text-align:center;} .position_map_info dl {background:#fff; } .position_map_info dt {padding-bottom:2px; color:#404040; font-size:16px; font-family:'NotoKrM';} .position_map_info dd {color:#9e9e9e; font-size:16px; font-family:'NotoKrM';} /*버스 팝업*/ #position .bus_info {position:relative; margin-bottom:14px; text-align:center;} #position .bus_info {background:#fff; width:155px; padding:12px 0; border: 1px solid #ccc; border: 1px solid rgba(0, 0, 0, .15); border-radius: 0px; -webkit-box-shadow: 0 2px 2px rgba(0, 0, 0, .150); box-shadow: 0 2px 2px rgba(0, 0, 0, .150);} #position .bus_info .info_txt {padding-bottom:2px; color:#404040; font-size:16px; font-family:'NotoKrM';} #position .bus_info .bul {position:absolute; left:0px; bottom:-9px; width:159px; height:10px; background:url('../../img/ac_icon_arrow.png') no-repeat;} /*버스 수정팝업*/ .bus_edit_pop {width:160px; padding:15px; z-index:10000; background:#18254d;} .bus_edit_pop p {color:#fff; font-size:16px; font-family:'NotoKrM'; text-align:center; margin-bottom:10px;} .bus_edit_pop .find_txt{width:160px;-webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;} /*학생위치_list*/ #bo_list {position:relative; width:1110px; padding:40px 45px; min-height:300px;} .bo_fx {margin-bottom: 5px; zoom: 1; height:40px;} .bo_sch{position:relative; width:280px; height:38px; float:right; border:1px solid #d3d3d3; -webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;} .bo_sch .bo_sch_box .find_txt {position:absolute;left: 16px;top: 1px;border:0;height: 37px;width: 215px;} .bo_sch .bo_sch_box .find_icon {position:absolute;right: 12px;top: 1px;width:34px;height: 35px;border:0px;text-indent:-9999px;background: url('../../img/find_icon.png') center #fff no-repeat;} .bo_car {position:relative; float:right;} .bo_car .bo_car_plus{position:relative; padding: 0 20px; height:40px; line-height:40px; border:1px solid #ffb503; background:#ffb503; -webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px; font-family:'NotoKrM'; font-size:16px;} .bo_car .bo_car_plus span{height:40px; line-height:40px; padding-left:5px;} .bo_car .bo_car_plus span img {vertical-align:0;} /*기사관리 list*/ .bo_sch_dri{position:relative; width:380px; height:38px; float:right; border:1px solid #d3d3d3; -webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;} .bo_sch_dri .bo_sch_box .find_dri_sel {width: 150px;height:37px;border:0;position:absolute;left: 15px; font-family: 'NotoKrR';} .bo_sch_dri .bo_sch_box .find_dri_txt {position:absolute;left: 175px;top: 1px;border:0;height: 37px;width: 140px; padding-left:15px;} .bo_sch_dri .bo_sch_box .find_dri_icon {position:absolute;right: 12px;top: 1px;width:34px;height: 35px;border:0px;text-indent:-9999px;background: url('../../img/find_icon.png') center #fff no-repeat;} .bo_sch_dri_date{position:relative; width:160px; height:38px; float:right; border:1px solid #d3d3d3; -webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;} .bo_sch_dri_date .bo_sch_box .find_dri_sel_yy {width: 70px;height:37px;border:0;position:absolute;left: 15px; font-family: 'NotoKrR';} .bo_sch_dri_date .bo_sch_box .find_dri_sel_mm {width: 50px;height:37px;border:0;position:absolute;left:90px; font-family: 'NotoKrR';} .bo_sch_dri_date .bo_sch_box .find_dri_sel_syear {width: 120px;height:37px;border:0;position:absolute;left:15px; font-family: 'NotoKrR';} .tbl_head01 .dri_img {width:44px;height:44px; overflow:hidden; margin:0 auto; position: relative;} .tbl_head01 .dri_img .dri_userBg{position:absolute; top:0px; left:0px; width:44px; height:44px;background:url('../../img/w_mask.png') left top no-repeat; z-index:2; background-size:44px;} .tbl_head01 .dri_img .dri_userImg {width:44px; height:44px; overflow: hidden;} .tbl_head01 .dri_img .dri_userImg img {width:44px; height:44px;} /*공지사항 list*/ .bo_sch_noti{position:relative; width:380px; height:38px; float:right; border:1px solid #d3d3d3; -webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;} .bo_sch_noti .bo_sch_box .find_noti_sel {width:120px;height:37px;border:0;position:absolute;left: 15px; font-family: 'NotoKrR';} .bo_sch_noti .bo_sch_box .find_noti_txt {position:absolute;left: 145px;top: 1px;border:0;height: 37px;width: 170px;padding-left:15px;} .bo_sch_noti .bo_sch_box .find_noti_icon {position:absolute;right: 12px;top: 1px;width:34px;height: 35px;border:0px;text-indent:-9999px;background: url('../../img/find_icon.png') center #fff no-repeat;} .bo_sch_noti .bo_sch_box .find_noti_txt_no_filter {position:absolute;left: 15px;top: 1px;border:0;height: 37px;width: 300px;padding-left:15px;} .sub_tab {float:left;} .sub_tab ul{padding:0px; margin:0px;} .sub_tab ul::after {clear:both; content:""; display:block;} .sub_tab li{list-style-type:none; float:left; display:inline;overflow:hidden; height:40px; margin:0px 0px 5px 5px;} .sub_tab li a{display:block; text-decoration:none;background:#eeeeee; line-height:40px;font-family: 'NotoKrR'; font-size:16.5px; color:#777777 !important; text-align:center;overflow:hidden;border-radius: 40px !important; -webkit-border-radius: 40px !important; -moz-border-radius: 40px !important; } .sub_tab li:first-child {margin:0px 0px 5px 0px;} .sub_tab li a:hover{ text-decoration:none;background:#e5e5e5; } .sub_tab li a.on {background:#ffb503; font-size:16.5px;color:#000000 !important; font-family: 'NotoKrM'; } .sub_tab a.litc2 {width:130px;} .tbl_wrap table {width:100%;border-collapse:collapse;border-spacing:0;} .tbl_wrap caption {display:none; padding:10px 0;font-weight:bold;text-align:left} .tbl_wrap tr:hover td{background:yellow} .tbl_head01 {margin:25px 0 15px 0;} .tbl_head01 caption {padding:0;font-size:0;line-height:0;overflow:hidden} .tbl_head01 thead th {padding:14px 0; border-top:1px solid #d3d3d3; background:#f4f4f4;color:#333333;font-size:16px; font-family:'NotoKrM'; font-weight:normal; text-align:center;letter-spacing:0px; } .tbl_head01 thead a {color:#383838} .tbl_head01 tfoot th, .tbl_head01 tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center} .tbl_head01 tbody th {padding:8px 0;border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4} .tbl_head01 td {font-size:15.5px;padding: 12px 6px; border-bottom:1px solid #e4e4e4;line-height: 1.6em;word-break:break-all;text-align:center;} .tbl_head01 td.td_name {color:#333;} .tbl_head01 td.td_name .td_num {color:#9b9b9b;} .tbl_head01 td.td_num {color:#9b9b9b;} .tbl_head01 td.td_position {font-family: 'NotoKrM';} .tbl_head01 td.td_position .td_po_ac{-webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px; background:#a03fda; padding:2px 10px; color:#fff; min-width:55px; min-width:37px; display: inline-block;word-break: break-word;} .tbl_head01 td.td_position .td_po_car{-webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px; background:#30bb60; padding:2px 10px; color:#fff; min-width:55px; min-width:37px; display: inline-block;} .tbl_head01 td.td_car {font-family: 'NotoKrM';} .tbl_head01 td.td_car .td_car_on{-webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px; border:1px solid #30bb60; padding:2px 10px; color:#199a45; min-width:55px; min-width:37px; display: inline-block;} .tbl_head01 td.td_car .td_car_none{-webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px; border:1px solid #ce4242; padding:2px 10px; color:#ce4242; min-width:55px; min-width:37px; display: inline-block;} .tbl_head01 td.td_ac_time {color:#757575;} .tbl_head01 td.td_ac_time .hour {color:#5a5a5a; padding-left:5px;} .tbl_head01 td.td_car_time {color:#16ae4a;} .tbl_head01 td.td_car_time .hour {color:#0e9f40; padding-left:5px;} .tbl_head01 td.td_car_none {color:#a9a9a9;} .tbl_head01 td.td_type_app {color:#333;} .tbl_head01 td.td_type_bea {color:#757575;} .tbl_head01 td.td_id {color:#0e9f40;} .tbl_head01 td.td_subject {text-align:left; padding-left:25px; color:#000;} .tbl_head01 td.td_type span.class {-webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;border: 1px solid #58b979;padding:2px 10px;color:#199a45;min-width:55px;display: inline-block;} .tbl_head01 td.td_type span.etc {-webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;border: 1px solid #a7a7a7;padding:2px 10px;color: #696969;min-width:55px;display: inline-block;} .tbl_head01 td.td_type span.cash {-webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;border: 1px solid #a861d2;padding:2px 10px;color: #983dce;min-width:55px;display: inline-block;} /*출석부*/ .tbl_head_attend {margin:25px 0 15px 0;} .tbl_head_attend caption {padding:0;font-size:0;line-height:0;overflow:hidden} .tbl_head_attend thead th {padding:14px 0; border-top:1px solid #d3d3d3; background:#f4f4f4;color:#333333;font-size:16px; font-family:'NotoKrM'; font-weight:normal; text-align:center;letter-spacing:0px; } .tbl_head_attend thead a {color:#383838} .tbl_head_attend tfoot th, .tbl_head_attend tfoot td {padding:10px 0;border-top:1px solid #c1d1d5;border-bottom:1px solid #c1d1d5;background:#d7e0e2;text-align:center} .tbl_head_attend tbody th, .tbl_head_attend tbody td {border-top:1px solid #e4e4e4;border-bottom:1px solid #e4e4e4} .tbl_head_attend tbody th.td_kind {border-right:1px solid #e4e4e4 !important;word-break: break-word;} .tbl_head_attend td {font-size:12px; border-bottom:1px solid #e4e4e4;border-right:1px solid #e4e4e4;line-height: 1.6em;word-break:break-all;text-align:center;} .tbl_head_attend th .td_calendar {color: #848484;border:0;background: #e4e4e4;margin:0 2px;-webkit-border-radius:45px;-moz-border-radius:45px;border-radius:45px;padding:4px 7px;font-family:'NotoKrM';} .tbl_head_attend th .td_calendar:hover {color: #848484; background: #dedede;} /*차량관리_list*/ .tbl_head01 td.td_route {position:relative;} .tbl_head01 td.td_route a{color:#0e9f40; display:block;} .tbl_head01 td.td_route .route_ov {z-index:100; position:absolute;left: 180px;color:#5f5f5f;padding:10px 12px;width: 260px;background:#fff;-webkit-box-shadow:0px 0px 4px rgba(0, 0, 0, .180);box-shadow:0px 0px 4px rgba(0, 0, 0, .180);margin-left: -130px;} .tbl_head01 td .td_edit {color:#fff; border:0; background:#1d2d62; margin:0 3px; -webkit-border-radius:55px;-moz-border-radius:55px;border-radius:55px; padding:4px 14px; font-family:'NotoKrM';} .tbl_head01 td .td_edit:hover {color: #e7eaf3; background:#0e152b;} .tbl_head01 td .td_del {color: #848484;border:0;background: #e4e4e4;margin:0 3px;-webkit-border-radius:55px;-moz-border-radius:55px;border-radius:55px;padding:4px 14px;font-family:'NotoKrM';} .tbl_head01 td .td_del:hover {color: #848484; background: #dedede;} /*차량관리_popup*/ .car_plus_pop {z-index:10000;position:absolute;background:#fff; top:10px; width: 500px;-webkit-box-shadow:0px 0px 4px rgba(0, 0, 0, .180);box-shadow:0px 0px 4px rgba(0, 0, 0, .180);left:555px;margin-left:-250px;} .car_plus_pop h2 {margin-bottom:25px;font-weight:normal;font-size:18.5px;color: #ffffff;text-align:center;font-family:'NotoKrM';height: 20px;padding: 18px 0;background: #182e75;} .car_plus_pop dl.fl1 {position:relative;overflow:hidden;width:440px;float:left;height:50px;padding: 0 30px;} .car_plus_pop dl.fl1 dt{float:left; width:140px; font-family:'NotoKrM'; font-size:15.5px; height:40px; line-height:40px; margin-bottom:10px;} .car_plus_pop dl.fl1 dd{float:left; width:300px; height:40px; line-height:40px;} .car_plus_pop dl.fl1 dd input {height:40px; width:288px; border:1px solid #d0d0d0; padding-left:10px; font-family:'NotoKrR'; -webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;} .car_plus_pop dl.fl1 dd select {height:40px; width:300px; border:1px solid #d0d0d0; padding-left:5px; font-family:'NotoKrR'; -webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;} .car_plus_pop dl.fl1:after{clear:both; content:''; display:block;} .car_plus_pop .pro_img {margin-bottom:14px;} .car_plus_pop .p_dri_profile {position:relative; width:500px; margin:0 auto; text-align: center; margin-bottom:25px;} .car_plus_pop .pro_img .pro_userBg{position:absolute;top:0px;left: 250px;width:100px;height:100px;background:url('../../img/w_mask.png') left top no-repeat;background-size:100px;z-index:2;margin-left: -50px;} .car_plus_pop .pro_img .pro_userImg {width:100px;height:100px;overflow: hidden;margin: 0 auto;} .car_plus_pop .pro_img .pro_userImg img {width:100px; height:100px;} .car_plus_pop .pro_name {color:#333; font-family:'NotoKrM'; font-size:16px;} .car_plus_pop .pro_name span.num {color:#9b9b9b; font-family:'NotoKrR';} .clear {clear:both;} #ctx_display_wrap{width:100%;height:100%;z-index:800;background:#333;position:fixed;top:0;left:0;opacity:0.5} .btn_wrap {text-align:center;height: 30px; margin:25px 0 20px 0;} .btn_wrap2 {text-align:center; margin:20px 0 0px 0;} .btn01 {height:34px;color: #333;border:0;background: #ffb503;margin:0 3px;-webkit-border-radius:55px;-moz-border-radius:55px;border-radius:55px;padding: 6px 25px;font-family:'NotoKrM';font-size: 15.5px;margin-right:5px;} .btn02 {height:34px; color:#848484;border:0;background:#e4e4e4;margin:0 3px;-webkit-border-radius:55px;-moz-border-radius:55px;border-radius:55px;padding: 6px 25px;font-family:'NotoKrM';font-size: 15.5px;} .btn03 {height:30px;color:#333;border:0;background: #fff;margin:0 3px;-webkit-border-radius:55px;-moz-border-radius:55px;border-radius:55px;padding:3px 20px;font-family:'NotoKrM';font-size: 15px;} .btn04 {height:30px;color:#333;border:0;background: #fff;margin:0 3px;-webkit-border-radius:55px;-moz-border-radius:55px;border-radius:55px;padding:3px 20px;font-family:'NotoKrM';font-size: 15px;} .btn05 {height:30px; color:#848484;border:0;background:#e4e4e4;margin-left:4px;-webkit-border-radius:55px;-moz-border-radius:55px;border-radius:55px;padding:4px 14px;font-family:'NotoKrM';font-size:15px;} .btn06 {height:30px; color:#333;border:0;background:#f5b600;-webkit-border-radius:55px;-moz-border-radius:55px;border-radius:55px;padding:4px 16px;font-family:'NotoKrM';font-size:15px;} .btn07 {height:34px;color: #333;border:0;background: #ffb503;margin:0 3px;-webkit-border-radius:55px;-moz-border-radius:55px;border-radius:55px;padding:8px 40px;font-family:'NotoKrM';font-size: 16.5px;margin-right:5px;} .btn08 {height:34px; color:#848484;border:0;background:#e4e4e4;margin:0 3px;-webkit-border-radius:55px;-moz-border-radius:55px;border-radius:55px;padding:8px 40px;font-family:'NotoKrM';font-size: 15.5px;} .btn06 span {color:#fff; padding-left:3px;} .btn01:hover {color: #926c0f; background:#efaf15;} .btn02:hover {color: #848484; background: #dedede;} .btn03:hover {color: #333; background: #ececec;} .btn04:hover {color: #333; background: #ececec;} .btn05:hover {color: #848484; background: #dedede;} .btn06:hover {color: #564729; background: #f5ad00;} .btn07:hover {color: #926c0f; background:#efaf15;} .btn08:hover {color: #848484; background: #dedede;} /* 페이징 */ .pg_wrap {clear:both;margin:0 0 10px;padding:20px 0 0;text-align:center} .pg_page, .pg_current {display:inline-block;height:28px; max-width:28px; min-width:28px; color:#666 !important;letter-spacing:0;line-height:28px;vertical-align:middle; -webkit-border-radius: 100px;-moz-border-radius: 100px;border-radius:100px;} .pg a:focus, .pg a:hover {text-decoration:none} .pg_page {margin:0 3px 0 3px; border:1px solid #e6e6e6; text-decoration:none} .pg_page a {color:#9a9a9a;} .pg_start, .pg_prev {border:0 !important; width:18px !important; min-width:18px !important;} .pg_end, .pg_next {border:0 !important; width:18px !important; min-width:18px !important;} .pg_current {display:inline-block;margin:0 3px 0 3px;background:#efefef; color:#383838 !important;font-weight:normal} .msg_sound_only, .sound_only {display:inline-block !important;position:absolute;top:0;left:0;margin:0 !important;padding:0 !important;font-size:0;line-height:0;border:0 !important;overflow:hidden !important} /*노선 관리*/ #route {width: 863px;height:580px;overflow-x:hidden;padding:50px;border-left: 1px solid #ececec;} #route .route_line {position:relative;border-left:10px solid #e4e4e4;height: 130px; left:300px;} #route .line_num {background:#fff;border:4px solid #2fbb62;font-size:18px;font-family:'NotoKrM';color:#333;text-align:center;display:block;width: 20px;height: 20px;line-height: 20px;-webkit-border-radius: 30px;-moz-border-radius: 30px;-ms-border-radius: 30px;-o-border-radius: 30px;border-radius:30px;position: absolute;left: -19px; top: -1px;} #route .line_name {position:absolute;top:44px;left:30px;} #route .line_name dt {display:block; font-size:16.5px; font-family:'NotoKrM'; color:#333;} #route .line_name dd {display:block; margin-top:15px;} #route .route_line_ac {position:relative;border-left:10px solid #e4e4e4;height: 130px;left:300px;width: 550px;} #route .line_num_ac {background:#fff;border:4px solid #a03eda;font-size:18px;font-family:'NotoKrM';color:#333;text-align:center;display:block;width: 20px;height: 20px;line-height: 20px;-webkit-border-radius: 30px;-moz-border-radius: 30px;-ms-border-radius: 30px;-o-border-radius: 30px;border-radius:30px;position: absolute;left: -19px; top: -1px;} #route .route_line_end {position:relative; border-left:10px solid #e4e4e4;height:100px; left:300px;} /*학생추가*/ .fl2 { margin-bottom:18px; margin-left:40px;} .fl2 dt {display:inline-block; float:left; line-height:40px; font-size:15.5px; font-family:'NotoKrM'; color:#333; width:140px; margin-right:10px;} .fl2 dt span {margin-left:6px; vertical-align:1px;} .fl2 dd {position:relative; width:370px; display:inline-block; float:left; line-height:40px; font-size:15px;} .fl2 dd.inputdata_verify_message, .fl5 dd.inputdata_verify_message {display:none;padding-left:10px;width:300px !important;color:#ff0000} .fl2 dd input[type=text], .fl2 dd input[type=number] {padding-left:15px; width:355px; font-family: 'NotoKrR'; color: #656565; height:36px; border:1px solid #d0d0d0; height:40px; -webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;} .fl2 dd input[type=checkbox]{width:20px !important;} .fl2 dd select {padding-left:15px; width:372px; font-family: 'NotoKrR'; color: #656565; height:36px; border:1px solid #d0d0d0; height:40px; -webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;} .fl2 dd select.birth_data {width:114px; height:36px;} .fl2 dd input.btn_submit {position:absolute;height: 32px;right:3px;width:120px;background:#e8e8e8;border:0; color:#000;-webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;cursor: pointer;top:5px;} .fl2 dd textarea{resize:none; padding:10px; width:680px; font-family: 'NotoKrR'; color: #656565; height:90px; border:1px solid #d0d0d0; -webkit-border-radius:15px;-moz-border-radius: 15px;border-radius: 15px;} .fl2:after {clear:both; content:''; display:block; } .add_box:after {clear:both; content:''; display:block; } /*학생정보관리*/ .stu_edit {width:1120px; padding:40px; min-height:480px; height:100%;} .stu_edit .edit_sidA {position:relative; float:left; width:400px; padding:0px;} .stu_edit .edit_map {position:relative; float:left; width:680px; padding:0px; margin-left:40px; height:848px; overflow:hidden;} .edit_sidA .fl3 {width: 400px; margin-bottom:18px;} .edit_sidA .fl3 dt {display:inline-block; float:left; line-height:40px; font-size:15.5px; font-family:'NotoKrM'; color:#333; width:120px; margin-right:10px;} .edit_sidA .fl3 dd {width:262px; display:inline-block; float:left; line-height:40px; font-size:15px;} .edit_sidA .fl3 dd input {padding-left:15px; width:255px; font-family: 'NotoKrR'; color: #656565; height:36px; border:1px solid #d0d0d0; -webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;} .edit_sidA .fl3 dd select {padding-left:15px; width:272px; font-family: 'NotoKrR'; color: #656565; height:38px; border:1px solid #d0d0d0; -webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;} .edit_sidA .fl3 dd textarea {resize:none; padding:10px; width:250px; font-family: 'NotoKrR'; color: #656565; height:90px; border:1px solid #d0d0d0; -webkit-border-radius:15px;-moz-border-radius: 15px;border-radius: 15px;} .edit_sidA .fl3:after {clear:both; content:''; display:block; } .edit_sidA:after {clear:both; content:''; display:block; } .edit_map .map {position:absolute;width:680px; height:628px;} .edit_map .map_ac {text-align:center} .map_academy_txt {padding:6px 14px; background:#a03fda; font-size:18px; color:#ffffff; font-family:'NotoKrR'; margin-top:5px; text-align:center; -webkit-border-radius:55px; -moz-border-radius:55px; border-radius:55px;} .edit_map .ac_icon {margin:0 auto; width:52px;} .bd {display:block; border:none; background:#eaeaea; height:1px;margin:30px 0px; padding:0px; font-size:0px; clear:both;} .bd2 {display:block; border:none; border-bottom:1px dashed #eaeaea; height:1px; margin:30px 0px; padding:0px; font-size:0px; clear:both;} .h10 {display:block; border:none; height:10px;margin:0px; padding:0px; font-size:0px;} .mb16 {margin-bottom:16px !important;} .mb10 {margin-bottom:10px !important;} .mlr10 {margin:0 10px !important;} .mt40 {margin-top:40px !important;} .mt50 {margin-top:50px !important;} .mt60 {margin-top:60px !important;} .lh170 {line-height:170% !important;} /*login*/ #login_bgA {background:url('../../img/login_bg.jpg') #eeeeee no-repeat; width:100%; height:100%; position:fixed; overflow-y: auto;} #loginA {background:#fff; width:700px; position:absolute; bottom:initial; left:0; right:0; margin:auto; overflow-y:hidden; top:0; min-height:800px; height:100%; -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .150); box-shadow: 0 4px 8px rgba(0, 0, 0, .150);} #loginA .login_logo {text-align:center; padding-top:70px;} #loginA .login_box {padding:50px 0px 45px 0px; width:404px; margin:0 auto;} #loginA .frm_box {width:404px; min-height:190px;} #loginA .frm_box .login_id{margin-bottom:14px; font-size:14px;line-height:1.1;color:#999;letter-spacing:-1px; background-color: #fff; border:2px solid #d0d0d0; width:400px; height:56px; -webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;} #loginA .frm_box .login_id_tit {text-align:left; line-height:56px; padding-left:26px; color:#333333; font-size:20px; font-family:'NotoKrM'; width:114px; display:inline-block;} #loginA .frm_box .login_id_txt {line-height:56px; height:56px; vertical-align:top; border:0; width:230px; color:#656565; font-size:18px; font-family:'NotoKrR';} #loginA .frm_box .login_pass{font-size:14px;line-height:1.1;color:#999;letter-spacing:-1px; background-color: #fff; border:2px solid #d0d0d0; margin-bottom:5px; width:400px; height:56px; -webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;} #loginA .frm_box .login_pass_tit {text-align:left; line-height:56px; padding-left:26px; color:#333333; font-size:20px; font-family:'NotoKrM'; width:114px; display:inline-block;} #loginA .frm_box .login_pass_txt {line-height:56px; height:56px; vertical-align:top; border:0; width:230px; color:#656565; font-size:18px; font-family:'NotoKrR';} input.login_id_txt:-ms-input-placeholder { color: #c8c8c8; } input.login_id_txt::-webkit-input-placeholder { color: #c8c8c8; } input.login_id_txt::-moz-placeholder { color: #c8c8c8; } input.login_id_txt::-moz-placeholder { color: #c8c8c8; } input.login_pass_txt:-ms-input-placeholder { color: #c8c8c8; } input.login_pass_txt::-webkit-input-placeholder { color: #c8c8c8; } input.login_pass_txt::-moz-placeholder { color: #c8c8c8; } input.login_pass_txt::-moz-placeholder { color: #c8c8c8; } #loginA .frm_box .login_btn {font-family:'NotoKrM'; display:block;width:404px;height:65px;font-size:22px; margin-top:22px; text-align:center;color:#333;background:#ffb504; border:0; cursor:pointer; -webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;} #loginA .frm_box .login_btn:hover {color: #fff; background:#1c2c62;} #loginA .login_check {position:relative;} #loginA .login_check_box {margin-top:22px;} #loginA input[type="checkbox"]{width:1px; height:1px; padding:0; border:0 none; margin:0; position:absolute; left:0; top:0; overflow:hidden; clip:rect(0 0 0 0);} label.login_check_txt{font-family:'NotoKrM'; height:20px; line-height:20px; padding-left:30px; display:inline-block; background:url(../../img/checkbox1.png) no-repeat 0 0; font-size:16.5px; vertical-align:middle; color:#333; cursor:pointer;} #loginA input[type="checkbox"]:checked + label{background-position: 0 -20px;} #loginA .login_find {clear:both; width:404px; margin:0 auto; border-top:1px solid #e2e2e2; padding-top:25px; text-align:center;} #loginA .login_find a {color:#8a8a8a; font-size:15.5px; font-family:'NotoKrR';} #loginA .login_find .bar{ display: inline-block; overflow:hidden; width:0; height:11px; margin: -1px 32px 1px 32px; border-left: 1px solid #d4d4d4; vertical-align: middle;} #loginA .login_footer {position:absolute; bottom:0; text-align:center; width:700px; height:58px; line-height:58px; background:#f0efed; color:#a0a0a0; font-family:'NotoKrR';} #loginA .lang-selector {position: absolute;bottom: 70px;right: 10px;text-align: right;} #loginA .lang-selector a {padding: 0 10px;} /*join*/ #join_bgA {background:url('../../img/login_bg.jpg') #eeeeee no-repeat; width:100%; height:100%; position:fixed; overflow-y: auto;} #joinA {background:#fff; width:700px; position:absolute; bottom:initial; left:0; right:0; margin:auto; overflow-y:hidden; top:0; min-height:1100px; -webkit-box-shadow: 0 4px 8px rgba(0, 0, 0, .150); box-shadow: 0 4px 8px rgba(0, 0, 0, .150);} #joinA .join_logo {text-align:center; padding-top:70px;} #joinA .join_box {padding:50px 0px 103px 0px; width:404px; margin:0 auto;} .fl4 {width:404px; margin-bottom:18px; height:45px;} .fl4 dt {display:inline-block; float:left; line-height:45px; font-size:16.5px; font-family:'NotoKrM'; color:#333; width:120px; margin-right:10px;} .fl4 dt span {margin-left:6px; vertical-align:1px;} .fl4 dd {position:relative; width:270px; display:inline-block; float:left; line-height:45px; font-size:15.5px;} .fl4 dd input {padding-left:15px; width:255px; font-family: 'NotoKrR'; color: #656565; height:36px; border:1px solid #d0d0d0; height:45px; -webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;} .fl4 dd select {padding-left:15px; width:275px; font-family: 'NotoKrR'; color: #656565; height:36px; border:1px solid #d0d0d0; height:45px; -webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;} .fl4 dd select.birth_data {width:81px;} .fl4:after {clear:both; content:''; display:block; } #joinA .join_btn {font-family:'NotoKrM';display:block;width:404px;height: 55px;font-size: 20px; text-align:center;color:#333;background:#ffb504;border:0;cursor:pointer;-webkit-border-radius: 60px;-moz-border-radius: 60px;border-radius: 60px; -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;} #joinA .join_btn:hover {color: #fff; background:#1c2c62;} #joinA .login_footer {position:absolute; bottom:0; text-align:center; width:700px; height:58px; line-height:58px; background:#f0efed; color:#a0a0a0; font-family:'NotoKrR';} #edit_msg{color:#ff0000} /*ft*/ #ft_copy {position:relative; margin:0 auto; width:100%; background-color:#f6f6f6; font-family:'NotoKrR'; display:block; text-align:center; font-size:14px;} #ft_copy .wrap {width:1200px;padding:30px 0px; margin:0 auto;} #ft_copy .cp {color:#acacac; font-family:'NotoKrR';} #ft_copy a {display:inline-block; color:inherit;} /*출결통계*/ .cal_wrap {z-index:10000;position:absolute;background:#fff; top:10px; width: 600px;-webkit-box-shadow:0px 0px 4px rgba(0, 0, 0, .180);box-shadow:0px 0px 4px rgba(0, 0, 0, .180);left:355px;margin-left:-50px;} .cal_wrap .cal_close{position:absolute;right:0px;top:0px;margin:5px;background:#fff;width:16px;height:16px;background:url(../../img/btn_closed.png)} .cal_wrap li.cal_wrap_li {} .cal_stu_info {background:#f1f1f1; padding:15px 0px 15px 40px; height:40px;} .cal_stu_info li {font-size:1.34em; color:#525252; height:40px; line-height:40px; width:50%; float:left;} .cal_stu_info li .name {font-weight:600; display:inline-block; padding-left:30px; color:#000; -moz-border-radius: 50px; -webkit-border-radius: 50px; text-align:left !important; border-radius: 50px; background:#fff; width:65%;margin-left:5%; height:40px; line-height:40px;} .cal_stu_info li:first-child {margin-top:0; margin-left:0;} .cal_stu_info .ac_right {float:right; text-align:right;} .cal_stu_info .ac_right .name {float:right;} .cal_lst {margin:0 30px;} .cal_lst .ctrmm{position:relative;width:100%;height:50px;margin:0px auto;padding-bottom:5px; text-align:center;} .cal_lst .ctrmm:after{content:"";display:block;clear:both;visibility:hidden;} .cal_lst .ctrmm strong{width:100%;font-weight:normal;font-size:1.45em; padding:0 10px; font-weight:normal; line-height:50px; height:50px; color:#000; font-weight:600;} .cal_lst .ctrmm .prev {display:inline-block; line-height:50px; height:50px; width:20px; background:url(../../img/cal_arr.gif) 0 14.5px no-repeat; vertical-align: middle; font-size:0;line-height:0;z-index:10} .cal_lst .ctrmm .prev a{width:20px; height:50px; display: block;} .cal_lst .ctrmm .next {display:inline-block; line-height:50px; height:50px; width:20px; background:url(../../img/cal_arr2.gif) right 14.5px no-repeat; vertical-align: middle; font-size:0;line-height:0;z-index:10} .cal_lst .ctrmm .next a{width:20px; height:50px; display: block;} .table_month_calendar {width:100%;border-bottom:1px solid #eaeaea;} .table_month_calendar th {font-weight: 600;padding:0;font-size:1.25em;color: #4c72c5;text-align:center;line-height:45px;height:45px;vertical-align:middle;background: #d5e2f7;border-right: 1px solid #b7cbec; border-top:1px solid #b7cbec;} .table_month_calendar td {padding:0px; height:60px; max-height:60px; word-break:break-all; overflow:hidden; border-top:1px solid #eaeaea; border-right:1px solid #eaeaea; color: #555; position: relative; text-align: center; font-size:1.7em; font-weight:600; vertical-align: middle;} .table_month_calendar th:first-child {border-left:1px solid #b7cbec;} .table_month_calendar td:first-child {border-left:1px solid #eaeaea;} .table_month_calendar .att_data {width:100%; margin:0 auto;} .table_month_calendar .data_chk {position:absolute; top:3px; left:50%; width:58px; margin-left:-29px; height:50px; background:url(../../img/data_chk_img.png) no-repeat;} .table_month_calendar .data_tri {position:absolute; top:3px; left:50%; width:66px; margin-left:-33px; height:50px; background:url(../../img/data_cir_img.png) no-repeat;} .table_month_calendar .data_cir {position:absolute; top:4px; left:50%; width:53px; margin-left:-26.5px; width:44px; height:44px; border:4px solid #4577e6;-moz-border-radius: 50px; -webkit-border-radius: 50px; border-radius: 50px;} /*공지사항관리_popup*/ .notice_plus_pop {z-index:10000;position:absolute;background:#fff; top:10px; width: 800px;-webkit-box-shadow:0px 0px 4px rgba(0, 0, 0, .180);box-shadow:0px 0px 4px rgba(0, 0, 0, .180);left:455px;margin-left:-200px;} .notice_plus_pop h2 {margin-bottom:25px;font-weight:normal;font-size:18.5px;color: #ffffff;text-align:center;font-family:'NotoKrM';height: 20px;padding: 18px 0;background: #182e75;} .notice_plus_pop dl.fl1 {position:relative;overflow:hidden;width:740px;float:left;padding: 0 30px;} .notice_plus_pop dl.fl1 dt{float:left; width:140px; font-family:'NotoKrM'; font-size:15.5px; height:40px; line-height:40px; margin-bottom:10px;} .notice_plus_pop dl.fl1 dd{float:left; width:550px; line-height:40px;} .notice_plus_pop dl.fl1 dd input[type=text] {height:40px; width:550px; border:1px solid #d0d0d0; padding-left:10px; font-family:'NotoKrR'; -webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;} .notice_plus_pop dl.fl1 dd input[type=checkbox]{width:20px !important;} .notice_plus_pop dl.fl1 dd select {height:40px; width:560px; border:1px solid #d0d0d0; padding-left:5px; font-family:'NotoKrR'; -webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;} .notice_plus_pop dl.fl1 dd textarea {resize:none; padding:10px; width:540px; font-family: 'NotoKrR'; color: #656565; height:90px; border:1px solid #d0d0d0; -webkit-border-radius:15px;-moz-border-radius: 15px;border-radius: 15px;} .notice_plus_pop dl.fl1:after{clear:both; content:''; display:block;} .notice_plus_pop .pro_img {margin-bottom:14px;} .notice_plus_pop .p_dri_profile {position:relative; width:500px; margin:0 auto; text-align: center; margin-bottom:25px;} .notice_plus_pop .pro_img .pro_userBg{position:absolute;top:0px;left: 250px;width:100px;height:100px;background:url('../../img/w_mask.png') left top no-repeat;background-size:100px;z-index:2;margin-left: -50px;} .notice_plus_pop .pro_img .pro_userImg {width:100px;height:100px;overflow: hidden;margin: 0 auto;} .notice_plus_pop .pro_img .pro_userImg img {width:100px; height:100px;} .notice_plus_pop .pro_name {color:#333; font-family:'NotoKrM'; font-size:16px;} .notice_plus_pop .pro_name span.num {color:#9b9b9b; font-family:'NotoKrR';} /*학생관리*/ #subA_H {position:relative; float:left; width:963px; min-height:680px; background:#fff; } #sideA_H{position:relative; float:left; width:237px; height:680px; padding:0px;} #sideA_H .side_tit{min-height:52px; letter-spacing:-1px; background:#ffb503;} #sideA_H .side_tit h2 {color:#000000; text-align:center; font-size:16.5px; font-family:'NotoKrR'; font-weight:normal; padding-top:16px;} #sideA_H .side_tit .sch_box_wrap { width:237px; height:34px; padding:10px 0 15px 0;} #sideA_H .side_tit .sch_box {position:relative;background:#fff; -webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px; width:187px; height:34px; margin:0 auto;} #sideA_H .side_tit .sch_box .find_txt {position:absolute;left:10px;top:2px;border:0;height:30px;width:130px;} #sideA_H .side_tit .sch_box .find_icon {position:absolute;right: 10px;top:2px;width:34px;height: 30px;border:0px;text-indent:-9999px;background: url('../../img/find_icon.png') center #fff no-repeat;} #sideA_H .side_tit .bus_box_wrap { width:237px; height:34px; padding:10px 0 10px 0;} #sideA_H .side_tit .bus_box {position:relative;background:#fff; -webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px; width:200px; height:36px; margin:0 auto;} #sideA_H .side_tit .bus_box .find_txt {position:absolute;left:10px;top:2px;border:0;height:32px;width:180px;} #sideA_H .side_tit .bus_btn_wrap {padding-bottom:15px; margin:0 auto; text-align: center;} #sideA_H .side_tit .bus_btn_wrap .bus_find_icon {width: 200px;height: 36px;border:0px;-webkit-border-radius: 60px;-moz-border-radius: 60px;border-radius: 60px;background: #1d2d62;color: #fff;line-height: 36px;font-size: 15px;} #sideA_H .side_list{height:628px; min-height:828px; background:#fff; overflow-x:hidden;} #sideA_H .side_list .save_info {font-size:15px; line-height:180%;} #sideA_H .side_list .save_info li {width:100%; padding:12px 15px; list-style:none; display:inline-block; text-align:left; background:#fff; border-bottom:1px solid #ececec;} #sideA_H .side_list .save_info li span.bul {background:#e8e8e8; font-size:15px; font-family:'NotoKrM'; color:#585858; text-align:center; display:inline-block; margin-right:5px; width:22px; height:22px; line-height:22px; -webkit-border-radius: 30px; -moz-border-radius: 30px; -ms-border-radius: 30px; -o-border-radius: 30px; border-radius:30px;} #sideA_H .side_list .save_info span {font-family:'NotoKrM'; font-size:15.5px; color:#1d2d62;} #sideA_H .side_list li {width:100%; padding:12px 0; list-style:none; display:inline-block; text-align:center; background:#fff; border-bottom:1px solid #ececec;cursor:pointer} #sideA_H .side_list li .car {color:#383838; font-size:14px; font-family:'NotoKrR';} #sideA_H .side_list li .name {color:#070707; font-size:16px;} #sideA_H .side_list li .num {color:#a3abc6; font-size:16px; padding-left:4px;} #sideA_H .side_list li.on {background:#18254d; position:relative;} #sideA_H .side_list li.on .car {color:#ffb503; font-size:14px; font-family:'NotoKrR';} #sideA_H .side_list li.on .name {color:#fff; font-size:16px;} #sideA_H .side_list li.on .num {color:#a3abc6; font-size:16px; padding-left:4px;} #sideA_H .side_route_btn {position:absolute;bottom:0;width:237px;text-align:center;font-family:'NotoKrM';font-size:15.5px;height:52px;line-height:52px;background: #e4e4e4;color: #848484;} #sideA_H .side_route_btn a {display:block; color:#333;} #sideA_H .side_route_btn:hover {background: #dedede;color: #848484;} .stu_add { padding:30px;} .stu_add .add_tit {text-align:center; font-family:'NotoKrM';font-size:24px; margin-top:15px; color:#333;} .stu_add .add_stit {text-align:center; margin-top:14px; font-family: 'NotoKrL'; font-size:15.5px; margin-bottom:30px; color:#949494; } .stu_add .add_img {width:300px; height:300px;} .fl5 {width:390px; margin-bottom:10px; float:left;} .fl5 dt {display:inline-block;float:left;line-height:30px;font-size:15.5px;font-family:'NotoKrM';color:#333;width:80px;margin-right: 0px;} .fl5 dt span {margin-left:6px; vertical-align:1px;} .fl5 dd {position:relative;width: 260px;display:inline-block;float:left;line-height: 30px;font-size:15px;} .fl5 dd input {padding-left:15px;width: 245px;font-family: 'NotoKrR';color: #656565;height:28px;border:1px solid #d0d0d0;-webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;} .fl5 dd input.w150 {width:150px;} .fl5 dd select.w150 {width:165px;} .fl5 dd select {padding-left:15px; width:260px; font-family: 'NotoKrR'; color: #656565; height:30px; border:1px solid #d0d0d0; -webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;} .fl5 dd select.birth_data {width:65px; height:28px;} .fl5 dd select.birth_data_yy {width:90px; height:28px;} .fl5 dd input.btn_submit {position:absolute;height:28px;right:3px;width:120px;background:#e8e8e8;border:0; color:#000;-webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;cursor: pointer;top:5px;} .fl5:after {clear:both; content:''; display:block; } .fl5_r {width:280px; margin-bottom:10px; float:left; margin-left:35px;} .fl5_r dt {display:inline-block;float:left;line-height:30px;font-size:15.5px;font-family:'NotoKrM';color:#333;width:100px;margin-right: 0px;} .fl5_r dt span {margin-left:6px; vertical-align:1px;} .fl5_r dd {position:relative;width:150px;display:inline-block;float:left;line-height: 30px;font-size:15px;} .fl5_r dd input {padding-left:15px;width:150px;font-family: 'NotoKrR';color: #656565;height:28px;border:1px solid #d0d0d0;-webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;} .fl5_r dd select {padding-left:15px; width:165px; font-family: 'NotoKrR'; color: #656565; height:30px; border:1px solid #d0d0d0; -webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;} .fl5_r:after {clear:both; content:''; display:block; } .fl6 {width:920px; margin-bottom:5px;} .fl6 dt {display:inline-block; float:left; line-height:30px; font-size:15.5px; font-family:'NotoKrM'; color:#333; width:80px; margin-right:0px;} .fl6 dt span {margin-left:6px; vertical-align:1px;} .fl6 dd {position:relative; width:770px; display:inline-block; float:left; line-height:30px; font-size:15px;} .fl6 dd input {padding-left:15px; width:345px; font-family: 'NotoKrR'; color: #656565; height:28px; border:1px solid #d0d0d0; height:28px; -webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;} .fl6 dd input.w90 {width:90px;} .fl6 dd select {padding-left:15px; width:372px; font-family: 'NotoKrR'; color: #656565; height:36px; border:1px solid #d0d0d0; height:40px; -webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;} .fl6 dd input.btn_submit {margin-left:15px; position:absolute; top:0; height:30px;width:120px;background:#e8e8e8;border:0; color:#000;-webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;cursor: pointer;} .fl6:after {clear:both; content:''; display:block; } .fl7 {width:430px; margin-bottom:10px; float:left;} .fl7 dt {display:inline-block; float:left; line-height:30px; font-size:15.5px; font-family:'NotoKrM'; color:#333; width:140px; margin-right:0px;} .fl7 dt span {margin-left:6px; vertical-align:1px;} .fl7 dd {position:relative; width:220px; display:inline-block; float:left; line-height:30px; font-size:15px;} .fl7 dd input {padding-left:15px; width:255px; font-family: 'NotoKrR'; color: #656565; height:28px; border:1px solid #d0d0d0; height:28px; -webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;} .fl7 dd textarea{resize:none; padding:10px; width:680px; font-family: 'NotoKrR'; color: #656565; height:90px; border:1px solid #d0d0d0; -webkit-border-radius:15px;-moz-border-radius: 15px;border-radius: 15px;} .fl7:after {clear:both; content:''; display:block; } .fl7_r {width:430px; margin-bottom:10px; float:left; margin-left:35px;} .fl7_r dt {display:inline-block; float:left; line-height:30px; font-size:15.5px; font-family:'NotoKrM'; color:#333; width:140px; margin-right:0px;} .fl7_r dt span {margin-left:6px; vertical-align:1px;} .fl7_r dd {position:relative; width:220px; display:inline-block; float:left; line-height:30px; font-size:15px;} .fl7_r dd input {padding-left:15px; width:255px; font-family: 'NotoKrR'; color: #656565; height:28px; border:1px solid #d0d0d0; height:28px; -webkit-border-radius: 55px;-moz-border-radius: 55px;border-radius: 55px;} .fl7_r dd textarea{resize:none; padding:10px; width:250px; font-family: 'NotoKrR'; color: #656565; height:90px; border:1px solid #d0d0d0; -webkit-border-radius:15px;-moz-border-radius: 15px;border-radius: 15px;} .fl7_r:after {clear:both; content:''; display:block; } .proA {position:relative; width:90px; float:left; margin-right:50px;} .proA .mask {position: absolute; z-index: 10; top: 0; right: 0; bottom: 0; left: 0; background: url('../../img/w_mask.png') top left no-repeat; width:90px; height:90px; background-size:90px;} .btn_area_btm label { display: inline-block; padding:5px 17px; color: #656565; font-size: inherit; line-height: normal; vertical-align: middle; background-color: #fdfdfd; cursor: pointer; border: 1px solid #ebebeb; border-bottom-color: #e2e2e2; border-radius:55px; } .btn_area_btm input[type="file"] { /* 파일 필드 숨기기 */ position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0; } .mlr5 {margin:0 5px !important;} .mr10 {margin-right:10px;} .bd3 {display:block; border:none; border-bottom:1px dashed #eaeaea; height:1px; margin:20px 0px; padding:0px; font-size:0px; clear:both;} /*메모관리_popup*/ .memo_edit_pop {z-index:10000;position:absolute;background:#fff; top:10px; width: 500px;-webkit-box-shadow:0px 0px 4px rgba(0, 0, 0, .180);box-shadow:0px 0px 4px rgba(0, 0, 0, .180);left:555px;margin-left:-250px;} .memo_edit_pop h2 {margin-bottom:25px;font-weight:normal;font-size:18.5px;color: #ffffff;text-align:center;font-family:'NotoKrM';height: 20px;padding: 18px 0;background: #182e75;} .memo_edit_pop dl.fl1 {position:relative;overflow:hidden;width:440px;float:left;padding: 0 30px;} .memo_edit_pop dl.fl1 dd{} .memo_edit_pop dl.fl1 dd textarea {height:180px; width:430px; border:1px solid #d0d0d0; padding-left:10px; font-family:'NotoKrR'; -webkit-border-radius: 15px;-moz-border-radius: 15px;border-radius: 15px;} .memo_edit_pop dl.fl1:after{clear:both; content:''; display:block;}