@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Nanum+Gothic:400,700|Noto+Sans+KR:300,700&display=swap&subset=korean');

/* Font-Face */
* {box-sizing: border-box;}
html{margin:0; padding:0; width:100%; height: 100%;overflow-y:scroll;}
body{margin:0; padding:0; width:100%; height: 100%; font-family: 'Nanum Gothic',Dotum,Helvetica,AppleGothic,Sans-serif; font-size:13px; line-height:1.5; color:#000000; -webkit-text-size-adjust: 100%;}
img{margin:0; padding:0; border: 0;}
a, a img{border:none; outline:0; selector-dummy : expression(this.hideFocus=true); text-decoration:none;}
ul, ol, dt, dd, li {list-style-type: none; margin: 0; padding: 0;}
a:link, a:visited, a:active {color:initial; text-decoration:none;}
p, div {margin:0; padding:0;}
::placeholder {color: #bbb;}
select {border: 1px solid #ddd; margin: 1px 0; font-size: 12px;}
table {border-spacing: 0;}

/* font */
h1,h2,h3,h4,h5 {font-weight: 700; color: #000; margin: 0;}
h1 {font-size: 15px;}
h2 {font-size: 18px;}
h3 {font-size: 28px;}
h4 {font-size: 36px;}
h5 {font-size: 40px;}
hr {display: none;}
li{list-style-type:none;}
textarea { font-family:'Nanum Gothic',Dotum,AppleGothic,sans-serif; width:100%; height:220px; font-size:12px; padding:3px 0 1px 3px; resize:none; scrollbar-width: thin; scrollbar-color: #b8d2ea #f1f1f1;}
input {width: 100%; height:30px; padding: 4px; font-size:12px; border:1px solid #ddd; box-sizing:border-box; margin: 1px 0;}
button {outline: none;border: 0; padding: 9px 20px;color: #fff;font-weight: 600;line-height: 12px; font-size:12px; cursor: pointer; white-space: nowrap; }
.table-w > label{line-height:30px;}
.table-w > label + label {margin-left: 10px;}

input.sss {width: 50px;}
input.dt {width: 140px;}
input.ss {width: 100px;}
input.ms {width: 70%;}
input.ls {width: 80%;}
input.hs {width: 50%;}
input.es {width: 80%;}
input.w30 {width: 30%;}

.mov_tit{height:18px;}

.box_left{float: left; width:50%;}
.box_right{float:right; width:50%;}

.w30 {width: 30px;}
.w50 {width: 50px;}
.w80 {width: 80px;}
.w100 {width: 100px;}
.w150 {width: 150px;}
.w200 {width: 200px;}
.per10 {width: 10%;}
.per20 {width: 20%;}
.per30 {width: 30%;}
.per40 {width: 40%;}
.per50 {width: 50%;}
.per60 {width: 60%;}
.per70 {width: 70%;}
.per80 {width: 80%;}
.per90 {width: 90%;}

.division6 {width: 16.6666666666%;}

input.box{width:16px; height:16px; margin:5px 2px 0px 0px;}
.noti_pop{position:absolute;left:235px;top:50px;z-index:200;visibility:hidden;}
.noti_popup{width:405px; height:260px;}
p.ptit{font-size:30px; color:#e80f52; font-weight:400; background:#e8e8e8; padding:5px 0; height:52px; margin:20px; font-family:'NanumBarunGothic';}
p.ptxt{font-size:28px; color:#000000; font-weight:400;  padding:13px 0; height:110px; margin:20px 30px; font-family:'NanumBarunGothic'; letter-spacing:-1px; }
p.btn_pop{font-size:22px; font-weight:400; background:#e80f52; border-radius:5px; padding:5px 0; width:90%; letter-spacing:-1px;  font-family:'NanumBarunGothic';}
span.pop_point{color:#e80f52; }
p.btn_pop a {color:#ffffff;}  

@media (max-width: 480px) {
.noti_pop{position:absolute;left:0px;top:50px;z-index:200;visibility:hidden;}
.noti_popup{width:100%; height:260px;}
p.ptxt{font-size:20px; color:#000000; font-weight:400;  padding:13px 0; height:110px; margin:20px 30px; font-family:'NanumBarunGothic'; letter-spacing:-1px; }
}


.coupon-on{background:#fa2341; cursor:pointer;}
.coupon-off{background:#f5f5f5; color:#aaa; cursor:pointer;}
.boldRed {color: #ff0000; font-weight: 700;}

/* 보안인증 */
.mo-bnt-s {background: #159fa4;}
table {width: 100%; border-collapse: collapse; margin-bottom:10px;}
th, td {padding: 8px;  text-align: center;  border-bottom: 1px solid #ddd;}
th {background-color: #f5f5f5; padding:15px 0px; border-top: 1px solid #ddd;}
.auth-key-container {display: flex;  flex-direction: column;  gap: 4px;  align-items: center; /* 가운데 정렬 */}
.auth-key-row {display: flex; gap: 4px;}
.auth-key-row input {width: 600px;}

.auth-id-container {display: flex;  flex-direction: column;  gap: 4px;  align-items: center; /* 가운데 정렬 */}
.auth-id-row {display: flex; gap: 4px;}
.auth-id-row input {width: 300px;}

.auth-plus {outline: none;  border: 0;  padding: 9px 13px;  color: #555555; margin-bottom:3px; font-weight: 600;  line-height: 12px;  font-size: 18px;  cursor: pointer;  white-space: nowrap;	border:1px solid #dddddd;border-radius:5px;	font-weight:400;}
.visitor span.kdown {padding: 7px 12px; border:1px solid #6d6d6d;border-radius:15px;}


/* layout */
#wrap{position:relative; width: 100%; height: 100%;}
#header {position: relative; width: 100%; min-width: 1024px; background: #284b87; height: auto; min-height: 62px;}
.block {width: 100%; display: inline-block;}


/* header */
.header-top {
  width: 100%;
  padding: 5px 10px;
  background: linear-gradient(
    90deg,
    #4496A0 0%,
    #4496A0 18%,
    #3d8590 22%,
    #343C82 28%,
    #343C82 43%,
    #384888 47%,
    #4496A0 53%,
    #4496A0 68%,
    #3d8590 72%,
    #343C82 78%,
    #343C82 93%,
    #3d8590 97%,
    #4496A0 100%
  );
  background-size: 400% 100%;
  animation: headerGradient 65s linear infinite;
  font-size: 12px;
  height: auto;
  display: table;
}
@keyframes headerGradient {
  0%   { background-position: 400% 50%; }
  100% { background-position: 0% 50%; }
}
.telnum {float: left; color: #fff; padding: 4px 0;}
.visitor {float: right; color: #fff; padding: 4px 5px; white-space:nowrap;}
.visitor span {padding: 0 10px;}

.visitor a {color: #fff; }
.logo {width: auto; display: table; float: left;}
.logo a {display: table-cell; vertical-align: middle;}
.logo h2 {color: #fff; font-size: 14px; font-weight: normal;}
.topmenu {display: flex; justify-content: stretch; flex-wrap: wrap; width: 100%; margin: 0 auto;}
.topmenu li {height: 62px; display: table; flex: 1 1 0; min-width: 70px;}
.topmenu li:hover, .topmenu li.active {background: #28b9b4;}
.topmenu li a {display: table-cell; text-align: center; vertical-align: middle; padding: 4px 6px;}
.topmenu li a img {width: 28px; height: 28px; display: block; margin: 0 auto 4px; transition: filter 0.8s ease;}
.topmenu li:hover a img, .topmenu li.active a img {filter: brightness(0) saturate(100%) invert(42%) sepia(93%) saturate(1352%) hue-rotate(0deg) brightness(95%) contrast(105%);}
.topmenu li a h1 {color: #fff; font-weight: 400; font-size: 12px; margin: 0; line-height: 1.2;}


/* container */
#container {position: relative; width: 100%; height: auto; min-height: 100%;}
#main {transition: 0.5s;padding: 4px 32px;margin-left: 212px;}
.gbox{position: relative; display:inline-block; width: 100%; height: 100%; margin: 30px 0 0; }
.gLeft{float:left; width:13%; margin-right:1%;}
.gLeft ul{margin-top:10px;}
.gLeft ul .seller-list{height:250px;}
.gRight{float:left; width:86%;}
.admcontent {position: relative; width: 100%; height: 100%; margin: 2px 0 0;}

/* leftMenu */
.sidenav {width: 212px;position: absolute;z-index: 9; background-color: #fff; transition: 0.5s; border-right: 1px solid #ddd; overflow: hidden; height: auto; min-height: 100%;}
.sidenav a {padding: 5px 5px 5px 0;text-decoration: none; letter-spacing:-0.5px; font-size: 13px;color: #333;display: block; transition: 0.3s;}
span.site{padding-left:5px; color:#333333;}
.sidenav a.active, .sidenav a:hover {padding-left: 10px;background: url(../images/dots-vertical.svg?color=ff9900) no-repeat -8px 4px;background-size: 20px;transition: 0.2s;color: #000;font-weight: 700;}
.sidenav .closebtn {position: relative; font-size: 13px; color: #333; text-align: right; }
.sidenav .closebtn:hover {background: none;}
.menu-open {font-size:13px;cursor:pointer; padding: 10px; color: #333; display: inline-block;}
.menu-open img {width: 20px; height: 20px; float: left; margin-right: 5px;}
.closebtn img {width: 20px; height: 20px; position: absolute; right: 80px;}
.mtitle {border-top: 1px solid #ddd;}
.mtitle h1 {padding: 15px 14px;}
.subbox {padding: 10px 20px; background: #eee; width:211px;}


/*baseset*/
.pagetitle{font-size:18px; color:#505050; font-weight:bold; line-height:20px;}
.blue-sq{width:5px; height:20px; margin-right:8px; background:#284b87; float:left;}
.midtitle{font-size:16px; line-height:21px; font-weight:normal;}
.midtitle .blue-sq2{width:5px; height:5px; margin:8px 6px 9px 2px; background:#284b87; float:left;}

.r-text{color:#fa3c28;}
.r-text a{color:#222222; }
.sky-text{color:#0070c0;}
.sky-text a{color:#0070c0;}
.wk-text{color:#ff0000; margin-top:-5px; line-height:1.6;}
.b-text{color:#0564c8;}
.g-text{color:#2d7d50;}
.rp-text{color:#dc285f;}
.y-text{color:#ff9900;}
.bg-text{color:#1e9b96;font-weight:bold;}
.title-text{color:#303030; font-size:14px; font-weight:bold;}
.ptop-10{padding-top:10px;}
span.point{color:#ff0000;}
.bl-text{color:#000000; font-size:13px;}
/* 관리자 SMS 발송목록 등: 조회건수 우측 정렬 */
.adm-query-count-right{float:right;width:40%;text-align:right;}
.txt_box{width:100%;}
.txt_box_helf{float:left; width:50%; }
.txt_radius{width:98%; padding:1%; margin:1%; border:1px solid #d7d7d7; border-radius:3px;}



.k-bnt, .k-bnt-l, .b-bnt, .b-bnt-l, .rp-bnt, .g-bnt, .wk-bnt, .wk-bnt-l, .r-bnt, .sms-bnt{background:#444; cursor:pointer; margin:0 2px;}
.k-bnt-s, .b-bnt-s, .rp-bnt-s, .g-bnt-s, .wk-bnt-s, .r-bnt-s, .bl-bnt-s, .et-btn-s {background:#444; width:140px; height:35px; font-size:12px; text-align:center; cursor:pointer; margin:0 2px; padding: 0; border-radius:3px;}
.tb-bnt{width:140px; height:35px; font-size:12px; text-align:center; cursor:pointer; margin:0 2px; padding: 0; border-radius:3px;}
.s-bnt{cursor:pointer; margin:0 2px; border-radius:3px;}

.k-bnt-l, .wk-bnt-l, .b-bnt-l{width:40%; height:56px; font-size:18px; text-align:center;}

.b-bnt, .b-bnt-s, .b-bnt-l{background:#bda10c;}
.bl-bnt, .bl-bnt-s, .bl-bnt-l{background:#000;}
.et-btn, .et-btn-s, .et-btn-l{background:#6633cc;}
.rp-bnt, .rp-bnt-s{background:#dc285f;}

.g-bnt, .g-bnt-s{background:#2d7d50;}
.y-bnt, .y-bnt-s, .y-bnt-l{background:#ff9900;}
.wk-bnt, .wk-bnt-s, .wk-bnt-l, .sms-bnt{background:#eee; color:#444;}
.r-bnt, .r-bnt-s{background:#d9971c;}
.sms-bnt {width:30px; height:30px; padding:7px; margin:0 5px 10px 0; font-size:16px; line-height:16px; color:#444;}
.x-btn{background:#ffffff; padding:8px 8px; border-radius:2px; border:1px solid #e1e1e1; font-weight:600; color:#cf2c2c;}
.plus-btn{background:#ffffff; padding:8px 18px; font-size:20px; border-radius:2px; border:1px solid #e1e1e1; font-weight:500; color:#cf2c2c;}

.sch-bnt-s{background:#dc285f;}
.sch-bnt-s:hover{background:#9b163f;}

.list-bnt-s{background:#444444;}
.list-bnt-s:hover{background:#000000;}
.mo-bnt-s{background:#159fa4;}
.mo-bnt-s:hover{background:#0c6b6f;}
.re-bnt-s{background:#2c5293;}
.re-bnt-s:hover{background:#12346f;}
.gr-bnt-s{background:#eeeeee;}
.gr-bnt-s:hover{background:#cfcfcf;}

.xl-bnt-s{background:#2d7d50;}
.xl-bnt-s:hover{background:#116b38;}
.det-bnt-s{background:#2d7d50;}
.det-bnt-s:hover{background:#116b38; }
.super-bnt-s{background:#2d7d50; letter-spacing:-1px;}
.super-bnt-s:hover{background:#116b38;}
.risk-bnt-s{background:#2d7d50; letter-spacing:-1px;}
.risk-bnt-s:hover{background:#116b38;}
.do-bnt-s{background:#2d7d50;}
.do-bnt-s:hover{background:#116b38;}

.rec-bnt-s{background:#10886e;}
.rec-bnt-s:hover{background:#800940;}
.ch-bnt-s{background:#158fc9;}
.ch-bnt-s:hover{background:#0e6893;}
.res-bnt-s{background:#d9971c;}
.res-bnt-s:hover{background:#8b770b;}
.ca-bnt-s{background:#284b87;}
.ca-bnt-s:hover{background:#103067;}
.in-bnt-s{background:#673ab7;}
.in-bnt-s:hover{background:#49218f;}
.ba-bnt-s{background:#158fc9;}
.ba-bnt-s:hover{background:#9b8306;}

.file-bnt-s{background:#17b1df;}
.file-bnt-s:hover{background:#0485ac;}
.file-bnt-ch{background:#17b1df;}
.file-bnt-ch:hover{background:#0485ac;}

.statisticsBody button.tap-bnt{background:#dc285f;}
.statisticsBody button.tap-bnt:hover{background:#9b163f;}


.k-bnt:hover, .k-bnt-s:hover, .k-bnt-l:hover{background:#111;}
.bl-bnt:hover, .bl-bnt-s:hover, .bl-bnt-l:hover {background:#666;}
.et-btn:hover, .et-btn-s:hover, .et-btn-l:hover {background:#6600cc;}
.b-bnt:hover, .b-bnt-s:hover, .b-bnt-l:hover{background:#203c6c;}
.rp-bnt:hover, .rp-bnt-s:hover{background:#b0204c;}
.g-bnt:hover, .g-bnt-s:hover{background:#246440;}
.y-bnt:hover, .y-bnt-s:hover, .y-bnt-l:hover {background:#de8500;}
.wk-bnt:hover, .wk-bnt-s:hover, .wk-bnt-l:hover, .sms-bnt:hover{background:#d5d5d5;}
.r-bnt:hover, .r-bnt-s:hover{background:#c81c34;}
button.default {border: 1px solid #000; background: #fff; color: #000; cursor: pointer}


.bnt-s {margin:0; padding:0; width:90px; height:28px; line-height:28px; text-align:center; font-size:13px; font-weight:normal; border-radius: 3px;}
.bnt-taxin {margin:0; padding:0; width:54px; height:22px; line-height:22px; text-align:center; font-size:11px; font-weight:normal; letter-spacing: -1px;}
.bnt-taxout {margin:0; padding:0; width:54px; height:22px; line-height:22px; text-align:center; font-size:11px; font-weight:normal; letter-spacing: -1px;}
.bnt-ss {margin:0; padding:0; width:54px; height:22px; line-height:22px; text-align:center; font-size:11px; font-weight:normal; letter-spacing: -1px;}
.bnt-ms {margin:0; padding:0; width:62px; height:22px; line-height:22px; text-align:center; font-size:11px; font-weight:normal; letter-spacing: -1px;}

button.mainc {width: 60px; padding: 2px 0; font-size: 12px; border-radius: 3px;}

.cate_txt{color:#222222;}
.cate_txt .b-text{color:#0564c8;}

.bnt-area{float:right; margin-bottom:5px;}
.bnt3-area{text-align:center;}

.lineheight1{line-height:1;}
.margin-30{height:30px; clear:both;}
.margin-20{height:20px; clear:both;}
.margin-15{height:15px; clear:both;}
.add-style{padding: 3px; background:#fff; line-height:20px; width:30%; float:left;}
.bottom-area{padding:50px 0;}

.contable, .contable2{overflow:hidden; width:100%; margin:12px 0; word-break:break-all;}
.contable .section-box, .contable .section-box .ul-1{width:100%; overflow:hidden; display: block;}
.contable .section-box .ul-1{border-top:1px solid #ddd; overflow:hidden; background:#f5f5f5; display: table;}
.contable .section-box:last-child{border-bottom:1px solid #ddd;}
.contable .section-box .ul-1 > li{line-height:30px; padding:6px 15px; display: table-cell; vertical-align: middle; min-height: 46px;}
.contable .section-box .ul-1 > li div {padding: 0px 0;}

/*다단*/
.contable .section-box .col2{width:50%; float:left; display:flex;}
.contable .section-box .col3{width:100%; float:left; display:flex; background:none; border-top:1px solid #fff;}
.contable .sell-section-box .col2{width:50%; float:left;}

.contable .taxBoxList .col3 {width:calc(100% / 3); float:left; display:flex;}
.contable .taxBoxList .col2 {width:50%; float:left; display:flex;}
.contable .taxBoxList .col1 {width:100%; float:left; display:flex; background:none;}
.contable .taxBoxList .col3 .table-wk {width:40%; display:flex;}
.contable .taxBoxList .col1 .table-wk {width:10.4%; background:#f5f5f5; display:flex;}
.contable .taxBoxList .ul-1 > li {padding:10px}


/*비율1*/
.contable .table-wk{width:12%; overflow:hidden;}
.contable .table-wk100{width:100%; overflow:hidden;}
.contable .table-w{width:89%; overflow:hidden; background:#fff;}
.contable .table-w100{width:100%; overflow:hidden; background:#fff;}
.contable .table-w96{width:96%; margin:0 2%; overflow:hidden; background:#fff;}
.contable .table-w.table-100{width:100%; text-align:center;}
.line-1{line-height:1.3;}
.contable .table-wk30{width:30%; overflow:hidden;}
input .date{width:150px;}
/*비율2*/
.contable .col2 .table-wk{width:24%;}
.contable .col2 .table-w{width:76%;}

/*비율3*/
.contable .seller{display:flex;}
.contable .seller .table-wk{width:35%;}
.contable .seller .table-w{width:65%;}

/*비율2*/
.contable .col2 .table-wk2{width:13%;}
.contable .col2 .table-w2{width:87%;}

/* 모의시험 */
#exam-container {width: 100%; position: relative; height: 100%;}
#exam-container .section_full {}
button.exam_btn {width: 90px;}
.myExam .table_board_for tr td:first-child {text-align: left;}
.section.exampage {padding: 10px;}
.examHeader {}
.examHeader div {height: auto;}
.examHeader .left {width: 100%; background: #fff; border: 1px solid #000;}
.examHeader .left h2 {font-size: 24px; padding: 30px; color: #000; font-weight: 700;}
.examHeader .arrow_header {width: 107px;}
.infoBox.sticky {position:fixed;top:0; left:0; width:100%; z-index:999; }
.infoBox.sticky ul {background:#fff;}
.infoBox ul li {float: left; width: 21%; border-left: 1px solid #000; border-bottom: 1px solid #000;}
.infoBox ul li:nth-child(3) {width: 37%;}
.infoBox ul li:last-child {border-right: 1px solid #000;}
.infoBox ul li div, .cardTop div {float: left; font-size: 13px;}
.infoBox ul li .left, .cardTop .left {height: 39px; font-weight: 700; padding: 0 10px; line-height: 39px; border-right: 1px solid #000;}
.infoBox ul li .right, .cardTop .right {height: 39px; font-weight: 700; line-height: 39px; text-align: center; padding: 0 10px;}
.right.res_time {color: #ff0000;}

.examBody {padding: 30px 0; width: 78%;}
.examBox {margin-bottom: 40px;}
.examBox:last-child {margin-bottom: 0;}
h1.examTitle {margin-bottom: 30px; font-size: 18px; position: relative; line-height: 1.5; display: table;}
h1.examTitle img.exam-o, h1.examTitle img.exam-x {position: absolute; top: -20px; left: -15px;}
h1.examTitle span {font-size: 28px; color: #eb6c5f; display: inline-block; margin-right: 10px; width: 48px; padding-left: 10px;}
h1.examTitle span, h1.examTitle p {display: table-cell; vertical-align: top;}
h1.examTitle p {position: relative; top: 8px;}
.examList td {text-align: center;}
.examList td:nth-child(1) {width: auto;}
.examList td:nth-child(2) {width: 100px;}
.examList td:nth-child(3) {width: 100px;}
.examList td:nth-child(4) {width: 100px;}
.examList td:nth-child(5) {width: 160px;}

.mchoice {padding: 0 30px;}
.mchoice li {margin: 10px 0; position: relative;}
.mchoice li img.examCheck {position: absolute; top: -9px; left: -4px;}
.mchoice li a {font-size: 15px;}
.mchoice li a span {display: inline-block; margin-right: 10px;}
.reference {padding: 10px; background: #f7f7f7; border: 1px solid #ddd; margin: 0 auto 30px; width: 95%;}
.reference p {padding: 10px; font-size: 13px; line-height: 1.8; width: 100%; word-break: keep-all;}
.schoice {padding: 0 30px;}
.schoice .answer {width: 100%; border: 0; border-bottom: 1px solid #ddd; padding: 10px; outline: none; font-size: 13px; color: #0056c5; height: 36px; line-height: 1.5; overflow: hidden;}
.examFooter {margin-top: 50px; padding: 30px 0; border-top: 1px solid #000; text-align: center;}
.examFooter button.examConfirm {border: 1px solid #000; padding: 20px; font-size: 18px; font-weight: 700; color: #000; background: #fff; width: 100%; max-width: 400px; height: auto;}
.omrcard {width: 230px; display: inline-block; position: absolute; top: 200px; right: 10px;}
.cardTop {width: 230px; display: inline-block; border: 1px solid #000;}
.cardTop .right {width: 130px;}
.omrsticky {position: fixed; top: 0; width: 230px; left: 50%; margin-left: 300px;}	
.sticky + .content {padding-top: 60px;}
h1.audioSticky {position:fixed; top:0; left:10px; background:#fff; width:auto; padding:0px; z-index:999; border-radius:0 0 30px 30px;}
table.checking {width: 230px;}
table.checking th {width: 50px; font-size: 18px; font-weight: 700; text-align: center; background: #f7f7f7;}
table.checking th, table.checking td {border-top: 1px solid #ececec;}
table.checking td {padding: 10px; min-height: 55px;}
ul.ckpoint {width: 100%; display: inline-block;}
ul.ckpoint li {float: left; width: 20%; text-align: center; background: url(/files/default-img/ck_off.png) no-repeat center; height: 31px; line-height: 31px; font-size: 11px; color: #b7b7b7;}
ul.ckpoint li.on {background: url(/files/default-img/ck_on.png) no-repeat center; color: #ff9900;}
table.checking td .answer {width: 100%; border: 0; background: #f7f7f7; padding: 5px; margin: 0; height: 45px;}
.check-box {height: 100%; max-height: 720px; overflow-y: auto; overflow-x: hidden; border: 1px solid #ddd;}
.radio_container {display: block;position: relative;padding-left: 25px;margin-bottom: 12px;cursor: pointer;font-size: 15px;font-weight: 400;-webkit-user-select: none;-moz-user-select: none;-ms-user-select: none;user-select: none; line-height: 1.6; word-break: keep-all;}
.radio_container input {position: absolute; opacity: 0; cursor: pointer; width: auto; height: auto; min-width: 0; max-width: none; padding: 0; margin: 0; border: 0; font-size: inherit; line-height: normal; box-sizing: border-box;}
.exam_checkmark {position: absolute;top: 0;left: 0;}
.exam_checkmark:after {content: "";position: absolute;display: none;}
.radio_container input:checked ~ .exam_checkmark:after{display: block;}
.radio_container .exam_checkmark:after {top: -9px;left: -4px;width: 24px;height: 29px;background: url(/files/default-img/examCheck.png) no-repeat center top;}
.radio_container .exam_checkmark.on {width: 24px;height: 29px;background: url(/files/default-img/examCheck.png) no-repeat center -9px;}

.radio_container.chk_right {margin: 0; padding: 0;}
.answer_box, .answer, .exam_comment {padding: 10px; background: #f7f7f7; border: 1px solid #ddd; margin: 0 auto 10px; width: 95%; line-height: 1.5;}
.answer p, .answer_box p, .adm-comm {font-weight: 700; color: #000; margin-bottom: 10px;}
.answer {background: #fff2f2;}
.answer_box {background: #f1faff}
.exam_comment {background: #fffbe5;}
.commentary {background: #fff3e9;}
ul.lecture-block li .btn-area.pause {height: 100px; display: inline-block;}
#textBox {font-size: 15px;}
#examMsg a {width: 50px; height: 24px; line-height: 24px; background: #000; color: #fff; font-size: 13px; font-weight: bold; display: inline-block;}
#examWrap #wallWrap { position:fixed; top:0px; right:0; bottom:0; left:0; background-color:#fff; z-index:999; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)"; filter:alpha(opacity=75); -khtml-opacity:0.75; -moz-opacity:0.75; opacity:0.75; }
#examWrap #examMsg {position:fixed;  top:300px; right:0; bottom:0; left:0;  margin:0 auto; height:180px; width:400px; padding:35px; border:1px solid #8c90ae; background:#eee; border-radius:5px;  color:#000000; text-align:center; z-index:9999; }
#textBox {vertical-align:middle; padding-top:20px;}
#examWrap #examMsg #textBox .msg_red { color:#bb0c20; padding-bottom:20px;}
.btn_ok{ margin-top:20px; width:70px; height:26px;}
.mchoice img {width: auto; max-width: 100%;}



/*sellercategory*/
.contable .sell-section-box, .contable .sell-section-box .sell-ul-1{width:100%; overflow:hidden;}
.contable .sell-section-box .sell-ul-1{border-top:1px solid #ddd; overflow:hidden; background:#f5f5f5;}
.contable .sell-section-box:last-child{border-bottom:1px solid #ddd;}
.contable .sell-section-box .sell-ul-1 > li{line-height:30px; padding:10px 15px; float:left; }




.vertical-table select, .vertical-table p, .vertical-table input{float:left; margin-right:5px; line-height:30px;}
.input-wk{background:#eee;}

.contable .phone-st{width:100%;}


/*table*/
.contable .table-none{padding:20px;}

.table-title, .table-color{text-align:center; margin:0;}
.table-title li, .table-color li{}

/*bankset*/
.bankset-t li:nth-child(1){width:8%;}
.bankset-t li:nth-child(2){width:20%;}
.bankset-t li:nth-child(3){width:10%;}
.bankset-t li:nth-child(4){width:auto;}
.bankset-t li:nth-child(5){width:10%;}
.bankset-t li:nth-child(6){width:10%;}

/*oldUserC*/
.oldUserC li:nth-child(1){width:2%;}
.oldUserC li:nth-child(2){width:3%;}
.oldUserC li:nth-child(3){width:4%;}
.oldUserC li:nth-child(4){width:4%;}
.oldUserC li:nth-child(5){width:6%;}
.oldUserC li:nth-child(6){width:5%;}
.oldUserC li:nth-child(7){width:5%;}
.oldUserC li:nth-child(8){width:5%;}
.oldUserC li:nth-child(9){width:8%;}
.oldUserC li:nth-child(10){width:7%;}
.oldUserC li:nth-child(11){width:4%;}
.oldUserC li:nth-child(12){width:10%;}
.oldUserC li:nth-child(13){width:4%;}
.oldUserC li:nth-child(14){width:3%;}
.oldUserC li:nth-child(15){width:2%;}

/*buytax*/
.buytax li:nth-child(1){width:2%;}
.buytax li:nth-child(2){width:4%;}
.buytax li:nth-child(3){width:4%;}
.buytax li:nth-child(4){width:4%;}
.buytax li:nth-child(5){width:6%;}
.buytax li:nth-child(6){width:5%;}
.buytax li:nth-child(7){width:9%;}
.buytax li:nth-child(8){width:5%;}
.buytax li:nth-child(9){width:5%;}
.buytax li:nth-child(10){width:5%;}
.buytax li:nth-child(11){width:5%;}
.buytax li:nth-child(12){width:5%;}
.buytax li:nth-child(13){width:5%;}
.buytax li:nth-child(14){width:2%;}

/*buytax*/
.buytax_tit li:nth-child(1){width:40px;}
.buytax_tit li:nth-child(2){width:50px;}
.buytax_tit li:nth-child(3){width:80px;}
.buytax_tit li:nth-child(4){width:80px;}
.buytax_tit li:nth-child(5){width:100px;}
.buytax_tit li:nth-child(6){width:50px;}
.buytax_tit li:nth-child(7){width:190px;}
.buytax_tit li:nth-child(8){width:60px;}
.buytax_tit li:nth-child(9){width:80px;}
.buytax_tit li:nth-child(10){width:120px;}
.buytax_tit li:nth-child(11){width:70px;}
.buytax_tit li:nth-child(12){width:80px;}
.buytax_tit li:nth-child(13){width:80px;}
.buytax_tit li:nth-child(14){width:120px;}

/*transportlist*/
.transportlist-t a:hover{color:#fa3c28; text-decoration:underline; cursor:pointer;}
.transportlist-t li{width:10%;}
.transportlist-t li:nth-child(1){width:6%;}
.transportlist-t li:nth-child(2){width:20%;}
.transportlist-t li:nth-child(3){width:42%;}
.transportlist-t li:nth-child(4){width:8%;}
.transportlist-t li:nth-child(5){width:8%;}
.transportlist-t li:nth-child(6){width:8%;}
.transportlist-t li:nth-child(7){width:8%;}

/*bookPopup*/
.bookPopup li:nth-child(1){width:3%;}
.bookPopup li:nth-child(2){width:7%;}
.bookPopup li:nth-child(3){width:7%;}
.bookPopup li:nth-child(4){width:7%;}
.bookPopup li:nth-child(5){width:11%;}
.bookPopup li:nth-child(6){width:8%;}
.bookPopup li:nth-child(7){width:8%;}
.bookPopup li:nth-child(8){width:7%;}



/*bookPopupList*/
.bookPopupList li:nth-child(1){width:3%;}
.bookPopupList li:nth-child(2){width:7%;}
.bookPopupList li:nth-child(3){width:7%;}
.bookPopupList li:nth-child(4){width:7%;}
.bookPopupList li:nth-child(5){width:11%;}
.bookPopupList li:nth-child(6){width:8%;}
.bookPopupList li:nth-child(7){width:8%;}
.bookPopupList li:nth-child(8){width:7%;}

/*orderTotal*/
.orderTotal-t li:nth-child(1){width:1%;}
.orderTotal-t li:nth-child(2){width:3%;}
.orderTotal-t li:nth-child(3){width:3%;}
.orderTotal-t li:nth-child(4){width:10%;}
.orderTotal-t li:nth-child(5){width:4%;}
.orderTotal-t li:nth-child(6){width:2%;}
.orderTotal-t li:nth-child(7){width:2%;}
.orderTotal-t li:nth-child(8){width:3%;}
.orderTotal-t li:nth-child(9){width:4%;}
.orderTotal-t li:nth-child(10){width:3%;}
.orderTotal-t li:nth-child(11){width:3%;}
.orderTotal-t li:nth-child(12){width:2%;}
.orderTotal-t li:nth-child(13){width:3%;}

/*orderTotal*/
.orderTotal-tit li:nth-child(1){width:1%;}
.orderTotal-tit li:nth-child(2){width:2%;}
.orderTotal-tit li:nth-child(3){width:3%;}
.orderTotal-tit li:nth-child(4){width:8%;}
.orderTotal-tit li:nth-child(5){width:4%;}
.orderTotal-tit li:nth-child(6){width:2%;}
.orderTotal-tit li:nth-child(7){width:2%;}
.orderTotal-tit li:nth-child(8){width:3%;}
.orderTotal-tit li:nth-child(9){width:2%;}
.orderTotal-tit li:nth-child(10){width:3%;}
.orderTotal-tit li:nth-child(11){width:3%;}
.orderTotal-tit li:nth-child(12){width:4%;}
.orderTotal-tit li:nth-child(13){width:4%;}



/*awsAgency*/
.awsAgency li:nth-child(1){width:3%;}
.awsAgency li:nth-child(2){width:4%;}
.awsAgency li:nth-child(3){width:12%;}
.awsAgency li:nth-child(4){width:3%;}
.awsAgency li:nth-child(5){width:3%;}
.awsAgency li:nth-child(6){width:3%;}
.awsAgency li:nth-child(7){width:5%;}
.awsAgency li:nth-child(8){width:2%;}
.awsAgency li:nth-child(9){width:2%;}
.awsAgency li:nth-child(10){width:8%;}

/*awsAgency*/
.awsAgency-tit li:nth-child(1){width:40px;}
.awsAgency-tit li:nth-child(2){width:60px;}
.awsAgency-tit li:nth-child(3){width:180px;}
.awsAgency-tit li:nth-child(4){width:60px;}
.awsAgency-tit li:nth-child(5){width:40px;}
.awsAgency-tit li:nth-child(6){width:50px;}
.awsAgency-tit li:nth-child(7){width:70px;}
.awsAgency-tit li:nth-child(8){width:40px;}
.awsAgency-tit li:nth-child(9){width:40px;}
.awsAgency-tit li:nth-child(10){width:120px;}



/*termTotal-t*/
.termTotal-t li:nth-child(1){width:20%;}
.termTotal-t li:nth-child(2){width:10%;}
.termTotal-t li:nth-child(3){width:8%;}
.termTotal-t li:nth-child(4){width:auto;}
.termTotal-t li:nth-child(5){width:8%;}
.termTotal-t li:nth-child(6){width:8%;}
.termTotal-t li:nth-child(7){width:8%;}
.termTotal-t li:nth-child(8){width:8%;}
.termTotal-t li:nth-child(9){width:10%;}

/*freeTotal-t*/
.freeTotal-t li:nth-child(1){width:6%;}
.freeTotal-t li:nth-child(2){width:15%;}
.freeTotal-t li:nth-child(3){width:10%;}
.freeTotal-t li:nth-child(4){width:10%;}
.freeTotal-t li:nth-child(5){width:auto;}
.freeTotal-t li:nth-child(6){width:10%;}
.freeTotal-t li:nth-child(7){width:12%;}
.freeTotal-t li:nth-child(8){width:12%;}

/*orderTotalCancel*/
.orderTotalCancel li:nth-child(1){width:13%;}
.orderTotalCancel li:nth-child(2){width:10%;}
.orderTotalCancel li:nth-child(3){width:8%;}
.orderTotalCancel li:nth-child(4){width:auto;}
.orderTotalCancel li:nth-child(5){width:9%;}
.orderTotalCancel li:nth-child(6){width:9%;}
.orderTotalCancel li:nth-child(7){width:9%;}
.orderTotalCancel li:nth-child(8){width:9%;}
.orderTotalCancel li:nth-child(9){width:9%;}

/* orderClaimList */
.orderClaimList li:nth-child(1){width:13%;}
.orderClaimList li:nth-child(2){width:10%;}
.orderClaimList li:nth-child(3){width:8%;}
.orderClaimList li:nth-child(4){width:auto;}
.orderClaimList li:nth-child(5){width:10%;}
.orderClaimList li:nth-child(6){width:8%;}
.orderClaimList li:nth-child(7){width:8%;}
.orderClaimList li:nth-child(8){width:10%;}
.orderClaimList li:nth-child(9){width:10%;}

/* orderListPause */
.orderListPause li:nth-child(1){width:13%;}
.orderListPause li:nth-child(2){width:10%;}
.orderListPause li:nth-child(3){width:8%;}
.orderListPause li:nth-child(4){width:auto;}
.orderListPause li:nth-child(5){width:8%;}
.orderListPause li:nth-child(6){width:6%;}
.orderListPause li:nth-child(7){width:6%;}
.orderListPause li:nth-child(8){width:15%;}

/*orderGoodslist*/
.orderGoodslist li:nth-child(1){width:13%;}
.orderGoodslist li:nth-child(2){width:10%;}
.orderGoodslist li:nth-child(3){width:8%;}
.orderGoodslist li:nth-child(4){width:auto;}
.orderGoodslist li:nth-child(5){width:10%;}
.orderGoodslist li:nth-child(6){width:8%;}
.orderGoodslist li:nth-child(7){width:8%;}
.orderGoodslist li:nth-child(8){width:10%;}
.orderGoodslist li:nth-child(9){width:10%;}

/* orderTranList */
.orderTranList li:nth-child(1){width:13%;}
.orderTranList li:nth-child(2){width:10%;}
.orderTranList li:nth-child(3){width:8%;}
.orderTranList li:nth-child(4){width:auto;}
.orderTranList li:nth-child(5){width:10%;}
.orderTranList li:nth-child(6){width:8%;}
.orderTranList li:nth-child(7){width:8%;}
.orderTranList li:nth-child(8){width:10%;}
.orderTranList li:nth-child(9){width:10%;}

/*memberlist-t*/
.memberlist-t li{width:7%;}
.memberlist-t li:nth-child(1){width:5%;}
.memberlist-t li:nth-child(2){width:6%;}
.memberlist-t li:nth-child(8){width:13%;}
.memberlist-t li:nth-child(13){width:13%;}
.memberlist-t li:nth-child(13) p{font-size:11px; line-height:1.2; padding-bottom:4px;}


/*memberloginlist-t*/
.memberloginlist-t li:nth-child(1){width:8%;}
.memberloginlist-t li:nth-child(2){width:12%;}
.memberloginlist-t li:nth-child(3){width:10%;}
.memberloginlist-t li:nth-child(4){width:20%;}
.memberloginlist-t li:nth-child(5){width:20%;}
.memberloginlist-t li:nth-child(6){width:8%;}
.memberloginlist-t li:nth-child(7){width:22%;}

/*memolist-t*/
.memolist-t li:nth-child(1){width:8%;}
.memolist-t li:nth-child(4){width:auto;}
.memolist-t li:nth-child(5){width:16%;}
.memolist-t li:nth-child(6){width:16%;}

/*bizList-t*/
.bizList-t li:nth-child(1){width:5%;}
.bizList-t li:nth-child(2){width:12%;}
.bizList-t li:nth-child(3){width:10%;}
.bizList-t li:nth-child(4){width:auto;}
.bizList-t li:nth-child(5){width:6%;}
.bizList-t li:nth-child(6){width:8%;}
.bizList-t li:nth-child(7){width:6%;}
.bizList-t li:nth-child(8){width:6%;}
.bizList-t li:nth-child(9){width:8%;}

/*memoschedule-t*/
.memoschedule-t li{width:11%;}
.memoschedule-t li:nth-child(1){width:8%;}
.memoschedule-t li:nth-child(3){width:26%;}

/*pointlist-t*/
.pointlist-t li{width:5%;}
.pointlist-t li:nth-child(1){width:5%;}
.pointlist-t li:nth-child(3){width:9%;}
.pointlist-t li:nth-child(4){width:9%;}
.pointlist-t li:nth-child(8){width:10%;}
.pointlist-t li:nth-child(9){width:9%;}
.pointlist-t li:nth-child(11){width:9%;}

/*membergradelist-t*/
.membergradelist-t li{width:10%;}
.membergradelist-t li:nth-child(1){width:70px;}
.membergradelist-t li:nth-child(5){width:auto;}


/*membergrouplist-t*/
.membergrouplist-t li {width:15%;}
.membergrouplist-t li:nth-child(1){width:70px;}
.membergrouplist-t li:nth-child(5){width:auto;}

/*memberitem-t*/
.memberitem-t li:nth-child(1){width:15%;}
.memberitem-t li:nth-child(2){width:19%;}
.memberitem-t li:nth-child(3){width:19%;}
.memberitem-t li:nth-child(4){width:19%;}
.memberitem-t li:nth-child(5){width:28%;}

/*memberdroplist-t*/
.memberdroplist-t li{width:8%;}
.memberdroplist-t li:nth-child(1){width:6%;}
.memberdroplist-t li:nth-child(10){width:11%;}
.memberdroplist-t li:nth-child(11){width:11%;}

/*pointuselist-t*/
.pointuselist-t li:nth-child(1){width:5%;}
.pointuselist-t li:nth-child(2){width:7%;}
.pointuselist-t li:nth-child(6){width:16%;}
.pointuselist-t li:nth-child(7){width:32%;}

/*sellerlist-t*/
.sellerlist-t li{width:10%;}
.sellerlist-t li:nth-child(1){width: 70px;}
.sellerlist-t li:nth-child(2){width:100px;}
.sellerlist-t li:nth-child(3){width: 70px;}
.sellerlist-t li:nth-child(4){width: 70px;}
.sellerlist-t li:nth-child(5){width: 70px;}
.sellerlist-t li:nth-child(6){width: 70px;}
.sellerlist-t li:nth-child(7){width: 70px;}
.sellerlist-t li:nth-child(8){width:70px;}
.sellerlist-t li:nth-child(9){width:165px;}
.sellerlist-t li:nth-child(10){width:70px;}

/*orgcourselist-t*/
.orgcourselist-t li{width:11%;}
.orgcourselist-t li:nth-child(1){width:6%;}
.orgcourselist-t li:nth-child(2){width:34%;}
.orgcourselist-t li:nth-child(3){width:13%;}
.orgcourselist-t li:nth-child(3) a{cursor:pointer;}
.orgcourselist-t li:nth-child(4){width:6%;}
.orgcourselist-t li:nth-child(5){width:8%;}


/*courselist-t*/
.courselist-t-new li {width: 8%;}
.courselist-t-new li:nth-child(1){width:3%;}
.courselist-t-new li:nth-child(2){width:3%;}
.courselist-t-new li:nth-child(3){width:8%;}
.courselist-t-new li:nth-child(4){width:32%;}
.courselist-t-new li:nth-child(5){width:6%;}
.courselist-t-new li:nth-child(6){width:12%;}
.courselist-t-new li:nth-child(7){width:8%;}
.courselist-t-new li:nth-child(8){width:6%;}


/*courselist-t*/
.courselist-t li {width: 8%;}
.courselist-t li:nth-child(1){width:3%;}
.courselist-t li:nth-child(2){width:5%;}
.courselist-t li:nth-child(3){width:32%;}
.courselist-t li:nth-child(4){width:8%;}
.courselist-t li:nth-child(5){width:6%;}
.courselist-t li:nth-child(6){width:12%;}
.courselist-t li:nth-child(7){width:8%;}
.courselist-t li:nth-child(8){width:6%;}

/*courselist-t*/
.courselist-t-end li {width: 8%;}
.courselist-t-end li:nth-child(1){width:3%;}
.courselist-t-end li:nth-child(2){width:5%;}
.courselist-t-end li:nth-child(3){width:32%;}
.courselist-t-end li:nth-child(4){width:8%;}
.courselist-t-end li:nth-child(5){width:6%;}
.courselist-t-end li:nth-child(6){width:12%;}
.courselist-t-end li:nth-child(7){width:8%;}
.courselist-t-end li:nth-child(8){width:6%;}




/*banklist-t*/
.banklist-t li {width:5%;}
.banklist-t li:nth-child(9) {width:20%;}

/*examinationlist-t*/
.examinationlist-t li:nth-child(2){width:70px;}
.examinationlist-t li:nth-child(2){width:auto;}
.examinationlist-t li:nth-child(3){width:175px;}
.examinationlist-t li:nth-child(4){width:110px;}
.examinationlist-t li:nth-child(5){width:90px;}
.examinationlist-t li:nth-child(6){width:90px;}
.examinationlist-t li:nth-child(7){width:90px;}
.examinationlist-t li:nth-child(8){width:90px;}
.examinationlist-t li:nth-child(9){width:90px;}
.examinationlist-t li:nth-child(10){width:90px;}


/* studydownlist-t */
.studydownlist-t li {width: 9%;}
.studydownlist-t li:nth-child(5) {width: auto;}
.studydownlist-t li:nth-child(6), .studydownlist-t li:nth-child(7), .studydownlist-t li:nth-child(8) {width: 11%;}



/*testinglist-t*/
.testinglist-t li{width:7%;}
.testinglist-t li:nth-child(1){width:70px;}
.testinglist-t li:nth-child(2){width:auto;}
.testinglist-t li:nth-child(3){width:14%;}

/*booklist-t*/
.booklist-t li{width:8%;}
.booklist-t li:nth-child(1){width:5%;}
.booklist-t li:nth-child(3){width:auto;}
.booklist-t li:nth-child(5){width:10%;}
.booklist-t li:nth-child(6){width:15%;}
.booklist-t li:nth-child(9){width:10%;}

/*goodslist-t*/
.goodslist-t li{width:8%;}
.goodslist-t li:nth-child(1){width:5%;}
.goodslist-t li:nth-child(3){width:12%;}
.goodslist-t li:nth-child(4){width:29%;}
.goodslist-t li:nth-child(5){width:15%;}
.goodslist-t li:nth-child(6){width:7%;}

/*bbscfg-t*/
.bbscfg-t li{width:7%;}
.bbscfg-t li:nth-child(1){width:5%;}

/*bbsgroup-t*/
.bbsgroup-t li:nth-child(1){width:5%;}
.bbsgroup-t li:nth-child(2){width:8%;}
.bbsgroup-t li:nth-child(3){width:7%;}
.bbsgroup-t li:nth-child(4){width:7%;}
.bbsgroup-t li:nth-child(5){width:8%;}
.bbsgroup-t li:nth-child(6){width:8%;}
.bbsgroup-t li:nth-child(7){width:8%;}
.bbsgroup-t li:nth-child(8){width:7%;}

/*bbslist-t*/
.bbslist-t li{width:10%;}
.bbslist-t li.bbstitle{width:auto;}

/* boardQna */
.boardQna li:nth-child(1){width:10%;}
.boardQna li:nth-child(2){width:auto;}
.boardQna li:nth-child(3){width:12%;}
.boardQna li:nth-child(4){width:12%;}
.boardQna li:nth-child(5){width:10%;}
.boardQna li:nth-child(6){width:80px;}

/*smssendlist-t*/
.smssendlist-t li{width:8%;}
.smssendlist-t li:nth-child(1){width:5%;}
.smssendlist-t li:nth-child(4){width:11%;}
.smssendlist-t li:nth-child(5){width:11%;}
.smssendlist-t li:nth-child(6){width:34%;}
.smssendlist-t li:nth-child(8){width:15%;}

/*smschargelist-t*/
.smschargelist-t li:nth-child(1){width:8%;}
.smschargelist-t li:nth-child(2){width:8%;}
.smschargelist-t li:nth-child(3){width:8%;}
.smschargelist-t li:nth-child(4){width:8%;}
.smschargelist-t li:nth-child(5){width:auto;}
.smschargelist-t li:nth-child(6){width:13%;}
.smschargelist-t li:nth-child(7){width:8%;}
.smschargelist-t li:nth-child(8){width:8%;}
.smschargelist-t li:nth-child(9){width:10%;}
.smschargelist-t li:nth-child(10){width:10%;}

/*smsnumberlist-t*/
.smsnumberlist-t li:nth-child(1) {width:8%;}
.smsnumberlist-t li:nth-child(2) {width:14%;}
.smsnumberlist-t li:nth-child(3) {width:14%;}
.smsnumberlist-t li:nth-child(4) {width:14%;}
.smsnumberlist-t li:nth-child(5) {width:14%;}
.smsnumberlist-t li:nth-child(6) {width:14%;}
.smsnumberlist-t li:nth-child(7) {width:14%;}
.smsnumberlist-t li:nth-child(8) {width:8%;}


/*smsadminlist-t*/
.smsadminlist-t li{width:12%;}
.smsadminlist-t li:nth-child(1){width:6%;}
.smsadminlist-t li:nth-child(2){width:6%;}
.smsadminlist-t li:nth-child(9){width:16%;}

/*couponlist-t*/
.couponlist-t li:nth-child(1) {width:6%;}
.couponlist-t li:nth-child(2) {width:10%;}
.couponlist-t li:nth-child(3) {width:10%;}
.couponlist-t li:nth-child(4) {width:auto;}
.couponlist-t li:nth-child(5) {width:8%;}
.couponlist-t li:nth-child(6) {width:8%;}
.couponlist-t li:nth-child(7) {width:10%;}
.couponlist-t li:nth-child(8) {width:8%;}
.couponlist-t .couponlist-t-r li:nth-child(1){width:6%;}
.couponlist-t .couponlist-t-r li:nth-child(2){width:54%;}
.couponlist-t .couponlist-t-r li:nth-child(3){width:40%;}

/*couponstop-t*/
.couponstop-t li:nth-child(1) {width:8%;}
.couponstop-t li:nth-child(2) {width:10%;}
.couponstop-t li:nth-child(3) {width:10%;}
.couponstop-t li:nth-child(4) {width:auto;}
.couponstop-t li:nth-child(5) {width:12%;}
.couponstop-t li:nth-child(6) {width:8%;}
.couponstop-t li:nth-child(7) {width:8%;}
.couponstop-t li:nth-child(8) {width:10%;}
.couponstop-t li:nth-child(9) {width:8%;}
.couponstop-t .couponlist-t-r li:nth-child(1){width:6%;}
.couponstop-t .couponlist-t-r li:nth-child(2){width:54%;}
.couponstop-t .couponlist-t-r li:nth-child(3){width:40%;}

/*couponuselist-t*/
.couponuselist-t li:nth-child(1){width:6%;}
.couponuselist-t li:nth-child(2){width:8%;}
.couponuselist-t li:nth-child(3){width:8%;}
.couponuselist-t li:nth-child(4){width:10%;}
.couponuselist-t li:nth-child(5){width:auto;}
.couponuselist-t li:nth-child(6){width:12%;}
.couponuselist-t li:nth-child(7){width:8%;}
.couponuselist-t li:nth-child(8){width:8%;}
.couponuselist-t li:nth-child(9){width:13%;}
.couponuselist-t li:nth-child(10){width:8%;}
.couponuselist-t .couponuselist-t-r li:nth-child(1){width:4%;}
.couponuselist-t .couponuselist-t-r li:nth-child(2){width:56%;}
.couponuselist-t .couponuselist-t-r li:nth-child(3){width:40%;}


/*couponadmingive-t*/
.couponadmingive-t li{width:7%;}
.couponadmingive-t li:nth-child(1){width:4%;}
.couponadmingive-t li:nth-child(2){width:10%;}
.couponadmingive-t li:nth-child(3){width:8%;}
.couponadmingive-t li:nth-child(4){width:8%;}
.couponadmingive-t li:nth-child(5){width:8%;}
.couponadmingive-t li:nth-child(6){width:8%;}
.couponadmingive-t li:nth-child(7){width:7%;}
.couponadmingive-t li:nth-child(8){width:12%;}

/*mailsendlog-t*/
.mailsendlog-t li:nth-child(1){width:6%;}
.mailsendlog-t li:nth-child(2){width:6%;}
.mailsendlog-t li:nth-child(3){width:15%;}
.mailsendlog-t li:nth-child(4){width:15%;}
.mailsendlog-t li:nth-child(5){width:auto;}
.mailsendlog-t li:nth-child(6){width:15%;}
.mailsendlog-t li:nth-child(7){width:15%;}

/*mailsendrev-t*/
.mailsendrev-t li:nth-child(1){width:6%;}
.mailsendrev-t li:nth-child(2){width:10%;}
.mailsendrev-t li:nth-child(3){width:auto;}
.mailsendrev-t li:nth-child(4){width:16%;}
.mailsendrev-t li:nth-child(5){width:16%;}
.mailsendrev-t li:nth-child(6){width:10%;}

/*mailformlist-t*/
.mailformlist-t li:nth-child(1){width:8%;}
.mailformlist-t li:nth-child(2){width:10%;}
.mailformlist-t li:nth-child(3){width:10%;}
.mailformlist-t li:nth-child(4){width:auto;}
.mailformlist-t li:nth-child(5){width:15%;}
.mailformlist-t li:nth-child(6){width:10%;}
.mailformlist-t li:nth-child(7){width:10%;}

/*certilist-t*/
.certilist-t li:nth-child(1){width: 75px;}
.certilist-t li:nth-child(2){width: 98px;}
.certilist-t li:nth-child(3){width: 25%;}
.certilist-t li:nth-child(4){width: auto;}
.certilist-t li:nth-child(5){width: 98px;}
.certilist-t li:nth-child(6){width: 98px;}
.certilist-t li:nth-child(7){width: 75px;}
.certilist-t li:nth-child(8){width: 75px;}

/*certilog-t*/
.certilog-t li:nth-child(1){width: 55px;}
.certilog-t li:nth-child(2){width: 75px;}
.certilog-t li:nth-child(3){width: 110px;}
.certilog-t li:nth-child(4){width: 100px;}
.certilog-t li:nth-child(5){width: auto;}
.certilog-t li:nth-child(6){width: 175px;}
.certilog-t li:nth-child(7){width: 175px;}
.certilog-t li:nth-child(8){width: 75px;}
.certilog-t li:nth-child(9){width: 75px;}
.certilog-t li:nth-child(10){width: 75px;}

/*formdatalist-t*/
.formdatalist-t li:nth-child(1){width:6%;}
.formdatalist-t li:nth-child(2){width:6%;}
.formdatalist-t li:nth-child(3){width:10%;}
.formdatalist-t li:nth-child(4){width:10%;}
.formdatalist-t li:nth-child(5){width:auto;}
.formdatalist-t li:nth-child(6){width:15%;}
.formdatalist-t li:nth-child(7){width:10%;}
.formdatalist-t li:nth-child(8){width:10%;}

/*formlist-t*/
.formlist-t li:nth-child(1){width:6%;}
.formlist-t li:nth-child(2){width:6%;}
.formlist-t li:nth-child(3){width:8%;}
.formlist-t li:nth-child(4){width:8%;}
.formlist-t li:nth-child(5){width:10%;}
.formlist-t li:nth-child(6){width:auto;}
.formlist-t li:nth-child(7){width:8%;}
.formlist-t li:nth-child(8){width:8%;}
.formlist-t li:nth-child(9){width:8%;}
.formlist-t li:nth-child(10){width:12%;}

/* itemList */
.itemList li:nth-child(1){width:6%;}
.itemList li:nth-child(2){width:10%;}
.itemList li:nth-child(3){width:10%;}
.itemList li:nth-child(4){width:6%;}
.itemList li:nth-child(5){width:auto;}
.itemList li:nth-child(6){width:7%;}
.itemList li:nth-child(7){width:8%;}
.itemList li:nth-child(8){width:10%;}
.itemList li:nth-child(9){width:7%;}
.itemList li:nth-child(10){width:7%;}


/*studyloglist-t*/
.studyloglist-t li:nth-child(1){width:2%;}
.studyloglist-t li:nth-child(2){width:2%;}
.studyloglist-t li:nth-child(3){width:5%;}
.studyloglist-t li:nth-child(4){width:11%;}
.studyloglist-t li:nth-child(5){width:7%;}
.studyloglist-t li:nth-child(6){width:7%;}
.studyloglist-t li:nth-child(7){width:5%;}
.studyloglist-t li:nth-child(8){width:8%;}
.studyloglist-t li:nth-child(9){width:4%;}
.studyloglist-t li:nth-child(10){width:5%;}

/*jloglist-t*/
.jloglist-t li:nth-child(1){width:4%;}
.jloglist-t li:nth-child(2){width:8%;}
.jloglist-t li:nth-child(3){width:auto;}
.jloglist-t li:nth-child(4){width:10%;}
.jloglist-t li:nth-child(5){width:8%;}
.jloglist-t li:nth-child(6){width:8%;}
.studyloglist-t li:nth-child(11){width:8%;}


/*playerconn-t*/
.playerconn-t li:nth-child(1){width:5%;}
.playerconn-t li:nth-child(2){width:5%;}
.playerconn-t li:nth-child(3){width:8%;}
.playerconn-t li:nth-child(4){width:8%;}
.playerconn-t li:nth-child(5){width:19%;}
.playerconn-t li:nth-child(6){width:19%;}
.playerconn-t li:nth-child(7){width:12%;}
.playerconn-t li:nth-child(8){width:12%;}
.playerconn-t li:nth-child(9){width:10%;}


/*devicelist-t*/
.devicelist-t li:nth-child(1){width:4%;}
.devicelist-t li:nth-child(2){width:6%;}
.devicelist-t li:nth-child(3){width:8%;}
.devicelist-t li:nth-child(4){width:8%;}
.devicelist-t li:nth-child(5){width:auto;}
.devicelist-t li:nth-child(6){width:8%;}
.devicelist-t li:nth-child(7){width:8%;}
.devicelist-t li:nth-child(8){width:8%;}
.devicelist-t li:nth-child(9){width:8%;}
.devicelist-t li:nth-child(10){width:15%;}

/*capturelist-t*/
.capturelist-t li:nth-child(1){width:6%;}
.capturelist-t li:nth-child(2){width:10%;}
.capturelist-t li:nth-child(3){width:14%;}
.capturelist-t li:nth-child(4){width:12%;}
.capturelist-t li:nth-child(5){width:14%;}
.capturelist-t li:nth-child(6){width:14%;}
.capturelist-t li:nth-child(7){width:12%;}
.capturelist-t li:nth-child(8){width:12%;}
.capturelist-t li:nth-child(9){width:12%;}

/*blocklist-t*/
.blocklist-t li:nth-child(1){width:6%;}
.blocklist-t li:nth-child(2){width:8%;}
.blocklist-t li:nth-child(3){width:15%;}
.blocklist-t li:nth-child(4){width:auto;}
.blocklist-t li:nth-child(5){width:15%;}
.blocklist-t li:nth-child(6){width:15%;}
.blocklist-t li:nth-child(7){width:8%;}
.blocklist-t li:nth-child(8){width:8%;}

/*pagelist-t*/
.pagelist-t li:nth-child(1){width:7%;}
.pagelist-t li:nth-child(4){width:14%;}
.pagelist-t li:nth-child(6){width:14%;}
.pagelist-t li:nth-child(7){width:25%;}

/*designcode-t*/
.designcode-t li{width:14%;}
.designcode-t li:nth-child(1){width:8%;}
.designcode-t li:nth-child(5){width:30%;}
.designcode-t li:nth-child(6){width:10%;}
.designcode-t li:nth-child(7){width:10%;}

/*bannerlist-t*/
.bannerlist-t li{width:13%;}
.bannerlist-t li:nth-child(1){width:9%;}
.bannerlist-t li:nth-child(2){width:15%;}
.bannerlist-t li:nth-child(3){width:32%;}

/*popuplist-t*/
.popuplist-t li{width:7%;}
.popuplist-t li:nth-child(2){width:25%;}
.popuplist-t li:nth-child(6){width:16%;}
.popuplist-t li:nth-child(7){width:10%;}

/* zoomList-t */
.zoomList-t li {width: 10%;}
.zoomList-t li:nth-child(1) {width: 70px;}
.zoomList-t li:nth-child(4) {width: 15%;}
.zoomList-t li:nth-child(6) {width: auto;}



/* coursePopup */
.coursePopup li:nth-child(1){width:20%;}
.coursePopup li:nth-child(2){width:auto;}
.coursePopup li:nth-child(3){width:10%;}
.coursePopup li:nth-child(4){width:10%;}
.coursePopup li:nth-child(5){width:10%;}

/*topmenu-t*/
.topmenu-t li:nth-child(2){width:40%;}

/*leftmenu-t*/
.leftmenu-t li:nth-child(2){width:18%;}
.leftmenu-t li:nth-child(3){width:22%;}

/*submenu-t*/
.submenu-t li{width:8%;}
.submenu-t li:nth-child(1){width:10%;}
.submenu-t li:nth-child(2){width:10%;}
.submenu-t li:nth-child(3){width:10%;}
.submenu-t li:nth-child(4){width:22%;}

/*submenupage-t*/
.submenupage-t li:nth-child(1){width:8%;}
.submenupage-t li:nth-child(2){width:12%;}
.submenupage-t li:nth-child(3){width:12%;}
.submenupage-t li:nth-child(4){width:13%;}
.submenupage-t li:nth-child(5){width:25%;}

/*orderview-t1, t2, t3*/
.orderview-t1 li:nth-child(1){width:4%;}
.orderview-t1 li:nth-child(2){width:10%;}
.orderview-t1 li:nth-child(3){width:10%;}
.orderview-t1 li:nth-child(4){width:auto;}
.orderview-t1 li:nth-child(5){width:15%;}
.orderview-t1 li:nth-child(6){width:15%;}

.orderview-t2 li:nth-child(1){width:6%;}
.orderview-t2 li:nth-child(2){width:auto;}
.orderview-t2 li:nth-child(3){width:9%;}
.orderview-t2 li:nth-child(4){width:16%;}
.orderview-t2 li:nth-child(5){width:10%;}
.orderview-t2 li:nth-child(6){width:10%;}
.orderview-t2 li:nth-child(7){width:10%;}

.orderview-t3 li:nth-child(1){width:8%;}
.orderview-t3 li:nth-child(2){width:10%;}
.orderview-t3 li:nth-child(3){width:auto;}
.orderview-t3 li:nth-child(4){width:10%;}
.orderview-t3 li:nth-child(5){width:10%;}
.orderview-t3 li:nth-child(6){width:6%;}
.orderview-t3 li:nth-child(7){width:20%;}
.orderview-t3 li:nth-child(8){width:20%;}

.orderview-t3 li:nth-child(7){width:15%;}
.orderview-t3 li:nth-child(8){width:15%;}

/* mobile app push */
.mobile-push li:nth-child(1){width:2%;}
.mobile-push li:nth-child(2){width:6%;}
.mobile-push li:nth-child(3){width:8%;}
.mobile-push li:nth-child(4){width:8%;}
.mobile-push li:nth-child(5){width:8%;}
.mobile-push li:nth-child(6){width:28%;}
.mobile-push li:nth-child(7){width:10%;}
.mobile-push li:nth-child(8){width:10%;}
.mobile-push li:nth-child(9){width:8%;}
.mobile-push li:nth-child(10){width:7%;}
.mobile-push li:nth-child(11){width:5%;}

/* mobile app push */
.push-read li:nth-child(1){width:2%;}
.push-read li:nth-child(2){width:4%;}
.push-read li:nth-child(3){width:10%;}
.push-read li:nth-child(4){width:60%;}
.push-read li:nth-child(5){width:10%;}
.push-read li:nth-child(6){width:8%;}
.push-read li:nth-child(7){width:6%;}


/* polllist-t */
.polllist-t li {width: 12%;}
.polllist-t li:nth-child(1), .polllist-t li:nth-child(2), .polllist-t li:nth-child(8), .polllist-t li:nth-child(9), .polllist-t li:nth-child(10) {width: 70px;}
.polllist-t li:nth-child(5) {width: auto;}


/* polluser-t */
.polluser-t li {width: 13%;}
.polluser-t li:nth-child(1) {width: 90px;}
.polluser-t li:nth-child(5) {width: auto;}
.polluser-t li:nth-child(7), .polluser-t li:nth-child(8) {width: 70px;}


/*-----POPUP------*/
/*tranzonepoup-t*/
.tranzonepoup-t li:nth-child(2){width:30%;}
.tranzonepoup-t li:nth-child(3){width:60%;}

/*---- 강좌평가 popup ---*/
.eval-popup li:nth-child(1){width:6%;}
.eval-popup li:nth-child(2){width:16%;}
.eval-popup li:nth-child(3){width:16%;}
.eval-popup li:nth-child(4){width:6%;}
.eval-popup li:nth-child(5){width:24%;}
.eval-popup li:nth-child(6){width:8%;}


/* orderOffLineWin */
.orderOffLineWin li {width: 9%;}
.orderOffLineWin li:nth-child(1) {width:70px;}
.orderOffLineWin li:nth-child(6) {width:150px;}
.orderOffLineWin li:nth-child(8) {width:215px;}


.table-title .section-box .ul-1 li{padding:20px 1px; line-height:1.6; font-weight:600;}

.table-textlist{padding-bottom:12px;}
.table-textlist .section-box .ul-1 > li{height:50px; line-height:1.7; padding: 10px 1px; display: table-cell; vertical-align: middle; float: none;}
.table-color .t-pb:hover{background:#a0e6dc; cursor:pointer;}
.table-color .t-pr:hover{background:#ffbeaf; cursor:pointer;}
.table-color .t-pg:hover{background:#e8e8e8; cursor:pointer;}
.table-color .t-pb:hover button, .table-color .t-pr:hover button{cursor:pointer;}
.cate_txt{color:#222222;}
.cate_txt .b-text{color:#0564c8;}



/*tran*/
.table-area li{ padding:5px 0;}
.table-area .fl-l{float:left;}
.table-area .fl-c{clear:both;}
.table-area li ~ ul{width:70%;}


button.table-bnt {background:none; width:100%; padding:0;}
button.table-bnt img{padding:5px auto;} 
.table-color .section-box .ul-1{border-top:0;}
.table-color .section-box:nth-child(odd) .ul-1{background:#fff;}
.table-color .section-box:nth-child(even) .ul-1{background:#eff2f4;}

.ul-text-align{text-align:left;}

.page {text-align:center; width:100%; margin-top: 30px;}
.page .pagination {overflow:hidden; height:48px; width:20%; margin: 0 auto;}
.page h1{display:inline-block; font-weight:normal; }
.page .cd-pagination {overflow:hidden; height:48px;}
.page li{width:38px; height:38px; margin:0 2px;  float:left; font-size:15px; line-height:34px;  box-sizing:border-box;}
.page li a {width:36px; height:36px; display:block; color:#666; border: 1px solid #eee;}

.page li.on a{background:#28b9b4; color:#fff; cursor:default;}
.page li.button a{width:38px; height:36px; padding: 6px 0; border:1px solid #eee;}
.page li.button a.disabled, .page li.button a.disabled:hover {background: #f5f5f5; cursor: not-allowed;}
.page li.button-none{display:none;}

.page li.off a:hover, .page li.button a:hover{background:#d5d5d5; color:#666;}
.page li .current {width:36px; height:36px; display:block; background:#3b8c61; color:#ffffff;}

.form_box {margin:0 auto; padding:20px; width:100%; border:1px solid #d7d7d7; margin-bottom:20px;}
.btn_center{margin:0 auto; text-align:center;}

/*textarea*/
.text-area{width:100%; height:500px; border:1px solid #eee; padding:25px; margin:12px 0 ; font-size:14px; overflow-y: scroll; line-height:1.6; color:#666;}
.text-area b{color:#444;}


input.input-no-100{width:100px; text-align:right;}
input.input-no-60{width:60px; text-align:right;}
input.input-no-40{width:40px; text-align:right;}
input.radio-st{vertical-align:-3px; width:15px; height:15px;}

.add_trans{background:#9954bb;}
.checkbox-st label input{vertical-align:-4px; width:15px; height:15px; margin-right:2px;}
.checkbox-st label{margin-right: 1px;}

/*order*/
.table-number{overflow:hidden; padding-bottom:8px; font-size:12px;}
.table-number li:nth-child(1){float:left;}
.table-number li:nth-child(2), .table-number li:nth-child(3) {float:right; margin-left: 5px;}
.table-number li:nth-child(2) {white-space: nowrap;}
.table-bottem-text{float:right;}
.table-bottem-text-left{float:left;}
.dropbnt{border:1px solid #ddd; font-size:12px; width:auto; height:30px;}


.contable2 section{width:48%;margin-bottom:14px; float:left; margin-right:1%;}
.contable2 section:nth-child(1){margin-right:1%;}
.contable2 li select{width:100%; height: 350px;}
.contable2 li:nth-child(1){width:100%; padding:12px 0 8px; overflow:hidden;}
.contable2 li:nth-child(1) div:nth-child(1){float:left; white-space: nowrap;}
.contable2 li:nth-child(1) div:nth-child(2){float:right; white-space: nowrap;}
button.bnt-sq{width:28px; height:28px; padding:0; margin:0; vertical-align:-1px;}
button.bnt-sq a{font-size:15px; color:#fff; line-height:28px; display:block;}


/*seller*/
.seller-list{width:100%; height:130px; margin-bottom:4px; border: 1px solid #ddd; padding: 10px;}
.seller-list2{width:92%; height:431px; margin-bottom:4px;}
.contable .section-seller{width:32%; margin: 0 0.5%; float:left; border:1px solid #ddd; border-top:none;}
.contable .section-seller2{width:31%; margin-right:1%; float:left; border:1px solid #ddd; border-top:none;}
.contable .section-seller3{width:3%; float:left;}
.contable .section-seller4{width:31%; margin-right:1%; margin-bottom:30px; float:left; border:1px solid #ddd; border-top:none;}
/*list-ico*/

button.list-ico {width:40px; height:15px; font-size:10px; padding:0; margin-right:4px; line-height:15px;}
button.ico-r {background:#b11116;}
button.ico-g {background:#509f09;}
button.ico-b {background:#02b7df;}
button.ico-y {background:#ff9900;}

/*exam*/
.list-box{width:100%; padding:10px; border:1px solid #ddd; overflow:hidden;}
.form-control{margin-left:0px; height: 30px;}

/*sms*/
.contable .col2 .sms-textarea{width:100%; height:auto;}
.contable .col2 .sms-ly{background:#fffff5;}
.contable .col2 .sms-y{background:#ffffe5;}

/*coupon*/
.add-text{font-size:11px; color:#fa3c28; position:relative; display:block; line-height:12px;}

/*order*/
.detail_tap, div.nav-tabs{overflow:hidden;}
.nav-tabs li.tab-li{width:25%; min-width:150px; height:48px; text-align:center; line-height:48px; float:left; background:#f5f5f5; border:1px solid #fff; border-top:0;}
.nav-tabs li.tab-li:hover{background:#e5e5e5;}
.nav-tabs li.tab-li a{font-size:13px; display:block;}

.nav-tabs li.tab-li-6{width:16.4%; height:36px; text-align:center; float:left; background:#f5f5f5; border:1px solid #fff; border-top:0; font-size:12px;}
.nav-tabs li.tab-li-6:first-child{background:#777; color:#fff; cursor:default; line-height: 36px;}
.nav-tabs li.tab-li-6-h:hover{background:#e5e5e5;}
.nav-tabs li.tab-li-6 a{font-size:13px; display:block;}

.nav-tabs li.active{background:#284b87; border:0; font-weight: 700; color:#fff;}
.nav-tabs li.active:hover{background:#284b87;}
.nav-tabs li.active a{color:#fff; cursor:default;}




/*popup-st*/
.popup-st{padding:20px;}
.more-text{font-size:11px; position:absolute; margin-left:10px; color:#999;}

.link-m li.link-list{width:25%; min-width:150px; height:48px; text-align:center; line-height:48px; float:left; background:#284b87; border:1px solid #fff; }
.link-m li.link-list:hover{background:#28b9b4;}
.link-m li.link-list a{font-size:13px; display:block; color:#fff;}

.link-m li.active{background:#28b9b4;}
.link-m li.active:hover{background:#28b9b4;}
.link-m li.active a{cursor:default; color:#fff;}




/*minibox  --  order-orderTotal.php*/
.minibox{position:absolute; display:none; width:150px; background:#f5f5f5; border:1px solid #ddd;}
.minibox div{width:150px; height:25px; line-height:23px; padding:0 10px; color:#111; border-bottom:1px solid #ddd; text-align:left; }
.minibox div a{display:block;}
.minibox div a:hover{color:#fa3c28;}
.minibox div:nth-child(1){background:#444; color:#fff; height:30px; line-height:30px; padding-right:0px; }
.minibox div:nth-child(1) .rp-bnt{float:right; height:100%; padding:0 10px; margin:0; color:#fff; font-weight:bold; }



.table-textlist .section-box .ul-1 > li .noimage {width: 80px; height: 80px; margin: 0 auto;}
.table-textlist .section-box .ul-1 > li .noimage img {width: 100%;}
.mov-select {padding-top: 10px; margin-top: 20px; border-top: 2px solid #000;}
#sortable {cursor: move;}
ul.movie-list {width: 100%; display: table; padding: 15px; background: #f5f5f5; margin-bottom: 3px; border-top: 1px solid #000; border-bottom: 1px solid #ddd;}
ul.movie-list li {float: left;}
ul.movie-list li:first-child {width: 92%;}
ul.movie-list li:last-child {width: 8%;}
ul.movie-list li div {padding: 2px 0;}
ul.movie-list li:last-child button {margin-bottom: 2px;}

.table-title .section-box .ul-1 li.pname, .table-textlist .section-box .ul-1 > li.pname {width: 40%;}
.table-title .section-box .ul-1 li.check, .table-textlist .section-box .ul-1 > li.check, .table-title .section-box .ul-1 li.linum, .table-textlist .section-box .ul-1 > li.linum {width: 5%;}
.table-title .section-box .ul-1 li.cname, .table-textlist .section-box .ul-1 > li.cname {width: 40%;}

table.question {width: 100%;}
table.question th {text-align: center; background: #284b87; color: #fff; font-weight: 700; width: 10%;}
table.question td {text-align: center; width: 10%;}
table.question th:first-child, table.question td:first-child {width: 70%;}
table.question td:first-child {text-align: left;}

ul.examinationlist-t .section-box .ul-1 li.num, ul.examinationlist-t .section-box .ul-1 li.num {width: 5%;}
img.calendar {width: 20px; height: 20px; position: relative; top: 5px;}
.editor-area {padding: 10px; border: 1px solid #ddd !important; width: 100%; box-sizing: border-box;}
.editor-area table, .editor-area figure.table table { border-collapse: collapse; border: 1px solid #ccc !important; }
.editor-area table td, .editor-area table th, .editor-area figure.table td, .editor-area figure.table th { border: 1px solid #ccc !important; padding: 6px 10px; }
.editor-area .text-tiny {font-size: 0.7em !important;}
.editor-area .text-small {font-size: 0.85em !important;}
.editor-area .text-big {font-size: 1.4em !important;}
.editor-area .text-huge {font-size: 1.8em !important;}
.add-file-down {background: #000; display: inline-block; padding: 0 10px; height: 25px; line-height: 25px; border-radius: 2px;}
.add-file-down img {width: 15px; height: 15px; position: relative; top: 3px;}
.add-file-down span {color: #fff; }
.comment {padding: 10px; background: #f9f9f9;}
.comment_header {width: 100%; padding-right: 110px; position: relative;}
button.comm-res {width: 100px; height: 74px; background: #2780e3; position: absolute; right: 0; top: 36px;}
.comment_list {padding: 20px 10px;}
.comment_list + .comment_list {border-top: 1px dashed #ddd;}
.comm-read {padding: 10px;}
.comment_list.reply {padding: 0 0 0 20px;}
.comm-repl-ico {width: 12px; height: 8px; border-left: 1px solid #ff0000; border-bottom: 1px solid #ff0000; display: inline-block; position: relative; top: -3px; margin-right: 3px;}
.comm-repl-ico::after {content:""; display: block; width: 0; height: 0; position: absolute; right: -1px; top: 4px; border-top: 3px solid transparent; border-right: 0 solid transparent; border-bottom: 3px solid transparent; border-left: 5px solid #ff0000;}
.add-file-down.file-del {background: #bb1515;}
.add-file-down.file-del img {top: 4px;}
.bbslist-t.table-title .section-box .ul-1 {background: #f5f5f5; color: #333; font-weight: 700;}
.cate-tap {width: 100%; display: table;}
.cate-tap li {height: 40px; background: #fff; float: left; font-size: 13px; line-height: 40px; border: 1px solid #ddd; border-bottom: 0;}
.cate-tap li a {display: block; padding: 0 20px;}
.cate-tap li:hover {background: #f5f5f5;}
.cate-tap li.active {background: #000;}
.cate-tap li.active a {color: #fff;}
.cate-tap li + li {margin-left: 2px;}
a.wrt-me {color: #009688; font-weight: 700;}

.icon_qna_notice { background: #000; font-size: 11px; padding: 5px; width: 60px; cursor: default;}
.repl-1, .repl-2, .repl-3 {font-size: 11px; padding: 5px; width: 65px; cursor: default;}
.repl-1 {background: #ca2500;}
.repl-2 {background: #1fa944;}
.repl-3 {background: #3461ca;}
.question {margin-bottom: 10px;}
.answer {margin-top: 30px; padding-top: 20px; border-top: 1px dashed #ddd; margin-bottom: 10px;}

.ul-photo {display: table; width: 100%; margin-bottom: 30px;}
.ul-photo > li {width: 22%; margin: 10px 1.5%; float: left; border: 1px solid #ddd;}
.ul-photo > li * {-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out;}
.padding-wrap {position: relative; width: 100%; height: 0; overflow: hidden; padding-bottom: 90%;}
.img-wrap {position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.img-wrap img {width: 100%;}
.img-wrap:hover img {-webkit-transform: scale(1.15); transform: scale(1.15); -webkit-filter: grayscale(100%); filter: grayscale(100%);}
.cate-tap.bottom-line {border-bottom: 1px solid #ddd; margin-bottom: 30px;}
.photo-txt {padding: 10px; text-align: left;}
.photo-txt .title {font-weight: 700; margin-bottom: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; height: 36px;}
ul.photo-date {width: 100%; display: table; background: #f5f5f5; padding: 10px;}
ul.photo-date li {border: 0; float: left; margin: 0;}
ul.photo-date li:last-child {float: right;}

.ul-news {width: 100%; margin-bottom: 5px; border: 1px solid #ddd; border-spacing: 5px;}
.ul-news * {-webkit-box-sizing: border-box; box-sizing: border-box; -webkit-transition: all 0.45s ease-in-out; transition: all 0.45s ease-in-out;}
.ul-news td {vertical-align: top; position: relative;}
.ul-news td:first-child {width: 140px;}
.ul-news td:last-child {width: auto;}
.news-txt {margin-bottom: 10px; padding-right: 20px;}
.news-txt .title {font-size: 13px; margin: 5px 0; font-weight: 700; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; word-wrap: break-word; height: 20px;  color: #000;}
.news-txt p {color: #969696;}
.news-txt p.news-con {color: #444; font-size: 13px; margin-top: 10px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 4; -webkit-box-orient: vertical; word-wrap:break-word; height: 50px; line-height: 1.8;}
section.faq {border-top: 1px solid #000;}
.ul-faq {width: 100%; display: table;}
.ul-faq li {border-bottom: 1px solid #ddd;}
.ul-faq .flip {width: 100%; padding: 20px 0 20px 60px; font-size: 15px; font-weight: 700; cursor: pointer; position: relative; }
.ul-faq .panel {display: none; padding: 40px 20px; width: 100%;}
.q-icon {width: 30px; height: 30px; fill: #ca2500; position: absolute; top: 14px; left: 10px;}

.s-orange {background: #ff9900;}
.bg-red {background: #b11116;}
.bg-green {background: #509f09;}
.bg-blue {background: #02b7df;}
.bg-orange {background: #ff9900;}
.s-red {background: #ca2500;}
.s-green {background: #1fa944;}
.s-blue {background: #3461ca;}
.s-sky {background: #648dec;}
.s-yellow {background: #d8d311;}
.s-orange {background: #ff9900;}
.bg_gray {background: #a7a4a2;}

.new-padding-wrap {position: relative; width: 120px; height: 0; overflow: hidden; padding-bottom: 90%;}
.new-wrap {position: absolute; top: 0; left: 0; width: 120px; height: 120px;}
.new-wrap img {width: 120px;}
.new-wrap:hover img {-webkit-transform: scale(1.15); transform: scale(1.15); -webkit-filter: grayscale(120px); filter: grayscale(120px);}

.btn-area {margin-top: 20px; text-align: center;}
button, btn {border: 0; outline: none; border-color: none;}
button.add-btn {font-size: 11px; font-weight: 400; background: #fff; color: #000; border: 1px solid #000;}
button.large {min-width: 100px; height: 36px; border: 0; border-radius: 2px; font-size: 12px; color: #fff; box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 2px 4px 0 rgba(0, 0, 0, 0.1); margin: 0 2px;}
button.small {width: 80px;height: 22px;font-size: 11px;color: #fff;margin: 0 2px;border: 0;padding: 3px 8px;position: relative;text-align: left;border-radius: 5px;}
button.small img {position: absolute; width: 13px; height: 13px; right: 5px;top: 4px;margin: 0;}
button.middle {width: 90px;height: 28px;font-size: 11px;color: #fff;margin: 0 2px;border: 0;padding: 3px 8px;position: relative;text-align: left;border-radius: 5px;}
button.middle img {position: absolute; width: 13px; height: 13px; right: 5px; top: 7px;margin: 0;}
button.round-btn {font-size: 11px;padding: 5px 10px;border-radius: 10px;position: relative;top: -2px;left: 5px;}
button.small-line {border: 1px solid #ddd;background: #fff;color: #333;font-size: 11px;padding: 5px;}
button.normal {border: 1px solid #ddd; background: #fff; color: #000;}
button.danger {border: 1px solid #ca2500; background: #fff; color: #ca2500; font-weight: 700; width: auto;}
button.short {padding: 0; border: 0; background: none;}
button.short img {width: 25px; height: 25px;}
.maintype {padding: 2px 10px; font-size: 12px;}
.ul-1-under {width: 100%; text-align: left; padding: 0 7px 15px 5%; border-bottom: 1px solid #ddd; background: #f5f5f5;}
.table-color .section-box:nth-child(odd) .ul-1-under {background: #fff;}


/* login */
#login   {position:relative; margin:0 auto; width:100%;}

#login_contents {position:relative; padding: 80px 70px; width:100%; max-width:550px; background: rgba(0,0,0,0.3); margin: 0 auto;}
.login_title  {font-size:36px; color:#fff; letter-spacing: 0; font-weight: bold;}
.login_stitle {margin:0; padding-top:17px; font-size:14px; color:#102c51; font-weight:bold; text-align:center;}
.login_box    {margin:0; margin-top:35px;}
.login_box .box_title		{padding-top:35px; font-size:26px; color:#fff; font-weight:bold;   text-align:center; letter-spacing:-1px;}
.login_box .box_id	    {padding-top:0; text-align:center;}
.login_box .box_pw	    {padding-top:0; text-align:center;}
.login_box .box_id_text {padding-top:25px; margin-left:130px; font-size:14px; color:#a3bbc4;}
.login_box .box_btn     {padding-top:10px; text-align:center;}
.login_copy {margin:0; padding-top:57px;  font-size:13px; color:#fff;  text-align:center;}
button.login-btn {padding:25px 0; width:100%; background: #28b9b4; font-size: 20px; font-weight: normal; color: #fff; border: 0; margin:25px 0;}
button > img {width: 20px; height: 20px; margin-right: 5px;}
input.login {background:none; color:#fff; width: 100%; border:none; border-radius:0px; padding: 0 5px; font-size: 24px; border-bottom:1px solid #aaa; margin-bottom:30px; height: 50px;}
input.login:focus {outline:none;}
.box_title {font-size:20px;}
.login_text {font-size: 18px; color:#aaa;}
.admin_copy {font-size:14px; color:#888;}
.admin-login {height:100%;}
#admin-login-box {width:100%; position:relative; top:50%; margin-top:-320px;}

.mini_box {border-spacing: 0; border: 1px solid #000; width: 180px; background: #fff;}
.mini_box tr th {font-weight: bold; color: #fff; background: #333; padding: 10px; position: relative;}
.mini_box tr th span {float: left;}
.mini_box tr th img {width: 20px; height: 20px; float: right;}
.mini_box tr td {padding: 10px;}
.mini_box tr + tr td {border-top: 1px solid #ddd;}
.mini_box a:hover {text-decoration: underline;}


.subbox_main {padding: 0 12px; border-bottom:1px solid #dddddd;}
.subbox_main li {margin-bottom: 20px; color: #333;}
.subbox_main li.webtit{padding:10px; background: #f5f5f5; margin-bottom:-0px;}
.subbox_main li.webbox{padding:10px; border: 1px solid #efefef;}
.progress {overflow: hidden; height: 4px;  margin-bottom: 5px;  background-color: #eeeeee;  border-radius: 0;  -webkit-box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);  box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.1);}
.total_text{color:#ff5722;}
.progress-web {height: 4px; position: relative; background: #ff9800;}

button.main-pay {width: 100%; height: 20px; padding: 0; margin: 5px 0 0;}

.main-table {width: 100%; margin: 10px 0 50px; border-spacing: 0;}
.main-table th, .main-table td {padding: 10px 0; font-size: 13px; width: 20%;}
.main-table th {background: #f5f5f5; color: #333; font-weight: 700; border: 1px solid #efefef;}
.main-table th + th, .main-table td + td {border-left: 1px solid #efefef;}
.main-table td {border-bottom: 1px solid #efefef; text-align: center;}
.today th, .today td, .main_order th, .main_order td {width: 16.666666666666%;}
.nav-tabs {width: 100%; display: table;}
.nav-tabs li {float: left; font-size: 13px; margin-right: 2px; background: #f5f5f5; margin-bottom: 5px; transition: 0.3s; cursor: pointer; padding: 10px 30px;}
.nav-tabs li a {display: block;}
.nav-tabs li:hover {background: #efefef;}
.tabcontent {display: none;}
.content_box {width: 100%; display: table;}
.content_box .left_box, .content_box .right_box {width: 99%; float: left; padding: 10px; border: 1px solid #c5c5c5; margin-bottom: 30px; min-height: 200px; margin:0 0.5% 20px;}
.content_box .right_box {margin-left: 0.5%;}
.content_box h2 {margin-bottom: 10px;}
h2.ttitle {margin-bottom: 10px;}
.content_box li {margin: 3px 0; font-size:13px;}
.content_box li span {float: right; margin-right:10px; color:#000000; font-size:13px;}
.content_box li span.main-b-date {float: right;}
.content_box .text-tiny {font-size: 0.7em !important;}
.content_box .text-small {font-size: 0.85em !important;}
.content_box .text-big {font-size: 1.4em !important;}
.content_box .text-huge {font-size: 1.8em !important;}
.cp-date input {float: none;}
.statistics {width: 100%; min-width: 1500px; letter-spacing: -1px; border-color: #fff;}
#allatKey {width: 40%;}
.tossKey {width: 18%;}
.paypalkey {width: 250px;}
#etcMemo {width: 100%; height: 65px;}
#reqReson {width: 100%; height: 65px;}
.ul-1.couponlist-t-r li:last-child, .ul-1.couponuselist-t-r li:last-child {padding-left: 20px;}
.CouponAdd {width: 150px; float: left;}
.form-dsc {padding-left: 114px;}
.updateNum {text-align: right; color: #ff9900; margin-bottom: 5px; font-size: 13px; font-weight: 700;}
#boardMainView { list-style-type: none; width: 100%; display: inline-block;}
#boardMainView > li {float: left; width: 99%; height: 200px; margin: 0 0.5% 20px; padding: 10px; background: none; cursor: move;}
#boardMainView > li ul li {font-size: 13px; line-height: 1.5; padding: 3px 0; display: table; width: 100%;}
#boardMainView > li ul li a {display: table-cell; width: auto; padding: 0 10px; position: relative; overflow: hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 1;-webkit-box-orient: vertical;word-wrap:break-word; }
#boardMainView > li ul li a:before {content:''; display: block; width: 3px; height: 3px; border-radius: 50%; background: #000; position: absolute; left: 0; top: 8px;}
#boardMainView > li ul li .main-b-date {display: table-cell; width: 80px;}
.itemBoxHighlight {border:solid 1px black;width:400px;height:50px;padding:10px;margin-bottom:10px;background-color:yellow;}



/* 관리자메뉴수정 */
.menuList {margin-bottom: 40px;}
.menuBlock {width: 32.5%; float: left;}
.menuBlock + .menuBlock {margin-left: 1%;}
.menuBlock .oneDepth {height: 42px; background: #f5f5f5; color: #000; font-weight: 700; font-size: 15px; line-height: 42px; padding: 0 10px; position: relative;}
.menuBlock .setting {position: absolute; right: 10px; top: 0;}
.menuBlock .setting a {display: inline-block; width: 30px; height: 30px; position: relative; top: 7px; text-align: center;}
.menuBlock .setting select {height: 30px; font-size: 12px;}
.menuBlock .twoDepth {font-size: 13px; border-bottom: 1px solid #ddd; padding: 0 10px 0 25px; height: 42px; line-height: 42px; position: relative; cursor: pointer; color: #555; font-weight: 700;}
.menuBlock .twoDepth:before {content:'+'; display: block; position: absolute; left: 10px; top: 0; width: 10px; height: 10px;}
.menuBlock .threeDepth {font-size: 12px;}
.menuBlock .threeDepth section {padding: 0 10px 0 15px; height: 42px; line-height: 42px; position: relative; background: #fbf9f9; border-bottom: 1px dashed #f5f5f5;}
.menuBlock .threeDepth section:last-child {border-bottom: 1px solid #ddd;}
.panel {display: none;}
.menuBlock .oneDepth input, .menuBlock .oneDepth select {background: #fff4f4;}
.menuBlock .twoDepth  input, .menuBlock .twoDepth  select {background: #f6fff2;}
.menuBlock .threeDepth  input, .menuBlock .threeDepth  select {background: #f2f4ff;}
.bpr {text-align: right; margin: 10px;}



/* 매출/접속통계 */
.statisticsBody button {background: #949494;}
.statisticsBody table {width: 100%; border: 1px solid #ddd;}
.statisticsBody td {width: 11%; text-align: center; padding: 10px; border-bottom: 1px solid #ddd; border-left: 1px solid #ddd;}
.statisticsBody tbody tr:last-child td {border-bottom: 0; font-weight: 700;}
.statisticsBody tbody tr:first-child td {font-weight: 700; background: #fbfbfb;}
.statisticsBody td:first-child {width: 12%; border-left: 0;}
.statisticsBody thead td {background: #f5f5f5; font-weight: 700;}
.detail_tap .nav-tabs li {padding: 0;}
.detail_tap .nav-tabs li a {padding: 0; padding: 10px 30px;}


/* 별점 */
.starImg {display:none;  width: 80px; padding: 0;}
.starImg span {display: inline-block; width: 100%; height: 15px; background: url(/files/default-img/star.png) no-repeat top left; background-size: 80px; position: absolute; left: 0; top: 0;}
.starImg span.on {z-index: 1; background: url(/files/default-img/star.png) no-repeat bottom left; overflow: hidden; background-size: 80px;}
.starBox {text-align: left; display: inline-block; font-weight: bold; color: #000; height: 15px; position: relative;}
.starBox div {float: left;}
.starBox .starImg {height: 15px;}
.starBox .starImg button {width: 10%; height: 15px; padding: 0; background: none; position: absolute; z-index: 2;}
.starBox .starImg button.one {left: 0;}
.starBox .starImg button.two {left: 10%;}
.starBox .starImg button.three {left: 20%;}
.starBox .starImg button.four {left: 30%;}
.starBox .starImg button.five {left: 40%;}
.starBox .starImg button.six {left: 50%;}
.starBox .starImg button.seven {left: 60%;}
.starBox .starImg button.eight {left: 70%;}
.starBox .starImg button.nine {left: 80%;}
.starBox .starImg button.ten {left: 90%;}
.contable .section-box .ul-1 > li.starpnt {width: 100px;}
.starWrap div {float: left;}
.starWrap .starImg {height: 15px;}
.starWrap .starImg button {width: 20%; height: 15px; padding: 0; background: none; position: absolute; z-index: 2;}
.starWrap .starImg button.one {left: 0;}
.starWrap .starImg button.two {left: 20%;}
.starWrap .starImg button.three {left: 40%;}
.starWrap .starImg button.four {left: 60%;}
.starWrap .starImg button.five {left: 80%;}


/* 수료증 */
.table-title .section-box .ul-1 li


/* poll */
.pollList {margin: 30px auto; width: 100%; max-width: 500px; border: 1px solid #ddd;}
.pollList h2 {font-size: 18px; padding: 10px; background: #f5f5f5; border-bottom: 1px solid #ddd;}
.plistCon {padding: 15px;}
.pollBox {padding: 10px;}
.pollBtn {padding: 0 0 30px; text-align: center;}
.pollBtn .poll {background: #ff0000;}
.pollBtn .result {background: #000;}
/* radio button */
.radcontainer {display: block; position: relative; padding-left: 25px; margin-bottom: 12px; cursor: pointer; font-size: 14px; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}
.radcontainer input {
position: absolute; opacity: 0; cursor: pointer;}
.radcheckmark {
position: absolute; top: 2px; left: 0; height: 16px; width: 16px; background-color: #eee; border-radius: 50%;}
.radcontainer:hover input ~ .radcheckmark {background-color: #ccc;}
.radcontainer input:checked ~ .radcheckmark {background-color: #2196F3;}
.radcheckmark:after {
content: ""; position: absolute; display: none;}
.radcontainer input:checked ~ .radcheckmark:after {display: block;}
.radcontainer .radcheckmark:after {top: 5px; left: 5px; width: 6px; height: 6px; border-radius: 50%; background: white;}

/* poll Result */
.pollCon {margin: 30px auto; width: 100%; max-width: 600px;}
.pollCon h2 {margin-bottom: 10px;}
.pollView {border: 1px solid #ddd; padding: 20px;}
.pollView + .pollView {margin-top: 30px;}
.pollView h2 {margin-bottom: 20px;}
.total-poll {text-align: right; color: #ff0000; font-weight: 700; font-size: 15px; margin-bottom: 10px;}
.q-list ul {display: table; width: 100%;}
.q-list ul li {display: table-cell; font-size: 14px;}
.q-list ul li:last-child {width: 80px; text-align: right;}
.per-gr {width: 100%; border: 1px solid #ddd; background: #f5f5f5; border-radius: 5px; height: 26px; position: relative; margin: 10px 0 30px;}
.per-gr .on {height: 100%; width: 0%; color: #fff; font-weight: 700; line-height: 24px; text-align: center; background: #2196f3; border-radius: 5px 0 0 5px;}
/* package*/
.ord_box { clear:both; }
.ord_li { float: left; }
.ord_li:nth-child(1) { width: 50px; }
.ord_li:nth-child(2) { width: 400px;  }
.ord_li:nth-child(3) { width: 160px; }
.ord_li:nth-child(4) { width: 160px; }


/* 2020-08-25 */
.lectureBox > table {width: 100%;}
.lectureBox > table th {font-weight: bold; color: #333; padding: 5px 10px; text-align: center; background: #f8f8f8; border-bottom: 1px solid #ddd; border-top: 1px solid #000;}
.lectureBox > table th + th {border-left: 1px solid #ddd;}
.lectureBox > table td {padding: 5px 10px; text-align: center; border-bottom: 1px solid #ddd; width: 100px;}
.lectureBox > table td + td {border-left: 1px solid #ddd;}
.lectureBox > table td:first-child {width: auto; text-align: left;}


/* 강좌탭 */
.courseTab {display: table; width: 100%; border-bottom: 1px solid #ddd; margin-bottom: 30px;}
.courseTab a {display: block; width: 100px; padding: 8px 0; background: #f5f5f5; margin-right: 2px; float: left; text-align: center;}
.courseTab a.active {color: #fff; font-weight: 700; background: #284b87;}
.basicTable {width: 100%;}
.basicTable td {padding: 15px 3px; vertical-align: middle; height: 50px; text-align: center;}
.basicTable thead td {border-top: 1px solid #ddd; border-bottom: 1px solid #ddd; background: #f5f5f5;}
.basicTable tbody tr:nth-child(even) {background: #f8f8f8;}
.basicTable tbody tr:last-child td {border-bottom: 1px solid #ddd;}
.basicTable .subject {color: #000; text-align: left;}
.basicTable td a {color: blue;}
.courseStep td{width: 80px;}
.courseStep td:nth-child(1) {width: 50px;}
.courseStep td:nth-child(3) {width: auto;}
.bsbutton {width: 64px; height: 24px; border: 1px solid #ddd; background: #f5f5f5; border-radius: 5px; color: #333; display: inline-block; line-height: 22px;}
.courseExam td {width: 8%;}
.courseExam td:nth-child(1) {width: 80px;}
.courseExam td:nth-child(2) {width: auto;}
.courseExam td:nth-child(3) {width: 280px;}
.examMember td {width: auto;}
.examMember td:nth-child(1), .examMember td:nth-child(2) {width: 80px;}
.examMember td:nth-child(9), .examMember td:nth-child(10) {width: 100px;}
.coursePoll td {width: 8%;}
.coursePoll td:nth-child(1), .coursePoll td:nth-child(2) {width: 80px;}
.coursePoll td:nth-child(4) {width: auto;}
.coursePoll td:nth-child(5) {width: 170px;}

.cateBelong1, .cateBelong2 {float: left; margin-right: 5px;}
.codeBox {display: inline-block; width: 100%;}
.btnRight {text-align: right;}



/* 스케쥴보드 */
.scheduleCon {}
.scheduleCon .month {text-align: center; width: 100%; max-width: 300px; position: relative; margin: 0 auto 30px;}
.scheduleCon .month h3 {font-weight: 700;}
.scheduleCon .month a {position: absolute; width: 32px; height: 32px; top: 50%; margin-top: -15px;}
.scheduleCon .month a.leftBtn {background: url(/files/default-img/chevron-left.svg) no-repeat center; left: 0;}
.scheduleCon .month a.rightBtn {background: url(/files/default-img/chevron-right.svg) no-repeat center; right: 0;}
.calenBody {border: 1px solid #ddd;}
.calenBody .weekLine {display: table; width: 100%; border-top: 2px solid #000; background: #f9f9f9; letter-spacing: -0.5px;}
.calenBody .weekLine li {display: table-cell; width: 14.28571428571429%; vertical-align: top; height: 122px;}
.calenBody .weekLine li + li {border-left: 1px solid #ddd;}
.calenBody .weekLine li h1 {padding: 8px 0; text-align: center; border-bottom: 1px solid #ddd;}
.calenBody .weekLine li h1.sunday {color: #ff0000;}
.calenBody .weekLine li h1.saturday {color: #0027ff;}
.calenBody .weekLine li .scheBox {background: #fff; font-size: 13px; padding: 8px; border-bottom: 1px solid #ddd;}
.calenBody .weekLine li .scheBox .time {font-size: 13px; font-weight: 500; color: #000; display: inline-block;}
.calenBody .weekLine li .scheBox p {color: #666; margin-top: 5px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; word-wrap:break-word; height: 42px; word-break: break-all;}
.calenBody .weekLine li .scheBox span {height: 15px; color: #fff; font-weight: 500; font-size: 11px; display: inline-block; text-align: center; line-height: 16px; border-radius: 3px; padding: 0 6px; white-space: nowrap; margin-left: 5px; position: relative; top: -1px;}
.calenBody .weekLine li .scheBox .live {background: #ff0000;}
.calenBody .weekLine li .scheBox .offline {background: #717fea;}
.calenBody .weekLine li .scheBox .cate001 {background: #ff0000;}
.calenBody .weekLine li .scheBox .cate002 {background: #717fea;}
.calenBody .weekLine li .scheBox .cate003 {background: #ff5722;}
.calenBody .weekLine li .scheBox .cate004 {background: #00bcd4;}
.calenBody .weekLine li .scheBox .cate005 {background: #4caf50;}
.calenBody .weekLine li .scheBox .cate006 {background: #2196f3;}
.calenBody .weekLine li .scheBox .cate007 {background: #ffc107;}
.calenBody .weekLine li .scheBox .cate008 {background: #009688;}
.calenBody .weekLine li .scheBox .cate009 {background: #f44336;}



/* 단과, 패키지 기간연장 팝업 */
.layer_mody {width: 480px; height: 300px; background: #fff; position: fixed; top: 50%; left: 50%; margin-top: -150px; margin-left: -150px; border: 1px solid #ddd;}


@media all and (max-width:480px) {
	#login_contents {padding:80px 40px; background:none;}
}

@media all and (max-width:320px) {
	#login_contents {padding:100px 40px 20px 40px; background:none;}
	button.login-btn {padding:20px 0;}
	input.login {margin-bottom:20px; padding:20px 5px;}
}
.elptBack { background:transparent; }

/*
.taxBoxList {display:inline-block; width:100%; }
.taxBoxList:after {content:""; display:block; clear:both;}
.taxBoxList ul li {width:calc(100% / 2); float:left; padding:3px 10px; position:relative;}

.taxBoxList ul li.col1 {width:100%;}
@media (max-width: 480px) {
	.taxBoxList ul li {width:100%;}
}*/

.main_noti{margin-top:20px;}
/* 테이블 */
.table_stats{width:100%;  border-top:1px solid #d7d7d7;  padding-bottom:10px; border-left:1px solid #d7d7d7; border-right:1px solid #d7d7d7; border-bottom:1px solid #d7d7d7; } 
.table{width:100%;  border-top:1px solid #dddddd;  padding-bottom:10px; border-bottom:1px solid #d7d7d7; } 
.table>thead>tr>th {height:50px; border-bottom:1px solid #d7d7d7; background:#f5f5f5; font-size:14px; text-align:center; color:#333333; font-weight:bold;}
.table>tbody>tr>td {height:50px; border-top:0px solid #dddddd; border-bottom:0px solid #d7d7d7; font-size:14px; line-height:120%;  text-align:center; vertical-align: middle;}

.table_32{width:100%;  border-top:1px solid #d7d7d7;  padding-bottom:10px;} 
.table_32>thead>tr>th {height:35px; border-bottom:1px solid #d7d7d7; background:#fcfcfc; font-size:12px; text-align:center; color:#333333; font-weight:bold;}
.table_32>tbody>tr>td {height:32px; border-bottom:1px solid #d7d7d7; font-size:13px; line-height:120%;  text-align:center;}

.table_blue{width:98%;  border-top:2px solid #ffffff;  padding-bottom:10px; margin:10px;} 
.table_blue>thead>tr>th {height:40px; border-bottom:1px solid #ffffff; border-right:1px solid #ffffff; background:#5b9bd5; font-size:12px; padding-left:10px; text-align:left; color:#ffffff; font-weight:bold;}
.table_blue>thead>tr>th span {float:right; text-align:right; padding-right:10px;}
.table_blue>tbody>tr>td {height:40px; border-bottom:1px solid #ffffff; border-right:1px solid #ffffff; background:#d2deef; font-size:12px; line-height:120%;  padding-left:10px; text-align:left;}
.table_blue>tbody>tr>td span{float:right; text-align:right; padding-right:10px;}


.table_write{width:100%;  border-top:1px solid #d7d7d7;  margin-bottom:20px;} 
.table_write tr>th {height:40px; padding-left:10px; border-bottom:1px solid #d7d7d7;  color:#333333; background:#fcfcfc; font-size:12px; text-align:left;  border-right:1px solid #d7d7d7;}
.table_write tr>th:last-child  { border-right:1px solid #ffffff; }
.table_write tr>td {height:40px; padding-left:10px; line-height:220%; border-bottom:1px solid #d7d7d7; font-size:12px; text-align:left; border-right:1px solid #d7d7d7;}
.table_write tr>td.wh{height:40px; padding-left:10px; padding-bottom:7px; border-bottom:1px solid #d7d7d7; font-size:12px; text-align:left; border-right:1px solid #d7d7d7;}
.table_write tr>td:last-child  { border-right:1px solid #ffffff; }


.table_nomal{width:100%;} 
.table_nomal>tbody>tr>th {height:30px; font-size:12px; padding-left:35px; text-align:left; color:#333333; font-weight:bold; background:url('/image/admin_img/search_icon.jpg') no-repeat 20px 11px; }
.table_nomal>tbody>tr>th.categoryh_tit{height:30px; font-size:12px; background:#ebebeb; padding-left:15px; text-align:left; color:#333333; font-weight:bold;}
.table_nomal>tbody>tr>th.categoryh{height:30px; font-size:12px; padding-left:15px; text-align:left; color:#333333; font-weight:bold;}
.table_nomal>tbody>tr>td {height:30px; font-size:12px;  line-height:120%; padding-left:15px; vertical-align:middle; text-align:left;}
.table_nomal>tbody>tr>td.ncenter{height:30px; font-size:12px;  line-height:120%; vertical-align:middle; text-align:center;}


.table_normal{width:100%;} 
.table_normal>tbody>tr>th {height:30px; font-size:12px; text-align:left; color:#333333; font-weight:bold; }
.table_normal>tbody>tr>td {height:30px; font-size:12px; line-height:120%; vertical-align:middle; text-align:left;padding:0px;}
.table_normal tr>td {height:40px; padding:0px; vertical-align:middle; text-align:left;}

.table_none{width:100%;} 
.table_none>tbody>tr>th {height:30px; font-size:12px; text-align:left; color:#333333; font-weight:bold; }
.table_none>tbody>tr>td {height:30px; font-size:12px; line-height:120%; vertical-align:middle; text-align:left;padding:5px;}
.table_none tr>td {height:40px; padding:0px; vertical-align:middle; text-align:left;}

.tit_left{float:left;}
.tit_button{text-align:right; float:right; margin-bottom:5px;}


/* ===== 회사 리스트(.seller-list) 스크롤 회색톤 - Chrome ===== */
.seller-list {
    overflow-y: auto !important;
}

/* 스크롤 전체 */
.seller-list::-webkit-scrollbar {
    width: 12px !important;
}

/* 스크롤 트랙 */
.seller-list::-webkit-scrollbar-track {
    background: #e5e5e5 !important;
}

/* 스크롤 바 */
.seller-list::-webkit-scrollbar-thumb {
    background-color: #9e9e9e !important;
    border-radius: 6px !important;
    border: 2px solid #e5e5e5 !important;
}

/* 마우스 올렸을 때 */
.seller-list::-webkit-scrollbar-thumb:hover {
    background-color: #7d7d7d !important;
}