@charset "utf-8";

/* reset */
html, body {width:100%; min-width:100%}
input, textarea, select, button {font-family:'Noto Sans Korean','Malgun Gothic','맑은고딕','돋움',dotum, sans-serif;font-size:16px;line-height:1.5;letter-spacing:0;vertical-align:middle;
box-sizing:border-box;
-o-box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box}
input[type='text'],input[type='password'],input[type='submit'],input[type='search'],input[type='number'],input[type='tel'],input[type='date'] {-webkit-appearance:none;box-shadow:0;border-radius:0}
input:checked[type='checkbox'] {background-color:#666; -webkit-appearance:checkbox}
button,input[type='button'],input[type='submit'],input[type='reset'],input[type='file'] {-webkit-appearance:button}
input[type='search']::-webkit-search-cancel-button {-webkit-appearance:none}
textarea {line-height:1.2; resize:none;-webkit-appearance:none;box-shadow:0;border-radius:0}
::-webkit-input-placeholder{color:#999}/*input place 속성*/
a {color:#555;text-decoration:none}
a:link, a:visited {text-decoration:none}
a:hover {text-decoration:none}

.w10p {width:10%}
.w90p {width:90%}
.w100p {width:100% !important}
.w80p {width:80%}
.w100 {width: 100px;max-width:100px}
.w200 {width: 200px;max-width:200px}
.w250 {width: 250px;max-width:250px}
.w280 {width: 280px;max-width:280px}
.w500 {width: 500px;max-width:500px}
.w770 {width: 770px;max-width:770px}
.w880 {width:880px;max-width:880px}
.w1290 {width:92vw;min-width:1290px}
.h70 {height: 70px}
.h80 {height: 80px}
.h100 {height: 100px}
.h150 {height: 150px}
.h200 {height: 200px}
.h350 {height: 350px}
.pt0 {padding-top:0px !important}
.pb0 {padding-bottom:0px !important}
.pl20 {padding-left:0px !important}
.pt30 {padding-top:30px !important}
.mt5 {margin-top:5px !important}
.mt12 {margin-top:12px !important}
.mt30 {margin-top:30px !important}
.mt35 {margin-top:35px !important}
.mt40 {margin-top:40px !important}
.ml10 {margin-left:10px}
.ml20 {margin-left:20px}
.mtminus {margin-top:-1px !important}
.ta_l {text-align:left}
.ta_l div {text-align:left}
.ta_l p {text-align:left}
.ta_c {text-align:center}
#container {width:100%;max-width:1290px;margin:0 auto;padding-top: 40px;padding-bottom:92px;box-sizing:border-box}
.dib {display:inline-block;vertical-align:middle;}
.posr {position:relative}
.scrollboxy {overflow:hidden;overflow-y:scroll;max-height:200px;}

#menutab {display:none;position:relative;border-top:1px solid #eee;background:#fff}
#menutab ul {position:relative;overflow:hidden;overflow-x:auto;width:100%;white-space:nowrap;height:43px;-webkit-overflow-scrolling: touch;background: url(../images/contents/bg_menutab.gif) repeat-x 0 bottom}
#menutab ul::-webkit-scrollbar {display:none}
#menutab ul li {position:relative;display:inline-block;margin-left:-4px;height:42px;line-height:42px;border-bottom:1px solid #bebdbd;border-left:1px solid #e4e4e4}
#menutab ul li.on {border-bottom-color:#19b0bb}
#menutab ul li.on:after {content:'';display:block;position:absolute;bottom:0;left:0;width:100%;height:2px;background:#19b0bb}
#menutab ul li a {display:block;padding:0 20px;text-align:center;font-size:12px;font-weight:500;color:#3d3d3d}


/* 타이틀 */
.ttl_page {padding-bottom:23px;font-size:30px;font-weight:700;color:#3c3c3c}
.ttl_page.line {border-bottom:2px solid #2b2e35}
.ttl_tbl {margin-top:23px;padding:16px 0 14px;text-align:center;font-size:18px;font-weight:700;letter-spacing:-0.04em;color:#3c3c3c;border-top:2px solid #2b2e35;border-bottom:1px solid #c3c6cf}
.title_basic {margin-top:20px;font-size:18px;font-weight:500;color:#525252}
.tit_circle {position:relative;padding-left:35px;font-size:20px;font-weight:700;color:#343434;}
.tit_circle:after {content:'';display:block;position:absolute;top:0;left:0;width:27px;height:27px;border-radius:50%;background:#11a1ad url(../images/contents/tit_circle_arr.png) no-repeat center center;}
.fc_red {color:#ff0202}
.fc_orange {color:#fa7000}
.fc_blue {color:#11a1ad}
.bold {font-weight:500;}

/* 검색 */
.searchbox {width:100%;border:1px solid #e8e8e8;-webkit-box-sizing:border-box;box-sizing:border-box}
.searchbox:after {content:'';display:block;clear:both}
.searchbox > div {float:left;border-left:1px solid #f4f4f4;padding:20px 0;-webkit-box-sizing:border-box;box-sizing:border-box}
.searchbox .inptxt {display:inline-block;width:63%;max-width:235px;vertical-align:middle}
.searchbox .select {display:inline-block;width:58%;max-width:168px;vertical-align:middle}
.searchbox > div:nth-of-type(1) {width:30%}
.searchbox > div:nth-of-type(2) {width:20%}
.searchbox > div:nth-of-type(3) {width:20%}
.searchbox > div:nth-of-type(4) {width:30%}
.searchbox > div:nth-of-type(4) .th {padding-left:6%}
.searchbox > div:nth-of-type(4) .select {width:54%}
.searchbox .th {display:inline-block;padding-left:8%;padding-right:5%;font-size:15px;font-weight:500;color:#454748;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle}
.searchbox .sbtn {vertical-align:middle;width:21%;margin-left:1%}
.searchbox.col2 > div {width:50%}
.searchbox.col2 .inptxt {width:72%;max-width:440px}
.searchbox.col2 .select {width:72%;max-width:360px}

.searchboxTbl {display:table;width:100%;border:1px solid #e8e8e8;-webkit-box-sizing:border-box;box-sizing:border-box}
.searchboxTbl .row {display:table-row}
.searchboxTbl .row:first-child .cell {border-top:0}
.searchboxTbl .cell {position:relative;display:table-cell;padding:17px 0;-webkit-box-sizing:border-box;box-sizing:border-box}
.searchboxTbl .cell .checkbox {display:inline-block;width:80%}
.searchboxTbl .cell .checkbox .cell {display:inline-block;padding:0;border-top:0;border-left:0;margin-right:8px}
.searchboxTbl .cell .phoneinp {display:inline-block;width:78%}
.searchboxTbl .cell .phoneinp .cell {display:inline-block;width:26%;padding:0;border-top:0;border-left:0}
.searchboxTbl .cell .phoneinp .select {width:100%}
.searchboxTbl .cell .phoneinp .inptxt {width:100%}
.searchboxTbl .th {display:inline-block;font-size:15px;font-weight:500;color:#454748;-webkit-box-sizing:border-box;box-sizing:border-box;vertical-align:middle}
.searchboxTbl .w50 {width:50%}
.searchboxTbl .w50 > .th {width:14.99%;padding-left: 4.06%}
.searchboxTbl .w50 > .frmdate {width:39.29%}
.searchboxTbl .w50 > .select {display:inline-block;width:39.29%}
.searchboxTbl .w50 .selectgroup {display:inline-block;width:81%}
.searchboxTbl .w50 .selectgroup .select {display:inline-block;width:32.29%}
.searchboxTbl .w25 {width:25%}
.searchboxTbl .w25 .th {width:29.99%;padding-left:9.06%}
.searchboxTbl .w25 > .inptxt {width:60%}

.searchboxTbl .w35 {width:35%}
.searchboxTbl .w35 .th {width:20.99%;padding-left: 4.06%}
.searchboxTbl .w15 {width:15%}
.searchboxTbl .w15 .th {width:28%;padding-left:0%}
.searchboxTbl .w15 .select {width:62%}
.searchboxTbl .bdl {border-left:1px solid #f4f4f4}
.searchboxTbl .inptxt {display:inline-block;width:50%;max-width:210px}
.searchboxTbl .half {display:inline-block;width:50%;max-width:210px}
.searchboxTbl .btnr {position:absolute;top:14px;right:4.27%;background:transparent;}
.searchboxTbl .full .th {width:7.5%;padding-left:2.06%}
.searchboxTbl .full .inptxt {display:block;width:100%;max-width:100%}
.searchboxTbl .full .srchinpbtn {position:relative;display:inline-block;width:72%;padding-right:105px;}
.searchboxTbl .full .srchinpbtn .mbtn {position:absolute;top:0;right:0;}
.searchboxTbl .full .btnr {top:20px;right:2.27%}

.searchbox2 {display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}

.searchboxTbl2 {display:table;-webkit-box-sizing:border-box;box-sizing:border-box}
.searchboxTbl2 .cell {position:relative;display:table-cell;-webkit-box-sizing:border-box;box-sizing:border-box}
.searchboxTbl2 .w50 {width:50%}
.searchboxTbl2 .w50 > .th {width:14.99%;padding-left: 4.06%}
.searchboxTbl2 .w50 > .frmdate {width:39.29%}
.searchboxTbl2 .w50 > .select {display:inline-block;width:39.29%}
.searchboxTbl2 .inptxt {display:inline-block;width:50%;max-width:210px}

/* 리스트 */
.listdatabox {margin-top:25px;border-top:1px solid #515151;border-bottom:1px solid #515151}
.listdatabox > ul > li {position:relative;border-top:1px solid #c0c0c0}
.listdatabox > ul > li:first-child {border-top:0}
.listdatabox .btns {position:absolute;top:10px;right:22px}
.listdatabox .btns a {margin-left:3px}
.listdatabox .ttl {padding:12px 120px 14px 20px;font-size:16px;font-weight:500;color:#3a3a3a}
.listdatabox .tit {padding-right:120px;font-weight:350;color:#6f6f6f}
.listdatabox .dep {padding-left:26%;border-top:1px solid #e5e5e5}
.listdatabox .dep li {position:relative;padding:12px 0 13px;border-top:1px solid #e5e5e5}
.listdatabox .dep li:first-child {border-top:0}
.listtablebox {margin-top:10px;}
.listtablebox li {overflow:hidden;position:relative;display:table;width:100%;border:1px solid #e2e2e2}
.listtablebox li + li {margin-top:-1px;}
.listtablebox li > div {display:table;width:100%;float:left;min-height:44px;b-webkit-box-sizing:border-box;box-sizing:border-box}
.listtablebox li > div:after {content:'';display:block;clear:both}
.listtablebox li > div + div {border-left:1px solid #e2e2e2}
.listtablebox li.col2 > div {width:50%;}
.listtablebox li.col3 > div {width:33%;}
.listtablebox li.col3 .th {width:40%;}
.listtablebox li.col3 .td {width:60%;}
.listtablebox li.col3 > div:last-child {width:34%;}
.listtablebox li.col2 .th {width:26.92%;}
.listtablebox li.col2 .td {width:73.08%;}
.listtablebox li .th {display:table-cell;width:14.04%;padding-left:20px;font-size:16px;font-weight:350;color:#5e5e5e;border-right:1px solid #e2e2e2;background:#f9f9f9;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box}
.listtablebox li .td {display:table-cell;width:85.96%;padding:10px 1.14%;padding-left:13px;font-weight:350;color:#525252;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box}
.listtablebox li .td.frmtxt {padding-top:18px;padding-bottom:18px}
.listfrm {margin-top:10px;}
.listfrm li {position:relative;padding:13px 0}
.listfrm li:not(:first-child) {border-top:1px solid #ebebeb}
.listfrm li .th {display:inline-block;width:20%;vertical-align:middle;font-size:16px;font-weight:500;color:#555}
.listfrm li .td {display:inline-block;width:78%;vertical-align:middle;}
.pointselect {position:relative;vertical-align:middle;-webkit-box-sizing:border-box;box-sizing:border-box}
.pointselect span {display:inline-block;margin-left:4px;}
.pointdate {position:relative;display:table;width:100%;-webkit-box-sizing:border-box;box-sizing:border-box}
.pointdate span {display:table-cell;}
.pointdate .term {width:15px;text-align:center;}
.coinselect {position:relative;display:inline-block;margin-left:30px;vertical-align:middle;width:52.88%;padding-right:76px;-webkit-box-sizing:border-box;box-sizing:border-box}
.coinselect .btns {position:absolute;top:2px;right:0;}
.coinselect .btns > a {width:66px;padding:0;}

/* 탭메뉴 */
.tabsubmenu ul {display:table;width:100%;text-align:center;-webkit-box-sizing:border-box;box-sizing:border-box}
.tabsubmenu li {position:relative;display:table-cell;vertical-align:middle;border:1px solid #cfcfcf;border-left:0;border-bottom-color:#fa8700;-webkit-box-sizing:border-box;box-sizing:border-box}
.tabsubmenu li:first-child {border-left:1px solid #cfcfcf;}
.tabsubmenu li.on {position:relative;z-index:1;border-color:#fa8700;background:#fa8700}
.tabsubmenu li.on:before {left:-1px;}
.tabsubmenu li.on:before,
.tabsubmenu li.on:after {content:'';display:block;position:absolute;top:-1px;width:1px;height:47px;background:#fa8700}
.tabsubmenu li.on:after {right:-2px}
.tabsubmenu li a {display:block;width:100%;height:46px;line-height:46px;font-size:18px;font-weight:500;color:#4c4c4c;}
.tabsubmenu li.on a {color:#fff}
.tabsubcont {overflow:hidden;padding:0 24px 50px;border:1px solid #cfcfcf;border-top:0;box-shadow:inset 0px 10px 20px rgba(207,207,207,.5)}

.tabtextbook {overflow:hidden;padding:30px 30px 30px 30px; border:1px solid #cfcfcf; margin-top: 20px;}


/* 테이블 */
.tblbox {display:table}
.tblbox .cell {display:table-cell}
.tblbox .cell + .cell {padding-left:6px}
.table_list {border-top:2px solid #000}
.table_list.bdt_gray {border-top:1px solid #e5e5e5}
.table_list.box tbody {border-left:1px solid #e5e5e5;border-right:1px solid #e5e5e5}
.table_list.box tbody td:not(:first-child) {border-left:1px solid #e5e5e5}
.table_list thead th {padding:12px 0 13px;font-size:14px;font-weight:500;color:#494949;border-left:1px solid #e5e5e5;border-bottom:1px solid #c3c6cf;background: #f6f6f6}
.table_list thead th:last-child {border-right:1px solid #e5e5e5}
.table_list thead th.ta_l,
.table_list tbody th.ta_l {text-align:left;padding-left:10px;padding-right:10px;}
.table_list tbody td {text-align:center;padding:12px 2px 13px;font-weight:300;color:#5e5e5e;border-bottom:1px solid #ececec;letter-spacing:-0.04em}
.table_list tbody td.ta_l p {text-align:left;padding-left:7px;padding-right:7px;}
.table_list tbody td.ta_l div {text-align:left;padding-left:7px;padding-right:7px;}
.table_list tbody td.ta_r p {text-align:right;padding-left:7px;padding-right:7px;}
.table_list tbody td.ta_r div {text-align:right;padding-left:7px;padding-right:7px;}
.table_list .btnin {position:relative}
.table_list.headblack {border-top:0;}
.table_list.headblack thead th {color:#fff;border-left-color:#363636;border-bottom-color:#515151;background:#515151}
.table_list.headblack tr td:first-child {border-left:1px solid #e2e2e2}
.table_list.headblack tr td:last-child {border-right:1px solid #e2e2e2}
.table_list.headblack tbody td {color:#545353}
.table_list.bdt_green {border-top:2px solid #63a70b}
.table_list.bdt_green tr td:first-child {border-left:1px solid #e2e2e2}
.table_list.bdt_green tr td:last-child {border-right:1px solid #e2e2e2}
.table_frm {border:1px solid #c3c6cf;border-left-color:#e8e8e8;border-right-color:#e8e8e8}
.table_frm thead th {padding:12px 0 13px;font-size:14px;font-weight:500;color:#494949;border-left:1px solid #e5e5e5;border-bottom:1px solid #c3c6cf;background: #f6f6f6}
.table_frm thead th:last-child {border-right:1px solid #e5e5e5}
.table_frm tbody th {text-align:left;font-size:16px;font-weight:500;color:#5e5e5e;border-right:1px solid #e8e8e8;border-bottom:1px solid #ececec;background:#fafafa}
.table_frm tbody th span {padding-left:20px}
.table_frm tbody td {padding:10px 13px;border-bottom:1px solid #ececec}
.table_frm tbody tr:last-child th,
.table_frm tbody tr:last-child td {border-bottom: 0} 
.table_frm tbody td.ta_r p {text-align:right;padding-left:7px;padding-right:7px;}
.table_frm.bdt_black {border-top:2px solid #515151}
.table_frm.bdt_green {border-top:2px solid #63a70b}
.table_frm .txt {display:inline-block;margin-right:4px;vertical-align:middle;}
.table_frm .thtxt {margin-left:12px;}
.table_frm .label {display:inline-block;margin-right:4px;vertical-align:middle;}

.table_row {border:1px solid #c3c6cf;border-left-color:#e8e8e8;border-right-color:#e8e8e8}
.table_row.bdt_black {border-top:2px solid #515151}
.table_row.bdt_green {border-top:2px solid #63a70b}
.table_row table {width:100%;}
.table_row tbody th {padding-left:20px;text-align:left;font-size:16px;font-weight:500;color:#5e5e5e;border-right:1px solid #e8e8e8;border-bottom:1px solid #ececec;background:#fafafa}
.table_row tbody td {padding:10px 13px;border-bottom:1px solid #ececec}
.table_row tbody tr:last-child th,
.table_row tbody tr:last-child td {border-bottom: 0} 
.table_row th, 
.table_row td {-webkit-box-sizing:border-box;box-sizing:border-box;}
.table_row td + th {border-left:1px solid #ddd;}
.table_row .label {display:inline-block;margin-right:4px;vertical-align:middle;}

.tblbottom {position:relative;} 
.tblbottom .btnr {position:absolute;top:0;right:0;} 

.table_head {margin-top:24px;margin-bottom: 10px} 
.table_head:after {content:'';display:block;clear:both} 
.table_head .total {position: relative;float:left;padding-left:6px;margin-top: 14px;font-size: 14px;color:#787878} 
.table_head .total:after {content:'';display: block;position: absolute;top:8px;left: 0;width:2px;height:2px;background: #949494} 
.table_head .total strong {color:#02aebc} 
.table_head .total span {color:#494949} 
.table_head .btns {float:right} 
.table_head .th {font-size:14px;color:#797979;}

.frmidchk {position:relative;box-sizing:border-box}
.frmidchk:after {content:'';display: block;clear:both}
.frmidchk > div:first-child {float:left}
.frmidchk .mbtn {float:left}
.frmidchk .desc {float:left;font-size:14px;color:#8d8c8c;margin-left:10px;vertical-align: middle;height: 40px;line-height:40px}
.passwordchk > div:first-child {float:left}
.passwordchk:after {content:'';display: block;clear:both}
.passwordchk > .icheckbox {float:left;margin-left: 13px;margin-top:8px}
.phoneinp {display:table}
.phoneinp .cell {display:table-cell;width:127px}
.phoneinp .cell .intxt {display:table-cell}
.phoneinp .term {display:inline-block;width:18px;text-align:center}
.addressinp .zipcode {display:table}
.addressinp .zipcode .cell {display:table-cell;width:127px}
.addressinp .zipcode .term {display:inline-block;width:18px;text-align:center}
.addressinp .zipcode .term.mini {width:10px;}
.addressinp .detail {margin-top:4px}
.checkbox {display:table}
.checkbox .cell {display:table-cell}
.checkbox .cell:not(:first-child) {padding-left:26px}
.checkbox .cell2 {display: inline-block; padding-right:20px}

.frmdate {position:relative;display:inline-block;vertical-align:middle}
.frmdate .inptxt {width:100%;max-width:100%}
.frmdate .calendar {position:absolute;top:6px;right:8px}
.frmdate .calendar img {vertical-align:middle}
.frmtimegroup > div {display:inline-block}
.frmtimegroup .select {display:inline-block;width:15.27%}
.frmtimegroup .inptxt {display:inline-block;width:15.27%}

.mtblbox {display:table}
.mtblbox .cell {display:table-cell}
.mtblbox .cell + .cell {padding-left:6px}

/* 페이징 */
.paging {margin-top:28px;text-align:center}
.paging a {display:inline-block;width:33px;height:33px;line-height:33px;text-align:center;font-size:14px;font-weight:350;color:#949494;border:1px solid #e2e2e2;vertical-align:middle}
.paging strong {display:inline-block;width:33px;height:33px;line-height:33px;text-align:center;font-weight:500;color:#11a1ad;border:1px solid #11a1ad;vertical-align:middle}
.paging [class^='btn'] {display:inline-block;width:33px;height:33px;line-height:33px;border:1px solid #e2e2e2;vertical-align:middle}
.paging .btn_first {background: url(../images/contents/paging_first.gif) no-repeat center center}
.paging .btn_prev {margin-right:12px;background: url(../images/contents/paging_prev.gif) no-repeat center center}
.paging .btn_next {margin-left:12px;background: url(../images/contents/paging_next.gif) no-repeat center center}
.paging .btn_last {background: url(../images/contents/paging_last.gif) no-repeat center center}


/* 폼*/
.inptxt input {width:100%;height:40px;line-height:40px;text-indent:10px;border:1px solid #d8d8d8}
.inptxt input.ta_c {text-indent:0}
.select select {width:100%;height:40px;line-height:40px;text-indent:10px;font-size:16px;border:1px solid #d8d8d8; padding-left:10px;}
.select2 select {width:100%;height:40px;line-height:40px;text-indent:10px;font-size:16px;border:1px solid #d8d8d8; padding-left:10px;}
.textarea textarea {width:100%;/*text-indent:10px;*/padding:4px;border:1px solid #d8d8d8;-webkit-box-sizing:border-box;box-sizing:border-box;}
.icheckbox {display:inline-block;position:relative;min-height:25px;line-height:1}
.icheckbox label {display:inline-block;min-height:25px;padding-left:32px;padding-top:3px;font-size:15px;background:url(../images/contents/bg_checkbox.png) no-repeat left top}
.icheckbox .checkbox {position:absolute;top:0px;left:0px;min-width:26px;min-height:26px;border:none;opacity:0;z-index:100}
.icheckbox .checkbox:checked  + label {background-position:0 -50px}

.textarea2 textarea {width:100%;/*text-indent:10px;*/padding:4px;border:1px solid #d8d8d8;-webkit-box-sizing:border-box;box-sizing:border-box;}
.icheckbox2 {display:inline-block;position:relative;min-height:25px;line-height:1}
.icheckbox2 label {display:inline-block;min-height:25px;padding-left:32px;padding-top:3px;font-size:15px;background:url(../images/contents/bg_checkbox.png) no-repeat left top}
.icheckbox2 .checkbox {position:absolute;top:0px;left:0px;min-width:26px;min-height:26px;border:none;opacity:0;z-index:100}
.icheckbox2 .checkbox:checked  + label {background-position:0 -50px}

.iradiobox {position:relative;display:inline-block}
.iradiobox + .iradiobox {margin-left:20px}
.iradiobox label {position:relative;display:inline-block;height:31px;line-height:31px;padding-left:38px;font-size:16px;background:url(../images/contents/bg_radiobox.png) no-repeat left top}
.iradiobox .inp_radio {position:absolute;top:0;left:0;min-width:31px;min-height:31px;opacity:0;border:none;z-index:10}
.iradiobox .inp_radio:checked + label {background-position:0 -50px}
.btninput {position:relative;padding-right:74px;box-sizing:border-box}
.btninput.pdr80 {padding-right:80px;}
.btninput.pdr80 .btns a {width:75px;padding:0}
.btninput .btns {position:absolute;top:0;right:0}
.btninput.c {padding-left:163px}
.btninput.c .select {position:absolute;top:0;left:0;width:153px}
.chkphoneinp {display:table;width:100%;}
.chkphoneinp > div {display:table-cell;}
.chkphoneinp .iradiobox {vertical-align:middle}
.chkphoneinp .phone {display:inline-block;width:80%;margin-left:4px;vertical-align:middle;}
.chkphoneinp .phone .select {display:inline-block;width:86px}
.chkphoneinp .phone .inptxt {display:inline-block;width:86px}
.frmdatebox {position:relative;display:inline-block;width:80%;padding-right:74px;box-sizing:border-box}
.frmdatebox .btn {position:absolute;top:0;right:0;z-index:10}
.idcardnum .inptxt {display:inline-block;width:250px;}
.icheckbox label.icheck_date {padding-left:52px}


/* 버튼 */
.lbtn {display:inline-block;width:126px;height:42px;line-height:42px;font-size:16px;text-align:center;font-weight:500;letter-spacing:-0.06em;vertical-align:middle}
.mbtn {display:inline-block;width:95px;height:40px;line-height:40px;font-size:14px;text-align:center;font-weight:500;letter-spacing:-0.04em;vertical-align:middle}
.mbtn_round {display:inline-block;height:40px;line-height:40px;padding:0 21px;font-size:14px;text-align:center;font-weight:500;letter-spacing:-0.04em;vertical-align:middle;border-radius:3px;}
.sbtn {display:inline-block;padding:0 14px;height:35px;line-height:35px;font-size:14px;text-align:center;font-weight:500;letter-spacing:-0.04em;border-radius:3px}
.sbtn2 {display:inline-block;padding:0 14px;height:30px;line-height:30px;font-size:14px;text-align:center;font-weight:500;letter-spacing:-0.04em;border-radius:3px}
.minibtn {display:inline-block;padding:0 7px 0 5px;height:26px;line-height:26px;min-width:40px;text-align:center;border:1px solid #c1c1c1;border-radius:4px;font-size:14px;font-weight:500;color:#5e5e5e}
.btnblack {color:#fff;background:#2b2e35}
.btngray {color:#fff;background:#5a5b5e}
.btnlightgray {color:#fff;background:#5a5b5e}
.btndarkgray {color:#fff;background:#545454}
.btnorange {color:#fff;background:#fa8700}
.btnorange2 {color:#fff;background:#ff7800}
.btnorange3 {color:#fff; background:#ff7800; height:31px; border-radius:5px; font-size:14px; text-align:center; line-height:28px; margin-top:5px}
.btnblue {color:#fff;background:#058f9a}
.btndarkblue {color:#fff;background:#1e84d2}
.btnlightblue {color:#fff;background:#11a1ad}
.btnline {height:40px;line-height:40px;color:#313131;border:1px solid #c4c4c4}
.btnregist span {padding-left:29px;background: url(../images/contents/btn_regist.png) no-repeat 0 center}
.btnwrite span {padding-left:27px;background: url(../images/contents/btn_write.png) no-repeat 0 center}
.btn_delete span {padding-left:12px;background: url(../images/contents/btn_delete.png) no-repeat 0 center}
.btn_delete2 {display:inline-block;width:30px;height:30px;border-radius:4px;border:1px solid #cfcfcf;background: url(../images/contents/btn_delete2.png) no-repeat center center}
.btncheck span {padding-left:20px;background: url(../images/contents/ico_allcheck.png) no-repeat 0 center}
.btnchange span {padding-left:23px;background: url(../images/contents/ico_change.png) no-repeat 0 center}
.btndownload span {padding-left:23px;background: url(../images/contents/ico_download.png) no-repeat 0 center}
.btnadd span {padding-left:24px;background: url(../images/contents/ico_add.png) no-repeat 0 center}
.minibtn.btnblue {border-color:#058f9a}
.foot_btnboxs {margin-top:20px;text-align:center}
.foot_btnboxs > a:not(:first-child) {margin-left:8px}

/* 아이콘 */
.snsbox > span:not(:first-child) {margin-left:4px}
.sns_blog {display:inline-block;width:24px;height:20px;background: url(../images/contents/ico_blog.gif) no-repeat center center}
.sns_cafe {display:inline-block;width:24px;height:20px;background: url(../images/contents/ico_place.gif) no-repeat center center}
.sns_youtube {display:inline-block;width:24px;height:20px;background: url(../images/contents/ico_youtube.gif) no-repeat center center}
.sns_facebook {display:inline-block;width:24px;height:20px;background: url(../images/contents/ico_facebook.gif) no-repeat center center}
.sns_story {display:inline-block;width:24px;height:20px;background: url(../images/contents/ico_insta.gif) no-repeat center center}
.ico_mem {display:inline-block;width:19px;height:24px;vertical-align:middle;margin-right:6px;background: url(../images/contents/ico_member.png) no-repeat}
.ico_mem.on {background: url(../images/contents/ico_member_on.png) no-repeat}
.ico_mem:hover {background: url(../images/contents/ico_member_on.png) no-repeat}
.ico_mem img {display:none;}
.ly_ballon {position:absolute;bottom:34px;left:0;font-size:14px;font-weight:400;color:#4e4e4e;border:1px solid #0d98a3;background:#fff;box-shadow:4px 4px 4px rgba(0,0,0,.2)}
.ly_ballon .in {position:relative;padding:10px 12px;white-space:nowrap;}
.ly_ballon .in:after {content:'';display:block;position:absolute;bottom:0px;left:2px;width:40px;height:1px;background:#fff;z-index:20}
.ly_ballon:after {content:'';display:block;position:absolute;bottom:-6px;left:12px;width:0;height:0;border-left:6px solid  transparent;border-right:6px solid transparent;border-top:6px solid #fff;z-index:10}
.ly_ballon:before {content:'';display:block;position:absolute;bottom:-7px;left:10px;width:0;height:0;border-left:8px solid  transparent;border-right:8px solid transparent;border-top:8px solid #0d98a3}
.ico_lessonbox {display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;font-size:16px;font-weight:400;color:#fffefe;border-radius:3px;vertical-align:middle}
.ico_lessonbox.lt {background:#11a1ad}
.ico_lessonbox.l {background:#11a1ad}
.ico_lessonbox.n {background:#11a1ad}
.ico_lessonbox.s {background:#0094e0}
.ico_lessonbox.j {background:#0094e0}
.ico_lessonbox.g {background:#1964d5}
.ico_lessonbox.w {background:#d5733d}
.ico_lessonbox.e {background:#eeb900}
.ico_lessonbox.m {background:#ee5f00}
.ico_memgroup {display:inline-block;width:24px;height:24px;line-height:24px;font-size:16px;font-weight:400;color:#fffefe;text-align:center;border-radius:12px;vertical-align:middle}
.ico_memgroup.o {background:#ff8a00}
.ico_memgroup.j {background:#11a1ad}
.ico_memgroup.b {background:#c07d2e}
.ico_memgroup.s {background:#2d6eb9}
.ico_memgroup.p {background:#2d6eb9}
.ico_memgroup.m {background:#7a7a7a}
.ico_memgroup.r {background:#aaae30}
.ico_channel {display:inline-block;width:24px;height:24px;line-height:24px;font-size:16px;font-weight:400;color:#fffefe;text-align:center;border-radius:12px;vertical-align:middle}
.ico_channel.m {background:#7a7a7a}
.ico_channel.p {background:#ff7800}

.ico_classgroup {display:inline-block;width:24px;height:24px;line-height:24px;font-size:16px;font-weight:400;color:#fffefe;text-align:center;border-radius:12px;vertical-align:middle}
.ico_classgroup.n {background:#11a1ad}
.ico_classgroup.j {background:#ff8a00}
.ico_classgroup.g {background:#0094e0}
.ico_classgroup.w {background:#d5733d}
.ico_classgroup.e {background:#eeb900}
.ico_classgroup.c {background:#8a3e4b}
.ico_classgroup.a {background:#2d6eb9}

.ico_channel3 {display:inline-block;width:20px;height:20px;line-height:20px;font-size:14px;font-weight:400;color:#ffffff;text-align:center;border-radius:10px;}
.ico_channel3.m {background:#7a7a7a}
.ico_channel3.p {background:#ff7800}
.ico_channel3.w {background:#7a7a7a}
.ico_channel3.c {background:#ff7800}
.ico_channel3.s {background:#aaae30}
.ico_channel3.h {background:#0094e0}
.ico_channel3.b {background:#eeb900}

.ico_import {display:inline-block;padding:0 12px;height:28px;line-height:28px;border-radius:17px;text-align:center;font-size:14px;color:#fff;background:#fa7000}
.ico_result {display:inline-block;padding:0 20px;height:28px;line-height:28px;border-radius:17px;text-align:center;font-size:14px;color:#fff;}
.ico_result.end {background:#535353}
.ico_result.ing {background:#ff4200}
.ico_result.red {background:#fc3b00}
.ico_state {display:inline-block;width:68px;height:28px;line-height:28px;text-align:center;font-size:14px;font-weight:400;color:#fff;border-radius:3px;vertical-align:middle;letter-spacing:-0.04em;}
.ico_state.orange {background:#ee5f00;}
.ico_state.blue {background:#08a6f0}
.ico_state.mint {background:#11a1ad}
.ico_state.gray {background:#606060}
.ico_state.red {background:#fc3b00}
.ico_week {display:inline-block;width:24px;height:24px;line-height:24px;text-align:center;font-size:14px;font-weight:400;color:#fff;border-radius:12px;vertical-align:middle;letter-spacing:-0.04em;}
.ico_week.mon {background:#dfad00}
.ico_week.tue {background:#ff7e00}
.ico_week.wen {background:#a4c200}
.ico_week.thu {background:#00c0c2}
.ico_week.fri {background:#0997e8}
.ico_week.sat {background:#9a5dcf}

.ico_branch {display:inline-block;width:30px;height:20px;line-height:20px;text-align:center;font-size:11px;font-weight:400;color:#fff;border-radius:3px;vertical-align:middle;letter-spacing:-0.04em;}
.ico_branch.orange {background:#ee5f00;}
.ico_branch.blue {background:#08a6f0}
.ico_branch.mint {background:#11a1ad}
.ico_branch.gray {background:#606060}
.ico_branch.red {background:#fc3b00}

.ico_branch.i {background:#11a1ad}
.ico_branch.o {background:#ee5f00}
.ico_branch.s {background:#00aaff}
.ico_branch.c {background:#19ce60}
.ico_branch.b {background:#19ce60}
.ico_branch.p {background:#19ce60}
.ico_branch.d {background:#ff7e00}
.ico_branch.t {background:#9a5dcf}

.ico_branch.teacheer {background:#64be46; width: 40px}
.ico_branch.branch {background:#00aaff; width: 40px}

/* 팝업 */
body.pop_open {overflow:hidden;height:100%}
body.pop_open2 {height:100%}
.pop_wrap {display:none;overflow:auto;overflow-y:scroll;position:fixed;top:0;right:0;left:0;bottom:0;z-index:1001;box-sizing:border-box}
.pop_wrap .pop_con {position:absolute; width:92vw; max-width:1050px;top:50%;left:0;right:0;margin:0 auto;background:#fff;box-sizing:border-box}
.pop_wrap .btn_popClose {display:block;position:absolute;width:17px;height:17px;top:24px;right:26px;font-size:0;background:url(../images/contents/pop_close.png) no-repeat}
.pop_con .head {padding:18px 0 14px 26px;font-size:22px;font-weight:bold;color:#fff;background:#11a1ad;#zoom:1}
.pop_con .content {padding:0 26px 67px 26px}
.pop_con .content2 {padding:0 26px 36px 26px}
.bg_pop {display:block;position:fixed;left:0;top:0;width:100%;height:100%;background:rgba(0,0,0,.4);z-index:1000; -webkit-overflow-scrolling:auto;}
.pop_wrap .paging {margin-top:20px}

.pop_wrap .pop_con3 {position:absolute; width:92vw; max-width:1200px;top:50%;left:0;right:0;margin:0 auto;background:#fff;box-sizing:border-box}
.pop_con3 .head {padding:18px 0 14px 26px;font-size:22px;font-weight:bold;color:#fff;background:#11a1ad;#zoom:1}
.pop_con3 .content {padding:0 26px 67px 26px}
.pop_con3 .content2 {padding:0 26px 36px 26px}

.pop_wrap2 {display:;overflow:auto;overflow-y:scroll;position:fixed;top:0;right:0;left:0;bottom:0;z-index:1001;box-sizing:border-box}
.pop_wrap2 .pop_con2 {position:absolute;width:1050px;left:0;right:0;margin:0 auto;background:#fff;box-sizing:border-box}
.pop_wrap2 .btn_popClose {display:block;position:absolute;width:17px;height:17px;top:24px;right:26px;font-size:0;background:url(../images/contents/pop_close.png) no-repeat}
.pop_wrap2 .paging {margin-top:20px}
.pop_con2 .head {padding:18px 0 14px 26px;font-size:22px;font-weight:bold;color:#fff;background:#11a1ad;#zoom:1}
.pop_con2 .content {padding:0 26px 67px 26px}
.titlepop_box2{margin-bottom:10px;font-size:20px; color:#3a3a3a;position:relative; font-weight:700 }
.line_boxform2{border:solid 1px #c7c7c7;border-top:solid 2px #515151; padding:25px 20px;position:relative;}
.foot_btnboxs2 {margin-top:20px;text-align:center}
.foot_btnboxs2 > a:not(:first-child) {margin-left:8px}
.lbtn2 {display:inline-block;width:126px;height:42px;line-height:42px;font-size:16px;text-align:center;font-weight:500;letter-spacing:-0.06em;vertical-align:middle}
.btnline2 {height:40px;line-height:40px;color:#313131;border:1px solid #c4c4c4}
.icheckbox2 {display:inline-block;position:relative;min-height:25px;line-height:1}
.icheckbox2 label {display:inline-block;min-height:25px;padding-left:32px;padding-top:3px;font-size:15px;background:url(../images/contents/bg_checkbox.png) no-repeat left top}
.icheckbox2 .checkbox {position:absolute;top:0px;left:0px;min-width:26px;min-height:26px;border:none;opacity:0;z-index:100}
.icheckbox2 .checkbox:checked  + label {background-position:0 -50px}
.iradiobox2 {position:relative;display:inline-block}
.iradiobox2 + .iradiobox2 {margin-left:20px}
.iradiobox2 label {position:relative;display:inline-block;height:31px;line-height:31px;padding-left:38px;font-size:16px;background:url(../images/contents/bg_radiobox.png) no-repeat left top}
.iradiobox2 .inp_radio {position:absolute;top:0;left:0;min-width:31px;min-height:31px;opacity:0;border:none;z-index:10}
.iradiobox2 .inp_radio:checked + label {background-position:0 -50px}
.send_massage2{ border:1px solid #c3c6cf;border-top:2px solid #2b2e35; color:#3a3a3a;}
.send_massage2 ul{overflow:hidden;}
.send_massage2 ul li{padding:8px 20px; border-top:solid 1px #e9e9e9;}
.send_massage2 ul li:first-child{border-top:none;}
.send_massage2 ul li .textarea2{margin-top:10px;}
.send_massage2 ul li .textarea2 textarea{height:200px;}
.scroll_y2{height:450px; overflow:hidden; overflow-y: scroll !important;}
.grammer_box2{display:inline-block; padding:0 40px 0 0; position:relative;}
.grammer_box2 em{display:block;width:40px; position:absolute; right:0; top:0; text-align: center;}
.grammer_box2 em a{display:block;width:40px; height:27px; border-radius:3px; background:#515151;text-align:center;line-height:27px; color:#fff;}
.grammer_box2.time_set{padding:0 225px 0 0;}
.grammer_box2.time_set em{width:225px;}
.grammar_type2{display:inline-block; width:350px; padding:3px 8px;margin:0 4px 3px 4px;  background:#0baaec; color:#fff; font-size:14px; text-align:left}
.grammar_type2.type1{background:#fabc00;}
.ico_channel2 {display:inline-block;width:24px;height:24px;line-height:24px;font-size:16px;font-weight:400;color:#fffefe;text-align:center;border-radius:12px;vertical-align:middle}
.ico_channel2.m {background:#7a7a7a}
.ico_channel2.p {background:#ff7800}
.ico_channel2.w {background:#7a7a7a}
.ico_channel2.c {background:#ff7800}
.pop_con2 .head {padding:12px 0 10px 15px;}
.pop_con2 .content {padding:0 13px 30px 13px}
.pop_con2.w500,
.pop_con2.w770,
.pop_con2.w880 {width:100%;}
.pop_con2.w1290 {width:100%;}
.pop_wrap2 .pop_con2 .btn_area {margin-top:20px;padding:0}
.table_frm2 {border:1px solid #c3c6cf;border-left-color:#e8e8e8;border-right-color:#e8e8e8}
.table_frm2 thead th {padding:12px 0 13px;font-size:14px;font-weight:500;color:#494949;border-left:1px solid #e5e5e5;border-bottom:1px solid #c3c6cf;background: #f6f6f6}
.table_frm2 thead th:last-child {border-right:1px solid #e5e5e5}
.table_frm2 tbody th {text-align:left;font-size:16px;font-weight:500;color:#5e5e5e;border-right:1px solid #e8e8e8;border-bottom:1px solid #ececec;background:#fafafa}
.table_frm2 tbody th span {padding-left:20px}
.table_frm2 tbody td {padding:10px 13px;border-bottom:1px solid #ececec}
.table_frm2 tbody tr:last-child th,
.table_frm2 tbody tr:last-child td {border-bottom: 0} 
.table_frm2 tbody td.ta_r p {text-align:right;padding-left:7px;padding-right:7px;}
.table_frm2.bdt_black {border-top:2px solid #515151}
.table_frm2.bdt_green {border-top:2px solid #63a70b}
.table_frm2 .txt {display:inline-block;margin-right:4px;vertical-align:middle;}
.table_frm2 .thtxt {margin-left:12px;}
.table_frm2 .label {display:inline-block;margin-right:4px;vertical-align:middle;}
.select2 select {width:162px;height:40px;line-height:40px;text-indent:10px;font-size:16px;border:1px solid #d8d8d8; padding-left:10px;}

.inpopup .pop_con {width:544px;border:1px solid #11a1ad;box-shadow:4px 4px 4px rgba(0,0,0,.1)}
.inpopup .head {font-size:22px;color:#0599a5;border-bottom:1px solid #dbdbdb;background:#fff;}
.inpopup .content {padding:0 24px 40px}
.inpopup .btn_popClose {width:13px;height:13px;background: url(../images/contents/popin_close.png) no-repeat 0 0;}
.pop_lesson {overflow:hidden;display:table;width:100%;max-width:984px}
.pop_lesson .side {display:table-cell;width:14%;padding:10px 10px 10px 7px;box-sizing:border-box}
.pop_lesson .side ul {overflow:hidden;}
.pop_lesson .side li {float:left;margin-left:3px;margin-top:3px}
.pop_lesson .side li a {display:block;padding:0 18px;height:37px;line-height:37px;font-size:16px;color:#8d8d8d;text-align:center;border-radius:3px;border:1px solid #cecece}
.pop_lesson .side li.on a {color:#fff;border-color:#04808a;background:#058f9a}
.pop_lesson .section {display:table-cell;width:86%;padding:15px 15px 15px 15px;background:#dedede;vertical-align:top;box-sizing:border-box}
.pop_lesson .stepttl {position:relative;height:54px;line-height:54px;padding-left:20px;font-size:18px;font-weight:bold;border-bottom:1px solid #077481;color:#fff;background:#0595a6}
.pop_lesson .stepttl .close {position:absolute;top:18px;right:18px;width:16px;height:16px;background: url(../images/contents/pop_lesson_close.gif) no-repeat 0 0;}
.pop_lesson .content {padding:20px;background:#eef1f2;}
.pop_lesson .lesson_head {position:relative;height:80px;line-height:80px;padding-left:20px;border-left:1px solid #dde0e1;border-right:#dde0e1;border-bottom:1px dashed #dde0e1;border-bottom-left-radius:10px;border-bottom-right-radius:10px;background:#fff url(../images/contents/lesson_head_bg.gif) repeat-x 0 0;}
.pop_lesson .lesson_head .print {position:absolute;top:18px;right:13px;width:46px;height:46px;border:1px solid #cecece;border-radius:4px;background: url(../images/contents/ico_print.gif) no-repeat center center}
.pop_lesson .lesson_head .pdf {position:absolute;top:18px;right:65px;width:46px;height:46px;border:1px solid #cecece;border-radius:4px;background: url(../images/contents/ico_pdf.gif) no-repeat center center}
.pop_lesson .lesson_head .ttl span {display:inline-block;height:100%;position:relative;font-size:18px;color:#222;}
.pop_lesson .lesson_head .ttl span + span {padding-left:60px;}
.pop_lesson .lesson_head .ttl span:not(:first-child):after {content:'';display:block;position:absolute;top:5px;left:10px;width:40px;height:76px;background: url(../images/contents/lesson_head_arr.gif) no-repeat 0 0;}
.pop_lesson .box {padding:20px;border-left:1px solid #dde0e1;border-right:#dde0e1;border-bottom:1px dashed #dde0e1;border-radius:10px;background:#fbfcfd}
.pop_lesson .box .ttl {margin-bottom:15px;color:#2597a4;}
.pop_lesson .box .ttl .speak {display:inline-block;width:26px;height:23px;margin-left:4px;border:1px solid #c9c9c9;border-radius:3px;vertical-align:middle;background: url(../images/contents/ico_speak.gif) no-repeat center center;}
.pop_lesson .box table {table-layout:fixed;border:1px solid #dde0e1}
.pop_lesson .box table th {font-weight:normal;background:#fbfcfd}
.pop_lesson .box table th,
.pop_lesson .box table td{padding:10px 4px;font-size:16px;text-align:left;color:#222;border-left:1px solid #dde0e1; border-bottom:1px solid #dde0e1}
.pop_lesson .imgcont {border:1px solid #dde0e1}
.pop_lesson .imgcont img {max-width:100%;}

/* 회원관리 */
.member_info {padding:17px 0 20px;text-align:center}
.member_info .character {display:inline-block;width:58px;height:58px;border:1px solid #dbdbdb;border-radius:50%;vertical-align:middle;}
.member_info .character img {width:100%;height:100%;;border-radius:50%}
.member_info .group {display:inline-block;vertical-align:middle;font-size:18px;font-weight:350;color:#525252;letter-spacing:-0.04em}
.member_info .name {position:relative;display:inline-block;margin-left:20px;vertical-align:middle;font-size:18px;font-weight:350;color:#525252;letter-spacing:-0.04em}
.member_info .name:after {content:'';display:block;position:absolute;top:7px;left:-11px;width:1px;height:15px;background:#dbdbdb}
.testScorebar {position:relative;display:inline-block;width:92%;padding-right:26px;box-sizing:border-box}
.testScorebar + .testScorebar {margin-top:1px}
.testScorebar .tit {position:absolute;top:2px;left:4px;color:#fff;z-index:1}
.testScorebar .bar {position:relative;display:block;width:100%;height:27px;background:#e2e2e2}
.testScorebar .bar em {position:absolute;top:0;left:0;height:100%;background:#fabc00}
.testScorebar .score {position:absolute;top:0px;right:0;font-size:15px;font-weight:400;color:#494949;}
.secline {margin-top:32px;border-bottom:1px solid #e7e7e7}
.characterlist {display:table;width:100%;box-sizing:border-box;margin-top:30px;}
.characterlist .fl {display:table-cell;width:50%;padding:4px 20px 30px;box-sizing:border-box;border:1px solid #e2e2e2}
.characterlist .fr {display:table-cell;width:49%;padding:4px 20px 30px;box-sizing:border-box;border:1px solid #e2e2e2}
.characterlist .term {display:table-cell;width:1%;box-sizing:border-box;}
.characterlist .top_chkbox {padding-top:6px;padding-bottom:6px;border-bottom:1px solid #d2d2d2;border-top:2px solid #515151}
.characterlist .box {overflow:hidden;overflow-y:scroll;height:400px;border-bottom:1px solid #d2d2d2}
.characterlist .table_list thead th {padding:8px 0}
.characterlist .table_list.headblack tr td:first-child {border-left:0;}
.characterlist .title_basic {margin-bottom:10px;}
.characterlist .foot_btn {margin-top:20px;text-align:right;}

/* 강좌관리 */
.lecturebox_head {position:relative;margin-top:35px;padding-top:25px;border-top:1px solid #efefef}
.lecturebox_head:nth-of-type(1) {margin-top:0}
.lecturebox_head .btns {position:absolute;top:25px;right:0;}
.lecturebox_head .btns a:not(:first-child) {margin-left:3px;}
.lecturebox {margin-top:20px;padding:16px 28px 26px;border:1px solid #dedede}
.lecturebox:after {content:'';display:block;clear:both}
.lecturebox > div {margin-top:10px;margin-left:-10px}
.lecturebox > div:after {content:'';display:block;clear:both}
.lecturebox .box {float:left;width:20%;padding-left:1%;box-sizing:border-box;}
.lecturebox .box span {position:relative;display:block;width:100%;height:52px;line-height:52px;text-align:center;font-size:18px;font-weight:500;color:#fff;border:1px solid #0d8b95;box-shadow:0 2px 2px #bfbfbf, 0 1px 0px #5ebfc7 inset;border-radius:6px;background:#11a1ad;box-sizing:border-box;}
.lecturebox .box.green span {border-color:#5e9909;box-shadow:0 2px 2px #bfbfbf, 0 1px 0px #a1d25b inset;background:#74bc0d}
.lecturebox .box.sky span {border-color:#0986b4;box-shadow:0 2px 2px #bfbfbf, 0 1px 0px #6ac7e9 inset;background:#23acdf}
.lecturebox .box.orange span {border-color:#ff7800;box-shadow:0 2px 2px #bfbfbf, 0 1px 0px #6ac7e9 inset;background:#ff7800}
.stepbox {position:relative;display:inline-block;width:140px;height:52px;line-height:52px;text-align:center;font-size:18px;font-weight:500;color:#fff;border:1px solid #0d8b95;box-shadow:0 2px 2px #bfbfbf, 0 1px 0px #5ebfc7 inset;border-radius:6px;background:#11a1ad;box-sizing:border-box;}

.stepbox.s {background:#0986b4}
.stepbox.j {background:#5e9909}
.stepbox.b {background:#2d6eb9}
.stepbox.o {background:#ff7800}


.downbox {position:relative;display:inline-block;min-width:140px;padding-left:10px;height:52px;line-height:52px;padding-right:54px;text-align:center;font-size:18px;font-weight:400;color:#5a5a5a;border:1px solid #c3c3c3;border-radius:6px;box-sizing:border-box;}
.downbox:after {content:'';display:block;position:absolute;top:0;right:0;width:47px;height:100%;border-left:1px solid #e9e9e9;background: url(../images/contents/ico_download_gray.png) no-repeat center center;}
.bookstep {margin-top:20px;border:1px solid #dedede}
/*.bookstep li {padding:10px 20px 18px;border-top:1px dashed #e6e6e6}*/
.bookstep li {padding:10px 20px 18px 200px; border-top:1px dashed #e6e6e6; position:relative; min-height:90px;}
.bookstep li:first-child {border-top:0}
.bookstep li a:first-child {position:absolute; left:20px; top:18px }
.bookstep li .stepbox {margin-right:12px;}
.bookstep li .downbox {margin-right:6px;margin-top:8px;}

.viewbox {position:relative;display:inline-block;min-width:80px;padding-left:0px;height:52px;line-height:52px;padding-right:0px;text-align:center;font-size:18px;font-weight:400;color:#5a5a5a;border:1px solid #c3c3c3;border-radius:6px;box-sizing:border-box;}
.textbook {margin-top:20px;border:1px solid #dedede}
.textbook li {padding:30px 30px 38px 30px;border-top:1px dashed #e6e6e6}
/*.textbook li {padding:10px 20px 18px 200px; border-top:1px dashed #e6e6e6; position:relative; min-height:90px;}*/
.textbook li:first-child {border-top:0}
.textbook li a:first-child {position:absolute; left:20px; top:18px }
.textbook li .stepbox {margin-right:12px;}
.textbook li .viewbox {margin-right:6px;margin-top:8px;}

.levelbox {display:table;table-layout:fixed;width:100%;}
.levelbox a {display:table-cell;padding-left:2px;font-size:16px;font-weight:500;color:#787878;box-sizing:border-box;}
.levelbox a span {display:block;height:43px;line-height:43px;text-align:center;font-size:16px;font-weight:500;color:#787878;border:1px solid #b6b6b6;border-radius:6px;background:#fff;box-sizing:border-box}
.levelbox a.on span {color:#fff;border-color:#ef7100;box-shadow:0 1px 2px #bfbfbf, 0 1px 0px #fb9942 inset;background:#fa7600}
.numberbox {margin-top:6px;padding:6px 8px 8px;border-radius:6px;border:1px solid #e4e4e4;background:#f2f2f2}
.numberbox a {display:inline-block;width:4.5%;height:43px;line-height:43px;margin-top:3px;margin-left:2px;text-align:center;font-size:16px;font-weight:500;color:#787878;border:1px solid #b6b6b6;border-radius:6px;box-sizing:border-box}
.numberbox a.on {color:#fff;border-color:#559305;background:#63a70b}
.levelfrmlist li {position:relative;display:table;width:100%;margin:20px 0;box-sizing:border-box;}
.levelfrmlist li:after {content:'';display:block;position:absolute;bottom:-10px;left:0;width:100%;border-top:1px dashed #dedede;}
.levelfrmlist li:first-child {margin-top:10px;}
.levelfrmlist li:last-child:after {opacity:0}
.levelfrmlist li > div {display:table-cell;box-sizing:border-box;}
.levelfrmlist li.vat  div {vertical-align:top;}
.levelfrmlist li > div .inptxt {display:inline-block;width:48%;}
.levelfrmlist li > div .textarea {display:inline-block;width:48%;}
.levelfrmlist li > div .textarea + .textarea {margin-left:2px;}
.levelfrmlist li > div .inptxt + .inptxt {margin-left:2px;}
.levelfrmlist .w8 {width:8%}
.levelfrmlist .w12 {width:12%;padding-right:20px}
.levelfrmlist .w20 {width:20%;padding-right:10px; vertical-align:top;}
.levelfrmlist .w30 {width:30%;padding-right:10px}
.levelfrmlist .w40 {width:40%;padding-right:10px}
.levelfrmlist .w50 {width:50%;padding-right:10px}
.levelfrmlist .w80 {width:80%;padding-right:10px}
.levelfrmlist .inptxt.w10 {width:12%;}
.levelfrmlist .inptxt.w30 {width:30%;padding-right:0px}
.levelfrmlist .inptxt.w45 {width:45%;}
.levelfrmlist .inptxt.w90 {width:86%}
.levelfrmlist .inptxt.w100 {width:100%;max-width:100%}
.levelfrmlist .textarea.w98 {width:98%;max-width:100%}
.levelfrmlist .textarea.w100 {width:100%;max-width:100%}

/* 쪽지 */
.messagebox:after {content:'';display:block;clear:both}
.messagebox .aside {float:left;width:28.91%;border:1px solid #d4d4d4}
.messagebox .aside .selectbox {padding:20px 6.5%}
.messagebox .aside .selectbox .select {display:inline-block;width:49%;}
.messagebox .aside .list {overflow:hidden;overflow-y:auto;max-height:400px;border-top:1px solid #d4d4d4}
.messagebox .aside .list ul {padding-left:22px}
.messagebox .aside .list ul li {padding:10px 0;border-bottom:1px solid #ececec}
.messagebox .aside .bottom {padding:15px 22px 20px;text-align:center;border-top:1px solid #d4d4d4}
.messagebox .aside .bottom .inptxt {display:block;margin-top:15px;}
.messagebox .aside .bottom .textarea {display:block;margin-top:15px;}
.messagebox .messageContent {float:right;width:69.15%}
.tabnav {position:relative;width:100%}
.tabnav:after {content:'';display:block;clear:both;}
.tabnav li {float:left;width:33%;height:55px;line-height:55px;margin-left:-1px;text-align:center;font-size:20px;color:#888989;border:1px solid #d3d3d3;border-bottom:2px solid #11a1ad;box-sizing:border-box;}
.tabnav li a {display:block;width:100%;height:100%;font-weight:500;}
.tabnav li.active {position:relative;border:2px solid #11a1ad;border-bottom-color:#fff;z-index:1}
.tabnav li.active a {color:#028b96;}



@media screen and (max-width: 1024px) {
	.pop_wrap .pop_con.w1290 {width:100vw;min-width:auto}
	.pop_wrap .pop_con3.w1290 {width:100vw;min-width:auto}
}


@media screen and (max-width: 1219px) {
	.table_list .btnin .btn_delete {position:relative;top:0;right:0px;display:block;width:38px;height:22px;line-height:22px;font-size:9px;margin:8px auto 0}
	.searchbox.col2 .select {width:58%}
	.searchboxTbl .full .srchinpbtn {width:68%;}
}

@media screen and (max-width: 1024px) {
	
	#menutab {display:block}
	.w280 {max-width:159px}
	.mt12 {margin-top:8px !important;}
	.ml10 {margin-left:6px}
	.ml20 {margin-left:12px}
	.mt30 {margin-top:17px !important}
	.mt40 {margin-top:23px;}
	.h350 {height: 175px}
	.w1290 {min-width:auto}

	#container {padding:23px 17px}

	/* 검색 */
	.searchbox > div {padding:11px 0;border-left:0}
	.searchbox > div:nth-of-type(1) {width:46%;border-left:0}
	.searchbox > div:nth-of-type(2) {width:54%;border-left:0}
	.searchbox > div:nth-of-type(3) {width:46%;border-top:1px solid #eee}
	.searchbox > div:nth-of-type(4) {width:54%;border-top:1px solid #eee}
	.searchbox > div:nth-of-type(1) .th,
	.searchbox > div:nth-of-type(3) .th {width:30%;padding:0 0 0 5.88%}
	.searchbox > div:nth-of-type(2) .th,
	.searchbox > div:nth-of-type(4) .th {width:15%;padding:0}
	.searchbox .th {font-size:10px}
	.searchbox .inptxt {width:55%}
	.searchbox .select {width:55%}
	.searchbox .sbtn {margin-left:0}
	.searchbox.col2 .inptxt {width:58%;max-width:168px}
	.searchbox.col2 .select {width:58%;max-width:168px}
	
	.searchboxTbl .cell {padding:11px 0}
	.searchboxTbl .w50 .frmdate {width:32%}
	.searchboxTbl .w50 .th {font-size:10px;width:20%}
	.searchboxTbl .w50 .select {width:32.29%}
	.searchboxTbl .w50 .selectgroup {display:inline-block;width:74%}
	.searchboxTbl .w50 .selectgroup .select {display:inline-block;width:31.29%}
	.searchboxTbl .w25 .th {font-size:10px;width:40%}
	.searchboxTbl .w25 > .inptxt {width:50%}
	.searchboxTbl .full .th {font-size:10px;width:20%}
	.searchboxTbl .full .srchinpbtn {width:60%;padding-right:60px;}
	.searchboxTbl .full .btnr {top:0;max-width:85px}

	
	.searchboxTbl .cell.w35 .phoneinp {width:70%;}
	.searchboxTbl .cell.w35 .phoneinp .cell {width:30%;}
	.searchboxTbl .cell.w35 .phoneinp .term {display:none;}
	.searchboxTbl .w35 .th {font-size:10px;width:27%}
	.searchboxTbl .w15 .th {font-size:10px;width:35%;}
	.searchboxTbl .w15 .select {width:55%}

	.frmdatebox {width:72%;padding-right:60px;}
	.searchboxTbl .frmdatebox .frmdate {width:40%;}

	.searchboxTbl .cell .checkbox {width:72%}
	.searchboxTbl .cell .checkbox .cell {margin-right:4px}
	.searchboxTbl .cell .phoneinp {width:72%}
	.searchboxTbl .cell .phoneinp .term {width:10px}
	.searchboxTbl .btnr {position:relative;top:auto;margin-top:4px;right:auto;left:21%;max-width:60px}
	.searchboxTbl .th {vertical-align:2px}
	.frmdate .calendar {top:1px;right:6px}
	.frmdate .calendar img {width:14px}
	.frmtimegroup > div {display:block}
	.frmtimegroup > div + div {margin-top:4px}
	.frmtimegroup > div .select {width:24%}
	.frmtimegroup > div .inptxt {width:24%}

	/* 리스트 */
	.listdatabox .ttl {padding:8px 80px 10px 12px;font-size:12px}
	.listdatabox .tit {padding-right:60px}
	.listdatabox .dep {padding-left:10px}
	.listdatabox .dep li {padding:8px 80px 10px 12px;font-size:12px}
	.listdatabox .btns {top:2px;right:9px}

	.listtablebox li > div {float:none;width:100%;min-height:auto;}
	.listtablebox li > div + div {border-left:0;border-top:1px solid #e2e2e2}
	.listtablebox li.col3 > div {width:100%;} 
	.listtablebox li.col3 > div:last-child {width:100%;}
	.listtablebox li.col3 .th {width:18.64%;}
	.listtablebox li.col2 > div {width:100%;} 
	.listtablebox li.col2 .th {width:18.64%;}

	.listtablebox li .th {width:18.64%;padding-left:9px;border-right:1px solid #e8e8e8;font-size:10px;}
	.listtablebox li .td {width:81.36%;padding:6px 9px;font-size:11px;}
	.listtablebox li .td.frmtxt {padding-top:6px;padding-bottom:6px;}
	.listfrm li {padding:6px 0} 
	.listfrm li .th {font-size:11px;} 
	.coinselect {display:block;margin-left:0;margin-top:4px;width:80%;padding-right:46px;}
	.coinselect .btns {top:0;}
	.coinselect .btns > a {width:auto;padding:0 8px}

	.tabsubmenu ul {position:relative;overflow:hidden;display:block;border-left:1px solid #cfcfcf;border-right:1px solid #cfcfcf;background: url(../images/contents/bg_line.gif) repeat-x 0 0;}
	.tabsubmenu ul:after {content:'';display:block;clear:both;}
	.tabsubmenu li {float:left;width:33%;margin-bottom:-1px;border-color:#cfcfcf}
	.tabsubmenu li a {height:26px;line-height:26px;font-size:12px;}
	.tabsubmenu li:nth-child(3n) {width:34%;border-right:0;}
	.tabsubmenu li:first-child {border-left:0;}
	.tabsubmenu li.on:before, .tabsubmenu li.on:after {display:none;}
	.tabsubcont {padding:0 12px 25px;border-top:1px solid #cfcfcf;box-shadow:inset 0px 10px 20px rgba(207,207,207,.3)}
	.tabtextbook {padding:0 12px 25px;border-top:1px solid #cfcfcf;}

	/* 타이틀 */
	.ttl_page {padding-bottom:13px;font-size:17px}
	.ttl_tbl {margin-top:17px;padding:10px 0 8px;font-size:11px}
	.title_basic {margin-top:12px;font-size:11px;}
	.tit_circle {padding-left:20px;font-size:13px;}
	.tit_circle:after {width:16px;height:16px;-webkit-background-size:4px 6px;background-size:4px 6px}
	
	/* 테이블 */
	.tblbox.mbox .cell {display:block}
	.tblbox.mbox .cell + .cell {padding-left:0;margin-top:4px}
	.table_list thead th {font-size:10px;padding:7px 0 8px}
	.table_list tbody td {font-size:11px;padding:7px 0 8px}
	.table_list .btnin .btn_delete {margin-top:4px}
	.table_head .total {margin-top:10px;font-size:10px}
	.table_head .th {font-size:10px}
	.table_frm tbody th {width:18.64%;font-size:10px}
	.table_frm tbody th span {display:inline-block;padding-left:9px}
	.table_frm tbody td {width:81.36%;padding:6px 10px;font-size:11px}
	.table_frm thead th {font-size:11px;}

	.table_row colgroup{display:none;}
	.table_row tbody th {display:none;border: none;position: absolute;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;width: 1px}
	.table_row tbody td {position:relative;display:block;width:100%;padding:6px 10px;padding-left:21%;font-size:11px;}
	.table_row tbody td:before {content: attr(data-label);font-weight: bold;position:absolute;left:0px;top:0;color:#5e5e5e;font-size:10px;font-weight:500;width:18.64%;height:100%;padding-left:9px;padding-top:5px;border-right:1px solid #e8e8e8;background:#fafafa;;box-sizing:border-box;}
	.table_row tbody td[data-label=""] {display:none;}
	
	.frmidchk {display:block}
	.frmidchk .desc {clear:both;display:block;margin-top:4px;margin-left: 0;font-size:8px;height:auto;line-height:1}
	.passwordchk > .icheckbox {margin-left: 6px;margin-top: 0}
	.addressinp .zipcode .cell {display:table-cell;max-width:60px}
	.addressinp .zipcode .mbtn {width:auto;padding:0 4px}

	.tblbottom {position:relative;} 
	.tblbottom .paging {margin-top:10px;} 
	.tblbottom .btnr {position:relative;text-align:center;margin-top:10px;} 

	/* 페이징 */
	.paging a {width:21px;height:21px;line-height:21px;font-size:11px}
	.paging a {width:21px;height:21px;line-height:21px;font-size:11px}
	.paging strong {width:21px;height:21px;line-height:21px;font-size:11px}
	.paging [class^='btn'] {width:21px;height:21px;line-height:21px}
	.paging .btn_first,
	.paging .btn_prev,
	.paging .btn_next,
	.paging .btn_last {-webkit-background-size:auto 7px;background-size:auto 7px}
	.paging .btn_prev {margin-right:4px}
	.paging .btn_next {margin-left:4px}

	/* 폼*/
	.inptxt input {height:23px;line-height:23px;vertical-align: top;font-size:10px;text-indent:6px}
	.select select {height:23px;line-height:23px;vertical-align: top;font-size:10px;text-indent:6px}
	.select2 select {height:23px;line-height:23px;vertical-align: top;font-size:10px;text-indent:6px}
	.icheckbox {min-height:15px;line-height:1}
	.icheckbox label {min-height:15px;padding-left:19px;padding-top:2px;font-size:8px;background:url(../images/contents/bg_checkbox.png) no-repeat left top;-webkit-background-size: 13px;
	background-size: 13px}
	.icheckbox .checkbox {min-width:15px;min-height:15px}
	.icheckbox .checkbox:checked  + label {background-position:0 -25px}
	.iradiobox .inp_radio {min-width:21px;min-height:21px}
	.iradiobox label {height:21px;line-height:21px;padding-left:22px;font-size:10px;-webkit-background-size:15px auto;background-size:15px auto;background-position:0 4px}
	.iradiobox .inp_radio:checked + label {background-position:0 -19px}
	.textarea textarea {font-size:10px;text-indent:6px}
	.btninput {padding-right:65px}
	.btninput.pdr80 {padding-right:70px}
	.btninput.pdr80 .btns a {width:auto;padding:0 10px}
	.btninput.c {padding-left:93px}
	.btninput.c .select {width:83px}
	.idcardnum .inptxt {width:40%}

	.chkphoneinp {display:block;width:100%;}
	.chkphoneinp > div {display:block}
	.chkphoneinp > div:not(:first-child) {margin-top:4px;}
	.chkphoneinp .phone .select {width:20%;}
	.chkphoneinp .phone .inptxt {width:20%;}
	.inptxt.w500 {width:80%;}
	
	/* 버튼 */
	.lbtn {width:72px;height:24px;line-height:24px;font-size:10px}
	.mbtn {width:54px;height:23px;line-height:23px;font-size:8px}
	.mbtn_round {padding:0 14px;height:23px;line-height:23px;font-size:8px}
	.sbtn,
	.sbtn2 {width:auto;height:23px;line-height:23px;padding:0 8px;font-size:8px}
	.btnline {height:22px;line-height:22px}
	.btnregist span {padding-left:16px;-webkit-background-size:10px auto;background-size:10px auto}
	.btnwrite span {padding-left:16px;-webkit-background-size:10px auto;background-size:10px auto}
	.btnchange span {padding-left:16px;-webkit-background-size:10px auto;background-size:10px auto}
	.btncheck span {padding-left:16px;-webkit-background-size:10px auto;background-size:10px auto}
	.minibtn {height:22px;line-height:22px;font-size:9px}
	.btn_delete span {padding-left:8px;-webkit-background-size:7px auto;background-size:7px auto}
	.btn_delete2 {width:18px;height:18px;-webkit-background-size:8px auto;background-size:8px auto}
	.btndownload span {padding-left:9px;-webkit-background-size:9px auto;background-size:9px auto}
	.btnadd span {padding-left:9px;-webkit-background-size:9px auto;background-size:9px auto}
	.foot_btnboxs {margin-top:16px}
	.foot_btnboxs > a:not(:first-child) {margin-left:4px}
	.snsbox > span:not(:first-child) {margin-left:2px}
	.sns_blog {width:20px;height:14px;-webkit-background-size:auto 14px;background-size:auto 14px}
	.sns_cafe {width:20px;height:14px;-webkit-background-size:auto 14px;background-size:auto 14px}
	.sns_youtube {width:20px;height:14px;-webkit-background-size:auto 14px;background-size:auto 14px}
	.sns_facebook {width:20px;height:14px;-webkit-background-size:auto 14px;background-size:auto 14px}
	.sns_story {width:20px;height:14px;-webkit-background-size:auto 14px;background-size:auto 14px}
	.ico_lessonbox {width:16px;height:16px;line-height:16px;font-size:10px}
	.ico_memgroup {width:16px;height:16px;line-height:16px;font-size:10px}
	.ico_classgroup {width:16px;height:16px;line-height:16px;font-size:10px}
	.ico_channel {width:16px;height:16px;line-height:16px;font-size:10px}
	.ico_channel3 {width:16px;height:16px;line-height:16px;font-size:10px}
	.ico_week {width:16px;height:16px;line-height:16px;font-size:10px}
	.ico_mem img {width:12px}
	.ico_mem {width:12px;height:18px;background-size:100%}
	.ico_mem:hover {background-size:100%}
	.ico_import {padding:0 8px;height:18px;line-height:18px;border-radius:10px;font-size:11px;}
	.ico_result {padding:0 8px;height:18px;line-height:18px;border-radius:10px;font-size:11px;}
	.ico_state {width:44px;height:18px;line-height:18px;border-radius:10px;font-size:10px;}
	.ico_branch {width:30px;height:18px;line-height:18px;border-radius:10px;font-size:10px;}
	.ly_ballon {bottom:15px;left:0px;font-size:11px;}
	.ly_ballon .in {padding:6px}

	.pop_wrap .pop_con {width:100vw;/*left:2%;right:2%*/}

	.pop_wrap .btn_popClose {top:14px;right:15px}
	.pop_con .head {padding:12px 0 10px 15px;font-size:15px}
	.pop_con .content {padding:0 13px 30px 13px}
	.pop_con.w500,
	.pop_con.w770,
	.pop_con.w880 {width:92%;}
	.pop_con.w1290 {width:100vw;}
	.pop_wrap .pop_con .btn_area {margin-top:20px;padding:0}
	
	
	.pop_wrap .pop_con3 {width:100vw;/*left:2%;right:2%*/}
	.pop_con3 .head {padding:12px 0 10px 15px;font-size:15px}
	.pop_con3 .content {padding:0 13px 30px 13px}
	.pop_con3.w500,
	.pop_con3.w770,
	.pop_con3.w880 {width:92%;}
	.pop_con3.w1290 {width:100vw;}
	.pop_wrap .pop_con3 .btn_area {margin-top:20px;padding:0}
	
	.inpopup .pop_con {width:90%;left:5%;right:5%}
	.inpopup .pop_con .content {padding-bottom:15px;}

	.mcheckbox {display:block}
	.mcheckbox .cell {display:block;padding-left:0}
	.mcheckbox .cell:not(:first-child) {padding-left:0}

	/* 회원관리 */
	.member_info {padding:11px 0}
	.member_info .character {width:33px;height:33px;}
	.member_info .group {font-size:11px;}
	.member_info .name {margin-left:12px;font-size:11px;}
	.member_info .name:after {top:4px;left:-6px;width:1px;height:8px}

	.testScorebar {width:96%;}
	.testScorebar .tit {top:0;left:0;font-size:9px;}
	.testScorebar .score {font-size:10px;}
	.testScorebar .bar {height:14px;}
	.secline {margin-top:20px}
	.pointselect span {margin-left:0px;}
	.pointselect .t {font-size:11px;}
	.characterlist {display:block;width:100%;margin-top:0px;}
	.characterlist .box {height:200px;}
	.characterlist .fl {display:block;width:100%;border:0;padding-left:0;padding-right:0;padding-bottom:10px;}
	.characterlist .fr {display:block;width:100%;border:0;padding-left:0;padding-right:0;padding-bottom:10px;}

	.mtblbox {display:block}
	.mtblbox .cell {display:block}
	.mtblbox .cell + .cell {padding-left:0;margin-top:2px;}
	.mtblbox .cell .thtxt {margin-left:0;margin-right:4px;}

	/* 강좌관리 */
	.lecturebox {margin-top:5px;padding:5px 0px 10px;border:0;}
	.lecturebox > div {margin-top:5px;}
	.lecturebox .box {width:20%;margin-bottom:2px;}
	.lecturebox .box span {height:28px;line-height:28px;font-size:10px;}
	.lecturebox_head {margin-top:20px;}
	.lecturebox_head .btns {top:auto;bottom:0;}
	.stepbox {width:auto;padding:0 6px;min-width:60px;height:28px;line-height:28px;font-size:10px;}
	.downbox {width:auto;height:28px;padding:0 32px 0 6px;min-width:auto;line-height:28px;font-size:10px;}
	.downbox:after {width:28px;-webkit-background-size:12px auto;background-size:12px auto}
	.bookstep {margin-top:10px;border:0;}
	.bookstep li {padding:5px 0 10px}
	.bookstep li a:first-child { position:static; display:block; }
	.bookstep li .stepbox {margin-right:0;}
	.bookstep li .downbox {margin-right:0;margin-top:4px;}

	.viewbox {width:auto;height:28px;padding:0 10px 0 10px;min-width:auto;line-height:28px;font-size:10px;}

	.textbook {margin-top:10px;border:0;}
	.textbook li {padding:5px 0 10px}
	.textbook li a:first-child { position:static; display:block; }
	.textbook li .stepbox {margin-right:0;}
	.textbook li .viewbox {margin-right:0;margin-top:4px;}

	.levelbox {display:block;table-layout:inherit;}
	.levelbox a {display:inline-block;margin:2px 2px 0 0;padding-left:0;font-size:10px;}
	.levelbox a span {height:22px;line-height:22px;padding:0 20px;font-size:10px;border-radius:3px;}
	.numberbox a {height:22px;line-height:22px;padding:0 9px;width:auto;font-size:10px;border-radius:3px;}

	.levelfrmlist li {margin:10px 0;}
	.levelfrmlist li:first-child {margin-top:5px}
	.levelfrmlist li:after {bottom:-7px;}
	.lecturebox .box {width:33%;}
	.levelfrmlist .w8 {width:10%}
	.levelfrmlist .w12 {width:20%;padding-right:5px}
	.levelfrmlist .w20 {width:17.5%;padding-right:2px}
	.levelfrmlist .w30 {width:29%;padding-right:2px}
	.levelfrmlist .w40 {width:35%;padding-right:2px}
	.levelfrmlist .w50 {width:41%;padding-right:2px}
	.levelfrmlist .w80 {width:70%;padding-right:2px}
	
	.messagebox .aside {float:none;width:100%}
	.messagebox .aside .selectbox {padding:10px}
	.messagebox .aside .bottom {padding:10px}
	.messagebox .aside .bottom .inptxt {margin-top:8px;}
	.messagebox .messageContent {float:none;width:100%;margin-top:10px;}
	.messagebox .aside .list {max-height:300px}
	.messagebox .aside .list ul {padding-left:10px;}
	.messagebox .aside .list ul li {padding:6px}
	.tabnav li {height:30px;line-height:30px;font-size:12px;}


}

@media screen and (max-width: 519px) {
	.w200 {width:80%;max-width:200px}
	.w250 {width:80%;max-width:250px}
	.searchbox > div {float:none;border-top:1px solid #eee;padding:6px 0}
	.searchbox > div:nth-of-type(1) {width:100%;border-top:0}
	.searchbox > div:nth-of-type(2) {width:100%}
	.searchbox > div:nth-of-type(3) {width:100%}
	.searchbox > div:nth-of-type(4) {width:100%}
	.searchbox > div:nth-of-type(1) .th,
	.searchbox > div:nth-of-type(3) .th {width:20%;padding:0 0 0 9px}
	.searchbox > div:nth-of-type(2) .th,
	.searchbox > div:nth-of-type(4) .th {width:20%;padding:0 0 0 9px}
	.searchbox .inptxt {width:50%;max-width:168px}
	.searchbox .select {width:50%}
	.searchbox .select2 {width:50%;margin-left:68px;}
	.searchbox .select > div:nth-of-type(1){ margin-left:70px;}
	.searchbox .select > div:nth-of-type(2){ margin-left:70px;}
	.scrollbox {overflow:hidden;overflow:scroll;-webkit-overflow-scrolling: touch !important;}
	/*.scrollbox {overflow-x:hidden; overflow:auto !important; max-height: 95%; -webkit-overflow-scrolling: touch !important;}
	.scrollbox {overflow:scroll; -webkit-overflow-scrolling: touch !important;}*/
	.scrollbox .table_list {width:600px;max-width:600px;min-width:600px}

	.frmtimegroup .select {display:block;width:100%;margin-top:4px}
	.frmtimegroup .inptxt {display:block;width:100%;margin-top:4px}
	.frmtimegroup .select.ml10 {margin-left:0}
	.frmdatebox {width:68%;}
	.searchboxTbl .frmdatebox .frmdate {width:44%;}

	.searchboxTbl {border-top:0}
	.searchboxTbl .cell {display:block;width:100%;padding:6px 0;border-top:1px solid #ededed}
	.searchboxTbl .cell .checkbox .cell {width:auto}
	.searchboxTbl .bdl {border-left:0}
	.searchboxTbl .w25 .th {width:20%;padding-left:4.06%}
	.searchboxTbl .w50 .selectgroup {display:inline-block;width:70%}
	.searchboxTbl .w50 .selectgroup .select {display:inline-block;width:27%}
	.searchboxTbl .w15 .th {width:20%;padding-left:4.06%}
	.searchboxTbl .w35 .th {width:20%;}
	
	.searchboxTbl2 { display:inline-block; border-top:0; width: 100%}
	.searchboxTbl2 .cell {display:block;width:100%; padding:6px 0;}
	.searchboxTbl2 .cell .checkbox .cell {width:auto}
	.searchboxTbl2 .bdl {border-left:0}
	.searchboxTbl2 .w50 > .th {width:14.99%;padding-left: 4.06%}
	.searchboxTbl2 .w50 > .frmdate {width:40%}
	.searchboxTbl2 .w25 .th {width:20%;padding-left:4.06%}
	.searchboxTbl2 .w50 .selectgroup {display:inline-block;width:70%}
	.searchboxTbl2 .w50 .selectgroup .select {display:inline-block;width:30%}
	.searchboxTbl2 .inptxt {width:40%;max-width:210px;vertical-align: middle;}
	.searchboxTbl2.counsel .btnr{top:20px;}
	.searchboxTbl2.counsel .w50 > .frmdate{width:40%;}
	.searchboxTbl2.counsel .btnr{top:auto;}

	.table_frm tbody th span {padding-right:4px}
	.chkphoneinp .phone {display:block;width:90%;margin-top:2px;} 
	.chkphoneinp .phone .select {width:30%} 
	.chkphoneinp .phone .inptxt {width:30%} 
	.minibtn + .minibtn {margin-top:4px}

	.paging .btn_first,
	.paging .btn_prev,
	.paging .btn_next,
	.paging .btn_last {display:}
	
	.btndownload {display:none}

	.pop_lesson {overflow:hidden;display:block;}
	.pop_lesson .side {display:block;width:100%;}
	.pop_lesson .side li a {height:20px;line-height:20px;padding:0 8px;font-size:10px;}
	.pop_lesson .section {display:block;width:100%;padding:10px}
	.pop_lesson .stepttl {height:30px;line-height:30px;font-size:11px;}
	.pop_lesson .stepttl .close {top:8px;right:10px;background-position:center center;-webkit-background-size:12px auto;
	background-size:12px auto;}
	.pop_lesson .content {padding:10px}
	.pop_lesson .lesson_head {height:50px;line-height:50px;padding-left:10px;}
	.pop_lesson .lesson_head .ttl span {font-size:12px;}
	.pop_lesson .lesson_head .ttl span + span {padding-left:20px;}
	.pop_lesson .lesson_head .ttl span:not(:first-child):after {display:none;}
	.pop_lesson .lesson_head .print {width:23px;height:23px;-webkit-background-size:14px auto; background-size:14px auto;}
	.pop_lesson .lesson_head .pdf {width:23px;height:23px;-webkit-background-size:14px auto; background-size:14px auto;}
	.pop_lesson .box {padding:10px;}
	.pop_lesson .box .ttl {font-size:11px;}
	.pop_lesson .box .ttl .speak {width:18px;height:15px;-webkit-background-size:10px auto;
	background-size:10px auto;}
	.pop_lesson .box table th, .pop_lesson .box table td {font-size:11px;}

	

}