@charset "utf-8";

@font-face {
  font-family:'NanumBarunGothic-Light';
  font-style: normal;
  font-weight: 300;
  src: local('Nanum Barun Gothic Light'), local('Nanum Barun Gothic-Light'), local('NanumBarunGothic Light');
  src: url(/app/parents/fonts/NanumBarunGothicLight.eot);
  src: url(/app/parents/fonts/NanumBarunGothicLight.eot?#iefix) format('embedded-opentype'),
      url(/app/parents/fonts/NanumBarunGothicLight.woff) format('woff'),
      url(/app/parents/fonts/NanumBarunGothicLight.ttf) format('truetype');
}

@font-face {
  font-family:'NanumBarunGothic-Regular';
  font-style: normal;
  font-weight: 400;
  src: local('Nanum Barun Gothic Regular'), local('Nanum Barun Gothic-Regular'), local('NanumBarunGothic Regular');
  src: url(/app/parents/fonts/NanumBarunGothic.eot);
  src: url(/app/parents/fonts/NanumBarunGothic.eot?#iefix) format('embedded-opentype'),
      url(/app/parents/fonts/NanumBarunGothic.woff) format('woff'),
      url(/app/parents/fonts/NanumBarunGothic.ttf) format('truetype');
}

@font-face {
  font-family:'NanumBarunGothic-Bold';
  font-style: normal;
  font-weight: 700;
  src: local('Nanum Barun Gothic Bold'), local('Nanum Barun Gothic-Bold'), local('NanumBarunGothic Bold');
  src: url(/app/parents/fonts/NanumBarunGothicBold.eot);
  src: url(/app/parents/fonts/NanumBarunGothicBold.eot?#iefix) format('embedded-opentype'),
      url(/app/parents/fonts/NanumBarunGothicBold.woff) format('woff'),
      url(/app/parents/fonts/NanumBarunGothicBold.ttf) format('truetype');
}

/* default */

/* issue_1435 */
body{
  -webkit-user-select: none;
  -khtml-user-select: none;
}
/* issue_1435 */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,form,fieldset,p,button,iframe,th,td{margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,nav,section,summary{display:block;margin:0;padding:0;}
h1,h2,h3,h4,h5,h6,dt{font-weight:normal;}
img,fieldset,iframe,button{border:0 none;}
li{list-style:none;}
i, em, u, cite {font-style:normal;}
strong, b{font-weight:normal;}
a{color:#757575;text-decoration:none;outline-offset:-1px;}
.chrome a,
.safari a{outline-offset:-3px;}
input {line-height: normal!important;}

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

html, body{height:100%}
body{font-size:12px;line-height:1.3;color:#212121;background-color:#f1f1f1; -webkit-appearance: none; appearance: none;/*-webkit-font-smoothing:antialiased;*/-webkit-text-size-adjust:none;-moz-osx-font-smoothing:gratranslate3d(0,0,0)yscale;/*overflow-y:hidden;*/overflow-x:hidden; word-break:keep-all; word-wrap:break-word; -webkit-hyphens:auto; hyphens:auto;}
.non-scroll {overflow-y:hidden;}

/* Align */
.l{text-align: left !important}
.r{text-align: right !important}

/* Tag */
.tag{display:inline-block; height:22px; margin-bottom:8px; padding:0 10px; border:1px solid #e0e0e0; border-radius:11px; box-sizing: border-box; vertical-align: middle; color: #212121; font-size: 11px; line-height:22px;}
.tag.category{background:#f1f1f1;}
.tag.notice{border-width:0; background:#5b85ab; color:#fff;}

/* Img */
@-webkit-keyframes moreLoad{
    0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);}
    100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);}
}
@keyframes moreLoad{
    0%{transform:rotate(0deg);-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);}
    100%{transform:rotate(360deg);-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);}
}
img.loading{height:45px; vertical-align: top; animation:moreLoad 1.8s infinite;-webkit-animation:moreLoad 1.8s infinite;-ms-animation:moreLoad 1.8s infinite;animation-timing-function:linear;}

/* Table */
table{border-collapse:collapse}
caption{width:0; height:0; overflow:hidden; visibility:hidden; font-size:0; line-height:0; text-indent:-9999px;}

/* Layout */
#wrap{min-width:320px;width:100%;min-height:100%;background:#f1f1f1;font-family:'NanumBarunGothic-Regular', sans-serif; font-weight:300; font-style:normal; overflow-x:hidden; box-sizing: border-box;}
.popup-view{overflow:hidden;}

#header{-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2);background:#fff;transition:transform .5s; -webkit-transition:transform .5s; -ms-transition:transform .5s; transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0);}
#header{background:#fff}
#header section{position:relative; height: 58px;z-index:101;}
#header h1{height:58px; padding-top:11px; box-sizing:border-box; text-align:center; color:#212121; font-size:18px; line-height: 58px; font-family:'NanumBarunGothic-Light';}
#header h1 a{display:block; width:84px; height:35px; margin:0 auto; background:url(/app/teacher/images/logo.png) 0 0 / contain no-repeat; font-size:0; line-height:0;}
#header a.setup{position:absolute; top:2px; right:0; width:70px; height:54px; background:url(/app/teacher/images/icon_util_setup.png) 36px 50% / 18.5px auto no-repeat; font-size:0; line-height:0;}
#header a.alarm{position:absolute; top:2px; left:0; width:70px; height:54px; background:url(/app/teacher/images/icon_util_alarm.png) 16px 50% / 18.5px auto no-repeat; font-size:0; line-height:0;}
#header a.alarm i{position:absolute; top:7px; left:25px; display:block; height:15px; padding:0 4px; border:2px solid #fff; border-radius:9px; background:#f65453; color:#fff; font-size:8px; font-weight:bold; line-height:17px;}
#header.no-shadow,
#header.no-shadow #gnb ul{-webkit-box-shadow:none; -moz-box-shadow:none; box-shadow:none;}

#gnb{z-index:100}
#gnb ul{position:relative; display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-between; justify-content:space-between; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2); padding:6px 16px 9px;}
#gnb ul:after{content:'';display:block;clear:both;}
#gnb li{-webkit-flex:1; flex:1; text-align:center;}
#gnb li a{display:block; height:27px; font-size:13px; line-height:16px; color:#757575; line-height:29px; position:relative;}
#gnb li a i{position:absolute; top:-6px; right:-4px; display:block; width:13px; height:13px; border-radius:50%; border:2px solid #fff; background:url(/app/teacher/images/icon_new.png) 0 0 / contain no-repeat; text-indent:-9999px;}
#gnb li > ul{display:none;}
  #gnb li.on a{background:#3a92d5;border-radius:13.5px;color:#fff;}
  #gnb li.on > ul{position:absolute;top:42px;left:0; display:block; -webkit-flex-wrap:nowrap; flex-wrap:nowrap; -webkit-justify-content:center; justify-content:center; width:100%;min-height:38px;padding:0;border-top:1px solid #dadada;height:auto;}
  #gnb li.on > ul li{-webkit-flex:none; flex:none; float:left; width:33.3%; height:38px;box-sizing:border-box;background:#fff;border:1px solid #dadada;border-top-width:0;border-left-width:0}
  #gnb li.on > ul li:last-child{border-right-width: 0}
  #gnb li.on > ul li a{height:100%;margin:0;padding:0;box-sizing:border-box;border-radius:inherit;background:transparent;text-align:center;color:#757575;font-size:12px;line-height:40px; letter-spacing:0;}
  #gnb li.on > ul li:last{border-right-width:0}
  #gnb li.on > ul li.on{border-bottom-width:0}
  #gnb li.on > ul li.on a{margin:0 -1px; border-bottom:2px solid #3a92d5; color:#3a92d5}

header.nav-sub{position:relative;height:56px;background:#fff;text-align:center;transition:all .5s; -webkit-transition:all .5s; -ms-transition:all .5s; transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0);z-index:100}
header.nav-sub.shadow{border-bottom-width:0;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2)}
header.nav-sub.fake-shadow{border-bottom-width:0;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2)}
header.nav-sub h1{color:#212121;line-height:56px;font-family:'NanumBarunGothic-Light';font-size:18px;}
header.nav-sub a{position:absolute; top:1px; display:block; width:70px; height:54px; font-size:0; line-height:0}
header.nav-sub a.back{left:0; background:url(/app/teacher/images/icon_util_back.png) 16px 50% / 25px auto no-repeat;}
header.nav-sub a.close{left:0; background:url(/app/teacher/images/icon_util_close2.png) 16px 50% / 15px auto no-repeat;}

.nav-sub-hidden header.nav-sub{position:fixed;left:0;top:-56px;width:100%;transform:translate3d(0,0,0) translate(0, -56px); -webkit-transform:translate3d(0,0,0) translate(0, -56px); -ms-transform:translate3d(0,0,0) translate(0, -56px);}
.nav-sub-hidden.nav-sub-view header.nav-sub{position:fixed;left:0;top:0;width:100%;transform:translate3d(0,0,0) translate(0, 0); -webkit-transform:translate3d(0,0,0) translate(0, 0); -ms-transform:translate3d(0,0,0) translate(0, 0);}
.nav-sub-hidden.nav-sub-view header.nav-sub.all-dim{z-index:0;}

.header-hidden #header{position:fixed;left:0;top:0;width:100%;z-index:1000;transform:translate3d(0,0,0) translate(0, -58px); -webkit-transform:translate3d(0,0,0) translate(0, -58px); -ms-transform:translate3d(0,0,0) translate(0, -58px);}
.header-hidden.header-view #header{position:fixed;left:0;top:0;width:100%;transform:translate3d(0,0,0) translate(0, 0); -webkit-transform:translate3d(0,0,0) translate(0, 0); -ms-transform:translate3d(0,0,0) translate(0, 0);}

/* Button */
.btn-area{padding:30px 16px;text-align:center}
.btn-area img.loading{display:table; margin:30px auto 0}

.btn-type{display:inline-block; padding:0 14px; height:28px; font-size:11px; line-height:28px; color:#757575; box-sizing:border-box;  border-radius:14px; border:1px solid rgba(158,158,158,.35); vertical-align:middle;}
.btn-type.logout{color:#3a92d5;}
.btn-type.logout:before{content:''; display:inline-block; width:12px; height:12px; margin:0 5px 3px 0; vertical-align:middle; background:url(/app/teacher/images/icon_btn_logout.png) 0 0 / contain no-repeat;}
.btn-type2{display:inline-block; padding:0 24px; height:36px; font-size:13px; line-height:36px; color:#3a92d5; box-sizing:border-box; border-radius:18px; border:1px solid rgba(158,158,158,.35); vertical-align:middle;}
.btn-type2 i{opacity:.7;}

.btn-play{display:inline-block; font-size:0; line-height:0; width:60px; height:60px; background:url('/app/teacher/images/btn_video_play.png') no-repeat; background-size:100% 100%;}
.btn-play.on{background:url('/app/teacher/images/btn_video_play_on.png') no-repeat; background-size:100% 100%;}

button.refresh{position: absolute; top: auto; right: auto; width:14px; height:14px; background:url(/app/teacher/images/bg_search_close.png) 0 0/100% no-repeat; font-size: 0; line-height: 0; text-indent: -9999px}

/* Tab menu */
.tab-type{display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-between; justify-content:space-between;  border-top: 1px solid #dadada}
.tab-type li{flex:1; height:38px;box-sizing:border-box;background:#fff;border-right:1px solid #dadada;border-bottom:1px solid #dadada;-webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2)}
.tab-type li a{display:block;height:100%;box-sizing:border-box;text-align:center;font-size:12px;line-height:40px; letter-spacing:-.07em;}
.tab-type li.on{border-bottom-width:0}
.tab-type li.on a{margin:0 -1px;border-bottom:2px solid #3a92d5; color:#3a92d5}

/* Form */
legend{position: absolute; top: 0; left: 0; width: 0; height: 0; overflow: hidden; visibility: hidden; font-size: 0; line-height: 0;}
select, input, textarea {outline:0; -webkit-appearance: none; appearance: none;}
select, input, label{vertical-align:middle}
button{border:0 none;cursor:pointer;background:none;}
button:focus{outline:0;}
select::-ms-expand {display: none; }
select::-moz-focus-inner {border: 0; padding: 0; }
select:-moz-focusring {color: transparent; text-shadow:0 0 0 #000; }

input::-webkit-input-placeholder {color: #bdbdbd; }
input:-moz-placeholder {color: #bdbdbd; }
input::-moz-placeholder {color: #bdbdbd; }
input:-ms-input-placeholder {color: #bdbdbd; }

textarea {width:100%; min-height: 78px; color:#dadada; box-sizing: border-box; border-radius:4px; background:#fff; border:1px solid #dadada; padding:10px; box-sizing:border-box; font-size: 15px; font-family:'NanumBarunGothic-Light'; line-height:1.5;}
textarea:focus{color:#212121; border:1px solid #3a92d5; outline:0;}

input[type=text],
input[type=password] {display:inline-block; height:40px; font-size: 15px; line-height:40px; vertical-align:middle; color:#212121; border-radius:4px; background:#fff; border:1px solid #dadada; padding:0 10px; box-sizing:border-box; font-family:'NanumBarunGothic-Light'; overflow:hidden;}
input[type=text]:focus,
input[type=password]:focus {border:1px solid #3a92d5; outline:0; padding-right:30px;}
input[type=text]+.general-btn{margin-left:4px}
input[type=text].disabled,
input[type=text].readonly{color:#757575; background:#f1f1f1; opacity:1}
input[type=text].hide {background:#e7e7e7; color:#bdbdbf;}

input[type=checkbox]{position:absolute; opacity: 0}
input[type=checkbox] + label{position:relative; display:inline-block; margin-right:22px; padding-left:22px; color:#212121; font-size:15px; font-family:'NanumBarunGothic-Light';}
input[type=checkbox] + label:before{content:''; left:0; top:0; position:absolute; width:18px; height:18px; background:url('/app/teacher/images/bg_checkbox_off.png') no-repeat; background-size:100% 100%;}
input[type=checkbox]:checked + label:before{background-image:url(/app/teacher/images/bg_checkbox_on.png)}
input[type=checkbox].disabled + label{opacity:.5}

input[type=radio]{position:absolute; opacity: 0}
input[type=radio] + label{position:relative; display:inline-block; margin-right:18px; padding-left:22px; color:#212121; font-size:15px; font-family:'NanumBarunGothic-Light';}
input[type=radio] + label:before{content:''; left:0; top:0; position:absolute; width:18px; height:18px; background:url(/app/teacher/images/bg_radio_off.png) no-repeat; background-size:100% 100%;}
input[type=radio]:checked + label:before{background-image:url(/app/teacher/images/bg_radio_on.png)}
input[type=radio].disabled + label{opacity:.5}

div.select-mode {display:inline-block; width:100%; position:relative; vertical-align: middle}
div.select-mode > button {display:block; padding-left:10px; font-size:15px; line-height:40px; height:40px; background:#fff; border:1px solid #dadada; border-radius:4px; width:100%; box-sizing: border-box; text-align:left; color:#212121; font-family:'NanumBarunGothic-Light';}
div.select-mode > button:after {content:''; width:10px; height:5px; background:url(/app/teacher/images/bg_select_mode.png) no-repeat; position:absolute; top:17px; right:11px; background-size:100% auto;}
div.select-mode div {position:absolute; left:-10000px; top:38px; padding:18px 0; border-bottom-left-radius:4px; border-bottom-right-radius:4px;}
div.select-mode.on > button {background:#f6f6f6; border:1px solid #f6f6f6; border-bottom-left-radius:0; border-bottom-right-radius:0; position:relative; z-index:2;}
div.select-mode.on div {left:0; width:100%; background:#fff; z-index:33;}
div.select-mode.on ul {max-height:78px; overflow-y:scroll;}
div.select-mode.on ul button {font-size:15px; line-height:26px; display:block; width:100%; padding-left:10px; text-align:left; font-family:'NanumBarunGothic-Light';}
div.select-mode.on > button:after {content:''; width:10px; height:5px; background:url(/app/teacher/images/bg_select_mode_on.png) no-repeat; position:absolute; top:16px; right:10px; background-size:100% auto;}
div.select-mode.on > span.shadow {content:''; position:absolute; left:0; top:0; width:100%; height:100%; -webkit-box-shadow:-1px 2px 5px 0 #d3d3d3; -moz-box-shadow:-1px 2px 5px 0 #d3d3d3; box-shadow:-1px 2px 5px 0 #d3d3d3; border-radius:4px;}

.component-text-form{display:inline-block; vertical-align:middle; position:relative}
.component-text-form button.refresh{display:none; position:absolute; top:50%; right:10px; width:14px; height:14px; margin-top:-7px; background:url(/app/teacher/images/bg_search_close.png) 0 0 / contain no-repeat; font-size:0; line-height:0;}
.component-text-form input[type=text].on ~ button.refresh,
.component-text-form input[type=password].on ~ button.refresh,
.component-text-form input[type=data].on ~ button.refresh,
.component-text-form input[type=number].on ~ button.refresh{display:block;}
.component-text-form button.search{position:absolute; top:50%; right:10px; width:18px; height:18px; margin-top:-9px; background:url(/app/teacher/images/bg_search.png) 0 0 / contain no-repeat; font-size:0; line-height:0;}

/* Page Title */
.hgroup{height:50px;padding:0 16px;position:relative}
.hgroup.line{border-top:1px solid #d4d4d4;}
.hgroup h2{color:#212121;font-size:15px;line-height:52px; font-family:'NanumBarunGothic-Light';}
  .hgroup h2.schedule{padding-left: 24px; background: url(/app/teacher/images/icon_tit_schedule.png) 0 17px / 17px auto no-repeat;}
  .hgroup h2.counsel{padding-left: 24px; background: url(/app/teacher/images/icon_tit_counsel.png) 0 16px / 18px auto no-repeat;}
  .hgroup h2.version{padding-left: 24px; background: url(/app/teacher/images/icon_tit_version.png) 0 16px / 18px auto no-repeat;}
  .hgroup h2.synch{padding-left: 24px; background: url(/app/teacher/images/icon_tit_synch.png) 0 16px / 18px auto no-repeat;}
  .hgroup h2.login{padding-left: 24px; background: url(/app/teacher/images/icon_tit_login.png) 0 16px / 18px auto no-repeat;}

/* Login */
.login,
.login #container,
.login #contents{height:100%; background:#fff;}
.login #contents{display:table; width:100%;}
.login section{display:table-cell; padding-bottom:70px; text-align:center; vertical-align:middle;}
.login section h1{margin-bottom:80px; font-size:18px; font-family:'NanumBarunGothic-Light';}
.login section h1 strong{display:block; width:137px; height:57px; margin:0 auto 12px; background:url(/app/teacher/images/logo.png) 0 0 / contain no-repeat; text-indent:-9999px;}
.login section p{margin-bottom:12px; font-size:12px; font-family:'NanumBarunGothic-Light';}
.login section fieldset{margin:0 28px; text-align:left;}
.login section fieldset input[type=text],
.login section fieldset input[type=password]{width:100%; margin-bottom:7px; border-width:0; background:#f1f1f1;}
.login section fieldset label{height:18px; margin:5px 0 20px; vertical-align:middle; color:#999; font-size:11px; font-family:'NanumBarunGothic-Regular'; line-height:20px;}
.login section fieldset button{width:100%; height:48px; border-radius:24px; background:#3a92d5; color:#fff; font-size:15px;}
.login section ul{position:absolute; bottom:0; left:0; width:100%; height:70px; padding:14px 16px 0; box-sizing:border-box; background:#f1f1f1; text-align:left;}
.login section li{margin-top:2px; padding-left:6px; background:url(/app/teacher/images/bu_dot.png) 0 4px / 2.5px auto no-repeat; color:#999; font-size:10px;}

/* Today */
.calendar-head{height:60px; padding:0 16px; box-sizing:border-box; border-top:1px solid #dadada; text-align:center; background:#fff; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,.2); box-shadow:0 1px 2px rgba(0,0,0,.2); position:relative; z-index:104;}
.calendar-head button{position:absolute; top:0; width:60px; height:60px; background-size:8px auto; background-repeat:no-repeat; font-size:0; line-height:0;}
.calendar-head button.prev{left:0; background-image:url(/app/teacher/images/icon_util_prev.png); background-position:16px 50%;}
.calendar-head button.next{right:0;background-image:url(/app/teacher/images/icon_util_next.png); background-position:calc(100% - 16px) 50%;}
.calendar-head .date{display:inline-block; padding-top:13px; text-align:center; color:#3a92d5; font-size:15px;}
.calendar-head .date small{display:block; margin-top:2px; color:#757575; font-size:11px;}
.calendar-head a.date{width:calc(100% - 88px); height:60px; box-sizing:border-box;}
.calendar-head p{padding:12px 0; text-align:center; color:#757575; font-size:12px; line-height:1.8;}
.calendar-head p strong{color:#212121; font-family:'NanumBarunGothic-Bold';}
.calendar-head p strong b{display:inline-block; width:18px; height:18px; margin:0 2px 2px 2px; border-radius:50%; vertical-align:middle; background:#f65453; color:#fff; font-size:10px; line-height:18px;}
.calendar-head.today{height:auto;}
.calendar-head.today button{width:50px; height:50px;}
.calendar-head.today span.date{padding-top:17px;}

.today-schedule ul{padding:25px 16px; background:#fff; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,.2); box-shadow:0 1px 2px rgba(0,0,0,.2);}
.today-schedule li{padding:8px 0 6px; border-bottom:1px solid #dadada; font-size:11px; position:relative;}
.today-schedule li:after{content:''; display:block; clear:both;}
.today-schedule li span.time{display:block; float:left; width:80px; margin-right:65px; text-align:center;}
.today-schedule li em{position:absolute; bottom:-1px; left:80px; width:55px; height:calc(100% + 1px); padding-top:8px; box-sizing:border-box; text-align:center; color:#fff;}
.today-schedule li em.counsel{border-bottom:1px solid #d1ac4b; background:#e9c054;}
.today-schedule li em.lecture{border-bottom:1px solid #cf7057; background:#e67d61;}
.today-schedule li em.work{border-bottom:1px solid #9391c0; background:#a4a1d6;}
.today-schedule li em.private{border-bottom:1px solid #5697bb; background:#60a8d0;}
.today-schedule li p{float:left; width:calc(100% - 145px);}
.today-schedule li p i{color:#757575;}
.today-schedule li:first-child{border-top:1px solid #dadada;}
.today-schedule li:first-child em{top:-1px; height:calc(100% + 2px);}
.today-schedule li:first-child em.counsel{border-top:1px solid #d1ac4b;}
.today-schedule li:first-child em.lecture{border-top:1px solid #cf7057;}
.today-schedule li:first-child em.work{border-top:1px solid #9391c0;}
.today-schedule li:first-child em.private{border-top:1px solid #5697bb;}

.today-counsel ul{padding:25px 16px; background:#fff;}
.today-counsel li{border-bottom:1px solid #dadada; font-size:11px; position:relative;}
.today-counsel li:first-child{border-top:2px solid #bdbdbd;}
.today-counsel li span.time,
.today-counsel li span.counsel,
.today-counsel li em{display:block; float:left; height:29px; box-sizing:border-box; border-bottom:1px solid #cad3d9; background:#ebf4fb; text-align:center; line-height:29px;}
.today-counsel li span.time{width:81px; border-bottom:1px solid #dadada; background:#fff;}
.today-counsel li span.counsel{width:calc(100% - 81px); padding-left:10px; border-left:1px solid #e5e5e5; text-align:left;}
.today-counsel li span.counsel i{margin-left:3px; color:#757575;}
.today-counsel li em{width:81px; background:#fff;}
.today-counsel li table{clear:both; width:calc(100% - 108px); margin-bottom:17px;}
.today-counsel li th, .today-counsel li td{padding-top:5px;}
.today-counsel li tr:first-child th, .today-counsel li tr:first-child td{padding-top:13px;}
.today-counsel li th{width:40px; padding-left:5px; font-weight:normal; text-align:left;}
.today-counsel li td{color:#757575;}
.today-counsel li button{position:absolute; top:39px; width:44px; height:44px; font-size:0; line-height:0; cursor:pointer;}
.today-counsel li button.call{right:54px; background:url(/app/teacher/images/btn_call.png) 0 0 / contain no-repeat;}
.today-counsel li button.mms{right:5px; background:url(/app/teacher/images/btn_mms.png) 0 0 / contain no-repeat;}
.today-counsel li.unpaid em{color:#f65453;}
.today-counsel li.unpaid span.counsel{background:#feeeed;}
.today-counsel li.unpaid span.counsel i{color:#f65453;}

/* Notice */
p.notice{height:50px; padding:0 16px; font-size:12px; font-family:'NanumBarunGothic-Light'; line-height:56px;}
p.notice b{font-family:'NanumBarunGothic-Regular'; font-weight:bold;}
p.notice:before{content:''; display:inline-block; width:17px; height:17px; margin:0 8px 2px 0; vertical-align:middle; background:url(/app/teacher/images/icon_notice.png)  0 0 / contain no-repeat;}

.notice-list{background:#fff;}
.notice-list li{border-top:1px solid #e0e0e0; position:relative;}
.notice-list li a{display:block; padding:15px 16px; font-size:11px;}
.notice-list li em.tag{margin-right:2px;}
.notice-list li em.tag:first-of-type{margin-left:-6px;}
.notice-list li strong{display:block; margin:3px 0 4px; color:#212121; font-size:15px;}
.notice-list li strong img{width:13px; height:13px; margin:0 2px 2px 0; vertical-align:middle;}
.notice-list li p{white-space:nowrap;text-overflow:ellipsis;overflow:hidden;font-size:12px;}
.notice-list li span.date{position:absolute; top:15px; right:16px; height:22px; padding-left:17px; background:url(/app/teacher/images/icon_calendar.png) 0 4px / 12px auto no-repeat; color:#757575; line-height:22px;}
.notice-list li.notice{background:#f1f9ff;}
.notice-list li:first-child{border-top-width:0;}

.notice-detail{margin-top:10px;}
.notice-detail p.head{padding:15px 16px 17px; border-bottom:1px solid #d4dbe0; background:#f1f9ff; font-size:11px; position:relative;}
.notice-detail p.head em.tag{margin-right:2px;}
.notice-detail p.head em.tag:first-of-type{margin-left:-6px;}
.notice-detail p.head strong{display:block; margin-top:3px; color:#212121; font-size:15px;}
.notice-detail p.head strong img{width:13px; height:13px; margin:0 2px 2px 0; vertical-align:middle;}
.notice-detail p.head span.date{position:absolute; top:15px; right:16px; height:22px; padding-left:17px; background:url(/app/teacher/images/icon_calendar.png) 0 4px / 12px auto no-repeat; color:#757575; line-height:22px;}
.notice-detail p.detail{padding:15px 16px; font-size:12px; font-family:'NanumBarunGothic-Light'; line-height:2;}

/* Calendar */
.weekly-schedule-list{margin-top:10px; background:#fff;}
.schedule-wrap{border-bottom:1px solid #dadada;}
.schedule-wrap:after{content:''; display:block; clear:both;}
.schedule-wrap strong{display:block; float:left; width:60px; height:65px; padding-top:14px; box-sizing:border-box; border-right:1px solid #dadada; text-align:center; font-size:18px;}
.schedule-wrap strong small{display:block; color:#757575; font-size:10px;}
.schedule-wrap strong.today{background:#f1f9ff;}
.schedule-wrap strong.sat small{color:#3a92d5;}
.schedule-wrap strong.sun small{color:#f65453;}
.schedule-wrap .scroll-wrap{display:block; float:left; width:calc(100% - 60px); height:65px; overflow-x:scroll; overflow-y:hidden; position:relative;}
.schedule-wrap .scroll-wrap.scroll-shadow:before{content:''; position:absolute; top:0; left:0; display:block; width:10px; height:100%; background:linear-gradient(90deg, #464646 10%, transparent); opacity:.15;}
.schedule-wrap .scroll-wrap .inner-container{padding-bottom:20px; overflow-x:auto; overflow-y:hidden;}
.schedule-wrap .scroll-wrap ul{width:500px;}
.schedule-wrap .scroll-wrap li{float:left; width:70px; box-sizing:border-box; border-left:1px solid #dadada;}
.schedule-wrap .scroll-wrap li a{display:block; height:65px; padding:5px 8px; box-sizing:border-box; color:#212121;}
.schedule-wrap .scroll-wrap li small{display:block;}
.schedule-wrap .scroll-wrap li em{display:table; height:16px; margin:4px 0 5px -3.5px; padding:0 10px; border-radius:8px; color:#fff; font-size:9px; line-height:16px;}
.schedule-wrap .scroll-wrap li em.counsel{background:#e9c054;}
.schedule-wrap .scroll-wrap li em.lecture{background:#e67d61;}
.schedule-wrap .scroll-wrap li em.work{background:#a4a1d6;}
.schedule-wrap .scroll-wrap li em.private{background:#60a8d0;}
.schedule-wrap .scroll-wrap li:first-child{border-left-width:0;}
.schedule-wrap .scroll-wrap.last-border li:last-child{width:71px;border-right:1px solid #dadada;}
.schedule-wrap .scroll-wrap li.off a{color:#757575;}

/* Member */
.member-inquiry{margin-top:10px; padding:20px 16px; background:#fff;}
.member-inquiry .select-mode{width:105px; margin-right:4px;}
.member-inquiry .component-text-form{width:calc(100% - 109px); margin-right:-3px;}
.member-inquiry .component-text-form button.refresh{right:38px;}
.member-inquiry input[type=text]{width:100%; padding-right:60px; box-sizing:border-box;}

.member-list{padding-left:16px; border-top:1px solid #dbdbdb; background:#fff;}
.member-list li{padding:19px 0 21px; border-top:1px solid #dbdbdb; position:relative;}
.member-list li:first-child{border-top-width:0;}
.member-list li table{width:calc(100% - 108px);}
.member-list li th, .member-list li td{padding-top:5px;}
.member-list li th{width:40px; padding-left:5px; font-weight:normal; text-align:left;}
.member-list li td{color:#757575;}
.member-list li td b{color:#3a92d5; font-family:'NanumBarunGothic-Bold';}
.member-list li button{position:absolute; top:20px; width:44px; height:44px; font-size:0; line-height:0; cursor:pointer;}
.member-list li button.call{right:54px; background:url(/app/teacher/images/btn_call.png) 0 0 / contain no-repeat;}
.member-list li button.mms{right:5px; background:url(/app/teacher/images/btn_mms.png) 0 0 / contain no-repeat;}
.member-list.selected li input[type=checkbox]{float:left; position:static; width:18px; height:18px; margin:13px 0 0; background:url(/app/teacher/images/bg_checkbox_off.png) 0 0 / contain no-repeat; opacity:1;}
.member-list.selected li input[type=checkbox]:checked{background-image:url(/app/teacher/images/bg_checkbox_on.png)}
.member-list.selected li table{float:left; margin-left:11px;}
.member-list.selected li:after{content:''; display:block; clear:both;}
.member-list.selected li:first-child{padding:16px 0;}
.member-list.selected li:first-child input[type=checkbox]{position:absolute; opacity:0;}
.member-list.selected li:first-child input[type=checkbox]+label{height:18px; padding-left:34px; font-size:12px; font-family:'NanumBarunGothic-Regular'; line-height:20px;}

.member-selected{padding-bottom:56px;}
.member-selected .btn-area{position:fixed; bottom:0; left:0; width:100%; padding:0;}
.member-selected .btn-area a{display:block; width:100%; height:56px; text-align:center; background:#3a92d5; color:#fff; font-size:18px; line-height:58px;}
.member-selected .btn-area a em{display:inline-block; width:22px; height:22px; margin:0 4px 2px 0; vertical-align:middle; text-align:center; border-radius:50%; background:#fff; color:#3a92d5; font-size:13px; line-height:24px;}

/* Message
.chat-wrap{position:relative;}
.chat-wrap .member{padding:16px 50px 14px 16px; box-sizing:border-box; border-top:1px solid #dadada; background:#fff; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,.2); box-shadow:0 1px 2px rgba(0,0,0,.2); font-size:15px; line-height:1.4;}
.chat-wrap .member a{position:absolute; top:14px; right:16px; display:block; width:24px; height:24px; background:url(/app/teacher/images/btn_add.png)  0 0 / contain no-repeat; font-size:0; line-height:0;}
.chat-wrap fieldset.message{position:fixed; bottom:0; left:0; width:100%; max-height:102px; padding:10px; box-sizing:border-box; background:#fff;}
.chat-wrap fieldset.message .component-text-form{width:calc(100% - 60px);}
.chat-wrap fieldset.message .component-text-form textarea{width:100%; height:40px; min-height:0; vertical-align:middle; padding:11px 16px 9px 65px; background:#f6f6f6;}
.chat-wrap fieldset.message button{cursor:pointer;}
.chat-wrap fieldset.message button.file{position:absolute; top:21px; left:20px; display:block; width:16.5px; height:18px; background:url(/app/teacher/images/btn_file.png)  0 0 / contain no-repeat; font-size:0; line-height:0; z-index:1;}
.chat-wrap fieldset.message button.emoticon{position:absolute; top:22px; left:46px; display:block; width:16.5px; height:16.5px; background:url(/app/teacher/images/btn_emoticon.png)  0 0 / contain no-repeat; font-size:0; line-height:0; z-index:1;}
.chat-wrap fieldset.message button.send{width:50px; height:40px; max-height:82px; margin-left:7px; border-radius:4px; vertical-align:middle; text-align:center; background:#3a92d5; color:#fff; font-size:11px;}
.chat-wrap fieldset.message.max{height:102px;}
.chat-wrap fieldset.message.max .component-text-form,
.chat-wrap fieldset.message.max button.send{height:82px;}
.chat-wrap fieldset.message.max .component-text-form textarea{height:100%;}
.chat-wrap fieldset.message.add{height: 190px}*/
.chat-wrap{position:relative}
.chat-wrap .dim{position:fixed; top:0; left:0; width:100%; height:100%; background: rgba(47,47,49,.9); z-index:1}
  .chat-wrap.tab .chat-list{padding-top:58px}
  .chat-wrap.message .chat-list{padding-bottom:80px}
  .chat-wrap .btn-area{padding-top:0}
  .chat-wrap .tab-type2{position:absolute;top:0;left:0;width:100%;}
.chat-wrap .member{padding:16px 50px 14px 16px; box-sizing:border-box; border-top:1px solid #dadada; background:#fff; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,.2); box-shadow:0 1px 2px rgba(0,0,0,.2); font-size:15px; line-height:1.4;}
.chat-wrap .member a{position:absolute; top:14px; right:16px; display:block; width:24px; height:24px; background:url(/app/teacher/images/btn_add.png)  0 0 / contain no-repeat; font-size:0; line-height:0;}
.chat-wrap fieldset.message{position:fixed;bottom:0;left:0;width:100%;height:60px; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2); box-sizing:border-box; padding:10px;background:#fff; z-index: 10;transition:height .5s; -webkit-transition:height .5s; -ms-transition:height .5s;border-top:1px solid #e0e0e0;}
.chat-wrap fieldset.message button.add{margin-right:7px; width:20px; height:40px; display:inline-block; vertical-align:middle; background:url(/app/teacher/images/icon_util_add.png) 50% 50% / contain no-repeat; font-size:0; line-height:0;padding:10px 0;}
.chat-wrap fieldset.message button.close{margin:10px 7px 10px 0; width:20px; height:20px; display:inline-block; vertical-align:middle; background:url(/app/teacher/images/icon_util_close5.png) 50% 50% / contain no-repeat; font-size:0; line-height:0;background-size:auto 16px;}
.chat-wrap fieldset.message button.general-btn{display:inline-block; vertical-align:middle; padding:0 16px; margin-left:8px; height:40px; line-height:40px; background:#bdbdbd; border-radius:4px; color:#fff; font-size: 13px}
.chat-wrap fieldset.message button.general-btn.on{background:#00bbd4;}
.chat-wrap fieldset.message button.refresh{display: none; top: 24PX; right: 90px;}
.chat-wrap fieldset.message button.file{position:absolute; top:21px; left:20px; display:block; width:16.5px; height:18px; background:url(/app/teacher/images/btn_file.png)  0 0 / contain no-repeat; font-size:0; line-height:0; z-index:1;}
.chat-wrap fieldset.message button.emoticon{position:absolute; top:22px; left:46px; display:block; width:16.5px; height:16.5px; background:url(/app/teacher/images/btn_emoticon.png)  0 0 / contain no-repeat; font-size:0; line-height:0; z-index:1;}
.chat-wrap fieldset.message button.send{width:50px; height:40px; max-height:82px; margin-left:7px; border-radius:4px; vertical-align:middle; text-align:center; background:#3a92d5; color:#fff; font-size:15px;}
.chat-wrap fieldset.message input[type=text]{width: calc(100% - 96px);  box-sizing: border-box; background: #f6f6f6; font-size: 15px;}
.chat-wrap fieldset.message input[type=text].on{padding-right: 38px;background: #fff}
.chat-wrap fieldset.message input[type=text].on ~ button.refresh{display: block;}
.chat-wrap fieldset.message span.add-button{display:block; margin: 10px -10px 0; padding:30px 7% 0; border-top:1px solid #dadada;}
.chat-wrap fieldset.message span.add-button:after{content:''; display: block; clear: both;}
.chat-wrap fieldset.message span.add-button i{display: inline-block; margin:0 -2px;}
.chat-wrap fieldset.message span.add-button a{float:left; width: 48px; margin:0 8.75px; padding-top: 55px; vertical-align: middle; font-size: 11px; color: #757575; text-align: center;}
.chat-wrap fieldset.message span.add-button a:first-of-type{margin-left: 0}
.chat-wrap fieldset.message span.add-button a.praise{background: url(/app/teacher/images/btn_praise.png) 50% 0 / 48px no-repeat;}
.chat-wrap fieldset.message span.add-button a.voice{background: url(/app/teacher/images/btn_voice.png) 50% 0 / 48px no-repeat;}
.chat-wrap fieldset.message span.add-button a.call{background: url(/app/teacher/images/btn_call2.png) 50% 0 / 48px no-repeat;}
.chat-wrap fieldset.message span.add-button a.photo{background: url(/app/teacher/images/btn_photo.png) 50% 0 / 48px no-repeat;}
.chat-wrap fieldset.message span.add-button a.video{background: url(/app/teacher/images/btn_video.png) 50% 0 / 48px no-repeat;}
.chat-wrap fieldset.message span.add-button.flex{display:flex; justify-content: space-between; flex-wrap: nowrap;}
.chat-wrap fieldset.message span.add-button.flex:after{display:none;}
.chat-wrap fieldset.message span.add-button.flex a{float:none; margin: 0}
.chat-wrap fieldset.message.add{height: 190px}
.chat-wrap fieldset.message.max{height:102px;}
.chat-wrap fieldset.message.max .component-text-form,
.chat-wrap fieldset.message.max button.send{height:82px;}
.chat-wrap fieldset.message.max .component-text-form textarea{height:100%;}
.chat-wrap fieldset.message .component-text-form{width:calc(100% - 60px);}
.chat-wrap fieldset.message .component-text-form textarea{width:100%; height:40px; min-height:0; vertical-align:middle; padding:11px 26px 9px 65px; background:#f6f6f6;}
.chat-wrap fieldset.message .component-text-form textarea.on{background:#fff;}
.chat-wrap fieldset.message .component-text-form textarea.on ~ button.refresh{top:21px; right:11px; display: block;}
.chat-wrap fieldset.tag-resigt{position:absolute;bottom:60px;left:0;width:100%;height:40px; padding:0 16px; border-top:1px solid #e0e0e0; box-sizing:border-box; background:#fff; overflow:hidden;}
.chat-wrap fieldset.tag-resigt input[type=text]{width:100%; padding-left:0; padding-right:0; border-width:0;}
.chat-wrap fieldset.open-setting {position:fixed;bottom:60px;left:0;width:100%;height: 50px; padding:0 16px; box-sizing:border-box; border-top: 1px solid #e0e0e0; font-size: 15px; line-height: 50px; font-family: 'NanumBarunGothic-Light'; background-color: #fff;}
.chat-wrap fieldset.open-setting:after {display: block; content: ""; clear: both;}
.chat-wrap fieldset.open-setting .right {float: right;}

.chat-list{padding:20px 10px}
.chat-list:after{content:''; display:block; clear:both}
.chat-list span.date{clear:both; display:block; padding: 20px 0 25px}
.chat-list span.date:first-of-type{padding-top:0}
.chat-list span.date i{display:table;height:20px; margin:0 auto; padding:0 10px; border-radius:10px; background:#e7e7e7; color:#757575;font-size:11px;line-height:20px;}
.chat-list span.time{position:absolute; bottom:0; color:#bdbdbd; font-size:11px}
.chat-list figure.name{position:relative; margin-bottom:10px}
.chat-list figure.name img{position:absolute; top:-10px; left:-50px; width:35px;height:35px; border-radius:50%}
.chat-list figure.name img.default{border:1px solid #e0e0e0;}
.chat-list figure.name figcaption{height:18px; font-size:11px;line-height:18px;}
.chat-list figure.name figcaption em{display:inline-block; height:18px; margin:0 5px 2px 0; box-sizing:border-box; padding:0 9px; vertical-align:middle; border:1px solid #d6d6d6; border-radius:9px;}
.chat-list button.share{}
.chat-list .search-box{margin-top:10px; padding:0; background:transparent; border-top-width:0}
.chat-list .search-box input[type=text]{color:#212121; font-size:15px; font-family:'NanumBarunGothic-Light'}
.chat-list .search-box button.search{right:10px}
.chat-list .search-box button.refresh{right:35px}
.chat-list .message{position:relative; display:table; min-height:42px; margin-bottom:10px; padding: 12px 15px 10px; box-sizing:border-box; border-radius:5px; background:#fff; line-height:20px; font-family:'NanumBarunGothic-Light'}
.chat-list .message img.call,
.chat-list .message img.unanswered{vertical-align:middle; height:16.5px; margin:0 4px 2px 0}
.chat-list .message img.transmit{float:none; max-width:none; vertical-align:middle; height:16px; margin:0 8px 2px 0}
.chat-list .message b.name{font-weight: normal; color: #00bbd4}
.chat-list .message:first-of-type{position:relative;}
.chat-list .message:first-of-type:before{content:''; position:absolute; top:0; display:block; width:8.5px; height:12px;}
.chat-list .media{display:inline-block; font-family:'NanumBarunGothic-Light'}
.chat-list .media img{height:18px; /*margin:0 7px 0 0;*/ vertical-align:middle;}
.chat-list .media .equalizer{position:relative;display:inline-block;vertical-align:middle;width:47px;height:18px;margin:0 7px;background:url('/app/teacher/images/img_media_receive.png') no-repeat;background-size:auto 18px;}
.chat-list .media .equalizer span{position:absolute;top:0;left:0;width:0;height:18px;background:url('/app/teacher/images/img_media_receive_on.png') no-repeat;background-size:auto 18px;}
.chat-list .photo,
.chat-list .video{position:relative; max-width:75%; margin-bottom:10px; }
.chat-list .photo img,
.chat-list .video img{max-width:100%; vertical-align:top; border-radius:5px}
.chat-list .photo button.share,
.chat-list .video button.share{position:absolute; top:50%; margin-top:-12.5px; width:25px; height:25px; background:url(/app/teacher/images/icon_share2.png) 0 0 / contain no-repeat; font-size:0; line-height:0}
.chat-list .video .btn-play{position:absolute;top:50%; left:50%; width:42px; height:42px; margin: -21px 0 0 -21px}
.chat-list .check-list{margin:6px 0 2px}
.chat-list .check-list li{display:inline-block; margin:3.5px 0; position:relative}
.chat-list .check-list li input[type=radio]{position:absolute; top:-9999px; left:-9999px;}
.chat-list .check-list li label{display:block; height:24px; margin-right:4px; padding:0 22px 0 9px; border-radius:12px; box-sizing:border-box; border:1px solid #dedede; font-size:11px; line-height:24px; }
.chat-list .check-list li label:before{left:auto; right:10px; top:50%; width:8px; height:8px; margin-top:-4px; background-image:url(/app/teacher/images/bg_check_off.png); background-size:100%}
.chat-list .check-list li input[type=radio]:checked+label{border-color:transparent; background:#00bbd4; color:#fff;}
.chat-list .check-list li input[type=radio]:checked+label:before{margin-top:-3px;background-image:url(/app/teacher/images/bg_check_on.png)}
.chat-list .emoticon{width:110px;}
.chat-list .emoticon img{max-width:100%;}

  /*수신*/
  .chat-list .receive{float:left; max-width:71.7%; margin-left:50px;}
  .chat-list .receive .message,
  .chat-list .receive .photo,
  .chat-list .receive .video{clear:left; float:left}
  .chat-list .receive .photo button.share,
  .chat-list .receive .video button.share{right:-45px;}
  .chat-list .receive .message:first-of-type{border-top-left-radius:0}
  .chat-list .receive .message:first-of-type:before{left:-6.5px; background:url(/app/teacher/images/bg_edge_l.png) no-repeat; background-size: 100%}
  .chat-list .receive span.time{right:-36px;}

  /*송신*/
  .chat-list .transmit{float:right; max-width:71.7%; }
  .chat-list .transmit .message,
  .chat-list .transmit .photo,
  .chat-list .transmit .emoticon,
  .chat-list .transmit .video{clear:right; float:right}
  .chat-list .transmit .photo button.share,
  .chat-list .transmit .video button.share{left:-45px;}
  .chat-list .transmit .media{color:#fff;}
  .chat-list .transmit .message{color:#fff; background:#5f7d8c}
  .chat-list .transmit .message:first-of-type{border-top-right-radius:0}
  .chat-list .transmit .message:first-of-type:before{right:-6.5px; background:url(/app/teacher/images/bg_edge_r.png) no-repeat; background-size: 100%}
  .chat-list .transmit span.time{left:-36px;}

/* MMS-추가파일선택 */
.add-pic-files{position:fixed;bottom:60px;left:0;width:100%; padding: 1.5px; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2);-moz-box-shadow:0 1px 2px rgba(0,0,0,.2);box-shadow:0 1px 2px rgba(0,0,0,.2); box-sizing:border-box; background: #f6f6f6}
.add-pic-files ul:after{content:''; display: block; clear:both;}
.add-pic-files li{float:left; width: 33.3%; padding: 1.5px; box-sizing: border-box; position: relative;}
.add-pic-files li img{max-width: 100%; vertical-align: top}
.add-pic-files li .btn-play{position:absolute; top: 50%; left: 50%; width: 42px; height: 42px; margin: -21px 0 0 -21px}

/* Setting */
.setting-wrap table,
.setting-wrap ul,
.setting-wrap p{width:100%; box-sizing:border-box; background:#fff; -webkit-box-shadow:0 1px 2px rgba(0,0,0,.2); -moz-box-shadow:0 1px 2px rgba(0,0,0,.2); box-shadow:0 1px 2px rgba(0,0,0,.2);}

.setting-wrap.version table{}
.setting-wrap.version th,
.setting-wrap.version td{padding:17px 0 13px; text-align:left; border-top:1px solid #dbdbdb; font-size:15px; font-family:'NanumBarunGothic-Light'; font-weight:normal;}
.setting-wrap.version th{width:75px; padding-left:16px; position:relative;}
.setting-wrap.version th:before{content:''; position:absolute; top:-1px; left:0; display:block; width:16px; height:1px; background:#fff;}
.setting-wrap.version td{color:#757575;}
.setting-wrap.version td span.version{display:block; position:relative;}
.setting-wrap.version td span.version a:first-child{display:inline-block; height:50px; margin:-17px -10px -13px; padding:0 10px; vertical-align:middle; color:#3a92d5; text-decoration:underline; line-height:52px;}
.setting-wrap.version td span.version a.btn-type{position:absolute; top:-6px; right:16px; color:#757575; text-decoration:none;}
.setting-wrap.version tr:first-child th,
.setting-wrap.version tr:first-child td{border-top-width:0;}
.setting-wrap.version tr:first-child th:before{display:none;}

.setting-wrap.synch ul{padding-left:16px;}
.setting-wrap.synch li{padding:16px 0 14px; border-top:1px solid #dbdbdb;}
.setting-wrap.synch li h3{margin-bottom:14px; font-size:15px; font-family:'NanumBarunGothic-Light';}
.setting-wrap.synch li span.synch{display:block; position:relative; color:#757575; font-size:12px; font-family:'NanumBarunGothic-Light';}
.setting-wrap.synch li span.synch b{display:block; margin-bottom:8px; font-size:13px; font-family:'NanumBarunGothic-Regular';}
.setting-wrap.synch li span.synch button{position:absolute; bottom:0; right:0; width:48px; height:48px; background:url(/app/teacher/images/btn_refresh.png) 50% 50% / 16px auto no-repeat; font-size:0; line-height:0;}
.setting-wrap.synch li:first-child{border-top-width:0;}

.setting-wrap.login{height:auto; background:transparent;}
.setting-wrap.login p{height:50px; padding:0 16px; font-size:15px; font-family:'NanumBarunGothic-Light'; line-height:50px; position:relative;}
.setting-wrap.login p a{position:absolute; top:12px; right:16px; font-family:'NanumBarunGothic-Regular';}

/* Layer Module */
#lay-wrap {position:fixed; top:0; z-index:1000; width:100%; height:100%; left:-1000%; opacity:0; filter:alpha(opacity=0); -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition:opacity .5s; -webkit-transition:opacity .5s; -ms-transition:opacity .5s; padding:15px 0; overflow-y:scroll; box-sizing:border-box;}
#lay-wrap .dim {z-index:1;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(47,47,49,.9);transform:translate3d(0,0,0); -webkit-transform:translate3d(0,0,0); -ms-transform:translate3d(0,0,0);}
#lay-wrap.view-layer {left:0; opacity:1;}
.layer-wrap {position:relative; top:50%; width:100%; z-index:11;}
.layer-wrap .lay-container {position:relative; overflow:hidden; margin:0 16px; background:#fff; border-radius:4px;}
.layer-wrap .btn-area{padding:0;}
.layer-wrap .btn-area a{display:inline-block; width:100%; height:56px; vertical-align:middle; box-sizing:border-box; text-align:center; background:#3a92d5; color:#fff; font-size:15px; line-height:58px; position:relative;}
.layer-wrap .btn-area a.call{padding-left:22px;}
.layer-wrap .btn-area a.call:before{content:''; position:absolute; top:50%; left:50%; display:block; width:16.5px; height:16px; margin:-9px 0 0 -40px; background:url(/app/teacher/images/icon_btn_call.png) 0 0 / contain no-repeat;}
.layer-wrap .btn-area a.mms{padding-left:25px;}
.layer-wrap .btn-area a.mms:before{content:''; position:absolute; top:50%; left:50%; display:block; width:17px; height:17px; margin:-10px 0 0 -48px; background:url(/app/teacher/images/icon_btn_mms.png) 0 0 / contain no-repeat;}
.layer-wrap .btn-area.flex{display:-webkit-flex; display:flex; -webkit-flex-wrap:wrap; flex-wrap:wrap; -webkit-justify-content:space-between; justify-content:space-between;}
.layer-wrap .btn-area.flex a{flex:1;}
.layer-wrap .btn-area.flex a:nth-child(2){border-left:1px solid #3483bf;}
.layer-wrap .close-lay {position:absolute; right:13px; top:13px;}
.layer-wrap .close-lay span{display:block;width:25px;height:25px;background:#fff url(/app/teacher/images/icon_util_close.png) 0 0 / contain no-repeat;text-indent:-9999px}

.layer-weekly-list{position:fixed; bottom:0; left:0; width:100%; height:200px; background:#fff; z-index:1;}
.layer-weekly-list ul{height:200px; overflow-x:hidden; overflow-y:auto; padding:0 16px;}
.layer-weekly-list li{border-top:1px solid #dadada;}
.layer-weekly-list li:first-child{border-top-width:0;}
.layer-weekly-list li button{display:block; width:100%; height:40px; box-sizing:border-box; text-align:center; color:#757575; font-size:12px; line-height:40px;}
.layer-weekly-list li.selected button{color:#3a92d5;}
.layer-weekly-list li.selected button:after{content:''; display:inline-block; width:13px; height:9px; margin:0 0 2px 10px; background:url(/app/teacher/images/bg_check.png) 0 0 / contain no-repeat; vertical-align:middle;}

.layer-schedule h2{height:56px; border-bottom:1px solid #e1e1e1; text-align:center; font-size:18px; font-family:'NanumBarunGothic-Light'; line-height:56px;}
.layer-schedule table{width:100%; margin:12px 0 20px;}
.layer-schedule th,
.layer-schedule td{padding:5px 15px 5px 0; vertical-align:top;}
.layer-schedule th{width:57px; padding-top:7px; padding-left:15px; text-align:left; font-size:12px;}
.layer-schedule td{font-size:15px; font-family:'NanumBarunGothic-Light';}
.layer-schedule td em{display:inline-block; height:22px; margin:0 0 2px 0; padding:0 10px; border-radius:11px; vertical-align:middle; color:#fff; font-size:11px; line-height:22px;}
.layer-schedule td em.counsel{background:#e9c054;}
.layer-schedule td em.lecture{background:#e67d61;}
.layer-schedule td em.work{background:#a4a1d6;}
.layer-schedule td em.private{background:#60a8d0;}

.layer-util p{padding:26px 0 24px; text-align:center; font-size:15px; font-family:'NanumBarunGothic-Light'; line-height:1.6;}
.layer-util p.synch{height:98px; padding:0; line-height:100px;}