@charset "UTF-8";
@import url("./font.css");
@import url("./reset.css");
@import url("./lee_230906.css");
@import url("./song_230906.css");
.bold{
  font-weight: bold
}
.w10 {
  width: 10px !important;
}

.w20 {
  width: 20px !important;
}

.w30 {
  width: 30px !important;
}

.w40 {
  width: 40px !important;
}

.w50 {
  width: 50px !important;
}

.w60 {
  width: 60px !important;
}

.w70 {
  width: 70px !important;
}

.w80 {
  width: 80px !important;
}

.w90 {
  width: 90px !important;
}

.w100 {
  width: 100px !important;
}

.w110 {
  width: 110px !important;
}

.w120 {
  width: 120px !important;
}

.w130 {
  width: 130px !important;
}

.w140 {
  width: 140px !important;
}

.w150 {
  width: 150px !important;
}

.w160 {
  width: 160px !important;
}

.w170 {
  width: 170px !important;
}

.w180 {
  width: 180px !important;
}

.w190 {
  width: 190px !important;
}

.w200 {
  width: 200px !important;
}

.w210 {
  width: 210px !important;
}

.w220 {
  width: 220px !important;
}

.w230 {
  width: 230px !important;
}

.w240 {
  width: 240px !important;
}

.w250 {
  width: 250px !important;
}

.w260 {
  width: 260px !important;
}

.w270 {
  width: 270px !important;
}

.w280 {
  width: 280px !important;
}

.w290 {
  width: 290px !important;
}

.w300 {
  width: 300px !important;
}

.w310 {
  width: 310px !important;
}

.w320 {
  width: 320px !important;
}

.w330 {
  width: 330px !important;
}

.w340 {
  width: 340px !important;
}

.w350 {
  width: 350px !important;
}

.w360 {
  width: 360px !important;
}

.w370 {
  width: 370px !important;
}

.w380 {
  width: 380px !important;
}

.w390 {
  width: 390px !important;
}

.w400 {
  width: 400px !important;
}

.w410 {
  width: 410px !important;
}

.w420 {
  width: 420px !important;
}

.w430 {
  width: 430px !important;
}

.w440 {
  width: 440px !important;
}

.w450 {
  width: 450px !important;
}

.w460 {
  width: 460px !important;
}

.w470 {
  width: 470px !important;
}

.w480 {
  width: 480px !important;
}

.w490 {
  width: 490px !important;
}

.w500 {
  width: 500px !important;
}

.w510 {
  width: 510px !important;
}

.w520 {
  width: 520px !important;
}

.w530 {
  width: 530px !important;
}

.w540 {
  width: 540px !important;
}

.w550 {
  width: 550px !important;
}

.w560 {
  width: 560px !important;
}

.w570 {
  width: 570px !important;
}

.w580 {
  width: 580px !important;
}

.w590 {
  width: 590px !important;
}

.w600 {
  width: 600px !important;
}

.w610 {
  width: 610px !important;
}

.w620 {
  width: 620px !important;
}

.w630 {
  width: 630px !important;
}

.w640 {
  width: 640px !important;
}

.w650 {
  width: 650px !important;
}

.w660 {
  width: 660px !important;
}

.w670 {
  width: 670px !important;
}

.w680 {
  width: 680px !important;
}

.w690 {
  width: 690px !important;
}

.w700 {
  width: 700px !important;
}

.w710 {
  width: 710px !important;
}

.w720 {
  width: 720px !important;
}

.w730 {
  width: 730px !important;
}

.w740 {
  width: 740px !important;
}

.w750 {
  width: 750px !important;
}

.w760 {
  width: 760px !important;
}

.w770 {
  width: 770px !important;
}

.w780 {
  width: 780px !important;
}

.w790 {
  width: 790px !important;
}

.w800 {
  width: 800px !important;
}

.w810 {
  width: 810px !important;
}

.w820 {
  width: 820px !important;
}

.w830 {
  width: 830px !important;
}

.w840 {
  width: 840px !important;
}

.w850 {
  width: 850px !important;
}

.w860 {
  width: 860px !important;
}

.w870 {
  width: 870px !important;
}

.w880 {
  width: 880px !important;
}

.w890 {
  width: 890px !important;
}

.w900 {
  width: 900px !important;
}

.w910 {
  width: 910px !important;
}

.w920 {
  width: 920px !important;
}

.w930 {
  width: 930px !important;
}

.w940 {
  width: 940px !important;
}

.w950 {
  width: 950px !important;
}

.w960 {
  width: 960px !important;
}

.w970 {
  width: 970px !important;
}

.w980 {
  width: 980px !important;
}

.w990 {
  width: 990px !important;
}

.w1000 {
  width: 1000px !important;
}

.show {
  display: inline-block !important;
}

.hide {
  display: none !important;
}

/* scroll bar */
::-webkit-scrollbar {
  width: 12px;
  height: 6px;
}

::-webkit-scrollbar-track {
  background-color: transparent;
  border-radius: 2px;
}

::-webkit-scrollbar-thumb {
  background-color: rgba(0,0,0,0.3);
  border: 1px solid transparent;
  border-radius: 20px;
}

.newblt{
  width: 50px;
  height: 25px;
  line-height: 23px;
  display: inline-block;
  font-size: 13px;
  color: #fff;
  background: #ec407a;
  border-radius: 100px;
  text-align: center;
  margin: -3px 0 0 3px;
  vertical-align: middle;
}

.table01 {
  border-top:1px solid #474747;
  width: 100%;
  table-layout: fixed;
}

.table01 tr > *{
  padding: 10px;
  text-align: center;
  border-bottom: 1px solid #ebebeb;
  border-left: 1px solid #ebebeb;
}

.table01 th.blue{
  color: #1f75bb;
}

.table01 tbody tr:nth-child(2n-1) {
  background: #f8f8f8
}

.table01 tr > *:first-child {
  border-left: 0
}

.table01 .bk-red > * {
  background: #fec5cc;
}


/*
body::-webkit-scrollbar {
	display: none;
}
*/
body > iframe {
  display: none;
}

.only-pc {
  display: block !important;
}

#courselist .only-pc {
  margin-top: 20px;
}

.only-mo {
  display: none !important;
}

.tbl_none{display:none}

/* 공통 */
.ic.black, .icon.black {
  background-color: #555 !important;
  color: #fff !important;
}

.ic.green, .icon.green {
  background-color: #86c35d !important;
  color: #fff !important;
}

.ic.red, .icon.red {
  background-color: #f36c65 !important;
  color: #fff !important;
}

.ic.blue, .icon.blue {
  background-color: #1f75bb !important;
  color: #fff !important;
}

.ic.deep-blue, .icon.deep-blue {
  background-color: #3590ba !important;
  color: #fff !important;
}

.ic.purple, .icon.purple {
  background-color: #cb55b2 !important;
  color: #fff !important;
}

.ic.yellow, .icon.yellow {
  background-color: #f3cb45 !important;
  color: #fff !important;
}

.ic.brown, .icon.brown {
  background-color: #a77f1e !important;
  color: #fff !important;
}

.ic.gray, .icon.gray {
  background-color: #999 !important;
  color: #fff !important;
}

.ic.yellow-green, .icon.yellow-green {
  background: #35ba9f !important;
  color: #fff !important;
}

span.black, strong.black, p.black {
  color: #555 !important;
}

span.green, strong.green, p.green {
  color: #86c35d !important;
}

span.red, strong.red, p.red, small.red, .fc_red {
  color: #f36c65 !important;
}

span.blue, strong.blue, p.blue, small.blue, .fc_blue {
  color: #1f75bb !important;
}

span.deep-blue, strong.deep-blue, p.deep-blue {
  color: #3590ba !important;
}

span.purple, strong.purple, p.purple {
  color: #cb55b2 !important;
}

span.yellow, strong.yellow, p.yellow {
  color: #f3cb45 !important;
}

span.brown, strong.brown, p.brown {
  color: #a77f1e !important;
}

span.gray, strong.gray, p.gray, .fc_gray {
  color: #999 !important;
}

.fc_black{
  color: #333 !important;
}

span.disabled, strong.disabled, p.disabled {
  cursor: default;
  color: #eee !important;
}

span.line-through, strong.line-through, p.line-through {
  text-decoration: line-through;
}


span.line-through + span, strong.line-through + span, p.line-through + span {
  margin-left: 10px;
}

a.black, button.black {
  background-color: #555 !important;
  border: 1px solid #555 !important;
  color: #fff !important;
}

a.green, button.green {
  background-color: #86c35d !important;
  color: #fff !important;
  border:0 !important
}

a.green, button.green1 {
  background-color: #1fbb61 !important;
  color: #fff !important;
  border:0 !important
}

a.red, button.red, .tcon_btn.red {
  background-color: #f36c65 !important;
  border: 1px solid #f36c65 !important;
  color: #fff !important;
}

a.blue, button.blue {
  background-color: #1f75bb !important;
  color: #fff !important;
  border: 0 !important
}

a.deep-blue, button.deep-blue {
  background-color: #3590ba;
  color: #fff;
}

a.purple, button.purple {
  background-color: #cb55b2 !important;
  color: #fff !important;
}

a.yellow, button.yellow {
  background-color: #f3cb45 !important;
  color: #fff !important;
}

a.brown, button.brown {
  background-color: #a77f1e !important;
  color: #fff !important;
}

a.gray, button.gray {
  background-color: #999 !important;
  color: #fff !important;
}

a.deep-gray, button.deep-gray, .tcon_btn.deep-gray {
  background-color: #888 !important;
  color: #fff !important;
}

a.pink, button.pink {
  background-color: #ec407a;
  color: #fff;
}

a.disabled, a:disabled, button.disabled, button:disabled {
  cursor: default;
  background-color: #bbb !important;
  color: #f7f7f7 !important;
  border:1px solid #bbb !important
}

.bd_gray{
  background-color: #f1f1f1 !important;
  color: #666 !important;
  border:1px solid #999
}

.topbtn{
  position:fixed;
  right:30px;
  bottom:30px;
  z-index:10;
  background:url('//tvcache.teacherville.co.kr/teacherville2/image/web/icon/top_btn.png') no-repeat;
  width:83px;
  height: 148px;
  text-indent: -9999px;
  display: none;
}

.com-btn {
  padding: 0 20px;
  border-radius: 5px;
  background: #474747;
  font-size: 16px;
  color: #ebebeb;
  font-weight: normal;
}

.com-btn.sm{
  height: 28px;
  line-height: 26px;
  min-width: 90px;
  text-align: center;
  display: inline-block;
  padding: 0 10px;
}

.com-btn.md{
  height: 30px;
  line-height: 30px;
  min-width: 130px;
  text-align: center;
  display: inline-block;
  padding: 0 10px;
}

.com-btn.big{
  height: 40px;
  line-height: 40px;
  display: inline-block;
  min-width: 180px;
  text-align: center;
}

.com-btn.xl{
  height: 50px;
  line-height: 50px;
  display: inline-block;
  text-align: center;
  width: 100%;
}

.lg_btnarea{margin-top:40px; text-align:center}
.lg_btnarea button{height:73px; padding:0 40px; border-radius:20px; font-size:18px; font-weight:500}
.lg_btnarea button.blue{background:#3770c1 !important}


.com-btn + .com-btn {
  margin-left: 5px;
}

.com-tooltip {
  display: inline-block;
  position: relative;
  vertical-align: top;
  width: 22px;
  height: 22px;
}

.com-tooltip .open-btn {
  display: inline-block;
  vertical-align: top;
  width: 22px;
  height: 22px;
  background: url(../images/icon/ic_tooltip_question.png) no-repeat 0 0;
}

.com-tooltip .open-btn:focus + .view-info-cnt,
.pink-tooltip:hover + .pink-info-cnt  {
  display: block;
}

.com-tooltip .view-info-cnt {
  display: none;
  position: absolute;
  left: 0;
  top: 30px;
  width: 815px;
  padding: 10px 20px 15px;
  border-radius: 10px;
  background: #fff;
  box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
  z-index: 1;
}

.pink-tooltip{
  width: 18px;
  height: 18px;
  background: url('//tvcache.teacherville.co.kr/teacherville2/image/web/icon/ic_tooltip_pink.png') no-repeat 0 0;
  vertical-align: middle;
  margin-top:-4px;
  display: inline-block;
}

.pink-info-cnt{
  position: absolute;
  top: 50%;
  transform: translateY(-55%);
  left: 117px;
  min-width: 400px;
  padding: 15px 20px;
  background:#f36c65;
  color: #fff;
  border-radius: 20px;
  display: none;
  z-index: 1;
}

.pink-info-cnt::before{
  content: '';
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  left: -13px;
  width: 0px;
  height: 0px;
  border-right: 13px solid #f36c65;
  border-top: 10px solid transparent;
  border-bottom: 10px solid transparent;
}

.pink-info-cnt.right{
  left:40px;
  min-width: auto;
  white-space: nowrap;
}

.pink-info-cnt.bottom{
  top: auto;
  bottom: -95px;
  left:50%;
  transform: translateX(-50%);
  min-width:auto;
  white-space: nowrap;
}
.pink-info-cnt.bottom::before{
  top:-12px;
  transform: translateX(-50%);
  left: 50%;
  border-top: 0;
  border-bottom:13px solid #f36c65;
  border-left: 10px solid transparent;
  border-right: 10px solid transparent;
}

.btn:hover .pink-info-cnt.bottom{
  display: block
}

.com-tooltip .view-info-cnt > .tit {
  display: block;
  font-size: 18px;
  color: #666;
}

.com-tooltip .view-info-cnt .list {
  font-size: 16px;
  line-height: 24px;
  color: #666;
}

.com-tooltip .view-info-cnt .list li {
  position: relative;
  margin-top: 15px;
  padding-left: 15px;
}

.com-tooltip .view-info-cnt .list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 10px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #666;
}

.com-tooltip .view-info-cnt .list .red {
  color: #f36c65;
}

.com-radio {
  display: inline-block;
  position: relative;
  vertical-align: top;
  margin-right: 75px;
}

.com-radio:last-child {
  margin-right: 0;
}

.com-radio > input {
  position: absolute;
  left: -9999px;
}

.com-radio input:checked + label::before, .select-box1 input:checked + .select-cnt .com-radio::before {
  border: 0;
  background: url(../images/icon/ic_radio_on.png) no-repeat 0 0;
}

.com-radio label, .select-box1 .com-radio{
  display: block;
  padding-left: 32px;
  font-size: 16px;
  font-weight: bold;
  color: #666;
  line-height: 28px;
}

.com-radio label::before, .select-box1 .com-radio::before{
  content: '';
  position: absolute;
  left: 0;
  top: 4px;
  /* transform: translateY(-50%); */
  width: 21px;
  height: 21px;
  border-radius: 50%;
  border: 1px solid #c6c6c6;
  box-sizing: border-box;
  display: block;
}

.select-box1 .com-radio::before{
  background:#fff
}

.com-bottom-btn {
  margin-top: 80px;
  text-align: center;
  font-size: 0;
}

.com-bottom-btn.right {
  text-align: right;
  margin-top: 20px;
}

.com-bottom-btn.right button:last-child {
  margin-right: 0;
}
.table-list-area .total-align span:first-child {display: inline-block}
.com-bottom-btn.right.bbs-list {margin-left:46%}/*margin-left:60%;*/
.com-bottom-btn button {
  min-width: 120px;
  height: 40px;
  padding: 0 20px;
  border-radius: 5px;
  background: #474747;
  font-size: 16px;
  color: #ebebeb;
}
.com-bottom-btn button + button{margin-left:20px}

.table-list-area .total-align .result-amount {width: 400px; display: inline-block}

.com-bottom-btn button.blue {
  background: #1f75bb;
}

.com-check {
  display: inline-block;
  position: relative;
}

.com-check input {
  position: absolute;
  left: -9999px;
}

.com-check input:checked + label::before {
  background: url(../images/icon/ic_single_checkbox.png) no-repeat center center;
}

.com-check label {
  display: block;
  position: relative;
  padding-left: 32px;
  font-size: 18px;
  line-height: 24px;
  color: #333;
}

.com-check label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 24px;
  height: 24px;
  border-radius: 50%;
  border: 1px solid #ddd;
}

.com-arrow-check {
  display: inline-block;
  position: relative;
}

.com-arrow-check input {
  position: absolute;
  left: -9999px;
}

.com-arrow-check input:checked + label::before {
  background: url(../images/icon/ic_single_checkbox.png) no-repeat center center;
  background-size: auto 7px;
}

.com-arrow-check label {
  display: block;
  position: relative;
  height: 24px;
  padding-left: 28px;
  font-size: 18px;
  line-height: 24px;
  color: #333;
}

.com-arrow-check label::before {
  content: '';
  position: absolute;
  left: 0;
  top: 4px;
  width: 18px;
  height: 18px;
  border: 1px solid #888;
}

.check_list > *{margin-right:30px}
.check_list label{font-size:16px}

.paginationjs .paginationjs-pages ul {
  display: block;
  height: 25px;
  margin-top: 50px;
  text-align: center;
}

.paginationjs .paginationjs-pages ul li {
  display: inline-block;
}

.paginationjs .paginationjs-pages ul li.active a {
  text-decoration: underline;
  color: #3770c1;
}

.com-paging {
  display: block;
  height: 25px;
  margin-top: 50px;
  text-align: center;
}

.com-paging a {
  display: inline-block;
  vertical-align: top;
  width: 25px;
  height: 25px;
  margin: 0 10px;
  border-radius: 50%;
  font-size: 16px;
  font-weight: bold;
  line-height: 25px;
  color: #666;
}

.com-paging a.on {
  background: #333;
  color: #fff;
}

.com-paging a.first {
  margin: 0;
  background: url(../images/icon/ic_paging_first.png) no-repeat center center;
}

.com-paging a.prev {
  margin: 0 20px 0 0;
  background: url(../images/icon/ic_paging_prev.png) no-repeat center center;
}

.com-paging a.next {
  margin: 0 0 0 20px;
  background: url(../images/icon/ic_paging_next.png) no-repeat center center;
}

.com-paging a.last {
  margin: 0;
  background: url(../images/icon/ic_paging_last.png) no-repeat center center;
}

.com-file-btn {
  display: flex;
  align-items: center;
  height: 35px;
}

.com-file-btn input[type="text"] {
  width: calc(100% - 160px);
  height: 35px;
  padding-left: 10px;
  background: #fafafa;
}

.com-file-btn input[type="file"] {
  position: absolute;
  left: -9999px;
}

.com-file-btn label, .preview_btn {
  width: 120px;
  height: 26px;
  margin-left: 15px;
  border-radius: 5px;
  border: 1px solid #999;
  background: #f1f1f1;
  font-size: 16px;
  color: #666;
  line-height: 24px;
  text-align: center;
}

.com-file-btn label.lg_btn{width:345px; height:35px; line-height:35px; background:#474747; border:0; color:#fff}

.com-edit-table {
  margin-top: 20px;
}

.com-edit-table table, .com-edit-table .table {
  width: 100%;
  border-top: 1px solid #474747;
  text-align: left;
}

.com-edit-table .table{
  position: relative;
}

.com-edit-table .table::before {
  content: '';
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 1px;
  background: #ededed
}

.com-edit-table table th {
  height: 50px;
  padding: 10px 20px;
  border-bottom: 1px solid #ebebeb;
  background: #f8f8f8;
  font-size: 16px;
  line-height: 30px;
  color: #666;
  text-align: left;
}

.com-edit-table table td, .com-edit-table .table > li, .com-edit-table .table dl > * {
  height: 50px;
  padding: 10px 20px;
  border-bottom: 1px solid #ebebeb;
  font-size: 16px;
  line-height: 30px;
  color: #666;
}

.com-edit-table .table{
  font-size: 0;
}
.com-edit-table .table li{
  display: inline-block;
}
.com-edit-table .table li input[type="text"]{
  margin-top: -2px;
  width: calc(100% - 90px) !important;
  max-width: 200px;
  margin-left: 10px;
}
.com-edit-table .flexbox > *{width:100%}
.com-edit-table .flexbox > * + *{margin-left:20px}

.new_payment{position:relative}
.new_payment .table-list-box{max-width:763px}
.payment-box .title{border-bottom:1px solid #474747}
.card-check-group{padding-bottom:35px}
.card-check-group p{font-weight:bold; color:#1f75bb; position:absolute; bottom:0; left:0; display: none;}
.main-view-content .payment-box .cost-cnt .card-check-group .card-item input:checked + label + p{display: block;}
.m_table th{width:15%}
.m_table td{width:35%}
.new_payment .m_table th{width:20%}
.new_payment .m_table td{width:30%}
.mark_star{position:relative; padding-left:10px}
.mark_dot{position:relative; padding-left:15px}
.mark_star::before{content:'*'; position:absolute; top:0; left:0}
.mark_dot::before{content:'ㆍ'; position:absolute; top:0; left:0}
.m_table table:first-child{border:1px solid #ebebeb; border-top:1px solid #474747; border-bottom:0}
.m_table table{margin-top:20px; border:1px solid #ebebeb; border-bottom:0}
.m_table.flex2{display:flex; flex-wrap:wrap; margin:10px -10px -10px}
.m_table.flex2 > *{width:calc(50% - 20px); margin:10px}
.m_table.flex2 > * + *{border-top:1px solid #474747}
.com-edit-table small.red{font-size:14px; letter-spacing:-1px}
.plan_td{background:#f7f2e2}
.plan_td strong{display:inline-block; width:120px}
.red_td{background:#f36c65; text-align:center}
.com-edit-table .red_td *{color:#fff; font-size:22px; font-weight:bold; border-bottom:1px solid #f36c65}
.coupon_btn{height:30px; min-width: 120px; padding:0 10px; border-radius:5px; background: #ec407a; color:#fff}
.coupon_btn i{display: inline-block; background:url(../images/icon/ic_payment_coupon.png) no-repeat 0 0; width:20px; height:18px; background-size:100% auto; vertical-align:middle; margin:-4px 5px 0 0}
.com-edit-table .button_input th{width:20%}
.com-edit-table .button_input td{width:80%}
.button_input input[type="text"]{max-width:250px; margin-right:10px; text-align:right; padding:0 15px; color:#333; background:#dfdfdf; height:35px}
.button_input input[type="text"].readonly{color:#999}
.button_input .com-arrow-check label{font-size:16px; color:#666}
.table_div{border-top:1px solid #474747; margin-top:20px}
.new_payment .table_div, .group_div{border:1px solid #ebebeb; border-top:1px solid #474747; border-bottom:0; margin-top:20px}
.table_div > div{padding:10px 20px; border-bottom:1px solid #ebebeb; font-size:16px; color:#666; line-height:30px;}
.table_div .bk_blue{background:#e2edf7}
.layer-pop .table_div{border-top:0; margin-top:0}
.layer-pop .table_div > div{padding:5px 0}
.layer-pop .table_div input[type="text"]{border:1px solid #ddd; height:35px; padding:0 15px}
.payment_right{position:absolute; top:74px; right:0; width:400px}
.payment_right.fix{position:fixed; right:auto; left:50%; margin-left:220px; top:20px; z-index:1}
.payment_right .point{padding:15px 20px; background: #f8f8f8; border-radius: 20px 20px 0 0; border:1px solid #ddd; font-size:18px;}
.payment_right .info{padding:20px; border:1px solid #ddd; border-top:0; font-size:18px; background:#fff}
.payment_right .info dl{display:flex; justify-content:space-between; align-items:center}
.payment_right .info dl + dl{margin-top:10px}
.payment_right .info .total{margin-top:15px; padding-top:10px; border-top:1px solid #474747}
.payment_right .info .total dt{font-size:20px}
.payment_right .info .total dd{font-size:28px}
.payment_right .info p{font-size:16px; color:#666; margin:15px 0}
.payment_right .noti{color:#666; padding:15px 20px; background:#f8f8f8; border:1px solid #ddd; margin-top:10px}
.payment_right .noti button{font-weight:bold; text-decoration:underline; font-size:16px;}
.payment_right .noti1{border-radius:0 0 20px 20px}
.gift_list{font-size:0}
.gift_list li{display:inline-block; width:calc((100% - 20px)/3); text-align:center}
.gift_list li + li{margin-left:10px}
.gift_list input{display:none}
.gift_list img{width:100%; margin-bottom:20px}
.gift_list .text{font-size:16px; position:relative; padding-left:32px}
.gift_list .text::before{content: ''; position: absolute; left: 0; top: 2px; width: 21px; height: 21px; border-radius: 50%; border: 1px solid #c6c6c6; box-sizing: border-box; display: block;}
.gift_list input:checked + label .text::before{border:0; background:url(../images/icon/ic_radio_on.png) no-repeat 0 0}
.font_lg{font-size:20px}
.coupon_list li{display:block; margin-right:0; padding-bottom:10px; margin-bottom:10px; border-bottom:1px solid #ebebeb}
.coupon_list > div{border:1px solid #999; padding:20px 0}
.coupon_list dl{width:100%; text-align:center; position:relative}
.coupon_list dl:nth-child(2)::before{content:'ㅡ'; font-weight:bold; position:absolute; top:50%; transform:translateY(-50%); left:-12px}
.coupon_list dl:nth-child(3)::before{content:'＝'; font-weight:bold; position:absolute; top:50%; transform:translateY(-50%); left:-12px}
.coupon_list dd{font-size:18px; font-weight:bold}
.group_tab{display:flex; margin:15px 0 30px 0}
.group_tab a{width:100%; color:#333; text-align:center; border:1px solid #ddd; font-size:18px; font-weight:bold; padding:15px 0}
.group_tab a + a{border-left:0}
.group_tab a.on{background:#1f75bb; border:1px solid #1f75bb; color:#fff}
.group_tab p{font-weight:normal; font-size:14px; margin-top:5px}
.num_li p{position:relative; padding-left:10px}
.num_li .num{padding-left:18px}
.num_li p::before{content:'-'; position:absolute; left:0; top:0}
.num_li li:nth-child(1) .num::before{content:'1.'}
.num_li li:nth-child(2) .num::before{content:'2.'}
.num_li li:nth-child(3) .num::before{content:'3.'}
.num_li li:nth-child(4) .num::before{content:'4.'}
.tbl_auto tr > *{width:auto; max-width:480px}
.tbl_auto tr th{width:15%}
.line-through{text-decoration:line-through}
.group_div .group_list{display:grid; grid-template-columns:25% 75%; padding:0; font-size:16px}
.group_list + .group_list{border-top:1px solid #474747; margin-top:-1px}
.group_list .user{display:grid; grid-template-columns:60% 40%}
.group_list .user > *, .group_list .list_tit{padding:10px 20px}
.group_list .user .tit{background:#f8f8f8; font-weight:bold}
.group_list .list{display:grid; grid-template-columns:55% 45%}
.group_list .price{display:grid; grid-template-columns:33.5% 20% 20% 26.5%}
.group_list .price > *{padding:10px 0}
.group_list .price > *:last-child{padding:10px 20px; text-align:right}
.group_list .list_tit{display:flex; align-items:center; justify-content:space-between}
.group_list .list .com-select{width:calc(100% - 210px)}
.group_div .coupon_list{text-align:right; background:#e2edf7; padding:30px 20px; margin-top:-1px}
.group_div .coupon_list dl{display:inline-block; width:auto; color:#333}
.group_div .coupon_list dl + dl{padding-left:50px; margin-left:50px}
.payment-box .pay_btn{position:relative; top:0; width:100%; border:1px solid #888; margin-left:10px; padding:20px}

.layer-pop .com-edit-table .table dt{
  width:20%;
  padding: 10px;
  color: #111;
  font-weight: 500;
}
.layer-pop .com-edit-table .table dd{
  width:80%;
  padding: 10px;
  color: #777;
}

.layer-pop .com-edit-table .thumb_list .imgcon {
  width: 50%
}

.layer-pop .total_list li + li{
  margin-top:15px
}

.layer-pop .com-edit-table .list_tit{
  font-weight: 500;
  color: #111;
}

.thumb_list{
  font-size: 0;
  margin:0 -5px -5px
}

.thumb_list li{
  display: inline-block;
  margin: 5px;
  width: 50% ;
  position: relative;
}

.thumb_list .img{
  position: relative;
  padding-bottom: 56%;
  overflow: hidden;
  border-radius: 10px;
  background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/icon/230324_noimg.png') no-repeat center #f2f2f2
}

.thumb_list .img > *{
  position: absolute;
  top:0;
  left: 0;
  width: 100%;
  height: 100%;
}

.thumb_list button{
  width: 30px;
  height: 30px;
  text-indent: -9999px;
  background: url(../images/icon/ic_pop_close_gray.png) no-repeat center center #fff;
  position: absolute;
  top: 5px;
  right: 5px;
  border-radius: 100%;
}

.com-edit-table .table dl{
  display:table;
  width:100%
}

.com-edit-table .table dl > *{
  display:table-cell;
  height: auto;
  vertical-align: middle;
  line-height: inherit;
}

.com-edit-table .table dt{
  width:15%
}

.com-edit-table .table dd{
  width:85%;
}

.com-edit-table .thumb_list dt{
  width: 30%
}

.com-edit-table .thumb_list dd, .thumb_flex{
  width: 100%;
  display: flex;
  align-items: flex-end;
  padding: 30px 10px
}

.thumb_flex{margin:0 !important; height:auto !important}

.com-edit-table .thumb_list .imgcon{
  width: calc(40% - 40px);
  margin-right: 40px;
}
.com-edit-table .thumb_list .com-file-btn{
  width: 60%;
}


.check-table li{
  width: 18%;
}
.check-table li:nth-child(5), .check-table li:last-child{
  width: 28%;
}
.check-table li.li2{
  width: 36%;
}

.textcon{
  width: 100%;
  border-top: 1px solid #474747;
  padding-top: 15px
}

.textcon textarea{
  width: 100%;
  height: 180px;
  background: #dfdfdf;
}

.com-edit-table table td.edit-td {
  /*height: 200px;*/ /*연수후기 등록*/
  vertical-align: top;
  line-height: 35px;
}

.com-edit-table table td.edit-td .link {
  display: inline-block;
  color: #3770c1;
}

.com-edit-table table td.radio-txt-check .notice-line .txt {
  display: none;
  margin-top: 15px;
  padding: 10px;
  background: #e2edf7;
  font-size: 14px;
  color: #666;
  line-height: 24px;
}

.com-edit-table table td.radio-txt-check .notice-line .txt.on {
  display: block;
}

.com-edit-table table td.cost-result {
  text-align: right;
}

.com-edit-table table td.school-member-check .top-box > .tit {
  display: inline-block;
  font-size: 18px;
  line-height: 26px;
  color: #333;
}

.com-edit-table table td.school-member-check .top-box .com-tooltip {
  margin-top: 3px;
}

.com-edit-table table td.school-member-check .check-box {
  margin-top: 10px;
}

.com-edit-table table td.school-member-check .check-box label {
  font-size: 16px;
  line-height: 26px;
  color: #666;
}

.com-edit-table table td.school-member-check .update-box {
  margin-top: 15px;
}

.com-edit-table table td.school-member-check .update-box input {
  width: 310px;
  height: 36px;
  padding-left: 15px;
  background: #000;
  background: #fafafa;
}

.com-edit-table table td.school-member-check .update-box button {
  min-width: 120px;
  height: 36px;
  padding: 0 20px;
  border-radius: 5px;
  background: #474747;
  font-size: 16px;
  color: #ebebeb;
  margin-left: 10px;
  vertical-align: top;
}

.com-edit-table table td.right {
  text-align: right;
}

.com-edit-table table td .link {
  display: block;
  color: #333;
  text-align: left;
}

.com-edit-table table td .link:hover .txt {
  text-decoration: underline;
}

.com-edit-table table td .link .ic {
  display: inline-block;
  vertical-align: top;
  width: 70px;
  height: 20px;
  margin: 6px 5px 0 0;
  border-radius: 8px;
  font-size: 13px;
  color: #fff;
  line-height: 20px;
  text-align: center;
}

.com-edit-table table td .link .txt {
  display: inline-block;
  max-width: 910px;
  color: #666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.com-edit-table table td .link .txt strong {
  font-weight: normal;
  color: #333;
}

.com-edit-table table td > strong {
  color: #333;
}

.com-edit-table table td textarea,  .com-edit-table .table textarea{
  width: 100%;
  height: 180px;
  border: 0;
  background: #e2edf7;
  font-size: 16px;
  line-height: 30px;
  color: #666;
}

.com-edit-table table td .com-select.gift {
  width: 350px;
}

.com-edit-table table td .under-btn {
  font-size: 16px;
  text-decoration: underline;
  color: #3770c1;
}

.com-edit-table table td input[type="text"],  .com-edit-table .table input[type="text"]{
  width: 100%;
  height: 35px;
  padding-left: 15px;
  background: #e2edf7;
}

.com-edit-table table td .line-right {
  text-align: right;
}

.com-edit-table table td .file-btn {
  display: inline-block;
  margin-right: 20px;
  font-size: 16px;
  line-height: 30px;
  text-decoration: underline;
  color: #333;
}

.com-edit-table table td .user-num {
  color: #3770c1;
}

.com-edit-table table td .btn {
  min-width: 85px;
  height: 32px;
  margin-left: 5px;
  padding: 0 15px;
  border-radius: 5px;
  border: 1px solid #999;
  background: #f1f1f1;
  font-size: 16px;
  color: #666;
}

.com-edit-table table td .btn:first-child {
  margin-left: 0;
}

.com-edit-table table td .file-size, .com-edit-table .table .file-size {
  display: block;
  padding: 5px 10px 0;
  font-size: 14px;
  text-align: right;
  color: #f36c65;
}

.com-edit-table .bottom-txt {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #666;
}

.com-list-table {
  margin-top: 15px;
}

.com-list-table table {
  width: 100%;
  border-top: 1px solid #474747;
  text-align: center;
}

.com-list-table table th {
  height: 50px;
  padding: 10px 20px;
  border-bottom: 1px solid #ebebeb;
  background: #f8f8f8;
  font-size: 16px;
  line-height: 30px;
  color: #666;
}

.com-list-table table td {
  height: 50px;
  padding: 10px;
  border-bottom: 1px solid #ebebeb;
  font-size: 16px;
  line-height: 30px;
  color: #666;
}

.com-list-table table td.left {
  padding-left: 20px;
  text-align: left;
}

.com-list-table table td .ic-file {
  padding-left: 30px;
  background: url(../images/icon/ic_add_file.png) no-repeat 0 center;
}

.com-list-table table td[colspan="100"] {
  padding: 100px 0;
}

.com-list-table table td .com-btn {
  display: inline-block;
  height: 30px;
  margin: 0 5px;
}

.com-list-table table td .link {
  display: block;
  padding-left: 20px;
  font-size: 16px;
  color: #333;
  text-align: left;
}

.com-list-table table td .link:hover .txt {
  text-decoration: underline;
}

.com-list-table table td .link.question {
  position: relative;
  /*margin-left: 10px;*/
  padding-left: 20px;
}

.com-list-table table td .link.question:hover {
  text-decoration: underline;
}
/*
.com-list-table table td .link.question::before {
  content: 'Q';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  font-weight: bold;
  color: #333;
}
*/
.com-list-table table td .link.answer {
  position: relative;
  /*margin-left: 40px;*/
  padding-left: 20px;
}

.com-list-table table td .link.answer:hover {
  text-decoration: underline;
}

/*
.com-list-table table td .link.answer::before {
  content: 'A';
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
  font-size: 16px;
  font-weight: bold;
  color: #666;
}
*/
.com-list-table table td .link .ic {
  display: inline-block;
  vertical-align: top;
  width: 70px;
  height: 20px;
  margin: 6px 5px 0 0;
  border-radius: 8px;
  font-size: 13px;
  color: #fff;
  line-height: 20px;
  text-align: center;
}

.com-list-table table td .link .txt {
  display: inline-block;
  max-width: 665px;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}
.com-list-table table td .link .new{
  display: inline-block;vertical-align: top;margin-left: 5px;color: #ee3f68;font-weight: bold;
}

#header .new{
  vertical-align: top;
  background: #ec407a;
  color: #fff;
  font-weight: 500;
  width: 20px;
  height: 20px;
  line-height: 20px;
  text-align: center;
  display: inline-block;
  border-radius: 5px;
  font-size: 12px;
}
.com-note-down .down-item {
  display: inline-block;
  position: relative;
  margin-right: 30px;
}

.com-note-down.week-day {margin-top:10px}
.com-note-down.week-day .down-item {margin-left:0px;}
.main-view-content .study-history-area .date-box .com-note-down.week-day .btn-cnt {background: none; border:0px;}
.main-view-content .study-history-area .date-box .com-note-down.week-day .btn-cnt .txt {background: none; padding-left: 0px;}

@media (max-width: 1240px) {
  img {
    image-rendering:-webkit-optimize-contrast;
    transform:translateZ(0);
    backface-visibility:hidden
  }
  .main-view-content .study-history-area .date-box .com-note-down.week-day .down-item {width: 48%;display: inline-block; margin: -9px 0; }
}

.com-note-down .down-item.off .btn-cnt .com-toggle-btn .txt {color: #ccc;}
.com-note-down .down-item.data.off .btn-cnt .com-toggle-btn {background: url(../images/icon/ic_study_note_file_off.png) no-repeat 0 center; cursor: default;
}


.com-note-down .down-item.note .btn-cnt .com-toggle-btn {
  background: url(../images/icon/ic_study_note.png) no-repeat 0 center;
}

.com-note-down .down-item.data .btn-cnt .com-toggle-btn {
  width: 140px;
  background: url(../images/icon/ic_study_note_file.png) no-repeat 0 center;
}

.com-note-down .down-item .btn-cnt .com-toggle-btn {
  width: 105px;
  height: 36px;
  padding-left: 43px;
}

.com-note-down .down-item .btn-cnt .com-toggle-btn.on {
  transform: rotate(0);
}

.com-note-down .down-item .btn-cnt .com-toggle-btn .txt {
  display: inline-block;
  position: relative;
  text-decoration: underline;
  text-underline-offset:5px;
  font-size: 16px;
  color: #3770c1;
}

.com-note-down .down-item .com-toggle-view {
  display: none;
  position: absolute;
  left: 0;
  top: 40px;
  width: 280px;
  padding: 20px;
  border-radius: 10px;
  border: 1px solid #ebebeb;
  background: #fff;
  z-index: 1;
}

.com-note-down .down-item .com-toggle-view .down-btn {
  width: 100%;
  height: 34px;
  padding-right: 30px;
  background: url(../images/icon/ic_study_note_toggle.png) no-repeat right center;
  font-size: 16px;
  color: #666;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.com-select {
  display: inline-block;
  vertical-align: top;
  position: relative;
  width: 200px;
}

.com-select.w-350 {width: 350px}

.com-select.full {
  width: 100%;
}

.com-select::before {
  content: '';
  position: absolute;
  right: 10PX;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 8px;
  background: url(../images/icon/ic_select_arrow.png) no-repeat 0 0 !important;
}

.m_table .com-select + .com-select{margin:10px 0 0 0}

.com-select + .com-select {
  margin-left: 12px;
}

.com-select select {
  width: 100%;
  height: 35px;
  padding: 0 40px 0 8px;
  border-radius: 5px;
  border: 1px solid #999;
  background: #fff;
  font-size: 16px;
  color: #121212;
}
.com-select select option{}

.gift_img .com-select select {
  border: 2px solid #f36c65;
  color: #f36c65;
  font-weight: bold;
}

.gift_img .com-select select option{
  color:#999
}

.com-select select:disabled {
  background: #f8f8f8;
}

.com-toggle-btn {
  width: 31px;
  height: 31px;
  background: url(../images/icon/ic_toggle_btn.png) no-repeat 0 0;
}

.com-toggle-btn.dw {
  width: 31px;
  height: 31px;
  background: url(../images/icon/ic_toggle_btn_dw.png) no-repeat 0 0;
}

.com-toggle-btn.on {
  transform: rotate(180deg);
}

.com-list-tab {
  display: flex;
  margin-top: 50px;
  border-top: 1px solid #ebebeb;
  border-bottom: 1px solid #ebebeb;
  background: #f2f2f2;
}

.com-list-tab button, .com-list-tab a {
  display: inline-block;
  height: 50px;
  padding: 0 45px;
  border-radius: 20px;
  font-size: 16px;
  color: #666;
  line-height: 50px;
  width:100%;
  white-space: nowrap;
  position: relative;
  text-align:center;
}
.com-list-tab button:hover .cm_blt{display:block}
.com-list-tab button::before{
  content: '';
  display: inline-block;
  vertical-align: middle;
  margin: -5px 8px 0 0;
}

.com-list-tab #home::before{
  background:url('../images/icon/com-list-tab01.png') no-repeat center;
  width: 26px;
  height: 25px;
}

.com-list-tab #participation::before{
  background:url('../images/icon/com-list-tab02.png') no-repeat center;
  width: 26px;
  height: 20px;
}

.com-list-tab #attendance::before{
  background:url('../images/icon/com-list-tab03.png') no-repeat center;
  width: 25px;
  height: 24px;
}

.com-list-tab #grade::before{
  background:url('../images/icon/com-list-tab04.png') no-repeat center;
  width: 35px;
  height: 27px;
}

.com-list-tab #board::before{
  background:url('../images/icon/com-list-tab05.png') no-repeat center;
  width: 32px;
  height: 25px;
}

.com-list-tab button.on, .com-list-tab a.on, .com-list-tab button:hover, .com-list-tab a:hover {
  background: linear-gradient(325deg, #ff6c64, #ec407a);;
  color: #fff;
}
.com-list-tab.sm_tab{display:inline-flex; margin:0 0 30px; border:0; border-radius:100px; overflow:hidden}
.com-list-tab.sm_tab button{border-radius:100px; height:38px; line-height:38px; padding:0 20px}
.com-list-tab.sm_tab button + button{margin-left:-10px}

.com-list-tab.fixed.on {
  position: fixed;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 1240px;
  margin-top: 0;
  background: #fff;
  z-index: 10;
}

.com-list-tab.fixed.on + .tab-view-area {
  margin-top: 102px;
}

.com-list-tab.full-type button, .com-list-tab.full-type a {
  flex: 1;
  text-align: center;
}

.com-table-tab {
  display: flex;
  margin-top: 50px;
}

.com-table-tab button, .com-table-tab a {
  display: inline-block;
  height: 30px;
  margin: 0 30px;
  border-top: 2px solid #fff;
  font-size: 18px;
  color: #666;
  line-height: 30px;
}

.com-table-tab button:first-child, .com-table-tab a:first-child {
  margin-left: 0;
}

.com-table-tab button.on, .com-table-tab a.on {
  border-top: 2px solid #1f75bb;
  color: #1f75bb;
}

.task-alert {
  padding: 35px 0 14px 20px;
}

.task-alert em {
  display: block;
  padding-bottom: 5px;
  color: #1D4281;
  font-size: 1.3em;
  font-style: normal;
}

.task-alert p {
  color: #666;
}

.task-alert p + p {
  padding: 30px 0 10px 0;
  text-align: right;
  border-bottom: 1px solid #E3E3E3;
}

#divPaging, .divPaging {
  margin-top: 20px;
  text-align: center;
}

#divPaging .next, #divPaging .prev, #divPaging .first {width: 31px;}

#divPaging a, .divPaging a {
  display: inline-block;
  width: 30px;
  font-size: 16px;
  line-height: 30px;
  color: #333;
}

#divPaging strong, .divPaging strong {
  display: inline-block;
  width: 25px;
  font-size: 16px;
  line-height: 30px;
  color: #e15331;
}

/* //공통 */
#wrap {
  /* overflow-x: hidden;
  overflow-y: auto; */
  overflow: hidden;
  min-width: 1240px;
  position: relative;
  margin: 0 auto;
  min-height: 100vh;
}

#header {
  position: relative;
  width: 1240px;
  margin: 0 auto;
  z-index: 101;
}

#header::after {
  content: '';
  position: absolute;
  left: -9999px;
  right: -9999px;
  bottom: -2px;
  height: 2px;
  background: #e7e7e7;
}

#header .mobile-content {
  display: none;
}

#header .link-info-content {
  position: relative;
  height: 40px;
}

#header .link-info-content::before {
  content: '';
  position: absolute;
  left: -9999px;
  right: -9999px;
  top: 0;
  bottom: 0;
  background: #4272f9;
}

#header .link-info-content .link-area {
  position: relative;
  float: left;
}

#header .link-info-content .link-area a {
  float: left;
  width: 90px;
  border-right: 1px solid #6288f3;
  font-size: 15px;
  line-height: 40px;
  text-align: center;
  color: #ebebeb;
  letter-spacing: -1px;
  position:relative;
}

#header .link-info-content .link-area a.on {
  background: #fff;
  color: #646464;
}

#header .link-info-content .info-area {
  position: relative;
  float: right;
}

#header .link-info-content .info-area a {
  position: relative;
  float: left;
  padding: 0 10px;
  font-size: 14px;
  line-height: 40px;
  color: #ebebeb;
  letter-spacing: -1px;
}

#header .link-info-content .info-area a::after {
  content: '';
  position: absolute;
  right: 0;
  top: 15px;
  width: 1px;
  height: 12px;
  background: #6288f3;
}

#header .link-info-content .info-area a:last-child {
  padding-right: 0;
}

#header .link-info-content .info-area a:last-child::after {
  display: none;
}

.search-content .flexbox{padding:40px 0; width:100%}
#header .search-content .input-box{height:44px; border:2px solid #333; display:grid; grid-template-columns:auto 22px; column-gap:20px; align-items:center; padding:0 20px; width:505px}
#header .search-content .search-area{position:relative}
#header .search-content .input-box input{width:100%}
#header .search-content .search-area .search-btn {
  width: 22px;
  height: 22px;
  background: url('/assets/images/230905_ai/230905_ic_top_search.png') no-repeat 0 0;
}
#header .search-box {
  display: none;
  position: absolute;
  left:0; right:0;
  top: 42px;
  padding: 15px 20px;
  border: 2px solid #333;
  background: #fff;
  z-index: 20;
}

#header .search-box > .tit {
  display: block;
  margin-top: 26px;
  font-size: 15px;
  font-weight: bold;
  color: #333;
  line-height: 26px;
}

#header .search-box > .tit:first-child {
  margin-top: 0;
}

#header .search-box > .close-btn {
  position: absolute;
  right: 18px;
  top: 18px;
  width: 13px;
  height: 13px;
  background: url(../images/icon/ic_top_search_close.png) no-repeat center 0;
}

#header .search-box .recommend-item {
  overflow: hidden;
  margin: 0 -5px;
  padding-top: 2px;
}

#header .search-box .recommend-item .txt {
  float: left;
  height: 30px;
  margin: 5px;
  padding: 0 7px;
  border-radius: 5px;
  background: #f1f1f1;
  font-size: 15px;
  line-height: 30px;
  color: #333;
}

#header .search-box .interest-item {
  font-size:0;
  margin-top: 5px;
}

#header .search-box .interest-item > div {
  display:inline-block; width:50%
}

#header .search-box .interest-item .text {
  display: block;
  position: relative;
  height: 36px;
  font-size: 15px;
  color: #333;
  line-height: 36px;
}

#header .search-box .interest-item .text .txt {
  display: inline-block;
  width: calc(100% - 50px);
  vertical-align: top;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

#header .search-box .interest-item .text .up {
  position: absolute;
  right: 18px;
  top: 13px;
  width: 12px;
  height: 10px;
  background: url(../images/icon/ic_top_search_up.png) no-repeat 0 0;
}

#header .search-box .interest-item .text .down {
  position: absolute;
  right: 18px;
  top: 13px;
  width: 12px;
  height: 10px;
  background: url(../images/icon/ic_top_search_down.png) no-repeat 0 0;
}

#header .search-box .interest-item .text .default {
  position: absolute;
  right: 18px;
  top: 18px;
  width: 12px;
  height: 1px;
  background: #666;
}

#header .search-content .link-area a {
  float: left;
  min-width: 50px;
  margin-left: 20px;
  padding-top: 40px;
  font-size: 14px;
  color: #333;
  line-height: 24px;
  text-align: center;
}

#header .search-content .link-area a.tcon{
  background: url(//tvcache.teacherville.co.kr/teacherville2/image/web/etc/tcon.png) no-repeat center 0;
}

#header .search-content .link-area a.check-btn {
  background: url(../images/icon/gnb_menu_1.png) no-repeat center 0;
}

#header .search-content .link-area a.basket-btn {
  background: url(../images/icon/gnb_menu_2.png) no-repeat center 0;
}

#header .search-content .link-area a.login-btn {
  background: url(../images/icon/gnb_menu_3.png) no-repeat center 0;
}

#header .search-content .link-area a.message-btn {
  background: url(../images/icon/gnb_menu_4.png) no-repeat center 0;
}

#header .search-content .link-area a.tscon-btn {
  background: url(//tvcache.teacherville.co.kr/teacherville2/image/web/icon/tscon_icon.png) no-repeat center 0;
  position: relative;
}

#header .menu-area {
  position: relative; display:flex; max-width:1240px; width:100%; justify-content:space-between;
}
#header.fix{position:fixed; top:0; left:0; background:#fff; z-index:999; width:100%}
#header.fix .link-info-content, #header.fix .search-content .flexbox, #header.fix .mobile-content{display:none}
#header.fix .menu-area{margin:0 auto}
#header.fix .menu-area > li > a{line-height:60px;}
#header.fix .menu-area::before{top:64px}
#header.fix .menu-area > li .sub-menu-list{top:78px}

#header .menu-area:hover::before, #header .menu-area:hover > li .sub-menu-list  {
  display: block;
}

#header .menu-area::before {
  display: none;
  content: '';
  position: absolute;
  left: -9999px;
  right: -9999px;
  top: 46px;
  height: 315px;
  border-top: 1px solid #888;
  border-bottom: 1px solid #888;
  background: #f9f9f9;
  z-index: 1;
}

#header .menu-area.on::before {
  display: block;
}

#header .menu-area.on > li .sub-menu-list {
  display: block;
}

#header .menu-area > li {
  position: relative;
  padding: 0 53px;
  z-index: 10;
}

#header .menu-area > li:first-child {
  padding-left: 0;
}
#header .menu-area > li:last-child {
  padding-right: 0;
}
#header .menu-area > li:nth-child(2){
  padding:0 68px
}
#header .menu-area > li.study{
  padding:0 39px 0 54px
}
#header .menu-area > li.study > a {
  font-weight: 500;
  color: #ef3c55;
}

/* #header .menu-area > li.study > .ic {
  position: absolute;
  left: 20px;
  top: -28px;
  width: 112px;
  height: 40px;
  background: url(//tvcache.teacherville.co.kr/teacherville2/image/web/icon/ic_menu_ballon.png) no-repeat center 0;
  font-size: 13px;
  text-align: center;
  line-height: 30px;
  letter-spacing: -1px;
} */

#header .menu-area > li.study > .ic {
  position: absolute;
  left: 20px;
  top: -25px;
  min-width: 112px;
  padding: 0 10px;
  height: 26px;
  line-height: 25px;
  background: #fff;
  font-size: 13px;
  text-align: center;
  letter-spacing: -1px;
  box-shadow: 1px 1px 6px rgba(0,0,0,.2);
  border-radius: 5px;
  color: #ef3c55;
}

#header .menu-area > li.study > .ic::before,
#header .menu-area > li.village > .ic::before {
  content:'';
  position:absolute;
  top:26px;
  left:10px;
  width:0;
  height:0;
  border-top:8px solid #fff;
  border-right:4px solid transparent;
  border-left:4px solid transparent;
  filter: drop-shadow(0 2px 2px rgba(0,0,0,.2))
}

#header .menu-area > li.village > a {
  font-weight: 500;
  color: #1d73bb;
}

#header .menu-area > li.village > .ic {
  position: absolute;
  left: 20px;
  top: -25px;
  min-width: 112px;
  padding: 0 10px;
  height: 26px;
  line-height: 25px;
  background: #fff;
  font-size: 13px;
  text-align: center;
  letter-spacing: -1px;
  box-shadow: 1px 1px 6px rgba(0,0,0,.2);
  border-radius: 5px;
  color: #508ac5;
}

#header .menu-area > li:not(.study):not(.village) > a:hover {
  color: #1f75bb;
  border-bottom-color: #1f75bb;
}

#header .menu-area > li > a {
  display: block;
  font-size: 19px;
  line-height: 42px;
  border-bottom: 4px solid #fff;
  color: #333;
}

#header .menu-area > li > a.on {
  color: #1f75bb;
  border-bottom-color: #1f75bb;
}

#header .menu-area > li:nth-child(1) .sub-menu-list {
  left: 0;
}

#header .menu-area > li:nth-child(1) .sub-menu-list::before {
  display: none;
}

#header .menu-area > li .sub-menu-list {
  display: none;
  position: absolute;
  left: 60px;
  top: 57px;
  width: 175px;
}

#header .menu-area > li .sub-menu-list::before {
  content: '';
  position: absolute;
  left: -20px;
  top: 10px;
  width: 1px;
  height: 270px;
  background: #e5e5e5;
}

#header .menu-area > li .sub-menu-list li.on a, #header .menu-area > li .sub-menu-list li:hover a {
  font-weight: bold;
  color: #000;
}

#header .menu-area > li .sub-menu-list li a {
  display: block;
  font-size: 16px;
  color: #333;
  line-height: 36px;
}

#footer {
  border-top: 1px solid #afafaf;
  background: #f2f2f2;
}

#footer .content {
  position: relative;
  width: 1240px;
  margin: 0 auto;
  padding: 30px 0;
}

#footer .content .menu-link {
  line-height: 20px;
  margin-bottom:20px;
}

#footer .content .menu-link a {
  display: inline-block;
  position: relative;
  padding: 0 8px;
  font-size: 13px;
  font-weight: 500;
  color: #000;
}

#footer .content .menu-link a::before {
  content: '';
  position: absolute;
  left: 0;
  top: 4px;
  width: 1px;
  height: 12px;
  background: #000;
}

#footer .content .menu-link a:first-child {
  padding-left: 0;
}

#footer .content .menu-link a:first-child::before {
  display: none;
}

#footer .content .address {
  display: block;
  font-size: 13px;
  line-height: 22px;
  color: #959595;
}

#footer .content .copy {
  display: block;
  margin: 20px 0 0 0;
  padding-left: 105px;
  background: url(../images/icon/footer_logo.png) no-repeat 0 center;
  font-size: 12px;
  line-height: 23px;
  color: #959595;
}

#footer .content .tel-area {
  position: absolute;
  right: 0;
  top: 30px;
  text-align: right;
}

#footer .content .tel-area .tel-box .txt {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  font-weight: bold;
  line-height: 20px;
}

#footer .content .tel-area .tel-box .link {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
  padding: 0 15px 0 5px;
  height: 20px;
  border-radius: 5px;
  border: 1px solid #afafaf;
  background: #dfdfdf;
  font-size: 12px;
  color: #000;
  background: url(../images/icon/footer_arrow_1.png) no-repeat right 5px center;
}

#footer .content .tel-area .time {
  display: block;
  font-size: 13px;
  color: #000;
}

#footer .content .tel-area .more-link {

}

#footer .content .tel-area .more-link a {
  display: inline-block;
  height: 34px;
  padding: 0 12px;
  border-radius: 5px;
  border: 1px solid #303030;
  background: #ebebeb;
  margin-left:10px
}

#footer .content .tel-area .more-link a span {
  display: inline-block;
  padding-right: 10px;
  background: url(../images/icon/footer_arrow_2.png) no-repeat right center;
  font-size: 12px;
  line-height: 34px;
  color: #000;
}

#footer .flex{
  align-items: center;
  margin-top: 27px;
}

#footer .isms{
  display:inline-flex;
  align-items: center;
  margin-left:20px
}

#footer .isms p{
  margin-left: 10px;
}

#footer .isms span{
  font-size: 12px;
  color: #999;
  display: block;
}

.mobile-tel-area {
  display: none;
}

@media ( max-width : 1240px) {
  #footer .mobile-tel-area {
    display: inline-flex;
    align-items: center;
    font-size: 90%;
  }

  #footer .mobile-tel-area a {
    display: inline-block;
    height: 34px;padding: 0 12px;
    border-radius: 5px;
    border: 1px solid #303030;
    background: #EBEBEB;
    margin-left: 10px;
  }

  #footer .mobile-tel-area a span {
    display:inline-block;
    padding-right: 10px;
    font-size: 12px;
    line-height: 34px;
    color: #000;
  }
}

@media (max-width: 767px) {
  #footer .mobile-tel-area {
    display: inline-flex;
    align-items: center;
  }

  #footer .mobile-tel-area a {
    display: inline-block;
    height: 34px;padding: 0 12px;
    border-radius: 5px;
    border: 1px solid #303030;
    background: #EBEBEB;
    margin-left: 10px;
  }

  #footer .mobile-tel-area a span {
    display:inline-block;
    padding-right: 10px;
    font-size: 12px;
    line-height: 34px;
    color: #000;
  }
}

#container {
  position: relative;
  max-width: 1240px;
  width:100%;
  min-height: 80vh;
  margin: 50px auto 0;
}
#container.event-type {
  margin: 0;
  width: 100%;
  max-width: none;
}

#container .left-menu-content {
  position: absolute;
  left: -200px;
  top: 0;
  width: 180px;
  z-index: 1;
}

.left-menu-content .list-area li a.b2g_login{display:block; text-align:center; margin:30px 0; font-size:14px}
.left-menu-content .left_tit{color:#fff; font-weight:500; background:#4272f9; border-radius:5px 5px 0 0; height:40px; line-height:40px; text-align:center; letter-spacing:-1.2px}
.left-menu-content .left_tit1{background:#233f6f; text-align:center; padding:15px 0}
.left-menu-content .left_tit1 small{color:rgba(255,255,255,0.7); font-size:12px; display:block; line-height:1}
.left-menu-content .left_tit1 p{line-height:1; color:#fff; font-weight:500; margin-top:5px}
#container .left-menu-content .top-tab-area {
  overflow: hidden;
  border-bottom: 0;
}

#container .left-menu-content .top-tab-area button {
  float: left;
  width: 50%;
  height: 40px;
  font-size: 14px;
  background: #f1f1f1;
  color: #333;
  border:1px solid #ddd;
  font-weight:500;
  border-bottom:1px solid #999;
}

#container .left-menu-content .top-tab-area button.on {
  background: #595959;
  color: #fff;
  border:none
}

#container .left-menu-content .list-area {
  border: 1px solid #999;
  border-radius: 0 0 5px 5px;
  overflow:hidden;
  border-top:0
}
#container .left-menu-content .list-area li {
  padding: 7px;
  background: #fff;
  position:relative
}
#container .left-menu-content .list-area li + li{border-top:1px solid #ddd}
.left-menu-content .list-area li a{display:block; text-align: center;}
.left-menu-content li.end::before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.2); z-index:1}
.left-menu-content .list-area li img{display:block; margin:0 auto; max-width:25px}
.left-menu-content .list-area .tit{font-size:14px; letter-spacing:-1.2px; font-weight:500; word-break:keep-all; color:#4272f9; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; height:30px; line-height:15px; margin:5px 0}
.left-menu-content .list-area .txt{font-size:13px; line-height:1.2; color:#999; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; height:42px; line-height:14px}
.mo_b2g .b2g_btn, .new_pop_wrap{display:none}
.new_pop_wrap::before{content:''; position:fixed; top:0; left:0; width:100%; height:100vh; background:rgba(0,0,0,0.5); z-index:999998}
.new_pop{position:fixed; top:50%; left:50%; max-width:calc(100% - 20px); transform:translate(-50%, -50%); z-index:999999; background:#fff; border-radius:10px}
.new_pop.sm{width:500px}
.new_pop .pop_con{padding:10px; max-height:70vh; overflow-y:auto}
#container .left-menu-content .list-area li a .icon{
  border-radius: 5px;
  height: 25px;
  line-height: 25px;
  margin-bottom:5px; font-size:12px;
}
.left-menu-content .left_blt{position:absolute; top:10px; left:5px; font-size:12px; color:#fff; background:#0cc68f; height:19px; line-height:17px; width:52px; text-align:center; border-radius:3px}
.left-menu-content .right_blt{position:absolute; top:10px; right:0; border-radius:100px 0 0 100px; font-size:12px; text-align:center; height:19px; line-height:16px; width:57px; border:1px solid #ddd; border-right:0; color:#a2a1a1; text-indent:2px; letter-spacing:-1px; z-index:2; background:#fff}
.right_blt.blt01{background:#e3fdff; border:1px solid #41d8e6; border-right:0}


#container .lnb-menu-content {
  position: absolute;
  left: -230px;
  top: 0;
  width: 200px;
  border-radius: 5px;
  background: #474747;
  padding:20px 14px;
}

#container .lnb-menu-content .link-list > li.on > a {
  color: #95cfff;
}
#container .lnb-menu-content .link-list > li + li{margin-top:30px}

#container .lnb-menu-content .link-list > li > a {
  display: block;
  font-size: 18px;
  color: #c9c9c9;
}

#container .lnb-menu-content .link-list > li > a.on {
  color: #95cfff;
}

#container .lnb-menu-content .sub-link-list > li.on > a {
  color: #3770c1;
}

#container .lnb-menu-content .sub-link-list > li.on > a::before {
  background: #3770c1;
}

#container .lnb-menu-content .sub-link-list > li > a {
  display: block;
  position: relative;
  height: 38px;
  padding-left: 30px;
  background: #ededed;
  font-size: 16px;
  color: #333;
  line-height: 38px;
  letter-spacing: -1px;
}

#container .lnb-menu-content .sub-link-list > li > a::before {
  content: '';
  position: absolute;
  left: 19px;
  top: 50%;
  transform: translateY(-50%);
  width: 6px;
  height: 2px;
  background: #474747;
}

.main-view-content {
  position: relative;
  min-height: 500px;
  padding-bottom: 110px;
}
.main-view-content .main-view-content{padding:0 !important}

.main-view-content > .top-title {
  display: block;
  position: relative;
  top: -4px;
  font-size: 23px;
  font-weight: bold;
  color: #333;
  line-height: 30px;
  margin-bottom: 40px;
}

.main-view-content > .top-title .back-btn {
  display: inline-block;
  vertical-align: top;
  width: 24px;
  height: 24px;
  margin-top: 5px;
  background: url(../images/icon/ic_title_back.png) no-repeat 0 0;
}

.main-view-content .table-list-box {
  padding-top: 10px;
}

.main-view-content .table-list-box > .title {
  display: block;
  margin-top: 30px;
  font-size: 23px;
  color: #333;
}

.main-view-content .table-list-box .flex {
  margin-top:15px;
}

.main-view-content .table-list-box li{
  margin-top:0 !important
}

.main-view-content .table-list-box .flex > .title{
  font-size:23px;
  margin-right: 20px;
}

.main-view-content .table-list-box .flex .com-btn.big{
  min-width: auto;
}

.main-view-content .table-list-box > .title:first-child {
  margin-top: 15px;
}

.main-view-content .table-list-box > .title .com-tooltip {
  margin-top: 8px;
}

.main-view-content .table-list-box > .title small{
  font-size: 16px;
}

.main-view-content .select-check-box + .com-edit-table {
  margin-top: 35px;
}

.main-view-content .select-check-box .line {
  margin-top: 20px;
}

.main-view-content .select-check-box .line .check-item {
  height: 38px;
  padding: 0 8px;
  border-radius: 5px;
  border: 1px solid #999;
}

.main-view-content .select-check-box .line .check-item .txt {
  display: inline-block;
  font-size: 16px;
  line-height: 33px;
}

.main-view-content .select-check-box .line .check-item .com-arrow-check {
  float: right;
}

.main-view-content .select-check-box .line .check-item .com-arrow-check label {
  margin-top: 3px;
  padding-left: 20px;
}

.main-view-content .payment-box {
  display: block;
  justify-content: space-between;
  margin-top: 30px;
}

.main-view-content .payment-box > div > .title {
  display: block;
  position: relative;
  padding-bottom: 15px;
  font-size: 23px;
  line-height: 30px;
  color: #333;
}

.main-view-content .payment-box > div > .title small {
  position: absolute;
  top: 2px;
  right: 0;
  font-size: 14px;
  line-height: 17px;
  color: #666;
  text-align: right;
}

.main-view-content .payment-box .address-cnt {
  width: 100%;
}

.main-view-content .payment-box .address-cnt .form-item {
  padding: 10px 20px;
}

.main-view-content .payment-box .address-cnt .form-item .radio-line .com-radio {
  margin-right: 25px;
}

.main-view-content .payment-box .address-cnt .form-item .radio-line .com-radio:last-child {
  margin-right: 0;
}

.main-view-content .payment-box .address-cnt .form-item .radio-line .com-radio label {
  font-size: 16px;
  font-weight: normal;
}

.main-view-content .payment-box .address-cnt .form-item .input-line {
  margin-top: 15px;
}

.main-view-content .payment-box .address-cnt .form-item .input-line input[type="text"] {
  width: 100%;
  height: 36px;
  padding-left: 20px;
  background: #fafafa;
  font-size: 16px;
  color: #333;
}

.main-view-content .payment-box .address-cnt .form-item .input-line.find button {
  width: 120px;
  height: 36px;
  border-radius: 5px;
  background: #474747;
  font-size: 16px;
  color: #ebebeb;
}

.main-view-content .payment-box .address-cnt .form-item .input-line.find input[type="text"] {
  float: right;
  width: calc(100% - 130px);
}

.main-view-content .payment-box .cost-cnt {
  width: 100%;
  margin-top: 30px;
}

.main-view-content .payment-box .cost-cnt .payment-item .info-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 50px;
  margin-top: 10px;
  padding-right: 50px;
  border-top: 1px solid #474747;
  border-bottom: 1px solid #474747;
}

.main-view-content .payment-box .cost-cnt .payment-item .info-title:first-child {
  margin-top: 0;
  border-top: 0;
}

.main-view-content .payment-box .cost-cnt .payment-item .info-title .tit {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

.main-view-content .payment-box .cost-cnt .payment-item .info-title .cost {
  font-size: 18px;
  color: #3770c1;
}

.main-view-content .payment-box .cost-cnt .payment-item .info-title .com-toggle-btn {
  position: absolute;
  right: 20px;
  top: 14px;
  width: 22px;
  height: 22px;
  background-size: cover;
}

.main-view-content .payment-box .cost-cnt .payment-item .com-toggle-view {
  padding: 0 10px;
}

.main-view-content .payment-box .cost-cnt .payment-item .com-toggle-view .total-cost .cost {
  display: block;
  border-bottom: 1px solid #ebebeb;
  text-align: right;
  font-size: 16px;
  line-height: 50px;
  color: #3770c1;
}

.main-view-content .payment-box .cost-cnt .payment-item .com-toggle-view .payment-group {
  font-size: 16px;
  line-height: 30px;
}

.main-view-content .payment-box .cost-cnt .payment-item .com-toggle-view .payment-group .line {
  position: relative;
  padding: 10px 0;
  border-bottom: 1px solid #ebebeb;
}

.main-view-content .payment-box .cost-cnt .payment-item .com-toggle-view .payment-group .line > .tit {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.main-view-content .payment-box .cost-cnt .payment-item .com-toggle-view .payment-group .line > .tit strong {
  color: #666;
}

.main-view-content .payment-box .cost-cnt .payment-item .com-toggle-view .payment-group .line .cost {
  display: block;
  text-align: right;
}

.main-view-content .payment-box .cost-cnt .payment-item .com-toggle-view .payment-group .line .cost .txt {
  margin-left: 10px;
  color: #666;
}

.main-view-content .payment-box .cost-cnt .payment-item .com-toggle-view .payment-group .line .cost .point-input input[type="text"] {
  width: 140px;
  height: 24px;
  padding-right: 10px;
  background: #fafafa;
  font-size: 16px;
  text-align: right;
  color: #666;
}

.main-view-content .payment-box .cost-cnt .payment-item .agree-view .card-check-group {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.main-view-content .payment-box .cost-cnt .payment-item .agree-view .card-check-group .card-item input {
  position: absolute;
  left: -9999px;
}

.main-view-content .payment-box .cost-cnt .payment-item .agree-view .card-check-group .card-item input:checked + label {
  border: 2px solid #3770c1;
}

.main-view-content .payment-box .cost-cnt .payment-item .agree-view .card-check-group .card-item input:disabled + label {
  opacity: 0.3;
}

.main-view-content .payment-box .cost-cnt .payment-item .agree-view .card-check-group .card-item label {
  display: inline-block;
  width: 100px;
  height: 78px;
  padding-top: 45px;
  border-radius: 15px;
  border: 1px solid #888;
  font-size: 16px;
  color: #333;
  text-align: center;
}

.main-view-content .payment-box .cost-cnt .payment-item .agree-view .card-check-group .card-item.credit label {
  background: #fafafa url(../images/icon/ic_payment_card_visa.png) no-repeat center 9px;
}

.main-view-content .payment-box .cost-cnt .payment-item .agree-view .card-check-group .card-item.account label {
  background: #fafafa url(../images/icon/ic_payment_card_account.png) no-repeat center 9px;
}

.main-view-content .payment-box .cost-cnt .payment-item .agree-view .card-check-group .card-item.payco label {
  background: #fafafa url(../images/icon/ic_payment_card_payco.png) no-repeat center 9px;
  color: #e7181f;
}

.main-view-content .payment-box .cost-cnt .payment-item .agree-view .card-check-group .card-item.samsung label {
  background: #fafafa url(../images/icon/ic_payment_card_samsung.png) no-repeat center 9px;
  color: #0949b1;
}

.main-view-content .payment-box .cost-cnt .payment-item .agree-view .agree-group {
  margin-top: 25px;
}

.main-view-content .payment-box .cost-cnt .payment-item .agree-view .agree-group .com-arrow-check label {
  font-size: 15px;
  line-height: 24px;
  color: #666;
}

.main-view-content .payment-box .card-info-notice {
  padding-bottom: 20px;
  border-bottom: 1px solid #ddd;
}

.main-view-content .payment-box .card-info-notice .title {
  display: block;
  margin-top: 20px;
  font-size: 16px;
}

.main-view-content .payment-box .card-info-notice .txt {
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
  color: #666;
}

.right_banner{
  position:absolute;
  top:0;
  left:50%;
  margin-left:640px;
  width:163px
}
.right_banner > div + div{margin-top:15px}
.right_banner.fix{position:fixed; top:80px}
/* .main-view-content .right-banner1{
  position:absolute;
  top:0;
  left:50%;
  margin-left:640px;
}

.main-view-content .right-banner2{
  position:absolute;
  top:185px;
  left:50%;
  margin-left:640px;
}

.main-view-content .right-banner3{
  position:absolute;
  top:370px;
  left:50%;
  margin-left:640px;
} */

.main-view-content .right-banner1 img, .main-view-content .right-banner2 img, .main-view-content .right-banner3 img{
  width:auto !important
}

.main-view-content .location-area {
  position: absolute;
  right: 0;
  top: 0;
  z-index: 1;
}

.main-view-content .location-area a {
  position: relative;
  float: left;
  padding-right: 20px;
  font-size: 15px;
  line-height: 30px;
  color: #999;
}

.main-view-content .location-area a::after {
  content: '>';
  position: absolute;
  right: 5px;
  top: 0;
  font-size: 15px;
  line-height: 30px;
  color: #999;
}

.main-view-content .location-area a:last-child {
  padding-right: 0;
  color: #474747;
}

.main-view-content .location-area a:last-child::after {
  display: none;
}

.main-view-content .remote-info-area {
  margin-top: 25px;
}

.main-view-content .remote-info-area .title-box {
  font-size: 20px;
  line-height: 40px;
  color: #666;
}

.main-view-content .remote-info-area .title-box strong {
  font-weight: normal;
  color: #333;
}

.main-view-content .remote-info-area .title-box .line {
  position: relative;
}

.main-view-content .remote-info-area .title-box .line::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 12px;
  background: #fbd3d0;
}

.main-view-content .remote-info-area .title-box .line span {
  position: relative;
}

.main-view-content .remote-info-area .list-info-box {
  margin-top: 30px;
}

.main-view-content .remote-info-area .list-info-box > .title {
  display: block;
  font-size: 18px;
  line-height: 26px;
  font-weight: 100;
  color: #666;
}

.main-view-content .remote-info-area .list-info-box > .title strong {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-right: 5px;
  padding-right: 10px;
  font-size: 20px;
  font-weight: bold;
  color: #333;
}

.main-view-content .remote-info-area .list-info-box > .title strong::after {
  content: '';
  position: absolute;
  right: 0;
  top: 4px;
  bottom: 4px;
  width: 1px;
  background: #666;
}

.main-view-content .remote-info-area .list-info-box .list {
  display: flex;
  margin-top: 15px;
}

.main-view-content .remote-info-area .list-info-box .list li {
  width: 33.33%;
  padding-left: 50px;
}

.main-view-content .remote-info-area .list-info-box .list li:nth-child(1) .txt {
  background: url(../images/icon/ic_remote_list_1.png) no-repeat 0 30px;
}

.main-view-content .remote-info-area .list-info-box .list li:nth-child(2) .txt {
  background: url(../images/icon/ic_remote_list_2.png) no-repeat 0 18px;
}

.main-view-content .remote-info-area .list-info-box .list li:nth-child(3) .txt {
  background: url(../images/icon/ic_remote_list_3.png) no-repeat 0 18px;
}

.main-view-content .remote-info-area .list-info-box .list li .ic {
  display: inline-block;
  width: 100px;
  height: 30px;
  padding-left: 10px;
  border-radius: 5px 15px 15px 5px;
  background: #474747;
  font-size: 16px;
  color: #fff;
  line-height: 30px;
}

.main-view-content .remote-info-area .list-info-box .list li .txt {
  padding: 110px 0 0 0;
  font-size: 18px;
  line-height: 30px;
  font-weight: 100;
  color: #666;
}

.main-view-content .remote-info-area .list-info-box .list li .txt strong {
  color: #333;
}

.main-view-content .remote-info-area .list-info-box .notice-txt {
  margin-top: 30px;
  font-size: 16px;
  font-weight: 100;
  color: #666;
}

.main-view-content .remote-info-area .round-info-box {
  overflow: hidden;
  margin-top: 40px;
  padding-bottom: 20px;
  border-radius: 20px;
  border: 1px solid #ebebeb;
}

.main-view-content .remote-info-area .round-info-box > .title {
  display: block;
  height: 45px;
  padding-left: 40px;
  background: #7f7f7f;
  font-size: 18px;
  font-weight: bold;
  color: #ededed;
  line-height: 45px;
}

.main-view-content .remote-info-area .round-info-box .txt-group {
  position: relative;
  padding: 15px 40px 0;
  font-size: 16px;
  line-height: 24px;
  color: #666;
}

.main-view-content .remote-info-area .round-info-box .txt-group .link-btn {
  position: absolute;
  right: 20px;
  top: 25px;
  height: 30px;
  padding: 0 20px;
  border-radius: 5px;
  background: #474747;
  font-size: 16px;
  color: #ededed;
  line-height: 30px;
}

.main-view-content .remote-info-area .round-info-box .info-list {
  display: flex;
  flex-wrap: wrap;
  padding-top: 10px;
  font-size: 16px;
  line-height: 34px;
  color: #666;
}

.main-view-content .remote-info-area .round-info-box .info-list dt {
  width: 12%;
  padding-left: 40px;
  color: #333;
}

.main-view-content .remote-info-area .round-info-box .info-list dd {
  width: 38%;
}

.main-view-content .remote-info-area .round-info-box .check-cnt {
  margin-top: 35px;
  padding-right: 20px;
  text-align: right;
}

.main-view-content .remote-info-area .round-info-box .check-cnt button {
  height: 40px;
  margin-left: 35px;
  padding: 0 20px;
  border-radius: 5px;
  background: #474747;
  font-size: 16px;
  font-weight: bold;
  color: #ededed;
}

.main-view-content .tab-view-wrap .view-box {
  display: none;
}

.main-view-content .tab-view-wrap .view-box.on {
  display: block;
}

.main-view-content .event-magazine-area .tab-view-wrap .select-cnt {
  overflow: hidden;
}

.main-view-content .event-magazine-area .tab-view-wrap .select-cnt .com-select {
  float: right;
}

.main-view-content .event-magazine-area .tab-view-wrap .sub-tab-cnt {
  overflow: hidden;
}

.main-view-content .event-magazine-area .tab-view-wrap .sub-tab-cnt button {
  min-width: 100px;
  margin-right: 15px;
  padding: 8px 10px;
  border-radius: 5px;
  background: #ebebeb;
  font-size: 16px;
  color: #666;
}

.main-view-content .event-magazine-area .tab-view-wrap .sub-tab-cnt button.on {
  background: #474747;
  color: #ededed;
}

.main-view-content .event-magazine-area .tab-view-wrap .magazine-list-cnt {
  margin-top: 35px;
}

.main-view-content .event-magazine-area .tab-view-wrap .magazine-list-cnt .more-btn {
  margin-top: 50px;
  text-align: center;
}

.main-view-content .event-magazine-area .tab-view-wrap .magazine-list-cnt .more-btn button {
  border-bottom: 2px solid #676767;
}

.main-view-content .event-magazine-area .tab-view-wrap .magazine-list-cnt .more-btn button span {
  display: block;
  height: 40px;
  padding-left: 40px;
  background: url(../images/icon/ic_news_more.png) no-repeat 0 7px;
  font-size: 20px;
  font-weight: bold;
  color: #666;
  line-height: 40px;
}

.main-view-content .event-magazine-area .tab-view-wrap .magazine-list-cnt .list {
  overflow: hidden;
}

.main-view-content .event-magazine-area .tab-view-wrap .magazine-list-cnt .list li {
  float: left;
  width: 295px;
  margin: 0 20px 30px 0;
}

.main-view-content .event-magazine-area .tab-view-wrap .magazine-list-cnt .list li:nth-child(4n) {
  margin-right: 0;
}

.main-view-content .event-magazine-area .tab-view-wrap .magazine-list-cnt .list li a {
  display: block;
}

.main-view-content .event-magazine-area .tab-view-wrap .magazine-list-cnt .list .banner-group {
  overflow: hidden;
  position: relative;
  height: 403px;/*295*/
  border-radius: 5px;
}

.main-view-content .event-magazine-area .tab-view-wrap .magazine-list-cnt .list .banner-group:hover .btn-item, .main-view-content .event-magazine-area .tab-view-wrap .magazine-list-cnt .list .banner-group:focus .btn-item {
  display: block;
}

.main-view-content .event-magazine-area .tab-view-wrap .magazine-list-cnt .list .banner-group .banner {
  display: block;
  width: 100%;
  height: 100%;
}

.main-view-content .event-magazine-area .tab-view-wrap .magazine-list-cnt .list .banner-group .btn-item {
  display: none;
  position: absolute;
  left: 0;
  right: 0;
  bottom: 10px;
  text-align: center;
}

.main-view-content .event-magazine-area .tab-view-wrap .magazine-list-cnt .list .banner-group .btn-item button {
  width: 110px;
  height: 30px;
  margin: 0 5px;
  border-radius: 5px;
  background: #474747;
  font-size: 16px;
  color: #ededed;
}

.main-view-content .event-magazine-area .tab-view-wrap .magazine-list-cnt .list .banner-group .btn-item .view {background: #1f75bb;
  color: #fff;}

.main-view-content .event-magazine-area .tab-view-wrap .magazine-list-cnt .list .banner-group .share-item {
  display: none;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.6);
}

.main-view-content .event-magazine-area .tab-view-wrap .magazine-list-cnt .list .banner-group .share-item.on {
  display: flex;
}

.main-view-content .event-magazine-area .tab-view-wrap .magazine-list-cnt .list .banner-group .share-item button {
  width: 40px;
  height: 40px;
  margin: 0 5px;
}

.main-view-content .event-magazine-area .tab-view-wrap .magazine-list-cnt .list .banner-group .share-item .facebook {
  background: url(../images/icon/ic_magazine_sns1.png) no-repeat 0 0;
}

.main-view-content .event-magazine-area .tab-view-wrap .magazine-list-cnt .list .banner-group .share-item .twitter {
  background: url(../images/icon/ic_magazine_sns2.png) no-repeat 0 0;
}

.main-view-content .event-magazine-area .tab-view-wrap .magazine-list-cnt .list .banner-group .share-item .kakao {
  background: url(../images/icon/ic_magazine_sns3.png) no-repeat 0 0;
}

.main-view-content .event-magazine-area .tab-view-wrap .magazine-list-cnt .list .banner-group .share-item .url {
  background: url(../images/icon/ic_magazine_sns4.png) no-repeat 0 0;
}

.main-view-content .event-magazine-area .tab-view-wrap .magazine-list-cnt .list .txt-group {
  position: relative;
  height: 60px;
  margin-top: 10px;
  padding-right: 45px;
}

.main-view-content .event-magazine-area .tab-view-wrap .magazine-list-cnt .list .txt-group.news {
  height: auto;
  padding-right: 0;
}

.main-view-content .event-magazine-area .tab-view-wrap .magazine-list-cnt .list .txt-group.news .cate {
  display: inline-block;
  height: 20px;
  font-size: 13px;
  font-weight: bold;
  line-height: 20px;
  color: #666;
  text-decoration: underline;
}

.main-view-content .event-magazine-area .tab-view-wrap .magazine-list-cnt .list .txt-group.news .tit {
  height: 50px;
  margin-top: 5px;
  line-height: 25px;
}

.main-view-content .event-magazine-area .tab-view-wrap .magazine-list-cnt .list .txt-group.news .txt {
  margin-top: 10px;
}

.main-view-content .event-magazine-area .tab-view-wrap .magazine-list-cnt .list .txt-group.news .vol {
  display: block;
  overflow: hidden;
  height: 20px;
  font-size: 14px;
  color: #888;
  line-height: 20px;
  text-align: left;
}

.main-view-content .event-magazine-area .tab-view-wrap .magazine-list-cnt .list .txt-group .tit {
  display: block;
  overflow: hidden;
  height: 30px;
  font-size: 20px;
  font-weight: bold;
  color: #333;
  line-height: 30px;
  letter-spacing: -1px;
}

.main-view-content .event-magazine-area .tab-view-wrap .magazine-list-cnt .list .txt-group .txt {
  display: block;
  overflow: hidden;
  height: 30px;
  font-size: 16px;
  color: #666;
  line-height: 30px;
}

.main-view-content .event-magazine-area .tab-view-wrap .magazine-list-cnt .list .txt-group .share-btn {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 38px;
  height: 38px;
  border-radius: 5px;
  border: 1px solid #999;
  background: #f1f1f1 url(../images/icon/ic_add_share.png) no-repeat center center;
}

.main-view-content .notice-list-wrap {
  margin-top: 25px;
  overflow: hidden;
}

.main-view-content .notice-list-wrap .cst-search{
  margin: 0
}

.main-view-content .notice-list-wrap .courselist .cst-search input[type="text"] {
  width:390px
}

.main-view-content .notice-list-wrap .search-box {
  text-align: right; /*right*/
}

.main-view-content .notice-list-wrap .search-box button { padding: 5px 10px; background: #f36c65; color: #fff;border-radius:5px;}
.main-view-content .notice-list-wrap .search-box button input {display: none}
.main-view-content .notice-list-wrap .search-box .courselist button{
  background: url(/assets/images/icon/ic_event_search_w.jpg) no-repeat 1px 5px #fff;
  cursor: pointer;
  width: 30px;
  height: 28px;
  text-indent: -999999px;
  vertical-align: top;
  margin-top: 4px;
}

.main-view-content .notice-list-wrap .search-box .com-select {
  display: inline-block;
  margin-left: 10px;
}

.main-view-content .notice-list-wrap .search-box .search-cnt {
  position: relative;
  display: inline-block;
  margin-left: 0px;
}

.main-view-content .notice-list-wrap .search-box .search-cnt input {
  width: 390px;
  height: 36px;
  padding: 0 60px 0 15px;
  background: #fafafa;

}

.main-view-content .notice-list-wrap .search-box .search-cnt button {
  position: absolute;
  right: 20px;
  top: 8px;
  width: 22px;
  height: 22px;
  background: url(../images/icon/ic_event_search.png) no-repeat 0 0;
}

.main-view-content .notice-list-wrap .com-list-table table td {
  padding-left: 5px;
  padding-right: 5px;
}

.main-view-content .notice-list-wrap .com-list-table table td.tit {text-align: left}

.main-view-content .notice-list-wrap .com-list-table table td .link .txt {
  display: inline-block;
  vertical-align: top;
  max-width: 610px;
}

.main-view-content .notice-list-wrap .com-list-table table td .link .lock {
  display: inline-block;
  vertical-align: top;
  width: 15px;
  height: 30px;
  background: url(../images/icon/ic_list_lock.png) no-repeat 0 center;
}

.main-view-content .notice-list-wrap .com-edit-table .ic {
  padding: 0 5px;
}

.main-view-content .event-list-area {
  margin-top: 25px;
}

.main-view-content .event-list-area .search-box {
  line-height: 36px;
}

.main-view-content .event-list-area .search-box .tab-cnt {
  display: inline-block;
}

.main-view-content .event-list-area .search-box .tab-cnt .tit {
  display: inline-block;
  vertical-align: top;
  font-size: 20px;
  font-weight: bold;
  color: #3770c1;
}

.main-view-content .event-list-area .search-box .tab-cnt .btn-group {
  display: inline-block;
  vertical-align: top;
  margin-left: 10px;
}

.main-view-content .event-list-area .search-box .tab-cnt .btn-group button {
  position: relative;
  height: 36px;
  padding: 0 20px;
  font-size: 16px;
  color: #666;
}

.main-view-content .event-list-area .search-box .tab-cnt .btn-group button::before {
  content: '';
  position: absolute;
  left: 0;
  top: 8px;
  width: 1px;
  height: 20px;
  background: #666;
}

.main-view-content .event-list-area .search-box .tab-cnt .btn-group button:first-child::before {
  display: none;
}

.main-view-content .event-list-area .search-box .tab-cnt .btn-group button.on {
  font-weight: 500;
  color: #333;
}

.main-view-content .event-list-area .search-box .search-cnt {
  position: relative;
  float: right;
}

.main-view-content .event-list-area .search-box .search-cnt input {
  width: 610px;
  height: 36px;
  padding: 0 60px 0 15px;
  background: #fafafa;
}

.main-view-content .event-list-area .search-box .search-cnt button {
  position: absolute;
  right: 20px;
  top: 8px;
  width: 22px;
  height: 22px;
  background: url(../images/icon/ic_event_search.png) no-repeat 0 0;
}

.main-view-content .event-list-area .event-list-box {
  margin-top: 35px;
}

.main-view-content .event-list-area .event-list-box .list {
  overflow: hidden;
}

.main-view-content .event-list-area .event-list-box .list li {
  float: left;
  position: relative;
  width: 400px;/*610*/
  min-height: 300px;
  /*height: 370px;*/
  margin: 0 20px 50px 0;
  border-bottom: 1px solid #ebebeb;
}

.main-view-content .event-list-area .event-list-box .list li:nth-child(3n) {
  margin-right: 0;
}

.main-view-content .event-list-area .event-list-box .list li:last-child {
  margin-bottom: 0;
}

.main-view-content .event-list-area .event-list-box .list li .end-mark {
  display: flex;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  right: 0;
  background: rgba(0, 0, 0, 0.6);
  z-index: 1;
}

.main-view-content .event-list-area .event-list-box .list li .end-mark .txt {
  font-size: 40px;
  font-weight: bold;
  color: #fff;
  width: auto;
}

.main-view-content .event-list-area .event-list-box .list a {
  display: block;
  position: relative;
  width: 400px;/*610*/
  /*height: 370px;*/
}

.main-view-content .event-list-area .event-list-box .list .banner {
  display: block;
  overflow: hidden;
  height: 290px;/*210*/
  border-radius: 10px;
}

.main-view-content .event-list-area .event-list-box .list .tit {
  display: block;
  margin-top: 15px;
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
  color: #333;
  width: 300px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  margin-left: 10px;
}

.main-view-content .event-list-area .event-list-box .list .txt {
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-height: 30px;
  color: #666;
  width: 294px;
  min-height: 120px;
  letter-spacing: -1px;
  margin-left: 10px;
}

.main-view-content .event-list-area .event-list-box .list .day {
  display: block;
  margin-top: 20px;
  font-size: 16px;
  line-height: 30px;
  color: #666;
  margin-left: 10px;
}

.main-view-content .event-list-area .event-list-box .list .day span {
  display: inline-block;
  position: relative;
  margin-right: 10px;
  padding-right: 10px;
}

.main-view-content .event-list-area .event-list-box .list .day span::after {
  content: '';
  position: absolute;
  right: 0;
  top: 9px;
  width: 1px;
  height: 15px;
  background: #666;
}

.main-view-content .event-list-area .event-list-box .list .d-day {
  position: absolute;
  right: 10px;
  bottom: 50px;
  width: 92px;
  height: 92px;
  border-radius: 50%;
  background: #3770c1;
  font-size: 20px;
  line-height: 90px;
  text-align: center;
  color: #fff;
}

.main-view-content .request-step-area {
  margin: 30px 0 40px;
}

.main-view-content .request-step-area .detail-txt {
  display: none;
}

.main-view-content .request-step-area .list {
  display: flex;
  justify-content: space-between;
}

.main-view-content .request-step-area .list li {
  position: relative;
  height: 70px;
  padding: 0 45px 0 80px;
}

.main-view-content .request-step-area .list li::before {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  width: 70px;
  height: 70px;
  border-radius: 50%;
}

.main-view-content .request-step-area .list li::after {
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 16px;
  height: 18px;
  background: url(../images/icon/ic_group_menu_arrow.png) no-repeat 0 0;
}

.main-view-content .request-step-area .list li:nth-child(1)::before {
  background: #ebebeb url(../images/icon/ic_group_menu_1.png) no-repeat center center;
}

.main-view-content .request-step-area .list li:nth-child(2)::before {
  background: #ebebeb url(../images/icon/ic_group_menu_2.png) no-repeat center center;
}

.main-view-content .request-step-area .list li:nth-child(3)::before {
  background: #ebebeb url(../images/icon/ic_group_menu_3.png) no-repeat center center;
}

.main-view-content .request-step-area .list li:nth-child(4)::before {
  background: #ebebeb url(../images/icon/ic_group_menu_4.png) no-repeat center center;
}

.main-view-content .request-step-area .list li:nth-child(5)::before {
  background: #ebebeb url(../images/icon/ic_group_menu_5.png) no-repeat center center;
}

.main-view-content .request-step-area .list li:last-child {
  padding-right: 0;
}

.main-view-content .request-step-area .list li:last-child::after {
  display: none;
}

.main-view-content .request-step-area .list li.on::after {
  background: url(../images/icon/ic_group_menu_arrow_on.png) no-repeat center center;
}

.main-view-content .request-step-area .list li.on:nth-child(1)::before {
  background-image: url(../images/icon/ic_group_menu_1_on.png);
}

.main-view-content .request-step-area .list li.on:nth-child(2)::before {
  background-image: url(../images/icon/ic_group_menu_2_on.png);
}

.main-view-content .request-step-area .list li.on:nth-child(3)::before {
  background-image: url(../images/icon/ic_group_menu_3_on.png);
}

.main-view-content .request-step-area .list li.on:nth-child(4)::before {
  background-image: url(../images/icon/ic_group_menu_4_on.png);
}

.main-view-content .request-step-area .list li.on:nth-child(5)::before {
  background-image: url(../images/icon/ic_group_menu_5_on.png);
}

.main-view-content .request-step-area .list li.on .txt {
  color: #1f75bb;
}

.main-view-content .request-step-area .list li .txt {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  line-height: 70px;
}

.main-view-content .training-request-area {
  display: flex;
  justify-content: space-between;
  margin-top: 25px;
}

.main-view-content .training-request-area .info-box {
  width: 610px;
}

.main-view-content .training-request-area .info-box > * + *{margin-top:20px}

.main-view-content .training-request-area .info-box .video-cnt {
  position: relative;
}

.main-view-content .training-request-area .info-box .video-cnt .video-group {
  position: relative;
  padding-bottom: 56%;
}

.main-view-content .training-request-area .info-box .video-cnt .video-group img,
.main-view-content .training-request-area .info-box .video-cnt .video-group iframe {
  position:absolute;
  top:0;
  left:0;
  width: 100%;
  height: 100%;
}

.main-view-content .training-request-area .info-box .video-cnt .play-btn {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 64px;
  height: 64px;
  background: url(../images/icon/ic_play_btn1.png) no-repeat 0 0;
}

.main-view-content .training-request-area .info-box .video-cnt .play-btn.on {
  display: block;
}

.main-view-content .training-request-area .info-box .video-cnt .pause-btn {
  display: none;
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 64px;
  height: 64px;
  background: url(../images/icon/ic_pause_btn.png) no-repeat 0 0;
}

.main-view-content .training-request-area .info-box .video-cnt .pause-btn.on {
  display: block;
}

.main-view-content .training-request-area .info-box .txt-banner-cnt {
  position: relative;
}

.main-view-content .training-request-area .info-box .txt-banner-cnt .banner-wrap {
  overflow: hidden;
}

.main-view-content .training-request-area .info-box .txt-banner-cnt .banner-control {
  position: absolute;
  right: 20px;
  bottom: 10px;
}

.main-view-content .training-request-area .info-box .txt-banner-cnt .banner-control .prev {
  display: inline-block;
  vertical-align: top;
  width: 18px;
  height: 20px;
  background: url(../images/icon/ic_txt_banner_arrow.png) no-repeat center 4px;
}

.main-view-content .training-request-area .info-box .txt-banner-cnt .banner-control .prev:hover {
  background-image: url(../images/icon/ic_txt_banner_arrow_on.png);
}

.main-view-content .training-request-area .info-box .txt-banner-cnt .banner-control .next {
  display: inline-block;
  vertical-align: top;
  width: 18px;
  height: 20px;
  background: url(../images/icon/ic_txt_banner_arrow.png) no-repeat 4px center;
  transform: rotate(180deg);
}

.main-view-content .training-request-area .info-box .txt-banner-cnt .banner-control .next:hover {
  background-image: url(../images/icon/ic_txt_banner_arrow_on.png);
}

.main-view-content .training-request-area .info-box .txt-banner-cnt .banner-control .count {
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  font-weight: bold;
  line-height: 20px;
  color: #888;
}

.main-view-content .training-request-area .info-box .txt-banner-cnt .banner-group {
  display: block;
  overflow: hidden;
}

.main-view-content .training-request-area .info-box .txt-banner-cnt .banner-group .banner-img {
  float: left;
  width: 305px;
  height: 172px;
}

.main-view-content .training-request-area .info-box .txt-banner-cnt .banner-group .banner-img img {
  display: block;
  width: 100%;
  height: 100%;
}

.main-view-content .training-request-area .info-box .txt-banner-cnt .txt-info {
  float: right;
  width: 100%;
  padding: 20px 20px 40px;
  border: 1px solid #ebebeb;
}

.main-view-content .training-request-area .info-box .txt-banner-cnt .txt-info .top-line {
  position: relative;
}




.main-view-content .training-request-area .info-box .txt-banner-cnt .txt-info .top-line .name {
  display: inline-block;
  overflow: hidden;
  width: calc(100% - 90px);
  height: 24px;
  font-size: 16px;
  font-weight: bold;
  line-height: 25px;
  color: #333;
}

.main-view-content .training-request-area .info-box .txt-banner-cnt .txt-info .top-line .star-group {
  position: absolute;
  right: 0;
  top: 5px;
  height: 15px;
}

.main-view-content .training-request-area .info-box .txt-banner-cnt .txt-info .top-line .star-group .star-shape {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
  height: 15px;
}

.main-view-content .training-request-area .info-box .txt-banner-cnt .txt-info .top-line .star-group .star-shape .star {
  display: inline-block;
  vertical-align: top;
  width: 15px;
  height: 15px;
  background: url(../images/icon/ic_point_star.png) no-repeat 0 0;
}

.main-view-content .training-request-area .info-box .txt-banner-cnt .txt-info .top-line .star-group .star-shape .star.on {
  background-image: url(../images/icon/ic_point_star_on.png);
}

.main-view-content .training-request-area .info-box .txt-banner-cnt .txt-info .top-line .star-group .star-point {
  display: inline-block;
  vertical-align: top;
  font-size: 14px;
  line-height: 15px;
  color: #888;
}

.main-view-content .training-request-area .info-box .txt-banner-cnt .txt-info .txt-line {
  margin-top: 15px;
}

.main-view-content .training-request-area .info-box .txt-banner-cnt .txt-info .txt-line .title {
  display: block;
  font-size: 16px;
  line-height: 24px;
  color: #333;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.main-view-content .training-request-area .info-box .txt-banner-cnt .txt-info .txt-line .txt {
  display: block;
  font-size: 16px;
  line-height: 20px;
  height:40px;
  color: #666;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.main-view-content .training-request-area .request-box {
  position: relative;
  width: 610px;
}

.main-view-content .training-request-area .request-box .share-btn-cnt {
  position: absolute;
  right: 0;
  top: 0;
}

.main-view-content .training-request-area .request-box .share-btn-cnt .interest-btn {
  height: 38px;
  padding: 0 8px;
  border-radius: 5px;
  border: 1px solid #ebebeb;
  background: #f1f1f1;
}
.main-view-content .training-request-area .request-box .share-btn-cnt .interest-btn.on {border: 1px solid #1f75bb;}
.main-view-content .training-request-area .request-box .share-btn-cnt .interest-btn.on span {color: #1f75bb; background: url(../images/icon/ic_add_plus_on.png) no-repeat 0 center;}

.main-view-content .training-request-area .request-box .share-btn-cnt .interest-btn span {
  display: inline-block;
  padding-left: 25px;
  font-size: 18px;
  line-height: 36px;
  color: #666;
  background: url(../images/icon/ic_add_plus.png) no-repeat 0 center;
}

.main-view-content .training-request-area .request-box .share-btn-cnt .share-group {
  display: inline-block;
  vertical-align: top;
  position: relative;
  margin-left: 5px;
  z-index: 1;
}

.main-view-content .training-request-area .request-box .share-btn-cnt .share-group .share-btn {
  width: 50px;
  height: 38px;
  border-radius: 5px;
  border: 1px solid #ebebeb;
  background: #f1f1f1 url(../images/icon/ic_add_share.png) no-repeat center center;
}

.main-view-content .training-request-area .request-box .share-btn-cnt .share-group .share-pop {
  position: absolute;
  right: 120px;
  top: -4px;
}

.main-view-content .training-request-area .request-box .share-btn-cnt .share-group .share-pop.on {
  display: block;
  width: 230px;
}

.main-view-content .training-request-area .request-box .share-btn-cnt .share-group .share-pop li {
  margin-top: 5px;
  display: inline-block;
  margin-right: 5px;
}

.main-view-content .training-request-area .request-box .share-btn-cnt .share-group .share-pop li button {
  width: 38px;
  height: 38px;
  border-radius: 5px;
  border: 1px solid #ebebeb;
  background-color: #f1f1f1;
  background-repeat: no-repeat;
  background-position: center center;
}

.main-view-content .training-request-area .request-box .share-btn-cnt .share-group .share-pop li button.kakao {
  background-image: url(../images/icon/kakao.png);
}

.main-view-content .training-request-area .request-box .share-btn-cnt .share-group .share-pop li button.facebook {
  background-image: url(../images/icon/facebook.png);
}

.main-view-content .training-request-area .request-box .share-btn-cnt .share-group .share-pop li button.twitter {
  background-image: url(../images/icon/twitter.png);
}

.main-view-content .training-request-area .request-box .share-btn-cnt .share-group .share-pop li button.band {
  background-image: url(../images/icon/band.png);
}

.main-view-content .training-request-area .request-box .share-btn-cnt .share-group .share-pop li button.url {
  background-image: url(../images/icon/url.png);
}

.main-view-content .training-request-area .request-box .title-info-cnt {
  padding: 0 0 30px 0;
}

.main-view-content .training-request-area .request-box .title-info-cnt .icon-group {
  margin-bottom: 18px;
}

.main-view-content .training-request-area .request-box .title-info-cnt .icon-group .ic {
  display: inline-block;
  min-width: 60px;
  margin-right: 5px;
  padding: 0 10px;
  font-size: 13px;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
}

.main-view-content .training-request-area .request-box .title-info-cnt .icon-group .ic.black {
  background-color: #555 !important;
  color: #fff !important;
}

.main-view-content .training-request-area .request-box .title-info-cnt .icon-group .ic.green {
  background-color: #86c35d !important;
  color: #fff !important;
}

.main-view-content .training-request-area .request-box .title-info-cnt .icon-group .ic.red {
  background-color: #f36c65 !important;
  color: #fff !important;
}

.main-view-content .training-request-area .request-box .title-info-cnt .icon-group .ic.blue {
  background-color: #3cc3ef !important;
  color: #fff !important;
}

.main-view-content .training-request-area .request-box .title-info-cnt .icon-group .ic.deep-blue {
  background-color: #3590ba !important;
  color: #fff !important;
}

.main-view-content .training-request-area .request-box .title-info-cnt .icon-group .ic.purple {
  background-color: #cb55b2 !important;
  color: #fff !important;
}

.main-view-content .training-request-area .request-box .title-info-cnt .icon-group .ic.yellow {
  background-color: #f3cb45 !important;
  color: #fff !important;
}

.main-view-content .training-request-area .request-box .title-info-cnt .icon-group .ic.brown {
  background-color: #a77f1e !important;
  color: #fff !important;
}

.main-view-content .training-request-area .request-box .title-info-cnt .icon-group .ic.gray {
  background-color: #999 !important;
  color: #fff !important;
}

.main-view-content .training-request-area .request-box .title-info-cnt .icon-group .ic.disabled {
  cursor: default;
  background-color: #e4e4e4 !important;
  color: #fff !important;
}

.main-view-content .training-request-area .request-box .title-info-cnt .title-group .tit {
  display: block;
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
  color: #666;
}

.main-view-content .training-request-area .request-box .title-info-cnt .title-group .title {
  display: block;
  margin-top: 10px;
  font-size: 30px;
  line-height: 40px;
  color: #333;
}

.main-view-content .training-request-area .request-box .title-info-cnt .title-group .cost-item {
  margin-top: 18px;
}

.main-view-content .training-request-area .request-box .title-info-cnt .title-group .cost-item > .txt {
  display: block;
  font-size: 26px;
  line-height: 30px;
  color: #333;
  font-weight: bold;
  text-decoration: none;
}


.main-view-content .training-request-area .request-box .title-info-cnt .title-group .cost-item > .txt.line-through{font-size:22px; color:#666; font-weight:normal; text-decoration:line-through;}
.main-view-content .training-request-area .request-box .title-info-cnt .title-group .cost-item .cost {
  display: block; margin:15px 0 0 0
}

.main-view-content .training-request-area .request-box .title-info-cnt .title-group .cost-item .cost .coupon {
  display: inline-block;
  vertical-align: top;
  margin-left: 5px;
  padding: 5px;
  border-radius: 5px;
  border: 1px solid #ec407a;
  color: #ec407a;
  font-size:15px; line-height:1;
}

.main-view-content .training-request-area .request-box .title-info-cnt .title-group .cost-item .cost .price {
  display: inline-block;
  vertical-align: top;
  font-size: 24px;
  font-weight: bold;
  line-height: 26px;
  color: #4272f9;
}

.main-view-content .training-request-area .request-box .coupon-info-cnt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 20px;
  border-top: 1px solid #ebebeb;
}

.coupon-info-cnt .grid{display:grid; grid-template-columns:90px auto}

.main-view-content .training-request-area .request-box .coupon-info-cnt .txt {
  font-size: 18px;
  color: #888;
}
.fc_blue1{color:#4272f9 !important}

.main-view-content .training-request-area .request-box .coupon-info-cnt .coupon-btn {
  height: 42px;
  padding: 0 30px;
  border-radius: 5px;
  border: 1px solid #ec407a;
}

.main-view-content .training-request-area .request-box .coupon-info-cnt .coupon-btn span {
  display: inline-block;
  height: 40px;
  padding-left: 35px;
  background: url(../images/icon/ic_add_coupon.png) no-repeat 0 center;
  font-size: 16px;
  line-height: 36px;
  color: #ec407a;
}

.main-view-content .training-request-area .request-box .goods-info-cnt {
  position: relative;
  padding: 10px 60px 10px 20px;
  border-top: 1px solid #ebebeb;
}

.main-view-content .training-request-area .request-box .goods-info-cnt .btn-cnt {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.main-view-content .training-request-area .request-box .goods-info-cnt .list-cnt.hidden {
  display: none;
}

.main-view-content .training-request-area .request-box .goods-info-cnt .list-cnt li {
  position: relative;
  margin: 8px 0;
  display:grid; grid-template-columns:90px auto;
}

.main-view-content .training-request-area .request-box .goods-info-cnt .list-cnt li:first-child {
  margin-top: 0;
}

.main-view-content .training-request-area .request-box .goods-info-cnt .list-cnt li .tit {
  font-size: 16px;
  color: #333;
}

.main-view-content .training-request-area .request-box .goods-info-cnt .list-cnt li .txt {
  color: #888;
}

.main-view-content .training-request-area .request-box .select-info-cnt {
  position: relative;
  padding: 20px 0;
  border-top: 1px solid #ebebeb;
}

.main-view-content .training-request-area .request-box .select-info-cnt .select-group .com-select {
  width: 100%;
}

.main-view-content .training-request-area .request-box .select-info-cnt .select-group .com-select + .com-select {
  margin: 10px 0 0;
}

.main-view-content .training-request-area .request-box .select-info-cnt .choice-group {
  margin-top: 20px;
}

.main-view-content .training-request-area .request-box .select-info-cnt .choice-group .goods-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 10px 60px 10px 20px;
  background: #ebebeb;
}

.main-view-content .training-request-area .request-box .select-info-cnt .choice-group .goods-info + .goods-info {
  margin-top: 10px;
}

.main-view-content .training-request-area .request-box .select-info-cnt .choice-group .goods-info .tit {
  max-width: 70%;
  font-size: 16px;
  color: #666;
}

.main-view-content .training-request-area .request-box .select-info-cnt .choice-group .goods-info .price {
  max-width: 30%;
  font-size: 18px;
  color: #333;
}

.main-view-content .training-request-area .request-box .select-info-cnt .choice-group .goods-info .del-btn {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 13px;
  height: 13px;
  background: url(../images/icon/ic_top_search_close.png) no-repeat 0 0;
}

.main-view-content .training-request-area .request-box .price-info-cnt {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: relative;
  padding: 24px 20px;
  border-top: 1px solid #ebebeb;
}

.main-view-content .training-request-area .request-box .price-info-cnt > .txt {
  font-size: 18px;
  color: #333;
}

.main-view-content .training-request-area .request-box .price-info-cnt .pirce-info .coupon {
  display: inline-block;
  vertical-align: top;
  height: 32px;
  margin-right: 18px;
  padding: 0 20px;
  border-radius: 5px;
  border: 1px solid #ec407a;
  font-size: 16px;
  color: #ec407a;
  line-height: 28px;
}

.main-view-content .training-request-area .request-box .price-info-cnt .pirce-info .price {
  display: inline-block;
  vertical-align: top;
  height: 32px;
  font-size: 28px;
  font-weight: bold;
  line-height: 28px;
}
.purchase-btn-cnt {padding-top:20px; border-top: 1px solid #ebebeb; display:flex}
.purchase-btn-cnt > *{width:100%; height:73px; font-size:18px; font-weight:bold; color:#fff; background:#474747}
.purchase-btn-cnt > * + *{margin-left:20px}
.purchase-btn-cnt .purchase-btn{background:#4272f9}
.purchase-btn-cnt .purchase-btn i{display:inline-block; width:33px; height:29px; background:url(../images/icon/ic_add_request.png) no-repeat 0 center; vertical-align:middle; margin:-3px 10px 0 0}

.main-view-content .tab-view-area {
  min-height: 700px;
  padding-bottom: 100px;
}

.main-view-content .tab-view-area .top-link-box {
  margin-top: 20px;
  text-align: right;
}

.main-view-content .tab-view-area .top-link-box + .reply-list-box {
  margin-top: 20px;
}

.main-view-content .tab-view-area .top-link-box .tab-group {
  float: left;
  margin-top: 10px;
}

.main-view-content .tab-view-area .top-link-box .tab-group button {
  position: relative;
  padding: 0 10px;
  font-size: 16px;
  color: #666;
}

.main-view-content .tab-view-area .top-link-box .tab-group button.on {
  font-weight: bold;
  color: #333;
}

.main-view-content .tab-view-area .top-link-box .tab-group button:first-child {
  padding-left: 0;
}

.main-view-content .tab-view-area .top-link-box .tab-group button:first-child::before {
  display: none;
}

.main-view-content .tab-view-area .top-link-box .tab-group button::before {
  content: '';
  position: absolute;
  left: 0;
  top: 6px;
  width: 1px;
  height: 14px;
  background: #666;
}

.main-view-content .tab-view-area .top-link-box .link-btn {
  display: inline-block;
  height: 40px;
  padding: 0 55px;
  border-radius: 5px;
  background: #3770c1;
  font-size: 16px;
  color: #ebebeb;
  line-height: 40px;
  text-align: center;
}

.main-view-content .tab-view-area .tab-view {
  /* display: none; */
  position: relative;
  margin-top: 20px;
}

.main-view-content .tab-view-area .tab-view .notice-txt {
  padding: 10px 20px;
  background: #ebebeb;
  font-size: 16px;
  line-height: 24px;
  color: #666;
}

.main-view-content .tab-view-area .reply-point-box .point-cnt {
  display: flex;
  justify-content: space-between;
  margin-top: 40px;
}

.main-view-content .tab-view-area .reply-point-box .point-group {
  width: 200px;
  text-align: center;
}

.main-view-content .tab-view-area .reply-point-box .point-group > .tit {
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

.main-view-content .tab-view-area .reply-point-box .point-group .star-shape {
  margin-top: 20px;
}

.main-view-content .tab-view-area .reply-point-box .point-group .star-shape .star {
  display: inline-block;
  width: 36px;
  height: 36px;
  background: url(../images/icon/ic_big_star.png) no-repeat 0 0;
}

.main-view-content .tab-view-area .reply-point-box .point-group .star-shape .star.on {
  background-image: url(../images/icon/ic_big_star_on.png);
}

.main-view-content .tab-view-area .reply-point-box .point-group .star-point {
  display: block;
  margin-top: 10px;
  font-size: 26px;
  font-weight: bold;
  line-height: 30px;
  color: #a8a8a8;
}

.main-view-content .tab-view-area .reply-point-box .point-group .star-point .now {
  margin-right: 5px;
  color: #333;
}

.main-view-content .tab-view-area .reply-point-box .point-group .star-point .total {
  margin-left: 5px;
}

.main-view-content .tab-view-area .reply-point-box .point-group .count-txt {
  display: block;
  margin-top: 10px;
  font-size: 20px;
  color: #666;
}

.main-view-content .tab-view-area .reply-point-box .line-group {
  text-align: center;
}

.main-view-content .tab-view-area .reply-point-box .line-group.school {
  width: 320px;
}

.main-view-content .tab-view-area .reply-point-box .line-group.year {
  width: 280px;
}

.main-view-content .tab-view-area .reply-point-box .line-group > .title {
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

.main-view-content .tab-view-area .reply-point-box .line-group .line-item {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}

.main-view-content .tab-view-area .reply-point-box .line-group .line-item .line-bar {
  position: relative;
  width: 40px;
}

.main-view-content .tab-view-area .reply-point-box .line-group .line-item .line-bar .point {
  display: block;
  height: 20px;
  border-radius: 5px;
  background: #f36c65;
  font-size: 12px;
  color: #fff;
  line-height: 20px;
}

.main-view-content .tab-view-area .reply-point-box .line-group .line-item .line-bar .line {
  position: absolute;
  left: 17px;
  top: 22px;
  width: 10px;
  height: 80px;
  border-radius: 5px;
  border: 1px solid #ddd;
  background: #ebebeb;
}

.main-view-content .tab-view-area .reply-point-box .line-group .line-item .line-bar .line .bar {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  background: #f36c65;
}

.main-view-content .tab-view-area .reply-point-box .line-group .line-item .line-bar .txt-item {
  display: block;
  position: relative;
  height: 20px;
  margin-top: 90px;
  white-space: nowrap;
}

.main-view-content .tab-view-area .reply-point-box .line-group .line-item .line-bar .txt-item .txt {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  font-size: 14px;
  line-height: 20px;
  color: #666;
}

.main-view-content .tab-view-area .reply-list-box {
  margin-top: 10px;
  border-top: 1px solid #474747;
}

.main-view-content .tab-view-area .reply-list-box li {
  position: relative;
  padding: 15px 215px 15px 95px;
  border-bottom: 1px solid #ebebeb;
}

.main-view-content .tab-view-area .reply-list-box li .photo-group {
  position: absolute;
  left: 20px;
  top: 20px;
  width: 50px;
  height: 50px;
  border-radius: 10px;
}

.main-view-content .tab-view-area .reply-list-box li .photo-group img {
  display: block;
  width: 100%;
  height: 100%;
}

.main-view-content .tab-view-area .reply-list-box li .reply-group .info-item {
  line-height: 26px;
}

.main-view-content .tab-view-area .reply-list-box li .reply-group .info-item .name {
  margin-right: 28px;
  font-size: 16px;
  font-weight: bold;
  color: #666;
}

.main-view-content .tab-view-area .reply-list-box li .reply-group .info-item .day {
  font-size: 14px;
  color: #666;
}

.main-view-content .tab-view-area .reply-list-box li .reply-group .info-item .tag {
  float: right;
}

.main-view-content .tab-view-area .reply-list-box li .reply-group .info-item .tag .txt {
  display: inline-block;
  min-width: 90px;
  margin-left: 5px;
  padding: 0 15px;
  border-radius: 5px;
  background: #ebebeb;
  font-size: 14px;
  text-align: center;
  color: #666;
}

.main-view-content .tab-view-area .reply-list-box li .reply-group .info-item .tag .best{
  color:#fff;
  background:url('//tvcache.teacherville.co.kr/teacherville2/image/web/icon/ic_crown.png') no-repeat 10px center #ec407a;
  padding-left: 32px;
}

.main-view-content .tab-view-area .reply-list-box li .reply-group .text-item {
  position: relative;
  margin-top: 25px;
  padding-bottom: 40px;
}

.main-view-content .tab-view-area .reply-list-box li .reply-group .text-item .text {
  display: block;
  overflow: hidden;
  height: 60px;
  font-size: 16px;
  line-height: 30px;
  color: #666;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.main-view-content .tab-view-area .reply-list-box li .reply-group .text-item .text:hover{
  text-decoration:underline;
}

.main-view-content .tab-view-area .reply-list-box li .reply-group .text-item .text.on {
  height: auto;
  -webkit-line-clamp: inherit;
  white-space: pre-wrap;
  text-align: justify;
}

.main-view-content .tab-view-area .reply-list-box li .reply-group .text-item .text.on + .more-btn span::after {
  transform: rotate(180deg);
}

.main-view-content .tab-view-area .reply-list-box li .reply-group .text-item .more-btn {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 28px;
  padding: 0 10px;
  border-radius: 5px;
  border: 1px solid #999;
  background: #f1f1f1;
  font-size: 14px;
  color: #666;
}

.main-view-content .tab-view-area .reply-list-box li .reply-group .text-item .go-btn{
  right:110px
}
/*
.main-view-content .tab-view-area .reply-list-box li .reply-group .text-item .more-btn span {
  display: block;
  position: relative;
  padding-right: 28px;
}

.main-view-content .tab-view-area .reply-list-box li .reply-group .text-item .more-btn span::after {
  content: '';
  position: absolute;
  right: 0;
  top: 7px;
  width: 12px;
  height: 7px;
  background: url(../images/icon/ic_more_arrow.png) no-repeat 0 0;
}
*/
.main-view-content .tab-view-area .reply-list-box li .upload-photo-group {
  margin-top: 10px;
}

.main-view-content .tab-view-area .reply-list-box li .upload-photo-group .photo {
  display: inline-block;
  vertical-align: top;
  overflow: hidden;
  max-width: 330px;
  margin-right: 7px;
  border-radius: 10px;
}

.main-view-content .tab-view-area .reply-list-box li .upload-photo-group .photo img {
  width: 100%
}

.main-view-content .tab-view-area .reply-list-box li .user-btn-group {
  position: absolute;
  right: 20px;
  bottom: 20px;
}

.main-view-content .tab-view-area .reply-list-box li .user-btn-group button {
  margin-left: 5px;
  padding: 0 20px;
  border-radius: 5px;
  border: 1px solid #999;
  background: #f1f1f1;
  font-size: 16px;
  color: #666;
}

.main-view-content .tab-view-area .reply-list-box li .point-item {
  position: absolute;
  right: 0;
  top: 25px;
  width: 140px;
  text-align: center;
}

.main-view-content .tab-view-area .reply-list-box li .point-item .star-shape {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
  height: 15px;
}

.main-view-content .tab-view-area .reply-list-box li .point-item .star-shape .star {
  display: inline-block;
  vertical-align: top;
  width: 15px;
  height: 15px;
  background: url(../images/icon/ic_point_star.png) no-repeat 0 0;
}

.main-view-content .tab-view-area .reply-list-box li .point-item .star-shape .star.on {
  background-image: url(../images/icon/ic_point_star_on.png);
}

.like-item {
  position: relative;
  margin-top: 10px;
}

.like-item .like-btn {
  min-width: 75px;
  height: 26px;
  padding: 0 10px;
  border-radius: 5px;
  border: 1px solid #888;
}
.reply-box .like-item, .comment .like-item{display:inline-block; margin-left:10px}
.reply-box .like-item .like-btn, .comment .like-item .like-btn{min-width:50px; border:3px solid #ddd; padding:0 5px; height:32px}

.like-item .like-btn.on .num {
  background: url(../images/icon/ic_like_heart_on.png) no-repeat 0 center;
}

.like-item .like-btn .num {
  display: inline-block;
  padding-left: 25px;
  background: url(../images/icon/ic_like_heart.png) no-repeat 0 center;
  font-size: 14px;
  color: #666;
}

.like-item .like-btn:hover + .tooltip {
  display: block;
}

.like-item .tooltip {
  display: none;
  position: absolute;
  left: 0;
  top: 32px;
  background: #ebebeb;
  padding: 5px 10px;
  border-radius: 10px;
  font-size: 12px;
  line-height: 17px;
  color: #666;
  word-break: keep-all;
}

.main-view-content .tab-view-area .choice-list-box {
  margin-top: 20px;
  padding: 20px;
  border-radius: 20px;
  border: 1px solid #ebebeb;
}

.main-view-content .tab-view-area .choice-list-box > .title {
  display: block;
  padding-bottom: 10px;
  border-bottom: 1px solid #ebebeb;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

.main-view-content .tab-view-area .choice-list-box .list li {
  padding: 20px 0;
  border-bottom: 1px solid #ebebeb;
}

.main-view-content .tab-view-area .choice-list-box .list li:last-child {
  border-bottom: 0;
}

.main-view-content .tab-view-area .choice-list-box .list li .select-info {
  display: flex;
  align-items: center;
}

.main-view-content .tab-view-area .choice-list-box .list li .select-info.no-select .text {
  /*width: 100%;*/
  width: 630px;
  font-size: 18px;
  line-height: 24px;
  color: #666;
}

.main-view-content .tab-view-area .choice-list-box .list li .select-info .del-btn {
  width: 13px;
  height: 13px;
  margin-right: 10px;
  background: url(../images/icon/ic_top_search_close.png) no-repeat 0 0;
}

.main-view-content .tab-view-area .choice-list-box .list li .select-info .text {
  width: 630px;
  font-size: 18px;
  line-height: 24px;
  color: #666;
}
.main-view-content .tab-view-area .choice-list-box .list li .select-info .text em{font-style:normal; display:inline-block; margin-top:10px}
.main-view-content .tab-view-area .choice-list-box .list li .select-info .text em label{background:#474747; padding:3px 15px; border-radius:100px; color:#fff; font-size:13px}

.main-view-content .tab-view-area .choice-list-box .list li .select-info .text strong {
  color: #333;
}

.main-view-content .tab-view-area .choice-list-box .list li .select-info .price {
  width: 130px;
  text-align: center;
  font-size: 20px;
  color: #333;
}

.main-view-content .tab-view-area .choice-list-box .list li .select-info .com-toggle-btn {
  position: relative;
  width: auto;
  margin-left: auto;
  padding-right: 40px;
  background: none;
}

.main-view-content .tab-view-area .choice-list-box .list li .select-info .com-toggle-btn.on {
  transform: rotate(0);
}

.main-view-content .tab-view-area .choice-list-box .list li .select-info .com-toggle-btn.on::after {
  transform: rotate(180deg);
}

.main-view-content .tab-view-area .choice-list-box .list li .select-info .com-toggle-btn::after {
  content: '';
  position: absolute;
  right: 0;
  top: 0;
  width: 31px;
  height: 31px;
  background: url(../images/icon/ic_toggle_btn.png) no-repeat 0 0;
}

.main-view-content .tab-view-area .choice-list-box .list li .select-info .com-toggle-btn .txt {
  font-size: 16px;
  text-decoration: underline;
  color: #3770c1;
}

.main-view-content .tab-view-area .choice-list-box .list li .select-info .basket-btn {
  width: 120px;
  height: 50px;
  margin-left: 20px;
  border-radius: 10px;
  background: #474747;
  font-size: 16px;
  font-weight: bold;
  color: #ebebeb;
}

.main-view-content .tab-view-area .choice-list-box .list li .select-info .order-btn {
  width: 120px;
  height: 50px;
  margin-left: 20px;
  border-radius: 10px;
  background: #3770c1;
  font-size: 16px;
  font-weight: bold;
  color: #ebebeb;
}

.main-view-content .tab-view-area .choice-list-box .list li .select-info .right-txt {
  margin-left: auto;
  font-size: 20px;
  color: #333;
}

.main-view-content .tab-view-area .choice-list-box .list li .com-toggle-view {
  display: none;
  margin-top: 20px;
  padding: 15px 20px;
  background: #ebebeb;
  font-size: 18px;
  line-height: 30px;
  color: #666;
}

.main-view-content .tab-view-area .license-info-box .top-info-cnt {
  position: relative;
  padding: 20px 400px 20px 20px;
}

.main-view-content .tab-view-area .license-info-box .top-info-cnt .line {
  line-height: 30px;
}

.main-view-content .tab-view-area .license-info-box .top-info-cnt .line .tit {
  margin-right: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

.main-view-content .tab-view-area .license-info-box .top-info-cnt .line .tit.big {
  font-size: 20px;
}

.main-view-content .tab-view-area .license-info-box .top-info-cnt .line .txt {
  margin-right: 75px;
  font-size: 16px;
  color: #666;
}

.main-view-content .tab-view-area .license-info-box .top-info-cnt .line .detail-btn {
  padding: 0 15px;
  border-radius: 5px;
  border: 1px solid #999;
  background: #f1f1f1;
  font-size: 16px;
  color: #666;
}

.main-view-content .tab-view-area .license-info-box .top-info-cnt .btn-group {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.main-view-content .tab-view-area .license-info-box .top-info-cnt .btn-group button {
  height: 40px;
  margin-left: 20px;
  padding: 0 20px;
  border-radius: 5px;
  background: #474747;
  font-size: 16px;
  color: #ebebeb;
}

.main-view-content .tab-view-area .license-info-box .com-edit-table {
  display: none;
}

.main-view-content .tab-view-area .license-info-box .com-edit-table.on {
  display: block;
}

.main-view-content .tab-view-area .teacher-info-box {
  position: relative;
  padding-left: 240px;
  min-height: 300px;
}

.main-view-content .tab-view-area .teacher-info-box > .photo {
  position: absolute;
  left: 0;
  top: 0;
  width: 209px;
  height: 252px;
}

.main-view-content .tab-view-area .teacher-info-box > .photo img {
  display: block;
  width: 100%;
}

.main-view-content .tab-view-area .teacher-info-box > .name {
  display: block;
  font-size: 20px;
  font-weight: bold;
  line-height: 30px;
  color: #333;
}

.main-view-content .tab-view-area .teacher-info-box .list li {
  margin-top: 20px;
}

.main-view-content .tab-view-area .teacher-info-box .list .tit {
  display: block;
  font-size: 18px;
  font-weight: bold;
  line-height: 30px;
  color: #333;
}

.main-view-content .tab-view-area .teacher-info-box .list .txt {
  display: block;
  font-size: 16px;
  line-height: 30px;
  color: #666;
}

.main-view-content .tab-view-area .choise-bottom-box {
  margin-top: 20px;
  text-align: right;
}

.main-view-content .tab-view-area .choise-bottom-box .info-txt {
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

.main-view-content .tab-view-area .choise-bottom-box .basket-btn {
  width: 120px;
  height: 50px;
  margin-left: 20px;
  border-radius: 10px;
  background: #474747;
  font-size: 16px;
  font-weight: bold;
  color: #ebebeb;
}

.main-view-content .tab-view-area .choise-bottom-box .order-btn {
  width: 120px;
  height: 50px;
  margin-left: 20px;
  border-radius: 10px;
  background: #3770c1;
  font-size: 16px;
  font-weight: bold;
  color: #ebebeb;
}

.main-view-content .tab-view-area .info-txt-box {
  margin-top: 50px;
}

.main-view-content .tab-view-area .info-txt-box .list {
  padding: 20px;
  border-radius: 20px;
  border: 1px solid #ebebeb;
}

.main-view-content .tab-view-area .info-txt-box li + li {
  margin-top: 20px;
}

.main-view-content .tab-view-area .info-txt-box li .tit {
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

.main-view-content .tab-view-area .info-txt-box li .txt {
  display: block;
  margin-top: 5px;
  font-size: 16px;
  line-height: 24px;
  color: #666;
}

.main-view-content .tab-view-area .editor-box {
  min-height: 300px;
  border: 1px solid #ebebeb;
}

.main-view-content .tab-view-area .request-list-box .list {
  margin-top: 20px;
  padding: 20px;
  border-radius: 20px;
  border: 1px solid #ebebeb;
}

.main-view-content .tab-view-area .request-list-box .list:first-child {
  margin-top: 0;
}

.main-view-content .tab-view-area .request-list-box li {
  display: flex;
  justify-content: space-between;
  align-items: center;
  line-height: 30px;
}

.main-view-content .tab-view-area .request-list-box li + li {
  margin-top: 15px;
  padding-top: 10px;
  border-top: 1px solid #ebebeb;
}

.main-view-content .tab-view-area .request-list-box li .info-group {
  width: 50%;
}

.main-view-content .tab-view-area .request-list-box li .info-group .tit {
  margin-right: 15px;
  font-weight: 18px;
  font-weight: bold;
  color: #333;
}

.main-view-content .tab-view-area .request-list-box li .info-group .txt {
  font: 16px;
  color: #666;
}

.main-view-content .tab-view-area .request-list-box li .time-group {
  width: 190px;
}

.main-view-content .tab-view-area .request-list-box li .time-group .tit {
  display: block;
  font-size: 16px;
  font-weight: bold;
  color: #666;
}

.main-view-content .tab-view-area .request-list-box li .time-group .txt {
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

.main-view-content .tab-view-area .request-list-box li .text-group {
  width: 345px;
}

.main-view-content .tab-view-area .request-list-box li .text-group .line {
  display: block;
}

.main-view-content .tab-view-area .request-list-box li .text-group .line .tit {
  display: inline-block;
  margin-right: 15px;
  font-size: 16px;
  font-weight: bold;
  color: #666;
}

.main-view-content .tab-view-area .request-list-box li .text-group .line .day {
  display: inline-block;
  font-size: 16px;
  color: #666;
}

.main-view-content .tab-view-area .request-list-box li .btn-group button {
  width: 120px;
  height: 50px;
  margin-left: 15px;
  border-radius: 10px;
  background: #474747;
  font-size: 16px;
  font-weight: bold;
  color: #ebebeb;
}

.main-view-content .purchase-fixed-area {
  position: fixed;
  left: 50%;
  bottom: 0px;
  transform: translateX(-50%);
  width: 1240px;
  margin: 0 auto;
  background: #fff;
  z-index: 10;
}

.main-view-content .purchase-fixed-area.on {
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translateX(0);
}

.main-view-content .purchase-fixed-area .purchase-box {
  display: flex;
  justify-content: space-between;
  padding: 15px 20px;
  background: #dcdcdc;
}

.main-view-content .purchase-fixed-area .purchase-box .select-cnt {
  padding-top: 5px;
}

.main-view-content .purchase-fixed-area .purchase-box .select-cnt .com-select {
  width: 285px;
}

.main-view-content .purchase-fixed-area .purchase-box .info-btn-cnt .cost-item {
  display: inline-block;
  vertical-align: top;
  margin-top: 10px;
}

.main-view-content .purchase-fixed-area .purchase-box .info-btn-cnt .cost-item .coupon {
  display: inline-block;
  margin-right: 15px;
  padding: 0 15px;
  border-radius: 5px;
  background: #474747;
  font-size: 16px;
  color: #ededed;
  line-height: 30px;
}

.main-view-content .purchase-fixed-area .purchase-box .info-btn-cnt .cost-item .price {
  display: inline-block;
  vertical-align: top;
  font-size: 28px;
  font-weight: bold;
  color: #333;
  line-height: 30px;
}

.main-view-content .purchase-fixed-area .purchase-box .info-btn-cnt .btn-item {
  display: inline-block;
}

.main-view-content .purchase-fixed-area .purchase-box .info-btn-cnt .btn-item button {
  width: 100px;
  height: 50px;
  margin-left: 5px;
  border-radius: 10px;
  background: #474747;
  font-size: 16px;
  font-weight: bold;
  color: #ebebeb;
}

.main-view-content .purchase-fixed-area .book-info-box {
  display: flex;
  margin-top: 3px;
}

.main-view-content .purchase-fixed-area .book-info-box .info-item {
  position: relative;
  flex: 1;
  height: 47px;
  padding: 0 60px 0 20px;
  background: #ebebeb;
}

.main-view-content .purchase-fixed-area .book-info-box .info-item + .info-item {
  margin-left: 3px;
}

.main-view-content .purchase-fixed-area .book-info-box .info-item .tit {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  line-height: 47px;
  color: #333;
}

.main-view-content .purchase-fixed-area .book-info-box .info-item .num {
  display: inline-block;
  margin-left: 45px;
  font-size: 16px;
  line-height: 47px;
  color: #666;
}

.main-view-content .purchase-fixed-area .book-info-box .info-item .del-btn {
  position: absolute;
  right: 28px;
  top: 17px;
  width: 13px;
  height: 13px;
  background: url(../images/icon/ic_top_search_close.png) no-repeat 0 0;
}

.main-view-content .study-chart-area {
  margin-top: 30px;
  padding: 10px 20px 20px;
  border-radius: 20px;
  background: #ebebeb;
}

.main-view-content .study-chart-area .top-title-box {
  line-height: 35px;
}

.main-view-content .study-chart-area .top-title-box .tit {
  display: inline-block;
  vertical-align: top;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  line-height: 38px;
}

.main-view-content .study-chart-area .top-title-box .select-cnt {
  float: right;
  height: 38px;
}

.main-view-content .study-chart-area .top-title-box .select-cnt .com-select {
  width: 195px;
}

.main-view-content .study-chart-area .top-title-box .search-btn {
  width: 70px;
  height: 38px;
  border-radius: 5px;
  border: 1px solid #999;
  background: #f1f1f1;
  font-size: 16px;
  color: #666;
}

.main-view-content .study-chart-area .line-info-box {
  display: flex;
  margin-top: 20px;
  border-radius: 20px;
  background: #fff;
}

.main-view-content .study-chart-area .line-info-box .info-cnt {
  display: flex;
  flex: 1;
  align-items: center;
  justify-content: space-between;
  height: 90px;
  padding: 0 20px;
  border-right: 1px solid #ebebeb;
}

.main-view-content .study-chart-area .line-info-box .info-cnt:last-child {
  border-right: 0;
}

.main-view-content .study-chart-area .line-info-box .info-cnt .tit {
  font-size: 18px;
  color: #333;
}

.main-view-content .study-chart-area .line-info-box .info-cnt .txt {
  font-size: 18px;
  font-weight: bold;
  color: #3770c1;
}

.study-chart-area .line-info-box1{
  font-size: 18px;
  display: flex;
  border-top: 1px solid #ebebeb;
  padding: 20px;
}

.study-chart-area .line-info-box1 .info-cnt{
  text-align: center;
  border-radius: 20px;
  width: 100%;
  overflow: hidden;
}

.study-chart-area .line-info-box1 > * + *{
  margin-left: 20px
}

.study-chart-area .line-info-box1 .tit{
  color: #fff;
  display: block;
  padding: 10px 0
}

.study-chart-area .line-info-box1 .txt{
  font-size: 22px;
  font-weight: 500;
  display: block;
  padding: 15px 0
}

.study-chart-area .line-info-box1 .info-cnt:nth-child(1){
  border: 1px solid #6ec17d;
}

.study-chart-area .line-info-box1 .info-cnt:nth-child(1) .tit{
  background: #6ec17d;
}

.study-chart-area .line-info-box1 .info-cnt:nth-child(2){
  border: 1px solid #ffc000;
}

.study-chart-area .line-info-box1 .info-cnt:nth-child(2) .tit{
  background: #ffc000;
}

.study-chart-area .line-info-box1 .info-cnt:nth-child(3){
  border: 1px solid #f36c65;
}

.study-chart-area .line-info-box1 .info-cnt:nth-child(3) .tit{
  background: #f36c65;
}

.main-view-content .study-chart-area .chart-box {
  margin-top: 20px;
  border-radius: 20px;
  background: #fff;
}

.main-view-content .study-chart-area .chart-box .top-cnt {
  padding: 0 10px 0 20px;
}

.main-view-content .study-chart-area .chart-box .top-cnt .tit {
  display: inline-block;
  font-size: 18px;
  color: #333;
  line-height: 60px;
}

.main-view-content .study-chart-area .chart-box .top-cnt .com-toggle-btn {
  float: right;
  margin-top: 14px;
}

.main-view-content .study-chart-area .chart-box .chart-cnt .chart-wrap {
  padding: 20px 20px 25px;
  border-top: 1px solid #ebebeb;
}

.main-view-content .study-chart-area .chart-box .chart-cnt .title-row .tit {
  display: inline-block;
  font-size: 18px;
  color: #333;
  line-height: 28px;
}

.main-view-content .study-chart-area .chart-box .chart-cnt .title-row .tit .year {
  color: #3770c1;
}

.main-view-content .study-chart-area .chart-box .chart-cnt .title-row .pop-btn {
  float: right;
  width: 140px;
  height: 28px;
  border-radius: 5px;
  border: 1px solid #999;
  background: #333;
  font-size: 16px;
  color: #fff;
}

.main-view-content .study-chart-area .chart-box .chart-cnt .chart-row {
  display: flex;
  justify-content: space-between;
}

.main-view-content .study-chart-area .chart-box .chart-cnt .chart-row.two-type .graph-item {
  width: 570px;
}

.main-view-content .study-chart-area .chart-box .chart-cnt .chart-row.three-type .graph-item {
  width: 375px;
}

.main-view-content .study-chart-area .chart-box .chart-cnt .chart-row .graph-item .tit {
  display: block;
  font-size: 18px;
  color: #666;
  line-height: 40px;
}

.main-view-content .study-chart-area .chart-box .chart-cnt .chart-row .graph-item .graph {
  position: relative;
  height: 310px;
  padding: 20px;
  border: 1px solid #ebebeb;
}

.main-view-content .study-chart-area .chart-box .chart-cnt .chart-row .graph-item .graph .legends {
  margin-top:20px; border:0px;
}
.main-view-content .study-chart-area .chart-box .chart-cnt .chart-row .graph-item .graph .legends span.legend-box {
  width: 15px; height: 15px;display: inline-block; background: #e5e5e5; margin: 5px 5px 5px 10px; vertical-align: middle;
}
.main-view-content .study-chart-area .chart-box .chart-cnt .chart-row .graph-item .graph .legends span {
  width: 70px; display: inline-block; letter-spacing: -1px; font-size: 12px; margin-bottom:2px; margin-right: 10px;
}


@media (max-width: 1240px) {
  .main-view-content .study-chart-area .chart-box .chart-cnt .chart-row .graph-item .graph .legends {
    width:285px; margin: 10px auto 0;
  }
  .main-view-content .study-chart-area .chart-box .chart-cnt .chart-row .graph-item .graph .legends span {margin-right: 0px;width: 65px;}
}

/*
@media screen and (max-width: 525px) {
	.main-view-content .study-chart-area .chart-box .chart-cnt .chart-row .graph-item .graph .legends span {margin-right: 60px;}
}
@media screen and (max-width: 420px) {
	.main-view-content .study-chart-area .chart-box .chart-cnt .chart-row .graph-item .graph .legends span {margin-right: 13px;}
}
@media screen and (max-width: 414px) {
	.main-view-content .study-chart-area .chart-box .chart-cnt .chart-row .graph-item .graph .legends span {margin-right: 0px;}
}
@media screen and (max-width: 380px) {
	.main-view-content .study-chart-area .chart-box .chart-cnt .chart-row .graph-item .graph .legends span {margin-right: -1px;}
}
@media screen and (max-width: 375px) {
	.main-view-content .study-chart-area .chart-box .chart-cnt .chart-row .graph-item .graph .legends span {margin-right: 3px;}
}

@media screen and (max-width: 360px) {
	.main-view-content .study-chart-area .chart-box .chart-cnt .chart-row .graph-item .graph .legends span {margin-right: 0px;width: 65px;}
}
*/
.main-view-content .study-chart-area .chart-box .chart-cnt .chart-row .graph-item .graph.line {
  padding-right: 10px;
}

.main-view-content .tab-view-wrap {
  margin-top: 30px;
}

.main-view-content .table-list-area > .title {
  display: block;
  margin-top: 40px;
  font-size: 23px;
  line-height: 30px;
  color: #333;
  position: relative;
}

.main-view-content .table-list-area > .title a{
  font-size:16px;
  width: 120px;
  height: 40px;
  line-height: 40px;
  position: absolute;
  right: 0;
  top: -5px;
  border-radius: 5px;
  text-align: center;
}

.main-view-content .table-list-area > .title:first-child {
  margin-top: 0;
}

.main-view-content .table-list-area > .title > .txt {
  display: inline-block;
}

.main-view-content .table-list-area > .title .com-tooltip {
  margin-top: 6px;
}

.main-view-content .table-list-area > .title small{font-size:16px}

.main-view-content .table-list-area > .sub-title {
  display: block;
  margin-top: 40px;
  font-size: 18px;
  line-height: 30px;
  color: #333;
}

.main-view-content .table-list-area > .sub-title:first-child {
  margin-top: 0;
}

.main-view-content .table-list-area .top-btn-box {
  margin-top: 50px;
  text-align: right;
}

.main-view-content .table-list-area .top-btn-box button {
  height: 40px;
  margin-left: 15px;
  padding: 0 25px;
  border-radius: 5px;
  background: #474747;
  font-size: 16px;
  color: #ebebeb;
}

.main-view-content .table-list-area .question-box {
  margin-top: 10px;
  border-top: 1px solid #000;
  border-bottom: 1px solid #ebebeb;
}

.main-view-content .table-list-area .question-box.answer {
  background: #fafafa;
}

.main-view-content .table-list-area .question-box .top-cnt {
  overflow: hidden;
  padding: 10px 20px;
  line-height: 26px;
}

.main-view-content .table-list-area .question-box .top-cnt .title {
  display: inline-block;
}

.main-view-content .table-list-area .question-box .top-cnt .title .sort {
  font-size: 16px;
  font-weight: bold;
  color: #666;
}

.main-view-content .table-list-area .question-box .top-cnt .title .ic {
  padding: 0 10px;
}

.main-view-content .table-list-area .question-box .top-cnt .title .txt {
  font-size: 16px;
  font-weight: bold;
  color: #333;
}

.main-view-content .table-list-area .question-box .top-cnt .info {
  float: right;
  font-size: 16px;
  color: #666;
}

.main-view-content .table-list-area .question-box .top-cnt .info span {
  margin-left: 20px;
}

.main-view-content .table-list-area .question-box .txt-cnt {
  min-height: 200px;
  padding: 10px 20px;
  border-top: 1px solid #ebebeb;
  font-size: 16px;
  line-height: 40px;
  color: #666;
}

.main-view-content .table-list-area .question-box .file-cnt {
  padding: 10px 20px;
  border-top: 1px solid #ebebeb;
}

.main-view-content .table-list-area .question-box .file-cnt button {
  height: 30px;
  padding-left: 35px;
  background: url(../images/icon/ic_add_file.png) no-repeat 0 center;
  font-size: 16px;
  color: #3770c1;
}

.main-view-content .table-list-area .join-complete-box {
  margin-top: 30px;
  padding: 30px 10px;
  border: 1px solid #ddd;
  background: #f8f8f8;
  text-align: center;
}

.main-view-content .table-list-area .join-complete-box .tit {
  font-size: 20px;
  font-weight: 500;
  line-height: 30px;
}

.main-view-content .table-list-area .join-complete-box .txt {
  margin-top: 10px;
  font-size: 16px;
  line-height: 24px;
}

.main-view-content .table-list-area .user-info-box {
  margin-top: 15px;
}

.main-view-content .table-list-area .user-info-box .com-edit-table {
  margin-top: 0;
}

.main-view-content .table-list-area .reply-txt-box {
  margin-top: 45px;
}

.main-view-content .table-list-area .reply-txt-box > .title {
  display: block;
  height: 36px;
  padding-left: 32px;
  background: url(../images/icon/ic_reply_bollon.png) no-repeat 0 center;
  font-size: 18px;
  color: #333;
  line-height: 36px;
}

.main-view-content .table-list-area .reply-txt-box + .com-edit-table {
  margin-top: 30px;
}

.main-view-content .table-list-area .reply-txt-box .view-cnt .reply-item {
  position: relative;
  margin-top: 10px;
  padding: 0 0 0 195px;
}

.main-view-content .table-list-area .reply-txt-box .view-cnt .reply-item .user {
  position: absolute;
  left: 0;
  top: 5px;
  font-size: 16px;
  line-height: 26px;
  color: #666;
}

.main-view-content .table-list-area .reply-txt-box .view-cnt .reply-item .text {
  display: block;
  min-height: 60px;
  padding: 5px 18px;
  background: #fafafa;
  font-size: 16px;
  line-height: 30px;
  color: #999;
}

.main-view-content .table-list-area .reply-txt-box .write-cnt {
  margin-top: 30px;
}

.main-view-content .table-list-area .reply-txt-box .write-cnt textarea {
  width: 100%;
  min-height: 70px;
}

.main-view-content .table-list-area .reply-txt-box .write-cnt .bottom-btn {
  margin-top: 20px;
  text-align: right;
}

.main-view-content .table-list-area .reply-txt-box .write-cnt .bottom-btn button {
  width: 70px;
  height: 28px;
  border-radius: 5px;
  border: 1px solid #999;
  background: #f1f1f1;
  font-size: 16px;
  color: #666;
}

.main-view-content .table-list-area .top-check-box {
  margin-top: 25px;
}

.main-view-content .table-list-area .top-check-box .right-btn {
  float: right;
  margin-top: -7px;
}

.main-view-content .table-list-area .top-check-box .right-btn button {
  width: 95px;
  height: 40px;
  border-radius: 5px;
  background: #474747;
  font-size: 16px;
  color: #ebebeb;
}

.main-view-content .table-list-area .top-check-box + .com-list-table {
  margin-top: 30px;
}

.noti-info-area {
  padding:20px;
  background: #f1f1f1; border:1px solid #ebebeb;
  margin-top:20px
}
.noti-info-area .half-box{display:flex}
.noti-info-area .half-box > *{width:100%}
.noti-info-area .half-box > * + *{margin-left:20px}

.noti-info-area > .tit {
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}
.noti-info-area .info-cnt {
  padding: 20px;
  background: #fff;
}
.noti-info-area .top-cnt{margin-bottom:15px}
.noti-info-area > .info-cnt + .info-cnt{margin-top:20px}
.noti-info-area .info-cnt .tit {
  display: block;
  font-size: 18px;
  color: #333;
}

.noti-info-area .info-cnt .txt {
  display: block;
  padding-left: 10px;
  position:relative;
}
.noti-info-area .info-cnt .txt::before{content:'-'; position:absolute; top:0; left:0}
.noti-info-area .info-cnt .txt + .txt{margin-top:5px}
.toggle-info-box{position:relative}
.toggle-info-box .com-toggle-btn{position:absolute; right:0; top:50%; margin-top:-15px}
.noti-info-area .toggle-info-box .top-cnt{margin-bottom:0}
.toggle-info-box .com-toggle-view{margin-top:15px}
.noti-info-area .info-cnt .txt strong {
  font-size: 18px;
}

.main-view-content .homework-info-area {
  margin-top: 45px;
}

.main-view-content .homework-info-area > .title {
  display: block;
  font-size: 23px;
  line-height: 30px;
  color: #333;
}

.main-view-content .homework-info-area > .sub-title {
  display: block;
  margin-top: 10px;
  font-size: 16px;
  line-height: 27px;
  color: #333;
}

.main-view-content .homework-info-area .bottom-btn-box {
  margin-top: 30px;
  text-align: right;
}

.main-view-content .homework-info-area .bottom-btn-box button {
  width: 120px;
  height: 40px;
  margin-left: 15px;
  border-radius: 5px;
  background: #474747;
  font-size: 16px;
  color: #ebebeb;
}

.main-view-content .homework-info-area .bottom-btn-box button.blue {
  background: #1f75bb;
}

.main-view-content .study-arrow-area {
  display: flex;
  margin-top: 50px;
  border-radius: 20px;
  border: 1px solid #ebebeb;
}

.main-view-content .study-arrow-area .txt-box {
  width: 560px;
  padding: 10px 20px;
}

.main-view-content .study-arrow-area .txt-box .red {
  color: #f36c65;
}

.main-view-content .study-arrow-area .txt-box .blue {
  color: #3770c1;
}

.main-view-content .study-arrow-area .txt-box .tit {
  display: block;
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
  color: #333;
}

.main-view-content .study-arrow-area .txt-box .text {
  display: block;
  margin-top: 10px;
  font-size: 18px;
  line-height: 26px;
  color: #333;
}

.main-view-content .study-arrow-area .txt-box .day {
  display: block;
  margin-top: 10px;
  font-size: 18px;
  line-height: 26px;
  color: #333;
  letter-spacing: -1px;
}

.main-view-content .study-arrow-area .arrow-box {
  display: flex;
  align-items: center;
  width: 120px;
  background: url(../images/icon/ic_info_txt_arrow.png) no-repeat center center;
  background-size: cover;
  text-align: center;
}

.main-view-content .study-arrow-area .arrow-box .txt {
  display: block;
  width: 100%;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

.main-view-content .study-item-area {
  margin-top: 45px;
}

.main-view-content .study-item-area.center-type .item-box .info-cnt {
  height: 100px;
}

.main-view-content .study-item-area.center-type .item-box .info-cnt .txt-sec {
  padding-top: 0;
}

.main-view-content .study-item-area.center-type .item-box .info-cnt .txt-sec .process {
  display: block;
  width: 100%;
  line-height: 50px;
}

.main-view-content .study-item-area > .tit {
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

.main-view-content .study-item-area > .tit .num {
  color: #1f75bb;
}

.main-view-content .study-item-area .objection-box {
  margin-top: 50px;
  padding: 20px;
  border-radius: 20px;
  border: 1px solid #ebebeb;
}

.main-view-content .study-item-area .objection-box.gray-type {
  background: #ebebeb;
}

.main-view-content .study-item-area .objection-box .red {
  color: #f36c65;
}

.main-view-content .study-item-area .objection-box .tit {
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

.main-view-content .study-item-area .objection-box > .txt {
  display: block;
  margin-top: 10px;
  font-size: 16px;
  color: #333;
}

.main-view-content .study-item-area .objection-box .text-cnt {
  margin-top: 20px;
}

.main-view-content .study-item-area .objection-box .text-cnt input[type="text"] {
  width: 100%;
  height: 40px;
  padding: 0 10px;
  border: 1px solid #ddd;
  background: #fafafa;
}

.main-view-content .study-item-area .objection-box .text-cnt input[type="text"] + textarea {
  border-top: 0;
}

.main-view-content .study-item-area .objection-box .text-cnt textarea {
  width: 100%;
  height: 80px;
}

.main-view-content .study-item-area .objection-box .text-cnt .byte-txt {
  margin-top: 10px;
  text-align: right;
  font-size: 14px;
}

.main-view-content .study-item-area .objection-box .btn-cnt {
  margin-top: 20px;
  text-align: right;
}

.main-view-content .study-item-area .objection-box .btn-cnt button {
  width: 120px;
  height: 40px;
  border-radius: 10px;
  background: #474747;
  font-size: 16px;
  color: #fff;
}

.main-view-content .study-item-area .objection-list-box {
  margin-top: 30px;
}

.main-view-content .study-item-area .objection-list-box .list li {
  position: relative;
  padding: 10px;
  border-bottom: 1px solid #ddd;
}

.main-view-content .study-item-area .objection-list-box .list li .user-item {
  display: block;
  font-size: 14px;
}

.main-view-content .study-item-area .objection-list-box .list li .user-item > span {
  display: inline-block;
  vertical-align: top;
  margin-right: 5px;
}

.main-view-content .study-item-area .objection-list-box .list li .user-item .id {
  font-weight: 500;
  color: #1d4281;
}

.main-view-content .study-item-area .objection-list-box .list li .text-item {
  margin-top: 15px;
  font-size: 14px;
  line-height: 26px;
}

.main-view-content .study-item-area .objection-list-box .list li .text-item .time {
  margin-right: 5px;
}

.main-view-content .study-item-area .objection-list-box .list li .btn-item {
  position: absolute;
  right: 10px;
  top: 10px;
}

.main-view-content .study-item-area .objection-list-box .list li .btn-item button {
  height: 30px;
  padding: 0 10px;
  border-radius: 5px;
  border: 1px solid #ddd;
  font-size: 14px;
}

.main-view-content .study-item-area .item-box {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}

.main-view-content .study-item-area .item-box .info-cnt {
  flex: 1;
  height: 220px;
  margin: 0 10px;
  border-radius: 20px;
  border: 1px solid #efefef;
  text-align: center;
}

.main-view-content .study-item-area .item-box .info-cnt > .tit {
  display: block;
  border-radius: 20px 20px 0 0;
  background: #7f7f7f;
  font-size: 18px;
  font-weight: bold;
  color: #ededed;
  line-height: 47px;
}

.main-view-content .study-item-area .item-box .info-cnt .txt-sec {
  padding: 18px 18px 0;
}

.main-view-content .study-item-area .item-box .info-cnt .txt-sec .process {
  display: flex;
  justify-content: space-between;
  height: 34px;
}

.main-view-content .study-item-area .item-box .info-cnt .txt-sec .process .percent {
  font-size: 23px;
  font-weight: bold;
  color: #333;
}

.main-view-content .study-item-area .item-box .info-cnt .txt-sec .process .txt {
  position: relative;
  top: 5px;
  font-size: 16px;
  color: #666;
}

.main-view-content .study-item-area .item-box .info-cnt .txt-sec .process .txt.center {
  width: 100%;
  text-align: center;
}

.main-view-content .study-item-area .item-box .info-cnt .txt-sec .study-btn {
  width: 100%;
  height: 45px;
  margin-top: 5px;
  border-radius: 5px;
  background: #3770c1;
  font-size: 16px;
  color: #ededed;
}

.main-view-content .study-item-area .item-box .info-cnt .txt-sec .notice {
  display: flex;
  flex-direction: column;
  justify-content: center;
  width: 100%;
  height: 40px;
  margin-top: 10px;
  font-size: 14px;
  line-height: 20px;
}

.main-view-content .study-item-area .item-box .info-cnt .txt-sec .notice > span {
  display: block;
}

.main-view-content .study-item-area .item-box .info-cnt .txt-sec .notice .red {
  color: #f36c65;
}

.main-view-content .list-banner-area {margin-top:40px; display:grid; grid-template-columns:608px auto; column-gap:20px}

.main-view-content .list-banner-area.link-type a {
  display: block;
}

.main-view-content .list-banner-area.link-type a + a {
  margin-top: 30px;
}

.main-view-content .list-banner-area .banner-wrap {
  position: relative;
  overflow: hidden;
}

.main-view-content .list-banner-area .banner-wrap .slick-dots {
  position: absolute;
  bottom: 10px;
  left: 0;
  right: 0;
  height: 8px;
  text-align: center;
}

.main-view-content .list-banner-area .banner-wrap .slick-dots li {
  display: inline-block;
  vertical-align: top;
  width: 8px;
  height: 8px;
  margin: 0 4px;
}

.main-view-content .list-banner-area .banner-wrap .slick-dots li.slick-active button {
  background: #333;
}

.main-view-content .list-banner-area .banner-wrap .slick-dots li button {
  display: inline-block;
  vertical-align: top;
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background: rgba(0, 0, 0, 0.3);
  text-indent: -9999px;
}

.main-view-content .list-banner-area .list-info-box {
  margin-top:10px;
}

.main-view-content .list-banner-area .list-info-box li {
  margin-top: 7px;
}

.main-view-content .list-banner-area .list-info-box a {
  display: block;
}

.main-view-content .list-banner-area .list-info-box .ic {
  display: inline-block;
  width: 68px;
  height: 20px;
  margin-right: 10px;
  border-radius: 10px;
  font-size: 13px;
  color: #fff;
  text-align: center;
}

.main-view-content .list-banner-area .list-info-box .txt {
  display: inline-block;
  max-width: calc(100% - 110px);
  vertical-align: top;
  font-size: 15px;
  color: #888;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.main-view-content .list-banner-area .list-info-box .tab_btn{position:absolute; bottom:0; left:0; width:100%}

.main-view-content .list-banner-area .com-list-tab{
  margin:0;
}

.main-view-content .process-bar-area {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
  padding: 30px 20px;
  border-radius: 20px;
  background: #ebebeb;
}

.main-view-content .process-bar-area:first-child {
  margin-top: 0;
}

.main-view-content .process-bar-area .bar-box {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 900px; /*590px*/
  height: 80px;
}

.main-view-content .process-bar-area .bar-box .bar-line {
  position: relative;
  height: 20px;
  padding-left: 105px;
  line-height: 20px;
}

.main-view-content .process-bar-area .bar-box .bar-line .tit {
  position: absolute;
  left: 0;
  top: 0;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

.main-view-content .process-bar-area .bar-box .bar-line .bar-graph {
  display: block;
  overflow: hidden;
  width: 100%;
  height: 20px;
  border-radius: 10px;
  background: #fff;
}

.main-view-content .process-bar-area .bar-box .bar-line .bar-graph .bar {
  display: block;
  width: 0;
  height: 20px;
}

.main-view-content .process-bar-area .bar-box .bar-line .bar-graph .bar.red {
  background: #f36c65;
}

.main-view-content .process-bar-area .bar-box .bar-line .bar-graph .bar.blue {
  background: #1f75bb;
}

.main-view-content .process-bar-area .bar-box .bar-line .bar-graph .bar.bar-reco {
  background: #f08680;
  color: #333;
  text-align: right;
  padding-right: 5px;
}

.main-view-content .process-bar-area .bar-box .bar-line .bar-graph .bar.bar-mine {
  background: #4386bd;
  color: #333;
  text-align: right;
  padding-right: 5px;
}



.main-view-content .process-bar-area .info-box {
  display: flex;
  justify-content: space-between;
  width: 270px;
  height: 80px;
}

.main-view-content .process-bar-area .info-box .info-cnt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  width: 125px;
  height: 80px;
  border-radius: 20px;
  background: #fff;
}

.main-view-content .process-bar-area .info-box .info-cnt .tit {
  display: block;
  font-size: 18px;
  font-weight: bold;
  line-height: 24px;
  color: #333;
}

.main-view-content .process-bar-area .info-box .info-cnt .txt {
  display: block;
  font-size: 28px;
  font-weight: bold;
  line-height: 34px;
  color: #3770c1;
}

.main-view-content .process-bar-area .info-box .study-btn {
  width: 305px;
  height: 80px;
  border-radius: 20px;
  background: #3770c1;
}

.main-view-content .process-bar-area .info-box .study-btn .txt {
  display: inline-block;
  padding-left: 40px;
  background: url(../images/icon/ic_study_btn.png) no-repeat 0 center;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  line-height: 80px;
}

.main-view-content .exam-location-area {
  margin-top: 45px;
}

.main-view-content .exam-location-area > .title {
  display: block;
  font-size: 23px;
  color: #333;
}

.main-view-content .exam-location-area .map-box {
  overflow: hidden;
  margin-top: 15px;
  border-radius: 20px;
  border: 1px solid #ebebeb;
}

.main-view-content .exam-location-area .map-box .map-img {
  width: 100%;
}

.main-view-content .exam-location-area .map-box .info-cnt {
  padding: 20px;
}

.main-view-content .exam-location-area .map-box .info-cnt .row {
  display: flex;
}

.main-view-content .exam-location-area .map-box .info-cnt .row .info-line {
  flex: 1;
}

.main-view-content .exam-location-area .map-box .info-cnt .row .info-line .tit {
  display: block;
  font-size: 18px;
  color: #666;
}

.main-view-content .exam-location-area .map-box .info-cnt .row .info-line .txt {
  display: block;
  margin-top: 5px;
  padding-left: 25px;
  font-size: 16px;
  color: #333;
}

.main-view-content .exam-location-area .map-box .info-cnt .row .info-line .list {
  margin-top: 5px;
  padding-left: 25px;
}

.main-view-content .exam-location-area .map-box .info-cnt .line-txt {
  display: block;
  margin-top: 30px;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

.main-view-content .exam-location-area .map-box .info-cnt .line-txt + .row {
  margin-top: 10px;
}

.main-view-content .gift-info-area {
  margin-top: 70px;
}

.main-view-content .gift-info-area .list {
  display: flex;
  flex-wrap: nowrap;
  justify-content: space-between;
}

.main-view-content .gift-info-area .list li {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: relative;
  width: 380px;
  height: 145px;
  padding-left: 150px;
  border-radius: 15px;
  border: 1px solid #ebebeb;
}

.main-view-content .gift-info-area .list li:nth-child(1) {
  background: url(../images/icon/ic_gift_1.png) no-repeat 40px center;
}

.main-view-content .gift-info-area .list li:nth-child(2) {
  padding-left: 180px;
  background: url(../images/icon/ic_gift_2.png) no-repeat 60px center;
}

.main-view-content .gift-info-area .list li:nth-child(3) {
  background: url(../images/icon/ic_gift_3.png) no-repeat 60px center;
}

.main-view-content .gift-info-area .list li .ic {
  position: absolute;
  left: -20px;
  top: -20px;
  width: 70px;
  height: 70px;
  border-radius: 50%;
  background: #3770c1;
  text-align: center;
  font-size: 20px;
  color: #fff;
  line-height: 70px;
}

.main-view-content .gift-info-area .list li .txt-box .txt {
  display: block;
  font-size: 16px;
  line-height: 30px;
  color: #333;
}

.main-view-content .gift-info-area .list li .txt-box .txt .red {
  font-weight: bold;
  color: #f36c65;
}

.main-view-content .gift-info-area .list li .txt-box .txt strong {
  font-size: 20px;
  font-weight: bold;
  color: #f36c65;
}

.main-view-content .gift-info-area .list li .txt-box .txt + .txt {
  margin-top: 5px;
}

.main-view-content .member-edit-area .count-info-box {
  margin-top: 10px;
  font-size: 20px;
  text-align: center;
}

.main-view-content .member-edit-area .count-info-box .txt {
  margin-left: 20px;
}

.main-view-content .member-edit-area .user-add-box {
  display: flex;
  margin-top: 25px;
}

.main-view-content .member-edit-area .user-add-box .add-item {
  display: flex;
  align-items: center;
  line-height: 36px;
}

.main-view-content .member-edit-area .user-add-box .add-item .tit {
  font-size: 16px;
  color: #666;
}

.main-view-content .member-edit-area .user-add-box .add-item input {
  width: 190px;
  height: 36px;
  margin-left: 20px;
  padding-left: 10px;
  background: #fafafa;
}

.main-view-content .member-edit-area .user-add-box .add-item input.phone-input {
  width: 240px;
}

.main-view-content .member-edit-area .user-add-box .add-item .add-btn {
  width: 120px;
  height: 30px;
  margin-left: 20px;
  border-radius: 5px;
  border: 1px solid #999;
  background: #f1f1f1;
  font-size: 16px;
  color: #666;
}

.main-view-content .member-edit-area .user-add-box .btn-item {
  margin-left: auto;
}

.main-view-content .member-edit-area .user-add-box .btn-item button {
  min-width: 120px;
  height: 30px;
  margin-left: 15px;
  padding: 0 10px;
  border-radius: 5px;
  background: #474747;
  font-size: 16px;
  color: #ededed;
}

.main-view-content .member-edit-area .notice-txt {
  display: block;
  margin-top: 10px;
  font-size: 14px;
  color: #f36c65;
}

.main-view-content .member-edit-area .user-list-box {
  margin-top: 20px;
  border-top: 1px solid #474747;
}

.main-view-content .member-edit-area .user-list-box li {
  display: flex;
  align-items: center;
  position: relative;
  min-height: 51px;
  padding-left: 50px;
  border-bottom: 1px solid #ebebeb;
}

.main-view-content .member-edit-area .user-list-box li .num {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  width: 50px;
  background: #f8f8f8;
  font-size: 16px;
  font-weight: bold;
  color: #666;
  line-height: 50px;
  text-align: center;
}

.main-view-content .member-edit-area .user-list-box li .line {
  width: 30%;
  text-align: center;
}

.main-view-content .member-edit-area .user-list-box li .line .tit {
  display: none;
}

.main-view-content .member-edit-area .user-list-box li .line .txt {
  font-size: 16px;
  color: #666;
}

.main-view-content .member-edit-area .user-list-box li .del-btn {
  position: absolute;
  right: 15px;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  background: url(../images/icon/ic_list_del_btn.png) no-repeat 0 0;
}

.main-view-content .complete-card-area {
  margin: 20px 0 0;
  padding: 15px 0;
  border-top: 1px solid #474747;
  border-bottom: 1px solid #474747;
  text-align: center;
}

.main-view-content .complete-card-area > .tit {
  display: block;
  font-size: 20px;
  font-weight: bold;
  color: #666;
}

.main-view-content .complete-card-area .btn-cnt {
  margin-top: 15px;
  text-align: center;
}

.main-view-content .complete-card-area .btn-cnt .card-btn {
  height: 73px;
  padding: 0 70px;
  border-radius: 20px;
  background: #3770c1;
}

.main-view-content .complete-card-area .btn-cnt .card-btn .txt {
  display: block;
  padding-left: 55px;
  background: url(../images/icon/ic_card_visa.png) no-repeat 0 center;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  line-height: 40px;
}

.main-view-content .member-link-area {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
  height: 95px;
  padding: 28px 20px 0;
  border-radius: 15px;
  background: #ebebeb;
}

.main-view-content .member-link-area .phone-box {
  display: flex;
  justify-content: space-between;
  width: 590px;
}

.main-view-content .member-link-area .phone-box .tit {
  display: inline-block;
  height: 36px;
  font-size: 18px;
  line-height: 36px;
  color: #333;
}

.main-view-content .member-link-area .phone-box input {
  width: 305px;
  height: 36px;
  padding-left: 15px;
  background: #fafafa;
}

.main-view-content .member-link-area .phone-box button {
  min-width: 120px;
  height: 36px;
  padding: 0 20px;
  border-radius: 5px;
  background: #474747;
  font-size: 16px;
  color: #ebebeb;
}

.main-view-content .member-link-area .link-box {
  width: 590px;
}

.main-view-content .member-link-area .link-box .page-cnt {
  display: flex;
  justify-content: space-between;
}

.main-view-content .member-link-area .link-box .page-cnt .txt-group .tit {
  display: inline-block;
  vertical-align: top;
  font-size: 16px;
  color: #333;
}

.main-view-content .member-link-area .link-box .page-cnt .txt-group .link {
  display: inline-block;
  vertical-align: top;
  max-width: 270px;
  margin-left: 10px;
  font-size: 16px;
  color: #3770c1;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.main-view-content .member-link-area .link-box .page-cnt .btn-group button {
  width: 70px;
  height: 28px;
  margin-left: 15px;
  border-radius: 5px;
  border: 1px solid #999;
  background: #f1f1f1;
  font-size: 16px;
  color: #666;
}

.main-view-content .member-link-area .link-box .notice-txt {
  margin-top: 5px;
  font-size: 14px;
  color: #f36c65;
}

.main-view-content .training-link-area {
  display: flex;
  align-items: center;
  margin-top: 50px;
  height: 82px;
  padding: 0 20px;
  border-radius: 15px;
  background: #ebebeb;
}

.main-view-content .training-link-area .tit {
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

.main-view-content .training-link-area .link-box {
  margin-left: auto;
}

.main-view-content .training-link-area .link-box .link-btn {
  display: inline-block;
  height: 40px;
  margin-left: 15px;
  padding: 0 20px;
  border-radius: 5px;
  background: #474747;
}

.main-view-content .training-link-area .link-box .link-btn.search .txt {
  background: url(../images/icon/ic_link_btn_search.png) no-repeat 0 center;
}

.main-view-content .training-link-area .link-box .link-btn.select .txt {
  background: url(../images/icon/ic_link_btn_select.png) no-repeat 0 center;
}

.main-view-content .training-link-area .link-box .link-btn.change .txt {
  background: url(../images/icon/ic_link_btn_change.png) no-repeat 0 center;
}

.main-view-content .training-link-area .link-box .link-btn .txt {
  display: block;
  padding-left: 35px;
  font-size: 16px;
  line-height: 40px;
  color: #ededed;
}

.main-view-content .training-info-area .info-box {
  margin-top: 50px;
  border-radius: 15px;
  border: 1px solid #ebebeb;
}

.main-view-content .training-info-area .info-box .top-cnt {
  display: flex;
  align-items: center;
  height: 65px;
  padding: 0 20px;
  border-bottom: 1px solid #ebebeb;
}

.main-view-content .training-info-area .info-box .top-cnt .tit {
  font-size: 23px;
  color: #333;
}

.main-view-content .training-info-area .info-box .top-cnt .btn-item {
  margin-left: auto;
}

.main-view-content .training-info-area .info-box .top-cnt .btn-item button {
  min-width: 100px;
  height: 40px;
  padding: 0 20px;
  border-radius: 5px;
  background: #474747;
  font-size: 16px;
  color: #ebebeb;
}

.main-view-content .training-info-area .info-box .list-cnt {
  padding: 20px 40px 20px;
}

.main-view-content .training-info-area .info-box .list-cnt .top-txt {
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

.main-view-content .training-info-area .info-box .list-cnt .list {
  margin-top: 15px;
}

.main-view-content .training-info-area .info-box .list-cnt .list li {
  line-height: 30px;
}

.main-view-content .training-info-area .info-box .list-cnt .list li .tit {
  display: inline-block;
  width: 100px;
  font-size: 16px;
  font-weight: bold;
  color: #666;
}

.main-view-content .training-info-area .info-box .list-cnt .list li .txt {
  float: right;
  font-size: 16px;
  color: #666;
  text-align: right;
}

.main-view-content .training-info-area .info-box .list-cnt .list li .txt span {
  display: inline-block;
  vertical-align: top;
}

.main-view-content .training-info-area .info-box .list-cnt .list li .txt span + span {
  margin-left: 10px;
}

.main-view-content .training-info-area .notice-txt {
  margin-top: 10px;
  padding-left: 20px;
  font-size: 14px;
  color: #f36c65;
}

.main-view-content .sms-info-area {
  display: flex;
  align-items: center;
  margin-top: 35px;
  border-radius: 15px;
  padding: 15px 20px;
  background: #ebebeb;
}

.main-view-content .sms-info-area > .txt {
  font-size: 16px;
  line-height: 30px;
  color: #333;
}

.main-view-content .sms-info-area > .txt span {
  font-size: 18px;
}

.main-view-content .sms-info-area .btn-box {
  margin-left: auto;
}

.main-view-content .sms-info-area .btn-box .sms-btn {
  min-width: 100px;
  height: 40px;
  padding: 0 20px;
  border-radius: 5px;
  background: #474747;
  font-size: 16px;
  color: #ebebeb;
}

.main-view-content .sms-info-area .btn-box .sms-btn .txt {
  display: inline-block;
  height: 40px;
  padding-left: 25px;
  background: url(../images/icon/ic_link_btn_sms.png) no-repeat 0 center;
  line-height: 40px;
}

.main-view-content .join-step-area {
  margin-top: 40px;
}

.main-view-content .join-step-area > .tit {
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  line-height: 26px;
}

.main-view-content .join-step-area .notice-txt {
  font-size: 15px;
  line-height: 26px;
  color: #f36c65;
}

.main-view-content .join-step-area .step-list {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.main-view-content .join-step-area .step-list li {
  overflow: hidden;
  position: relative;
  width: 400px;
  height: 240px;
  margin: 10px 0;
  padding-left: 135px;
  padding-right: 10px;
  border-radius: 10px;
  border: 1px solid #739bd3;
}

.main-view-content .join-step-area .step-list li::after {
  content: '';
  position: absolute;
  right: 0;
  bottom: 0;
}

.main-view-content .join-step-area .step-list li:nth-child(1) {
  padding-top: 40px;
}

.main-view-content .join-step-area .step-list li:nth-child(1) .step {
  opacity: 0.3;
}

.main-view-content .join-step-area .step-list li:nth-child(1)::after {
  width: 179px;
  height: 95px;
  background: url(../images/icon/ic_join_step_1.png) no-repeat 0 0;
}

.main-view-content .join-step-area .step-list li:nth-child(2) {
  padding-top: 20px;
}

.main-view-content .join-step-area .step-list li:nth-child(2) .step {
  opacity: 0.5;
}

.main-view-content .join-step-area .step-list li:nth-child(2)::after {
  width: 248px;
  height: 96px;
  background: url(../images/icon/ic_join_step_2.png) no-repeat 0 0;
}

.main-view-content .join-step-area .step-list li:nth-child(3) {
  padding-top: 20px;
}

.main-view-content .join-step-area .step-list li:nth-child(3) .step {
  opacity: 0.7;
}

.main-view-content .join-step-area .step-list li:nth-child(3)::after {
  width: 228px;
  height: 94px;
  background: url(../images/icon/ic_join_step_3.png) no-repeat 0 0;
}

.main-view-content .join-step-area .step-list li:nth-child(4) {
  padding-top: 20px;
}

.main-view-content .join-step-area .step-list li:nth-child(4) .step {
  opacity: 0.7;
}

.main-view-content .join-step-area .step-list li:nth-child(4)::after {
  width: 211px;
  height: 98px;
  background: url(../images/icon/ic_join_step_4.png) no-repeat 0 0;
}

.main-view-content .join-step-area .step-list li:nth-child(5) {
  padding-top: 20px;
}

.main-view-content .join-step-area .step-list li:nth-child(5) .step {
  opacity: 0.9;
}

.main-view-content .join-step-area .step-list li:nth-child(5)::after {
  width: 180px;
  height: 99px;
  background: url(../images/icon/ic_join_step_5.png) no-repeat 0 0;
}

.main-view-content .join-step-area .step-list li:nth-child(6) {
  padding-top: 20px;
}

.main-view-content .join-step-area .step-list li:nth-child(6)::after {
  width: 239px;
  height: 95px;
  background: url(../images/icon/ic_join_step_6.png) no-repeat 0 0;
}

.main-view-content .join-step-area .step-list li .step {
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  position: absolute;
  left: 0;
  top: 0;
  width: 109px;
  height: 238px;
  background: url(../images/icon/ic_gift_round.png) no-repeat 0 0;
}

.main-view-content .join-step-area .step-list li .step .txt {
  margin-left: -10px;
  font-size: 16px;
  font-weight: bold;
  color: #fff;
}

.main-view-content .join-step-area .step-list li .step .num {
  margin-left: -10px;
  font-size: 24px;
  font-weight: bold;
  color: #fff;
}

.main-view-content .join-step-area .step-list li .text {
  font-size: 15px;
  line-height: 26px;
  color: #666;
  letter-spacing: -1px;
}

.main-view-content .join-step-area .step-list li .text .red {
  color: #f36c65;
}

.main-view-content .join-step-area .step-list li .text .blue {
  color: #3770c1;
}

.main-view-content .sub-banner-area {
  margin-top: 90px;
}

.banner-box img{max-width:100%}

.main-view-content .sub-banner-area .banner-box {
  position: relative;
}

.main-view-content .sub-banner-area .banner-box .mobile-txt {
  display: none;
}

.main-view-content .sub-banner-area .banner-box .link-btn {
  position: absolute;
  right: 145px;
  top: 50%;
  transform: translateY(-50%);
  height: 50px;
  padding: 0 20px;
  border-radius: 20px;
  background: #6f6dac;
  font-size: 18px;
  font-weight: bold;
  line-height: 50px;
  color: #fff;
}

.main-view-content .sub-banner-area .step-box {
  display: flex;
  justify-content: space-between;
  margin-top: 50px;
}

.main-view-content .sub-banner-area .step-box .info-cnt {
  display: flex;
  overflow: hidden;
  align-items: center;
  width: 400px;
  height: 60px;
  border-radius: 20px;
  border: 1px solid #eee;
  text-align: center;
}

.main-view-content .sub-banner-area .step-box .info-cnt .tit {
  width: 50%;
  height: 58px;
  background: #eee;
  font-size: 20px;
  line-height: 58px;
  color: #333;
}

.main-view-content .sub-banner-area .step-box .info-cnt .num {
  width: 50%;
  font-size: 20px;
  font-weight: bold;
  color: #3770c1;
}

.main-view-content .exam-study-area {
  margin-top: 45px;
}

.main-view-content .exam-study-area > .title {
  height: 47px;
  padding: 9px 20px 0 15px;
  border-radius: 20px 20px 0 0;
  background: #7f7f7f;
  line-height: 28px;
  position: relative;
  font-size: 23px;
  color: #ededed;
  font-weight: bold;
  display: block;
}

.main-view-content .exam-study-area > .title.pink {
  background: #ec407a;
}

.main-view-content .exam-study-area > .title + .toggle-info-box{
  margin-top: 0;
  border-radius: 0 0 20px 20px;
}

.main-view-content .exam-study-area + .round-info-area.full-type {
  margin-top: 40px;
}

.main-view-content .exam-study-area .toggle-info-box {
  margin-top: 15px;
  padding: 20px 10px 15px;
  border-radius: 20px;
  background: #ebebeb;
}

.main-view-content .exam-study-area .toggle-info-box .top-cnt {
  display: flex;
  justify-content: space-between;
}

.main-view-content .exam-study-area .toggle-info-box .top-cnt .tit {
  padding-left: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  line-height: 31px;
}

.main-view-content .exam-study-area .toggle-info-box .com-toggle-view {
  margin-top: 20px;
  padding: 20px 15px;
  background: #fff;
}

.main-view-content .exam-study-area .toggle-info-box .com-toggle-view > .list {
  line-height: 30px;
}

.main-view-content .exam-study-area .toggle-info-box .com-toggle-view .red {
  color: #f36c65;
}

.main-view-content .exam-study-area .toggle-info-box .com-toggle-view .under {
  display: block;
  font-size: 18px;
  color: #333;
  text-decoration: underline;
}

.main-view-content .exam-study-area .toggle-info-box .com-toggle-view .info-txt {
  margin-top: 15px;
  font-size: 16px;
  line-height: 30px;
  color: #333;
  letter-spacing: -0.5px;
}

.main-view-content .exam-study-area .toggle-info-box .com-toggle-view .info-txt:first-child {
  margin-top: 0;
}

.main-view-content .exam-study-area .toggle-info-box .com-toggle-view .top-txt {
  display: block;
  font-size: 18px;
  color: #333;
}

.main-view-content .exam-study-area .toggle-info-box .com-toggle-view .list-txt {
  padding: 15px 0 0 30px;
}

.main-view-content .exam-study-area .toggle-info-box .com-toggle-view .list-txt.no-padding {
  padding: 0;
}

.main-view-content .exam-study-area .toggle-info-box .com-toggle-view .list-txt .txt {
  display: block;
  font-size: 16px;
  color: #666;
  line-height: 24px;
}

.main-view-content .exam-study-area .toggle-info-box .com-toggle-view .list-txt .list {
  margin-top: 5px;
  padding-left: 20px;
}

.main-view-content .exam-study-area .toggle-info-box .com-toggle-view .list-txt .list table {
  width: 100%;
  margin-top: 10px;
  margin-bottom: 10px;
}

.main-view-content .exam-study-area .toggle-info-box .com-toggle-view .list-txt .list table td, .main-view-content .exam-study-area .toggle-info-box .com-toggle-view .list-txt .list table th {
  border: 1px solid #ddd;
  padding: 3px 7px;
}

.main-view-content .exam-study-area .toggle-info-box .com-toggle-view .list-txt .list + .list {
  margin-top: 30px;
}

.main-view-content .exam-study-area .toggle-info-box .com-toggle-view .list-txt .list li {
  font-size: 16px;
  color: #333;
  line-height: 30px;
}

.noti-info-area .chect-cnt {
  margin-top: 10px;
  padding-right: 5px;
  text-align: right;
}

.tcon_wrap{
  margin-top: 20px;
  padding: 20px 10px 30px;
  border-radius: 20px;
  background: #ebebeb;
}

.tcon_wrap.dot p{
  position: relative;
  padding-left: 10px;
  color: #333;
}

.tcon_wrap.dot p::before{
  content: '';
  position: absolute;
  top: 13px;
  left: 2px;
  width: 2px;
  height: 2px;
  border-radius: 100%;
  background: #333;
}

.agree_type1{
  margin-top: 20px;
  text-align: right;
}

.agree_type1 .com-arrow-check label{
  font-size: 16px;
  color: #666;
}

.flex{
  display:flex;
  align-items:center
}

.flexbox{
  display:flex;
  justify-content:space-between;
  align-items:center
}

.flexend{
  display:flex;
  justify-content:space-between;
  align-items:end
}

.tcon_wrap .top-cnt .tit{
  padding-left: 10px;
  font-size: 18px;
  font-weight: bold;
  color: #333;
  line-height: 31px;
}

.tcon_tit{
  margin-top: 20px;
  padding: 30px 15px;
  background: #fff;
  position: relative;
  border-radius: 20px;
}

.tcon_wrap .title p{
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

.tcon_wrap .title p a{
  font-weight: normal;
  margin-left: 15px;
  color: #333
}

.tcon_wrap .title p a:hover{
  text-decoration: underline;
}

.tcon_btn{
  display: inline-block;
  text-align: center;
  height: 40px;
  line-height: 40px;
  width: 135px;
  background: #474747;
  color: #fff;
  border-radius: 5px;
  font-size: 16px;
}

.tcon_btn.guide{
  background: #f1f1f1;
  border: 1px solid #999;
  color: #666;
  height: 50px;
  position: absolute;
  top:50%;
  transform: translateY(-50%);
  right: 15px;
  line-height: 1.2;
}

.border100{
  border-radius: 100px;
}

.tcon_wrap .no_list{
  text-align: center;
  font-weight: 500;
  font-size: 18px;
  margin-top: 30px;
  padding-top: 140px;
  background: url('//tvcache.teacherville.co.kr/teacherville2/image/web/icon/220609_nolist.png') no-repeat center top;
}

.tcon_inner > * + * {
  margin-top: 20px;
}

.tcon_list{
  padding-left: 15px;
  margin-left: 15px;
  position: relative;
}

.tcon_list > div + div{
  margin-top: 10px;
}

.tcon_list::before {
  content: '';
  position: absolute;
  top: -30px;
  left: 0;
  bottom: -30px;
  width: 1px;
  background: #ededed;
}

.tcon_list .tit{
  font-size: 18px;
  position: relative;
  padding-right: 25px;
  margin-right: 10px;
}

.tcon_list .tit::before{
  content: '';
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 0;
  height: 0;
  border-bottom: 8px solid transparent;
  border-top: 8px solid transparent;
  border-left: 14px solid #dcdcdc;
}

.tcon_list ul{
  font-size: 0;
}

.tcon_list li{
  display: inline-block;
  position: relative;
  cursor: pointer;
  vertical-align: top;
  width: 80px;
  height: 37px;
  line-height: 37px;
  background: #888;
  border-radius: 100px;
  text-align: center;
  margin-right: 5px;
  font-size: 15px;
}

.tcon_list .list{
  display: block;
  color: #fff;
}

.tcon_list .list span{
  line-height: 1.2;
  display: inline-block;
}

.tcon_list .info{
  position: absolute;
  white-space: nowrap;
  left: 50%;
  transform: translateX(-50%);
  background: #fff;
  top: -45px;
  padding: 5px 10px;
  border: 1px solid #474747;
  border-radius: 5px;
  font-size: 16px;
  line-height: 1.2;
  display: none;
}

.tcon_list .info::before{
  content: '';
  display: block;
  position: absolute;
  bottom: -5px;
  left: calc(50% - 4px);
  width: 7px;
  height: 7px;
  background: #fff;
  border-right:1px solid #474747;
  border-bottom:1px solid #474747;
  transform:rotate(45deg);
}

.tcon_list .list:hover + .info{
  display: block;
}

.tcon_list > div:nth-child(2) li{
  background: #f36c65;
}

.tcon_list > div:nth-child(2) .info{
  bottom: -45px;
  top: auto;
}

.tcon_list > div:nth-child(2) .info::before{
  top: -5px;
  bottom: auto;
  transform:rotate(-135deg);
}

.tcon_box{
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
}

.tcon_box > *{
  padding: 20px 15px
}
.tcon_box > * + *{
  border-top: 1px solid #ededed;
}

.tcon_box .date{
  flex: 0 0 25%;
  padding-left: 12px;
}

.tcon_box .date span {
  color:#999
}

.tcon_box .btnarea{
  text-align: center;
}

.tcon_box .btnarea .btn{
  width: 300px;
  height: 50px;
  line-height: 50px;
  text-align: center;
  display: inline-block;
  border-radius: 20px;
  font-size: 18px;
  font-weight: 500;
}

.big_btn{
  margin-top: 40px;
  text-align: center;
}

.big_btn .btn{
  display: inline-block;
  width: 300px;
  height: 75px;
  line-height: 75px;
  text-align: center;
  border-radius: 20px;
  font-size: 20px;
}

.tcon_edit{
  background: #fff;
  border-radius: 20px;
  overflow: hidden;
  box-shadow: 0 -3px 6px rgba(0, 0, 0, 0.2);
}

.tcon_edit .tit{
  background: #ec407a;
  padding: 10px 30px;
  color: #fff;
}

.tcon_edit + .tcon_edit{
  margin-top: 20px;
}

.tcon_edit .tit button{
  text-indent: -9999px;
  width: 20px;
  height: 25px;
  background: url('//tvcache.teacherville.co.kr/teacherville2/image/web/etc/tcon_del.png') no-repeat center;
}

.tcon_edit .table{
  border-top: 0;
}

.tcon_plus i{
  display: inline-block;
  width: 24px;
  height: 24px;
  background: url('//tvcache.teacherville.co.kr/teacherville2/image/web/etc/plus.png') no-repeat center;
  vertical-align: middle;
  margin: -3px 5px 0 0;
}

.total-price .tcon_wrap{
  border-radius: 20px 20px 0 0;
}

.tcon_total{
  background: #fbfbfb;
  padding: 20px;
  border-radius: 0 0 20px 20px;
  border: 1px solid #ddd;
  text-align: right;
}

.tcon_total p{
  color: #666;
}

.tcon_total strong{
  color: #f36c65;
  font-size: 23px;
  font-weight: bold;
}

.com-file-btn a{
  color: #1f75bb;
  text-decoration: underline;
  font-size: 15px;
}

.com-file-btn .del{
  width: 20px;
  height: 20px;
  background: url(../images/icon/ic_pop_close_gray.png) no-repeat center center;
  text-indent: -9999px;
  margin-left: 10px;
}

.tcon_wrap .com-file-btn .bar{
  display: inline-block;
  max-width: 130px;
  width: 50%;
  height: 12px;
  background: #ebebeb;
  border-radius: 100px;
  position: relative;
  margin-left: 10px;
}

.tcon_wrap .com-file-btn .bar div{
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  background: #ec407a;
  border-radius: 100px;
}

.tcon_wrap .com-file-btn .bar span{
  position: absolute;
  top: 50%;
  left: 0;
  transform: translateY(-50%);
  width: 100%;
  text-align: center;
  color: #fff;
  font-size: 10px;
  line-height: 1;
}

.main-view-content .exam-study-area .exam-info-box {
  position: relative;
  margin-top: 20px;
  padding: 15px 20px 20px;
  border-radius: 20px;
  border: 1px solid #ebebeb;
}

.main-view-content .exam-study-area .exam-info-box > .tit {
  display: block;
  font-size: 23px;
  line-height: 34px;
  color: #333;
}

.main-view-content .exam-study-area .exam-info-box .more-link {
  position: absolute;
  right: 20px;
  top: 22px;
}

.main-view-content .exam-study-area .exam-info-box .more-link button {
  width: 85px;
  height: 28px;
  margin-right: 10px;
  border-radius: 5px;
  font-size: 16px;
}

.main-view-content .exam-study-area .exam-info-box .more-link a{
  padding-right: 30px;
  background: url(../images/icon/ic_link_more.png) no-repeat right center;
  font-size: 16px;
  font-weight: 500;
  line-height: 26px;
  display: inline-block;
  color: #666;
}

.main-view-content .exam-study-area .exam-info-box .half-info-list {
  display: flex;
  flex-wrap: wrap;
  position: relative;
  min-height: 90px;
  margin-top: 15px;
  padding: 20px 20px 20px 20px;
  border-radius: 20px;
  border: 1px solid #ebebeb;
}

.main-view-content .exam-study-area .exam-info-box .half-info-list li {
  display: flex;
  align-items: center;
  width: 50%;
  font-size: 16px;
  line-height: 40px;
  color: #666;
}

.main-view-content .exam-study-area .exam-info-box .half-info-list li .tit {
  width: 100px;
  font-weight: bold;
}

.main-view-content .exam-study-area .exam-info-box .half-info-list li .txt {
  width: calc(100% - 100px);
}

.main-view-content .exam-study-area .exam-info-box .info-cnt {
  position: relative;
  min-height: 90px;
  margin-top: 15px;
  padding: 20px 300px 20px 20px;
  border-radius: 20px;
  border: 1px solid #ebebeb;
}

.exam_info .line-item {
  font-size: 16px;
  line-height: 30px;
}

.exam_info .line-item .tit {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
  font-weight: bold;
}

.exam_info .line-item .txt {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
  color:#888
}

.exam_info .line-item .txt.time {
  margin-right: 110px;
}

.exam_info .line-item .txt.red {
  color: #f36c65;
}

.exam_info .line-item .ic {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
  color:#888
}

.exam_info .line-item .btn {
  display: inline-block;
  margin-right: 10px;
  vertical-align: top;
  width: 120px;
  height: 30px;
  border-radius: 5px;
  background: #474747;
  font-size: 16px;
  color: #ededed;
}

.main-view-content .exam-study-area .exam-info-box .info-cnt .right-btn {
  position: absolute;
  right: 20px;
  height: 40px;
  top: 50%;
  transform: translateY(-50%);
}

.main-view-content .exam-study-area .exam-info-box .info-cnt .right-btn .btn {
  float: left;
  width: 120px;
  height: 40px;
  margin-left: 20px;
  border-radius: 10px;
  background: #474747;
  font-size: 16px;
  color: #ebebeb;
}

.main-view-content .exam-study-area .exam-info-box .info-cnt .right-btn .btn.blue {
  background: #3770c1;
}

.main-view-content .exam-study-area .exam-info-box .info-cnt .right-btn .btn.disabled, .main-view-content .exam-study-area .exam-info-box .info-cnt .right-btn .btn:disabled {
  background: #b8b8b8;
}

.main-view-content .study-history-area {
  margin-top: 20px; display:flex; justify-content:space-between; align-items:center;
}
.study-history-area .xl_btn{border-radius:0; font-weight:bold; min-width:260px}
.main-view-content .study-history-area.white-type {
  margin-top: 55px;
  padding: 25px 20px 20px 20px;
  background: #ebebeb;
}

.main-view-content .study-history-area.white-type .top-title-box .down-item {
  vertical-align: top;
}

.main-view-content .study-history-area.white-type .top-title-box .down-btn-item {
  display: inline-block;
  position: relative;
  top: -10px;
  width: 145px;
  height: 52px;
  margin-left: 30px;
  border: 1px solid #888;
  border-radius: 10px;
  background: #fff;
  text-align: center;
}

.main-view-content .study-history-area.white-type .top-title-box .down-btn-item.off {border:1px solid #ccc;}
.main-view-content .study-history-area.white-type .top-title-box .down-btn-item.off .txt {color: #ccc;background: url(../images/icon/ic_study_book_down_off.png) no-repeat 0 center; cursor: default;}

.main-view-content .study-history-area.white-type .top-title-box .down-btn-item .txt {
  display: inline-block;
  position: relative;
  top: 4px;
  padding-left: 50px;
  background: url(../images/icon/ic_study_book_down.png) no-repeat 0 center;
  font-size: 16px;
  line-height: 20px;
  color: #666;
}

.main-view-content .study-history-area .top-title-box {
  height: 36px;
}

.main-view-content .study-history-area .top-title-box > .tit {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  line-height: 36px;
  color: #333;
}

.main-view-content .study-history-area .top-title-box .com-note-down {
  float: right;
}

.main-view-content .study-history-area .date-box {
  display: flex;
  justify-content: space-between;
  height: 55px;
  margin-top: 15px;
}

.main-view-content .study-history-area .date-box .date-cnt {
  width: 715px;/*995*/
  height: 55px;
  padding-left: 20px;
  border-radius: 20px;
  background: #fff;
  line-height: 55px;
}

.main-view-content .study-history-area .date-box .date-cnt .tit {
  float: left;
  font-size: 18px;
  font-weight: bold;
  color: #666;
}

.main-view-content .study-history-area .date-box .date-cnt .day-select {
  float: left;
  /*margin-left: 115px;*/
  font-size: 20px;
  color: #333;
}

.main-view-content .study-history-area .date-box .date-cnt .day-select .day {
  display: inline-block;
  margin-right: 15px;
}

.main-view-content .study-history-area .date-box .date-cnt .day-select button {
  position: relative;
  top: 5px;
  width: 25px;
  height: 25px;
  border-radius: 50%;
}

.main-view-content .study-history-area .date-box .date-cnt .day-select .up-btn {
  background: #3770c1 url(../images/icon/ic_study_down_arrow.png) no-repeat center center;
}

.main-view-content .study-history-area .date-box .date-cnt .day-select .down-btn {
  transform: rotate(180deg);
  background: #3770c1 url(../images/icon/ic_study_down_arrow.png) no-repeat center center;
}

.main-view-content .study-history-area .date-box .date-cnt .day-view {
  display: flex;
  justify-content: space-between;
  float: left;
  width: 350px;
  margin: 10px 0 0 25px;
}

.main-view-content .study-history-area .date-box .date-cnt .day-view span {
  width: 35px;
  height: 35px;
  border-radius: 5px;
  border: 1px solid #888;
  background: #f1f1f1;
  font-size: 18px;
  color: #666;
  text-align: center;
  line-height: 32px;
}

.main-view-content .study-history-area .date-box .date-cnt .day-view span.on {
  border-color: #9abbeb;
  background: #c5d6ee;
}

.main-view-content .study-history-area .date-box .btn-cnt {
  width: 150px; /*185*/
  height: 52px;
  border: 1px solid #888;
  border-radius: 20px;
  background: #fff;
  text-align: center;
}

.main-view-content .study-history-area .date-box .btn-cnt .txt {
  display: inline-block;
  margin-top: 5px;
  padding-left: 50px;
  background: url(../images/icon/ic_study_book_down.png) no-repeat 0 center;
  font-size: 16px;
  line-height: 20px;
  color: #666;
}
.main-view-content .study-history-area .date-box .btn-cnt.off {border:1px solid #ccc;}
.main-view-content .study-history-area .date-box .btn-cnt.off .txt {color: #ccc;background: url(../images/icon/ic_study_book_down_off.png) no-repeat 0 center; cursor: default;}


.main-view-content .study-data-area .list li {
  position: relative;
  margin-top: 20px;
  padding: 20px;
  border: 1px solid #ebebeb;
  /* display:grid; grid-template-columns:calc(100% - 400px) 400px; */
  align-items:center
}
.study-data-area .list .btnarea{display:flex}
.study-data-area .list .btnarea > * + *{margin-left:20px}
.main-view-content .study-data-area .list > span{
  display: block;
  margin: 25px 0 -15px 0;
  color: #1f75bb;
  font-weight: bold;
  font-size: 24px;
}

.main-view-content .study-data-area .list li .tit {
  display: block;
  width: 95%;
  font-size: 18px;
  font-weight: bold;
  line-height: 26px;
  height: 52px;
  display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden;
  color: #333;
}

.main-view-content .study-data-area .list li .text {
  margin-top: 10px;
  font-size: 16px;
  color: #666; display:flex
}
.main-view-content .study-data-area .list li .text .ic{margin:0 10px}
.main-view-content .study-data-area .list li .text strong{margin-right:5px}
/* .main-view-content .study-data-area .list li .text > div{margin-right:15px}
.main-view-content .study-data-area .list li .text .txt{position:relative; padding-left:12px; margin-left:5px}
.main-view-content .study-data-area .list li .text .txt::before{content:'/'; position:absolute; top:1px; left:0} */
.main-view-content .study-data-area .list li .book-btn {
  width: 120px;
  height: 50px;
  background: #474747;
  font-size: 16px;
  font-weight: bold;
  color: #ebebeb;
}

.main-view-content .study-data-area .list li .successive-btn {
  width: 120px;
  height: 50px;
  background: #ebebeb;
  font-size: 16px;
  font-weight: bold;
  color: #3770c1;
}

.main-view-content .study-data-area .list li .study-btn {
  width: 120px;
  height: 50px;
  background: #4272f9;
  font-size: 16px;
  font-weight: bold;
  color: #ebebeb;
}

.main-view-content .study-data-area .list li .mobile-study-btn {
  position: absolute;
  display:none;
  border-radius: 10px;
  background: #3770c1;
  font-size: 16px;
  font-weight: bold;
  color: #ebebeb;
  transform: translateY(-50%);
}

.main-view-content .study-data-area .list li .study-btn .txt {
  display: inline-block;
  padding-left: 40px;
  background: url(../images/icon/ic_study_btn.png) no-repeat 0 center;
  line-height: 50px;
}

.main-view-content .round-info-area {
  margin-top: 40px; position:relative; border-radius:20px
}

.main-view-content .round-info-area.gray-type {
  border: 0;
  background: #ebebeb;
}

.main-view-content .round-info-area.gray-type .top-title-box .txt {
  float: none;
  font-weight: normal;
}

.main-view-content .round-info-area.gray-type .single-info-box {
  background: #fff;
}

.main-view-content .round-info-area.full-type {
  margin-top: 25px;
  padding: 0;
  border: 0;
}

.main-view-content .round-info-area.full-type .title-info-box .info-cnt {
  padding: 20px 0 20px 40px;
  min-height: 253px;
}

.main-view-content .round-info-area.full-type .title-info-box .info-cnt .left-box {
  width: 590px;
}

.main-view-content .round-info-area.full-type .title-info-box .info-cnt .left-box .modify-btn {
  position: absolute;
  right: -85px;
  top: 0;
  width: 70px;
  min-height: 28px;
  border-radius: 5px;
  border: 1px solid #ddd;
  background: #f1f1f1;
  font-size: 16px;
  color: #666;
  text-align: center;
}

.main-view-content .round-info-area.full-type .title-info-box .info-cnt .left-box .btn-item {
  position: absolute;
  right: 130px;
  top: 50%;
  transform: translateY(-50%);
  width: 80px;
}

.main-view-content .round-info-area.full-type .title-info-box .info-cnt .left-box .btn-item a, .main-view-content .round-info-area.full-type .title-info-box .info-cnt .left-box .btn-item button {
  display: inline-block;
  width: 100%;
  height: 28px;
  margin-bottom: 5px;
  border-radius: 5px;
  border: 1px solid #ddd;
  background: #f1f1f1;
  font-size: 16px;
  color: #666;
  text-align: center;
  position: relative;
}

.main-view-content .round-info-area.full-type .title-info-box .info-cnt .left-box .btn-item a.issue-btn, .main-view-content .round-info-area.full-type .title-info-box .info-cnt .left-box .btn-item button.issue-btn {
  background: #f36c65;
  color: #fff;
}

.main-view-content .round-info-area.full-type .title-info-box .info-cnt .left-box .bottom-txt {
  display: block;
  font-size: 14px;
  line-height: 20px;
  color: #f36c65;
}

.main-view-content .round-info-area.full-type .title-info-box .info-cnt .right-box {
  width: 590px;
  padding-left: 0;
}

.main-view-content .round-info-area.full-type .title-info-box .info-cnt .right-box::before {
  display: none;
}

.main-view-content .round-info-area.full-type .title-info-box .info-cnt .right-box .study-day-cnt {
  display: flex;
  justify-content: space-between;
  position: absolute;
  right: 0;
  top: -30px;
  width: 590px;
}

.main-view-content .round-info-area.full-type .title-info-box .info-cnt .right-box .study-day-cnt .info-txt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  text-align: center;
  width: 123px;
  border-radius: 20px;
  background: #ebebeb;
}

.main-view-content .round-info-area.full-type .title-info-box .info-cnt .right-box .study-day-cnt .info-txt .txt {
  font-size: 18px;
  line-height: 24px;
  font-weight: bold;
  color: #333;
}

.main-view-content .round-info-area.full-type .title-info-box .info-cnt .right-box .study-day-cnt .info-txt .blue-txt {
  font-size: 28px;
  line-height: 34px;
  font-weight: bold;
  color: #3770c1;
}

.main-view-content .round-info-area.full-type .title-info-box .info-cnt .right-box .study-day-cnt .btn-item {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  width: 305px;
}

.main-view-content .round-info-area.full-type .title-info-box .info-cnt .right-box .study-day-cnt .btn-item * + *{
  margin-top: 10px
}

.main-view-content .round-info-area.full-type .title-info-box .info-cnt .right-box .study-day-cnt .btn-item .study-btn {
  height: 73px;
  border-radius: 20px;
  background: #3770c1;
}

.main-view-content .round-info-area.full-type .title-info-box .info-cnt .right-box .study-day-cnt .btn-item .study-btn span {
  display: inline-block;
  padding-left: 40px;
  background: url(../images/icon/ic_study_btn.png) no-repeat 0 center;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  line-height: 73px;
}

.main-view-content .round-info-area.full-type .title-info-box .info-cnt .right-box .study-day-cnt .btn-item .research-btn,
.main-view-content .round-info-area.full-type .title-info-box .info-cnt .right-box .study-day-cnt .btn-item .review-btn {
  height: 50px;
  border-radius: 20px;
  background: #474747;
}

.main-view-content .round-info-area.full-type .title-info-box .info-cnt .right-box .study-day-cnt .btn-item .review-btn{
  background: #f36c65
}

.main-view-content .round-info-area.full-type .title-info-box .info-cnt .right-box .study-day-cnt .btn-item .research-btn span,
.main-view-content .round-info-area.full-type .title-info-box .info-cnt .right-box .study-day-cnt .btn-item .review-btn span {
  display: inline-block;
  padding-left: 30px;
  background: url(../images/icon/ic_research_btn.png) no-repeat 0 center;
  font-size: 18px;
  font-weight: bold;
  color: #fff;
  line-height: 50px;
}

.main-view-content .round-info-area.full-type .title-info-box .info-cnt .right-box .study-day-cnt .btn-item .review-btn span {
  background: url('//tvcache.teacherville.co.kr/teacherville2/image/web/icon/ic_review_btn.png') no-repeat 0 center
}

.main-view-content .round-info-area.full-type .two-info-section .title-info-box {
  width: 610px;
}

.main-view-content .round-info-area .top-title-box {
  font-size: 18px;
  font-weight: bold;
  color: #333;
  margin-bottom:20px;
  display:flex; align-items:center;
}
.main-view-content .round-info-area .top-title-box.fs_23{font-size:23px}
.main-view-content .round-info-area .top-title-box.fs_30{font-size:30px}
.main-view-content .round-info-area .top-title-box .tit {
  display: inline-block;
}

.main-view-content .round-info-area .top-title-box .txt {
  float: right;
  font-size: 16px;
  color: #666;
}

.main-view-content .round-info-area .single-info-box {
  display: flex;
  align-items: center;
  min-height: 90px;
  margin-top: 13px;
  padding: 20px;
  border-radius: 20px;
  border: 1px solid #ebebeb;
}

.main-view-content .round-info-area .single-info-box .tit {
  font-size: 18px;
  color: #333;
}

.main-view-content .round-info-area .single-info-box .num {
  width: 255px;
  text-align: right;
}

.main-view-content .round-info-area .single-info-box .num span {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  color: #3770c1;
  text-decoration: underline;
}

.main-view-content .round-info-area .single-info-box .modift-btn {
  width: 70px;
  height: 28px;
  margin-left: 20px;
  border: 1px solid #999;
  border-radius: 5px;
  background: #f1f1f1;
  font-size: 16px;
  line-height: 26px;
  color: #666;
  text-align: center;
}

.main-view-content .round-info-area .single-info-box .confirm-btn {
  width: 130px;
  height: 28px;
  margin-left: auto;
  border: 1px solid #27508b;
  border-radius: 5px;
  background: #3770c1;
  font-size: 16px;
  line-height: 26px;
  color: #ededed;
  text-align: center;
}

.main-view-content .round-info-area .title-info-box {
  margin: 20px 0 0;
  border-radius: 20px;
  border: 1px solid #ebebeb;
}

.main-view-content .round-info-area .title-info-box .top-cnt {
  height: 47px;
  padding: 9px 20px 0 15px;
  border-radius: 20px 20px 0 0;
  background: #7f7f7f;
  line-height: 28px;
  position: relative;
}

.main-view-content .round-info-area .title-info-box .top-cnt .tit {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  color: #ededed;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
  max-width: calc(100% - 485px);
}

.main-view-content .round-info-area .title-info-box .top-cnt .tit label{color:#333; background:#fff; border-radius:3px; padding:0 10px; margin-left:10px}

.main-view-content .round-info-area .title-info-box .top-cnt .tit .ic {
  display: inline-block;
  position: relative;
  top: 1px;
  width: 70px;
  height: 24px;
  margin: 0 0 0 5px;
  border-radius: 12px;
  background: #3770c1;
  font-size: 18px;
  line-height: 23px;
  text-align: center;
  color: #fff;
}

.main-view-content .round-info-area .title-info-box .top-cnt .tit .ic.blue {
  background: #3770c1;
}

.main-view-content .round-info-area .title-info-box .top-cnt .tit .ic.red {
  background: #f36c65;
}

.main-view-content .round-info-area .title-info-box .top-cnt .btn-item {
  float: right;
}

.main-view-content .round-info-area .title-info-box .top-cnt .btn-item .txt {
  font-size: 18px;
  color: #e0e0e0;
}

.main-view-content .round-info-area .title-info-box .top-cnt .btn-item button {
  width: 85px;
  height: 28px;
  margin-left: 10px;
  border-radius: 5px;
  background: #f1f1f1;
  font-size: 16px;
  color: #666;
}
.psr{position:relative}
.btn_info {
  position: absolute;
  text-align: center;
  top: 55px;
  right: 20px;
  background: #f36c65;
  padding: 20px;
  z-index: 1;
  color: #fff;
  border-radius: 20px;
  white-space:nowrap;
  display: none;
}

.btn_info::before{
  content:'';
  width: 0px;height: 0px;
  border-bottom: 13px solid #f36c65;
  border-right: 10px solid transparent;
  border-left: 10px solid  transparent;
  position: absolute;
  top: -13px;
  right: 31px;
}

.btn_info strong{
  font-weight: 500;
  color: #fffeaf;
}

button:hover + .btn_info{
  display: block;
}

.main-view-content .round-info-area .title-info-box .info-cnt {
  position: relative;
  padding: 25px 20px 25px;
}

.main-view-content .round-info-area .title-info-box .info-cnt::after {
  content: '';
  display: block;
  clear: both;
}

.main-view-content .round-info-area .title-info-box .info-cnt > .tit {
  display: block;
  font-size: 18px;
  color: #333;
  line-height: 48px;
}

.main-view-content .round-info-area .title-info-box .info-cnt .half-line {
  display: flex;
}

.main-view-content .round-info-area .title-info-box .info-cnt .left-box {
  position: relative;
  width: 580px;
}

.main-view-content .round-info-area .title-info-box .info-cnt .left-box .enter-btn {
  position: absolute;
  right: 75px;
  top: 0;
  width: 123px;
  height: 40px;
  border-radius: 5px;
  background: #555;
  text-align: center;
}

.main-view-content .round-info-area .title-info-box .info-cnt .left-box .enter-btn span {
  display: inline-block;
  padding-left: 30px;
  background: url(../images/icon/ic_btn_1.png) no-repeat 0 center;
  text-align: center;
  font-size: 16px;
  color: #fff;
  line-height: 40px;
  letter-spacing: -1px;
}

.main-view-content .round-info-area .title-info-box .info-cnt .left-box .buy-btn {
  position: absolute;
  right: 75px;
  top: 50px;
  width: 123px;
  height: 40px;
  border-radius: 5px;
  background: #555;
  text-align: center;
  color: #fff;
  line-height: 40px;
}

.main-view-content .round-info-area .title-info-box .info-cnt .left-box .buy-btn span {
  display: inline-block;
  padding-left: 30px;
  background: url(../images/icon/ic_btn_2.png) no-repeat 0 center;
  text-align: center;
  font-size: 16px;
  color: #fff;
  line-height: 40px;
  letter-spacing: -1px;
}

.main-view-content .round-info-area .title-info-box .info-cnt .right-box {
  position: relative;
  width: 540px;
  padding-left: 20px;
}

.main-view-content .round-info-area .title-info-box .info-cnt .right-box::before {
  content: '';
  position: absolute;
  left: 0;
  top: -10px;
  bottom: -10px;
  width: 1px;
  background: #ebebeb;
}

.main-view-content .round-info-area .title-info-box .info-cnt .txt-list {
  width: 360px;
}

.main-view-content .round-info-area .title-info-box .info-cnt .txt-list li {
  display: flex;
  height: 34px;
  justify-content: space-between;
}

.main-view-content .round-info-area .title-info-box .info-cnt .txt-list li > .txt {
  font-size: 16px;
  color: #333;
}

.main-view-content .round-info-area .title-info-box .info-cnt .txt-list li .detail {
  position: relative;
  font-size: 16px;
  color: #333;
}

.main-view-content .round-info-area .title-info-box .info-cnt .txt-list li .detail.blue {
  font-weight: bold;
  color: #3770c1;
}

.main-view-content .round-info-area .title-info-box .info-cnt .txt-list li .detail.blue .point .write-btn {
  background: #3770c1;
}

.main-view-content .round-info-area .title-info-box .info-cnt .txt-list li .detail.red {
  font-weight: bold;
  color: #f36c65;
}

.main-view-content .round-info-area .title-info-box .info-cnt .txt-list li .detail.red .point .write-btn {
  background: #f36c65;
}

.main-view-content .round-info-area .title-info-box .info-cnt .txt-list li .detail .point {
  position: absolute;
  left: calc(100% + 10px);
  top: 0;
  line-height: 22px;
  white-space: nowrap;
}
.main-view-content .round-info-area .title-info-box .info-cnt .txt-list li .detail .point a {width: 60px;
  height: 22px;
  border-radius: 5px;
  background: #F36C65;
  font-size: 13px;
  color: #fff;
  display: inline-block;
  text-align: center;
  font-weight: normal;}


.main-view-content .round-info-area .title-info-box .info-cnt .txt-list li .detail .point .write-btn {
  width: 60px;
  height: 22px;
  border-radius: 5px;
  background: #f36c65;
  font-size: 13px;
  color: #fff;
}

.main-view-content .round-info-area .title-info-box .info-cnt .txt-list li .detail .point .txt {
  display: inline-block;
  margin-left: 5px;
  font-size: 14px;
  font-weight: normal;
  color: #7f858d;
  text-decoration: underline;
}

.main-view-content .round-info-area .title-info-box .info-cnt .btn-center {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
}

.main-view-content .round-info-area .title-info-box .info-cnt .notice-txt {
  position: absolute;
  right: 20px;
  bottom: 35px;
  width: 120px;
  height: 90px;
  border-radius: 5px;
  background: #eee;
  font-size: 16px;
  color: #333;
  line-height: 90px;
  text-align: center;
}

.main-view-content .round-info-area .title-info-box .info-cnt .notice-txt.blue {
  border: 1px solid #3770c1;
  background: #c3d4ec;
  font-weight: bold;
  color: #3770c1;
}

.main-view-content .round-info-area .title-info-box .info-cnt .process-btn {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  right: 20px;
  bottom: 35px;
  width: 120px;
  text-align: center;
}

.main-view-content .round-info-area .title-info-box .info-cnt .process-btn .process {
  display: block;
  height: 45px;
  border-radius: 5px;
  background: #eee;
  font-size: 16px;
  line-height: 45px;
  color: #333;
}

.main-view-content .round-info-area .title-info-box .info-cnt .process-btn .process .percent {
  font-weight: bold;
  color: #3770c1;
}

.main-view-content .round-info-area .title-info-box .info-cnt .process-btn .link-btn {
  display: block;
  height: 45px;
  margin-top: 10px;
  border-radius: 5px;
  background: #474747;
  font-size: 16px;
  line-height: 45px;
  color: #ebebeb;
}

.main-view-content .round-info-area .title-info-box .info-cnt .day-txt {
  display: flex;
  flex-direction: column;
  justify-content: center;
  position: absolute;
  right: 20px;
  bottom: 35px;
  width: 120px;
  height: 90px;
  border-radius: 5px;
  background: #eee;
  text-align: center;
}

.main-view-content .round-info-area .title-info-box .info-cnt .day-txt .day {
  display: block;
  font-size: 18px;
  color: #333;
}

.main-view-content .round-info-area .title-info-box .info-cnt .day-txt .txt {
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #3770c1;
}

.main-view-content .round-info-area .two-info-section {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
}

.main-view-content .round-info-area .two-info-section .title-info-box .top-cnt .tit{
  max-width:100%
}

.main-view-content .round-info-area .two-info-section .title-info-box {
  width: 590px;
}

.event-view-content {
  position: relative;
  width: 1240px;
  margin: 60px auto 0;
  padding-bottom: 100px;
}

.event-view-content .event-board-area .top-title-box .top-title {
  display: inline-block;
  font-size: 26px;
  font-weight: bold;
  color: #333;
}

.event-view-content .event-board-area .top-title-box .com-btn {
  float: right;
  padding: 7px 20px;
}

.event-view-content .event-board-area .list-box {
  margin-top: 30px;
}

.event-view-content .event-board-area .list-box .list li + li {
  margin-top: 20px;
}

.event-view-content .event-board-area .list-box .list a {
  display: block;
  position: relative;
  min-height: 110px;
  padding: 0 0 10px 210px;
  border-bottom: 1px solid #ebebeb;
}

.event-view-content .event-board-area .list-box .list a .photo {
  overflow: hidden;
  position: absolute;
  left: 0;
  top: 0;
  width: 192px;
  height: 108px;
  border-radius: 10px;
}

.event-view-content .event-board-area .list-box .list a .photo img {
  width: 100%;
  height: 100%;
}

.event-view-content .event-board-area .list-box .list a .txt {
  height: 40px;
  font-size: 16px;
  line-height: 20px;
  color: #666;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.event-view-content .event-board-area .list-box .list a .info {
  display: block;
  margin-top: 45px;
  font-size: 14px;
  line-height: 20px;
  color: #333;
}

.event-view-content .event-reply-area .top-title, .comment-write legend {
  display: block;
  font-size: 26px;
  font-weight: bold;
  color: #333;
}
.comment-write{margin-top:60px}
.comment-write legend{margin-bottom:10px}

.event-view-content .event-reply-area .input-box {
  margin-top: 10px;
}

.event-view-content .event-reply-area .input-box textarea, .comment-write textarea {
  width: 1100px;
  height: 75px;
}

.event-view-content .event-reply-area .input-box button, .comment-write input[type="button"] {
  float: right;
  width: 120px;
  height: 75px;
  border-radius: 10px;
  background: #1f75bb;
  font-size: 16px;
  color: #ebebeb;
  min-width: auto;
}
.comment-write input[type="button"]{margin-top:0 !important}

.event-view-content .event-reply-area .reply-box, .comment{
  margin-top: 40px;
}

.event-view-content .event-reply-area .reply-box .list li, .comment li {
  position: relative;
  min-height: 80px;
  padding: 15px 120px 15px 0;
  border-bottom: 1px solid #ebebeb;
}

.comment li{font-size:14px}
.comment li em{font-style:normal; color:#1f75bb}
.comment li p{font-size:16px; color:#666; margin-top:10px}

.event-view-content .event-reply-area .reply-box .list li .txt {
  font-size: 16px;
  line-height: 20px;
  color: #666;
  word-break: break-all;
}

.event-view-content .event-reply-area .reply-box .list li .info {
  display: block;
  margin-bottom: 10px;
  font-size: 14px;
  color: #333;
}

.event-view-content .event-notice-area.dot-type {
  margin-top: 20px;
  padding: 40px 60px;
  border: 1px solid #ebebeb;
}

.event-view-content .event-notice-area.dot-type > .title {
  display: inline-block;
  position: relative;
  padding: 0 10px;
  color: #333;
}

.event-view-content .event-notice-area.dot-type > .title::before {
  content: '';
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 15px;
  background: #fbd3d0;
}

.event-view-content .event-notice-area.dot-type > .title span {
  position: relative;
}

.event-view-content .event-notice-area.dot-type .list li {
  position: relative;
  padding-left: 30px;
}

.event-view-content .event-notice-area.dot-type .list li::before {
  content: '';
  position: absolute;
  left: 16px;
  top: 12px;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background: #666;
}

.event-view-content .event-notice-area > .title {
  display: block;
  margin-top: 30px;
  font-size: 20px;
  font-weight: bold;
  color: #f36c65;
}

.event-view-content .event-notice-area > .title:first-child {
  margin-top: 0;
}

.event-view-content .event-notice-area .list {
  margin-top: 15px;
}

.event-view-content .event-notice-area .list li {
  margin-top: 10px;
  padding-left: 20px;
  font-size: 18px;
  line-height: 26px;
  color: #666;
}

.event-view-content .event-notice-area .list li:first-child {
  margin-top: 0;
}

.event-view-content .event-banner-area {
  margin-top: 50px;
}

.event-view-content .event-banner-area .top-title {
  display: block;
}

.event-view-content .event-banner-area .top-title .txt {
  display: inline-block;
  position: relative;
  font-size: 26px;
  font-weight: bold;
  line-height: 40px;
  color: #333;
}

.event-view-content .event-banner-area .top-title .txt::before {
  content: '';
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 20px;
  background: #fbd3d0;
}

.event-view-content .event-banner-area .top-title .txt span {
  position: relative;
}

.event-view-content .event-banner-area .banner-box {
  margin-top: 20px;
}

.event-view-content .event-banner-area .banner-box > .title {
  display: block;
  font-size: 26px;
  font-weight: bold;
  color: #333;
}

.com-top-banner {
  position: relative;
}

.com-top-banner a {
  position: relative;
  display: block;
  width: 1240px;
  margin: 0 auto;
}

.com-bottom-menu {
  display: none;
}

.main-banner-content {
  overflow: hidden;
  padding: 0 0 0;
}

.main-banner-content .banner-wrap {
  position: relative;
}

.float_banner{
  position: absolute;
  z-index: 1;
  top: 28.5%;
  left: 50%;
  margin-left: 450px;
  width:167px;
  height:167px;
  background:url('//tvcache.teacherville.co.kr/teacherville2/image/web/event/2023/01/230102_float_back.png');
  border-radius:100%;
  display:flex;
  align-items:center;
  justify-content: center;
  text-align:center;
  padding-top:15px;
}
.float_banner *{font-family:'Gmarket Sans'; letter-spacing:-1px; font-size:16px; color:#000}
.float_banner .tit{font-size:20px; font-weight:bold; color:#0069d5; margin:5px 0}
.float_banner .time{background:#202124; width:140px; height:30px; line-height:35px; border-radius:100px; margin-bottom:5px; color:#fff; font-weight:bold; font-size:38px; display:inline-flex; justify-content:center}
.float_banner .time span{color:#fff; font-weight:bold; font-size:16px; display:inline-block; letter-spacing:1px}
.float_banner .time .text{font-weight:normal; font-size:12px; margin-left:5px}
.float_banner .num{width:32px; height:32px; text-align:center; line-height:36px; background:#c40202; color:#ffd200; font-weight:bold; font-size:20px; border-radius:100%; margin:0 auto}
.float_banner button{
  position: absolute;
  right: 0;
  top: 0;
}









.main-banner-content .banner-wrap.video .control-area {
  bottom: 50px;
  width: 370px;
  margin-left: 147px;
  padding-left: 130px;
}

.main-banner-content .banner-wrap.video .control-area .control {
  position: absolute;
  left: 0;
  top: 0;
  margin: 0;
}

.main-banner-content .banner-wrap.video .control-area .process {
  margin-top: 12px;
}

.main-banner-content .banner-wrap .banner-area {
  display: none;
  position: relative;
}

.main-banner-content .banner-wrap .banner-area.slick-initialized {
  display: block;
}

.main-banner-content .banner-wrap .banner-area {
  position: relative;
  display: block;

}

.main-banner-content .banner-wrap .banner-area .video .banner-img img {
  position: absolute;
  left: 0;
  top: 0;
  width: 622px;
  height: 350px;
}

.main-banner-content .banner-wrap .banner-area .video .banner-img .txt-box {
  position: absolute;
  left: 655px;
  top: 13px;
}

.main-banner-content .banner-wrap .banner-area .video .banner-img .txt-box .title {
  display: block;
  font-size: 34px;
  font-weight: bold;
  line-height: 46px;
  color: #fff;
}

.main-banner-content .banner-wrap .banner-area .banner.video .banner-img .txt-box .txt {
  display: block;
  margin-top: 8px;
  font-size: 22px;
  line-height: 32px;
  color: #aaa;
}

.main-banner-content .banner-wrap .banner-area .banner-bg {
  /*position: absolute;
  left: -9999px;
  right: -9999px;
  top: -30px;
  bottom: 30px;*/
  display: block;
  width: 100%;
  height: 350px;
  overflow: hidden;
  background:#f2f2f2
}

.main-banner-content .banner-wrap .banner-area .banner-bg img {
  display: block;
  width: 100%;
  height: 500px;
  margin: 0 auto;
  -webkit-filter: blur(18px); -moz-filter: blur(18px); -o-filter: blur(18px); -ms-filter: blur(18px); filter: blur(18px);
  opacity: 0.3;
}

.main-banner-content .banner-wrap .banner-area .banner-img {
  display: block;
  max-width:1240px;
  width:100%;
  margin: 0 auto;
  z-index: 99;
  /**/
  top: 0;
  position: absolute;
  left: 55%;
  -webkit-transform: translateX(-50%);
  transform: translateX(-50%);
}

.main-banner-content .banner-wrap .banner-area .banner-img img {
  display: block;
  width: auto;
  height: 100%;
}








.main-banner-content .banner-wrap .control-area {
  position: absolute;
  left: 43%;
  bottom: 12px;
  /* width: 163px; */
  height: 46px;
  margin-left: 430px;
}

.main-banner-content .banner-wrap .control-area .process {
  display: block;
  position: relative;
  height: 1px;
  background: #b29a9b;
}

.main-banner-content .banner-wrap .control-area .process .bar {
  position: absolute;
  left: 0;
  top: 0;
  width: 0;
  height: 1px;
  background: #fff;
  transition: all 0.5s;
}

.main-banner-content .banner-wrap .control-area .control {
  position: relative;
  margin-top: 10px;
  height: 25px;
}

.main-banner-content .banner-wrap .control-area .control .pause-btn {
  float: left;
  width: 25px;
  height: 25px;
  border-radius: 5px;
  background: rgba(0, 0, 0, 0.3) url(../images/icon/main_banner_pause.png) no-repeat center center;
}

.main-banner-content .banner-wrap .control-area .control .count {
  float: left;
  width: 55px;
  height: 25px;
  margin-left: 0px;
  border-radius: 0px 0 0 0px;
  background: rgba(0, 0, 0, 0.3);
  line-height: 25px;
  text-align: center;
}

.main-banner-content .banner-wrap .control-area .control .count span {
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  letter-spacing: -1px;
}

.main-banner-content .banner-wrap .control-area .control .all-banner-btn {
  float: right;
  width: 25px;
  height: 25px;
  border-radius: 5px 5px 5px 5px;
  margin-left: 4px;
  background: rgba(0, 0, 0, 0.3) url(../images/icon/main_banner_more.png) no-repeat center center;/*ic_paging_next_w*/
}

.main-banner-content .banner-wrap .control-area .control .next-banner-btn {
  float: left;
  width: 25px;
  height: 25px;
  border-radius: 0 5px 5px 0;
  background: rgba(0, 0, 0, 0.3) url(../images/icon/ic_paging_next_w.png) no-repeat center center;/*ic_paging_next_w*/
}


.banner-pop-content {
  display: none;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.75);
  padding-top: 40px; /*120*/
  z-index: 1000;
}

.banner-pop-content .banner-area {
  position: relative;
  width: 1384px;
  margin: 0 auto;
}

.banner-pop-content .banner-area .banner-box {
  overflow: hidden;
}

.banner-pop-content .banner-area .banner-box .banner {
  float: left;
  width: 690px;
  height: 234px;
  margin: 0 4px 4px 0;
}

.banner-pop-content .banner-area .banner-box .banner:nth-child(2n) {
  margin-right: 0;
}

.banner-pop-content .banner-area .close-btn {
  position: absolute;
  right: -40px;
  top: 0;
  width: 40px;
  height: 40px;
  background: #474747 url(../images/icon/main_banner_pop_close.png) no-repeat center center;
}

.com-line-bannner {
  margin: 35px 0 -53px !important;
  padding:0 !important; border:0 !important; background:#fff; position:relative;
}

.com-line-bannner:first-child {
  margin-top: 0;
}

.com-line-bannner a {
  display: block;
}

.com-line-bannner a img {
  width: 100%;
  border-radius: 18px;
}
.com-line-bannner button{font-size:0;}

.com-slick-banner {
  position: relative;
}

.com-slick-banner .datenoti {position: absolute;top: 10px;right: 0px;}
.com-slick-banner .datenoti strong {color: #f36c65 }

.com-slick-banner.list-type {
  margin-top: 0;
}

.com-slick-banner.list-type .banner-area {
  display: block;
  overflow: hidden;
  margin: 10px 0 0 0;
}

.com-slick-banner.list-type .banner-area .banner {
  float: left;
  width: 295px;
  padding: 0;
  margin: 0 20px 20px 0;
}

.com-slick-banner.list-type .banner-area .banner:nth-child(4n) {
  margin-right: 0;
}

.com-slick-banner.event-type .title-area .tit {
  color: #ee3f68;
}

/* .com-slick-banner.event-type .banner-area .banner {
  height: 290px;
} */

.com-slick-banner.event-type .banner-area .banner .photo {
  padding-bottom:calc(72% + 2px); overflow:hidden
}

.com-slick-banner.event-type .banner-area .banner .photo::before {
  display: none;
}

.com-slick-banner.event-type .banner-area .banner .bottom-info {
  position: absolute;
  left: 0;
  bottom: 0;
  right: 0;
  height: 30px;
  padding: 0 15px;
  background: rgba(0, 0, 0, 0.5);
  line-height: 30px;
}

.com-slick-banner.event-type .banner-area .banner .bottom-info .remain {
  float: left;
  font-size: 14px;
  font-weight: bold;
  color: #fff;
}

.com-slick-banner.event-type .banner-area .banner .bottom-info .day {
  float: right;
  font-size: 14px;
  color: #fff;
}

.com-slick-banner.arrow-type .title-area {
  position: relative;
}

.com-slick-banner.arrow-type .title-area .banner-control {
  position: absolute;
  right: 0;
  bottom: 0;
}

.com-slick-banner.arrow-type .title-area .banner-control .prev {
  display: inline-block;
  vertical-align: top;
  width: 18px;
  height: 20px;
  background: url(../images/icon/ic_txt_banner_arrow.png) no-repeat center 4px;
}

.com-slick-banner.arrow-type .title-area .banner-control .prev:hover {
  background-image: url(../images/icon/ic_txt_banner_arrow_on.png);
}

.com-slick-banner.arrow-type .title-area .banner-control .next {
  display: inline-block;
  vertical-align: top;
  width: 18px;
  height: 20px;
  background: url(../images/icon/ic_txt_banner_arrow.png) no-repeat 4px center;
  transform: rotate(180deg);
}

.com-slick-banner.arrow-type .title-area .banner-control .next:hover {
  background-image: url(../images/icon/ic_txt_banner_arrow_on.png);
}

.com-slick-banner.arrow-type .title-area .banner-control .count {
  display: inline-block;
  vertical-align: top;
  font-size: 13px;
  font-weight: bold;
  line-height: 20px;
  color: #888;
}

.com-slick-banner.arrow-type .banner-area.link-type .icon-txt + .banner {
  border-radius: 10px 10px 0 0;
}

.com-slick-banner.arrow-type .banner-area.link-type .icon-txt + .banner + .banner {
  border-radius: 0 0 10px 10px;
}

.com-slick-banner.arrow-type .banner-area.link-type .banner + .banner {
  border-top: 0;
  padding: 5px 0;
}

.com-slick-banner.arrow-type .banner-area.link-type .banner + .banner .user-info {
  margin-top: 0;
}

.com-slick-banner.arrow-type .banner-area .banner {
  height: auto;
  margin: 0 2px;
  padding: 0 0 15px 0;
  border-radius: 10px;
  border: 1px solid #ddd;
}

.com-slick-banner.arrow-type .banner-area .banner .photo::before {
  display: none;
}

.com-slick-banner.arrow-type .banner-area .banner .photo img {
  border-radius: 10px 10px 0 0;
}

.com-slick-banner.arrow-type .banner-area .banner > .txt {
  margin-top: 15px;
  padding: 0 20px;
}

.com-slick-banner.arrow-type .banner-area .banner .user-info {
  display: block;
  height: 40px;
  margin-top: 16px;
  padding: 0 20px;
}

.com-slick-banner.arrow-type .banner-area .banner .user-info .name {
  float: left;
}

.com-slick-banner.arrow-type .banner-area .banner .user-info .name img {
  display: inline-block;
  vertical-align: top;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #ddd;
}

.com-slick-banner.arrow-type .banner-area .banner .user-info .name .txt {
  display: inline-block;
  vertical-align: top;
  margin-left: 6px;
  font-size: 14px;
  font-weight: 500;
  line-height: 40px;
  color: #686868;
}

.com-slick-banner .title-area {
  position: relative;
}

.com-slick-banner .title-area .tit {
  display: inline-block;
  font-size: 24px;
  font-weight: 500;
  color: #333;
  line-height: 36px;
  letter-spacing: -1px;
}

.com-slick-banner .title-area .sub-txt {
  position: relative;
  top: -1px;
  left: 4px;
  font-size: 17px;
  color: #666;
}

.com-slick-banner .more-btn {
  position: absolute;
  right: 0;
  top: 5px;
  height: 26px;
  padding-right: 34px;
  background: url(../images/icon/main_banner_link_more.png) no-repeat right 0;
  font-size: 16px;
  line-height: 26px;
  color: #666;
}

.com-slick-banner .tab-area {
  overflow: hidden;
  margin-top: 12px;
}

.com-slick-banner .tab-area ~ .banner-area {
  margin-top: 30px;
}

.com-slick-banner .tab-area ~ .more-btn {
  top: 75px;
}

.com-slick-banner .tab-area button {
  float: left;
  width: 104px;
  height: 40px;
  background: #f1f1f1;
  border: 1px solid #b2b2b2;
  border-left: 0;
  font-size: 16px;
  color: #666;
}

.com-slick-banner .tab-area #top10-tab {width: 100%}


.com-slick-banner .tab-area button:first-child {
  border-left: 1px solid #b2b2b2;
}

.com-slick-banner .tab-area button.on {
  background: #1f75bb;
  font-weight: bold;
  color: #fff;
}

.com-slick-banner .banner-area {
  display: none;
  position: relative;
}

@media (max-width: 1240px) {
  .com-slick-banner .banner-area {margin: 20px -10px 0;}
  .com-slick-banner .datenoti {font-size: 13px; top:0; position:relative;}

}

.com-slick-banner .banner-area.slick-initialized {
  display: block;
  margin:0 -5px;
}

.com-slick-banner .banner-area.number-type .banner {
  height: 280px;
  padding-top: 18px;
}

.com-slick-banner .banner-area.user-type .banner {
  height: 226px;
}

.com-slick-banner .banner-area.user-type .banner .photo img {
  border-radius: 0px 0px 0 0;/* 10px 10px 0 0*/
}

.com-slick-banner .banner-area .slick-slide {
  position: relative;
}

.com-slick-banner .banner-area .slick-slide .icon {
  position: absolute;
  left: 10px;
  top: 5px;
  z-index: 1;
}

.com-slick-banner .banner-area .slick-slide .icon img {
  display: inline-block;
  vertical-align: top;
  margin-right: 2px;
}

.com-slick-banner .banner-area .slick-slide .icon-txt {
  position: absolute;
  right: 10px;
  top: 0;
  z-index: 1;
  min-width: 100px;
  height: 36px;
  border-radius: 0 10px 0 10px;
  line-height: 36px;
  text-align: center;
}

.com-slick-banner .banner-area .slick-slide .icon-txt.black {
  background-color: #555 !important;
  color: #fff !important;
}

.com-slick-banner .banner-area .slick-slide .icon-txt.green {
  background-color: #86c35d !important;
  color: #fff !important;
}

.com-slick-banner .banner-area .slick-slide .icon-txt.red {
  background-color: #f36c65 !important;
  color: #fff !important;
}

.com-slick-banner .banner-area .slick-slide .icon-txt.blue {
  background-color: #3cc3ef !important;
  color: #fff !important;
}

.com-slick-banner .banner-area .slick-slide .icon-txt.deep-blue {
  background-color: #3590ba !important;
  color: #fff !important;
}

.com-slick-banner .banner-area .slick-slide .icon-txt.purple {
  background-color: #cb55b2 !important;
  color: #fff !important;
}

.com-slick-banner .banner-area .slick-slide .icon-txt.yellow {
  background-color: #f3cb45 !important;
  color: #fff !important;
}

.com-slick-banner .banner-area .slick-slide .icon-txt.brown {
  background-color: #a77f1e !important;
  color: #fff !important;
}

.com-slick-banner .banner-area .slick-slide .icon-txt.gray {
  background-color: #999 !important;
  color: #fff !important;
}

.com-slick-banner .banner-area .slick-slide .icon-txt.disabled {
  cursor: default;
  background-color: #e4e4e4 !important;
  color: #fff !important;
}

.com-slick-banner .banner-area .banner {
  display: block;
  position: relative;
  margin:0 5px
}

.com-slick-banner .banner-area .banner .num {
  position: absolute;
  left: 50%;
  top: 0;
  transform: translateX(-50%);
  width: 42px;
  height: 42px;
  border-radius: 50%;
  background: #1f75bb;
  font-size: 17px;
  font-weight: bold;
  line-height: 42px;
  color: #fff;
  text-align: center;
  z-index: 100;
}

.com-slick-banner .banner-area .banner .photo {
  display: block;
  position: relative;
  padding-bottom:56%;
}

.com-slick-banner .banner-area .banner .photo::before {
  content: '';
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 53px;
  height: 53px;
  background: url(../images/icon/main_banner_play_btn.png) no-repeat 0 0;
}

.com-slick-banner .banner-area .banner .photo img, .com-slick-banner .banner-area .banner .photo iframe{
  position:absolute; top:0; left:0; width:100%; height:100%
}

.com-slick-banner .banner-area .banner .icon {
  position: absolute;
  left: 5px;
  bottom: -12px;
  height: 15px;
}

.com-slick-banner .banner-area .banner .icon span {
  float: left;
  width: 60px;
  height: 24px;
  margin-right: 10px;
  font-size: 13px;
  font-weight: bold;
  line-height: 24px;
  text-align: center;
  color: #fff;
}

.com-slick-banner .banner-area .banner .icon span.new {
  background: #00b4c2;
}

.com-slick-banner .banner-area .banner .icon span.mobile {
  background: #a1b400;
}

.com-slick-banner .banner-area .banner .icon span.sale {
  background: #ec8500;
}

.com-slick-banner .banner-area .banner > .txt {
  display: block;
  height: 48px;
  margin-top: 28px;
  font-size: 15px;
  color: #333;
  line-height: 24px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.com-slick-banner .banner-area .banner .user-txt {
  display: block;
  height: 60px;
  padding: 20px 0 0 20px;
  background: #ebebeb;
  line-height: 20px;
}

.com-slick-banner .banner-area .banner .user-txt .count {
  display: inline-block;
  height: 20px;
  padding: 0 10px 0 25px;
  border-radius: 10px;
  background: #466f91 url(../images/icon/main_banner_count_play.png) no-repeat 11px center;
  vertical-align: top;
  font-size: 12px;
  color: #fff;
}

.com-slick-banner .banner-area .banner .user-txt .txt {
  display: inline-block;
  position: relative;
  top: -1px;
  width: 175px;
  height: 20px;
  margin-left: 10px;
  vertical-align: top;
  font-size: 12px;
  color: #000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.com-slick-banner .banner-area .slick-next {
  position: absolute;
  right: -10px;
  top: 50%;
  width: 30px;
  height: 30px;
  margin-top:-15px;
  background: rgba(0, 0, 0, 0.3) url(../images/icon/main_banner_arrow.png) no-repeat center center;
  text-indent: -9999px;
}

.com-slick-banner .banner-area .slick-prev {
  position: absolute;
  left: -10px;
  top: 50%;
  width: 30px;
  height: 30px;
  margin-top:-30px;
  background: rgba(0, 0, 0, 0.3) url(../images/icon/main_banner_arrow.png) no-repeat center center;
  text-indent: -9999px;
  transform: rotate(-180deg);
  z-index: 1;
}

#top10-area .slick-next {
  top: 113px;
}

#top10-area .slick-prev {
  top: 90px;
}

#realtime4-list .slick-next {
  top: 60%;
}

#realtime4-list .slick-prev {
  top: 50%;
}

.com-list-banner {
  position: relative;
  margin-top: 55px;
  padding-bottom: 20px;
}

.com-list-banner::before {
  content: '';
  position: absolute;
  left: -9999px;
  right: -9999px;
  bottom: 0;
  height: 175px;
  background: #f5f5f5;
}

.com-list-banner.cost-type::before {
  display: none;
}

.com-list-banner.cost-type .banner-area .banner .favorite-item .cost-cnt {
  padding-top: 8px;
  font-size: 16px;
  font-weight: bold;
  text-align: right;
  color: #333;
}

.com-list-banner .title-area {
  position: relative;
  line-height: 36px;
}

.com-list-banner .title-area .title-box {
  position: relative;
  border-bottom:1.5px solid #1d73bb;
  padding-bottom:2px;
}

.com-list-banner .title-area .title-box .tit {
  display: inline-block;
  font-size: 24px;
  font-weight: 500;
  color: #1d73bb;
}

.com-list-banner .title-area .title-box .sub-txt {
  display: inline-block;
  margin-left: 13px;
  font-size: 17px;
  color: #666;
}

.com-list-banner .title-area .more-btn {
  position: absolute;
  right: 0;
  top: 2px;
  height: 26px;
  padding-right: 34px;
  background: url(../images/icon/main_banner_link_more.png) no-repeat right 0;
  font-size: 16px;
  line-height: 26px;
  color: #666;
}

.com-list-banner .title-area .more-box {
  position: relative;
  margin-top: 4px;
}

.com-list-banner .title-area .more-box .tit {
  display: inline-block;
  font-size: 20px;
  font-weight: 500;
  color: #333;
}

.com-list-banner.plan-type .banner-area .banner {
  width: calc(20% - 15px);
  border-radius: 0;
}

.com-list-banner.plan-type .banner-area .banner .photo {
  padding-bottom: 100%;
  position:relative;
}

.com-list-banner .banner-area {
  display: flex; /*부교재수정*/
  position: relative;
  justify-content: space-between;
  margin: 10px 0 0;
  width: 100%;
}

.com-list-banner .banner-area.class-type {display: inline-block}
.com-list-banner .banner-area.class-type .banner {margin: 6px;}

.com-list-banner .banner-area.class-type .banner {
  border-radius: 0;
}

.com-list-banner .banner-area.class-type .banner .photo {
  height: 166px;
}

.com-list-banner .banner-area .banner {
  overflow: hidden;
  position: relative;
  width: -webkit-calc(25% - 15px);
  width: -moz-calc(25% - 15px);
  width: calc(25% - 15px);
  border-radius: 10px;
  border: 1px solid #ddd;
  background: #fff;
  display: inline-block;/*부교재수정*/
}

.com-list-banner .banner-area .banner .photo {
  display: block;
  position: relative;
  width: 100%;
  padding-bottom: 75%;
}

.com-list-banner .banner-area .banner .photo img {
  position: absolute; top:0; left:0; width:100%; height:100%
}

.com-list-banner .banner-area .banner .photo .charge {
  position: absolute;
  left: 9px;
  top: 8px;
  width: 50px;
  height: 25px;
  border-radius: 13px;
  background: #e22727;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  line-height: 25px;
  text-align: center;
}

.com-list-banner .banner-area .banner .photo .icon {
  position: absolute;
  right: 0;
  top: 0;
  min-width: 80px;
  height: 26px;
  padding: 0 5px;
  border-radius: 0 0 0 10px;
  font-size: 13px;
  font-weight: 500;
  color: #fff;
  line-height: 26px;
  text-align: center;
  letter-spacing: -1px;
}

.com-list-banner .banner-area .banner .photo .icon.blue {
  background: #5072d3;
}

.com-list-banner .banner-area .banner .photo .icon.green {
  background: #50d3b3;
}

.com-list-banner .banner-area .banner .photo .cost {
  position: absolute;
  right: 0;
  bottom: 0;
  height: 32px;
  padding: 0 10px;
  background: rgba(250, 250, 250, 0.9);
  line-height: 32px;
  border-radius: 5px 0 0 0;
}

.com-list-banner .banner-area .banner .photo .cost .sale {
  font-size: 16px;
  font-weight: bold;
  color: #0a3f72;
}

.com-list-banner .banner-area .banner .photo .cost .default {
  font-size: 14px;
  font-weight: bold;
  color: #999;
  text-decoration: line-through;
}

.com-list-banner .banner-area .banner .info-item {
  display: block;
  padding: 16px 20px;
}
.com-list-banner .more-box label{color:#fff; width:105px; height:31px; line-height:31px; display:inline-block; text-align:center; border-radius:5px; font-size:18px; font-weight:normal;}
.com-list-banner .more-box label.green{background:#61da66 !important}
.com-list-banner .more-box label.yellow{background:#eab142 !important}
.com-list-banner .banner-area .banner .info-item > .text {
  display: block;
  height: 44px;
  font-size: 16px;
  font-weight: 500;
  color: #3e4644;
  line-height: 22px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.com-list-banner .banner-area .banner .info-item .user-info {
  display: block;
  margin-top: 16px;
}

.com-list-banner .banner-area .banner .info-item .user-info .name img {
  display: inline-block;
  vertical-align: top;
  width: 40px;
  height: 40px;
  border-radius: 50%;
  border: 1px solid #ddd;
}

.com-list-banner .banner-area .banner .info-item .user-info .name .txt {
  display: inline-block;
  vertical-align: top;
  margin-left: 6px;
  font-size: 14px;
  font-weight: 500;
  color: #686868;
}

.com-list-banner .banner-area .banner .info-item .user-info .point {
  float: right;
  padding-left: 18px;
  font-size: 14px;
  font-weight: 500;
  line-height: 40px;
  color: #a8a8a8;
  background: url(../images/icon/ic_star_on.png) no-repeat 0 center;
}
.com-list-banner .banner-area .banner .info-item .flexbox {margin-top:10px;}
.com-list-banner .banner-area .banner .info-item label{
  font-size: 12px;
  border-radius: 30px;
  display: inline-block;
  padding: 6px 15px 7px;
  color: #fff;
  line-height: 1;
  font-weight: normal;
}
.label.label-default {background:#9a45c1;}
.label.label-pink {background:#FF66CC;}
.com-list-banner .banner-area .banner .info-item .flexbox span{font-size:14px; color:#686868}

.com-list-banner .banner-area .banner .favorite-item {
  height: 153px;
  padding: 28px 20px 0;
}

.com-list-banner .banner-area .banner .favorite-item .icon-cnt {
  height: 22px;
}

.com-list-banner .banner-area .banner .favorite-item .icon-cnt .icon {
  display: inline-block;
  vertical-align: top;
  width: 65px;
  height: 22px;
  margin-right: 2px;
  background: #3e4644;
  font-size: 12px;
  font-weight: bold;
  line-height: 22px;
  color: #fff;
  text-align: center;
}

.com-list-banner .banner-area .banner .favorite-item .text {
  display: block;
  height: 44px;
  margin-top: 17px;
  font-size: 16px;
  font-weight: 500;
  color: #3e4644;
  line-height: 22px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.com-list-banner .banner-area .banner .favorite-item .favorite-cnt {
  height: 20px;
  margin-top: 7px;
  line-height: 20px;
}

.com-list-banner .banner-area .banner .favorite-item .favorite-cnt .btn {
  float: left;
  width: 20px;
  height: 20px;
  background: url(../images/icon/ic_star.png) no-repeat center center;
}

.com-list-banner .banner-area .banner .favorite-item .favorite-cnt .btn.on {
  background-image: url(../images/icon/ic_star_on.png);
}

.com-list-banner .banner-area .banner .favorite-item .favorite-cnt .count {
  float: right;
  font-size: 14px;
  color: #666;
}

.com-list-banner .banner-area .banner .plan-item {
  position: relative;
  height: 125px;
  padding: 20px 0 0 0;
  text-align: center;
}

.com-list-banner .banner-area .banner .plan-item .icon {
  display: block;
  height: 17px;
}

.com-list-banner .banner-area .banner .plan-item .icon .ic {
  display: inline-block;
  vertical-align: top;
  height: 17px;
  padding: 0 5px;
  border-radius: 8px;
  border: 1px solid #9a9a9a;
  font-size: 12px;
  color: #000;
  line-height: 13px;
}

.com-list-banner .banner-area .banner .plan-item .text {
  height: 40px;
  margin-top: 7px;
  padding: 0 15px;
  font-size: 14px;
  line-height: 20px;
  color: #333;
  text-align: left;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.com-list-banner .banner-area .banner .plan-item .cost {
  position: absolute;
  left: 0;
  right: 0;
  bottom: 0;
  height: 34px;
  border-top: 1px solid #ddd;
  font-size: 15px;
  font-weight: bold;
  color: #333;
  line-height: 32px;
}

.new-list-banner{
  padding:50px 0 30px 0;
}

.new-list-banner::before{
  content: '';
  position: absolute;
  left: -9999px;
  right: -9999px;
  bottom: 0;
  top: 0;
  background: #f1f1f1;
  border-top:1px solid #ddd;
  border-bottom:1px solid #ddd
}

.new-list-banner .title-area{
  background: linear-gradient(90deg, #ffff 10%, #fe4057 10%);
  border: 3px solid #fe4057;
  border-radius: 20px;
  overflow: hidden;
  display: table;
  width: 100%;
  margin-bottom: 30px;
  display: none;
  table-layout: fixed;
  min-height: 158px;
}

.new-list-banner .banner-area{
  display: none !important;
}

.new-list-banner .title-area.active{
  display:table !important;
}

.new-list-banner .banner-area.active{
  display: block !important;
}

.new-list-banner .left-div{
  display: table-cell;
  border-radius: 0 100px 100px 0;
  background: #fff;
  padding:0 25px;
  vertical-align: middle;
}

.new-list-banner .left-div > *{
  display: inline-block;
}

.new-list-banner .left-div .month{
  color: #aaa;
  font-size: 22px;
  font-weight: bold;
  padding-right:31px;
  margin-right: 30px;
  position:relative;
}

.new-list-banner .left-div .month::before{
  content: '';
  position: absolute;
  height: 60px;
  right: 0;
  width: 1px;
  top: 50%;
  transform: translateY(-50%);
  background: #cecece;
}

.new-list-banner .left-div .month span{
  color: #fe4057
}

.new-list-banner .left-div .month strong{
  font-size: 70px;
  line-height: 1;
}

.new-list-banner .left-div .tit{
  font-size: 32px;
  font-weight: bold;
}

.new-list-banner .left-div .text{
  font-size: 20px;
  color: #fe4057;
  margin-top: 5px;
}

.new-list-banner .right-div{
  display:table-cell;
  padding: 15px 20px;
  width:315px
}

.new-list-banner .right-div button{
  width: 275px;
  height: 36px;
  border-radius: 100px;
  font-size: 18px;
  font-weight: 500;
  color:#333;
  background: linear-gradient(90deg, #fed000, #fe9b00);
}

.new-list-banner .right-div button i{
  display: inline-block;
  width: 12px;
  height: 12px;
  background: url('//tvcache.teacherville.co.kr/teacherville2/image/web/icon/list_arrow.png') no-repeat center;
}

.new-list-banner .right-div button.curr{
  background: linear-gradient(90deg, #ededed, #b4b4b4);
}

.new-list-banner .right-div button.curr i{
  transform: rotate(180deg)
}

.new-list-banner .right-div .tit{
  color: #fff;
  font-size: 20px;
  margin-top: 10px;
  line-height: 1;
}

.new-list-banner .right-div .text{
  color: #ffbeb5;
  font-size: 18px;
  line-height: 1;
}

.main .notice-content {
  display: block;
  overflow: hidden;
  margin:30px 0; padding:0; border:none
}
.notice-content .more{font-size:14px; font-weight:500; margin-left:20px}

.main .notice-content {
  display:grid; grid-template-columns:70% auto; justify-content:space-between
}

.main .notice-content .tit {
  float: left;
  width: 110px;
  font-size: 14px;
  color: #aaa;
}

.main .notice-content .text {
  float: left;
  width: calc(100% - 120px);
  font-size: 14px;
  font-weight: 500;
  color: #000;
  overflow: hidden;
  white-space: nowrap;
  text-overflow: ellipsis;
}

.main .notice-content .day {
  font-size: 14px;
  color: #aaa;
}

.main .notice-content .menu-link {
  float: right;
}

.main .notice-content .menu-link a {
  display: inline-block;
  position: relative;
  padding: 0 20px;
  font-size: 14px;
  color: #333;
  line-height: 30px;
}

.main .notice-content .menu-link a::before {
  content: '/';
  position: absolute;
  left: 0;
  top: 0;
  font-size: 14px;
  color: #afafaf;
  line-height: 30px;
}

.main .notice-content .menu-link a:first-child::before {
  display: none;
}

.main .notice-content .menu-link a:last-child {
  padding-right: 0;
}

.main .link-list-banner {
  display: flex;
  align-items: center;
  height: 87px;
  margin-top: 50px;
  border: 1px solid #ddd;
  background: #f8f8f8;
  padding-top:0;
}

.main .link-list-banner a {
  flex: 1;
  display: block;
  position: relative;
  text-align: center;
}

.main .link-list-banner a::before {
  content: '';
  position: absolute;
  left: 0;
  top: 30px;
  width: 1px;
  height: 23px;
  background: #ddd;
}

.main .link-list-banner a:first-child::before {
  display: none;
}

.main .link-list-banner a span {
  display: inline-block;
  position: relative;
  height: 85px;
  padding-left: 38px;
  font-size: 16px;
  color: #333;
  line-height: 85px;
}

.main .link-list-banner a:nth-child(1) span {
  background: url(../images/icon/ic_link_menu_1.png) no-repeat 0 center;
}

.main .link-list-banner a:nth-child(2) span {
  background: url(../images/icon/ic_link_menu_2.png) no-repeat 0 center;
}

.main .link-list-banner a:nth-child(3) span {
  background: url(../images/icon/ic_link_menu_3.png) no-repeat 0 center;
}

.main .link-list-banner a:nth-child(4) span {
  background: url(../images/icon/ic_link_menu_4.png) no-repeat 0 center;
}

.main .link-list-banner a:nth-child(5) span {
  background: url(../images/icon/ic_link_menu_5.png) no-repeat 0 center;
}

.main .link-list-banner a:nth-child(6) span {
  background: url(../images/icon/ic_link_menu_6.png) no-repeat 0 center;
}

.main .review-info-content {
  position: relative;
  margin-top: 60px;
  padding: 35px 0 60px;
}

.main .review-info-content::before {
  content: '';
  position: absolute;
  left: -9999px;
  top: 0;
  right: -9999px;
  height: 1px;
  background: #e5e5e5;
}

.main .review-info-content::after {
  content: '';
  position: absolute;
  left: -9999px;
  bottom: 0;
  right: -9999px;
  height: 1px;
  background: #e5e5e5;
}

.main .review-info-content .title-area {
  position: relative;
}

.main .review-info-content .title-area .tit {
  display: inline-block;
  font-size: 24px;
  font-weight: 500;
  color: #333;
  line-height: 36px;
  letter-spacing: -1px;
}

.main .review-info-content .more-btn {
  position: absolute;
  right: 0;
  top: 5px;
  height: 26px;
  padding-right: 34px;
  background: url(../images/icon/main_banner_link_more.png) no-repeat right 0;
  font-size: 16px;
  line-height: 26px;
  color: #666;
}

.main .review-info-content .view-area {
  display: flex;
  justify-content: space-between;
  margin-top: 15px;
}

.main .review-info-content .view-area .banner-item {
  position: relative;
  width: 400px;
  height: 170px;
  padding: 14px 20px 0;
  border-radius: 10px;
  background: #ececec;
}

.main .review-info-content .view-area .banner-item::after {
  content: '';
  position: absolute;
  left: 84px;
  bottom: -13px;
  width: 13px;
  height: 13px;
  background: url(../images/icon/ic_review_arrow.png) no-repeat 0 0;
}

.main .review-info-content .view-area .banner-item > .tit {
  display: block;
  font-size: 16px;
  font-weight: bold;
  line-height: 26px;
  color: #000;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}

.main .review-info-content .view-area .banner-item .text-box {
  position: relative;
  margin-top: 18px;
  padding-left: 81px;
}

.main .review-info-content .view-area .banner-item .text-box .photo {
  position: absolute;
  left: 0;
  top: 4px;
  width: 59px;
  height: 59px;
  border-radius: 50%;
}

.main .review-info-content .view-area .banner-item .text-box .txt {
  display: block;
  height: 63px;
  font-size: 14px;
  font-weight: 500;
  line-height: 21px;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  color:#333;
}

.main .review-info-content .view-area .banner-item .text-box .name {
  display: block;
  margin-top: 11px;
  font-size: 16px;
  text-align: right;
  color:#444;
}

/* 견적서 */
.bill-info-box {
  overflow-x: auto;
  margin-top: 20px;
  padding: 15px;
  border: 1px solid #888;
}

.bill-info-box .bill-scroll {
  width: 724px;
  margin: 0 auto;
}

.bill-info-box .bill-scroll.study-plan {width: 100%}


.bill-info-box .top-title {
  display: block;
  margin-top: 30px;
  font-size: 20px;
  font-weight: bold;
  color: #1d4281;
  text-align: center;
}

.bill-info-box .top-title:first-child {
  margin-top: 0;
}

.bill-info-box .btn-cnt {
  margin-top: 20px;
}

.bill-info-box .btn-cnt button {
  padding: 10px 20px;
  font-size: 14px;
}

.bill-info-box .bank-info-cnt {
  margin-top: 20px;
}

.bill-info-box .bank-info-cnt .tit {
  display: block;
  font-size: 15px;
}

.bill-info-box .bank-info-cnt .txt {
  margin-top: 5px;
  padding-left: 10px;
  font-size: 14px;
  line-height: 20px;
}

.bill-info-box .footer-info-cnt {
  margin-top: 20px;
  padding: 10px 20px;
  background: #f0f0f0;
  font-size: 12px;
  line-height: 16px;
  color: #666;
}

.bill-info-box .top-txt {
  display: block;
  font-size: 14px;
  color: #333;
}

.bill-info-box .top-txt.right {
  text-align: right;
}

.bill-info-box .bottom-txt {
  display: block;
  margin-top: 5px;
  font-size: 13px;
  color: #333;
  text-align: right;
}

.bill-info-box .day-txt {
  display: block;
  margin-top: 25px;
  font-size: 14px;
  text-align: right;
  color: #333;
}

.bill-info-box .bill-table {
  margin-top: 10px;
  border-top: 2px solid #1d4281;
  font-size: 12px;
}

.bill-info-box .bill-table.center th, .bill-info-box .bill-table.center td {
  text-align: center;
}

.bill-info-box .bill-table + .bill-table {
  margin-top: 30px;
}

.bill-info-box .bill-table .notice-txt {
  margin-top: 10px;
  font-size: 14px;
  color: #f36c65;
}

.bill-info-box .bill-table table {
  width: 100%;
}

.bill-info-box .bill-table th {
  padding: 10px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  background: #f8f8f8;
  text-align: center;
  color: #666;
}

.bill-info-box .bill-table td {
  height: 38px;
  padding: 10px;
  border-right: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  text-align: left;
}

.bill-info-box .bill-table td .onwer {
  display: inline-block;
  line-height: 50px;
}

.bill-info-box .bill-table .price {
  text-align: right !important;
}

.bill-info-box .bill-table .total td {
  color: #1f75bb;
}

/* 레이어팝업 */
.layer-pop {
  display: none;
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 9999;
}

.layer-pop .pop-container {
  position: absolute;
  left: 50%;
  top: 55%;  /*50*/
  transform: translate(-50.1%, -55.1%);
  border-radius: 20px;
}

.layer-pop .layer-dup-pop::before {
  content: '';
  position: fixed;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  background: rgba(0, 0, 0, 0.5);
  z-index: 110;
}

.layer-pop .layer-dup-pop .pop-container {
  z-index: 120;
}

.layer-pop .com-tooltip .view-info-cnt {
  width: 700px;
}

.layer-pop .close-dup-pop-btn {
  float: right;
  width: 36px;
  height: 36px;
  background: url(../images/icon/ic_pop_close_gray.png) no-repeat center center;
}

.layer-pop.on {
  display: block;
}

.layer-pop.notice-type .pop-container {
  width: 680px;
  padding: 60px 30px 10px 65px;
  border-radius: 20px;
  border: 1px solid #9f9f9f;
  background: #ececec;
}

.layer-pop.notice-type .pop-container .close-pop-btn {
  position: absolute;
  right: 30px;
  top: 30px;
  width: 15px;
  height: 15px;
  background: url(../images/icon/ic_pop_close_gray.png) no-repeat 0 0;
}

.layer-pop.notice-type .pop-container .txt {
  display: block;
  font-size: 18px;
  color: #333;
  line-height: 36px;
}

.layer-pop.notice-type .pop-container .txt strong {
  text-decoration: underline;
}

.layer-pop.notice-type .pop-container .txt .blue {
  color: #3770c1;
}

.layer-pop.notice-type .pop-container .list-txt {
  margin-top: 20px;
}

.layer-pop.notice-type .pop-container .list-txt li {
  font-size: 20px;
  line-height: 36px;
  color: #333;
  letter-spacing: -1.5px;
}

.layer-pop.notice-type .pop-container .btn-cnt {
  margin-top: 50px;
  text-align: right;
}

.layer-pop.notice-type .pop-container .btn-cnt button {
  width: 100px;
  height: 40px;
  margin-left: 16px;
  border-radius: 10px;
  background: #474747;
  font-size: 16px;
  color: #ededed;
}

.layer-pop.notice-type .pop-container .btn-cnt button.blue {
  background: #1f75bb;
}

.layer-pop.big-type .pop-container {
  width: 1034px;
  padding: 10px;
  border: 1px solid #9f9f9f;
  background: #ececec;
}

.layer-pop.big-type .top-area {
  height: 36px;
  padding: 0 10px;
  line-height: 36px;
}

.layer-pop.big-type .top-area .tit {
  display: inline-block;
  font-size: 23px;
  color: #333;
}

.layer-pop.big-type .top-area .close-pop-btn {
  float: right;
  width: 36px;
  height: 36px;
  background: url(../images/icon/ic_pop_close_gray.png) no-repeat center center;
}

.layer-pop.big-type .view-area {
  margin-top: 15px;
  padding: 5px 10px 45px 20px;
  border-radius: 15px;
  border: 1px solid #999;
  background: #fff;
}

.layer-pop.big-type .view-area .scroll-wrap {
  width: 100%;
  max-height: 70vh;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 10px;
}

.layer-pop.big-type .view-area .payment-box {
  display: flex;
  justify-content: space-between;
  margin-top: 30px;
}

.layer-pop.big-type .view-area .payment-box > div > .title {
  display: block;
  position: relative;
  padding-bottom: 15px;
  border-bottom: 1px solid #474747;
  font-size: 23px;
  line-height: 30px;
  color: #333;
}

.layer-pop.big-type .view-area .payment-box > div > .title small {
  position: absolute;
  top: 2px;
  right: 0;
  font-size: 14px;
  line-height: 17px;
  color: #666;
  text-align: right;
}

.layer-pop.big-type .view-area .payment-box .address-cnt {
  width: 475px;
}

.layer-pop.big-type .view-area .payment-box .address-cnt .form-item {
  padding: 10px 20px;
}

.layer-pop.big-type .view-area .payment-box .address-cnt .form-item .radio-line .com-radio {
  margin-right: 25px;
}

.layer-pop.big-type .view-area .payment-box .address-cnt .form-item .radio-line .com-radio:last-child {
  margin-right: 0;
}

.layer-pop.big-type .view-area .payment-box .address-cnt .form-item .radio-line .com-radio label {
  font-size: 16px;
  font-weight: normal;
}

.layer-pop.big-type .view-area .payment-box .address-cnt .form-item .input-line {
  margin-top: 15px;
}

.layer-pop.big-type .view-area .payment-box .address-cnt .form-item .input-line input[type="text"] {
  width: 100%;
  height: 36px;
  padding-left: 20px;
  background: #fafafa;
  font-size: 16px;
  color: #333;
}

.layer-pop.big-type .view-area .payment-box .address-cnt .form-item .input-line.find button {
  width: 120px;
  height: 36px;
  border-radius: 5px;
  background: #474747;
  font-size: 16px;
  color: #ebebeb;
}

.layer-pop.big-type .view-area .payment-box .address-cnt .form-item .input-line.find input[type="text"] {
  float: right;
  width: calc(100% - 130px);
}

.layer-pop.big-type .view-area .payment-box .cost-cnt {
  width: 465px;
}

.layer-pop.big-type .view-area .payment-box .cost-cnt .payment-item .info-title {
  display: flex;
  align-items: center;
  justify-content: space-between;
  position: relative;
  height: 50px;
  margin-top: 10px;
  padding-right: 50px;
  border-top: 1px solid #474747;
  border-bottom: 1px solid #474747;
}

.layer-pop.big-type .view-area .payment-box .cost-cnt .payment-item .info-title:first-child {
  margin-top: 0;
  border-top: 0;
}

.layer-pop.big-type .view-area .payment-box .cost-cnt .payment-item .info-title .tit {
  display: inline-block;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

.layer-pop.big-type .view-area .payment-box .cost-cnt .payment-item .info-title .cost {
  font-size: 18px;
  color: #3770c1;
}

.layer-pop.big-type .view-area .payment-box .cost-cnt .payment-item .info-title .com-toggle-btn {
  position: absolute;
  right: 20px;
  top: 14px;
  width: 22px;
  height: 22px;
  background-size: cover;
}

.layer-pop.big-type .view-area .payment-box .cost-cnt .payment-item .com-toggle-view {
  padding: 0 10px;
}

.layer-pop.big-type .view-area .payment-box .cost-cnt .payment-item .com-toggle-view .total-cost .cost {
  display: block;
  border-bottom: 1px solid #ebebeb;
  text-align: right;
  font-size: 16px;
  line-height: 50px;
  color: #3770c1;
}

.layer-pop.big-type .view-area .payment-box .cost-cnt .payment-item .com-toggle-view .payment-group {
  font-size: 16px;
  line-height: 30px;
}

.layer-pop.big-type .view-area .payment-box .cost-cnt .payment-item .com-toggle-view .payment-group .line {
  position: relative;
  padding: 10px 0;
  border-bottom: 1px solid #ebebeb;
}

.layer-pop.big-type .view-area .payment-box .cost-cnt .payment-item .com-toggle-view .payment-group .line > .tit {
  position: absolute;
  left: 0;
  top: 50%;
  transform: translateY(-50%);
}

.layer-pop.big-type .view-area .payment-box .cost-cnt .payment-item .com-toggle-view .payment-group .line > .tit strong {
  color: #666;
}

.layer-pop.big-type .view-area .payment-box .cost-cnt .payment-item .com-toggle-view .payment-group .line .cost {
  display: block;
  text-align: right;
}

.layer-pop.big-type .view-area .payment-box .cost-cnt .payment-item .com-toggle-view .payment-group .line .cost .txt {
  margin-left: 10px;
  color: #666;
}

.layer-pop.big-type .view-area .payment-box .cost-cnt .payment-item .com-toggle-view .payment-group .line .cost .point-input input[type="text"] {
  width: 140px;
  height: 24px;
  padding-right: 10px;
  background: #fafafa;
  font-size: 16px;
  text-align: right;
  color: #666;
}

.layer-pop.big-type .view-area .payment-box .cost-cnt .payment-item .agree-view .card-check-group {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.layer-pop.big-type .view-area .payment-box .cost-cnt .payment-item .agree-view .card-check-group .card-item input {
  position: absolute;
  left: -9999px;
}

.layer-pop.big-type .view-area .payment-box .cost-cnt .payment-item .agree-view .card-check-group .card-item input:checked + label {
  border: 2px solid #3770c1;
}

.layer-pop.big-type .view-area .payment-box .cost-cnt .payment-item .agree-view .card-check-group .card-item input:disabled + label {
  opacity: 0.3;
}

.layer-pop.big-type .view-area .payment-box .cost-cnt .payment-item .agree-view .card-check-group .card-item label {
  display: inline-block;
  width: 100px;
  height: 78px;
  padding-top: 45px;
  border-radius: 15px;
  border: 1px solid #888;
  font-size: 16px;
  color: #333;
  text-align: center;
}

.layer-pop.big-type .view-area .payment-box .cost-cnt .payment-item .agree-view .card-check-group .card-item.credit label {
  background: #fafafa url(../images/icon/ic_payment_card_visa.png) no-repeat center 9px;
}

.layer-pop.big-type .view-area .payment-box .cost-cnt .payment-item .agree-view .card-check-group .card-item.account label {
  background: #fafafa url(../images/icon/ic_payment_card_account.png) no-repeat center 9px;
}

.layer-pop.big-type .view-area .payment-box .cost-cnt .payment-item .agree-view .card-check-group .card-item.payco label {
  background: #fafafa url(../images/icon/ic_payment_card_payco.png) no-repeat center 9px;
  color: #e7181f;
}

.layer-pop.big-type .view-area .payment-box .cost-cnt .payment-item .agree-view .card-check-group .card-item.samsung label {
  background: #fafafa url(../images/icon/ic_payment_card_samsung.png) no-repeat center 9px;
  color: #0949b1;
}

.layer-pop.big-type .view-area .payment-box .cost-cnt .payment-item .agree-view .agree-group {
  margin-top: 25px;
}

.layer-pop.big-type .view-area .payment-box .cost-cnt .payment-item .agree-view .agree-group .com-arrow-check label {
  font-size: 15px;
  line-height: 24px;
  color: #666;
}

.layer-pop.big-type .view-area .table-list-box {
  padding-top: 10px;
}

.layer-pop.big-type .view-area .table-list-box > .title {
  display: block;
  margin-top: 30px;
  font-size: 23px;
  color: #333;
}

.layer-pop.big-type .view-area .table-list-box > .title:first-child {
  margin-top: 0;
}

.layer-pop.big-type .view-area .table-list-box > .title .com-tooltip {
  margin-top: 8px;
}

.layer-pop.big-type .view-area .select-check-box + .com-edit-table {
  margin-top: 35px;
}

.layer-pop.big-type .view-area .select-check-box .line {
  margin-top: 20px;
}

.layer-pop.big-type .view-area .select-check-box .line .check-item {
  height: 38px;
  padding: 0 8px;
  border-radius: 5px;
  border: 1px solid #999;
}

.layer-pop.big-type .view-area .select-check-box .line .check-item .txt {
  display: inline-block;
  font-size: 16px;
  line-height: 33px;
}

.layer-pop.big-type .view-area .select-check-box .line .check-item .com-arrow-check {
  float: right;
}

.layer-pop.big-type .view-area .select-check-box .line .check-item .com-arrow-check label {
  margin-top: 3px;
  padding-left: 20px;
}

.layer-pop.big-type .view-area .top-search-box {
  display: flex;
  align-items: center;
  height: 50px;
}

.layer-pop.big-type .view-area .top-search-box .title-cnt {
  font-size: 18px;
  color: #333;
}

.layer-pop.big-type .view-area .top-search-box .title-cnt .tit {
  display: inline-block;
  position: relative;
  padding-right: 25px;
}

.layer-pop.big-type .view-area .top-search-box .title-cnt .tit::after {
  content: '';
  position: absolute;
  right: 0;
  top: 5px;
  width: 16px;
  height: 18px;
  background: url(../images/icon/ic_group_menu_arrow.png) no-repeat 0 0;
}

.layer-pop.big-type .view-area .top-search-box .title-cnt .tit + .tit {
  margin-left: 10px;
}

.layer-pop.big-type .view-area .top-search-box .title-cnt .tit:last-child {
  padding-right: 0;
}

.layer-pop.big-type .view-area .top-search-box .title-cnt .tit:last-child::after {
  display: none;
}

.layer-pop.big-type .view-area .top-search-box .title-cnt .tit.on {
  color: #3770c1;
}

.layer-pop.big-type .view-area .top-search-box .title-cnt .tit.on::after {
  background: url(../images/icon/ic_group_menu_arrow_on.png) no-repeat 0 0;
}

.layer-pop.big-type .view-area .top-search-box .search-cnt {
  position: relative;
  margin-left: auto;
  width: 475px;
  height: 50px;
  padding: 0 30px 0 10px;
  border-bottom: 1px solid #374657;
}

.layer-pop.big-type .view-area .top-search-box .search-cnt input {
  width: 100%;
  height: 48px;
}

.layer-pop.big-type .view-area .top-search-box .search-cnt .search-btn {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  width: 22px;
  height: 22px;
  background: url(../images/icon/ic_layerpop_search.png) no-repeat 0 0;
}

.layer-pop.big-type .view-area .select-sort-box {
  margin-top: 20px;
}

.layer-pop.big-type .view-area .select-sort-box .btn-cnt {
  display: flex;
  flex-wrap: wrap;
}

.layer-pop.big-type .view-area .select-sort-box .btn-cnt button {
  width: 150px; /*100px*/
  height: 50px;
  margin-left: 10px;
  border-radius: 15px;
  background: #ddd;
  font-size: 18px;
  color: #666;
}

.layer-pop.big-type .view-area .select-sort-box .btn-cnt button:first-child {
  margin-left: 0;
}

.layer-pop.big-type .view-area .select-sort-box .btn-cnt button.on {
  background: #3770c1;
  color: #fff;
}

.layer-pop.big-type .view-area .select-sort-box .detail-cnt {
  display: flex;
  flex-wrap: wrap;
  margin-top: 15px;
}

.layer-pop.big-type .view-area .select-sort-box .detail-cnt .txt {
  display: inline-block;
  position: relative;
  padding: 0 10px;
  font-size: 18px;
  line-height: 26px;
  color: #666;
  cursor: pointer;
  /*추가 단체신청 팝업*/
  width: 120px;
  text-align: center;
}

.layer-pop.big-type .view-area .select-sort-box .detail-cnt .txt.on {
  color: #3770c1;
  text-decoration: underline;
}

.layer-pop.big-type .view-area .select-sort-box .detail-cnt .txt::before {
  content: '';
  position: absolute;
  left: 0;
  top: 6px;
  width: 1px;
  height: 17px;
  background: #ddd;
}

.layer-pop.big-type .view-area .select-sort-box .detail-cnt .txt:first-child {
  padding-left: 0;
}

.layer-pop.big-type .view-area .select-sort-box .detail-cnt .txt:first-child::before {
  display: none;
}

.layer-pop.big-type .view-area .training-banner-box {
  display: flex;
  flex-wrap: wrap;
  margin: 0 -6px;
  padding-top: 40px;
}

.layer-pop.big-type .view-area .training-banner-box + .com-paging {
  margin-top: 0;
}

.layer-pop.big-type .view-area .training-banner-box .no-msg {
  display: block;
  width: 100%;
  padding: 100px 20px 150px;
  text-align: center;
}

.layer-pop.big-type .view-area .training-banner-box .banner-item {
  width: 230px;
  margin: 0 6px 40px;
}

.layer-pop.big-type .view-area .training-banner-box .banner-item .banner {
  display: block;
  overflow: hidden;
  border-radius: 15px;
  height: 130px;
}

.layer-pop.big-type .view-area .training-banner-box .banner-item .banner img {
  display: block;
  width: 100%;
  height: 100%;
}

.layer-pop.big-type .view-area .training-banner-box .banner-item .txt {
  display: block;
  height: 48px;
  margin-top: 15px;
  font-size: 15px;
  line-height: 24px;
  color: #333;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
}

.layer-pop.big-type .view-area .training-banner-box .banner-item .bottom-btn {
  margin-top: 15px;
  text-align: center;
}

.layer-pop.big-type .view-area .training-banner-box .banner-item .bottom-btn button {
  min-width: 120px;
  height: 40px;
  padding: 0 20px;
  border-radius: 5px;
  background: #474747;
  font-size: 16px;
  color: #ebebeb;
}

.layer-pop.big-type .view-area .training-select-box {
  margin-top: 20px;
}

.layer-pop.big-type .view-area .training-select-box .line {
  display: flex;
  align-items: center;
  min-height: 50px;
  border-bottom: 1px solid #ddd;
}

.layer-pop.big-type .view-area .training-select-box .line.top-select {
  border-bottom-color: #474747;
}

.layer-pop.big-type .view-area .training-select-box .line.book-select {
  flex-wrap: wrap;
  border-bottom: 0;
}

.layer-pop.big-type .view-area .training-select-box .line.book-select .tit {
  width: 100%;
  line-height: 40px;
}

.layer-pop.big-type .view-area .training-select-box .line.book-select .detail-check-cnt {
  width: 100%;
}

.layer-pop.big-type .view-area .training-select-box .line.book-select .detail-check-cnt .book-list {
  background: #f8f8f8;
  border-top: 1px solid #ddd;
  border-bottom: 1px solid #ddd;
}

.layer-pop.big-type .view-area .training-select-box .line.book-select .detail-check-cnt .book-list li {
  position: relative;
  padding: 10px 20px 10px 60px;
  border-bottom: 1px solid #fff;
  font-size: 16px;
  line-height: 30px;
  color: #666;
}

.layer-pop.big-type .view-area .training-select-box .line.book-select .detail-check-cnt .book-list li:last-child {
  border-bottom: 0;
}

.layer-pop.big-type .view-area .training-select-box .line.book-select .detail-check-cnt .book-list li .com-arrow-check {
  position: absolute;
  left: 20px;
  top: 14px;
}

.layer-pop.big-type .view-area .training-select-box .line.book-select .detail-check-cnt .book-list li .name {
  display: block;
}

.layer-pop.big-type .view-area .training-select-box .line.book-select .detail-check-cnt .book-list li .name strong {
  color: #333;
}

.layer-pop.big-type .view-area .training-select-box .line.book-select .detail-check-cnt .book-list li .cost {
  display: block;
}

.layer-pop.big-type .view-area .training-select-box .line.book-select .detail-check-cnt .book-list li .cost > .tit {
  color: #333;
}

.layer-pop.big-type .view-area .training-select-box .line.book-select .detail-check-cnt .book-list li .no-msg {
  display: block;
  padding: 10px 0;
  font-size: 16px;
  color: #333;
}

.layer-pop.big-type .view-area .training-select-box .line.book-select .detail-check-cnt .notice-txt {
  margin-top: 5px;
  font-size: 14px;
  line-height: 20px;
  color: #666;
}

.layer-pop.big-type .view-area .training-select-box .line.all-request {
  flex-direction: column;
  margin-top: 40px;
  padding: 25px 10px 15px;
  border-top: 1px solid #474747;
  text-align: center;
}

.layer-pop.big-type .view-area .training-select-box .line.all-request > .tit {
  display: block;
  font-size: 18px;
  color: #333;
}

.layer-pop.big-type .view-area .training-select-box .line.all-request > .txt {
  display: block;
  margin-top: 10px;
  font-size: 16px;
  color: #f36c65;
}

.layer-pop.big-type .view-area .training-select-box .line.all-request .radio-cnt {
  margin-top: 20px;
}

.layer-pop.big-type .view-area .training-select-box .line.all-request .radio-cnt .com-radio label {
  font-weight: normal;
}

.layer-pop.big-type .view-area .training-select-box .line > .tit {
  width: 185px;
  padding: 5px 0 5px 20px;
}

.layer-pop.big-type .view-area .training-select-box .line .detail-cnt {
  width: calc(100% - 185px);
  padding: 5px 25px 5px 0;
}

.layer-pop.big-type .view-area .training-select-box .line .detail-cnt .txt {
  font-size: 16px;
  color: #333;
}

.layer-pop.big-type .btn-area {
  margin-top: 20px;
  text-align: right;
}

.layer-pop.big-type .btn-area button {
  min-width: 100px;
  height: 40px;
  margin-left: 16px;
  padding: 0 15px;
  border-radius: 10px;
  background: #474747;
  font-size: 16px;
  color: #ededed;
}

.layer-pop.box-type .pop-container {
  width: 680px;
  padding: 10px;
  border: 1px solid #9f9f9f;
  background: #ececec;
}

.layer-pop.box-type .pink-pop{
  background: #f36c65;
  border: 0;
  color: #fff;
}

.layer-pop.box-type .pink-pop .top-area .tit{
  color: #fff
}

.layer-pop.box-type .pink-pop .text{
  text-align: center;
  padding: 30px 20px;
  font-size: 18px;
}

.layer-pop.box-type .pop-container.sm-pop {
  width: 550px;
}

.layer-pop.box-type .pop-container.md-pop{
  width:900px
}

.layer-pop.box-type #neis-dup-popup::before {
  content: '';
  position: fixed;
  left: -9999px;
  top: -9999px;
  right: -9999px;
  bottom: -9999px;
  background: rgba(0, 0, 0, 0.5);
  z-index: 1;
}

.layer-pop.box-type #neis-dup-popup::after {
  content: '';
  position: absolute;
  left: 0;
  top: 0;
  right: 0;
  bottom: 0;
  border-radius: 20px;
  border: 1px solid #9f9f9f;
  background: #ececec;
  z-index: 2;
}

.layer-pop.box-type #neis-dup-popup > * {
  position: relative;
  z-index: 10;
}

.layer-pop.box-type .top-area {
  height: 36px;
  padding: 0 10px;
  line-height: 36px;
}

.layer-pop.box-type .top-area .tit {
  display: inline-block;
  font-size: 23px;
  color: #333;
}

.layer-pop.box-type .top-area .close-pop-btn {
  float: right;
  width: 36px;
  height: 36px;
  background: url(../images/icon/ic_pop_close_gray.png) no-repeat center center;
}

.layer-pop.box-type .top-area .close-pop-btn.white{
  background: url(../images/icon/ic_top_search_close_w.png) no-repeat center center;
}

.layer-pop.box-type .text-area {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 240px;
  margin-top: 15px;
  padding: 30px 20px;
  border-radius: 15px;
  border: 1px solid #999;
  background: #fff;
  font-size: 20px;
  line-height: 36px;
  color: #333;
  text-align: center;
  justify-content:center
}

.layer-pop.box-type .text-area .text {
  width: 100%;
}

.layer-pop.box-type .text-area .under {
  text-decoration: underline;
}

.layer-pop.box-type .text-area .tit, .layer-pop.box-type .view-area .tit {
  font-size: 18px;
  margin-bottom: 10px;
}

.layer-pop.box-type .text-area .txt {
  font-size: 16px;
  line-height: 1.5;
}

.layer-pop.box-type .view-area {
  overflow-y: auto;
  margin-top: 15px;
  padding: 15px 20px 45px;
  border-radius: 15px;
  border: 1px solid #999;
  background: #fff;
}

.layer-pop.box-type .view-area .scroll-wrap {
  width: 100%;
  max-height: 70vh;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 10px;
}

.layer-pop.box-type .view-area .com-edit-table:first-child {
  margin-top: 0;
}

.layer-pop.box-type .view-area .com-edit-table > .title {
  display: block;
  padding-bottom: 15px;
  font-size: 23px;
  line-height: 30px;
  color: #333;
}

.layer-pop.box-type .view-area .com-edit-table + .com-edit-table {
  margin-top: 35px;
}

.layer-pop.box-type .view-area .com-edit-table td > strong {
  font-weight: bold;
}

.layer-pop.box-type .view-area .com-edit-table td .ic {
  margin: 0 20px;
}

.layer-pop.box-type .view-area .com-edit-table.common-cost th {
  font-weight: normal;
}

.layer-pop.box-type .view-area .neis-key-box .txt-cnt {
  padding: 15px 0 20px 0;
  border-top: 1px solid #ddd;
}

.layer-pop.box-type .view-area .neis-key-box .txt-cnt:first-child {
  padding-top: 0;
  border-top: 0;
}

.layer-pop.box-type .view-area .neis-key-box .txt-cnt > .tit {
  display: block;
  font-weight: bold;
  font-size: 18px;
  color: #666;
}

.layer-pop.box-type .view-area .neis-key-box .txt-cnt > .txt {
  display: block;
  margin-top: 15px;
  font-size: 16px;
  color: #666;
}

.layer-pop.box-type .view-area .neis-key-box .txt-cnt .private-key {
  margin-top: 10px;
}

.layer-pop.box-type .view-area .neis-key-box .txt-cnt .private-key > .tit {
  display: block;
  font-weight: bold;
  font-size: 18px;
  color: #666;
}

.layer-pop.box-type .view-area .neis-key-box .txt-cnt .private-key .input-item {
  margin-top: 10px;
}

.layer-pop.box-type .view-area .neis-key-box .txt-cnt .private-key .input-item input {
  width: calc(100% - 95px);
  height: 30px;
  background: #ccc;
}

.layer-pop.box-type .view-area .neis-key-box .txt-cnt .private-key .input-item .btn-group {
  float: right;
}

.layer-pop.box-type .view-area .neis-key-box .txt-cnt .private-key .input-item .btn-group button {
  height: 30px;
  margin-left: 10px;
  padding: 0 15px;
  border-radius: 5px;
  border: 1px solid #999;
  background: #f1f1f1;
  font-size: 14px;
  color: #666;
}

.layer-pop.box-type .view-area .table-select-box .top-select .tit {
  display: inline-block;
  padding-left: 20px;
  font-size: 18px;
  color: #333;
  line-height: 38px;
}

.layer-pop.box-type .view-area .table-select-box .top-select .com-select {
  float: right;
  width: 335px;
}

.layer-pop.box-type .view-area .table-select-box .table-select {
  margin-top: 5px;
  border-top: 1px solid #ddd;
}

.layer-pop.box-type .view-area .table-select-box .table-select:first-child {
  margin-top: 0;
}

.layer-pop.box-type .view-area .table-select-box .table-select table {
  width: 100%;
}

.layer-pop.box-type .view-area .table-select-box .table-select th {
  height: 50px;
  padding: 5px 15px;
  background: #ebebeb;
  border-bottom: 1px solid #ddd;
  font-size: 18px;
  color: #333;
  text-align: left;
  vertical-align: middle;
}

.layer-pop.box-type .view-area .table-select-box .table-select td {
  height: 50px;
  padding: 5px 15px;
  border-bottom: 1px solid #ddd;
  font-size: 18px;
  color: #333;
  text-align: left;
  vertical-align: middle;
}

.layer-pop.box-type .view-area .excel-list {
  width: 100%;
}

.layer-pop.box-type .view-area .excel-list li {
  display: flex;
  align-items: center;
  width: 100%;
  min-height: 51px;
  border-bottom: 1px solid #ddd;
}

.layer-pop.box-type .view-area .excel-list li .tit {
  padding-left: 20px;
  font-size: 18px;
  color: #333;
}

.layer-pop.box-type .view-area .excel-list li .excel-down-btn {
  width: 135px;
  height: 30px;
  margin-left: auto;
  margin-right: 20px;
  border-radius: 5px;
  background: #474747;
  text-align: center;
}

.layer-pop.box-type .view-area .excel-list li .excel-down-btn .txt {
  display: inline-block;
  height: 30px;
  padding-left: 30px;
  background: url(../images/icon/ic_excel_down.png) no-repeat 0 center;
  font-size: 14px;
  line-height: 30px;
  color: #ededed;
  vertical-align: top;
}

.layer-pop.box-type .view-area .excel-list li .excel-add-btn {
  display: inline-block;
  width: 135px;
  height: 30px;
  margin-left: auto;
  margin-right: 20px;
  border-radius: 5px;
  background: #474747;
  text-align: center;
}

.layer-pop.box-type .view-area .excel-list li .excel-add-btn input {
  position: absolute;
  left: -9999px;
}

.layer-pop.box-type .view-area .excel-list li .excel-add-btn .txt {
  display: inline-block;
  height: 30px;
  padding-left: 30px;
  background: url(../images/icon/ic_excel_file.png) no-repeat 0 center;
  font-size: 16px;
  line-height: 30px;
  color: #ededed;
  vertical-align: top;
}

.layer-pop.box-type .view-area .excel-list li.file-name {
  position: relative;
  padding: 10px 45px 10px 35px;
  background: #ebebeb;
}

.layer-pop.box-type .view-area .excel-list li.file-name .close-btn {
  position: absolute;
  right: 20px;
  top: 50%;
  transform: translateY(-50%);
  width: 15px;
  height: 15px;
  background: url(../images/icon/ic_list_del_btn.png) no-repeat 0 0;
}

.layer-pop.box-type .notice-txt {
  margin-top: 5px;
  font-size: 14px;
  color: #f36c65;
}

.layer-pop.box-type .btn-area {
  margin-top: 20px;
  text-align: right;
  position: relative;
}

.layer-pop.box-type .btn-area button {
  min-width: 100px;
  height: 40px;
  margin-left: 16px;
  padding: 0 15px;
  border-radius: 10px;
  background: #474747;
  font-size: 16px;
  color: #ededed;
}
.layer-pop.box-type .btn-area.btn_line1 button{margin:0 auto; width:80%; max-width:250px; display:block;}
.layer-pop.box-type .btn-area.btn_line1 button + button{margin-top:10px}

.layer-pop.box-type .btn-area p{
  position: absolute;
  top: 5px;
  left:20px;
}

.layer-pop.print-type .pop-container {
  width: 820px;
  height: calc(100vh - 10px);
  padding: 10px;
  border: 1px solid #9f9f9f;
  background: #ececec;
}

.layer-pop.print-type .top-area {
  height: 36px;
  padding: 0 20px;
  line-height: 36px;
}

.layer-pop.print-type .top-area .tit {
  display: inline-block;
  font-size: 23px;
  color: #333;
}

.layer-pop.print-type .top-area .close-pop-btn {
  float: right;
  width: 36px;
  height: 36px;
  background: url(../images/icon/ic_pop_close_gray.png) no-repeat center center;
}

.layer-pop.print-type .view-area {
  margin-top: 15px;
  padding: 15px 10px 15px 20px;
  border-radius: 20px;
  border: 1px solid #999;
  background: #fff;
}

.layer-pop.print-type .view-area .scroll-wrap {
  width: 100%;
  height: calc(85vh - 27px);
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 10px;
}



.layer-pop.print-type .view-area .img-view-box img {
  display: block;
  max-width: 100%;
  margin: 0 auto;
}

.layer-pop.print-type .view-area .top-tab-box {
  margin-bottom: 10px;
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}

.layer-pop.print-type .view-area .top-tab-box button {
  border-top: 2px solid #fff;
  font-size: 18px;
  color: #333;
}

.layer-pop.print-type .view-area .top-tab-box button.on {
  border-top-color: #3770c1;
  color: #3770c1;
}

.layer-pop.print-type .view-area .top-tab-box button + button {
  margin-left: 25px;
}

.layer-pop.print-type .view-area .top-select-box {
  padding-bottom: 10px;
  border-bottom: 1px solid #ddd;
}

.layer-pop.print-type .view-area .top-select-box .tit {
  display: inline-block;
  margin-right: 80px;
  font-size: 18px;
  color: #333;
  line-height: 30px;
  vertical-align: top;
}

.layer-pop.print-type .view-area .top-select-box .radio-cnt {
  display: inline-block;
  vertical-align: top;
}

.layer-pop.print-type .view-area .info-txt-box {
  margin: 20px 0 30px;
  padding-top: 65px;
  background: url(../images/icon/ic_bill_logo.png) no-repeat 30px 5px;
}

.layer-pop.print-type .view-area .info-txt-box .info-txt {
  padding: 20px;
  background: #089ed2;
  color: #fff;
}

.layer-pop.print-type .view-area .info-txt-box .info-txt .txt {
  font-size: 25px;
  font-weight: 500;
  line-height: 35px;
}

.layer-pop.print-type .view-area .info-txt-box .info-txt .detail {
  margin-top: 20px;
  font-size: 14px;
  line-height: 20px;
}

.layer-pop.print-type .view-area .mail-send-box {
  margin-top: 20px;
}

.layer-pop.print-type .view-area .mail-send-box .tit {
  display: inline-block;
  font-size: 18px;
  line-height: 36px;
  color: #333;
}

.layer-pop.print-type .view-area .mail-send-box .input-cnt {
  float: right;
  width: 640px;
}

.layer-pop.print-type .view-area .mail-send-box .input-cnt.select {
  float: none;
  width: 100%;
  margin-top: 10px;
}

.layer-pop.print-type .view-area .mail-send-box .input-cnt.select input[type="text"] {
  width: 26%;
}

.layer-pop.print-type .view-area .mail-send-box .input-cnt.select .com-select {
  width: 26%;
}

.layer-pop.print-type .view-area .mail-send-box .input-cnt.select .com-select select {
  height: 36px;
}

.layer-pop.print-type .view-area .mail-send-box .input-cnt input[type="text"] {
  width: 505px;
  height: 36px;
  padding-left: 20px;
  background: #fafafa;
}

.layer-pop.print-type .view-area .mail-send-box .input-cnt select {
  border: 1px solid #ddd;
}

.layer-pop.print-type .view-area .mail-send-box .input-cnt button {
  float: right;
  width: 120px;
  height: 26px;
  margin-top: 5px;
  border-radius: 5px;
  border: 1px solid #27508b;
  background: #3770c1;
  font-size: 16px;
  color: #ededed;
}

.layer-pop.exam-type .pop-container {
  width: 680px;
  padding: 10px;
  border: 1px solid #9f9f9f;
  background: #ececec;
}

.layer-pop.exam-type .top-area {
  height: 36px;
  padding: 0 20px;
  line-height: 36px;
}

.layer-pop.exam-type .top-area .tit {
  display: inline-block;
  font-size: 23px;
  color: #333;
}

.layer-pop.exam-type .top-area .close-pop-btn {
  float: right;
  width: 36px;
  height: 36px;
  background: url(../images/icon/ic_pop_close_gray.png) no-repeat center center;
}

.layer-pop.exam-type .view-area {
  margin-top: 15px;
  padding: 15px 10px 15px 20px;
  border-radius: 20px;
  border: 1px solid #999;
  background: #fff;
}

.layer-pop.exam-type .view-area .scroll-wrap {
  width: 100%;
  max-height: 58vh;
  overflow-x: hidden;
  overflow-y: auto;
  padding-right: 10px;
}

.layer-pop.exam-type .view-area .ask-write-box > div > .tit {
  display: block;
  font-size: 18px;
  color: #333;
}

.layer-pop.exam-type .view-area .ask-write-box .top-cnt .txt {
  display: block;
  margin-top: 20px;
  line-height: 30px;
  color: #666;
}

.layer-pop.exam-type .view-area .ask-write-box .check-list-cnt {
  margin-top: 35px;
}

.layer-pop.exam-type .view-area .ask-write-box .check-list-cnt .list {
  border-top: 1px solid #ddd;
}

.layer-pop.exam-type .view-area .ask-write-box .check-list-cnt .list li {
  position: relative;
  padding: 12px 60px 12px 15px;
  border-bottom: 1px solid #ddd;
  font-size: 18px;
  line-height: 26px;
  color: #666;
}

.layer-pop.exam-type .view-area .ask-write-box .check-list-cnt .list li.disabled {
  background: #f9f9f9;
}

.layer-pop.exam-type .view-area .ask-write-box .check-list-cnt .list li .txt {
  display: block;
}

.layer-pop.exam-type .view-area .ask-write-box .check-list-cnt .list li .com-arrow-check {
  position: absolute;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  margin-top: -2px;
}

.layer-pop.exam-type .view-area .ask-write-box .check-cnt {
  padding: 20px 0 30px;
  border-top: 1px solid #ddd;
}

.layer-pop.exam-type .view-area .ask-write-box .check-cnt:first-child {
  padding-top: 0;
  border-top: 0;
}

.layer-pop.exam-type .view-area .ask-write-box .check-cnt .list li {
  margin-top: 10px;
  padding-left: 25px;
}

.layer-pop.exam-type .view-area .ask-write-box .check-cnt .list li .com-arrow-check label {
  font-size: 18px;
  color: #666;
}

.layer-pop.exam-type .view-area .ask-write-box .radio-cnt {
  padding: 20px 0 30px;
  border-top: 1px solid #ddd;
}

.layer-pop.exam-type .view-area .ask-write-box .radio-cnt:first-child {
  padding-top: 0;
  border-top: 0;
}

.layer-pop.exam-type .view-area .ask-write-box .radio-cnt .list li {
  margin-top: 20px;
}

.layer-pop.exam-type .view-area .ask-write-box .radio-cnt .number-radio input {
  position: absolute;
  left: -9999px;
}

.layer-pop.exam-type .view-area .ask-write-box .radio-cnt .number-radio input:checked + label .num {
  background: #474747;
  color: #fff;
}

.layer-pop.exam-type .view-area .ask-write-box .radio-cnt .number-radio label {
  display: inline-block;
  height: 18px;
}

.layer-pop.exam-type .view-area .ask-write-box .radio-cnt .number-radio label .num {
  display: inline-block;
  vertical-align: top;
  width: 18px;
  height: 18px;
  border-radius: 50%;
  background: #ebebeb;
  text-align: center;
  font-size: 12px;
  color: #474747;
  line-height: 16px;
}

.layer-pop.exam-type .view-area .ask-write-box .radio-cnt .number-radio label .txt {
  display: inline-block;
  position: relative;
  top: -1px;
  vertical-align: top;
  margin-left: 15px;
  font-size: 18px;
  color: #666;
  line-height: 18px;
}

.layer-pop.exam-type .view-area .ask-write-box .select-cnt {
  margin-top: 15px;
  padding-bottom: 15px;
}

.layer-pop.exam-type .view-area .ask-write-box .select-cnt .list li {
  margin-top: 10px;
  padding-left: 25px;
}

.layer-pop.exam-type .view-area .ask-write-box .select-cnt .list li .com-radio label {
  font-weight: normal;
}

.layer-pop.exam-type .view-area .ask-write-box .textarea-cnt {
  padding: 20px 0;
  border-top: 1px solid #ddd;
}

.layer-pop.exam-type .view-area .ask-write-box .textarea-cnt textarea {
  width: 100%;
  height: 80px;
  margin-top: 15px;
}

.layer-pop.exam-type .view-area .ask-write-box .agree-cnt .check-item {
  margin-top: 20px;
}

.layer-pop.exam-type .view-area .ask-write-box .agree-cnt .check-item .com-radio label {
  font-weight: normal;
}

.layer-pop.exam-type .view-area .ask-write-box .notice-txt {
  display: block;
  margin-top: 10px;
  font-size: 13px;
  color: #f36c65;
  text-align: right;
}

.layer-pop.exam-type .view-area .info-cnt .line {
  display: flex;
  align-items: center;
  min-height: 50px;
  padding: 10px 20px;
  border-bottom: 1px solid #ddd;
}

.layer-pop.exam-type .view-area .info-cnt .line .tit {
  width: 150px;
  font-size: 18px;
  color: #333;
}

.layer-pop.exam-type .view-area .info-cnt .line .txt {
  padding-left: 10px;
  font-size: 18px;
  color: #666;
}

.layer-pop.exam-type .view-area .question-cnt {
  margin-top: 25px;
  padding: 0 20px;
}

.layer-pop.exam-type .view-area .question-cnt + .question-cnt {
  padding-top: 25px;
  border-top: 1px solid #ddd;
}

.layer-pop.exam-type .view-area .question-cnt .q-txt {
  display: block;
  font-size: 18px;
  color: #333;
}

.layer-pop.exam-type .view-area .question-cnt .check-list {
  margin-top: 10px;
}

.layer-pop.exam-type .view-area .question-cnt .check-list label {
  display: inline-block;
  font-size: 18px;
  line-height: 36px;
  color: #666;
}

.layer-pop.stats-detail .pop-container {
  width: 1040px;
  padding: 10px;
  border: 1px solid #999;
  background: #ececec;
}

.layer-pop.stats-detail .top-area {
  position: relative;
  padding: 0 20px;
}

.layer-pop.stats-detail .top-area .tit {
  display: inline-block;
  font-size: 23px;
  color: #333;
  line-height: 30px;
}

.layer-pop.stats-detail .top-area .close-pop-btn {
  float: right;
  width: 15px;
  height: 15px;
  margin-top: 6px;
  background: url(../images/icon/ic_layerpop_close.png) no-repeat 0 0;
}

.layer-pop.stats-detail .graph-area {
  overflow: hidden;
  margin-top: 16px;
  border-radius: 20px;
  border: 1px solid #999;
  background: #fff;
}

.layer-pop.stats-detail .graph-area .select-cnt {
  padding: 10px;
  border-bottom: 1px solid #ddd;
  text-align: right;
}

.layer-pop.stats-detail .graph-area .select-cnt .search-btn {
  width: 70px;
  height: 38px;
  border-radius: 5px;
  border: 1px solid #999;
  background: #f1f1f1;
  font-size: 16px;
  color: #666;
}

.layer-pop.stats-detail .graph-area .scroll-wrap {
  width: 100%;
  overflow: hidden;
  overflow-x: hidden;
  overflow-y: auto;
  max-height: 45vh;
}

.layer-pop.stats-detail .graph-area .scroll-wrap > .top-txt {
  display: block;
  padding-left: 20px;
  font-size: 18px;
  color: #333;
  line-height: 57px;
}

.layer-pop.stats-detail .graph-area .graph-box {
  padding-top: 15px;
  border-top: 1px solid #ddd;
}

.layer-pop.stats-detail .graph-area .graph-box > .tit {
  display: block;
  padding-left: 20px;
  font-size: 18px;
  color: #333;
  line-height: 36px;
}

.layer-pop.stats-detail .graph-area .graph-box .chart-row {
  display: flex;
  justify-content: space-between;
}

.layer-pop.stats-detail .graph-area .graph-box .chart-row.two-type .graph-item {
  width: 480px;
  padding: 10px 20px;
}

.layer-pop.stats-detail .graph-area .graph-box .chart-row.full-type .graph-item {
  width: 100%;
  padding: 10px 20px;
}

.layer-pop.stats-detail .bottom-btn-area {
  margin-top: 20px;
  text-align: right;
}

.layer-pop.stats-detail .bottom-btn-area button {
  width: 100px;
  height: 40px;
  border-radius: 5px;
  background: #474747;
  font-size: 16px;
  color: #fff;
}

.layer-pop .btn-area {
  margin-top: 10px;
  text-align: right;
}

.layer-pop .btn-area button {
  min-width: 100px;
  height: 40px;
  padding: 0 15px;
  border-radius: 10px;
  background: #474747;
  font-size: 16px;
  color: #ededed;
}

.layer-pop .btn-area button + button {
  margin-left: 12px;
}

/* vr 기존 css 추가 */
.button.small {
  min-width: 65px;
  height: 27px;
  padding: 0 12px;
  line-height: 22px;
  letter-spacing: -1px;
  font-size: 13px;
}

a.button.small {
  min-width: 45px;
  height: 20px;
}

.button.marine {
  color: #fff;
  border-color: #1d4281;
  background: #1d4281;
}

.table-select.cursor tbody tr {
  cursor: pointer;
}

.table-select.cursor tbody tr:hover, .table-select.cursor tbody tr.on {
  background: #dfdfdf;
}

.link-type .blt01 {
  background: #50d3b3;
}

.link-type .blt02 {
  background: #53bcd2;
}

.link-type .blt03 {
  background: #a051ce;
}

.link-type .blt04 {
  background: #c753b4;
}

.link-type .blt05 {
  background: #d37654;
}

.link-type .blt06 {
  background: #d3ab54;
}

.link-type .blt07 {
  background: #8255e4;
}

.link-type .blt08 {
  background: #4f71d2;
}

/* 240129 추가 */
.main-view-content .half-info-area {
  margin-top: 30px;
  padding: 15px 20px 20px;
  border-radius: 20px;
  background: #ebebeb;
}

.main-view-content .half-info-area:first-child {
  margin-top: 0;
}

.main-view-content .half-info-area > .tit {
  display: block;
  font-size: 18px;
  font-weight: bold;
  color: #333;
}

.main-view-content .half-info-area .half-box {
  display: flex;
  justify-content: space-between;
  margin-top: 20px;
}

.main-view-content .half-info-area .half-box .info-cnt {
  width: 590px;
  border-radius: 20px;
  padding: 10px 15px 20px;
  background: #fff;
}

.main-view-content .half-info-area .half-box .info-cnt .tit {
  display: block;
  font-size: 18px;
  color: #333;
}

.main-view-content .half-info-area .half-box .info-cnt .txt {
  display: block;
  margin-top: 7px;
  padding-left: 20px;
  font-size: 16px;
  color: #333;
}

.main-view-content .half-info-area .half-box .info-cnt .txt strong {
  font-size: 18px;
}
.main-view-content .study-history-area {
  margin-top: 50px;
  padding: 20px;
  border-radius: 20px;
  background: #ebebeb;
}
.com-note-down .down-item{width:150px; margin-right:0}
.main-view-content .study-data-area .list li .book-btn {
  position: absolute;
  right: 300px;
  width: 120px;
  height: 50px;
  border-radius: 10px;
  background: #474747;
  font-size: 16px;
  font-weight: bold;
  color: #ebebeb;
  top: 50%;
  transform: translateY(-50%);
}

.main-view-content .study-data-area .list li .successive-btn {
  position: absolute;
  right: 160px;
  width: 120px;
  height: 50px;
  border-radius: 10px;
  background: #ebebeb;
  font-size: 16px;
  font-weight: bold;
  color: #3770c1;
  top: 50%;
  transform: translateY(-50%);
}

.main-view-content .study-data-area .list li .study-btn {
  position: absolute;
  right: 18px;
  width: 120px;
  height: 50px;
  border-radius: 10px;
  background: #3770c1;
  font-size: 16px;
  font-weight: bold;
  color: #ebebeb;
  top: 50%;
  transform: translateY(-50%);
}
.main-view-content .study-data-area .list li .mobile-study-btn {
  position: absolute;
  display:none;
  border-radius: 10px;
  background: #3770c1;
  font-size: 16px;
  font-weight: bold;
  color: #ebebeb;
  transform: translateY(-50%);
}

.main-view-content .study-data-area .list li .study-btn .txt {
  display: inline-block;
  padding-left: 40px;
  background: url(../images/icon/ic_study_btn.png) no-repeat 0 center;
  line-height: 50px;
}
/* // 240129 추가 */

@media all and (max-width: 1240px) {
  ::-webkit-scrollbar {
    width: 4px;
    height: 4px;
  }
  textarea {
    font-size: 14px;
  }
  textarea::placeholder {
    font-size: 14px;
  }
  input[type="text"] {
    font-size: 14px;
  }
  input[type="text"]::placeholder {
    font-size: 14px;
  }
  .topbtn{
    bottom:90px;
    right:10px;
    width: 46px;
    height: 80px;
    background-size: 100% auto;
    background-position: center;
  }
  .layer-pop .top-area {
    padding: 0 10px !important;
  }
  .layer-pop .top-area .close-pop-btn {
    right: 10px;
    top: 10px;
  }
  .layer-pop .com-tooltip .view-info-cnt {
    width: 70vw;
  }
  .layer-pop.stats-detail .pop-container {
    width: calc(100% - 10px);
  }
  .layer-pop.stats-detail .top-area {
    height: auto;
    min-height: 36px;
  }
  .layer-pop.stats-detail .top-area .tit {
    max-width: 70vw;
    font-size: 16px;
    line-height: 20px;
  }
  .layer-pop.stats-detail .top-area .close-pop-btn {
    background-size: auto 13px;
  }
  .layer-pop.stats-detail .btn-area {
    text-align: center;
  }
  .layer-pop.stats-detail .btn-area button {
    width: auto;
    min-width: 100px;
    height: 35px;
    padding: 0 15px;
    font-size: 15px;
  }
  .layer-pop.stats-detail .graph-area .select-cnt .search-btn {
    width: auto;
    height: 25px;
    padding: 0 10px;
    font-size: 14px;
    vertical-align: top;
  }
  .layer-pop.stats-detail .graph-area .select-cnt .com-select {
    width: 130px;
    margin: 0;
  }
  .layer-pop.stats-detail .graph-area .select-cnt .com-select.w100 {
    width: 90px !important;
  }
  .layer-pop.stats-detail .graph-area .scroll-wrap > .top-txt {
    padding: 10px;
    font-size: 16px;
    line-height: 24px;
  }
  .layer-pop.stats-detail .graph-area .graph-box > .tit {
    font-size: 14px;
  }
  .layer-pop.stats-detail .graph-area .graph-box .chart-row {
    display: block;
  }
  .layer-pop.stats-detail .graph-area .graph-box .chart-row.two-type .graph-item {
    width: 100%;
  }
  .layer-pop.big-type .pop-container {
    width: calc(100% - 10px);
  }
  .layer-pop.big-type .top-area {
    height: auto;
    min-height: 36px;
  }
  .layer-pop.big-type .top-area .tit {
    max-width: 70vw;
    font-size: 16px;
    line-height: 20px;
  }
  .layer-pop.big-type .top-area .close-pop-btn {
    background-size: auto 13px;
  }
  .layer-pop.big-type .btn-area {
    text-align: center;
  }
  .layer-pop.big-type .btn-area button {
    width: auto;
    min-width: 100px;
    height: 35px;
    padding: 0 15px;
    font-size: 15px;
  }
  .layer-pop.big-type .view-area {
    min-height: 180px;
    margin-top: 5px;
    padding: 10px 10px 30px;
  }
  .layer-pop.big-type .view-area .top-search-box {
    display: block;
    height: auto;
  }
  .layer-pop.big-type .view-area .top-search-box .title-cnt {
    font-size: 15px;
  }
  .layer-pop.big-type .view-area .top-search-box .title-cnt .tit::after {
    background-size: auto 13px !important;
  }
  .layer-pop.big-type .view-area .top-search-box .search-cnt {
    width: 100%;
    height: 30px;
    margin: 10px 0 0;
  }
  .layer-pop.big-type .view-area .top-search-box .search-cnt input {
    height: 28px;
    font-size: 14px;
  }
  .layer-pop.big-type .view-area .top-search-box .search-cnt .search-btn {
    right: 5px;
  }
  .layer-pop.big-type .view-area .select-sort-box .btn-cnt button {
    width: auto;
    height: 25px;
    padding: 0 10px;
    margin: 2px 2px;
    border-radius: 5px;
    font-size: 15px;
  }
  .layer-pop.big-type .view-area .select-sort-box .detail-cnt {
    background: #fbfbfb;
  }
  .layer-pop.big-type .view-area .select-sort-box .detail-cnt .txt {
    font-size: 15px;
    line-height: 30px;
  }
  .main-view-content .table-list-box > .title small{
    font-size: 13px;
    display:block;
    margin-top: 5px;
  }
  .layer-pop.big-type .view-area .table-list-box > .title {
    font-size: 15px;
  }
  .layer-pop.big-type .view-area .table-list-box > .title .com-tooltip {
    top: -6px;
  }
  .layer-pop.big-type .view-area .table-list-box > .title .com-tooltip .view-info-cnt {
    left: -155px;
    width: 80vw;
  }
  .layer-pop.big-type .view-area .table-list-box .com-edit-table table th {
    width: 30%;
  }
  .layer-pop.big-type .view-area .table-list-box .com-edit-table table td {
    width: 70%;
  }
  .layer-pop.big-type .view-area .table-list-box .com-edit-table table td .com-select {
    width: 100%;
  }
  .layer-pop.big-type .view-area .table-list-box .com-edit-table table td .com-select + .com-select {
    margin: 10px 0 0;
  }
  .layer-pop.big-type .view-area .select-check-box .line .check-item {
    height: 25px;
  }
  .layer-pop.big-type .view-area .select-check-box .line .check-item .txt {
    font-size: 14px;
    line-height: 23px;
    vertical-align: top;
  }
  .layer-pop.big-type .view-area .select-check-box .line .check-item .com-arrow-check label {
    margin-top: 0;
  }
  .layer-pop.big-type .view-area .payment-box {
    display: block;
  }
  .layer-pop.big-type .view-area .payment-box > div {
    margin-top: 25px;
  }
  .layer-pop.big-type .view-area .payment-box > div > .title {
    padding-bottom: 5px;
    font-size: 15px;
  }
  .layer-pop.big-type .view-area .payment-box > div > .title small {
    display: block;
    position: relative;
    right: auto;
    top: auto;
    margin-top: 10px;
    padding-bottom: 10px;
    text-align: left;
  }
  .layer-pop.big-type .view-area .payment-box > div > .title small br {
    display: none;
  }
  .layer-pop.big-type .view-area .payment-box .address-cnt {
    width: 100%;
  }
  .layer-pop.big-type .view-area .payment-box .address-cnt .form-item {
    padding: 10px 0;
  }
  .layer-pop.big-type .view-area .payment-box .address-cnt .form-item .input-line.find button {
    width: 75px;
    height: 25px;
    font-size: 15px;
  }
  .layer-pop.big-type .view-area .payment-box .address-cnt .form-item .input-line.find input[type="text"] {
    width: calc(100% - 85px);
  }
  .layer-pop.big-type .view-area .payment-box .address-cnt .form-item .input-line input[type="text"] {
    height: 25px;
    font-size: 14px;
  }
  .layer-pop.big-type .view-area .payment-box .cost-cnt {
    width: 100%;
  }
  .layer-pop.big-type .view-area .payment-box .cost-cnt .payment-item .info-title {
    height: 40px;
    padding-right: 40px;
  }
  .layer-pop.big-type .view-area .payment-box .cost-cnt .payment-item .info-title .tit {
    font-size: 15px;
  }
  .layer-pop.big-type .view-area .payment-box .cost-cnt .payment-item .info-title .cost {
    font-size: 15px;
  }
  .layer-pop.big-type .view-area .payment-box .cost-cnt .payment-item .info-title .com-toggle-btn {
    top: 9px;
    right: 8px;
  }
  .layer-pop.big-type .view-area .payment-box .cost-cnt .payment-item .com-toggle-view .payment-group {
    font-size: 14px;
    line-height: 25px;
  }
  .layer-pop.big-type .view-area .payment-box .cost-cnt .payment-item .com-toggle-view .payment-group .line {
    padding: 7px 0;
  }
  .layer-pop.big-type .view-area .payment-box .cost-cnt .payment-item .com-toggle-view .payment-group .line .cost .point-input input[type="text"] {
    width: 40%;
  }
  .layer-pop.big-type .view-area .payment-box .cost-cnt .payment-item .agree-view .card-check-group .card-item {
    width: calc(25% - 3px);
  }
  .layer-pop.big-type .view-area .payment-box .cost-cnt .payment-item .agree-view .card-check-group .card-item label {
    width: 100%;
    height: 100%;
    padding-bottom: 8px;
    border-radius: 5px;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: -1px;
  }
  .layer-pop.big-type .view-area .payment-box .cost-cnt .payment-item .agree-view .agree-group .com-arrow-check label {
    font-size: 14px;
    line-height: 18px;
  }
  .layer-pop.big-type .view-area .payment-box .cost-cnt .payment-item .agree-view .agree-group .com-arrow-check label br {
    display: none;
  }
  .layer-pop.big-type .view-area .training-banner-box {
    justify-content: space-around;
  }
  .layer-pop.big-type .view-area .training-banner-box .banner-item {
    width: 150px;
  }
  .layer-pop.big-type .view-area .training-banner-box .banner-item .banner {
    height: 130px; /*auto*/
  }
  .layer-pop.big-type .view-area .training-banner-box .banner-item .txt {
    margin-top: 8px;
    font-size: 14px;
    line-height: 24px;
  }
  .layer-pop.big-type .view-area .training-banner-box .banner-item .bottom-btn {
    margin-top: 14px;
  }
  .layer-pop.big-type .view-area .training-banner-box .banner-item .bottom-btn .select-btn {
    width: 100%;
    height: 30px;
    font-size: 15px;
  }
  .layer-pop.big-type .view-area .training-select-box .line {
    display: block;
    position: relative;
    padding: 10px 10px;
  }
  .layer-pop.big-type .view-area .training-select-box .line.top-select {
    padding-left: 0;
  }
  .layer-pop.big-type .view-area .training-select-box .line.top-select .detail-cnt {
    padding: 0 0 5px 0;
  }
  .layer-pop.big-type .view-area .training-select-box .line.book-select .tit {
    line-height: 24px;
  }
  .layer-pop.big-type .view-area .training-select-box .line.book-select .detail-check-cnt .book-list li {
    padding: 10px 20px 10px 30px;
    font-size: 14px;
    line-height: 22px;
  }
  .layer-pop.big-type .view-area .training-select-box .line.book-select .detail-check-cnt .book-list li .com-arrow-check {
    left: 8px;
  }
  .layer-pop.big-type .view-area .training-select-box .line.book-select .detail-check-cnt .book-list li .cost {
    display: block;
    font-size: 14px;
    line-height: 22px;
  }
  .layer-pop.big-type .view-area .training-select-box .line.book-select .detail-check-cnt .book-list li .no-msg {
    font-size: 14px;
    text-align: center;
  }
  .layer-pop.big-type .view-area .training-select-box .line.all-request {
    margin-top: 20px;
  }
  .layer-pop.big-type .view-area .training-select-box .line.all-request > .tit {
    display: block;
    width: 100%;
    font-size: 16px;
  }
  .layer-pop.big-type .view-area .training-select-box .line.all-request > .txt {
    font-size: 14px;
    line-height: 24px;
  }
  .layer-pop.big-type .view-area .training-select-box .line > .tit {
    display: block;
    padding-left: 0;
    font-size: 14px;
    font-weight: bold;
  }
  .layer-pop.big-type .view-area .training-select-box .line .detail-cnt {
    width: 100%;
    margin-top: 2px;
    padding: 0 10px;
  }
  .layer-pop.big-type .view-area .training-select-box .line .detail-cnt .com-select {
    width: calc(50% - 10px);
  }
  .layer-pop.big-type .view-area .training-select-box .line .detail-cnt .com-select.full {
    width: 100%;
  }
  .layer-pop.notice-type .pop-container {
    width: calc(100% - 10px);
    padding: 60px 15px 15px 15px;
    border-radius: 10px;
  }
  .layer-pop.notice-type .pop-container .txt {
    font-size: 16px;
    line-height: 24px;
  }
  .layer-pop.notice-type .pop-container .txt br {
    display: none;
  }
  .layer-pop.notice-type .pop-container .list-txt li {
    font-size: 14px;
    line-height: 24px;
  }
  .layer-pop.notice-type .pop-container .btn-cnt {
    text-align: center;
  }
  .layer-pop.notice-type .pop-container .btn-cnt button {
    width: auto;
    min-width: 100px;
    height: 35px;
    padding: 0 15px;
    font-size: 15px;
  }
  .layer-pop.exam-type .pop-container {
    width: calc(100% - 10px);
  }
  .layer-pop.exam-type .top-area .tit {
    font-size: 16px;
  }
  .layer-pop.exam-type .top-area .close-pop-btn {
    background-size: auto 13px;
  }
  .layer-pop.exam-type .view-area {
    min-height: 180px;
    margin-top: 5px;
    padding: 10px 10px 30px;
  }
  .layer-pop.exam-type .view-area .ask-write-box > div > .tit {
    font-size: 14px;
    font-weight: bold;
  }
  .layer-pop.exam-type .view-area .ask-write-box .notice-txt {
    margin-top: 5px;
    font-size: 12px;
    line-height: 16px;
    word-break: keep-all;
  }
  .layer-pop.exam-type .view-area .ask-write-box .top-cnt .txt {
    margin-top: 10px;
    font-size: 14px;
    line-height: 20px;
  }
  .layer-pop.exam-type .view-area .ask-write-box .check-list-cnt {
    margin-top: 20px;
  }
  .layer-pop.exam-type .view-area .ask-write-box .check-list-cnt .list li {
    padding-top: 5px;
    padding-bottom: 5px;
    font-size: 15px;
    line-height: 25px;
  }
  .layer-pop.exam-type .view-area .ask-write-box .select-cnt .list li {
    margin-top: 10px;
    padding-left: 10px;
  }
  .layer-pop.exam-type .view-area .ask-write-box .check-cnt {
    padding: 15px 0;
  }
  .layer-pop.exam-type .view-area .ask-write-box .check-cnt .list li {
    padding-left: 15px;
  }
  .layer-pop.exam-type .view-area .ask-write-box .check-cnt .list li .com-arrow-check label {
    font-size: 15px;
  }
  .layer-pop.exam-type .view-area .ask-write-box .radio-cnt {
    padding: 15px 0;
  }
  .layer-pop.exam-type .view-area .ask-write-box .radio-cnt .number-radio label .txt {
    margin-left: 5px;
    font-size: 15px;
  }
  .layer-pop.exam-type .view-area .ask-write-box .textarea-cnt {
    padding: 15px 0;
  }
  .layer-pop.exam-type .view-area .info-cnt .line {
    display: block;
    padding: 10px;
  }
  .layer-pop.exam-type .view-area .info-cnt .line .tit {
    display: block;
    width: auto;
    font-size: 14px;
  }
  .layer-pop.exam-type .view-area .info-cnt .line .txt {
    display: block;
    width: auto;
    margin-top: 5px;
    font-size: 14px;
  }
  .layer-pop.exam-type .view-area .question-cnt {
    margin-top: 10px;
    padding: 0 10px;
  }
  .layer-pop.exam-type .view-area .question-cnt .q-txt {
    font-size: 16px;
  }
  .layer-pop.exam-type .view-area .question-cnt .check-list label {
    font-size: 14px;
    line-height: 30px;
  }
  .layer-pop.print-type .pop-container {
    width: calc(100% - 10px);
    height: calc(84vh - 10px);
  }
  .layer-pop .pop-container {top:49%}
  .layer-pop.print-type .top-area .tit {
    font-size: 16px;
  }
  .layer-pop.print-type .top-area .close-pop-btn {
    background-size: auto 13px;
  }
  .layer-pop.print-type .view-area {
    min-height: 180px;
    margin-top: 5px;
    padding: 10px 10px 30px;
  }
  .layer-pop.print-type .view-area .top-select-box .tit {
    display: block;
    font-size: 14px;
  }
  .layer-pop.print-type .view-area .top-select-box .radio-cnt {
    display: block;
    margin-top: 5px;
  }
  .layer-pop.print-type .view-area .info-txt-box .info-txt .txt {
    font-size: 16px;
    line-height: 24px;
  }
  .layer-pop.print-type .view-area .info-txt-box .info-txt .detail {
    font-size: 12px;
    line-height: 16px;
  }
  .layer-pop.print-type .view-area .mail-send-box {
    margin-top: 10px;
  }
  .layer-pop.print-type .view-area .mail-send-box .tit {
    display: block;
    font-size: 14px;
  }
  .layer-pop.print-type .view-area .mail-send-box .input-cnt {
    float: none;
    width: 100%;
  }
  .layer-pop.print-type .view-area .mail-send-box .input-cnt.select input[type="text"], .layer-pop.print-type .view-area .mail-send-box .input-cnt.select .com-select {
    width: 29%;
  }
  .layer-pop.print-type .view-area .mail-send-box .input-cnt input[type="text"] {
    width: 100%;
  }
  .layer-pop.print-type .view-area .mail-send-box .input-cnt button {
    width: auto;
    margin-top: 10px;
    padding: 0 15px;
    font-size: 14px;
  }
  .layer-pop.box-type .pop-container {
    width: calc(100% - 10px) !important;
  }
  .layer-pop.box-type .top-area .tit {
    font-size: 16px;
  }
  .layer-pop.box-type .top-area .close-pop-btn {
    background-size: auto 13px;
  }
  .layer-pop.box-type .text-area {
    min-height: 180px;
    margin-top: 5px;
    font-size: 15px;
    line-height: 24px;
  }

  .layer-pop.box-type .text-area .tit,
  .layer-pop.box-type .text-area .txt{
    font-size:15px
  }

  .layer-pop.box-type .notice-txt {
    font-size: 12px;
  }
  .layer-pop.box-type .view-area {
    min-height: 180px;
    margin-top: 5px;
    padding: 10px 10px 30px;
  }
  .layer-pop.box-type .view-area .com-edit-table > .title {
    font-size: 16px;
    line-height: 20px;
  }
  .txt-cnt > .tit, .layer-pop.box-type .text-area .tit, .layer-pop.box-type .view-area .tit {
    font-size: 14px;
  }
  .txt-cnt > .txt, .layer-pop.box-type .text-area .txt, .layer-pop.box-type .view-area .txt {
    margin-top: 10px;
    font-size: 14px;
    line-height: 25px;
  }
  .layer-pop.box-type .view-area .neis-key-box .txt-cnt .private-key > .tit {
    font-size: 14px;
  }
  /* .layer-pop.box-type .view-area .neis-key-box .txt-cnt .private-key .input-item input {
    width: calc(100% - 200px);
  } */
  .layer-pop.box-type .view-area .table-select-box .top-select .tit {
    display: block;
    padding-left: 0;
    font-size: 15px;
    line-height: 26px;
  }
  .layer-pop.box-type .view-area .table-select-box .top-select .com-select {
    float: none;
    width: 100%;
    margin-top: 5px;
  }
  .layer-pop.box-type .view-area .table-select-box .table-select {
    margin-top: 15px;
  }
  .layer-pop.box-type .view-area .table-select-box .table-select th {
    height: 32px;
    padding: 5px 10px;
    font-size: 15px;
  }
  .layer-pop.box-type .view-area .table-select-box .table-select td {
    height: 32px;
    padding: 5px 10px;
    font-size: 15px;
  }
  .layer-pop.box-type .view-area .excel-list li {
    min-height: 34px;
  }
  .layer-pop.box-type .view-area .excel-list li.file-name {
    padding: 5px 45px 5px 15px;
  }
  .layer-pop.box-type .view-area .excel-list li.file-name .txt {
    font-size: 15px;
  }
  .layer-pop.box-type .view-area .excel-list li.file-name .close-btn {
    right: 10px;
    width: 12px;
    height: 12px;
    background-size: cover;
  }
  .layer-pop.box-type .view-area .excel-list li .tit {
    padding-left: 10px;
    font-size: 15px;
    line-height: 18px;
  }
  .layer-pop.box-type .view-area .excel-list li .excel-down-btn {
    width: 130px;
    height: 23px;
    margin-right: 10px;
    padding: 0 10px;
  }
  .layer-pop.box-type .view-area .excel-list li .excel-down-btn .txt {
    height: 23px;
    padding-left: 25px;
    font-size: 14px;
    line-height: 23px;
    background-size: auto 13px;
  }
  .layer-pop.box-type .view-area .excel-list li .excel-add-btn {
    width: 130px;
    height: 23px;
    margin-right: 10px;
    padding: 0 10px;
  }
  .layer-pop.box-type .view-area .excel-list li .excel-add-btn .txt {
    height: 23px;
    padding-left: 22px;
    font-size: 14px;
    line-height: 23px;
    background-size: auto 13px;
  }
  .layer-pop.box-type .btn-area {
    text-align: center;
  }
  .layer-pop.box-type .btn-area button {
    width: auto;
    min-width: 100px;
    height: 35px;
    padding: 0 15px;
    font-size: 15px;
  }
  .layer-pop.box-type .btn-area p{
    position: relative;
    left: 0;
    top: 0;
    margin-bottom: 10px;
  }
  .layer-pop .btn-area {
    text-align: center;
  }
  .layer-pop .btn-area button {
    width: auto;
    min-width: 100px;
    height: 35px;
    padding: 0 15px;
    font-size: 15px;
  }
  .btn-area button {
    width: auto;
    min-width: 100px;
    height: 35px;
    padding: 0 15px;
    font-size: 15px;
    border-radius: 10px;
    background: #474747;
    color: #ededed;
  }
  /*.popup.wtype02 .btn-area button:last-child {display: none;}*/
  #popFooter {text-align: center}
  .only-pc {
    display: none !important;
  }
  .only-mo {
    display: block !important;
  }
  .flexnone{
    display: block !important;
  }

  .only-mo a img {width: 100%}
  /* 공통 */
  #divPaging, .divPaging {
    margin-top: 10px;
  }
  #divPaging strong, #divPaging a, .divPaging strong, .divPaging a {
    width: 20px;
    font-size: 14px;
  }
  .com-btn {
    padding: 0 10px;
    font-size: 14px;
  }
  .com-btn.big{
    height: 30px;
    line-height: 30px;
    min-width: auto;
    padding: 0 10px;
  }
  .com-check label {
    font-size: 14px;
    line-height: 20px;
  }
  .com-check label::before {
    width: 20px;
    height: 20px;
  }
  .com-paging {
    margin-top: 30px;
  }
  .com-paging a {
    width: 16px;
    height: 20px;
    margin: 0 2px;
    font-size: 13px;
    line-height: 20px;
  }
  .com-paging a.prev {
    margin-right: 5px;
  }
  .com-paging a.next {
    margin-left: 5px;
  }
  .com-note-down .down-item .btn-cnt .com-toggle-btn {
    width: auto !important;
    height: 30px;
    padding-left: 30px;
    background-size: auto 20px !important;
  }
  .com-note-down .down-item .btn-cnt .com-toggle-btn .txt {
    font-size: 15px;
  }
  .com-note-down .down-item .com-toggle-view {
    width: 200px;
    padding: 10px;
  }
  .com-note-down .down-item .com-toggle-view .down-btn {
    height: 30px;
    font-size: 15px;
    background-size: auto 15px;
  }
  .com-list-tab {
    overflow-x: auto;
    overflow-y: hidden;
    padding: 10px;
    background: #eee;
    white-space: nowrap;
    margin-top:25px
  }
  .com-list-tab button, .com-list-tab a {
    height: 30px;
    padding: 0 15px;
    border-radius: 10px;
    font-size: 15px;
    line-height: 30px;
  }
  .com-list-tab button::before{
    background-size: 80% !important;
    margin-top:-2px;
  }
  .com-list-tab + .tab-view-wrap .table-list-area {
    border-top: 0;
  }
  .com-list-tab.fixed.on {
    left: 0;
    transform: translateX(0);
    width: 100%;
  }
  .com-arrow-check label {
    height: 20px;
    padding-left: 20px;
    font-size: 15px;
    line-height: 20px;
  }
  .com-arrow-check label::before {
    top: 5px;
    width: 12px;
    height: 12px;
  }
  .com-select::before {
    background-size: auto 6px !important;
    right:5px
  }
  .com-select select {
    height: 32px;
    padding-right: 15px;
    font-size: 14px;
    line-height: 32px;
    text-overflow: ellipsis;
    border-radius: 4px;
  }
  .com-top-banner {
    display: none;
  }
  .com-line-bannner {
    margin:0 0 -8px !important
  }
  .main .com-line-bannner{margin-top:20px !important}
  .com-list-banner {
    margin-top: 0;
    padding: 25px 10px 0;
    border-top: 13px solid #eee;
  }
  .com-list-banner::before {
    display: none;
  }
  .com-list-banner.gray-type {
    background: #eee;
  }
  .com-list-banner.plan-type .banner-area .banner {
    width: calc(50% - 5px);
  }
  .com-list-banner .title-area .more-btn {
    right: 10px;
    top: 5px;
    height: 20px;
    padding-right: 25px;
    font-size: 14px;
    line-height: 20px;
    background-size: auto 20px;
  }
  .com-list-banner .title-area .title-box .tit {
    font-size: 17px;
    line-height: 26px;
  }
  .com-list-banner .title-area .title-box .sub-txt {
    display: block;
    top: auto;
    left: auto;
    margin: 5px 0 0;
    font-size: 14px;
    line-height: 17px;
  }
  .com-list-banner .title-area .more-box {
    margin-top: 13px;
  }
  .com-list-banner .title-area .more-box .tit {
    font-size: 16px;
  }
  .com-list-banner .banner-area {
    flex-wrap: wrap;
  }
  /* .com-list-banner .banner-area .banner {
    width: calc(33.33% - 5px);
    margin-bottom: 20px;
  } */
  .com-list-banner .banner-area .banner .photo {
    height: auto;
  }
  .com-list-banner .banner-area .banner .favorite-item {
    height: auto;
    padding: 5px 10px 10px;
  }
  .com-list-banner .banner-area .banner .favorite-item .text {
    margin-top: 10px;
    font-size: 15px;
  }
  .com-list-banner .banner-area .banner .favorite-item .favorite-cnt .count {
    font-size: 12px;
  }
  .com-list-banner .banner-area .banner .favorite-item .icon-cnt {
    height: auto;
  }
  .com-list-banner .banner-area .banner .favorite-item .icon-cnt .icon {
    width: 45px;
    font-size: 11px;
    letter-spacing: -1px;
  }
  .com-list-banner .banner-area .banner .plan-item {
    height: 115px;
    padding-top: 9px;
  }
  .com-list-banner .more-box .tit{font-size: 17px;}
  .com-list-banner .more-box label{width:75px; height:27px; line-height: 27px; font-size:14px}
  .com-list-banner .banner-area .banner .info-item .flexbox span{font-size:12px;}
  .com-list-banner .banner-area .banner .info-item label{font-size:11px; padding:4px 12px 5px}
  .com-list-banner .banner-area .banner .info-item > .text{font-size:14px; height: 40px; line-height:20px;}
  .com-list-banner .banner-area .banner .info-item .user-info .name{width:calc(100% - 40px); display:inline-block}
  .com-list-banner .banner-area .banner .info-item .user-info .name img{width:20px; height:20px; vertical-align:top; margin-top:-3px;}
  .com-list-banner .banner-area .banner .info-item .user-info .name .txt{line-height:1; width:calc(100% - 30px); display:inline-block;}
  .com-list-banner .banner-area .banner .info-item .user-info .point{line-height: 1; font-size:12px;}
  .com-list-banner .banner-area .banner .photo .charge{top:7px; left:7px; padding:0 12px; font-size:11px; border-radius:3px; height:20px; line-height:20px;}
  .com-list-banner .banner-area .banner .photo .icon{font-size:11px; min-width: 65px;}
  .com-list-banner .banner-area .banner .photo .cost{height:26px; line-height: 23px;}
  .com-list-banner .banner-area .banner .photo .cost .sale{font-size:14px;}

  .new-list-banner .title-area{
    border-radius: 10px;
  }
  .new-list-banner .left-div{
    padding:10px
  }
  .new-list-banner .left-div > *{display: block;}
  .new-list-banner .left-div .month{
    font-size: 16px;
    margin:0;
    padding: 0;
  }
  .new-list-banner .left-div .month::before{
    content:none
  }
  .new-list-banner .left-div .month strong{
    font-size: 28px;
  }
  .new-list-banner .title-area .tit {
    margin-top: 5px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    width: 100%;
  }
  .new-list-banner .title-area .text{
    font-size:14px;
    margin-top: 0;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    width: 90%;
  }
  .new-list-banner .right-div{
    padding: 10px;
    width: 168px
  }
  .new-list-banner .right-div button{
    width: auto;
    padding: 0 10px;
    font-size: 14px;

  }
  .new-list-banner .right-div .text{
    font-size:14px;
    overflow:hidden;
    white-space:nowrap;
    text-overflow:ellipsis;
    width: 100%;
  }
  .com-slick-banner.list-type .banner-area {
    text-align: center;
  }
  .com-slick-banner.list-type .banner-area .banner {
    display: inline-block;
    float: none;
    margin: 0 10px;
  }
  .com-slick-banner.arrow-type .banner-area .banner > .txt {
    padding: 0 10px;
  }
  .com-slick-banner.arrow-type .banner-area .banner .user-info {
    padding: 0 10px;
  }
  .com-slick-banner.arrow-type .banner-area .banner .user-info .txt {
    overflow: hidden;
    max-width: calc(100% - 45px);
    height: 40px;
  }
  .com-slick-banner.event-type .banner-area .banner {
    height: auto;
  }
  .com-slick-banner .banner-area.number-type .banner {
    height: auto;
  }
  .com-slick-banner .banner-area.user-type .banner {
    height: auto;
  }
  .com-slick-banner .banner-area.user-type .banner .user-txt {
    height: 40px;
    padding: 10px 0 0 10px;
  }
  .com-slick-banner .banner-area.user-type .banner .user-txt .txt {
    width: calc(100% - 75px);
  }
  .com-slick-banner .banner-area .banner .icon span {
    width: 40px;
    font-size: 12px;
    letter-spacing: -1px;
  }
  .com-slick-banner .more-btn {
    right: 10px;
    height: 20px;
    padding-right: 25px;
    font-size: 14px;
    line-height: 20px;
    background-size: auto 20px;
  }
  .com-slick-banner .tab-area {
    /*overflow-x: auto;*/
    white-space: nowrap;
  }
  .com-slick-banner .tab-area .mobile-scroll {
    width: 600px;
  }

  .com-slick-banner.course-mo .tab-area {
    overflow-x: auto;
    white-space: nowrap;
  }


  .com-slick-banner .tab-area button {
    width: 56px;
    font-size: 12px;
  }
  .com-slick-banner .tab-area ~ .more-btn {
    top: 30px;
  }
  .title-area .tit {
    font-size: 17px;
    line-height: 26px;
  }
  .title-area .sub-txt {
    display: block;
    top: auto;
    left: auto;
    margin-top: 5px;
    font-size: 12px;
    letter-spacing: -0.6px;
  }
  #header {
    width: 100%;
    margin: 0;
  }
  #header .menu-area{justify-content:space-between; height:auto; padding:0 10px}
  #header .menu-area > li{padding:0 !important}
  #header .menu-area > li > a{font-size:14px; height:auto; line-height:30px}
  #header.fix .menu-area > li > a{line-height:40px}
  #header .link-info-content {
    display: none;
  }
  #header .search-content .link-area, .search-content .sub-menu-list, .menu-area::before, .search-content h1 {
    display: none !important; content:none !important;
  }
  .search-content .flexbox{padding:15px 10px}
  #header .search-content .input-box, #header .search-content .search-area{width:100%}
  #header .search-content .input-box{padding:0 10px; height:40px; border:1px solid #333; column-gap:10px}
  #header .search-box{top:39px; border:1px solid #333; padding:15px 10px}
  #header .search-box > .close-btn{top:15px; right:10px}
  #header .mobile-content {
    display: block;
  }
  .mobile-menu{display:flex; justify-content:space-between; padding:0 10px 10px}
  .mobile-menu a{color:#666}
  img{max-width:100%}
  .mobile-content .logo-box{display:flex; justify-content:space-between; align-items:center; padding:20px 10px 0 10px}
  .mobile-content .logo-box > div{display:flex; align-items:center}
  .mobile-content h1{display:inline-block; height:19px}
  .mobile-content h1 img{height:19px}
  .mobile-content .toggle-menus{width:19px; height:19px; margin-left:10px}
  .mobile-content .logo-box .link-list {
    display: none;
    position: absolute;
    left: 10px;
    right: 0;
    top: 52px;
    border-bottom: 1px solid #f1f1f1;
    z-index: 11;
    width: 50%;
    border-radius: 15px;
    overflow: hidden;
    box-shadow: 2px 0px 5px rgb(0,0,0,0.1);
  }
  #header .mobile-content .top-area .logo-box .link-list li{
    font-size: 0;
  }
  #header .mobile-content .top-area .logo-box .link-list li a {
    display: block;
    width: 100%;
    padding: 15px 10px;
    border-top: 1px solid #f1f1f1;
    background: #fff;
  }
  #header .mobile-content .top-area .logo-box .link-list li a .logo-img {
    width: auto;
    height: 17px;
  }
  #header .mobile-content .top-area .logo-box .link-list li a .txt {
    font-size: 14px;
    color: #666;
  }
  #header .mobile-content .top-area .logo-box .link-list li i{
    display: inline-block;
    width:17px;
    height: 17px;
    background: url('//tvcache.teacherville.co.kr/gnb_check.png');
    background-size: 100% 100%;
    margin-left: 5px;
  }
  #header .mobile-content .top-area .basket-btn {
    width: 27px;
    height: 26px;
    background: url('/assets/images/230905_ai/230908_mo_logo_cart.png') no-repeat center;
    background-size: auto 26px;
    position:relative;
    text-indent:-9999px;
  }
  .mobile-content .my-btn{width:26px; height:26px; background:url('/assets/images/230905_ai/230908_mo_logo_my.png') no-repeat center; background-size:auto 26px; margin-left:15px; text-indent:-9999px}

  #header .mobile-content .top-area .alarm-btn {
    position: absolute;
    right: 85px;
    top: 15px;
    width: 24px;
    height: 26px;
    background: url(../images/icon/ic_mo_menu_alarm.png) no-repeat 0 0;
    background-size: 24px auto;
  }



  #header .mobile-content .top-area .login-btn {
    position: absolute;
    right: 12px;
    top: 15px;
    width: 24px;
    height: 26px;
    background: url(../images/icon/gnb_menu_3.png) no-repeat 0 0;
    background-size: 24px auto;

  }
  #header .mobile-content .top-area .basket-btn .num {
    position: absolute;
    right: -8px;
    top: -5px;
    width: 20px;
    height: 20px;
    border-radius: 50%;
    background: #1f75bb;
    font-size: 11px;
    font-weight: bold;
    letter-spacing: -1px;
    line-height: 20px;
    color: #fff;
    text-indent:-1px;
  }
  #header .mobile-content .search-area {
    padding: 0 10px;
  }
  #header .mobile-content .search-area .input-box {
    position: relative;
    height: 33px;
    padding-right: 30px;
    border-bottom: 1px solid #374657;
  }
  #header .mobile-content .search-area .input-box input {
    width: 100%;
    height: 32px;
  }
  #header .mobile-content .search-area .input-box .search-btn {
    position: absolute;
    right: 0;
    top: 5px;
    width: 17px;
    height: 17px;
    background: url(../images/icon/ic_top_search.png) no-repeat 0 0;
    background-size: 17px auto;
  }
  #header .mobile-content .menu-area {
    overflow-x: none;
    white-space: nowrap;
    margin-top: 16px;
    padding: 0 10px;
    display:flex;
  }
  #header .mobile-content .menu-area a {
    display: inline-block;
    vertical-align: top;
    height: 34px;
    border-bottom: 2px solid #fff;
    font-size: 16px;
    font-weight: 500;
    color: #666;
    line-height: 30px;
    width:100%;
    text-align:center;
  }

  @media (max-width: 360px) {
    #header .mobile-content .menu-area a {
      width: 17%;
      font-size: 14px;
    }
    .topbtn{
      width:47px;
      height: 84px;
      background-size: 100% auto;
    }
  }

  #header .mobile-content .menu-area a:first-child {
    margin-left: 0;
  }
  #header .mobile-content .menu-area a.on {
    border-bottom-color: #005499;
    color: #005499;
  }
  #wrap {
    min-width: 100%;
    margin: 0;
  }
  #container {
    width: 100% !important;
    margin: 0;
  }
  #container .left-menu-content {
    display: none;
  }
  #container .mo_b2g .left-menu-content {display:block; position:relative; left:0; width:100%}
  #container .mo_b2g .left-menu-content .list-area{border:0; font-size:0; margin-left:1px; overflow:visible}
  #container .mo_b2g .left-menu-content .list-area li{display:inline-block; width:calc(50% + 1px); border:1px solid #ddd; margin:-1px 0 0 -1px}
  /* 240611_b2g추가 */
  .mo_b2g .b2g_btn{display:block}
  .b2g_btn{position:absolute; top:-25px; left:10px; z-index:10; width:50px; line-height:1.1; color:#fff}
  .b2g_btn::before{content:''; position:absolute; padding-bottom:100%; background:#4272f9; display:block; width:100%; top:50%; left:50%; transform:translate(-50%, -50%); z-index:-1; border:4px solid #fff; border-radius:0 100px 100px 100px; box-shadow:0 3px 6px 3px rgba(0,0,0,0.2)}
  #container .lnb-menu-content {
    display: none;
  }
  .main-view-content {
    padding:20px 10px 50px
  }
  .main-view-content .main_content > div{margin:0 -10px; padding:20px 10px}
  .main-view-content .location-area {
    display: none;
  }
  .main-view-content > .top-title {
    top: 0;
    font-size: 18px;
    margin-bottom:20px;
  }
  .main-view-content > .top-title .back-btn {
    width: 20px;
    height: 20px;
    margin-top: 7px;
    background-size: contain;
  }
  .main-view-content .table-list-box {
    padding-left: 10px;
    padding-right: 10px;
  }
  .main-view-content .table-list-box > .title {
    font-size: 15px;
    margin-top: 25px;
  }
  .main-view-content .table-list-box .flex{
    margin-top: 0;
  }
  .main-view-content .table-list-box .flex > .title{
    font-size: 15px;
    margin-right: 10px;
  }
  .main-view-content .table-list-box > .title .com-tooltip {
    top: -6px;
  }
  .main-view-content .table-list-box > .title .com-tooltip .view-info-cnt {
    left: -70px;
    width: 80vw;
  }
  .main-view-content .table-list-box .table-list-area {
    border-top: 0;
    padding-left: 0;
    padding-right: 0;
  }
  .main-view-content .table-list-box .table-list-area > .title {
    padding-left: 0;
  }
  .main-view-content .table-list-box .com-edit-table table th {
    width: 30%;
  }
  .main-view-content .table-list-box .com-edit-table table td {
    width: 70%;
  }
  .main-view-content .table-list-box .com-edit-table table td .com-select {
    width: 100%;
  }
  .m_table tr{
    display: flex;
    flex-wrap: wrap;
  }
  .m_table th{
    width: 30% !important;
    height: auto !important;
  }
  .m_table td{
    width: 70% !important;
    height: auto !important;
  }
  .m_table tr .m_w100{
    width: 100% !important
  }
  .m_table tr .m_w100 .flexbox > strong.red{min-width:80px; text-align:right}
  .m_table.flex2{display:block; margin:20px 0 0 0}
  .m_table.flex2 > *{margin:20px 0 0 0}
  .plan_td strong{display: block}
  .plan_td .com-btn{width:100%; margin-top:10px}
  .table_div > div{padding:10px; font-size:15px; line-height:24px;}
  .new_payment .table-list-box{max-width:100%}
  .card-check-group{padding-bottom:30px}
  .card-check-group p{font-size:15px}
  .payment_right{position:relative; width:100%; top:0; padding:0 10px; margin-top:30px}
  .payment_right.fix{position:relative; margin-left:0; left:0; top:0}
  .payment_right .point{font-size:15px; padding:10px; border-radius:0; border:0; border-top:1px solid #474747}
  .payment_right .info{padding:0; font-size:15px; border-left:0; border-right:0}
  .payment_right .info dl{padding:10px; border-top:1px solid #ddd}
  .payment_right .info dl + dl{margin-top:0}
  .payment_right .info .total dt{font-size:15px}
  .payment_right .info .total dd{font-size:20px}
  .coupon_btn{width:100%; margin-top:5px}
  .button_input input[type="text"]{max-width:calc(100% - 135px)}
  .button_input .com-arrow-check label, .payment_right .info p, .payment_right .noti button{font-size:14px}
  .payment_right .noti{padding:10px; font-size:14px}
  .payment_right .noti1{border-radius:0}
  .pay_btn{position:fixed; z-index:100000; bottom:0; left:0; width:100%; background:#fff; padding:15px 10px}
  .payment-box .pay_btn{position:fixed; top:auto; margin:0; padding:15px 10px; border:0}
  .com-edit-table .red_td *{font-size:15px;}
  .gift_list li{width:100%; text-align:left}
  .gift_list li + li{margin-left:0}
  .gift_list img{display:none}
  .gift_list .text{padding-left:22px; font-size:15px}
  .gift_list .text::before{width:14px; height:14px; background-size:cover !important; top:4px}
  .font_lg{display:block; font-size:16px}
  .com-btn.md{min-width:105px}
  .xs_hidden{display:none}
  .coupon_list > div{padding:10px 0}
  .coupon_list dt{font-size:15px}
  .coupon_list dd{font-size:16px}
  .coupon_list dl:nth-child(2)::before, .coupon_list dl:nth-child(3)::before{font-size:14px; left:-10px}
  .group_div .group_list{font-size:15px}
  .group_div .group_list, .group_list .list{display:block}
  .group_list .user > *, .group_list .list_tit{padding:10px}
  .group_list .user{grid-template-columns:30% 70%; border-bottom:1px solid #ebebeb}
  .group_list .price{border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb; grid-template-columns:34.5% 20% 20% 25.5%}
  .group_list .price > *:first-child, .group_list .price > *:last-child{padding:10px}
  .group_tab{margin:0 0 10px}
  .group_tab a{font-size:16px; padding:10px}
  .group_tab p{font-size:12px; margin-top:3px}
  .group_div .coupon_list{display:flex; justify-content:space-between; padding:10px 5px}
  .group_div .coupon_list dl{width:100%}
  .group_div .coupon_list dl + dl{padding-left:0; margin-left:0}

  .com-edit-table .table > li{
    width: 50% !important;
    font-size: 14px;
    padding: 10px
  }
  .main-view-content .table-list-box .com-edit-table table td .com-select + .com-select {
    margin: 10px 0 0;
  }
  .com-edit-table .table dl{
    display:block
  }
  .com-edit-table .table dt, .com-edit-table .table dd, .layer-pop .com-edit-table .table dd, .layer-pop .com-edit-table .table dt{
    width:100%;
    display:block;
    height:auto;
    padding:10px
  }
  .layer-pop .com-edit-table .table dd{
    border-bottom: 1px solid #474747;
  }
  .com-edit-table .com-bottom-btn{
    padding-top: 0;
    margin-top: 10px;
  }
  .checkinput input[type="text"]{width:calc(100% - 90px) !important}
  .checkinput .flex{justify-content:space-between}
  .com-edit-table .flexnone > * + *{margin:10px 0 0 0}
  .main-view-content .select-check-box .line .check-item {
    height: 25px;
  }
  .main-view-content .select-check-box .line .check-item .txt {
    font-size: 14px;
    line-height: 23px;
    vertical-align: top;
  }
  .main-view-content .select-check-box .line .check-item .com-arrow-check label {
    margin-top: 0;
  }
  .main-view-content .payment-box {
    display: block;
  }
  .main-view-content .payment-box > div {
    margin-top: 25px;
  }
  .main-view-content .payment-box > div > .title {
    padding-bottom: 5px;
    font-size: 15px;
  }
  .main-view-content .payment-box > div > .title small {
    display: block;
    position: relative;
    right: auto;
    top: auto;
    margin-top: 10px;
    padding-bottom: 10px;
    text-align: left;
  }
  .main-view-content .payment-box > div > .title small br {
    display: none;
  }
  .main-view-content .payment-box .address-cnt {
    width: 100%;
  }
  .main-view-content .payment-box .address-cnt .form-item {
    padding: 10px 0;
  }
  .main-view-content .payment-box .address-cnt .form-item .input-line.find button {
    width: 75px;
    height: 25px;
    font-size: 15px;
  }
  .main-view-content .payment-box .address-cnt .form-item .input-line.find input[type="text"] {
    width: calc(100% - 85px);
  }
  .main-view-content .payment-box .address-cnt .form-item .input-line input[type="text"] {
    height: 25px;
    font-size: 14px;
  }
  .main-view-content .payment-box .cost-cnt {
    width: 100%;
  }
  .main-view-content .payment-box .cost-cnt .payment-item .info-title {
    height: 40px;
    padding-right: 40px;
  }
  .main-view-content .payment-box .cost-cnt .payment-item .info-title .tit {
    font-size: 15px;
  }
  .main-view-content .payment-box .cost-cnt .payment-item .info-title .cost {
    font-size: 15px;
  }
  .main-view-content .payment-box .cost-cnt .payment-item .info-title .com-toggle-btn {
    top: 9px;
    right: 8px;
  }
  .main-view-content .payment-box .cost-cnt .payment-item .com-toggle-view .payment-group {
    font-size: 14px;
    line-height: 25px;
  }
  .main-view-content .payment-box .cost-cnt .payment-item .com-toggle-view .payment-group .line {
    padding: 7px 0;
  }
  .main-view-content .payment-box .cost-cnt .payment-item .com-toggle-view .payment-group .line .cost .point-input input[type="text"] {
    width: 40%;
  }
  .main-view-content .payment-box .cost-cnt .payment-item .agree-view .card-check-group .card-item {
    width: calc(25% - 3px);
  }
  .main-view-content .payment-box .cost-cnt .payment-item .agree-view .card-check-group .card-item label {
    width: 100%;
    height: 100%;
    padding-bottom: 8px;
    border-radius: 5px;
    font-size: 13px;
    line-height: 17px;
    letter-spacing: -1px;
  }
  .main-view-content .payment-box .cost-cnt .payment-item .agree-view .agree-group .com-arrow-check label {
    font-size: 14px;
    line-height: 18px;
  }
  .main-view-content .payment-box .cost-cnt .payment-item .agree-view .agree-group .com-arrow-check label br {
    display: none;
  }
  .main-view-content .payment-box .card-info-notice {
    padding: 10px;
  }
  .main-view-content .payment-box .card-info-notice .title {
    margin-top: 10px;
    font-size: 14px;
  }
  .main-view-content .payment-box .card-info-notice .txt {
    margin-top: 5px;
    font-size: 13px;
  }
  .main-view-content .notice-list-wrap .search-box .com-select {
    width: 100%;
    margin: 0;
  }
  .main-view-content .notice-list-wrap .search-box .search-cnt {
    display: block;
    margin-top: 10px;
    /*margin-right: 10px;*/
    border:1px solid #ddd;
  }
  .main-view-content .notice-list-wrap .search-box .search-cnt input,
  .main-view-content .notice-list-wrap .cst-search {
    width: 100%;
  }
  .main-view-content .notice-list-wrap .courselist .cst-search input[type="text"] {
    width: calc(100% - 125px);
    max-width: 100%;
  }
  .main-view-content .notice-list-wrap .table-list-area .com-list-table table td .link .txt {
    max-width: 440px;
  }
  .main-view-content .remote-info-area {
    padding: 0 10px;
  }
  .main-view-content .remote-info-area .title-box {
    font-size: 15px;
    line-height: 20px;
  }
  .main-view-content .remote-info-area .list-info-box > .title {
    font-size: 15px;
    line-height: 20px;
  }
  .main-view-content .remote-info-area .list-info-box > .title strong {
    display: block;
    padding-bottom: 10px;
    font-size: 17px;
  }
  .main-view-content .remote-info-area .list-info-box > .title strong::after {
    display: none;
  }
  .main-view-content .remote-info-area .list-info-box .list {
    display: block;
  }
  .main-view-content .remote-info-area .list-info-box .list li {
    width: 100%;
    margin-top: 20px;
    padding-left: 0;
  }
  .main-view-content .remote-info-area .list-info-box .list li .ic {
    width: 80px;
    font-size: 13px;
  }
  .main-view-content .remote-info-area .list-info-box .list li .txt {
    margin-top: 10px;
    padding-top: 0;
    background: none !important;
    font-size: 15px;
    line-height: 20px;
  }
  .main-view-content .remote-info-area .list-info-box .notice-txt {
    margin-top: 15px;
    font-size: 15px;
    line-height: 20px;
  }
  .main-view-content .remote-info-area .round-info-box {
    border-radius: 0;
    padding-bottom: 10px;
  }
  .main-view-content .remote-info-area .round-info-box > .title {
    min-height: 30px;
    height: auto;
    padding: 5px 10px;
    line-height: 20px;
    font-size: 15px;
  }
  .main-view-content .remote-info-area .round-info-box .txt-group {
    padding: 10px;
    font-size: 14px;
    line-height: 24px;
  }
  .main-view-content .remote-info-area .round-info-box .txt-group .link-btn {
    display: inline-block;
    float: right;
    position: relative;
    right: auto;
    top: auto;
    margin-top: 10px;
    padding: 0 10px;
    font-size: 14px;
  }
  .main-view-content .remote-info-area .round-info-box .info-list {
    font-size: 15px;
    line-height: 30px;
  }
  .main-view-content .remote-info-area .round-info-box .info-list dt {
    width: 50%;
    padding-left: 10px;
  }
  .main-view-content .remote-info-area .round-info-box .info-list dd {
    width: 50%;
    padding-right: 10px;
    text-align: right;
  }
  .main-view-content .remote-info-area .round-info-box .check-cnt {
    padding: 10px 10px 0;
    border-top: 1px solid #ebebeb;
  }
  .main-view-content .remote-info-area .round-info-box .check-cnt button {
    height: 30px;
    margin-left: 5px;
    padding: 0 10px;
    font-size: 14px;
  }
  .main-view-content .event-magazine-area .tab-view-wrap {
    margin-top: 20px;
  }
  .main-view-content .event-magazine-area .tab-view-wrap .view-box {
    padding: 0 10px;
  }
  .main-view-content .event-magazine-area .tab-view-wrap .sub-tab-cnt {
    text-align: left;
    margin: 0 auto;
    width: 254px;
  }
  .main-view-content .event-magazine-area .tab-view-wrap .sub-tab-cnt button {
    min-width: 120px;
    margin-right: 5px;
    padding: 8px 15px;
    margin-bottom: 5px;
    font-size: 14px;
  }
  .main-view-content .event-magazine-area .tab-view-wrap .magazine-list-cnt .list {
    text-align: center;
  }
  .main-view-content .event-magazine-area .tab-view-wrap .magazine-list-cnt .list .banner-group .btn-item {
    display: block;
  }
  .main-view-content .event-magazine-area .tab-view-wrap .magazine-list-cnt .list li {
    display: inline-block;
    float: none;
    margin: 0 20px 20px;
  }
  .main-view-content .event-magazine-area .tab-view-wrap .magazine-list-cnt .list .txt-group {
    text-align: left;
  }
  .main-view-content .event-list-area {
    padding: 0 10px;
  }
  .main-view-content .event-list-area .search-box .tab-cnt {
    display: block;
  }
  .main-view-content .event-list-area .search-box .tab-cnt .tit {
    font-size: 15px;
  }
  .main-view-content .event-list-area .search-box .tab-cnt .btn-group {
    float: right;
    margin-left:0px;
  }
  .main-view-content .event-list-area .search-box .tab-cnt .btn-group button {
    padding: 0 9px;
    font-size: 15px;
  }
  .main-view-content .event-list-area .search-box .tab-cnt .btn-group button::before {
    top: 11px;
    height: 15px;
  }
  .main-view-content .event-list-area .search-box .search-cnt {
    display: block;
    float: none;
    margin-top: 10px;
    position: absolute;
    top: 0px;
    width: 93%;
  }
  .main-view-content .event-list-area .search-box .search-cnt input {
    width: 100%;
  }
  .main-view-content .event-list-area .search-box .search-cnt button {
    right: 10px;
  }
  .main-view-content .event-list-area .event-list-box .list li {
    float: none;
    width: 100%;
    height: auto;
    padding: 0 0px 10px 0;
    margin-bottom: 20px;
  }
  .main-view-content .event-list-area .event-list-box .list li .end-mark .txt {
    font-size: 25px;
  }
  .main-view-content .event-list-area .event-list-box .list a {
    width: 100%;
    height: auto;
  }
  .main-view-content .event-list-area .event-list-box .list .banner {
    height: auto;
  }
  .main-view-content .event-list-area .event-list-box .list .banner img {
    display: block;
    width: 100%;
  }
  .main-view-content .event-list-area .event-list-box .list .tit {
    font-size: 15px;
  }
  .main-view-content .event-list-area .event-list-box .list .txt {
    font-size: 15px;
  }
  .main-view-content .event-list-area .event-list-box .list .day {
    font-size: 12px;
  }
  .main-view-content .event-list-area .event-list-box .list .day span::after {
    top: 11px;
    height: 10px;
  }
  .main-view-content .event-list-area .event-list-box .list .d-day {
    bottom: 10px;
    width: 65px;
    height: 65px;
    font-size: 14px;
    line-height: 65px;
  }
  .main-view-content .tab-view-area {
    padding: 0 10px 200px;
  }
  .main-view-content .tab-view-area .top-link-box .tab-group {
    display: block;
    float: none;
    text-align: left;
    margin-bottom: 10px;
  }
  .main-view-content .tab-view-area .top-link-box .tab-group button {
    font-size: 13px;
  }
  .main-view-content .tab-view-area .top-link-box .tab-group button::before {
    top: 3px;
  }
  .main-view-content .tab-view-area .top-link-box .link-btn {
    height: 30px;
    padding: 0 20px;
    line-height: 30px;
    font-size: 14px;
  }
  .main-view-content .tab-view-area .tab-view .notice-txt {
    padding: 10px;
    font-size: 14px;
    line-height: 20px;
  }
  .main-view-content .tab-view-area .com-list-banner {
    padding: 0;
    border-top: 0;
  }
  .main-view-content .tab-view-area .com-slick-banner {
    border-top: 0;
  }
  .main-view-content .tab-view-area .request-list-box .list {
    padding: 10px;
    border-radius: 5px;
  }
  .main-view-content .tab-view-area .request-list-box .list li {
    display: block;
    line-height: 20px;
  }
  .main-view-content .tab-view-area .request-list-box .list li .time-group {
    width: 100%;
  }
  .main-view-content .tab-view-area .request-list-box .list li .time-group .tit {
    display: inline-block;
    font-size: 14px;
  }
  .main-view-content .tab-view-area .request-list-box .list li .time-group .txt {
    display: inline-block;
    font-size: 14px;
  }
  .main-view-content .tab-view-area .request-list-box .list li .text-group {
    width: 100%;
  }
  .main-view-content .tab-view-area .request-list-box .list li .text-group .line {
    position: relative;
    margin-top: 15px;
    /*padding: 25px 0 0 0px;*/
  }
  .main-view-content .tab-view-area .request-list-box .list li .text-group .line .tit {
    /*position: absolute;*/
    left: 0;
    top: 0;
    font-size: 14px;
  }
  .main-view-content .tab-view-area .request-list-box .list li .btn-group {
    display: flex;
    margin: 15px -5px 0;
  }
  .main-view-content .tab-view-area .request-list-box .list li .btn-group button {
    flex: 1;
    height: 30px;
    margin: 0 5px;
    border-radius: 5px;
    font-size: 15px;
  }
  .main-view-content .tab-view-area .request-list-box .list li .info-group {
    position: relative;
    width: 100%;
    padding: 25px 0 0 10px;
  }
  .main-view-content .tab-view-area .request-list-box .list li .info-group + .info-group {
    margin-top: 10px;
  }
  .main-view-content .tab-view-area .request-list-box .list li .info-group .tit {
    position: absolute;
    left: 0;
    top: 0;
    font-size: 14px;
  }
  .main-view-content .tab-view-area .request-list-box .list li .info-group .txt {
    font-size: 14px;
  }
  .main-view-content .tab-view-area .info-txt-box {
    margin-top: 20px;
  }
  .main-view-content .tab-view-area .info-txt-box .list {
    padding: 10px;
    border-radius: 5px;
  }
  .main-view-content .tab-view-area .info-txt-box li .tit {
    font-size: 14px;
  }
  .main-view-content .tab-view-area .info-txt-box li .txt {
    font-size: 14px;
  }
  .main-view-content .tab-view-area .choice-list-box {
    padding: 10px;
    border-radius: 5px;
  }
  .main-view-content .tab-view-area .choice-list-box > .title {
    font-size: 14px;
  }
  .main-view-content .tab-view-area .choice-list-box .list li {
    padding: 15px 0;
  }
  .main-view-content .tab-view-area .choice-list-box .list li .select-info {
    display: block;
    position: relative;
    padding: 0 0 0 20px;
  }
  .main-view-content .tab-view-area .choice-list-box .list li .select-info .del-btn {
    position: absolute;
    left: 0;
    top: 5px;
    margin-right: 0;
  }
  .main-view-content .tab-view-area .choice-list-box .list li .select-info .text,
  .main-view-content .tab-view-area .choice-list-box .list li .select-info.no-select .text {
    display: block;
    width: 100%;
    font-size: 14px;
    line-height: 20px;
  }
  .main-view-content .tab-view-area .choice-list-box .list li .select-info.no-select{padding-left:0}
  .main-view-content .tab-view-area .choice-list-box .list li .select-info .text em{font-size:13px; margin-top:5px}
  .main-view-content .tab-view-area .choice-list-box .list li .select-info .text em label{font-size:11px}
  .main-view-content .tab-view-area .choice-list-box .list li .select-info .price {
    display: inline-block;
    width: auto;
    font-size: 14px;
    line-height: 20px;
  }
  .main-view-content .tab-view-area .choice-list-box .list li .select-info .right-txt {
    display: block;
    margin-top: 10px;
    font-size: 14px;
    font-weight: bold;
    line-height: 20px;
  }
  .main-view-content .tab-view-area .choice-list-box .list li .select-info .com-toggle-btn {
    padding-right: 30px;
  }
  .main-view-content .tab-view-area .choice-list-box .list li .select-info .com-toggle-btn::after {
    top: 6px;
    width: 20px;
    height: 20px;
    background-size: auto 20px;
  }
  .main-view-content .tab-view-area .choice-list-box .list li .select-info .com-toggle-btn .txt {
    font-size: 14px;
  }
  .main-view-content .tab-view-area .choice-list-box .list li .select-info .basket-btn {
    display: block;
    width: 100%;
    height: 30px;
    margin: 10px 0 0 0;
    border-radius: 5px;
    font-size: 14px;
  }
  .main-view-content .tab-view-area .choice-list-box .list li .select-info .order-btn {
    display: block;
    width: 100%;
    height: 30px;
    margin: 10px 0 0 0;
    border-radius: 5px;
    font-size: 14px;
  }
  .main-view-content .tab-view-area .choice-list-box .list li .com-toggle-view {
    margin-top: 10px;
    padding: 10px;
    font-size: 14px;
    line-height: 20px;
  }
  .main-view-content .tab-view-area .choise-bottom-box {
    text-align: center;
  }
  .main-view-content .tab-view-area .choise-bottom-box .info-txt {
    display: block;
    font-size: 14px;
  }
  .main-view-content .tab-view-area .choise-bottom-box .basket-btn {
    display: block;
    width: 100%;
    height: 30px;
    margin: 10px 0 0 0;
    border-radius: 5px;
    font-size: 14px;
  }
  .main-view-content .tab-view-area .choise-bottom-box .order-btn {
    display: block;
    width: 100%;
    height: 30px;
    margin: 10px 0 0 0;
    border-radius: 5px;
    font-size: 14px;
  }
  .main-view-content .tab-view-area .teacher-info-box {
    padding: 0;
  }
  .main-view-content .tab-view-area .teacher-info-box > .photo {
    display: block;
    position: relative;
    width: 100%;
    height: auto;
    max-width: 300px;
    margin: 0 auto;
  }
  .main-view-content .tab-view-area .teacher-info-box > .name {
    display: block;
    margin-top: 10px;
    font-size: 17px;
  }
  .main-view-content .tab-view-area .teacher-info-box .list li {
    margin-top: 10px;
  }
  .main-view-content .tab-view-area .teacher-info-box .list .tit {
    font-size: 17px;
  }
  .main-view-content .tab-view-area .teacher-info-box .list .txt {
    font-size: 14px;
    line-height: 22px;
  }
  .main-view-content .tab-view-area .license-info-box .top-info-cnt {
    padding: 0;
  }
  .main-view-content .tab-view-area .license-info-box .top-info-cnt .line {
    line-height: 30px;
  }
  .main-view-content .tab-view-area .license-info-box .top-info-cnt .line .tit {
    display: block;
    font-size: 17px;
  }
  .main-view-content .tab-view-area .license-info-box .top-info-cnt .line .tit.big {
    font-size: 17px;
  }
  .main-view-content .tab-view-area .license-info-box .top-info-cnt .line .txt {
    display: block;
    margin: 0;
    padding-left: 10px;
  }
  .main-view-content .tab-view-area .license-info-box .top-info-cnt .line .detail-btn {
    padding: 0 10px;
    font-size: 14px;
  }
  .main-view-content .tab-view-area .license-info-box .top-info-cnt .btn-group {
    display: block;
    position: relative;
    right: auto;
    top: auto;
    transform: translateY(0);
  }
  .main-view-content .tab-view-area .license-info-box .top-info-cnt .btn-group button {
    width: 100%;
    height: 30px;
    margin: 10px 0 0 0;
    font-size: 14px;
  }
  .main-view-content .tab-view-area .reply-point-box .point-cnt {
    display: block;
  }
  .main-view-content .tab-view-area .reply-point-box .point-cnt .point-group {
    width: 100%;
  }
  .main-view-content .tab-view-area .reply-point-box .point-cnt .point-group .tit {
    display: block;
    margin-bottom: 20px;
    font-size: 17px;
    line-height: 26px;
  }
  .main-view-content .tab-view-area .reply-point-box .point-cnt .point-group .star-shape {
    display: inline-block;
    vertical-align: top;
    margin: 0;
  }
  .main-view-content .tab-view-area .reply-point-box .point-cnt .point-group .star-shape .star {
    width: 20px;
    height: 20px;
    background-size: auto 100%;
  }
  .main-view-content .tab-view-area .reply-point-box .point-cnt .point-group .star-point {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    font-size: 16px;
    line-height: 20px;
  }
  .main-view-content .tab-view-area .reply-point-box .point-cnt .point-group .count-txt {
    display: inline-block;
    vertical-align: top;
    margin: 0 5px;
    font-size: 16px;
    line-height: 20px;
  }
  .main-view-content .tab-view-area .reply-point-box .line-group.school {
    width: 100%;
    max-width: 400px;
    margin: 20px auto 0;
    padding: 0 10px;
  }
  .main-view-content .tab-view-area .reply-point-box .line-group.year {
    width: 100%;
    max-width: 400px;
    margin: 20px auto 0;
    padding: 0 10px;
  }
  .main-view-content .tab-view-area .reply-list-box li {
    padding: 15px 0;
  }
  .main-view-content .tab-view-area .reply-list-box li .photo-group {
    overflow: hidden;
    left: 0;
    top: 10px;
    border-radius: 50%;
  }
  .main-view-content .tab-view-area .reply-list-box li .reply-group .info-item {
    padding: 0 0 0 60px;
    line-height: 26px;
  }
  .main-view-content .tab-view-area .reply-list-box li .reply-group .info-item .name {
    display: inline-block;
    vertical-align: top;
    font-size: 15px;
  }
  .main-view-content .tab-view-area .reply-list-box li .reply-group .info-item .day {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
  }
  .main-view-content .tab-view-area .reply-list-box li .reply-group .info-item .tag {
    float: none;
    margin-top: 10px;
  }
  .main-view-content .tab-view-area .reply-list-box li .reply-group .info-item .tag .txt {
    min-width: auto;
    padding: 0 10px;
    font-size: 12px;
  }
  .main-view-content .tab-view-area .reply-list-box li .reply-group .info-item .tag .best{
    background: url('//tvcache.teacherville.co.kr/teacherville2/image/web/icon/ic_crown.png') no-repeat 7px center #ec407a;
    background-size: auto 13px;
    padding-left: 25px;
  }
  .main-view-content .tab-view-area .reply-list-box li .reply-group .text-item .text {
    height: 40px;
    font-size: 14px;
    line-height: 20px;
  }
  .main-view-content .tab-view-area .reply-list-box li .point-item {
    position: relative;
    right: auto;
    top: auto;
    width: 100%;
    margin-top: 20px;
    text-align: right;
  }
  .main-view-content .tab-view-area .reply-list-box li .point-item .star-shape {
    margin-top: 5px;
  }
  .like-item {
    display: inline-block;
    margin: 0;
  }
  .like-item .tooltip {
    display: none !important;
  }
  .main-view-content .tab-view-area .reply-list-box li .upload-photo-group {
    margin-top: 20px;
  }
  .main-view-content .tab-view-area .reply-list-box li .upload-photo-group .photo {
    margin-bottom: 10px;
  }
  .main-view-content .tab-view-area .reply-list-box li .user-btn-group {
    position: relative;
    right: auto;
    bottom: auto;
    margin-top: 10px;
    text-align: right;
  }
  .main-view-content .tab-view-area .reply-list-box li .user-btn-group button {
    padding: 0 15px;
    font-size: 14px;
  }
  .main-view-content .purchase-fixed-area {
    width: 100%;
  }
  .main-view-content .purchase-fixed-area .purchase-box {
    display: block;
    padding: 10px;
  }
  .main-view-content .purchase-fixed-area .purchase-box .select-cnt .com-select {
    width: 100%;
  }
  .main-view-content .purchase-fixed-area .purchase-box .select-cnt .com-select + .com-select {
    margin: 10px 0 0 0;
  }
  .main-view-content .purchase-fixed-area .purchase-box .info-btn-cnt .cost-item {
    display: block;
    text-align: right;
  }
  .main-view-content .purchase-fixed-area .purchase-box .info-btn-cnt .cost-item .coupon {
    padding: 0 10px;
    font-size: 14px;
  }
  .main-view-content .purchase-fixed-area .purchase-box .info-btn-cnt .cost-item .price {
    font-size: 20px;
  }
  .main-view-content .purchase-fixed-area .purchase-box .info-btn-cnt .btn-item {
    display: flex;
    margin: 20px -5px 0;
  }
  .main-view-content .purchase-fixed-area .purchase-box .info-btn-cnt .btn-item button {
    flex: 1;
    height: 30px;
    margin: 0 5px;
    border-radius: 5px;
    font-size: 14px;
  }
  .main-view-content .purchase-fixed-area .book-info-box {
    display: block;
  }
  .main-view-content .purchase-fixed-area .book-info-box .info-item {
    height: 35px;
  }
  .main-view-content .purchase-fixed-area .book-info-box .info-item + .info-item {
    margin-left: 0;
  }
  .main-view-content .purchase-fixed-area .book-info-box .info-item .tit {
    display: inline-block;
    vertical-align: top;
    font-size: 14px;
    line-height: 35px;
  }
  .main-view-content .purchase-fixed-area .book-info-box .info-item .num {
    float: right;
    margin: 0;
    font-size: 14px;
    line-height: 35px;
  }
  .main-view-content .purchase-fixed-area .book-info-box .info-item .del-btn {
    top: 12px;
  }
  .main-view-content .tab-view-wrap {
    margin-top: 0;
  }
  .main-view-content .training-request-area {
    display: block;
  }
  .main-view-content .training-request-area .info-box {
    width: 100%;
  }
  .main-view-content .training-request-area .info-box .video-cnt .video-group {
    height: auto;
  }
  .main-view-content .training-request-area .info-box .txt-banner-cnt .banner-wrap {
    height: auto;
  }
  .main-view-content .training-request-area .info-box .txt-banner-cnt .banner-group .banner-img {
    float: none;
    width: 100%;
    height: auto;
  }
  .main-view-content .training-request-area .info-box .txt-banner-cnt .txt-info {
    float: none;
    width: 100%;
    padding-bottom: 20px;
  }
  .main-view-content .training-request-area .info-box .txt-banner-cnt .txt-info .txt-line .title {
    font-size: 14px;
  }
  .main-view-content .training-request-area .info-box .txt-banner-cnt .txt-info .txt-line .txt {
    font-size: 13px;
    line-height:15px;
    height:30px;
  }
  .main-view-content .training-request-area .request-box {
    width: 100%;
    margin-top: 20px;
  }
  .main-view-content .training-request-area .request-box .share-btn-cnt {
    position: relative;
    padding-bottom: 20px;
    text-align: right;
  }
  .main-view-content .training-request-area .request-box .share-btn-cnt .interest-btn {
    height: 28px;
  }
  .main-view-content .training-request-area .request-box .share-btn-cnt .interest-btn span {
    font-size: 12px;
    line-height: 26px;
  }
  .main-view-content .training-request-area .request-box .share-btn-cnt .share-group .share-btn {
    vertical-align: top;
    width: 28px;
    height: 28px;
    background-size: auto 20px;
  }
  .main-view-content .training-request-area .request-box .share-btn-cnt .share-group .share-pop {
    top: 32px;
  }
  .main-view-content .training-request-area .request-box .share-btn-cnt .share-group .share-pop li button {
    vertical-align: top;
    width: 28px;
    height: 28px;
  }
  .main-view-content .training-request-area .request-box .price-info-cnt {
    padding: 10px 0;
  }
  .main-view-content .training-request-area .request-box .price-info-cnt .pirce-info .coupon {
    height: 24px;
    margin-right: 5px;
    padding: 0 10px;
    font-size: 12px;
    line-height: 20px;
  }
  .main-view-content .training-request-area .request-box .select-info-cnt .choice-group .goods-info {
    padding: 5px 35px 5px 10px;
  }
  .main-view-content .training-request-area .request-box .select-info-cnt .choice-group .goods-info .tit {
    max-width: 50%;
    font-size: 14px;
  }
  .main-view-content .training-request-area .request-box .select-info-cnt .choice-group .goods-info .price {
    max-width: 50%;
    font-size: 14px;
  }
  .main-view-content .training-request-area .request-box .select-info-cnt .choice-group .goods-info .del-btn {
    right: 10px;
  }
  .main-view-content .training-request-area .request-box .goods-info-cnt {
    padding: 10px 35px 10px 0;
  }
  .main-view-content .training-request-area .request-box .goods-info-cnt .list-cnt li .txt {
    font-size: 14px;
  }
  .main-view-content .training-request-area .request-box .title-info-cnt {
    padding-bottom: 10px;
  }
  .main-view-content .training-request-area .request-box .title-info-cnt .title-group .tit {
    font-size: 15px;
  }
  .main-view-content .training-request-area .request-box .title-info-cnt .title-group .cost-item .cost .price {
    font-size: 20px;
    font-weight: bold;
  }
  .main-view-content .training-request-area .request-box .title-info-cnt .title-group .title {
    margin-top: 5px;
    font-size: 20px;
    line-height: 30px;
  }
  .main-view-content .training-request-area .request-box .title-info-cnt .icon-group .ic {
    min-width: auto;
    padding: 0 10px;
    font-size: 12px;
  }
  .main-view-content .training-request-area .request-box .coupon-info-cnt {
    padding: 10px 0;
  }
  .main-view-content .training-request-area .request-box .coupon-info-cnt .coupon-btn {
    height: 30px;
    padding: 0 10px;
  }
  .main-view-content .training-request-area .request-box .coupon-info-cnt .coupon-btn span {
    height: 30px;
    padding-left: 25px;
    font-size: 14px;
    background-size: auto 16px;
    line-height: 30px;
  }
  .main-view-content .complete-card-area > .tit {
    font-size: 16px;
  }
  .main-view-content .complete-card-area .btn-cnt .card-btn {
    height: 50px;
    padding: 0 20px;
  }
  .main-view-content .complete-card-area .btn-cnt .card-btn .txt {
    font-size: 14px;
  }
  .main-view-content .gift-info-area {
    padding: 0 10px;
  }
  .main-view-content .gift-info-area .list {
    display: block;
  }
  .main-view-content .gift-info-area .list li {
    width: 100%;
    height: auto;
    min-height: 120px;
    padding: 10px 20px 10px 0;
    text-align: right;
  }
  .main-view-content .gift-info-area .list li + li {
    margin-top: 40px;
  }
  .main-view-content .gift-info-area .list li:nth-child(1) {
    background-size: auto 50px;
    background-position: 20px center;
  }
  .main-view-content .gift-info-area .list li:nth-child(2) {
    padding: 10px 20px 10px 0;
    background-size: auto 50px;
    background-position: 20px center;
  }
  .main-view-content .gift-info-area .list li:nth-child(3) {
    background-size: auto 50px;
    background-position: 30px center;
  }
  .main-view-content .gift-info-area .list li .txt-box .txt {
    font-size: 14px;
    line-height: 24px;
  }
  .main-view-content .gift-info-area .list li .ic {
    left: 0;
    top: -24px;
    width: 50px;
    height: 50px;
    font-size: 14px;
    line-height: 50px;
  }
  .main-view-content .sub-banner-area {
    margin-top: 20px;
    padding: 0 10px;
  }
  .main-view-content .sub-banner-area .banner-box {
    overflow: hidden;
    padding: 10px;
    border-radius: 5px;
    border: 1px solid #ddd;
  }
  /* .main-view-content .sub-banner-area .banner-box img {
    display: none;
  } */
  .main-view-content .sub-banner-area .banner-box .mobile-txt {
    display: block;
    margin-bottom: 10px;
  }
  .main-view-content .sub-banner-area .banner-box .link-btn {
    float: right;
    position: relative;
    right: auto;
    top: auto;
    transform: translateY(0);
    width: auto;
    height: 30px;
    padding: 0 15px;
    border-radius: 5px;
    font-size: 14px;
    line-height: 30px;
  }
  .main-view-content .sub-banner-area .step-box {
    display: block;
    margin-top: 20px;
  }
  .main-view-content .sub-banner-area .step-box .info-cnt {
    width: 100%;
    height: auto;
  }
  .main-view-content .sub-banner-area .step-box .info-cnt + .info-cnt {
    margin-top: 10px;
  }
  .main-view-content .sub-banner-area .step-box .info-cnt .tit {
    width: 120px;
    height: auto;
    font-size: 14px;
    line-height: 30px;
  }
  .main-view-content .sub-banner-area .step-box .info-cnt .num {
    width: calc(100% - 120px);
    height: auto;
    font-size: 14px;
    line-height: 30px;
  }
  .main-view-content .homework-info-area {
    margin-top: 20px;
  }
  .main-view-content .homework-info-area > .title {
    padding-left: 10px;
    font-size: 16px;
    line-height: 24px;
  }
  .main-view-content .homework-info-area .com-edit-table table {
    display: block;
    width: 100%;
  }
  .main-view-content .homework-info-area .com-edit-table table tbody {
    display: block;
  }
  .main-view-content .homework-info-area .com-edit-table table tr {
    display: block;
  }
  .main-view-content .homework-info-area .com-edit-table table th {
    display: block;
    height: auto;
    font-size: 14px;
  }
  .main-view-content .homework-info-area .com-edit-table table td {
    display: block;
    height: auto;
    font-size: 14px;
  }
  .main-view-content .homework-info-area .com-edit-table .com-file-btn label {
    font-size: 14px;
  }
  .main-view-content .homework-info-area .task-alert {
    padding: 10px;
    border-bottom: 1px solid #E3E3E3;
  }
  .main-view-content .homework-info-area .task-alert em {
    font-size: 16px;
  }
  .main-view-content .homework-info-area .task-alert p {
    font-size: 14px;
  }
  .main-view-content .homework-info-area .task-alert .agree-txt {
    padding: 15px 0 5px;
    border-bottom: 0;
  }
  .main-view-content .homework-info-area .bottom-btn-box {
    text-align: center;
  }
  .main-view-content .homework-info-area .bottom-btn-box button {
    width: auto;
    min-width: 80px;
    height: 35px;
    margin: 0 5px;
    padding: 0 15px;
    font-size: 15px;
  }
  .main-view-content .exam-location-area {
    padding: 0 10px;
  }
  .main-view-content .exam-location-area > .title {
    font-size: 16px;
  }
  .main-view-content .exam-location-area .map-box {
    margin-top: 10px;
    border-radius: 0;
  }
  .main-view-content .exam-location-area .map-box .info-cnt {
    padding: 10px;
  }
  .main-view-content .exam-location-area .map-box .info-cnt .row {
    display: block;
  }
  .main-view-content .exam-location-area .map-box .info-cnt .row .info-line .tit {
    display: block;
    margin-top: 15px;
    font-size: 14px;
  }
  .main-view-content .exam-location-area .map-box .info-cnt .row .info-line .txt {
    display: block;
    padding-left: 10px;
    font-size: 14px;
  }
  .main-view-content .exam-location-area .map-box .info-cnt .row .info-line .list {
    padding-left: 10px;
  }
  .main-view-content .exam-location-area .map-box .info-cnt .line-txt {
    font-size: 16px;
  }
  .main-view-content .study-arrow-area {
    display: block;
    margin: 10px;
    border-radius: 5px;
  }
  .main-view-content .study-arrow-area .txt-box {
    width: 100%;
  }
  .main-view-content .study-arrow-area .txt-box .tit {
    display: block;
    font-size: 16px;
    line-height: 24px;
  }
  .main-view-content .study-arrow-area .txt-box .text {
    font-size: 14px;
    line-height: 24px;
  }
  .main-view-content .study-arrow-area .txt-box .day {
    display: block;
    margin-top: 0;
    font-size: 14px;
    line-height: 24px;
  }
  .main-view-content .study-arrow-area .arrow-box .txt {
    font-size: 14px;
    line-height: 30px;
  }
  .main-view-content .join-step-area {
    padding: 0 10px;
  }
  .main-view-content .join-step-area .step-list li {
    width: 100%;
    height: auto;
    padding: 20px 20px 20px 100px !important;
  }
  .main-view-content .join-step-area .step-list li::after {
    display: none;
  }
  .main-view-content .join-step-area .step-list li .step {
    width: 80px;
    height: 100%;
    background-position: right center;
  }
  .main-view-content .join-step-area .step-list li .step .txt {
    font-size: 14px;
  }
  .main-view-content .join-step-area .step-list li .step .num {
    font-size: 16px;
  }
  .main-view-content .join-step-area .step-list li .text br {
    display: none;
  }
  .main-view-content .exam-study-area {
    margin-top: 20px;
    padding: 0 10px;
  }
  .main-view-content .exam-study-area + .exam-study-area{
    border-top: 10px solid #eee;
  }
  .main-view-content .exam-study-area > .title {
    font-size: 16px;
    margin: 0 -10px;
    border-radius: 0;
  }
  .main-view-content .exam-study-area > .title + .toggle-info-box{
    background: 0;
    border-bottom:1px solid #474747;
    border-radius: 0;
  }
  .main-view-content .exam-study-area .toggle-info-box {
    margin: 10px -10px 0;
    padding: 10px 10px;
    border-radius: 0;
  }
  .main-view-content .exam-study-area .toggle-info-box .top-cnt .tit {
    padding-left: 0;
    font-size: 14px;
  }
  .main-view-content .exam-study-area .toggle-info-box .top-cnt .com-toggle-btn {
    width: 20px;
    height: 20px;
    margin-top: 4px;
    background-size: contain;
  }
  .main-view-content .exam-study-area .toggle-info-box .com-toggle-view {
    margin-top: 10px;
    padding: 10px;
    letter-spacing: -1px;
    font-size: 14px;
    line-height: 23px;
  }
  .main-view-content .exam-study-area .toggle-info-box .com-toggle-view .top-txt {
    font-size: 14px;
    line-height: 24px;
  }
  .main-view-content .exam-study-area .toggle-info-box .com-toggle-view .under {
    font-size: 14px;
  }
  .main-view-content .exam-study-area .toggle-info-box .com-toggle-view .info-txt {
    margin-top: 10px;
    padding: 0;
    font-size: 14px;
    line-height: 24px;
    letter-spacing:-0.5px;
  }
  .main-view-content .exam-study-area .toggle-info-box .com-toggle-view .list-txt {
    margin-top: 10px;
    padding: 0;
    font-size: 14px;
  }
  .main-view-content .exam-study-area .toggle-info-box .com-toggle-view .list-txt .txt {
    font-size: 14px;
  }
  .main-view-content .exam-study-area .toggle-info-box .com-toggle-view .list-txt .list {
    padding: 0;
  }
  .main-view-content .exam-study-area .toggle-info-box .com-toggle-view .list-txt .list table {width: 100% !important}

  .main-view-content .exam-study-area .toggle-info-box .com-toggle-view .list-txt .list li {
    font-size: 14px;
    line-height: 24px;
    letter-spacing: -0.8px;
  }
  .main-view-content .exam-study-area .toggle-info-box .chect-cnt {
    margin: 5px -10px 0 -10px;
    border-top: 1px solid #e5e5e5
  }
  .main-view-content .exam-study-area .toggle-info-box .chect-cnt input {
    top: 5px;
  }
  .main-view-content .exam-study-area .toggle-info-box .chect-cnt label {
    font-size: 13px;
  }
  .mo_bar{
    padding-top:25px;
    position: relative
  }
  .mo_bar::before{
    content: '';
    position: absolute;
    top: 0;
    left: -10px;
    right: -10px;
    height: 13px;
    background: #eee;
  }
  .tcon_wrap{
    padding: 0;
    background: 0;
    margin-top: 0;
  }
  .tcon_wrap.dot{
    padding: 10px;
    background: #dfdfdf;
    margin-top: 20px;
  }
  .tcon_wrap .top-cnt{
    padding: 0 10px;
  }
  .tcon_wrap .top-cnt .tit{
    padding: 0;
    font-size: 15px;
  }
  .tcon_inner{
    background-color: #ebebeb;
    border-radius: 10px;
    margin: 0 10px;
    padding: 0 10px 20px;
  }
  .tcon_wrap .title p{
    font-size: 15px;
  }
  .total-price .tcon_wrap{
    padding: 10px;
    background: #ebebeb;
    margin-top: 10px;
  }
  .tcon_edit .tit{
    padding:10px
  }
  .tcon_total{
    padding: 10px;
  }
  .tcon_total p{
    font-size: 14px;
  }
  .tcon_total strong{
    font-size: 18px;
  }
  .com-edit-table .tcon_edit dl dd{
    padding-right: 10px;
  }
  .drop-zone{
    display: none;
  }
  .tcon_btn{
    height: 30px !important;
    line-height: 30px;
    font-size: 14px;
    padding: 0 10px;
    width: 110px;
  }
  .tcon_tit{
    padding: 10px;
    border-radius: 10px 10px 0 0;
    border: 1px solid #ccc;
    margin: 20px -10px 0;
  }
  .tcon_wrap .no_list{
    font-size: 14px;
    margin-top: 20px;
    font-weight: normal;
  }
  .tcon_list{
    padding: 10px 0 0 0;
    margin: 10px 0 0 0;
  }
  .tcon_list::before{
    top: 0;
    left: -10px;
    bottom: auto;
    right: -10px;
    height: 1px;
    width: auto;
    background: #ccc;
  }
  .tcon_list .tit{
    font-size: 14px;
    padding-right: 20px;
    margin-right: 10px;
  }
  .tcon_tit .title{
    display: flex;
    justify-content: space-between;
    align-items: center
  }
  .tcon_list .tit::before{
    border-right: 6px solid transparent;
    border-left: 6px solid transparent;
    border-top: 10px solid #dcdcdc;
    border-bottom: 0;
  }
  .tcon_list ul{
    margin: 0 -2.5px
  }
  .tcon_list li{
    width: calc(25% - 5px);
    font-size: 14px;
    height: 35px;
    line-height: 35px;
    margin:10px 2.5px 0 2.5px
  }
  .tcon_list .list:hover + .info{
    display: none;
  }
  .tcon_btn.guide{
    position: relative;
    top: 0;
    right: auto;
    transform: none;
    width: auto;
  }
  .tcon_box{
    border-radius: 10px;
  }
  .tcon_box > *{
    padding: 10px;
  }
  .tcon_box > * + *{
    border-top: 1px solid #ccc;
  }
  .tcon_box .date{
    padding-left: 0;
    margin-top: 10px;
  }
  .tcon_box .date span{
    font-size: 14px;
  }
  .tcon_box .btnarea .btn, .big_btn .btn{
    height: 40px;
    line-height: 40px;
    border-radius: 10px;
    font-size: 15px;
    width: 100%;
  }
  .com-file-btn a{
    font-size: 14px;
  }
  .com-edit-table .thumb_list .com-file-btn{
    width: 100%;
  }
  .com-edit-table .thumb_list .imgcon{
    max-width:640px;
    width: 100%;
    margin:0 auto 10px;
  }
  .main-view-content .exam-study-area .exam-info-box {
    padding: 10px;
    border: 0;
    border-radius: 0;
    margin: 0 -10px;
  }
  .main-view-content .exam-study-area .exam-info-box + .exam-info-box{
    border-top: 1px solid #eee
  }
  .main-view-content .exam-study-area .exam-info-box > .tit {
    font-size: 16px;
    line-height: 24px;
    padding-top: 10px;
  }
  .main-view-content .exam-study-area .exam-info-box .more-link {
    top: 18px;/*단체신청연수 사용*/

  }
  .main-view-content .exam-study-area .exam-info-box .more-link button{
    width: auto;
    height: 22px;
    line-height: 22px;
    min-width: auto;
    margin-right: 5px;
    padding: 0 10px;
    font-size: 12px;
  }
  .main-view-content .exam-study-area .exam-info-box .more-link a{
    padding-right: 25px;
    font-size: 14px;
    background-size: auto 20px;
  }
  .main-view-content .exam-study-area .exam-info-box .info-cnt {
    min-height: auto;
    padding: 0;
    border: 0;
  }
  .exam_info .line-item {
    position: relative;
    display: flex;
    flex-wrap: wrap;
    font-size: 14px;
  }
  .exam_info .line-item .tit {
    width: 85px;
    margin: 0;
  }
  .exam_info .line-item .txt {
    width: calc(100% - 90px);
    margin: 0;
  }
  .exam_info .line-item .txt.time {
    margin: 0;
  }
  .exam_info .line-item .ic {
    display: none;
  }
  .exam_info .line-item .btn {
    display: block;
    width: 100%;
    margin: 10px 0 0;
    padding: 0 15px;
    font-size: 14px;
  }
  .main-view-content .exam-study-area .exam-info-box .info-cnt .right-btn {
    display: flex;
    position: relative;
    right: auto;
    top: auto;
    transform: translateY(0);
    margin: 10px -5px 0;
  }
  .main-view-content .exam-study-area .exam-info-box .info-cnt .right-btn .btn {
    flex: 1;
    height: 30px;
    margin: 0 5px;
    border-radius: 5px;
    font-size: 14px;
  }
  .main-view-content .exam-study-area .exam-info-box .half-info-list {
    display: block;
    margin-top: 10px;
    padding: 10px;
    border-radius: 5px;
  }
  .main-view-content .exam-study-area .exam-info-box .half-info-list li {
    display: block;
    width: 100%;
    line-height: 24px;
  }
  .main-view-content .exam-study-area .exam-info-box .half-info-list li + li {
    margin-top: 10px;
  }
  .main-view-content .exam-study-area .exam-info-box .half-info-list li .tit {
    display: block;
    width: 100%;
    font-size: 14px;
  }
  .main-view-content .exam-study-area .exam-info-box .half-info-list li .txt {
    display: block;
    width: 100%;
    font-size: 14px;
  }
  .main-view-content .process-bar-area {
    display: block;
    margin-top: 20px;
    border-radius: 0;
  }
  .main-view-content .process-bar-area:first-child {
    margin-top: 20px;
  }
  .main-view-content .process-bar-area .bar-box {
    width: 100%;
  }
  .main-view-content .process-bar-area .bar-box .bar-line {
    font-size: 14px;
  }
  .main-view-content .process-bar-area .info-box {
    width: 100%;
    height: auto;
    margin-top: 20px;
  }
  .main-view-content .process-bar-area .info-box .info-cnt {
    width: 47%;
    height: auto;
    border-radius: 10px;
  }
  .main-view-content .process-bar-area .info-box .info-cnt .tit {
    font-size: 14px;
  }
  .main-view-content .process-bar-area .info-box .info-cnt .txt {
    font-size: 16px;
  }
  .main-view-content .process-bar-area .info-box .study-btn {
    width: 30%;
    height: 65px;
    padding: 0 10px;
  }
  .main-view-content .process-bar-area .info-box .study-btn .txt {
    padding-left: 0px;
    background-size: auto 18px;
    font-size: 12px;
    line-height: 30px;
    background: none;
    letter-spacing: -1px;
  }
  .main-view-content .study-chart-area {
    padding: 10px;
    background: #ebebeb;
  }
  .main-view-content .study-chart-area .top-title-box .select-cnt {
    float: right;
    margin-top: 7px;
    text-align: right;
  }
  .main-view-content .study-chart-area .top-title-box .select-cnt .com-select {
    width: 120px;
    height: 25px;
    line-height: 25px;
  }
  .main-view-content .study-chart-area .top-title-box .search-btn {
    height: 25px;
    vertical-align: top;
  }
  .main-view-content .study-chart-area .line-info-box {
    border-radius: 0;
    border-bottom: 1px solid #ebebeb;
  }
  .main-view-content .study-chart-area .line-info-box .info-cnt {
    display: block;
    height: auto;
    padding: 0;
    text-align: center;
  }
  .main-view-content .study-chart-area .line-info-box .info-cnt:first-child {
    border-left: 1px solid #ebebeb;
  }
  .main-view-content .study-chart-area .line-info-box .info-cnt:last-child {
    border-right: 1px solid #ebebeb;
  }
  .main-view-content .study-chart-area .line-info-box .info-cnt .tit {
    display: block;
    background: #7f7f7f;
    font-size: 14px;
    line-height: 30px;
    color: #fff;
  }
  .main-view-content .study-chart-area .line-info-box .info-cnt .txt {
    display: block;
    padding: 10px;
    font-size: 14px;
    line-height: 20px;
    letter-spacing: -1px;
  }
  .study-chart-area .line-info-box1{
    padding: 15px 0;
    border-top: 0;
  }
  .study-chart-area .line-info-box1 > * + *{
    margin-left: 10px
  }
  .study-chart-area .line-info-box1 .info-cnt{
    border-radius: 5px;
  }
  .study-chart-area .line-info-box1 .tit{
    font-size: 14px;
    padding: 0;
    line-height: 30px;
  }
  .study-chart-area .line-info-box1 .txt{
    font-size: 14px;
    padding: 10px
  }
  .main-view-content .study-chart-area .chart-box .top-cnt {
    padding: 0;
  }
  .main-view-content .study-chart-area .chart-box .top-cnt .tit {
    font-size: 16px;
    line-height: 30px;
  }
  .main-view-content .study-chart-area .chart-box .top-cnt .com-toggle-btn {
    width: 20px;
    height: 20px;
    margin: 0;
    background-size: contain;
  }
  .main-view-content .study-chart-area .chart-box .chart-cnt .title-row .tit {
    font-size: 16px;
  }
  .main-view-content .study-chart-area .chart-box .chart-cnt .title-row .pop-btn {
    width: auto;
    padding: 0 10px;
    font-size: 14px;
  }
  .main-view-content .study-chart-area .chart-box .chart-cnt .chart-row {
    display: block;
  }
  .main-view-content .study-chart-area .chart-box .chart-cnt .chart-row.two-type .graph-item {
    width: 100%;
  }
  .main-view-content .study-chart-area .chart-box .chart-cnt .chart-row.three-type .graph-item {
    width: 100%;
  }
  .main-view-content .study-chart-area .chart-box .chart-cnt .chart-row .graph-item {
    margin-top: 10px;
  }
  .main-view-content .study-chart-area .chart-box .chart-cnt .chart-row .graph-item .tit {
    font-size: 14px;
  }
  .main-view-content .study-chart-area .chart-box .chart-cnt .chart-row .graph-item .graph {
    height: auto;
    padding: 10px;
  }
  .main-view-content .study-chart-area .chart-box .chart-cnt .chart-wrap {
    padding: 10px 0;
    border-top: 0;
  }
  .main-view-content .round-info-area {
    margin-top: 20px
  }
  .main-view-content .round-info-area .top-title-box {
    font-size: 16px;
    margin-bottom:10px
  }
  .main-view-content .round-info-area .top-title-box.fs_23, .main-view-content .round-info-area .top-title-box.fs_30{font-size:18px}
  .main-view-content .round-info-area .top-title-box .txt {
    display: block;
    float: none;
    margin-top: 5px;
    font-size: 14px;
    line-height: 20px;
  }
  .main-view-content .round-info-area .single-info-box {
    display: block;
    min-height: auto;
    margin-bottom: 20px;
    padding: 15px;
    border: 0;
  }
  .main-view-content .round-info-area .single-info-box .tit {
    display: block;
    font-size: 14px;
    margin-bottom: 10px;
  }
  .main-view-content .round-info-area .single-info-box .num {
    width: auto;
  }
  .main-view-content .round-info-area .single-info-box .num span {
    font-size: 14px;
  }
  .main-view-content .round-info-area .single-info-box .modift-btn {
    width: auto;
    height: 24px;
    margin-left: 10px;
    padding: 0 10px;
    font-size: 14px;
    line-height: 22px;
  }
  .main-view-content .round-info-area .single-info-box .confirm-btn {
    float: right;
    width: auto;
    height: 24px;
    margin-left: 10px;
    padding: 0 10px;
    font-size: 14px;
    line-height: 22px;
  }
  .main-view-content .round-info-area .title-info-box .top-cnt .btn-item {
    float: none;
    margin-top: 10px;
  }
  .main-view-content .round-info-area .title-info-box .top-cnt .btn-item .txt {
    font-size: 14px;
  }
  .main-view-content .round-info-area .title-info-box .top-cnt .btn-item button {
    width: auto;
    height: 22px;
    margin-left: 5px;
    padding: 0 10px;
    font-size: 12px;
  }
  .btn_info{
    top: auto;
    bottom: -93px;
    left: 10px;
    font-size: 14px;
    width: calc(100% - 20px);
    padding: 15px 10px;
  }
  .btn_info::before{
    top: -13px;
    right: auto;
    left: 50%;
  }
  .main-view-content .round-info-area .title-info-box .info-cnt .notice-txt {
    display: block;
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
    height: 30px;
    margin-top: 10px;
    font-size: 14px;
    line-height: 30px;
  }
  .main-view-content .round-info-area .title-info-box .info-cnt .left-box .enter-btn {
    display: inline-block;
    position: relative;
    right: auto;
    top: auto;
    width: auto;
    height: 30px;
    padding: 0 10px;
  }
  .main-view-content .round-info-area .title-info-box .info-cnt .left-box .enter-btn span {
    padding-left: 24px;
    font-size: 14px;
    background-size: auto 18px;
    line-height: 30px;
  }
  .main-view-content .round-info-area .title-info-box .info-cnt .left-box .buy-btn {
    display: inline-block;
    position: relative;
    right: auto;
    top: auto;
    width: auto;
    height: 30px;
    padding: 0 10px;
    line-height: 30px;
  }
  .main-view-content .round-info-area .title-info-box .info-cnt .left-box .buy-btn span {
    padding-left: 24px;
    font-size: 14px;
    background-size: auto 18px;
    line-height: 30px;
  }
  .main-view-content .round-info-area .title-info-box .info-cnt .right-box {
    padding: 0;
  }
  .main-view-content .round-info-area .title-info-box .info-cnt .right-box::before {
    display: none;
  }
  .main-view-content .round-info-area .title-info-box .info-cnt .txt-list li .detail .point {
    position: relative;
    left: auto;
    top: auto;
  }
  .noti-info-area {margin-top:10px}
  .noti-info-area > .tit {
    font-size: 17px;
  }
  .noti-info-area .info-cnt .tit {font-size: 16px;}
  .noti-info-area .info-cnt .txt strong {font-size: 14px;}
  .main-view-content .member-link-area {
    display: block;
    height: auto;
    margin: 20px 0 0;
    padding: 20px 10px;
    border-radius: 0;
  }
  .main-view-content .member-link-area .phone-box {
    display: block;
    width: 100%;
  }
  .main-view-content .member-link-area .phone-box .tit {
    display: block;
    font-size: 14px;
  }
  .main-view-content .member-link-area .phone-box input {
    width: calc(100% - 85px);
    height: 30px;
  }
  .main-view-content .member-link-area .phone-box button {
    min-width: 80px;
    height: 30px;
    font-size: 14px;
  }
  .main-view-content .member-link-area .link-box {
    width: 100%;
  }
  .main-view-content .member-link-area .link-box .page-cnt {
    display: block;
    margin-top: 10px;
  }
  .main-view-content .member-link-area .link-box .page-cnt .txt-group .tit {
    font-size: 14px;
  }
  .main-view-content .member-link-area .link-box .page-cnt .txt-group .link {
    max-width: calc(100% - 130px);
    font-size: 14px;
  }
  .main-view-content .member-link-area .link-box .page-cnt .btn-group {
    margin-top: 5px;
    text-align: right;
  }
  .main-view-content .member-link-area .link-box .page-cnt .btn-group button {
    width: 55px;
    margin-left: 10px;
    font-size: 14px;
  }
  .main-view-content .member-link-area .link-box .notice-txt {
    margin-top: 10px;
    font-size: 13px;
    line-height: 20px;
  }
  .main-view-content .training-link-area {
    display: block;
    height: auto;
    margin-top: 25px;
    padding: 0 10px;
    background: #fff;
  }
  .main-view-content .training-link-area .tit {
    display: block;
    font-size: 17px;
  }
  .main-view-content .training-link-area .link-box {
    margin-top: 10px;
  }
  .main-view-content .training-link-area .link-box .link-btn {
    height: 30px;
    margin: 0 10px 5px 0;
    padding: 0 10px;
  }
  .main-view-content .training-link-area .link-box .link-btn .txt {
    padding-left: 25px;
    background-size: auto 18px !important;
    font-size: 14px;
    line-height: 30px;
  }
  .main-view-content .training-info-area {
    padding: 0 10px;
  }
  .main-view-content .training-info-area .info-box {
    margin-top: 20px;
    border-radius: 5px;
  }
  .main-view-content .training-info-area .info-box .top-cnt {
    height: 50px;
    padding: 0 10px;
  }
  .main-view-content .training-info-area .info-box .top-cnt .tit {
    font-size: 17px;
  }
  .main-view-content .training-info-area .info-box .top-cnt .btn-item button {
    height: 30px;
    padding: 0 10px;
    font-size: 14px;
  }
  .main-view-content .training-info-area .info-box .list-cnt {
    padding: 10px;
  }
  .main-view-content .training-info-area .info-box .list-cnt .top-txt {
    font-size: 16px;
  }
  .main-view-content .training-info-area .info-box .list-cnt .list li .tit {
    width: auto;
  }
  .main-view-content .training-info-area .info-box .list-cnt .list li .txt {
    float: right;
    width: auto;
  }
  .main-view-content .training-info-area .notice-txt {
    padding-left: 0;
  }
  .main-view-content .sms-info-area {
    display: block;
    margin: 20px 10px 0;
  }
  .main-view-content .sms-info-area .txt {
    font-size: 14px;
    line-height: 24px;
  }
  .main-view-content .sms-info-area .txt span {
    font-size: 14px;
  }
  .main-view-content .sms-info-area .btn-box {
    margin-top: 10px;
    text-align: right;
  }
  .main-view-content .sms-info-area .btn-box .sms-btn {
    height: 30px;
    padding: 0 10px;
  }
  .main-view-content .sms-info-area .btn-box .sms-btn .txt {
    height: 30px;
    padding-left: 18px;
    line-height: 30px;
    background-size: auto 15px;
  }
  .main-view-content .study-item-area {
    margin-top: 0;
    padding: 15px 10px;
    border-top: 10px solid #eee;
  }
  .main-view-content .study-item-area > .tit {
    font-size: 17px;
  }
  .main-view-content .study-item-area .objection-box {
    border-radius: 10px;
    margin-top: 30px;
    padding: 10px;
  }
  .main-view-content .study-item-area .objection-box:first-child {
    margin-top: 0;
  }
  .main-view-content .study-item-area .objection-box .tit {
    font-size: 14px;
  }
  .main-view-content .study-item-area .objection-box > .txt {
    font-size: 13px;
  }
  .main-view-content .study-item-area .objection-box .text-cnt input[type="text"] {
    font-size: 14px;
  }
  .main-view-content .study-item-area .objection-box .text-cnt .byte-txt {
    font-size: 12px;
  }
  .main-view-content .study-item-area .objection-box .btn-cnt {
    margin-top: 10px;
  }
  .main-view-content .study-item-area .objection-box .btn-cnt button {
    width: auto;
    height: 30px;
    padding: 0 15px;
    font-size: 14px;
  }
  .main-view-content .study-item-area .objection-list-box .list li .btn-item {
    position: relative;
    right: auto;
    top: auto;
    display: block;
    margin-top: 10px;
    text-align: right;
  }
  .main-view-content .study-item-area .objection-list-box .list li .btn-item button {
    font-size: 12px;
  }
  .main-view-content .study-item-area .objection-list-box .list li .text-item {
    margin-top: 5px;
  }
  .main-view-content .study-item-area .item-box {
    flex-wrap: wrap;
    justify-content: flex-start;
    margin: 15px -1px -5px;
  }
  .main-view-content .study-item-area .item-box .info-cnt {
    flex: none;
    width: calc(50% - 2px);
    height: auto;
    margin: 5px 1px;
    border-radius: 0;
  }
  .main-view-content .study-item-area .item-box .info-cnt > .tit {
    border-radius: 0;
    font-size: 12px;
    line-height: 30px;
  }
  .main-view-content .study-item-area .item-box .info-cnt .txt-sec {
    padding-bottom: 5px;
  }
  .main-view-content .study-item-area .item-box .info-cnt .txt-sec .notice {
    height: auto;
  }
  .main-view-content .study-item-area .item-box .info-cnt .txt-sec .process {
    display: block;
    height: 55px;
    text-align: center;
  }
  .main-view-content .study-item-area .item-box .info-cnt .txt-sec .process .percent {
    display: block;
    font-size: 15px;
  }
  .main-view-content .study-item-area .item-box .info-cnt .txt-sec .process .txt {
    display: block;
    font-size: 15px;
  }
  .main-view-content .study-item-area .item-box .info-cnt .txt-sec .study-btn {
    margin-top: 15px;
    font-size: 14px;
  }
  .main-view-content .list-banner-area {
    margin-top: 20px;
  }
  .main-view-content .list-banner-area.link-type a img {
    width: 100%;
  }
  .main-view-content .list-banner-area.link-type a + a {
    margin-top: 15px;
  }
  .main-view-content .list-banner-area .banner-wrap .banner img {
    width: 100%;
  }
  .main-view-content .list-banner-area .list-info-box {
    float: none;
    width: 100%;
    margin-left: 0;
  }
  .main-view-content .list-banner-area .list-info-box{margin-top:5px}
  .main-view-content .list-banner-area .list-info-box li {
    margin-top: 3px;
  }
  .main-view-content .list-banner-area .list-info-box .ic {
    font-size: 12px;
  }
  .main-view-content .list-banner-area .com-list-tab{
    width:100%;
    margin:0;
    padding:0
  }
  .main-view-content .study-history-area.white-type {
    margin-top: 30px;
    padding: 20px ;
  }
  .main-view-content .study-history-area.white-type .top-title-box .com-note-down {
    height: auto;
  }
  .main-view-content .study-history-area.white-type .top-title-box .down-btn-item {
    top: auto;
    width: 100%;
    height: 40px;
    border-radius: 10px;
    margin: 10px 0 0;
  }
  .main-view-content .study-history-area.white-type .top-title-box .down-btn-item .txt {
    top: auto;
    margin: 0;
    padding-left: 25px;
    font-size: 16px;
    line-height: 40px;
    background-size: auto 15px;
  }
  .main-view-content .study-history-area.white-type .top-title-box .down-btn-item .txt br {
    display: none;
  }
  .main-view-content .study-history-area .top-title-box {
    height: auto;
  }
  .main-view-content .study-history-area .top-title-box .com-note-down {
    float: none;
  }
  .main-view-content .study-history-area .top-title-box .com-note-down .down-item {
    margin-right: 0;
  }
  .study-history-area .sm_btn{display:block; width:100%; margin-top:5px}
  .study-history-area .xl_btn{width:100%; margin-top:10px;}
  .com-note-down .down-item{margin-right:10px}
  .main-view-content .study-history-area .top-title-box .com-note-down .down-item + .down-item {
    margin-left: 10px;
  }
  .main-view-content .study-history-area .date-box {
    display: block;
    height: auto;
    margin-top: 0;
  }
  .main-view-content .study-history-area .date-box .date-cnt {
    width: 100%;
    height: auto;
    margin-top: 15px;
    padding-left: 0;
    line-height: inherit;
    padding: 12px;
  }
  .main-view-content .study-history-area .date-box .date-cnt .tit {
    display: block;
    float: none;
    font-size: 15px;
    line-height: 26px;
  }
  .main-view-content .study-history-area .date-box .date-cnt .day-select {
    float: none;
    margin-left: 0;
    font-size: 15px;
  }
  .main-view-content .study-history-area .date-box .date-cnt .day-view {
    float: none;
    width: 100%;
    margin: 15px 0 0;
  }
  .main-view-content .study-history-area .date-box .btn-cnt {
    width: 100%;
    height: 40px;
    border-radius: 10px;
    margin-top: 15px;
  }
  .main-view-content .study-history-area .date-box .btn-cnt .txt {
    margin: 0;
    padding-left: 40px;
    font-size: 16px;
    line-height: 40px;
    background-size: auto 15px;
  }
  .main-view-content .study-history-area .date-box .btn-cnt .txt br {
    display: none;
  }
  .main-view-content .study-data-area .list li {
    padding: 10px;
    display:block
  }
  .main-view-content .study-data-area .list > span{
    font-size: 18px;
  }
  .main-view-content .study-data-area .list li .tit {
    font-size: 16px;
    line-height:18px; height:36px
  }
  .main-view-content .study-data-area .list li .text{flex-wrap:wrap; font-size:14px}
  .main-view-content .study-data-area .list li .text > div{width:calc(50% - 30px); margin-right:10px}
  .main-view-content .study-data-area .list li .text .progress-txt {
    width: 160px;
    display: inline-block;
  }
  .main-view-content .study-data-area .list li .text .time-txt {
    width: 140px;
    display: inline-block;
  }
  .main-view-content .study-data-area .list li .text .page-txt {
    width: 160px;
    display: inline-block;
  }

  .study-data-area .list .btnarea{margin-top:10px}
  /* .study-data-area .list .btnarea > *{width:100% !important} */
  .study-data-area .list .btnarea > * + *{margin-left:10px}
  .main-view-content .study-data-area .list li .book-btn, .main-view-content .study-data-area .list li .study-btn  {
    height: 35px;
    font-size: 14px;
    line-height: 35px;
  }
  .main-view-content .study-data-area .list li .successive-btn {
    display:none;
  }

  .main-view-content .study-data-area .list li .mobile-study-btn {
    display:block;
    right: 10px;
    bottom: 10px;
    transform: translateY(0);
    width: auto;
    min-width: 80px;
    height: 35px;
    top: auto;
    padding: 0 15px;
    font-size: 14px;
  }

  .main-view-content .study-data-area .list li .study-btn .txt {
    padding-left: 28px;
    background-size: auto 20px;
    line-height: 35px;
  }
  .main-view-content .round-info-area.full-type {
    margin-top: 10px;
    border-radius: 0;
    border-top: 0px solid #eee;
  }
  .main-view-content .round-info-area.full-type .top-title-box {
    padding: 5px 10px;
  }
  .main-view-content .round-info-area.full-type .two-info-section .title-info-box {
    position: relative;
    width: 100%;
  }
  .main-view-content .round-info-area.full-type .two-info-section .title-info-box + .title-info-box {
    margin-top: 10px;
  }
  .main-view-content .round-info-area.full-type .two-info-section .title-info-box .info-cnt .process-btn {
    position: relative;
    right: auto;
    bottom: auto;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
  }
  .main-view-content .round-info-area.full-type .two-info-section .title-info-box .info-cnt .process-btn .process {
    width: calc(50% - 5px);
    height: 30px;
    font-size: 14px;
    line-height: 30px;
  }
  .main-view-content .round-info-area.full-type .two-info-section .title-info-box .info-cnt .process-btn .link-btn {
    width: calc(50% - 5px);
    height: 30px;
    margin: 0;
    font-size: 14px;
    line-height: 30px;
  }
  .main-view-content .round-info-area.full-type .title-info-box .info-cnt {
    padding: 10px;
  }
  .main-view-content .round-info-area.full-type .title-info-box .info-cnt .left-box {
    width: 100%;
  }
  .main-view-content .round-info-area.full-type .title-info-box .info-cnt .left-box .btn-item {
    position: relative;
    right: auto;
    top: auto;
    transform: translateY(0);
    width: auto;
    margin-top: 15px;
  }
  .main-view-content .round-info-area.full-type .title-info-box .info-cnt .left-box .btn-item a, .main-view-content .round-info-area.full-type .title-info-box .info-cnt .left-box .btn-item button {
    width: auto;
    height: 26px;
    min-width: 60px;
    font-size: 14px;
    line-height: 24px;
  }
  .main-view-content .round-info-area.full-type .title-info-box .info-cnt .left-box .btn-item a + *, .main-view-content .round-info-area.full-type .title-info-box .info-cnt .left-box .btn-item button + * {
    margin-left: 5px;
  }
  .main-view-content .round-info-area.full-type .title-info-box .info-cnt .left-box .modify-btn {
    position: relative;
    right: auto;
    top: auto;
    height: 22px;
    padding: 0 5px;
    font-size: 12px;
  }
  .main-view-content .round-info-area.full-type .title-info-box .info-cnt .right-box {
    width: 100%;
  }
  .main-view-content .round-info-area.full-type .title-info-box .info-cnt .right-box .study-day-cnt {
    display: block;
    position: relative;
    right: auto;
    top: auto;
    width: 100%;
  }
  .main-view-content .round-info-area.full-type .title-info-box .info-cnt .right-box .study-day-cnt .info-txt {
    display: block;
    float: left;
    width: calc(50% - 10px);
    height: auto;
    margin: 0 5px;
    padding: 10px 0;
    border-radius: 10px;
  }
  .main-view-content .round-info-area.full-type .title-info-box .info-cnt .right-box .study-day-cnt .info-txt .txt {
    display: block;
    font-size: 12px;
    line-height: 16px;
  }
  .main-view-content .round-info-area.full-type .title-info-box .info-cnt .right-box .study-day-cnt .info-txt .blue-txt {
    display: block;
    font-size: 14px;
    line-height: 20px;
  }
  .main-view-content .round-info-area.full-type .title-info-box .info-cnt .right-box .study-day-cnt .btn-item {
    clear: both;
    width: 100%;
    padding-top: 15px;
  }
  .main-view-content .round-info-area.full-type .title-info-box .info-cnt .right-box .study-day-cnt .btn-item .study-btn {
    height: 40px;
    border-radius: 10px;
  }
  .main-view-content .round-info-area.full-type .title-info-box .info-cnt .right-box .study-day-cnt .btn-item .study-btn span {
    padding-left: 25px;
    font-size: 15px;
    line-height: 40px;
    background-size: auto 16px;
  }
  .main-view-content .round-info-area.full-type .title-info-box .info-cnt .right-box .study-day-cnt .btn-item .research-btn,
  .main-view-content .round-info-area.full-type .title-info-box .info-cnt .right-box .study-day-cnt .btn-item .review-btn {
    height: 40px;
    margin-top: 10px;
    border-radius: 10px;
  }
  .main-view-content .round-info-area.full-type .title-info-box .info-cnt .right-box .study-day-cnt .btn-item .research-btn span,
  .main-view-content .round-info-area.full-type .title-info-box .info-cnt .right-box .study-day-cnt .btn-item .review-btn span {
    padding-left: 25px;
    font-size: 15px;
    line-height: 40px;
    background-size: auto 16px;
  }
  .main-view-content .round-info-area.full-type .title-info-box .info-cnt .day-txt {
    flex-direction: row;
    position: relative;
    right: auto;
    bottom: auto;
    width: 100%;
    height: auto;
    padding: 5px 0;
  }
  .main-view-content .round-info-area.full-type .title-info-box .info-cnt .day-txt .day {
    font-size: 14px;
    line-height: 26px;
  }
  .main-view-content .round-info-area.full-type .title-info-box .info-cnt .day-txt .txt {
    margin-left: 10px;
    font-size: 14px;
    line-height: 26px;
  }
  .main-view-content .round-info-area .title-info-box {
    margin-top: 0;
    border-radius: 0;
  }
  .main-view-content .round-info-area .title-info-box .top-cnt {
    height: auto;
    min-height: 30px;
    padding: 5px 10px 10px;
    border-radius: 0;
  }
  .main-view-content .round-info-area .title-info-box .top-cnt .tit {
    font-size: 15px;
    line-height: 30px;
    max-width: 100%;
    display:block
  }
  .main-view-content .round-info-area .title-info-box .top-cnt .tit label{
    display: block;
    margin: 5px 0 0 0;
    text-align: center;
  }
  .main-view-content .round-info-area .title-info-box .top-cnt .tit.first-line {
    width: 300px
  }
  .main-view-content .round-info-area .title-info-box .top-cnt .tit{
    max-width: 100%;
    font-size: 16px
  }
  .main-view-content .round-info-area .title-info-box .top-cnt .tit .ic {
    top: -1px;
    width: auto;
    padding: 0 10px;
    font-size: 14px;
  }
  .main-view-content .round-info-area .title-info-box .info-cnt {
    padding: 10px;
  }
  .main-view-content .round-info-area .title-info-box .info-cnt > .tit {
    font-size: 14px;
    line-height: 30px;
    font-weight: bold;
    letter-spacing: -0.6px;
  }
  .main-view-content .round-info-area .title-info-box .info-cnt .left-box {
    width: 100%;
    margin-top: 15px;
    text-align: right;
  }
  .main-view-content .round-info-area .title-info-box .info-cnt .right-box {
    width: 100%;
    margin-top: 15px;
  }
  .main-view-content .round-info-area .title-info-box .info-cnt .half-line {
    display: block;
  }
  .main-view-content .round-info-area .title-info-box .info-cnt .txt-list {
    width: 100%;
  }
  .main-view-content .round-info-area .title-info-box .info-cnt .txt-list li > .txt {
    font-size: 14px;
  }
  .main-view-content .round-info-area .title-info-box .info-cnt .txt-list li .detail {
    font-size: 14px;
    width:210px;
  }
  .main-view-content .round-info-area .title-info-box .info-cnt .txt-list li:last-child .detail {
    width: 225px;
    letter-spacing: -0.5px;
  }

  .main-view-content .request-step-area {
    margin-top: 15px;
    margin-bottom: 10px;
    padding: 25px 10px 0;
    border-top: 10px solid #eee;
  }
  .main-view-content .request-step-area .list li {
    height: auto;
    min-height: 35px;
    padding: 0 15px 0 30px;
  }
  .main-view-content .request-step-area .list li.on {
    padding: 0 15px 0 45px;
  }
  .main-view-content .request-step-area .list li.on .txt {
    display: block;
  }
  .main-view-content .request-step-area .list li::before {
    width: 35px;
    height: 35px;
    background-size: auto 17px !important;
  }
  .main-view-content .request-step-area .list li::after {
    top: 13px;
    transform: translateY(0);
    width: 8px;
    height: 9px;
    background-size: cover !important;
  }
  .main-view-content .request-step-area .list li .txt {
    display: none;
    padding-top: 8px;
    font-size: 15px;
    line-height: 20px;
  }
  .main-view-content .request-step-area .detail-txt {
    display: block;
    margin-top: 10px;
    padding: 5px;
    background: #e2edf7;
    font-size: 14px;
    line-height: 20px;
    color: #333;
  }
  .main-view-content .table-list-area {
    margin-top: 10px;
    padding: 15px 10px 0;
    border-top: 0px solid #eee;
  }
  .main-view-content .table-list-area > .title {
    margin-top: 20px;
    font-size: 15px;
    line-height: 20px;
  }
  .main-view-content .table-list-area > .title  a{
    width:80px;
    height: 30px;
    line-height: 29px;
    font-size: 14px;
  }
  .main-view-content .table-list-area > .title .com-tooltip {
    margin-top: 2px;
  }
  .main-view-content .table-list-area > .title small{font-size:12px; display:block; margin-top: 5px; line-height: 1.4;}
  .main-view-content .table-list-area .join-complete-box {
    margin: 20px 10px 0;
    padding: 15px 10px;
  }
  .main-view-content .table-list-area .join-complete-box .tit {
    font-size: 16px;
  }
  .main-view-content .table-list-area .join-complete-box .txt {
    margin-top: 5px;
    font-size: 14px;
  }
  .main-view-content .table-list-area .reply-txt-box {
    margin-top: 20px;
    padding: 0 10px;
  }
  .main-view-content .table-list-area .reply-txt-box > .title {
    font-size: 14px;
  }
  .main-view-content .table-list-area .reply-txt-box .view-cnt .reply-item {
    padding: 0;
  }
  .main-view-content .table-list-area .reply-txt-box .view-cnt .reply-item .user {
    display: block;
    position: relative;
    left: auto;
    top: auto;
    font-size: 14px;
  }
  .main-view-content .table-list-area .reply-txt-box .view-cnt .reply-item .text {
    margin-top: 5px;
    padding: 10px;
    font-size: 14px;
    line-height: 24px;
  }
  .main-view-content .table-list-area .top-check-box {
    padding: 0 10px;
  }
  .main-view-content .table-list-area .top-check-box .right-btn button {
    width: auto;
    height: 30px;
    padding: 0 15px;
    font-size: 14px;
  }
  .main-view-content .table-list-area .top-check-box + .com-list-table {
    margin-top: 15px;
  }
  .main-view-content .table-list-area .com-table-tab {
    overflow-x: auto;
    white-space: nowrap;
    margin-top: 10px;
    padding: 0 10px;
  }
  .main-view-content .table-list-area .com-table-tab a, .main-view-content .table-list-area .com-table-tab button {
    height: 25px;
    margin: 0 20px 0 0;
    font-size: 14px;
    line-height: 25px;
  }
  .main-view-content .table-list-area .com-edit-table table {
    display: block;
    width: 100%;
  }
  .main-view-content .table-list-area .com-edit-table table tbody {
    display: block;
  }
  .main-view-content .table-list-area .com-edit-table table tr {
    display: block;
  }
  .main-view-content .table-list-area .com-edit-table table th {
    display: block;
    height: auto;
    font-size: 14px;
  }
  .main-view-content .table-list-area .com-edit-table table td {
    display: block;
    height: auto;
    font-size: 14px;
  }
  .main-view-content .table-list-area .com-edit-table table td.radio-txt-check {
    width: 100%;
  }
  .main-view-content .table-list-area .com-edit-table table td.school-member-check .top-box > .tit {
    font-size: 16px;
  }
  .main-view-content .table-list-area .com-edit-table table td.school-member-check .com-tooltip .view-info-cnt {
    left: -160px;
  }
  .main-view-content .table-list-area .com-edit-table table td.school-member-check .check-box label {
    font-size: 14px;
    line-height: 20px;
  }
  .main-view-content .table-list-area .com-edit-table table td.school-member-check .update-box input {
    width: calc(100% - 80px);
  }
  .main-view-content .table-list-area .com-edit-table table td.school-member-check .update-box button {
    float: right;
    min-width: 60px;
    margin: 0;
    font-size: 14px;
  }
  .main-view-content .table-list-area .com-edit-table table td .btn {
    height: 35px;
    padding: 0 10px;
    font-size: 14px;
  }
  .main-view-content .table-list-area .com-edit-table table td .link .ic {
    margin: 0;
    font-size: 12px;
  }
  .main-view-content .table-list-area .com-edit-table table td .link .txt {
    display: block;
    max-width: 100%;
  }
  .main-view-content .table-list-area .com-edit-table .com-select.gift {
    width: 100%;
  }
  /*.main-view-content .table-list-area .com-list-table {
  overflow-x: auto;
}
.main-view-content .table-list-area .com-list-table table {
  width: 900px;
}*/
  .main-view-content .table-list-area .com-list-table table th {
    height: 35px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 24px;
  }
  .main-view-content .table-list-area .com-list-table table td {
    height: 35px;
    padding: 5px 10px;
    font-size: 14px;
    line-height: 24px;
  }
  .main-view-content .table-list-area .com-list-table table td .link {
    padding-left: 0;
  }
  .main-view-content .table-list-area .com-list-table table td .link.question {
    margin-left: 0;
    padding-left: 15px;
    font-size: 14px;
  }
  .main-view-content .table-list-area .com-list-table table td .link.question::before {
    font-size: 14px;
  }
  .main-view-content .table-list-area .com-list-table table td .link.answer {
    /*margin-left: 15px;*/
    padding-left: 15px;
    font-size: 14px;
  }
  .main-view-content .table-list-area .com-list-table table td .link.answer::before {
    font-size: 14px;
  }
  .main-view-content .table-list-area .com-list-table table td .link .ic {
    width: 60px;
    margin-top: 4px;
    font-size: 12px;
  }
  .main-view-content .table-list-area .com-list-table table td .link .txt {
    max-width: 100%;
    font-size: 14px;
  }
  .main-view-content .table-list-area .com-list-table table td .link .new{
    margin-top: 3px;
  }
  .main-view-content .member-edit-area {
    padding: 0 10px;
  }
  .main-view-content .member-edit-area .count-info-box {
    font-size: 17px;
    text-align: left;
  }
  .main-view-content .member-edit-area .count-info-box .txt {
    float: right;
    font-size: 15px;
  }
  .main-view-content .member-edit-area .user-add-box {
    display: block;
    margin-top: 10px;
  }
  .main-view-content .member-edit-area .user-add-box .add-item .tit {
    display: none;
  }
  .main-view-content .member-edit-area .user-add-box .add-item input.name-input {
    width: calc(35% - 50px);
    margin-left: 0;
  }
  .main-view-content .member-edit-area .user-add-box .add-item input.phone-input {
    width: calc(65% - 50px);
    margin-left: 10px;
  }
  .main-view-content .member-edit-area .user-add-box .add-item .add-btn {
    width: 80px;
    margin-left: auto;
    font-size: 15px;
  }
  .main-view-content .member-edit-area .user-add-box .btn-item {
    display: flex;
    margin-top: 15px;
  }
  .main-view-content .member-edit-area .user-add-box .btn-item button {
    width: 50%;
    margin-left: 10px;
  }
  .main-view-content .member-edit-area .user-add-box .btn-item button:first-child {
    margin-left: 0;
  }
  .main-view-content .member-edit-area .user-list-box {
    margin-left: -10px;
    margin-right: -10px;
  }
  .main-view-content .member-edit-area .user-list-box li {
    display: block;
  }
  .main-view-content .member-edit-area .user-list-box li .num + .line {
    border-top: 0;
  }
  .main-view-content .member-edit-area .user-list-box li .line {
    display: block;
    width: 100%;
    padding: 5px 35px 5px 20px;
    border-top: 1px solid #ebebeb;
    text-align: left;
  }
  .main-view-content .member-edit-area .user-list-box li .line:last-child {
    border-bottom: 0;
  }
  .main-view-content .member-edit-area .user-list-box li .del-btn {
    top: 10px;
    transform: translateY(0);
    width: 12px;
    height: 12px;
    background-size: contain;
  }
  .event-view-content {
    width: 100%;
    margin-top: 30px;
    padding: 0 10px 100px;
  }
  .event-view-content .event-board-area .top-title-box {
    overflow: hidden;
  }
  .event-view-content .event-board-area .top-title-box .top-title {
    font-size: 17px;
  }
  .event-view-content .event-board-area .top-title-box .com-btn {
    padding: 5px 10px;
  }
  .event-view-content .event-board-area .list-box .list a {
    padding: 0 0 10px;
  }
  .event-view-content .event-board-area .list-box .list a .photo {
    position: relative;
    left: auto;
    top: auto;
    display: block;
    width: 100%;
    height: auto;
  }
  .event-view-content .event-board-area .list-box .list a .photo img {
    display: block;
    width: 100%;
    max-width: 400px;
    margin: 0 auto;
  }
  .event-view-content .event-board-area .list-box .list a .txt {
    height: auto;
    -webkit-line-clamp: inherit;
    margin-top: 20px;
    font-size: 14px;
  }
  .event-view-content .event-board-area .list-box .list a .info {
    margin-top: 10px;
  }
  .event-view-content .event-reply-area .top-title, .comment-write legend {
    font-size: 15px;
  }
  .event-view-content .event-reply-area .input-box textarea, .comment-write textarea {
    width: calc(100% - 80px);
    height: 50px;
    padding: 5px 10px;
    line-height: 20px;
  }
  .event-view-content .event-reply-area .input-box button, .comment-write input[type="button"] {
    width: 70px;
    height: 50px;
    font-size: 15px;
    color: #ebebeb;
  }
  .comment li p{font-size:14px}
  .event-view-content .event-reply-area .reply-box {
    margin-top: 20px;
  }
  .event-view-content .event-reply-area .reply-box .list li {
    padding: 10px 0 35px;
  }
  .event-view-content .event-reply-area .reply-box .list li .txt {
    font-size: 15px;
    line-height: 20px;
  }
  .event-view-content .event-notice-area.dot-type {
    padding: 10px;
  }
  .event-view-content .event-notice-area > .title {
    font-size: 17px;
  }
  .event-view-content .event-notice-area .list li {
    margin-top: 5px;
    font-size: 14px;
  }
  .event-view-content .event-banner-area .top-title .txt {
    font-size: 17px;
  }
  .event-view-content .event-banner-area .banner-box > .title {
    font-size: 16px;
  }
  .event-view-content .event-banner-area .com-slick-banner {
    border-top: 0;
  }
  .com-bottom-btn button{width:100%}
  .com-bottom-btn button + button{margin:10px 0 0 0}
  .com-edit-table table th {
    height: 35px;
    padding: 10px;
    font-size: 14px;
    line-height: 24px;

  }
  .com-edit-table table td {
    height: 35px;
    padding: 10px;
    font-size: 15px;
    line-height: 24px;
  }
  .com-edit-table table td .btn {
    min-width: auto;
    margin-bottom: 3px;
    font-size: 14px;
  }
  .com-edit-table table td .file-btn {
    margin-right: 5px;
    font-size: 14px;
  }
  .com-radio {
    margin-right: 20px;
  }
  .com-radio input:checked + label::before, .select-box1 input:checked + .select-cnt .com-radio::before {
    background-size: cover;
  }
  .com-radio label, .select-box1 .com-radio{
    height: 100%;
    padding-left: 22px;
    font-size: 15px;
    line-height: 18px;
    letter-spacing: -1px;
    display: inline-block;
  }
  .com-radio label::before, .select-box1 .com-radio::before {
    width: 14px;
    height: 14px;
  }
  .select-box1 .select-cnt{
    min-height:auto !important
  }
  .select-box1 .detail-info .img{
    height:70px;
  }
  .select-box1 .detail-info .img > *{
    height: 100%;
    width: auto;
  }
  .com-tooltip .view-info-cnt {
    width: 70vw;
  }
  .com-tooltip .view-info-cnt > .tit {
    font-size: 16px;
    font-weight: 500;
    color: #333;
  }
  .com-tooltip .view-info-cnt .list {
    font-size: 14px;
    line-height: 20px;
  }
  .tooltip-li{
    display:block !important;
    height: auto !important;
  }
  .tooltip-li .txt{
    float: left;
    line-height: 24px;
  }
  .pink-info-cnt{
    top: 0;
    left: -10px;
    transform: none;
    position: relative;
    margin-top: 15px;
    min-width: calc(100% + 20px);
    border-radius: 0;
    text-align: center;
  }
  .pink-info-cnt::before{
    top: -10px;
    left: auto;
    right: 10px;
    border-bottom: 10px solid #f36c65;
    border-left: 8px solid transparent;
    border-right: 8px solid transparent;
  }
  .main-banner-content {
    position: relative;
    height: auto;
  }
  .main-banner-content .banner-wrap .banner-area {
    padding-top: 0;
  }
  .main-banner-content .banner-wrap .banner-area .banner{height:auto}
  .main-banner-content .banner-wrap .banner-area .banner-img {
    width: 100%;
    height: auto;
    margin: 0;
    top:0; left:0; transform:none; position:relative;
  }
  .main-banner-content .banner-wrap .control-area {
    left: auto;
    right: 10px;
    bottom: 5px;
    margin: 0;
  }
  .main-banner-content .banner-wrap .control-area .control .pause-btn,
  .main-banner-content .banner-wrap .control-area .control .all-banner-btn,
  .main-banner-content .banner-wrap .control-area .control .pre-banner-btn,
  .main-banner-content .banner-wrap .control-area .control .next-banner-btn{width:22px; height:22px; background-size:40%}
  .main-banner-content .banner-wrap .control-area .control .pre-banner-btn,
  .main-banner-content .banner-wrap .control-area .control .next-banner-btn{background-size:25%}
  .main-banner-content .banner-wrap .control-area .control .pause-btn{background-size:35%}
  .main-banner-content .banner-wrap .control-area .control .count{height:22px; line-height:22px; width:50px}
  .main-banner-content .banner-wrap .control-area .control .count span{font-size:12px; font-weight:normal}
  .banner-pop-content {
    padding: 50px 10px;
    overflow-y: auto;
    height: 95%;
  }
  .banner-pop-content .banner-area {
    width: 100%;
    margin: 0;
  }
  .banner-pop-content .banner-area .banner-box .banner {
    display: block;
    float: none;
    width: 100%;
    height: auto;
    margin-bottom: 10px;
  }
  .banner-pop-content .banner-area .close-btn {
    right: 0;
    top: -40px;
  }
  .main .review-info-content {
    margin-top: 0;
    padding: 27px 10px 15px;
    background: #eee;
  }
  .main .review-info-content::before {
    display: none;
  }
  .main .review-info-content::after {
    display: none;
  }
  .main .review-info-content .title-area .tit {
    font-size: 17px;
    line-height: 26px;
  }
  .main .review-info-content .title-area .more-btn {
    right: 10px;
    top: 3px;
    height: 20px;
    padding-right: 25px;
    font-size: 14px;
    line-height: 20px;
    background-size: auto 20px;
  }
  .main .review-info-content .view-area {
    display: block;
    overflow-x: auto;
    white-space: nowrap;
  }
  .main .review-info-content .view-area .banner-item {
    display: inline-block;
    width: 250px;
    margin: 0 10px 10px 0;
    background: #fff;
  }
  .main .review-info-content .view-area .banner-item::after {
    left: 30px;
    bottom: -7px;
    width: 14px;
    height: 7px;
    background: url(../images/icon/ic_main_review_mo.png) no-repeat 0 0;
    background-size: 14px auto;
  }
  .main .review-info-content .view-area .banner-item .text-box .txt {
    white-space: normal;
  }
  .main .link-list-banner {
    flex-wrap: wrap;
    height: auto;
    border-right: 0;
    border-bottom: 0;
  }
  .main .link-list-banner a {
    flex: auto;
    width: 33.33%;
    text-align: left;
    padding-left: 10px;
    border-right: 1px solid #ddd;
    border-bottom: 1px solid #ddd;
  }
  .main .link-list-banner a::before {
    display: none;
  }
  .main .link-list-banner a span {
    height: 45px;
    line-height: 45px;
    font-size:11px;
  }
  .main .notice-content {
    margin-top: 12px;
    padding: 0 10px;
  }
  .main .notice-content {
    width: 100%;
  }
  .main .notice-content .tit, .main .notice-content .day {
    width: 60px;
    font-size: 12px;
  }
  .main .notice-content .text {
    width: calc(100% - 130px);
    font-size: 14px;
  }
  .main .notice-content .menu-link {
    display: flex;
    float: none;
    height: 45px;
    margin: 0 -10px;
    background: #a3a3a3;
  }
  .main .notice-content .menu-link a {
    width: 25%;
    padding: 0;
    text-align: center;
    font-size: 12px;
    font-weight: bold;
    line-height: 45px;
    color: #fff;
  }
  .main .notice-content .menu-link a::before {
    top: 8px;
    font-size: 12px;
    font-weight: bold;
    color: #fff;
  }
  #footer {
    height: auto;
  }
  #footer .content {
    width: 100%;
    margin: 0;
    padding: 55px 10px 90px;
  }
  #footer .content::before {
    content: '';
    position: absolute;
    left: 10px;
    top: 22px;
    width: 97px;
    height: 23px;
    background: url(../images/icon/footer_logo.png) no-repeat 0 0;
  }
  #footer .content .tel-area {
    display: none;
  }
  #footer .content .address {
    margin-top: 0;
  }
  #footer .content .copy {
    padding-left: 0;
    background: none;
  }
  #footer .content .menu-link {
    position: absolute;
    right: 10px;
    top: 18px;
  }
  #footer .content .menu-link a.mobile-only {
    font-size: 12px;
    font-weight: bold;
    color: #a3a3a3;
  }
  #footer .content .menu-link a.mobile-only::before {
    background: #a3a3a3;
  }
  #footer .content .menu-link a.mobile-only:nth-child(3)::before {
    display: none;
  }
  #footer .content .menu-link a:not(.mobile-only) {
    display: none;
  }
  #footer .flex{
    display: block;
  }
  #footer .isms{margin:10px 0 0 0}
  #footer .isms img{width:40px}
  .main-view-content .table-list-area .top-btn-box {margin-top:0px;}
}

@media (max-width: 767px) {
  .com-edit-table .table li{width: 100% !important;}
  .com-edit-table .table .flex{
    display: flex;
  }
  .com-edit-table .table .flex label{
    width: 75px;
    display: inline-block;
  }
  .com-edit-table .table li input[type="text"]{
    max-width: none;
    width: 100%;
    margin-top: 0;
  }
  .reply-box .like-item .like-btn, .comment .like-item .like-btn{height:26px; border:2px solid #ddd}

  #header .menu-area{flex-wrap:nowrap; overflow-x:auto; white-space:nowrap; -webkit-overflow-scrolling:touch; scrollbar-width:none}
  #header .menu-area::-webkit-scrollbar{display:none}
  #header .menu-area li + li{margin-left:20px}
  #header .menu-area > li.village > .ic{display:none !important}
  .m_font12{font-size:12px !important;}
}

@media all and (max-width: 767px) {
  /* 01.메인 */
  .com-list-banner .banner-area .banner {
    width: -webkit-calc(50% - 5px);
    width: -moz-calc(50% - 5px);
    width: calc(50% - 5px);
  }
}

@media print {
  .layer-pop.print-type {
    position: relative;
    left: auto;
    top: auto;
    right: auto;
    bottom: auto;
  }
  .layer-pop.print-type .pop-container {
    position: relative;
    left: auto;
    top: auto;
    transform: translate(0, 0);
    width: 100%;
    height: auto;
    border-radius: 0;
    border: 0;
    background: #fff;
  }
  .layer-pop.print-type .pop-container .top-area {
    display: none;
  }
  .layer-pop.print-type .pop-container .top-tab-box {
    display: none;
  }
  .layer-pop.print-type .pop-container .top-select-box {
    display: none;
  }
  .layer-pop.print-type .view-area {
    border: 0;
    margin: 0;
    padding: 0;
  }
  .layer-pop.print-type .view-area .scroll-wrap {
    height: auto;
  }
  .layer-pop.print-type .view-area .mail-send-box {
    display: none;
  }
  .layer-pop.print-type .view-area .bill-info-box {
    border: 0;
  }
  .layer-pop.print-type .view-area .bill-info-box .bill-scroll {
    width: 100%;
  }
  .layer-pop.print-type .btn-area {
    display: none;
  }


}
/*# sourceMappingURL=common.css.map */
/* 모바일용 강의 플레이어용 팝업 */
@media (orientation:portrait) {
  #popVideo {
    /*transform:rotate(-90deg);
    transform-origin:top left;*/
    position:fixed;
    top:0;
    left:0;
    bottom:0;
    /*height:100vw;
    width:100vh;*/
  }
}
.sparkling-modal-container {
  position: fixed;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 99999;
  background: #000;
  display: none;
}
#popVideo .sparkling-modal-close{text-align:center; right: 50%;height: auto;margin-right: -25px;}
.i-close{left:auto; margin-left:0; top:0}
.sparkling-modal-container {z-index:10000; background-color: rgba(222, 222, 222, 0.9);}
.sparkling-modal-content, .sparkling-modal-content iframe {width:100%; height:100%}
.scroll-hidden {height: 100%; min-height: 100%; overflow: hidden !important; touch-action: none; }
/* 연수 상세 - 쿠폰없음 글자 */
#coupon-box {color:#ccc}
/* 단체신청 */
.hide-school {display:none;}
li.error, li.error span {background:#FFAAAA !important; }
/* 연수상세후기 */
.no-review {text-align:center}
/* 베스트 연수 순위 */
.top10-rank {
  border: 2px solid #fff;
  border-radius: 1em;
  color:#fff;
  font-weight: bold;
  background: #1f75bb;
  display:block;
  width: 2em;
  height: 2em;
  text-align:center;
  position:absolute;
  top:2px;
  left:2px;
}
/* 메인 페이지 이미지*/
.banner-item .photo-group {
  position: absolute;
  left: 10px;
  top: 10px;
  width: 50px;
  height: 50px;
  border-radius: 10px;
}
/*.train-content > img {width: 100%; max-width: 800px;}*/

em {position: relative;;padding-right: 20px;font-size: 15px;line-height: 30px;color: #999;}

.event-view h3 {text-align: center; font-size: 38px; }
.search-notice-txt {font-size: 19px; color: #767676; margin-top:10px;}




@media (max-width: 2048px){
  .banner-pop-content {padding-top:40px; width: 100%}
  .banner-pop-content .banner-area {width:900px;top: 50%; transform:translateY(-50%);}
  .banner-pop-content .banner-area .banner-box .banner {width: 448px;height: 100%}
}
@media (max-width: 1400px){
  .banner-pop-content {padding: 50px 10px;}
  .banner-pop-content .banner-area {width:100%;top: 0%;margin-top:0px;}
  .banner-pop-content .banner-area .banner-box .banner {width: 100%;height: 100%}

}
@media (max-width: 620px){
  .banner-pop-content {width:100%;overflow-x: hidden; height:100vh}
  .banner-pop-content .banner-area{transform:none;}
}
/*@media (max-width: 420px){*/
/*  .banner-pop-content {width:420px}*/
/*}*/
/*@media (max-width: 414px){*/
/*  .banner-pop-content {width:414px}*/
/*}*/
/*@media (max-width: 360px){*/
/*  .banner-pop-content {width:360px}*/
/*}*/





@media (max-width: 1240px){
  .com-list-banner .banner-area .banner .info-item {padding: 10px;}
  .main-view-content .round-info-area .title-info-box {border:1px solid #444; margin-bottom:15px;}

  .com-select.w-350 {width: 100%}
  .event-view h3 {font-size: 24px; }
  .top10-rank {top:16px; left: 5px;}
  .main-view-content .tab-view-area .request-list-box li .text-group .line .day {position: absolute;right: 0px;}

  .main-view-content .study-chart-area .chart-box {padding: 15px;}
  .com-tooltip .open-btn {background-size: 70%;}
  .search-notice-txt {font-size: 12px; color: #767676; margin-top:10px;}

  .main-view-content .training-request-area .request-box .share-btn-cnt .share-group .share-pop.on {position: absolute; right: 100px;top:-4px}
  .com-slick-banner .tab-area #top10-tab button {width: 20%;}
  #footer .content .address {font-size: 12px;line-height: 16px;}
  #footer .content .copy {font-size: 12px;}

  .main-view-content .study-history-area {display:block; margin-top:10px}
  .train-content > img {width: 100%}
  .main-banner-content .banner-wrap .banner-area .banner-img img {width: 100% !important; border-radius: 0px;}
  .main-banner-content .banner-wrap .banner-area .banner-bg {display:none;}
  .com-line-bannner a img {border-radius: 0px}

  .layer-pop.print-type .view-area .scroll-wrap{height:calc(85vh - 169px)}
}


.btn-area {text-align: center}
.btn-area .modal-close {
  width: auto;
  min-width: 100px;
  height: 35px;
  padding: 0 15px;
  font-size: 15px;
  border-radius: 10px;
  background: #474747;
  color: #ededed;
}


.btn-area .blue {width: auto;
  min-width: 100px;
  height: 35px;
  padding: 0 15px;
  font-size: 15px;
  border-radius: 10px;}
@media (max-width: 700px){
  button.print-btn {display: none}
}

/* 콘텐츠 내용 수정 */
@media ( max-width : 1240px) {
  .main-view-content .com-edit-table table {
    width: 100% !important;
  }
  .main-view-content .com-edit-table img {
    width: 100% !important;
    height: 100% !important;
  }
  .main-view-content .qusetion-list-area img {
    width: 100% !important;
    height: 100% !important;
  }
}

/* 증명서 발급 */
a.issue-btn {
  padding: 2px 7px;
  height: 28px;
  border-radius: 5px;
  border: 1px solid #fc0000;
  background: #f36c65;
  font-size: 16px;
  color: #fff;
  text-align: center;
  position:relative;
}

.issue-btn-explain {
  color: red;
  background:#fff;
  text-align: left;
  font-size:0.7em;
  margin-left:35%;
}

/* 메인페이지 B2G */
#b2g-all .left-menu-content .list-area span.txt {
  white-space : pre-wrap;
}
#b2g-my .left-menu-content .list-area span.txt {
  white-space : pre-wrap;
}

/* 클래스메이커 관련 */
.up {
  position:absolute;
  top:-14px;
  right:0;
  width:28px;
  height:7px;
  color:#ee3f68;
  font-size:10px;
  font-weight:500;
  font-style:normal
}

.cm_blt {
  position:absolute;
  bottom:-33px;
  left:50%;
  transform:translateX(-50%);
  font-size:12px;
  color:#fff;
  padding:7px;
  border-radius:5px;
  background:#ee3f68;
  min-width:120px;
  text-align:center;
  animation:slide-top 1.5s infinite;
  line-height:100%;
  letter-spacing: -1px;
  z-index:11;
  display:none;
  font-style: normal;
}

.cm_blt::before {
  content:'';
  position:absolute;
  top:-5px;
  left:50%;
  transform:translateX(-50%);
  width:0;
  height:0;
  border-top:10px solid none;
  border-bottom:10px solid #ee3f68;
  border-right:10px solid transparent;
  border-left:10px solid transparent
}

@keyframes slide-top {
  0%{bottom:-33px}
  50%{bottom:-28px}
  100%{bottom:-33px}
}

#header .link-area a:hover > span {
  display:block
}

/* 추천리워드 */
.main-view-content .study-item-area .item-box .info-cnt > .tit div{
  display: inline-block;
  position: relative;
}

.ic_noti{
  width: 20px;
  height: 20px;
  background: url(//tvcache.teacherville.co.kr/teacherville2/image/web/icon/ic_noti.png);
  display: inline-block;
  vertical-align: middle;
  margin: -5px 10px 0 0;
  cursor: pointer;
}

.ic_noti + span{
  position: absolute;
  top:50%;
  left: 33px;
  transform: translateY(-50%);
  background: #fff;
  border-radius: 5px;
  padding:18px 20px;
  font-size: 16px;
  color: #474747;
  line-height: 18px;
  font-weight: normal;
  box-shadow: 2px 4px 8px rgba(0, 0, 0, 0.3);
  width: auto;
  white-space: nowrap;
  display: none;
  z-index: 1;
}

.ic_noti + span::before{
  content: '';
  width: 0;
  height: 0;
  border-top: 5px solid transparent;
  border-right: 10px solid #fff;
  border-bottom: 5px solid transparent;
  position: absolute;
  left:-10px;
  top:50%;
  transform: translateY(-50%);
}

.ic_noti:hover + span{
  display: block;
}

.ic_coin{
  display: inline-block;
  width: 28px;
  height: 28px;
  background: url(//tvcache.teacherville.co.kr/teacherville2/image/web/icon/ic_coin3.png);
  vertical-align: middle;
  margin: -5px 5px 0 0;
}

.main-view-content  .com-list-table .notice-txt{
  margin-top:10px;
  padding-left:30px;
  color:#f36c65;
}

.point-table td{
  width:12.5%;
}

.point-table td:nth-child(1){
  width:auto;
}

.layer-share {
  font-size: 0;
  text-align: left;
  padding: 20px 50px 0 50px;
  margin-top: 20px;
  border-top: 1px solid #474747;
}

.layer-share li{
  width: 50%;
  display: inline-block;
  line-height: 50px;
}

.layer-share button{
  font-size: 18px;
  color: #666;
}

.layer-share button span{
  display: inline-block;
  width: 50px;
  height: 50px;
  border-radius: 5px;
  border: 1px solid #ebebeb;
  vertical-align: middle;
  margin-right:10px
}

.layer-share .kakao span{
  background: url(//tvcache.teacherville.co.kr/teacherville2/image/web/icon/ic_layer_kakao.png) no-repeat center #f1f1f1;
}

.layer-share .facebook span{
  background: url(//tvcache.teacherville.co.kr/teacherville2/image/web/icon/ic_layer_facebook.png) no-repeat center #f1f1f1;
}

.layer-share .twitter span{
  background: url(//tvcache.teacherville.co.kr/teacherville2/image/web/icon/ic_layer_twitter.png) no-repeat center #f1f1f1;
}

.layer-share .band span{
  background: url(//tvcache.teacherville.co.kr/teacherville2/image/web/icon/ic_layer_band.png) no-repeat center #f1f1f1;
}

.layer-share .url span{
  background: url(//tvcache.teacherville.co.kr/teacherville2/image/web/icon/ic_layer_url.png) no-repeat center #f1f1f1;
}

@media (max-width: 620px){
  .point-table{
    border-bottom: 1px solid #ebebeb;
  }

  .point-table th{
    display:none;
  }

  .main-view-content .table-list-area .com-list-table .point-table td{
    width: auto;
    float: left;
    border-bottom: 0;
  }

  .main-view-content .table-list-area .com-list-table .point-table tr + tr td:first-child{
    border-top: 1px solid #ebebeb;
  }

  .main-view-content .table-list-area .com-list-table .point-table td:first-child{
    width: 100%;
    padding: 10px 10px 5px 10px;
    font-weight: bold;
  }

  .main-view-content .table-list-area .com-list-table .point-table td:last-child{
    float: right;
    font-weight: bold;
    color: #f36c65;
  }

  .main-view-content .table-list-area .com-list-table .point-table td .link.question{
    padding-left:0;
  }

  .main-view-content  .com-list-table .notice-txt{
    padding-left:0;
  }

  .ic_noti{
    display: none;
  }

  .ic_coin{
    width: 22px;
    height: 22px;
    background-size: 100% 100%;
  }

  .main-view-content .point-chart{
    background:#fff;
    margin-top:0;
  }

  .main-view-content .point-chart .chart-box{
    padding: 10px;
    border:1px solid #ebebeb;
    margin-top: 0;
    border-radius: 0;
  }

  .mo-box-line{
    border-top: 10px solid #eee !important;
  }

  .layer-share{
    padding:20px 0 0 0;
  }

  .layer-share button{
    font-size: 14px;
  }

  .table01 tr > * {
    padding: 5px;
    font-size: 14px;
  }
}

.dim{position:fixed !important; top:0; left:0; width:100%; height:100%; z-index:998; background:rgba(0,0,0,0.5); max-width:100%; display:none}
.con2pop{
  position:fixed !important; top:50%; left:50%; transform:translate(-50%, -50%); max-width:450px; width:80%; padding:50px 20px; text-align:center;
  background:url('//tvcache.teacherville.co.kr/teacherville2/image/web/event/2022/02/220224_conpop_back.png'); border-radius:20px; border:2px solid #391e00; z-index:999; display:none
}
.con2pop .check{position:relative; margin-top:10%}
.con2pop .close{position:absolute; top:15px; right:15px}
.con2pop .obj1{position:absolute; top:50%; right:-6%; animation:flash 1.5s infinite}
@keyframes flash {0%, 100%, 50% {opacity: 1} 25%,75% {opacity: 0}}
.con2pop .obj2{position:absolute; right:-14%; bottom:0; max-width:128px; width:29%}

@media (max-width: 720px) {
  .con2pop{padding:10%}
  .con2pop .close{width:7%}
  .con2pop .check{width:65%}
  .con2pop .obj2{right:-11%; width:25%}
}

.coupon_dim{position:fixed !important; top:0; left:0; width:100%; height:100%; z-index:10000; background:rgba(0,0,0,0.5); max-width:100%; display:none}
.coupon_pop{
  position:absolute; top:300px; left:50%; margin-left:400px; width:450px; z-index:99999; text-align:center;
  background:#fff; padding:30px 20px 0 20px; border-radius:10px 10px 0 0; box-shadow:2px 1px 8px rgba(0,0,0,0.2);
}
.coupon_pop .icon{position:absolute; top:20px; right:20px}
.coupon_pop .icon .obj{position:absolute; top:2px; right:-7px; animation:iconobj 0.7s infinite}
@keyframes iconobj{0%{opacity:1} 50%{opacity:0} 100%{opacity:1}}
.coupon_pop ul{font-size:0; margin:15px -5px}
.coupon_pop li{display:inline-block; margin:5px; width:calc(50% - 10px); position:relative}
.coupon_pop li.on::before{
  content:''; position:absolute; top:0; left:0; width:100%; height:100%; border-radius:5px;
  background:url('//tvcache.teacherville.co.kr/teacherville2/image/web/pop/2022/220328_coupon_ok.png') no-repeat center rgba(0,0,0,0.4); z-index:1
}
.coupon_pop li.on::after{
  content:''; position:absolute; bottom:0; right:-5px; width:71px; height:79px;
  background:url('//tvcache.teacherville.co.kr/teacherville2/image/web/pop/2022/220328_coupon_okobj.png'); z-index:2
}
.popbtn{background:#4b4b4b; padding:10px 20px; margin:0 -20px; display:flex; justify-content:space-between; align-items:center}
.popbtn *{color:#fff; font-size:15px; vertical-align:middle}
.popbtn i{display:inline-block; width:15px; height:13px; background:url('//tvcache.teacherville.co.kr/teacherville2/image/web/pop/2022/220328_coupon_close.png')}

@media (max-width: 767px) {
  .coupon_pop img{max-width:100%}
  .coupon_dim{display:block}
  .coupon_pop{position:fixed; bottom:0; left:0; width:100%; z-index:100000; margin-left:0; top:auto}
  .coupon_pop li img{width:100%}
}


/* 티처빌 알림 */
@font-face {
  font-family: 'Gmarket Sans L';
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansLight.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gmarket Sans';
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Gmarket Sans B';
  src: url("https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansBold.woff") format("woff");
  font-weight: normal;
  font-style: normal;
}
.ctr-box{display:flex; justify-content:center; align-items:center; margin-bottom:30px}
.ctr-box span{font-size:30px; font-weight:bold; color:#333}
.ctr-box .btn-cal{text-indent:-9999px; width:39px; height:39px; margin:0 20px}
.btn-cal.prev{background:url('//tvcache.teacherville.co.kr/teacherville2/image/web/icon/220902_arrow_prev.png')}
.btn-cal.next{background:url('//tvcache.teacherville.co.kr/teacherville2/image/web/icon/220902_arrow_next.png')}
.my-calendar{display:grid; width:100%; grid-template-columns:65% 35%; border:1px solid #ddd; border-radius:20px; overflow:hidden}
.my-calendar .cal-table{width:100%; table-layout:fixed; border-style:hidden}
.cal-table *{font-family:'Gmarket Sans'}
.cal-table tr > *{font-weight:normal; font-size:20px; color:#777; border:1px solid #ddd; height:80px}
.cal-table th{background:#f4f4f4; height:60px}
.cal-table td{vertical-align:top; position:relative; cursor:pointer; padding:15px 10px}
.cal-table tr > *:first-child{color:#ff5d96}
.cal-table tr > *:last-child{color:#3aa5ff}
.cal-body .day-active::after{content:''; position:absolute; top:-1px; bottom:-1px; left:-1px; right:-1px; border:3px solid #f36c65}
.cal-body .today::before{content:''; position:absolute; top:3px; left:3px; width:36px; height:36px; border:3px solid #333; border-radius:100%}
.clicked-date{border-left:1px solid #ddd}
.click-tit{height:61px; border-bottom:1px solid #ddd; background:#f4f4f4; color:#777; font-size:20px; text-align:center; font-family:'Gmarket Sans'; line-height:61px}
.click-cal{border-bottom:1px solid #ddd; display:flex; height:80px; align-items:center; justify-content:center; font-size:24px; font-weight:bold}
.live_list{padding:20px; max-height:395px; overflow:auto}
.live_list li + li{margin-top:20px; padding-top:20px; border-top:1px solid #ddd}
.my-calendar label{width:80px; height:25px; line-height:27px; color:#fff; font-family:'Gmarket Sans'; background:#f36c65; border-radius:100px; display:inline-block; text-align:center; margin-bottom:10px; cursor:default}
.my-calendar label.gray{color:#333; background:#dcdcdc}
.my-calendar .cal-table td label{width:calc(100% - 20px); font-size:16px; font-weight:500; margin-bottom:0; position:absolute; bottom:10px; left:10px; z-index:-1}
.cal-table td label.end{background:#dcdcdc; color:#333; width:10px; height:10px; left:50%; margin-left:-5px; text-indent:-9999px; bottom:15px}
.cal-table td label span{background:#fff; border-radius:100%; display:inline-block; width:16px; height:16px; text-align:center; line-height:16px; color:#f36c65; vertical-align:middle; margin:-5px 0 0 3px}
.live_list .tit{font-size:18px}
.live_list .flexbox{margin-top:10px}
.live_list .time{color:#999}
.live_list a{display:inline-block; width:100px; height:25px; line-height:22px; color:#3aa5ff; border:2px solid #3aa5ff; border-radius:100px; font-size:14px; text-align:center}
.cal-tooltip{position:absolute; top:75px; left:50%; transform:translateX(-50%); width:165px; padding:10px; background:#fff; z-index:1; box-shadow:1px 1px 6px rgb(0 0 0 / 20%); border-radius:10px; display:none}
.cal-tooltip::before{content:''; position:absolute; top:-8px; left:50%; transform:translateX(-50%); width:0; height:0; border-bottom:8px solid #fff; border-right:6px solid transparent;  border-left:6px solid transparent;filter: drop-shadow(0 -2px 2px rgba(0,0,0,.2))}
.cal-tooltip p{font-size:16px; color:#333; display:block; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.cal-tooltip p + p{margin-top:5px}
.cal-table td:hover .cal-tooltip{display:block}

/* 쌤모임 달력 리스트 */
.ssam_meet{padding:20px; max-height:390px; overflow:auto}
.ssam_meet li + li{margin-top:20px; padding-top:20px; border-top:1px solid #ddd}
.my-calendar .label1{width:115px; height:24px; line-height:27px; color:#fff; font-family:'Gmarket Sans'; border-radius:100px; display:inline-block; text-align:center; margin-bottom:0; cursor:default; font-weight:normal; font-size:16px}
.my-calendar .label1.online{background:#3aa5ff}
.my-calendar .label1.offline{background:#666}
.ssam_meet .img{position:relative; width:70px; height:50px; overflow:hidden}
.ssam_meet .img img{position:absolute; top:0; left:0; width:100%; min-height:100%}
.ssam_meet .tit{font-size:18px; width:calc(100% - 80px); margin-bottom:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; height:48px; line-height:24px}
.ssam_meet .flexbox{margin:10px 0}
.ssam_meet .info{display:flex}
.ssam_meet .label2{width:70px; height:24px; line-height:24px; color:#fff; text-align:center; font-weight:normal; margin:0}
.ssam_meet .label2.pay{background:#ff2929}
.ssam_meet .label2.free{background:#1d73bc}
.ssam_meet .label2.finish{background:#ff8542}
.ssam_meet .label2.end{background:#b1b1b1}
.ssam_meet .time{color:#999; margin:0 0 0 10px}

.plan_option{display:flex; justify-content:space-between; align-items:center}
.sub_banner{margin:30px 0}
.sub_banner > div{position:relative; max-width:1240px}
.sub_banner .mo{display:none}
.sub_banner img{max-width:100%}

.mo_block{display:none !important}
.mo_hidden{display:inline-block !important}

@media (max-width: 767px) {
  #header .mobile-content .menu-area{justify-content:space-between; overflow-x:auto}
  #header .mobile-content .menu-area a{width:auto; font-size:14px}

  .mo_block{display:block !important}
  .mo_hidden{display:none !important}

  .ctr-box span{font-size:18px}
  .ctr-box{margin-bottom:20px}
  .ctr-box .btn-cal{width:24px; height:24px; background-size:100% 100% !important; margin:0 10px}
  .my-calendar{display:block; margin:0 10px; width:calc(100% - 20px); border-radius:0; border:0; overflow:visible}
  .my-calendar .cal-table{box-shadow:0 0 0 1px #ddd; border-radius:10px; overflow:hidden}
  .cal-table tr > *{font-size:16px; height:60px}
  .cal-table th{height:50px}
  .cal-table td{padding:0; text-align:center; vertical-align:middle}
  .cal-body .today::before{top:50%; left:50%; transform:translate(-50%, -50%); border:2px solid #333}
  .cal-body .today span::before{width:5px; height:5px; border:0; background:#333}
  .cal-tooltip{display:none !important}
  .cal-body .day-active::after{width:36px; height:36px; background:#f36c65; border-radius:100%; top:50%; left:50%; transform:translate(-50%, -50%); z-index:-1}
  .cal-body .day-active{color:#fff !important}
  .my-calendar .cal-table td label{text-indent:-9999px; width:7px; height:7px; border-radius:100%; bottom:10px; left:50%; transform:translateX(-50%)}
  .clicked-date{border-left:0}
  .click-tit, .click-cal{display:none}
  .live_list{padding:0; max-height:none; margin-top:10px; overflow:visible}
  .live_list li{border:1px solid #ddd; padding:10px; position:relative}
  .my-calendar label{width:60px; height:20px; line-height:22px; font-size:12px; vertical-align:top}
  .live_list .tit{font-size:16px}
  .live_list li + li{margin-top:10px; padding-top:10px}
  .live_list .time{font-size:14px; position:absolute; top:10px; right:10px}
  .live_list a{width:100%; margin:0 -10px -10px; width:calc(100% + 20px); border-radius:0; color:#fff; background:#3aa5ff; height:40px; line-height:38px}

  /* 쌤모임 달력보기 리스트 */
  .ssam_meet{padding:0; max-height:none; overflow:visible; margin:0}
  .ssam_meet li{position:relative; margin:10px}
  .ssam_meet li:first-child::before{content:''; position:absolute; top:-10px; left:-10px; right:-10px; height:1px; background:#ddd}
  .ssam_meet .tit{font-size:16px; line-height:20px; height:40px}
  .ssam_meet li + li{margin-top:10px; padding-top:10px}
  .ssam_meet{margin-top:0}
  .ssam_meet .label2{width:55px; font-size:12px; height:20px; line-height:20px}
  .ssam_meet .img{width:100px; height:75px}
  .ssam_meet .tit{width:calc(100% - 110px)}
  .ssam_meet .flexbox{align-items:flex-start; margin:10px 0 0 0}
  .ssam_meet .info{position:absolute; bottom:0; left:110px}
  .my-calendar .label1{width:100px; font-size:13px}


  .plan_option{display:block}
  .plan_option > *{width:100%}
  .plan_option .plan_btn{display:flex; margin:0 -2px}
  .plan_option .plan_btn button{width:100%; margin:10px 2px 0 !important}
  .com-file-btn label.lg_btn{width:120px; font-size:14px; margin-left:10px}
  .lg_btnarea{margin-top:20px}
  .lg_btnarea button{font-size:15px; height:40px; border-radius:5px; padding:0 10px}
  .check_list{font-size:0}
  .check_list> *{width:49%; margin-right:0}
  .sub_banner{margin:10px}
  .sub_banner .pc{display:none}
  .sub_banner .mo{display:block}
}


/* 모바일 드래그 팝업 */
.drag_pop{display:none}

@media (max-width: 767px) {
  .dim.active{display:block}
  .drag_pop{position:fixed; bottom:-68vw; left:0; width:100%; z-index:999; background:#fff; padding:15px; border-radius:30px 30px 0 0; text-align:center; display:block; transition:ease 0.5s bottom; box-shadow:0 -3px 6px rgb(0,0,0,0.1)}
  .drag_pop.on{bottom:-45vw}
  .drag_pop.active{bottom:0}
  .drag_pop img{max-width:100%}
  .drag_pop .drag_bar{font-size:0; padding-bottom:15px}
  .drag_pop .drag_bar i{display:inline-block; width:80px; height:10px; border-radius:100px; background:#d0d0d0}
  .drag_pop .slick-dots{bottom:auto; top:-25px; right:0; text-align:right; font-size:0; width:auto}
  .drag_pop .slick-dots li button{background:#b0b0b0}
  .drag_pop .slick-dots li.slick-active button{background:#4d4d4d}
  .slick-dotted.swiper-slider{margin-bottom:0}
  .drag_close{text-align:left; font-size:0; margin-top:10px}
  .drag_close button{color:#333; letter-spacing:-1px; padding-left:25px; background:url('//tvcache.teacherville.co.kr/teacherville2/image/web/pop/2022/drag_close.png') no-repeat left bottom; height:20px; background-size:18px 18px; font-weight:500}

  #newB2cTabel .flexbox{display:block;}
  #newB2cTabel .flexbox div{margin-top:5px}
}


input:focus::-webkit-input-placeholder,
textarea:focus::-webkit-input-placeholder { /* WebKit browsers */
  color:transparent;
}
input:focus:-moz-placeholder,
textarea:focus:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
  color:transparent;
}
input:focus::-moz-placeholder,
textarea:focus::-moz-placeholder { /* Mozilla Firefox 19+ */
  color:transparent;
}
input:focus:-ms-input-placeholder,
textarea:focus:-ms-input-placeholder { /* Internet Explorer 10+ */
  color:transparent;
}

/* 쌤도서 추가 */
@import url('http://fonts.googleapis.com/css?family=Montserrat+Alternates');
:root {
  --font-xlarge: 24px;
  --font-large: 20px;
  --font-medium: 18px;
  --font-regular: 16px;
  --font-small: 15px;
}
.nowrap{overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.top_text{font-size:var(--font-regular); margin-top:10px; color:#767676}
.book_search{margin:40px auto; display:block; max-width:540px; width:calc(100% - 20px); border:3px solid #737373; display:flex; align-items:center; border-radius:100px; padding-left:25px; overflow:hidden}
.book_search input{width:calc(100% - 120px); padding:0 0 0 45px; background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/event/2023/04/230404_bookicon.png') no-repeat left center; height:40px}
.book_search .del_btn{height:40px; width:40px; text-indent:-9999px; background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/event/2023/04/search_del.png') no-repeat center; margin-right:10px; opacity:0}
.book_search .search_btn{height:48px; width:72px; text-indent:-9999px; background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/event/2023/04/230404_book_search.png') no-repeat 45% center #737373}
.search_num{font-size:var(--font-medium); font-weight:bold}
.com-list-tab.tab2{padding:15px 20px; position:relative; margin-bottom:40px}
.com-list-tab.tab2::before{content:''; background:#f2f2f2; left:-9999px; right:-9999px; top:-1px; bottom:-1px; position:absolute; z-index:-1; border-top:1px solid #ebebeb; border-bottom:1px solid #ebebeb}
.com-list-tab.tab2 > *{white-space:nowrap; padding:0; height:38px; line-height:38px}
.com-list-tab.tab2 .tit{font-size:var(--font-xlarge); font-weight:bold; text-align:left; margin-right:80px}
.com-list-tab.tab2 div{position:absolute; top:70px; height:70px; width:100%; background:#fff; display:none}
.com-list-tab.tab2 ul{display:flex; justify-content:center; align-items:center; height:70px; width:100%}
.com-list-tab.tab2 ul::before{content:''; position:absolute; bottom:0px; left:-9999px; right:-9999px; background:#ddd; height:1px}
.com-list-tab.tab2 a{line-height:1; height:38px; display:block; line-height:38px; border-radius:100px; padding:0 30px}
.com-list-tab.tab2 a:hover{background:#737373; color:#fff}

.book_list{margin:-10px; display:flex; flex-wrap:wrap}
.book_list .no_list{text-align:center; margin:200px 0; width:100%}
.book_list .no_list p{font-size:26px; margin-bottom:10px}
.book_list .no_list span{font-size:var(--font-regular); color:#888}
.book_list > a{display:inline-grid; grid-template-columns:169px calc(100% - 184px); grid-template-rows:repeat(1, 1fr); column-gap:15px; margin:10px; width:calc((100% - 60px)/3); padding:30px 20px; border:1px solid #ddd}
.book_list .img{grid-row: 1 / span 2}
.book_img{max-width:100%; filter:drop-shadow(1px 1px 2px rgba(0,0,0,0.35))}
.book_list .info{display:grid}
.book_list .info_list{font-size:var(--font-small); align-self:end}
.book_list .info_list dl{display:flex}
.book_list .info_list dl + dl{margin-top:3px}
.book_list .info_list dt{width:60px; color:#888}
.book_list .info_list dd{width:calc(100% - 60px)}
.book_list .book_name{display:none}
.book_list.thumb > a{width:calc(25% - 20px); display:inline-block; text-align:center; padding:0}
.book_list.thumb .info_list{display:none}
.book_list.thumb .book_name{display:block}
.book_list.thumb .info{padding:15px 30px}
.book_list.thumb .img{border-bottom:1px solid #ddd}
.list_type{text-align:right; margin:20px 0; width:100%}
.list_type button{text-indent:-9999px; width:40px; height:40px; border:1px solid #ddd}
.book_cate{display:none}
.book_menu{background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/event/2023/04/book_menu.png') no-repeat center}
.type_list{background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/event/2023/04/type_list_off.png') no-repeat center}
.type_thumb{background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/event/2023/04/type_thumb_off.png') no-repeat center}
.type_list.on{background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/event/2023/04/type_list_on.png') no-repeat center}
.type_thumb.on{background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/event/2023/04/type_thumb_on.png') no-repeat center}

.book_main{position:relative; overflow:visible}
.book_main::before{content:''; position:absolute; top:0; left:-9999px; right:-9999px; height:350px; background:#f2f2f2; z-index:-1}
.book_main .banner-wrap .control-area{margin-left:355px}
.book_title{margin:40px 0 30px; display:flex; justify-items:center}
.book_title h2{font-size:var(--font-xlarge); margin-right:20px}
.small_tab{background:#f2f2f2; display:inline-block; border-radius:100px}
.small_tab button{font-size:var(--font-medium); color:#333; height:38px; padding:0 30px; border-radius:100px}
.small_tab button.on{background:linear-gradient(325deg, #ff6c64, #ec407a); color:#fff; position:relative; z-index:1}
.small_tab button + button{margin-left:-15px}

.book_con{position:relative}
.book_con + .book_con{margin-top:40px; border-top:1px solid #ddd}
.pick_box::before{content:''; position:absolute; bottom:-41px; left:-9999px; right:-9999px; height:1px; background:#ddd}
.pick_wrap{position:relative; }
.book_pick{overflow:hidden; width:calc(100% - 520px); background:#fff; position:relative; z-index:1}
.book_pick .swiper-slide, .book_rank .rank1{display:inline-grid; grid-template-columns:206px calc(100% - 260px); column-gap:20px; align-content:start; padding-bottom:2px}
.book_pick .swiper-slide{overflow:hidden}
.pick_next, .pick_prev{width:30px; height:30px; position:absolute; top:50%; margin-top:-15px; right:-15px; background:rgba(0, 0, 0, 0.3) url('../images/icon/main_banner_arrow.png') no-repeat center center; cursor:pointer; z-index:3}
.pick_prev{right:auto; left:-15px; transform:rotate(-180deg)}
.book_pick .book_rank .rank1{width:calc(100% - 520px); display:inline-grid; grid-template-columns:206px calc(100% - 260px); column-gap:20px; align-content:start}
.book_pick .tit{margin:0; font-size:var(--font-large); line-height:26px; max-height:52px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; letter-spacing:-1px; word-break:keep-all; font-weight:bold}
.book_pick .name, .book_rank .rank1 .name{color:#888; margin:20px 0}
.book_pick .price, .book_rank .rank1 .price{font-size:26px; font-weight:bold}
.book_pick .text, .new_book .text{color:#888; line-height:22px; max-height:66px; display:-webkit-box; -webkit-line-clamp:3; -webkit-box-orient:vertical; overflow:hidden; margin-top:15px}
.book_pick .swiper-slide-active .info{animation:fadeInRight 0.8s 1 forwards; -webkit-animation:fadeInRight 1s 1 forwards; opacity:0}
@keyframes fadeInRight {
  0%{opacity:0; -webkit-transform:translate3d(100px, 0, 0); -ms-transform:translate3d(100px, 0, 0); transform:translate3d(100px, 0, 0)}
  25%{opacity:0; -webkit-transform:translate3d(50px, 0, 0); -ms-transform:translate3d(50px, 0, 0); transform:translate3d(50px, 0, 0)}
  100%{opacity:1; -webkit-transform:none; -ms-transform:none; transform:none}
}
.pick_wrap .pick_icon{position:absolute; top:-25px; left:-25px; width:66px; height:66px; background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/event/2023/04/230404_pick_icon.png') no-repeat center; display:block; z-index:2; clip:auto; filter:drop-shadow(2px 5px 2px rgba(0,0,0,.2))}
.pick_list{overflow:hidden; padding-right:2px; position:absolute; top:0; left:calc(100% - 665px); width:665px}
.pick_list .swiper-slide{cursor:pointer}
.pick_list .tit, .rank_list .tit{font-weight:bold; margin-top:10px; line-height:22px; max-height:44px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; letter-spacing:-1px; word-break:keep-all}

.box_grid{display:grid; grid-template-columns:auto 480px; align-items:center}
.new_wrap{position:relative}
.new_book > a{display:none; grid-template-columns:206px calc(100% - 300px); column-gap:20px}
.new_book > a.on{display:grid}
.new_book .date{font-size:var(--font-xlarge); font-weight:bold; line-height:1}
.new_book .text{margin:10px 0}
.new_book .name{margin-top:10px; color:#888}
.new_nav{position:absolute; bottom:0; left:224px; display:flex; width:calc(100% - 300px); z-index:1}
.new_nav li, .new_nav img{width:100%; cursor:pointer; position:relative}
.new_nav li + li{margin-left:20px}
.new_nav li.on::before{content:''; position:absolute; top:0; left:0; right:0; bottom:0; border:3px solid #000; z-index:1}

.book_theme{display:flex}
.book_theme > a{border:1px solid #ddd; width:100%}
.book_theme > a + a{margin-left:10px}
.book_theme img{max-width:134px; display:block; margin:0 auto; padding:25px 0}
.book_theme p{padding:10px; font-size:14px; font-weight:500; border-top:1px solid #ddd; background:#ebebeb; text-align:center}

.book_rank > *{position:relative}
.book_rank .rank1{width:calc(100% - 40px)}
.book_tit{font-size:var(--font-xlarge); font-weight:bold; line-height:1; word-break:keep-all}
.rank{display:inline-block; width:26px; height:35px; background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/event/2023/04/230404_rnak.png') no-repeat center; font-weight:bold; text-align:center; line-height:30px; font-family:'Montserrat Alternates', sans-serif; font-style:normal; position:absolute; top:0; left:-40px; filter:drop-shadow(3px 3px 2px rgba(0,0,0,0.2)); z-index:1}
.rank.rank_1{background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/event/2023/04/230404_rnak1.png') no-repeat center; width:40px; height:49px; line-height:40px; font-size:var(--font-xlarge); color:#67480a; top:-5%; left:-2%; filter:drop-shadow(5px 5px 3px rgba(0,0,0,0.2))}
.rank_list{display:flex; flex-wrap:wrap}
.rank_list > *{display:inline-grid; grid-template-columns:64px calc(100% - 109px); column-gap:15px; width:50%; align-items:center; margin-bottom:0; position:relative; align-self: center}
.rank_list > *:nth-child(-n+2){border-bottom:1px solid #ddd; padding-bottom:15px; margin-bottom:15px}
.rank_list .tit{margin-top:0}

.book_box{display:flex; flex-wrap:wrap; margin:-10px}
.book_box > *{display:inline-block; margin:10px; border:1px solid #ddd; width:calc(25% - 20px)}
.book_boxSwiper{position:relative}
.book_boxSwiper .book_box{margin:0; flex-wrap:nowrap}
.book_boxSwiper .swiper{overflow:hidden}
.book_boxSwiper .swiper-slide{border:1px solid #ddd; margin:0}
.book_box .img img, .book_list.thumb .img img{max-width:169px; width:60%; margin:20px auto; display:block}
.book_box .info{padding:15px 30px; border-top:1px solid #ddd; text-align:center}
.book_box .tit, .book_list .tit{font-size:var(--font-regular); font-weight:500; line-height:22px; max-height:44px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; word-break:keep-all}
.book_name{overflow:hidden; white-space:nowrap; text-overflow:ellipsis; margin-top:10px}
.book_name span{font-size:var(--font-small); color:#888}
.book_name span + span{position:relative; padding-left:10px}
.book_name span + span::before{content:''; position:absolute; top:7px; left:4px; width:1px; height:10px; background:#aaa}

.book_info{display:grid; grid-template-columns:400px calc(100% - 400px); border:1px solid #ddd}
.book_info .img{text-align:center; padding:40px 0; align-self:center}
.book_info .img img{max-width:300px; width:90%}
.book_info .info{padding:40px; border-left:1px solid #ddd}
.book_info .book_name{margin:20px 0; padding-bottom:20px; border-bottom:1px solid #999}
.book_info dl{display:grid; grid-template-columns:120px calc(100% - 120px); align-items:center}
.book_info dl + dl{margin-top:7px}
.book_info dt{color:#888}
.book_info dd{display:flex; align-items:center}
.dl_list{border-bottom:1px solid #ddd; padding-bottom:20px; margin-bottom:20px}
.book_info .price{color:#888; text-decoration:line-through}
.book_info .dc_price{font-size:var(--font-xlarge); color:#f85b6c; font-weight:bold; margin:0 10px}
.book_info .dc_per{color:#f85b6c}
.book_info .dl_list button{width:120px; height:30px; border-radius:100px; border:1px solid #ddd; background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/event/2023/04/230404_book_btn_off.png') no-repeat right 8px center; text-indent:-20px; font-size:16px; color:#333}
.book_info .dl_list button + button{margin-left:10px}
.book_info .dl_list .kyobo:hover{background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/event/2023/04/230404_book_btn_on.png') no-repeat right 8px center #6db329; border:0; color:#fff}
.book_info .dl_list .yes24:hover{background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/event/2023/04/230404_book_btn_on.png') no-repeat right 8px center #196ab3; border:0; color:#fff}
.book_info .dl_list .aladin:hover{background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/event/2023/04/230404_book_btn_on.png') no-repeat right 8px center #33afe9; border:0; color:#fff}
.book_share{display:flex}
.book_share li + li{margin-left:10px}
.book_share button{text-indent:-9999px; width:38px; height:38px}
.book_share .kakao{background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/event/2023/04/230404_book_kakao.png') no-repeat center}
.book_share .facebook{background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/event/2023/04/230404_book_facebook.png') no-repeat center}
.book_share .twitter{background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/event/2023/04/230404_book_twitter.png') no-repeat center}
.book_share .nblog{background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/event/2023/04/230404_book_nblog.png') no-repeat center}
.book_share .link{background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/event/2023/04/230404_book_link.png') no-repeat center}

.book_detail{margin-top:40px; border:1px solid #ddd}
.book_detail h2{background:#f9f9f9; padding:20px}
.card_news{position:relative; border-top:1px solid #ddd}
.card_news .swiper{overflow:hidden; max-width:1050px; width:calc(100% - 20px); margin:30px auto}
.card_news .swiper-slide{border:1px solid #ddd; max-width:500px; overflow:hidden}
.card_news .swiper img{max-width:100%}
.book_detail .infobox{padding:20px; border-top:1px solid #ddd}
.book_detail .infobox .tit{font-size:var(--font-medium); margin-bottom:20px}
.book_detail .infobox .text{color:#666; font-size:var(--font-regular); max-height:70px; overflow:hidden;}
.book_toggle{font-size:var(--font-regular); color:#fff; display:block; margin:5px auto 0; font-size:15px; background:linear-gradient(325deg, #ff6c64, #ec407a); border-radius:100px; padding:0 15px; height:30px}
.book_toggle i{width:19px; height:19px; background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/event/2023/04/230404_book_btn_on.png') no-repeat center; display:inline-block; vertical-align:middle; margin:-3px 0 0 5px; transform:rotate(90deg)}
.infobox.on .book_toggle i{transform:rotate(270deg)}
.infobox.on .text{max-height:none}

.book_event{display:flex; flex-wrap:wrap; margin:-10px}
.book_event > a{margin:10px; width:calc(50% - 20px)}
.book_event .tit{text-align:center; font-size:var(--font-medium); padding:10px; border:1px solid #ddd}
.book_event img{width:100%}

@media (max-width: 1240px) {
  .book_list{padding:0 10px}
  .book_list > a{width:calc(50% - 20px)}
  .book_main .banner-wrap .control-area{bottom:0}

  .book_con, .list_type{padding:0 10px}
  .book_info{grid-template-columns:40% 60%}
}

@media (max-width: 767px) {
  :root{
    --font-xlarge:18px;
    --font-large:16px;
    --font-medium:15px;
    --font-regular:14px;
    --font-small:12px;
  }
  .top_text{margin:5px 10px 0}
  .com-list-tab.tab2{margin:20px 0; padding:10px}
  .com-list-tab.tab2::before, .com-list-tab.tab2 button::before{content:none}
  .com-list-tab.tab2 > *{height:30px; line-height:30px; padding:0 15px}
  .book_search{border:2px solid #737373; padding-left:15px; margin:20px auto}
  .book_search input{width:calc(100% - 80px); background-size:auto 20px; padding-left:35px; height:36px}
  .book_search .del_btn{width:30px; height:30px; background-size:35%; margin-right:0}
  .book_search .search_btn{height:36px; width:50px; background-size:35%}
  .search_num{border-top:13px solid #eee; padding:27px 10px 0}

  .book_list{margin:-5px}
  .book_list > a{padding:0; margin:5px; width:calc(100% - 10px); grid-template-columns:40% 60%; column-gap:0}
  .book_list .no_list{margin:100px 0}
  .book_list .no_list p{font-size:18px; margin-bottom:5px}
  .book_list .img{border-right:1px solid #ddd; padding:20px 20%}
  .book_list .info{padding:10px !important}
  .book_list .tit{margin-bottom:0}
  .book_list.thumb > a{width:calc(50% - 10px)}
  .book_list.thumb .img{border-right:0; padding:0}
  .list_type{display:flex; justify-content:space-between}
  .list_type button{width:30px; height:30px; background-size:80% 80% !important}
  .book_cate{position:fixed; top:0; background:#fff; z-index:999; height:100%; width:90%; text-align:left; padding:10px; left:-100%; transition:all 1s}
  .book_cate.on{animation:book_cate 0.5s 1 forwards; left:0; display:block}
  @keyframes book_cate {0%{left:-100%} 100%{left:0}}
  .book_cate .flexbox{padding:15px 10px; margin:-10px -10px 15px; border-bottom:13px solid #eee}
  .list_type .cate_close{border:0; background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/event/2023/04/cate_close.png') no-repeat center; width:20px; height:20px}
  .book_cate .cate_dep1 i{width:25px; height:25px; border:1px solid #ddd; display:inline-block; vertical-align:middle; margin:-5px 10px 0 0; background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/event/2023/04/cate_dep1_off.png') no-repeat center; background-size:100% !important}
  .book_cate .cate_dep1 a.on i{background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/event/2023/04/cate_dep1_on.png') no-repeat center}
  .book_cate .cate_dep1 > li > a{font-weight:bold}
  .book_cate .cate_dep1 > li + li{margin-top:10px}
  .book_cate .cate_dep2{margin:10px 0 0 35px; display:none}
  .book_cate .cate_dep2 li + li{margin-top:10px}
  .book_cate .cate_dep2 li a{color:#888; padding-left:15px; position:relative}
  .book_cate .cate_dep2 li a::before{content:'-'; position:absolute; top:0; left:0}

  .book_main::before{content:none}
  .book_con{background:#fff}
  .book_con + .book_con{margin-top:20px; border-top:13px solid #eee}
  .box_grid{display:block}
  .book_title{margin:20px 0}
  .small_tab button{height:30px; padding:0 15px; font-size:14px}
  .pick_next, .pick_prev{display:none}
  .pick_wrap{margin:0 -10px}
  .book_img{width:100%}
  .book_pick{padding:0 10px; width:100%}
  .rank{background-size:80% 80% !important}
  .book_pick .swiper-slide, .book_rank .rank1{grid-template-columns:40% calc(60% - 10px); column-gap:10px; display:grid}
  .book_pick .tit, .rank_list .tit, .book_pick .swiper-slide .tit{line-height:20px; height:40px; max-height:none}
  .book_pick .swiper-slide .name, .book_rank .rank1 .name{margin:10px 0}
  .book_pick .swiper-slide .price, .book_rank .rank1 .price{font-size:20px}
  .book_pick .swiper-slide .text, .new_book .text{font-size:14px; margin-top:10px; line-height:18px; height:54px}
  .book_pick .name, .book_pick .price, .book_pick .text{display:block}
  .pick_wrap .pick_icon{width:45px; height:45px; top:-20px; left:5px; background-size:100% 100%; filter:drop-shadow(1px 3px 1px rgba(0,0,0,.2))}
  .book_con .name{font-size:14px}
  .pick_list{display:none}

  .new_book > a.on{grid-template-columns:33% calc(67% - 10px); column-gap:10px}
  .new_nav{position:relative; left:auto; width:100%; margin-top:20px}
  .new_nav li + li{margin-left:10px}
  .new_nav li.on::before{border:2px solid #000}
  .book_theme > a{overflow:auto}
  .new_book .tit{font-size:14px}

  .book_rank .rank1, .rank_list > *{width:100%; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ddd}
  .rank_list > *:last-child{padding-bottom:0; margin-bottom:0; border:0}
  .rank_list > *{grid-template-columns:64px calc(100% - 74px); column-gap:10px; padding-left:40px}
  .rank{left:0; top:0; filter:drop-shadow(2px 2px 2px rgba(0,0,0,0.2))}

  .book_box{margin:-5px}
  .book_box > *{margin:5px; width:calc(50% - 10px)}
  .book_box .info{padding:10px}
  .book_box .tit, .book_list .tit{line-height:18px; max-height:36px}
  .book_box .book_name{margin-top:5px}

  .book_info{display:block}
  .book_info .img{width:50%; padding:20px 0 60px; margin:0 auto}
  .book_info .info{border-left:0; border-top:1px solid #ddd; padding:10px; position:relative}
  .book_info .book_name{margin:10px 0; padding-bottom:10px}
  .dl_list{padding:10px 0 0 0; margin:10px 0 0 0; border-bottom:0}
  .dl_list + .dl_list{border-top:1px solid #ddd;}
  .book_info dl{grid-template-columns:85px calc(100% - 85px)}
  .book_info dl *{font-size:14px}
  .book_info .dl_list button{font-size:13px; width:100%; background-size:14px 14px !important; background-position:right 5px center; text-align:left; text-indent:10px}
  .book_info .dl_list button + button{margin-left:5px}
  .book_share{position:absolute; top:-45px; justify-content:center; width:calc(100% - 20px)}
  .book_share li + li{margin-left:5px}
  .book_share button{width:30px; height:30px; background-size:100% 100% !important}

  .book_boxSwiper{margin:0 -10px}
  .book_boxSwiper .swiper{padding:0 10px}

  .book_detail h2, .book_detail .infobox{padding:10px}
  .card_news .swiper{width:80%; margin:20px auto}
  .book_detail{margin-top:10px}
  .book_toggle i{width:18px; height:18px; background-size:100% 100% !important; margin:-2px 0 0 10px}

  .book_event{display:block; margin:0}
  .book_event > a{margin:0; width:100%; display:block}
  .book_event > a + a{margin-top:10px}
}

/* 라이브 연수 */
:root {
  --font-lg : 26px;
}
.f_gmk, .f_gmk *{font-family:'Gmarket Sans' !important}
.live_banner{background:linear-gradient(#003058, #004076)}
.inner{max-width:1240px; width:100%; margin:0 auto; position:relative}
.fc_yellow{color:#fff04e}
.fc_orange{color:#f6854d}
.fc_mint{color:#0cc68f}
.fs_20{font-size:var(--font-large)}

.live_go{position:absolute; top:50px; right:0; text-align:left; padding:0 15px; width:204px; background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/icon/230426_gobtn.png') no-repeat right 10px center #282828; height:77px; border-radius:5px; border:2px solid #111}
.live_go p{font-size:18px}
.live_go strong{font-size:22px; font-weight:bold; color:#fff; margin-top:5px}

.live_tit{text-align:center; padding-top:50px}
.live_tit .sub_tit{font-size:22px; color:#fff}
.live_tit .tit{font-size:50px; font-weight:bold; filter:drop-shadow(4px 4px 0 #001b33); margin-top:15px}

.live_swiper{height:140px; overflow:hidden; max-width:770px; width:calc(100% - 20px); margin:0 auto; position:relative}
.live_swiper .swiper-slide{display:grid; grid-template-columns:140px 250px 360px; column-gap:10px}
.live_swiper .dday{background:#ff6c24; border-radius:30px 5px 5px 30px; text-align:center; color:#fff; display:grid; align-content:center; font-size:var(--font-lg); font-weight:bold; padding-top:10px}
.live_swiper .dday strong{display:block; font-size:39px; line-height:1; margin-top:5px}
.live_swiper .img{position:relative; border-radius:5px; overflow:hidden}
/* .live_swiper .img img{position:absolute; top:0; left:0; width:100%; height:100%} */
.live_swiper .img img{max-width:100%}
.live_swiper .info{border-radius:5px 30px 30px 5px; border:2px solid #276ca7; background:#001b33; display:grid; align-content:center; padding:0 50px 0 20px; color:#fff}
.live_swiper .date{font-size:var(--font-lg)}
.live_blt{display:inline-block; font-size:16px; width:75px; height:26px; line-height:26px; border-radius:100px; text-align:center; vertical-align:middle; margin:-5px 0 0 5px; color:#fff}
.bk_orange{background:#f6854d !important}
.bk_mint{background:#0cc68f !important}
.live_swiper .tit{font-size:20px; color:#dbdbdb; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; max-height:48px; line-height:24px}
.live_prev{width:30px; height:30px; background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/icon/230426_live_arrow.png'); position:absolute; top:20px; right:20px; opacity:0.5}
.live_next{width:30px; height:30px; background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/icon/230426_live_arrow.png'); position:absolute; bottom:20px; right:20px; opacity:0.5; transform:rotate(180deg)}

.live_tab{display:flex; margin:30px auto 0}
.live_tab a{width:100%; display:block; text-align:center; color:#91cafd; font-size:var(--font-lg); background:#276ca7; height:70px; border-radius:20px 20px 0 0; display:flex; justify-content:center; align-items:center}
.live_tab a + a{margin-left:20px}
.live_tab a.on{background:linear-gradient(90deg, #ed4378, #fe6a65); color:#fff}

.live_title{font-weight:normal; font-size:var(--font-lg); text-align:center; margin:50px 0 40px}
.live_bltit{text-align:center; position:relative; margin-bottom:20px}
.live_bltit::before{content:''; position:absolute; top:50%; margin-top:-1px; left:0; width:100%; height:1px; background:#ddd; z-index:-1}
.live_bltit p{display:inline-block; font-size:var(--font-lg); color:#fff; background:#f6854d; width:400px; height:47px; line-height:50px; border-radius:100px}
.live_select{text-align:right}
.live_select .xs{display:none}

.live_wrap{display:flex; margin-top:20px}
.live_all{margin-top:20px}
.live_all .live_box{width:calc(100% + 20px); padding-left:0}
.live_menu{border:1px solid #ddd; height:470px; border-radius:10px; box-shadow:4px 4px 10px rgba(0,0,0,0.08); padding:30px 20px; width:295px; background:#fff; z-index:100}
.live_menu.fix{position:fixed; top:30px}
.live_menu.fix + .live_box{padding-left:315px; width:calc(100% + 20px)}
.live_menu ul{position:relative}
.live_menu > ul::before{content:''; position:absolute; left:4px; top:9px; bottom:9px; width:1px; background:#ccc}
.live_menu > ul > li{position:relative; padding-left:25px}
.live_menu > ul > li::before{content:''; position:absolute; top:4px; left:0; width:9px; height:9px; background:#ccc; border-radius:100%}
.live_menu li + li{margin-top:25px}
.live_menu a{font-size:var(--font-medium)}
.live_menu > ul > li.on > a{font-size:22px; font-weight:bold}
.ssam_menu i{display:inline-block; width:25px; height:25px; border:1px solid #ddd; background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/icon/230502_ssam_menu_off.png') no-repeat center; vertical-align:middle; margin:-3px 10px 0 0}
.ssam_menu .active i{background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/icon/230502_ssam_menu_on.png') no-repeat center}
.ssam_menu .depth2{margin:25px 0 0 35px; display:none}
.ssam_menu .active + .depth2{display:block}
.ssam_menu .depth2 a{color:#888}
.selectbox label{border:1px solid #999; border-radius:5px; text-align:left; width:100%; height:35px; line-height:35px; padding:0 38px 0 8px; display:block; position:absolute; top:0; left:0}
.selectbox select{opacity:0}
.sub_slt{color:#666; padding-left:10px; font-size:15px}

.live_box{display:flex; flex-wrap:wrap; margin:-10px; width:calc(100% - 275px); padding-left:20px}
.live_box > *{border:1px solid #ddd; border-radius:10px; margin:10px; overflow:hidden}
.live_box .no_list{display:flex; align-items:center; justify-content:center; height:470px; width:100% !important}
.live_box .no_list div{margin-left:20px}
.live_box .no_list p{font-size:var(--font-lg); margin-bottom:10px}
.live_box .no_list span{font-size:var(--font-medium)}
.live_box a{display:inline-block; width:calc((100% - 60px)/3)}
.live_all .live_box a{width:calc((100% - 80px)/4)}
.live_box .date2{color:#888; font-size:14px}
.live_box .date{padding:0 20px; height:45px; justify-content:right}
.live_box .date .live_blt{margin:0}
.live_box .img{position:relative; padding-bottom:75%; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f8f8f8; overflow:hidden}
.live_box .img56{padding-bottom:56%}
.live_box .img img{position:absolute; top:50%; transform:translateY(-50.1%); left:0; width:100%}
.live_box .info{padding:20px}
.live_box .info .name{background:#f8f8f8; border:1px solid #ddd; border-radius:100px; text-align:center; height:34px; line-height:32px; margin-top:10px; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; padding:0 10px}
.live_box .info .name i{display:inline-block; width:25px; height:25px; border:1px solid #ddd; border-radius:100%; overflow:hidden; vertical-align:middle; margin:-3px 5px 0 0; position:relative; background:url('https://www.teacherville.co.kr/image/ssam/default_avatar.jpg'); background-size:100%}
.live_box .info .name i img{width:100%; position:absolute; top:0; left:0; min-height:100%}
.live_box .info .tit{font-weight:bold; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; height:36px; line-height:18px; margin-bottom:5px}
.live_box .info .price{font-size:20px; color:#fb6369; font-weight:bold}
.live_box .noti{height:57px; border-top:1px solid #ddd; background:#f8f8f8}
.live_box .noti span{margin-left:20px}
.live_box .per{background:#dadada; height:15px; width:109px; border-radius:100px; overflow:hidden}
.live_box .per div{font-size:12px; font-weight:bold; color:#fff; text-indent:6px; height:15px; line-height:14px; background:#fc6667; border-radius:100px}
.live_box .apply_blt{width:75px; background:#0890d7; height:58px; margin:-1px; display:flex; justify-content:center; align-items:center; color:#fff; border-radius:0 0 10px 0}
.live_box .apply_blt.end{background:#b6b6b6}
.live_box .apply_blt.closeout{background:#fa3648}

.right_menu{position:absolute; left:50%; margin-left:640px; top:185px}
.right_menu.fix{position:fixed; top:30px}
.right_menu li + li{margin-top:10px}
.right_menu li:last-child{margin-top:0}
.right_menu li button{vertical-align:top}
.right_menu .mo_btn{display:none}

.cal_banner{position:absolute; top:135px; left:50%; margin-left:540px; z-index:100; width:104px; padding:0}
.cal_banner.fix{position:fixed; top:20px}
.calendar_wrap{display:none}
.calendar_wrap.on{display:block}
.calendar_wrap.on::before{content:''; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5); z-index:1000}
.calendar_pop{position:fixed; z-index:1001; max-width:1036px; width:calc(100% - 20px); background:#fff; border-radius:20px; padding:20px; max-height:calc(100vh - 20px); overflow-y:auto; top:50% !important; left:50% !important; transform:translate(-50.1%, -50.1%)}
.calendar_pop h3{margin:0; font-size:var(--font-xlarge)}
.calendar_pop .pop_close{text-indent:-9999px; width:20px; height:20px; background:url('https://ssam.teacherville.co.kr/image/ssam/icn-del.png') no-repeat center}

.calendar_pop .live_list .img{position:relative; width:100px; height:56px; overflow:hidden}
.calendar_pop .live_list .img.ssam{width:70px; height:50px}
.calendar_pop .live_list .img img{position:absolute; top:0; left:0; width:100%; min-height:100%}
.calendar_pop .live_list .tit{font-size:18px; width:calc(100% - 110px); margin-bottom:0; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; height:48px; line-height:24px}
.calendar_pop .live_list .tit.ssam{width:calc(100% - 80px)}
.calendar_pop .live_list .flexbox{margin-bottom:10px}
.calendar_pop .live_list .info{display:flex}
.calendar_pop .live_list .label2{width:70px; height:24px; line-height:24px; color:#fff; text-align:center; font-weight:normal; margin:0 10px 0 0}
.calendar_pop .live_list .label2.pay{background:#ff2929}
.calendar_pop .live_list .label2.free{background:#1d73bc}
.calendar_pop .live_list .label2.finish{background:#ff8542}
.calendar_pop .live_list .label2.end{background:#b1b1b1}
.calendar_pop .live_list .time{color:#999}
.calendar_pop a{position:relative; top:auto; width:auto; height:auto; border:0; color:#333; text-align:left; display:block; background:0}
.calendar_pop .my-calendar label{margin-bottom:0}

.live_noti{margin:20px 0}
.live_noti *{line-height:1.2}
.live_num{border:1px solid #ccc; display:grid; grid-template-columns:calc(100% - 180px) 180px}
.live_num input[type="text"]{height:65px; padding:0 20px; font-size:var(--font-xlarge); color:#333}
.live_num input[type="button"]{cursor:pointer; color:#fff; background:#276ca7}
.live_num input[type="button"]:disabled{background:#959595; cursor:default}
.live_smbtn{min-width:110px; height:30px; border-radius:100px; color:#fff; background:#276ca7; font-size:var(--font-regular)}
.live_pop{z-index:998; background:0}
.live_pop .pop-container{width:calc(100% - 20px); max-width:740px; background:#e6ecef; padding:50px; min-height:420px}
.live_pop .close-pop-btn{width:31px; height:31px; top:15px; right:15px; background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/icon/230502_live_close.png') no-repeat center}
.live_pop .flex > *{width:100%}
.live_pop .flex > * + *{margin-left:20px}
.live_pop .f_gmk{font-size:var(--font-large)}
.live_pop .live_gobtn{padding-bottom:57%; height:0; display:inline-block; text-indent:-9999px; width:100%; background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/icon/230502_popimg01.png') no-repeat center; margin:20px 0; background-size:100% 100% !important}
.live_pop .live_gobtn2{background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/icon/230502_popimg02.png') no-repeat center}
.live_pop .live_gobtn:hover{background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/icon/230502_popimg01_hover.png') no-repeat center}
.live_pop .live_gobtn2:hover{background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/icon/230502_popimg02_hover.png') no-repeat center}
.live_pop .live_btn{border-radius:20px; border:1px solid #ccc; background:#fff; font-size:var(--font-medium); color:#333; width:100%; display:flex; justify-content:center; align-items:center; height:65px; line-height:1.2}
.live_pop button + button{margin-left:10px}

@media (max-width: 1580px) {
  .top-side-menu .inner{margin:20px auto}
}

@media (max-width: 1240px) {
  .main-view-content.inner{padding:20px 10px 50px}

  .top-side-menu .inner{margin:20px 0 10px}
  .live_go{position:relative; top:auto; width:100%; border-radius:0; border:0; height:50px; background-size:20px auto}
  .live_go p{font-size:16px; display:inline-block}
  .live_go strong{font-size:16px; margin-left:5px}
  .live_go i{width:20px; height:20px; background-size:100% 100%; margin:-3px 0 0 5px}

  .live_wrap{display:block}
  .live_menu{display:none}

  .live_box{width:calc(100% + 20px); padding-left:0}
  .live_all .live_box a{width:calc((100% - 60px)/3)}

  .live_tit{padding-top:20px}
  .live_tit .sub_tit, .live_swiper .tit{font-size:13px}
  .live_tit .tit{font-size:35px; margin-top:10px}
  .live_select{display:flex}
  .live_select > *{width:100%}
  .live_select .xs{display:inline-block}

  .live_tab{margin:20px 10px 0}
  .live_tab a + a{margin-left:10px}

  .right_menu{position:fixed; top:auto; bottom:100px; left:auto; margin-left:0; right:5px; z-index:999; text-align:center; width:85px}
  .right_menu.active::before{content:''; position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.5)}
  .right_menu .mo_btn{display:inline-block; width:50px; height:50px; text-indent:-9999px; background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/icon/230502_wing_close.png'); background-size:100% 100%; margin-top:10px; position:relative; transition:all 0.3s ease}
  .right_menu img{max-width:100%}
  .right_menu ul{display:none}
  .right_menu.active ul{display:block}
  .right_menu.active .mo_btn{transform:rotate(45deg)}
  .right_menu li:last-child{margin-top:10px}
}

@media (max-width: 767px) {
  :root {
    --font-lg: 14px;
  }
  .com-select + .com-select{margin-left:10px}

  .live_swiper{height:18vw}
  .live_swiper .swiper-slide{grid-template-columns:calc(18% - 10px) 34% 48%; column-gap:5px}
  .live_swiper .dday{border-radius:20px 5px 5px 20px}
  .live_swiper .dday strong{font-size:18px}
  .live_blt{font-size:10px; width:50px; height:17px; line-height:16px}
  .live_swiper .tit, .live_box .info .tit{line-height:18px; max-height:36px}
  .live_swiper .info{padding:0 20px 0 7px; border-radius:5px 20px 20px 5px}
  .live_prev, .live_next{width:15px; height:15px; background-size:100% 100%; right:7px}
  .live_prev{top:10px}
  .live_next{bottom:10px}
  .live_swiper .date, .live_swiper .dday{font-size:12px}

  .live_tab a{height:50px; border-radius:10px 10px 0 0}
  .live_tab a + a{margin-left:5px}

  .live_bltit p{width:70%; height:35px; line-height:39px}

  .live_box{margin:-5px; width:calc(100% + 10px); padding:0}
  .live_box a, .live_all .live_box a{width:calc((100% - 20px)/2); margin:5px}
  .live_box .no_list{display:block; text-align:center; height:auto; padding:50px 0}
  .live_box .no_list p{font-size:16px; margin:10px 0 5px}
  .live_box .no_list div{margin-left:0}
  .live_box .no_list img{width:35%}

  .live_box .date2{font-size:12px; display:block; margin-top:10px; text-align:center}
  .live_box .date{padding:0 10px; height:40px}
  .live_box .info{padding:10px}
  .live_box .info .name{font-size:13px; height:25px; line-height:22px}
  .live_box .info .tit{font-size:14px}
  .live_box .info .price{font-size:16px}
  .live_box .info .flexbox{display:block}
  .live_box .noti > *{margin-left:10px !important}
  .live_box .apply_blt{font-size:13px; line-height:1.2}
  .live_box .noti span{width:45px; font-size:12px}

  .calendar_pop{top:10px !important; height:calc(100vh - 100px); transform:translate(-50.1%, 0); padding:10px}
  .calendar_pop a{margin:0; position:initial; line-height:inherit}
  .calendar_pop .live_list .time{line-height:1}
  .live_num input[type="text"]{height:40px}
  .live_num{grid-template-columns:calc(100% - 100px) 100px}
  .live_pop .pop-container{width:100%; top:0 ;left:0; transform:none; border-radius:0; height:calc(100vh - 78px); padding:10px; display:flex; align-items:center; justify-content:center}
  .live_pop .flexnone > * + *{margin:20px 0 0 0}
  .live_pop .flexnone{width:80%; text-align:center}
  .live_pop .live_gobtn{margin:10px 0}
}


/*********** AI디지털역량 ***********/
.ai_wrap{margin-top:20px}
.ai_wrap h3{font-size:18px; margin-bottom:20px}
.ai_title{margin-bottom:20px}
.ai_title h3{margin-bottom:0}
.ai_wrap > div + div{margin-top:30px}
.top_banner img{max-width:100%}
.ai_gray{padding:20px; border-radius:20px; background:#ebebeb}
.my_badge{display:flex; border-radius:20px; overflow:hidden}
.my_badge > *{width:100%; padding:10px 20px; background:linear-gradient(to right, #fff 85%, #f6f6f6)}
.my_badge > div{display:grid; grid-template-columns:auto 70%; column-gap:20px; align-items:center}
.my_badge > * + *{border-left:1px solid #ddd}
.my_badge dl{display:flex; justify-content:center; font-size:18px; padding:20px}
.my_badge dt{color:#888; padding-right:25px; position:relative}
.my_badge dt::before{content:':'; position:absolute; top:0; right:10px}
.badge_name{text-align:center}
.badge_time > div{display:grid; grid-template-columns:50px auto; column-gap:10px; position:relative}
.badge_time > div + div{margin-top:25px}
.badge_time label{display:inline-block; width:50px; height:16px; line-height:16px; text-align:center; font-size:12px; color:#fff; font-weight:bold; border-radius:100px}
.lv1 label{background:#20b499}
.lv2 label{background:#1aa2d3}
.time_box{position:relative}
.time_box::before{content:'▼ 15h'; position:absolute; top:-20px; left:50%; font-size:12px; color:#888; margin-left:-7px}
.time_box::after{content:'30h+'; position:absolute; top:-20px; right:0; font-size:12px; color:#888}
.time_box .time_per{background:#ebebeb; height:16px; border-radius:100px; position:relative; overflow:hidden}
.time_box .time_per div{position:absolute; top:0; left:0; font-size:12px; font-weight:bold; text-align:right; padding-right:10px; line-height:16px}
.badge_time .lv1 .time_per div{background:#41dabe}
.badge_time .lv2 .time_per div{background:#35b9e8}
.time_per::after{content:''; position:absolute; top:0; left:50%; width:0; height:100%; border-left:1px dashed #888}
.ai_box{padding:20px; border:1px solid #ddd; border:1px solid #ddd; border-radius:20px; overflow:hidden}
.ai_info .title{background:#f2f2f2; border-radius:20px; overflow:hidden}
.ai_info .title h3{padding:20px 35px; background:linear-gradient(to right, #efdc97, #f6ecab 35%, #dfbc6d); color:#644915; margin:0; display:inline-block}
.ai_info .title span{padding:0 20px}
.ai_box > div:last-child{margin:20px -20px -20px; padding:20px; border-top:1px solid #ddd; background:#f8f8f8}
.ai_level{display:flex}
.ai_level > div{width:100%}
.ai_level > div + div{margin-left:20px}
.ai_level .tit{height:50px; line-height:50px; text-align:center; color:#fff; border-radius:100px; position:relative}
.bk_basic{background:linear-gradient(to right, #729722 30%, #a5b219) !important; border:0 !important; color:#fff !important}
.bk_advanced{background:linear-gradient(to right, #1f8aa9 30%, #5dc4e4) !important; border:0 !important; color:#fff !important}
.bk_expert{background:linear-gradient(to right, #d52131 30%, #f6565b) !important; border:0 !important; color:#fff !important}
.bk_ai1{background:#22c3e1; color:#fff}
.bk_ai2{background:#1bd78a; color:#fff}
.bk_ai3{background:#f25056; color:#fff}
.ai_level ul, .badge_info ul{margin-top:-20px; padding:30px 20px 10px; background:#fff; border-radius:0 0 20px 20px; border:1px solid #ddd}
.ai_level li{font-size:15px; color:#666; position:relative; padding-left:10px}
.ai_level li::before{content:''; position:absolute; top:9px; left:0; width:5px; height:5px; border-radius:100%; background:#666}
.edu_list{margin-top:40px}
.edu_list ul{font-size:0; margin:-10px}
.edu_list li{display:inline-block; width:calc(25% - 20px); margin:10px; border:1px solid #ddd}
.edu_list .img{position:relative; padding-bottom:56%; overflow:hidden}
.edu_list .img img{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:100%}
.edu_list .tit{font-size:16px; border-top:1px solid #ddd; padding:15px 10px; text-align:center}
.ai_list{margin:-5px; display:flex; flex-wrap:wrap}
.ai_list li{margin:5px; display:inline-block; width:calc(25% - 10px); overflow:hidden; background:#f8f8f8; border:1px solid #ddd}
.ai_list .flexbox{padding:10px 20px}
.ai_list .flexbox span{font-weight:bold}
.ai_list .flexbox label{width:75px; border-radius:5px; height:26px; line-height:26px; color:#fff; text-align:center}
.ai_list .img{position:relative; overflow:hidden; padding-bottom:56%}
.ai_list .img img{position:absolute; top:0; left:0; width:100%; min-height:100%}
.ai_list .title{padding:10px; border-bottom:1px solid #ddd; background:#fff}
.ai_list .top_info{font-weight:bold; margin-bottom:10px; font-size:15px; color:#1d73bb}
.ai_list .title .time{font-size:15px; color:#4272f9; margin-bottom:10px}
.ai_list .title .tit{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; height:40px; line-height:20px; font-size:18px}
.ai_list .title .price{font-size:20px; font-weight:bold; color:#fb6369; margin-top:10px; text-align:right}
.ai_list .info{padding:10px 20px}
.ai_list .info dl{display:grid; grid-template-columns:55px auto; column-gap:10px}
.ai_list .info dl + dl{margin-top:10px}
.ai_list .info dt{border:1px solid #ddd; border-radius:5px; background:#fff; width:55px; height:28px; line-height:26px; text-align:center}
.ai_list .info dd strong{color:#333}
.ai_list .info p{font-size:15px; color:#888; border:1px solid #ddd; text-align:center; background:#fff; border-radius:100px; height:30px; line-height:30px; padding:0 10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.ai_list .info p + p{margin-top:-1px}
.ai_cate1{display:flex}
.ai_cate1 button{font-size:16px; border-radius:100px; border:1px solid #999; height:40px; min-width:185px; border-radius:5px; padding:0 20px}
.ai_cate1 > * + *{margin-left:10px}
.ai_cate1 button.on{color:#fff; border:0; background:#122641}
.ai_cate1 .ai_cate2{margin-left:20px}
.ai_cate_box{padding:20px 30px; margin:20px -20px; border-top:1px solid #ddd; border-bottom:1px solid #ddd; background:#f8f8f8; overflow:hidden}
.ai_cate2{display:flex; flex-wrap:wrap}
.ai_cate2 button{min-width:125px; padding:0 15px; height:38px; border:1px dashed #ddd; border-radius:100px; background:#fff; color:#666; font-size:16px; margin:5px}
.ai_cate2 button:hover{border:1px dashed #333}
.ai_cate2 button.on{color:#fff; border:0; background:#7e8891}
.ai_cate3 > div{display:grid; grid-template-columns:185px auto; column-gap:20px}
.ai_cate3 > div + div{margin-top:20px; padding-top:20px; position:relative}
.ai_cate3 > div + div::before{content:''; position:absolute; top:0; left:-9999px; right:-9999px; height:1px; background:#ddd}
.ai_cate3 .tit{width:100%; min-height:86px; display:flex; align-items:center; justify-content:center}
.ai_cate3 .ai_cate2{flex-wrap:wrap; margin:-5px; font-size:0}
.ai_cate3 .ai_cate2 button{min-width:90px; width:auto; padding:0 10px; margin:5px; font-size:16px}
.ai_list .no_list{width:100%; min-height:450px; display:flex; justify-content:center; align-items:center; font-size:20px; color:#888}
.ai_list .no_list img{margin-right:30px}
.chartback{border-radius:20px}
.gray_box2{display:flex}
.gray_box2 > *{width:100%}
.gray_box2 > * + *{margin-left:20px}
.badge_btn{display:flex; justify-content:center; align-items:center; height:285px}
.badge_btn > *{display:inline-block; position:relative}
.badge_btn img{filter:drop-shadow(8px 16px 16px rgba(0,0,0,0.15))}
.badge_btn .no img{filter:grayscale()}
.badge_btn > * + *{margin-left:50px}
.badge_btn button{position:absolute; bottom:30px; left:50%; margin-left:-40px; width:80px; height:20px; border-radius:100px; background:#474747; color:#fff}
.badge_btn button.on, .badge_btn .no button{background:#f2f2f2; color:#888; cursor:default}
.white_box2{border:1px solid #ddd; border-radius:20px; padding:30px 20px}
.white_box2 .flexbox > div{width:100%; position:relative; padding-right:20px}
.white_box2 .flexbox > div + div{padding:0 0 0 20px}
.white_box2 .flexbox > div + div::before{content:''; position:absolute; top:-9999px; left:0; width:1px; bottom:-9999px; background:#ddd}
.bd_white{background:#fff !important; border:1px solid #ddd !important; color:#333 !important}
.white_box2 .bd_top{margin:20px -20px 0; padding:20px; border-top:1px solid #ddd}
.tab_nav_box, .sub_tab_box{display:none}
.tab_nav_box.on, .sub_tab_box.on{display:block}
.ai_cate_box .report_badge{margin:-5px}
.ai_cate_box .report_badge li{margin:5px; width:auto; text-align:center}
.ai_cate_box .report_badge li .box{background:#fff; padding:10px}
.ai_cate_box .report_badge .no_list{width:calc(100% - 10px); text-align:center; padding:50px 0}

.badge_pop{position:fixed; background:#fff; border-radius:20px; overflow:hidden; display:none; z-index:999999; max-height:95vh; overflow-y:auto}
.badge_pop .tit{font-size:18px}
.badge_pop .title, .new_pop .title{display:flex; justify-content:space-between; align-items:center; border-bottom:1px solid #ddd; padding:10px 20px}
.badge_pop .title button, .new_pop .title button{width:28px; height:28px; text-indent:-9999px; background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/ai/badge_close.png') no-repeat center; background-size:100%; margin-left:10px}
.badge_pop .pop_con{display:flex}
.badge_pop .pop_box{padding:20px}
.badge_pop .badge_btn{display:block; height:auto; background:#f2f2f2; padding:30px; width:325px}
.badge_pop .badge_btn > * + *{margin:50px 0 0 0}
.badge_pop .flex{display:flex !important}
.badge_pop .flex > *{position:relative}
.badge_pop .badge_btn ul{margin-left:30px}
.badge_pop .badge_btn li{color:#888; position:relative; padding-left:32px; height:22px}
.badge_pop .badge_btn li + li{margin-top:50px}
.badge_pop .badge_btn li + li::before{content:''; position:absolute; top:-50px; height:55px; left:10px; width:1px; background:#b5b5b5}
.badge_pop .badge_btn i{display:inline-block; width:22px; height:22px; border:2px solid #b5b5b5; position:absolute; top:3px; left:0; z-index:1; background:#f2f2f2}
.badge_pop .badge_btn li.on{color:#333}
.badge_pop .badge_btn li.on i{border:2px solid #333}
.badge_pop .badge_btn li.on + li::before{background:#333}
.badge_pop .badge_btn li.on i{background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/ai/badge_chk.png') no-repeat center #f2f2f2}
.badge_list{padding:20px; max-height:835px; overflow-y:auto}
.badge_list > div + div{margin-top:20px}
.badge_list .img{width:70px; padding-bottom:56%; position:relative; overflow:hidden}
.badge_list .img img{position:absolute; top:0; left:0; width:100%}
.badge_list table{width:100%; max-width:650px; text-align:center}
.badge_list tr > *{padding:10px; border:1px solid #ddd}
.badge_list .tit{margin-bottom:10px}
.badge_list .no_list{border:1px solid #ddd; width:100%; max-width:650px; text-align:center; padding:50px 0}
.white_box2 > img{display:block; margin:0 auto}
.white_box2 > img.mo_hidden{display: block !important;}
.table1 tr > *{border:1px solid #ddd; padding:5px}
.table1 td.bk_gray{background:#f8f8f8 !important}
.table1 th{background:#f2f2f2 !important}
.table1 td.bk_gray p{padding-left:7px; position:relative; text-align:left}
.table1 td.bk_gray p::before{content:''; width:2px; height:2px; position:absolute; top:11px; left:0; background:#333}
.table1_w{width:100%; background:#fff; table-layout:fixed}
.table1_w th{padding:10px}
.table1_w td{padding:20px; vertical-align:top}
.badge_info .tit{border-radius:100px; padding:15px 10px; text-align:center; position:relative}
.badge_btn .badge_info{margin-top:20px}

.training_ai{display:flex; border:1px solid #ddd; align-items:start}
.training_ai > *{width:100%; padding:20px 15px}
.training_ai .gray{background:#f2f2f2}
.training_ai .tit{font-weight:bold; margin-bottom:10px}
.training_ai dl{display:flex}
.training_ai dt{margin-right:5px}
.training_ai dd{color:#888}
.training_ai .flex{align-items:start; justify-content:space-between}
.training_ai .badge{padding-top:60px; font-size:13px}
.training_ai .badge.basic{background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/icon/sm_basic.png') no-repeat top center}
.training_ai .badge.advanced{background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/icon/sm_advanced.png') no-repeat top center}
.training_ai .badge.expert{background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/icon/sm_expert.png') no-repeat top center}
.badge_icon{position:absolute; bottom:10px; right:10px; z-index:1}
.mb10{margin-bottom:10px}

/* 회원등급안내 */
.benefit-info-area > *, .gift_con{width:100%}
.benefit-info-area > .top-txt{color:#666}
.new_benefit{background:#f3f3f3; padding:30px; display:grid; grid-template-columns:1.7fr 0.8fr 1fr 1fr; column-gap:10px}
.new_benefit > *{padding:30px}
.new_benefit *{letter-spacing:-0.5px}
.new_benefit .my{background:#fff; border:1px solid #ddd}
.new_benefit .my .bene{display:grid; grid-template-columns:76px auto; column-gap:15px; align-items:center}
.new_benefit .my .bene .grade{height:76px; border:1px solid #666; border-radius:100%; text-align:center; line-height:76px; font-weight:bold; font-size:19px; letter-spacing:-1px}
.new_benefit h3{font-size:20px}
.new_benefit .my .bene .text{color:#666; letter-spacing:-1px}
.new_benefit .upgrade{margin-top:20px; border:1px solid #ddd; background:#f2f2f2; padding:14px 10px; text-align:center; color:#666; font-size:18px;}
.bene_btn{padding:0 !important}
.bene_btn.grid{display:grid; grid-template-rows:1fr 1fr; row-gap:10px}
.bene_btn > *{border:1px solid #ddd; padding:20px 30px; text-align:left; width:100%; height:100%}
.bene_btn .my_point{background:#fef2ef}
.bene_btn .my_coupon{background:#eff6fb}
.bene_btn .my_point span{color:#d86a4c}
.bene_btn .my_coupon span{color:#4c87b1}
.bene_btn h3{margin-bottom:15px; background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/event/2024/03/240306_arrow.png') no-repeat right center}
.bene_btn .point{background:linear-gradient(to right, #dcdcdc, #f0f0f0 35%, #c8c8c8); border:0}
.bene_btn .point span{color:#606060}
.bene_btn .vip{background:linear-gradient(to right, #efdc97, #f6ecab 35%, #dfbc6d); border:0}
.bene_btn .vip span{color:#604400}
.bene_btn p{margin-top:20px; font-size:20px; font-style:italic; text-align:center; padding:40px 10px}
.bene_btn .point p{border:1px solid #979797; background:rgba(158, 158, 158, 0.25); color:#585858}
.bene_btn .vip p{border:1px solid #ba9239; background:rgba(196, 136, 0, 0.25); color:#674700}

.grade-info-box .txt-group{display:grid; grid-template-columns:repeat(4, 1fr); column-gap:20px; text-align:center; align-items:end; padding-top:155px; }
.grade-info-box .grade-item{background:#f3f3f3; padding:45px 30px 10px; position:relative}
.grade-item .tit{color:#666; font-size:24px; font-weight:bold; line-height:1}
.grade-item .text{color:#666; margin:15px 0}
.grade-item .box{padding:40px 10px}
.grade-item.family .box{background:#bbe3ff; padding:20px 10px}
.grade-item.silver .box{background:#c7ebb8}
.grade-item.gold .box{background:#f1e3b4}
.grade-item.vip .box{background:#facabd}
.grade-item .box strong{font-size:26px; vertical-align:middle}
.grade-item .box label{color:#666; font-size:14px; background:#fff; height:22px; line-height:20px; width:43px; border-radius:100px; border:1px solid #666; display:inline-block; vertical-align:middle; margin-left:5px}
.grade-item li{color:#666; padding:20px 0}
.grade-item li + li{border-top:1px solid #dadada}
.grade-item .noti{position:absolute; top:-135px; left:50%; transform:translateX(-50.1%); display:none}
.grade-item.on .noti{display:block}
.grade-item .noti p{white-space:nowrap; border:1px solid #ddd; border-radius:20px; padding:15px 20px; position:absolute; top:-100px; left:50%; transform:translateX(-50%); color:#666; font-size:17px}
.grade-item .noti p::after{border-color: #fff transparent; border-style:solid; border-width:12px 8px 0 8px; content:''; display: block; left:50%; margin-left:-8px; position: absolute; bottom:-10px; width:0; z-index:1}
.grade-item .noti p::before{border-color: #ddd transparent; border-style:solid; border-width:12px 8px 0 8px; content:''; display: block; left:50%; margin-left:-8px; position: absolute; bottom:-12px; width:0; z-index:0}
.grade-item .noti .left{top:10px; left:auto; transform:none; right:110px}
.grade-item .noti .left::after{left:auto; bottom:auto; top:50%; margin:-8px 0 0 0; right:-13px; transform:rotate(-90deg)}
.grade-item .noti .left::before{left:auto; bottom:auto; top:50%; margin:-8px 0 0 0; right:-15px; transform:rotate(-90deg)}
.mall_noti{border:4px solid #f36c65; padding:25px 0; display:flex; align-items:center}
.mall_noti *{color:#f36c65}
.mall_noti dt{width:calc((100% - 60px)/4); text-align:center; margin-right:50px; font-size:24px; font-weight:bold}

.gift-info-box .gift_tab{display:flex; margin:40px 0 20px}
.gift-info-box .gift_tab > *{width:100%; height:62px; border:1px solid #ddd; font-size:20px; color:#999}
.gift-info-box .gift_tab > * + *{border-left:0}
.gift-info-box .gift_tab > *.on{background:#f3f3f3; color:#666; font-weight:bold}
.gift-info-box .gift_con ul{display:none; border-bottom:1px solid #474747}
.gift-info-box .gift_con ul.on{display:block}
.gift-info-box .gift_con li{padding:40px 100px; display:flex; justify-content:space-between; align-items:center}
.gift-info-box .gift_con li + li{border-top:1px solid #ddd}
.gift-info-box .gift_con .tit{font-size:25px; font-weight:500}
.gift-info-box .gift_con .text{color:#666; margin-top:15px}
.gift-info-box .gift_con .fc_red{margin-top:10px}
.gift-info-box .gift_con .lg_btn{margin-top:20px}
.btn_arrow{display:inline-block; width:7px; height:14px; background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/event/2024/03/240306_arrow_w.png'); margin-left:10px}
.bene_noti .title{font-size:18px; font-weight:bold; margin-bottom:20px}
.bene_noti > div + div{margin-top:30px}
.bene_noti ul{margin:10px 0 0 20px}
.bene_noti li{position:relative; padding-left:10px; color:#666}
.bene_noti li::before{content:''; position:absolute; top:11px; left:0; width:2px; height:2px; border-radius:100%; background:#666}

@media (max-width: 1240px) {
  .ai_wrap{padding:0 10px}
  .main-view-content .ai_wrap{padding:0}
  .my_badge > div{display:block}
  .badge_time{margin-top:30px}
  .ai_gray, .ai_box{padding:10px}
  .ai_title{margin-bottom:10px}
  .ai_wrap h3{margin-bottom:10px; font-size:17px}
  .ai_box > div:last-child{padding:10px; margin:10px -10px -10px}
  .ai_info .title h3{padding:10px 20px}
  .chartback{padding:0}
  .com-list-tab.sm_tab{padding:0}
  .badge_btn > * + *{margin-left:20px}
  .edu_list{margin:20px 10px 0}
  /* .ai_wrap .com-list-tab button::before{content:none} */

  .new_benefit > *{padding:20px}
  .bene_btn > *{padding:10px 20px; margin-bottom:10px}
  .bene_btn h3{font-size:16px; background-size:5px auto}
  .new_benefit{padding:20px}
  .new_benefit h3{font-size:18px}
  .new_benefit .upgrade{font-size:16px}
  .new_benefit .my .bene{grid-template-columns:65px auto}
  .new_benefit .my .bene .grade{height:65px; line-height:65px; font-size:16px}
  .bene_btn p{padding:35px 10px}
  .grade-item .noti p{padding:10px 15px; top:-90px; font-size:16px}
  .grade-info-box .txt-group{column-gap:10px}
  .grade-info-box .grade-item{padding:30px 20px 10px}
  .grade-item .noti{top:-140px}
  .mall_noti dt{font-size:20px}
  .gift-info-box .gift_tab > *{font-size:18px; height:50px}
  .gift-info-box .gift_con li{padding:20px}
  .gift-info-box .gift_con .tit{font-size:20px}
}

@media (max-width: 767px) {
  .white_box2 > img.mo_hidden{display: none !important;}
  .my_badge{display:block}
  .my_badge > div{display:grid; background:linear-gradient(to bottom, #fff 65%, #f6f6f6); column-gap:10px; grid-template-columns:auto 75%}
  .my_badge > div + div{border-left:0; border-top:1px solid #ddd}
  .badge_time{margin-top:0}
  .badge_name{font-size:14px}
  .badge_time > div{grid-template-columns:40px auto}
  .badge_time label{width:40px}
  .time_box::after, .time_box::before{font-size:10px; top:-17px}
  .time_box::before{margin-left:-5px}
  .ai_info .title h3{display:block; padding:10px}
  .ai_info .title span{padding:10px; display:block; font-size:14px}
  .ai_level{display:block}
  .ai_level ul, .badge_info ul{margin-top:-15px; padding:20px 10px 10px}
  .ai_level li{font-size:14px}
  .ai_level .tit{height:40px; line-height:40px}
  .ai_level > div + div{margin:10px 0 0 0}
  .ai_list li{width:calc(50% - 10px)}
  .ai_list .flexbox, .ai_list .title, .ai_list .info{padding:10px}
  .ai_list .flexbox label{width:50px; font-size:14px; height:20px; line-height:20px}
  .ai_list .title .price{font-size:18px}
  .ai_list .info dl{grid-template-columns:45px auto; font-size:14px; column-gap:5px; align-items:center}
  .ai_list .info dt{width:45px; height:24px; line-height:20px}
  .ai_cate1 button{font-size:15px}
  .ai_cate1 > * + *, .ai_cate2 > * + *{margin-left:5px}
  .ai_cate2{overflow-x:auto; white-space:nowrap; display:block}
  /* .ai_cate2 li{display:inline-block} */
  .ai_cate2 button, .ai_cate3 .ai_cate2 button{font-size:14px; height:30px; width:auto; padding:0 15px}
  .ai_cate3 > div{grid-template-columns:60px auto; column-gap:10px}
  .ai_cate3 .tit{width:60px; height:30px; line-height:30px}
  .ai_cate3 > div + div{margin-top:20px}
  .ai_cate3 .ai_cate2{margin:-2.5px}
  .ai_cate3 .ai_cate2 button{margin:2.5px}
  .ai_list .no_list{font-size:16px; display:block; text-align:center; min-height:auto; padding:50px 10px}
  .ai_list .no_list img{margin:0 auto 20px; width:26%}
  .ai_wrap > div + div{margin-top:20px}
  .gray_box2{display:block}
  .ai_gray, .ai_box{padding:20px 10px}
  .ai_gray, .my_badge{border-radius:10px}
  .my_badge dl{font-size:16px; padding:10px}
  .my_badge dl + dl{border-top:1px solid #ddd; border-left:0}
  .gray_box2 > * + *{margin:10px 0 0 0}
  .badge_btn{height:auto}
  .badge_btn img{filter:drop-shadow(4px 8px 8px rgba(0,0,0,0.15))}
  .badge_btn > * + *{margin-left:10px}
  .badge_btn img{max-width:100%}
  .badge_btn button{bottom:13%}
  .white_box2{padding:20px 10px}
  .white_box2 .flexbox{display:block}
  .white_box2 .flexbox > div + div::before{content:none}
  .white_box2 .flexbox > div{padding:0}
  .white_box2 .flexbox > div + div{padding:20px 20px 0; margin:20px -10px 0; width:calc(100% + 20px); border-top:1px solid #ddd}
  .badge_pop{max-width:100%; border-radius:0; height:100vh; max-height:100vh}
  .badge_pop .pop_con{display:block}
  .badge_pop .title, .new_pop .title{padding:10px}
  .badge_pop .tit{font-size:16px}
  .badge_list{padding:0 10px 10px}
  .badge_list tr > *{font-size:14px; padding:5px}
  .xs_scroll{overflow-x:auto}
  .xs_scroll table{white-space:nowrap}
  .badge_btn.mo_block{width:calc(100% + 20px); margin:0 -10px 20px; padding:20px 0; text-align:center}
  .badge_btn.mo_block > div{width:25%}
  .badge_btn.mo_block button{font-size:12px; width:70%; margin-left:-35%; height:18px}
  .badge_list{max-height:none; overflow:visible}
  .badge_btn.list1{display:block; text-align:center}
  .badge_btn.list1 .badge_info{margin-top:10px}
  .badge_btn.list1 *{font-size:14px}
  .badge_btn.list1 > *{display:block; width:55%; margin:0 auto}
  .badge_btn.list1 > * + *{margin:20px auto 0}
  .ai_wrap img{max-width:100%}
  .table1 tr > *{padding:5px}
  .table1 *{font-size:13px}
  .ai_wrap .com-list-tab span{display:none}

  .training_ai{display:block}
  .training_ai > *{padding:10px}
  .training_ai dl *{font-size:14px}
  .training_ai .badge{font-size:12px; padding-top:55px}

  .badge_icon{width:40px}
  .edu_list ul{margin:-5px}
  .edu_list li{width:calc(50% - 10px); margin:5px}

  .main-view-content .benefit-info-area{margin-top:20px}
  .main-view-content .benefit-info-area > * + *{margin-top:30px}
  .new_benefit{padding:0; background:0; grid-template-columns:repeat(2, 1fr); gap:5px}
  .new_benefit .my, .bene_btn.grid{grid-column:1/2; grid-column-end:-1}
  .new_benefit > *{padding:10px}
  .new_benefit .my .bene .text{font-size:14px}
  .new_benefit .upgrade{margin-top:10px}
  .bene_btn.grid{grid-template-rows:1fr; grid-template-columns:1fr 1fr; gap:5px}
  .new_benefit h3{font-size:16px; margin-bottom:5px}
  .bene_btn > *{height:auto; margin:0}
  .bene_btn span{font-size:15px}
  .bene_btn p{padding:15px 20px; font-size:16px; margin-top:10px}
  .grade-info-box .txt-group{padding:20px 20px 0; column-gap:5px; border-bottom:2px solid #ddd}
  .grade-info-box .grade-item{padding:10px}
  .grade-info-box .family.on{background:#bbe3ff}
  .grade-info-box .silver.on{background:#c7ebb8}
  .grade-info-box .gold.on{background:#f1e3b4}
  .grade-info-box .vip.on{background:#facabd}
  .grade-item .box{padding:0; background:none !important}
  .grade-item .tit{font-size:15px}
  .grade-item .box strong{font-size:18px}
  .grade-item.family .box{padding:5px 0 0 0}
  .grade-item.silver .box{padding:25px 0 0 0}
  .grade-item.gold .box{padding:45px 0 0 0}
  .grade-item.vip .box{padding:65px 0 0 0}
  .mall_noti{display:none}
  .bene_noti > div + div{margin-top:20px}
  .bene_noti ul{margin:5px 0 0 15px}
  .bene_noti div p, .bene_noti li{font-size:14px}
  .bene_noti li{padding-left:5px}

  .gift-info-box .gift_tab{border-bottom:2px solid #ccc; padding:0 20px; align-items:end}
  .gift-info-box .gift_tab button{border:0; font-size:16px; font-weight:bold; background:#f3f3f3; padding:10px; height:auto}
  .gift-info-box .gift_tab .siver p{padding-top:15px}
  .gift-info-box .gift_tab .gold p{padding-top:30px}
  .gift-info-box .gift_tab .vip p{padding-top:45px}
  .gift-info-box .gift_tab .family.on{background:#bbe3ff}
  .gift-info-box .gift_tab .siver.on{background:#c7ebb8}
  .gift-info-box .gift_tab .gold.on{background:#f1e3b4}
  .gift-info-box .gift_tab .vip.on{background:#facabd}
  .gift-info-box .gift_tab > * + *{margin-left:5px}
  .gift-info-box .gift_con li{display:block; padding:20px 20px 40px}
  .gift-info-box .gift_con .title p{font-size:20px; font-weight:bold}
  .gift-info-box .gift_con .title small{font-size:14px; color:#666}
  .gift-info-box .gift_con .info{text-align:right}
  .gift-info-box .gift_con .info div{display:inline-grid; text-align:left}
  .gift-info-box .gift_con dl + dl{margin-top:20px}
  .gift-info-box .gift_con dd{position:relative; padding-left:7px; color:#666; font-size:15px}
  .gift-info-box .gift_con dd::before{content:''; position:absolute; top:11px; left:0; width:2px; height:2px; border-radius:100%; background:#666}
}


/* 230905_ai 리뉴얼 */
.mobile-menu, .sub-mo-menu{display:none}
.main_content > * + *{margin-top:40px; padding-top:30px; border-top:13px solid #f2f2f2}
.main_title{display:flex; align-items:center; margin-bottom:15px; position:relative}
.main_title .tit{font-size:24px; font-weight:500; line-height:1}
.tit_icon{margin-right:10px}
.main_title small{position:absolute; bottom:5px; right:0; font-size:16px; font-weight:500}
.fc_red1{color:#ff1c33 !important}
.main_title .text{color:#888; font-size:17px}
.main_title a{position:absolute; bottom:0; right:0; padding-right:35px; background:url('/assets/images/230905_ai/230905_go.png') no-repeat right center; height:26px; line-height:26px; color:#666}
.main_title .logo_img{margin-right:20px}

.tab_list{display:inline-flex; margin-bottom:20px}
.tab_list button{padding:10px 20px; color:#888; font-size:15px; line-height:1; border:1px solid #ddd; border-right:0}
.tab_list button:last-child{border-right:1px solid #ddd}
.tab_list button.on{background:#4272f9; color:#fff; position:relative; z-index:1; margin:-1px}

.item_list{font-size:0; margin:-20px -10px}
.item_list li{width:calc(25% - 20px); margin:20px 10px; display:inline-block}
.hoverimg:hover .img img, .hoverimg:hover .photo img{transform:scale(1.1); transition:all 1s ease}
.item_list .img{padding-bottom:56%; position:relative; overflow:hidden}
.item_list .img img{position:absolute; top:0; left:0; width:100%; min-height:100%}
.item_list p{font-size:15px; margin-top:15px}
.item_list strong{display:inline-block; margin-right:5px}
.main_more{margin-top:40px; text-align:center}
.main_more button{background:#b2b2b2; border-radius:100px; width:100px; height:30px; line-height:30px; color:#fff; font-size:15px}
.main_more i{display:inline-block; width:20px; height:14px; background:url('/assets/images/230905_ai/230905_more.png') no-repeat; vertical-align:middle; margin:-3px 5px 0 0}
.item_list .label_list{position:absolute; top:10px; left:10px}
.label_list{font-size:0}
.label_list label{display:inline-block; width:58px; height:24px; line-height:24px; text-align:center; color:#fff; font-size:13px; cursor:default}
.label_list label + label{margin-left:5px}
.label_list .new{background:#00b4c2}
.label_list .mo{background:#a1b400}
.label_list .dc{background:#ec8500}
.item_box{background:#f2f2f2; border-radius:10px; padding:20px 20px 30px; position:relative}
.item_box .flexbox{align-items:end; margin-bottom:20px}
.item_box .tit{font-size:var(--font-medium); font-weight:500}
.item_box .item_arrow{position:relative; top:0; right:0; flex-shrink:0; margin-left:20px}
.item_box .btnarea{margin-top:30px; text-align:right}
.item_box .btnarea > div{width:calc(50% - 10px); display:inline-grid; grid-template-columns:2fr 1fr; column-gap:10px}
.item_swiper .item_list li, .item_swiper .item_list{margin:0}
.item_swiper{overflow:hidden}
.item_arrow{position:absolute; top:20px; right:20px; font-size:0}
.item_prev, .item_next{width:26px; height:26px; background:url('https://www.teacherville.co.kr/assets/images/230905_ai/230905_go.png') no-repeat center; background-size:100%; text-indent:-9999px}
.item_prev{transform:rotate(180deg)}
.item_arrow > * + *{margin-left:10px}
.item_arrow .swiper-button-disabled{opacity:0.3}

.gird_2{display:grid; grid-template-columns:auto 65.3%; column-gap:30px}
.credit4_list{padding-bottom:72%; position:relative; background:#f5f5f5; border:1px solid #ddd}
.credit4_list ul{position:absolute; top:15px; left:10px; right:10px; bottom:45px; overflow-y:scroll}
.credit4_list li{display:grid; grid-template-columns:40px auto 80px; column-gap:10px; align-items:center}
.credit4_list li + li{margin-top:10px}
.credit4_list label{display:inline-block; width:40px; height:30px; line-height:30px; border-radius:5px; background:#929292; text-align:center; color:#fff}
.credit4_list a{display:inline-block; width:100%; overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.credit4_list span{display:inline-block; width:70px; height:30px; line-height:30px; border-radius:5px; text-align:center; background:#00bfc0; color:#fff}
.noti_box{position:absolute; bottom:0; left:0; width:100%; display:flex; justify-content:space-between; font-size:14px; color:#fff; padding:0 15px; height:30px; line-height:30px; background:rgba(0,0,0,0.5)}

.ssam_grid{display:grid; grid-template-columns:1fr 1fr}
.ssam_grid > div{padding:20px}
.ssam_grid .main_title{align-items:baseline}
.ssam_grid .main_title .tit{font-size:22px; margin-right:20px}
.bk_gray2{background:#f6f6f6 !important}
.bk_gray3{background:#e8e7e7 !important}
.bk_gray4{background:#d6d6d6 !important; color:#767676 !important}
.main_ssam{font-size:0; margin:-10px -5px}
.main_ssam li{display:inline-block; width:calc(50% - 10px); margin:10px 5px; border:1px solid #ddd; vertical-align:top}
.main_ssam .img{padding-bottom:75%; position:relative; overflow:hidden; background:url('/assets/images/230905_ai/230905_noimg.png') no-repeat center #efefef}
.main_ssam .img img{position:absolute; top:0; left:0; width:100%; min-height:100%}
.main_ssam .info{background:#fff; padding:20px}
.main_ssam .tit{font-size:16px; font-weight:500; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; height:40px; line-height:20px;}
.main_ssam i{display:inline-block; width:40px; height:40px; border:1px solid #ddd; border-radius:100%; position:relative; vertical-align:middle; overflow:hidden}
.main_ssam i img{position:absolute; top:0; left:0; width:100%; min-height:100%}
.main_ssam .time{font-size:15px; color:#a8a8a8; margin:20px 0 5px; text-align:right; height:21px}
.main_ssam .name{font-size:14px; width:calc(100% - 50px); margin-left:10px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; display:inline-block; vertical-align:middle}

.main_mall{font-size:0; margin:-10px}
.main_mall li{display:inline-block; width:calc(25% - 20px); margin:10px; bordeR:1px solid #ddd; vertical-align:top}
.main_mall .img{position:relative; padding-bottom:100%; overflow:hidden}
.main_mall .img img{position:absolute; top:0; left:0; width:100%; min-height:100%}
.main_mall .info{border-top:1px solid #ddd; border-bottom:1px solid #ddd; padding:20px 20px 10px; min-height:95px}
.main_mall .tit{font-size:14px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; height:36px; line-height:18px}
.main_mall .icon{text-align:center; height:17px; margin-bottom:10px}
.main_mall .icon label{border:1px solid #999; border-radius:100px; font-size:11px; font-family:'굴림'; height:17px; line-height:17px; width:90px; display:inline-block; text-align:center; letter-spacing:-1px}
.main_mall .price{text-align:center; font-weight:500; font-size:15px; padding:10px}

.noti_pop{position:fixed; bottom:0; left:50%; transform:translateX(-50%); max-width:700px; width:100%; z-index:3; padding:30px 50px 30px 20px; background:rgba(0,0,0,.65); border-radius:10px 10px 0 0; display:flex; justify-content:space-between; align-items:center; z-index:999}
.noti_pop *{color:#fff; font-size:15px}
.noti_pop > div{display:flex; align-items:center}
.noti_pop .noti_btn{min-width:170px; height:40px; border:1px solid #fff; font-size:16px}
.noti_pop .noti_btn + .noti_btn{margin-left:10px}
.noti_pop .noti_btn.blue{background:#4272f9 !important; border:0}
.noti_pop .close{text-indent:-9999px; width:13px; height:13px; background:url('/assets/images/230905_ai/230905_noti_close.png') no-repeat center; position:absolute; top:15px; right:20px}
.noti_pop2{position:fixed; top:50%; left:50%; transform:translate(-50%, -50%); max-width:500px; width:calc(100% - 20px); z-index:3; padding:30px; background:rgba(0,0,0,.65); border-radius:10px; text-align:center; color:#fff; z-index:999}
.noti_pop2 .title{font-size:34px; font-weight:bold}
.noti_pop2 img{margin:30px 0}
.noti_pop2 .btnarea{margin-top:20px}
.noti_pop2 .btnarea > *{display:block; margin:0 auto}
.noti_pop2 .btnarea > * + *{margin-top:10px}
button.underline{color:#fff; text-decoration:underline; text-underline-offset:5px}

.training_btn{display:flex}
.training_btn button{width:100%; background:#f1f1f1; border:1px solid #ebebeb; height:38px; font-size:18px; color:#666; border-radius:5px}
.training_btn button + button{margin-left:10px}
.training_btn i{display:inline-block; width:27px; height:24px; vertical-align:middle; margin:-3px 3px 0 0}
.training_btn .good i{background:url('/assets/images/230905_ai/icon_good.png') no-repeat center}
.training_btn .good.on i{background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/icon/icon_good_on.png') no-repeat center}
.training_btn .sns_share i{background:url('/assets/images/230905_ai/icon_sns_share.png') no-repeat center}
.training_btn .reco-btn{background:#f36c65; color:#fff; border:none}
.training_btn .reco-btn i{background:url('//tvcache.teacherville.co.kr/teacherville2/image/web/icon/coin_withBG.gif') no-repeat center; background-size:24px auto}
.training_btn .preview i{background:url('/assets/images/230905_ai/icon_preview.png') no-repeat center}

.main-view-content .main_content{margin-top:20px}

.courselist_sort{display:flex; margin-right:30px}
.courselist_sort li{position:relative; padding-left:10px; margin-left:10px}
.courselist_sort li + li::before{content:''; position:absolute; top:7px; left:0; width:1px; height:15px; background:#ddd}
.courselist_sort button{color:#666; font-size:16px}
.courselist_sort button.on{color:#333; font-weight:bold}

.ai_info{margin:20px 0}
.ai_info > ul{display:flex; margin:0 -10px}
.ai_info > ul li{width:100%; border:1px solid #ddd; margin:0 10px; text-align:center; padding:20px 0 12%; background-size:100% auto !important; font-size:15px; color:#8d8d8d}
.ai_info > ul li:nth-child(1){background:url('/assets/images/230905_ai/ai_info01.png') no-repeat bottom}
.ai_info > ul li:nth-child(2){background:url('/assets/images/230905_ai/ai_info02.png') no-repeat bottom}
.ai_info > ul li:nth-child(3){background:url('/assets/images/230905_ai/ai_info03.png') no-repeat bottom}
.ai_info > ul li:nth-child(4){background:url('/assets/images/230905_ai/ai_info04.png') no-repeat bottom}
.ai_info > ul li strong{font-size:19px; color:#333}

.ai_tab{margin-bottom:20px; font-size:0}
.ai_tab button{font-size:17px; background:#f2f2f2; border:1px solid #ddd; border-radius:10px; min-width:295px; height:52px; font-weight:500}
.ai_tab button + button{margin-left:20px}
.ai_tab button.on{background:#4272f9; border:none; color:#fff}
.ai_tab i{display:inline-block; width:40px; height:35px; vertical-align:middle; margin-right:5px}
.ai_tab .ai_tab01{background:url('/assets/images/230905_ai/ai_tab01.png') no-repeat center}
.ai_tab .ai_tab02{background:url('/assets/images/230905_ai/ai_tab02.png') no-repeat center}
.ai_tab .ai_tab03{background:url('/assets/images/230905_ai/ai_tab03.png') no-repeat center}

.ai_banner01{display:flex; align-items:center; background:#595959; color:#fff; padding:15px; font-weight:500; margin:20px 0; border-radius:5px; position:relative}
.ai_banner01 strong{color:#e4f365; font-weight:500}
.ai_banner01.align_top{align-items:flex-start}
.ai_banner01 ul{margin-top:10px}
.ai_banner01 li{font-weight:normal; position:relative; padding-left:22px}
.ai_banner01 li::before{content:''; position:absolute; top:12px; left:10px; width:2px; height:2px; background:#fff}
.ai_assess{position:absolute; top:25px; right:35px; bottom:25px; width:390px; background:#ebebeb; border-radius:5px; display:flex; justify-content:center; align-items:center; z-index:1}
.ai_assess div{display:flex; align-items:center; color:#000; font-size:30px; font-family:'Gmarket Sans'; letter-spacing:-1px}
.ai_assess img{margin-right:15px}

.ai_banner02{margin-top:30px; padding-bottom:30px; border-bottom:13px solid #f2f2f2}
.ai_banner02 > div{background:#f1f1f1; display:grid; grid-template-columns:350px auto; align-items:center}
.ai_banner02 .tit{background:#fff; border:2px solid #4272f9; text-align:center; display:flex; align-items:center; justify-content:center; padding:15px; font-size:22px; font-weight:bold; color:#4272f9}
.ai_banner02 .text{font-size:18px; padding:15px; color:#333}

.study_my{display:grid; grid-template-columns:repeat(3,1fr); column-gap:20px; margin-top:20px}
.study_my > div{width:100%; border:1px solid #ebebeb; background:#f1f1f1; padding:20px; min-width:0}
.study_my .my_box{background:#fff; padding:20px 30px; height:100%; position:relative}
.study_my .box1{display:grid; grid-template-columns:90px 160px; justify-content:center; align-items:center; column-gap:40px}
.study_my .img{width:90px; height:90px; border-radius:100%; overflow:hidden; position:relative}
.study_my .img img{position:absolute; top:0; left:0; width:100%}
.study_my .name p{text-align:center; margin-top:10px}
.study_my .tit{font-size:17px; font-weight:bold; margin-bottom:10px}
.study_my .info{margin-bottom:10px; line-height:1.1}
.study_my .box2 .md_btn{position:absolute; bottom:20px; left:30px}
.study_my .box3 ul{font-size:0; margin-top:25px; text-align:center}
.study_my .box3 li{display:inline-block; width:25%}
.study_my .box3 li.off, .study_my .box3 .swiper-slide.off{filter:grayscale()}
.study_my .my_box dl{display:flex; justify-content:space-between; align-items:center}
.study_my .my_box dl + dl{margin-top:5px}
.study_my .my_box dd{color:#4272f9}

.sm_btn{display:inline-block; padding:0 15px; height:28px; line-height:28px; border-radius:4px; font-size:15px; color:#fff}
.md_btn{display:inline-block; padding:0 20px; height:35px; line-height:35px; border-radius:4px; font-size:16px; color:#fff; min-width:130px}
.lg_btn{display:inline-block; padding:0 20px; height:45px; line-height:45px; border-radius:4px; font-size:16px; color:#fff}
.xl_btn{display:inline-block; padding:0 20px; height:50px; line-height:50px; border-radius:4px; font-size:16px; color:#fff}
.full_btn{width:100%}
.bk_blue1{background:#4272f9 !important}
.bk_red1{background:#f36c65 !important}
.fc_gold{color:#e6c260 !important}
.noti_p{position:relative; margin-top:10px; color:#4272f9; padding-left:10px}
.noti_p::before{content:'*'; position:absolute; top:5px; left:0}
.noti_mark{position:relative; padding-left:20px}
.noti_mark::before{content:'※'; position:absolute; top:0; left:0}

.study_info{display:grid; grid-template-columns:500px auto; column-gap:20px; border:5px solid #ebebeb; padding:10px}
.study_info + .study_info{margin-top:20px}
.study_info .info_text{border:1px solid #999; padding:10px; display:grid; grid-template-columns:auto 170px; column-gap:10px}
.study_info .left_box{border:1px solid #ddd; padding:20px; border-radius:10px}
.study_info .info_text .text{margin:10px 0; padding:5px 10px; background:#474747; color:#fff}
.study_info .info_text dl{display:grid; grid-template-columns:85px auto; column-gap:15px}
.study_info .info_text dl + dl dt, .study_info .info_text dl + dl dd{padding-top:5px}
.study_info .info_text dt{position:relative; font-weight:bold}
.study_info .info_text dt::before{content:''; position:absolute; top:0; bottom:0; right:0; width:1px; background:#ddd}
.study_info .info_text dd{color:#888; letter-spacing:-1px}
.study_info .right_box{display:grid; grid-template-rows:1fr 1fr; row-gap:10px}
.study_info .right_box .bk_blue1{font-size:22px; font-weight:bold; color:#fff}
.study_wait{grid-template-columns:1fr 1fr; row-gap:20px; border:0; padding:0}
.study_none{display:block}
.study_wait .info_text{display:block}
.study_wait .info_text .text{margin:0 0 5px; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; height:40px; line-height:20px; padding:0; background:0; color:#000}
.study_wait button{margin-top:10px}
.study_home .left_box{background:#f1f1f1}
.study_home{display:block}
.study_home .info_text{grid-template-columns:auto 300px 340px}
.study_home .info_text .table1{width:100%; height:100%}
.study_home .info_text dl{grid-template-columns:140px auto}
.study_home dd span{min-width:180px; display:inline-block}
.study_home .study_icon{width:26px; height:26px; background:url('/assets/images/230905_ai/ai_study_icon.png'); display:inline-block; margin:-10px 10px 0 0; vertical-align:middle}
.study_info .right_box .flexbox > *{width:100%; height:100%; color:#fff; font-size:18px; line-height:1.3}
.study_info .right_box .flexbox > * + *{margin-left:10px}
.study_info .right_box .bk_white{font-size:16px; color:#666; border:1px solid #ddd}
.study_info .right_box .flexbox small{display:block; font-size:16px}
.study_info .right_box .flexbox strong{display:block; font-size:24px}
.study_item{display:flex}
.study_item > div{display:grid; height:100%; width:100%; grid-template-rows:44px auto}
.study_item > div + div{margin-left:10px}
.study_item .item_tit{line-height:44px; text-align:center; font-size:16px; color:#fff; font-weight:bold; background:#7f7f7f}
.study_item .text{border:1px solid #ebebeb; display:flex; justify-content:center; text-align:center; padding:20px; min-height:208px;}
.study_item .text .tit{font-size:20px; font-weight:bold}
.study_item .text > div{width:100%}
.study_item .text > div > * + *{margin-top:10px}
.study_item .text.bk_gray1{padding:10px; min-height:auto}
.study_item .text .flexbox{display:block; height:53px}
.study_item .complete{background:#474747; border-radius:10px; height:100%; grid-template-rows:95px; align-items:center; justify-content:center; text-align:center}

.study_tab{display:flex}
.study_tab > *{width:100%}
.study_tab > * + *{margin-left:10px}
.study_tab button{border:1px solid #ddd; border-radius:10px; padding:50px 0 15px; font-size:17px; line-height:1}
.study_tab button small{display:block; font-size:15px; color:#777; margin-top:3px}
.study_tab button.on{border:none}
.study_tab button.on small{color:#fff}
.study_tab button:nth-child(1){background:url('/assets/images/230905_ai/ai_study_tab01_off.png') no-repeat center 15px}
.study_tab button:nth-child(2){background:url('/assets/images/230905_ai/ai_study_tab02_off.png') no-repeat center 15px}
.study_tab button:nth-child(3){background:url('/assets/images/230905_ai/ai_study_tab03_off.png') no-repeat center 15px}
.study_tab button:nth-child(4){background:url('/assets/images/230905_ai/ai_study_tab04_off.png') no-repeat center 15px}
.study_tab button:nth-child(5){background:url('/assets/images/230905_ai/ai_study_tab05_off.png') no-repeat center 15px}
.study_tab button:nth-child(6){background:url('/assets/images/230905_ai/ai_study_tab06_off.png') no-repeat center 15px}
.study_tab button:nth-child(7){background:url('/assets/images/230905_ai/ai_study_tab07_off.png') no-repeat center 15px}
.study_tab button:nth-child(1).on{background:url('/assets/images/230905_ai/ai_study_tab01_on.png') no-repeat center 15px #4272f9; color:#fff}
.study_tab button:nth-child(2).on{background:url('/assets/images/230905_ai/ai_study_tab02_on.png') no-repeat center 15px #4272f9; color:#fff}
.study_tab button:nth-child(3).on{background:url('/assets/images/230905_ai/ai_study_tab03_on.png') no-repeat center 15px #4272f9; color:#fff}
.study_tab button:nth-child(4).on{background:url('/assets/images/230905_ai/ai_study_tab04_on.png') no-repeat center 15px #4272f9; color:#fff}
.study_tab button:nth-child(5).on{background:url('/assets/images/230905_ai/ai_study_tab05_on.png') no-repeat center 15px #4272f9; color:#fff}
.study_tab button:nth-child(6).on{background:url('/assets/images/230905_ai/ai_study_tab06_on.png') no-repeat center 15px #4272f9; color:#fff}
.study_tab button:nth-child(7).on{background:url('/assets/images/230905_ai/ai_study_tab07_on.png') no-repeat center 15px #4272f9; color:#fff}
.com-list-tab.com-list-tab.full-type .go_btn{padding:0 20px 0; background:url('/assets/images/230905_ai/study_arrow.png') no-repeat right 30px center}
.com-list-tab.com-list-tab.full-type .go_btn:hover{color:#333; text-decoration:underline}
.exam_info{border:1px solid #ddd; padding:20px; position:relative}
.exam_info + .exam_info{margin-top:20px}
.exam_info dl{display:flex}
.exam_info dl + dl{margin-top:5px}
.exam_info dt{width:110px; font-weight:bold}
.exam_info dd{margin-left:20px; color:#888}
.exam_info .dl_inline{display:flex}
.exam_info .dl_inline dl + dl{margin-top:0}
.exam_info .dl_inline dl + dl dt{margin-left:50px; width:auto}
.exam_info .title{margin-bottom:20px}
.exam_info .title, .exam_info .title > *{font-size:18px; font-weight:bold}
.exam_info .title span{font-weight:normal}
.exam_info .right-btn{position:absolute; right:20px; top:50%; margin-top:-17px; display:flex}
.exam_info .right-btn > * + *{margin-left:10px}
.map_iframe{width:100%; height:285px; position:relative; border:1px solid #ddd}
.map_iframe iframe{position:absolute; top:0; left:0; width:100% !important; height:100% !important}
.map_info{border:1px solid #ddd; border-top:none; padding:20px}
.map_info *{color:#888}
.map_info .title{margin-bottom:10px}
.map_info strong{color:#333; margin-right:10px}
.map_info dl{display:flex}
.map_info dd span{position:relative; display:block; padding-left:10px; margin-left:5px}
.map_info dd span::before{content:'-'; position:absolute; top:0; left:0}
.map_info dd p{margin-top:10px}

.study_chart{display:grid; grid-template-columns:repeat(2, 1fr); gap:20px}
.study_chart.grid3{grid-template-columns:repeat(3, 1fr)}
.study_chart > div{border:1px solid #ddd; padding:20px 20px 40px; background:#fff; overflow:hidden}
.study_chart .tit, .chart_box .tit{text-align:center; margin-bottom:20px; font-weight:bold}
.study_chart + .study_chart{margin-top:20px}
.chart_flex{display:flex; justify-content:space-between; align-items:center}
.chart_flex > div{width:100%}
.chart_flex > div + div{margin-left:20px}
.chart_horizontal{display:grid; grid-template-columns:auto 80px; column-gap:20px; margin-top:40px}
.chart_horizontal.block{display:block}
.chart_horizontal .chart_box{display:grid; grid-template-columns:120px auto; height:30px; line-height:30px}
.chart_horizontal .chart_box .text{border-radius:100px 0 0 100px; padding:0 6px; color:#fff}
.chart_horizontal .chart_box .per{background:#ebebeb; border-radius:0 100px 100px 0; position:relative}
.chart_horizontal .chart_box .per span{position:absolute; padding:0 10px; text-align:right; font-size:14px; border-radius:0 100px 100px 0; font-weight:bold; white-space:nowrap}
.study_chart .noti{font-size:var(--font-small); margin-top:20px; color:#999; padding-left:20px; position:relative}
.study_chart .noti::before{content:'※'; position:absolute; top:0; left:0}
.chart_horizontal .green span{background:#41dabe}
.chart_horizontal .yellow span{background:#ffc000}
.chart_horizontal .blue span{background:#35b9e8}
.chart_horizontal .red span{background:#f36c65}
.chart_horizontal .green .text{background:#20b499}
.chart_horizontal .yellow .text{background:#d7aa21}
.chart_horizontal .blue .text{background:#1aa2d3}
.chart_horizontal .red .text{background:#d76862}
.chart_horizontal .chart_box + .chart_box{margin-top:20px}
.chart_horizontal .percent{background:#f36c65; text-align:center; border-radius:100%; line-height:80px; font-weight:bold}
.study_chart .chart_tbl_tit{display:flex; justify-content:center; align-items:center}
.study_chart .chart_tbl_tit > * + *{margin-left:15px}
.study_chart .chart_tbl_tit *{font-size:13px; line-height:20px}
.study_chart .chart_tbl_tit span{display:inline-block; height:22px; margin-right:5px; width:50px; text-align:center; color:#fff}
.chart_tbl_red{background:#ff6384}
.chart_tbl_sky{background:#36a2eb}
.chart_tbl_blue{background:#0a629d}
.chart_tbl_gray{background:#ccc}
.chart_tbl_yellow{background:#ffc000}
.study_chart .chart_tbl{width:90%; text-align:center; margin:20px auto 0; border-collapse:collapse}
.study_chart .chart_tbl tr > *{border:1px solid #ddd; padding:10px; font-size:13px; color:#fff}
.bar_horiz{position:relative}
.bar_horiz > div{display:grid; grid-template-columns:90px auto; column-gap:20px; align-items:center}
.bar_horiz > div + div{margin-top:15px}
.bar_horiz .text{text-align:right; color:#818181; font-size:15px}
.bar_horiz .per{background:#ffc000; height:24px; line-height:24px; position:relative; z-index:1}
.bar_horiz .per span{display:inline-block; position:absolute; top:0; left:0; height:100%; background:#f36c65; padding:0 10px; text-align:center; font-weight:bold}
.bar_horiz .line{position:absolute; top:-10px; bottom:-10px; width:calc(100% - 110px); left:110px; margin:0; font-size:0; display:block; border-right:1px solid #ddd; z-index:0}
.bar_horiz .line span{width:calc(100% / 5); border-left:1px solid #ddd; display:inline-block; height:100%}
.bar_horiz.green .per{background:#5b9bd5}
.bar_horiz.green .per span{background:#6ec17d}
.down_icon{width:22px; height:18px; background:url('/assets/images/230905_ai/ai_down_icon.png'); display:inline-block; vertical-align:middle; margin:-5px 5px 0 0}
.play_icon{width:13px; height:15px; background:url('/assets/images/230905_ai/ai_play_icon.png'); display:inline-block; vertical-align:middle; margin:-5px 10px 0 0}
.slt_btn, .slt_btn > div{display:flex}
.slt_btn * + *{margin-left:10px}
.ai_data .chart_box{padding:20px}
.ai_data .chart_box.grid4{display:grid; grid-template-columns:repeat(4,1fr); column-gap:40px; row-gap:60px}
.chart_vertical{display:flex}
.chart_vertical > *{width:100%}
.chart_vertical .chart_tit{font-size:15px; color:#818181; text-align:center; border-top:1px solid #ddd; padding-top:10px}
.chart_vertical .per::before{content:''; position:relative; height:130px; display:block}
.chart_vertical .per{max-width:50px; width:80%; margin:0 auto; position:relative; margin-top:20px}
.chart_vertical .per span{display:inline-block; width:100%; bottom:0; position:absolute}
.chart_vertical .per strong{position:absolute; top:-22px; left:0; width:100%; text-align:center; font-size:14px}
.chart_vertical .per.blue span{background:#5b9bd5}
.chart_vertical .per.red span{background:#f36c65}
.chart_vertical .per.gray span{background:#c5c5c5}
.chart_vertical .per.yellow span{background:#ffc000}
.ai_data_grid2{display:grid; grid-template-columns:1fr 1fr; column-gap:20px; margin-top:20px}

.chart2{display:flex; align-items:center; justify-content:center}
.chart2 > div{width:100%; padding:0 20px; overflow:hidden}
.chart2 .per{padding-bottom:100%; position:relative; border-radius:100%}
.chart2.circle .per p{background:rgba(201, 203, 207, 0.4); border:1px solid rgba(201, 203, 207, 1); position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); border-radius:100%; display:flex; justify-content:center; align-items:center}
.chart2.bar .per{width:70px; margin:0 auto; text-align:center}
.chart2.bar .per p{background:rgba(201, 203, 207, 0.4); border:1px solid rgba(201, 203, 207, 1); position:absolute; bottom:0; left:0; width:100%; display:flex; justify-content:center; align-items:flex-end}
.chart2 .per.yellow p{background:rgba(255, 205, 86, 0.4); border:1px solid rgba(255, 205, 86, 1)}
.chart2 .per.green p{background:rgba(75, 192, 192, 0.4); border:1px solid rgba(75, 192, 192, 1)}
.chart2 .per.purple p{background:rgba(153, 102, 255, 0.4); border:1px solid rgba(153, 102, 255, 1)}
.chart2 .per span{font-size:13px}
.chart2 .per strong{font-size:20px}
.chart2.bar .per span{display:block; margin-bottom:10px}
.chart2 .text{font-size:13px; text-align:center; color:#666; margin-bottom:10px}
.chart2 .line{position:absolute; top:0; left:-100px; right:-100px; bottom:0; display:grid; z-index:0; border-bottom:1px solid #ddd}
.chart2 .line span{margin:0 !important; border-top:1px solid #eee}

.ai_data{border:1px solid #ddd}
.ai_data .title{display:flex; justify-content:space-between; align-items:center; background:#f1f1f1; padding:20px; border-bottom:1px solid #f1f1f1}
.ai_data .title .flex > * + *{margin-left:10px}
.ai_data .title label{cursor:default}
.bk_white{color:#333 !important; background:#fff !important}
.ai_data .my_life{display:flex; margin-bottom:20px; height:30px}
.ai_data .my_life > * + *{margin-left:5px}
.ai_data .my_life > *{height:30px; line-height:30px; display:inline-block; width:70px; text-align:center; background:#b4e7eb; color:#00b4c2}
.ai_data .my_life > *.on{background:#00b4c2; color:#fff}

@media (max-width: 1240px) {
  .main_content > div{padding:20px 0}
  .main.main_content > div{padding:20px 10px}

  .search_sort{display:block;}
  #list-toggle{display:none}
  .courselist_sort{justify-content: right; margin:0}
  .courselist_sort button{font-size:13px}
  .courselist .cst-search{margin:0 0 20px}

  .ai_info{margin:0 0 20px}
  .ai_info > ul{margin:-5px; display:block; font-size:0}
  .ai_info > ul li{margin:5px; display:inline-block; width:calc(50% - 10px); background-size:auto 85% !important; padding:10px 0 18%; font-size:12px; line-height:1.2}
  .ai_info > ul li strong{font-size:14px}

  .ai_tab{margin-bottom:10px; display:flex}
  .ai_tab button{min-width:auto; width:100%; border-radius:5px}
  .ai_tab button + button{margin-left:5px}
  .ai_tab button{height:36px; font-size:13px}
  .ai_tab i{display:none}

  .ai_banner01{margin:10px 0; padding:10px}
  .ai_banner01 li{padding-left:12px}
  .ai_banner01 li::before{left:5px}
  .ai_banner02{margin:20px -10px 0; padding:0 10px 20px; border-width:8px}
  .ai_banner02 > div{grid-template-columns:auto}
  .ai_banner02 .tit, .ai_banner02 .text{padding:10px; font-size:16px}
  .study_my .my_box{padding:20px 10px}
  .study_my .box2 .md_btn{bottom:20px; left:10px}
  .study_info{grid-template-columns:450px auto}
  .study_item .text, .study_info .left_box{padding:10px}
  .study_item .text{min-height:170px}
  .study_info .info_text{grid-template-columns:auto 140px}
  .study_home .info_text{grid-template-columns:auto 340px; gap:10px}
  .study_home .info_text .right_box{grid-column:1 / span 2}
  .study_info .right_box .bk_blue1{font-size:18px}
  .com-list-tab.com-list-tab.full-type .go_btn{background-position:right 10px center}
  .noti-info-area .info-cnt{padding:10px}
  .noti-info-area .top-cnt{margin-bottom:10px}
  .toggle-info-box .com-toggle-view{margin-top:10px}
  .noti_mark{font-size:14px}
  .study_chart, .study_chart.grid3{gap:10px}
  .study_chart > div{padding:20px 5px}
  .study_chart, .study_chart.grid3{grid-template-columns:repeat(1, 1fr)}
  .study_chart .tit, .chart_box .tit{font-size:16px; margin-bottom:10px}
  .ai_assess{position:relative; top:auto; right:auto; width:100%; bottom:auto; padding:15px}
  .ai_assess div{font-size:18px}
  .ai_assess img{height:30px}
  .chart_horizontal{margin-top:20px; column-gap:10px}
  .chart_horizontal *, .chart_box .per span{font-size:12px}
  .study_chart .ar{font-size:14px}
  .study_chart .chart_tbl_tit *{font-size:11px}
  .study_chart .chart_tbl_tit span{width:40px}
  .study_chart .chart_tbl_tit > * + *{margin-left:10px}
  .bar_horiz .line{top:-5px; bottom:-5px}
  .bar_horiz *{font-size:14px}
  .study_chart + .study_chart{margin-top:10px}

  /* 240129 추가 */
  .main-view-content .half-info-area {
    padding: 15px 10px 20px;
    background: #ebebeb;
    border-radius: 0px;
    margin:0 -10px
  }
  .main-view-content .half-info-area > .tit {
    font-size: 17px;
  }
  .main-view-content .half-info-area .half-box {
    display: block;
  }
  .main-view-content .half-info-area .half-box .info-cnt {
    width: 100%;
    margin-top: 15px;
    padding: 15px;;

  }
  .main-view-content .half-info-area .half-box .info-cnt .tit {font-size: 16px;}
  .main-view-content .half-info-area .half-box .info-cnt .txt strong {font-size: 14px;}
  .main-view-content .half-info-area .half-box .info-cnt .txt {
    margin-top: 5px;
    padding-left: 0;
    font-size: 14px;
    line-height: 26px;
  }
  .main-view-content .list-banner-area{display:block}
  .main-view-content .list-banner-area .com-list-tab{margin:10px -10px 0; padding:10px}
  .main-view-content .list-banner-area .list-info-box{min-height:158px}
  .main-view-content .study-history-area .date-box .btn-cnt{width:100%}
  .main-view-content .study-data-area .list li{padding:10px 10px 50px; border-radius:10px;}
  .main-view-content .study-data-area .list li .text .txt{padding:0; margin:0}
  .main-view-content .study-data-area .list li .text .txt::before{content:none}
  .main-view-content .study-data-area .list li .book-btn {
    right: 100px;
    top: auto;
    bottom: 10px;
    transform: translateY(0);
    width: auto;
    min-width: 80px;
    height: 35px;
    font-size: 14px;
    line-height: 35px;
  }
  .main-view-content .study-data-area .list li .text .ic{display:none}
  .main-view-content .study-data-area .list li .successive-btn {
    display:none;
  }
  .main-view-content .study-data-area .list li .study-btn {
    display:none;
  }

  .main-view-content .study-data-area .list li .mobile-study-btn {
    display:block;
    right: 10px;
    bottom: 10px;
    transform: translateY(0);
    width: auto;
    min-width: 80px;
    height: 35px;
    top: auto;
    padding: 0 15px;
    font-size: 14px;
  }

  .main-view-content .study-data-area .list li .study-btn .txt {
    padding-left: 28px;
    background-size: auto 20px;
    line-height: 35px;
  }
  /* // 240129 추가 */
}

@media (max-width: 1000px) {
  .main_content > * + *{margin-top:0; border-top:8px solid #f2f2f2}
  .main_title{margin-bottom:10px}
  .main_title .tit, .ssam_grid .main_title .tit{font-size:18px}
  .tit_icon{height:30px; margin-right:5px}
  .tab_list{display:inline-block; border:0; font-size:0; margin:-3px 0 20px}
  .tab_list button{padding:5px 10px; font-size:14px; margin:3px -1px; border:1px solid #ddd}
  .tab_list button.on{margin:0; border:1px solid #4272f9}

  .item_list{margin:-10px -5px}
  .item_list li{margin:10px 5px; width:calc(50% - 10px)}
  .item_list p{margin-top:7px; font-size:14px}
  .main_more{margin-top:20px}
  .main_more i{background-position-y:bottom; background-size:80%; margin:-6px 2px 0 0}
  .label_list{top:5px; left:5px}
  .label_list label{font-size:10px; height:18px; line-height:18px; width:40px}
  .item_box .btnarea > div{width:100%}

  .gird_2{display:block}
  .credit4_list{padding-bottom:62%}
  .credit4_list li{grid-template-columns:35px auto 65px}
  .credit4_list li + li{margin-top:5px}
  .credit4_list a{font-size:14px}
  .credit4_list label{height:24px; line-height:24px; width:35px; font-size:14px}
  .credit4_list span{height:24px; line-height:24px; width:65px; font-size:14px}
  .com-slick-banner.event-type{margin:20px -10px -20px -10px; padding:20px 0; border-top:8px solid #f2f2f2}
  .com-slick-banner.event-type .main_title{margin:0 10px 10px}
  .com-slick-banner .banner-area .slick-prev, .com-slick-banner .banner-area .slick-next{display:none !important}
  .main_title small{font-size:13px}
  .main_title .logo_img{height:18px; margin-right:10px}
  .main_title .text{font-size:14px}
  .main_title a{background-size:auto 70%; padding-right:25px}
  .com-slick-banner .slick-list{padding:0 10px}

  .ssam_grid{display:block}
  .ssam_grid > div{margin:0 -10px; padding:20px 10px}
  .ssam_grid .main_title .tit{margin-right:10px}
  .main_ssam{margin:-5px}
  .main_ssam li{margin:5px}
  .main_ssam .info{padding:10px}
  .main_ssam .tit{font-size:14px; line-height:16px; height:32px}
  .main_ssam .time{margin:10px 0 5px; font-size:13px; height:18px}
  .main_ssam i{width:20px; height:20px}
  .main_ssam .name{font-size:13px; margin-left:5px}
  .mall_box{margin-top:-20px; border-top:0 !important}
  .main_mall{margin:-5px}
  .main_mall li{margin:5px; width:calc(50% - 10px)}
  .main_mall .info{padding:10px; min-height:85px}
  .main_mall .price{padding:5px 10px}

  .main .link-list-banner{padding:0 !important; border-left:0; border-right:0}
  .main .link-list-banner a:nth-child(3n){border-right:0}
  .main .notice-content{grid-template-columns:85% auto; padding-top:20px; position:relative}
  .main .notice-content > div{display:flex; align-items:center}
  .main .notice-content .text{width:calc(100% - 80px)}
  .notice-content .more{position:absolute; margin:0; top:0; right:10px; font-size:12px}

  .address span{display:inline-block}
  #footer .content{padding:55px 10px 120px}
  .address span.ceo{margin-top:0}
  .address span{margin-right:10px}
  #footer .content .copy{position:absolute; bottom:90px; left:10px; margin:0}
  #footer .isms img{width:30px}
  #footer .isms span{vertical-align:top}

  .noti_pop{bottom:auto; top:50%; transform:translateY(-50%); left:10px; width:calc(100% - 20px); border-radius:10px; display:block; padding:20px 10px; max-width:none}
  .noti_pop .mo_block{margin-right:10px}
  .noti_pop *{font-size:14px}
  .noti_pop > div + div{margin-top:20px}
  .noti_pop .noti_btn{min-width:auto; width:100%; font-size:14px; height:34px}
  .noti_pop .close{right:10px}
  .noti_pop .noti_btn + .noti_btn{margin-left:5px}
  .noti_pop2{padding:20px 10px; width:85%}
  .noti_pop2 .title{font-size:20px}
  .noti_pop2 img{width:30%; margin:10px auto}

  .com-bottom-menu{position:fixed; bottom:0px; left:0px; width:100%; display:grid; grid-template-columns:1fr 1fr 74px 1fr 1fr; background:#fff; box-shadow:0 -3px 6px rgba(0, 0, 0, 0.15); z-index:100}
  .com-bottom-menu button{width:100%; padding:37px 5px 10px 5px; font-size:12px; color:#4272f9; background-size:auto 26px !important}
  .com-bottom-menu .home-btn{background:url('/assets/images/230905_ai/mo_menu_btn01.png') no-repeat center 10px}
  .com-bottom-menu .all-btn{background:url('/assets/images/230905_ai/mo_menu_btn02.png') no-repeat center 10px}
  .com-bottom-menu .my-btn{background:url('/assets/images/230905_ai/mo_menu_btn03.png') no-repeat center 10px #4272f9; color:#fff; border-radius:100%; height:74px; width:74px; padding-bottom:18px; background-position-y:13px; margin-top:-15px}
  .com-bottom-menu .my-ai{background:url('/assets/images/230905_ai/mo_menu_btn04.png') no-repeat center 10px}
  .com-bottom-menu .village-btn{background:url('/assets/images/230905_ai/mo_menu_btn05.png') no-repeat center 10px}

  .top-title + .top-side-menu{margin-top:10px}
  .main-view-content .top-side-menu + .main_content{margin-top:0; border:none}
  .training_btn button{font-size:13px}
  .training_btn button + button{margin-left:5px}
  .training_btn i{width:20px; height:20px; background-size:100% auto !important}
  .main-view-content .training-request-area .info-box .txt-banner-cnt .txt-info{padding:10px 10px 30px}
  .main-view-content .training-request-area .info-box .txt-banner-cnt .txt-info .top-line .name{font-size:14px; line-height:1.2; height:auto}
  .main-view-content .training-request-area .info-box .txt-banner-cnt .banner-control{bottom:5px; right:10px}
  .main-view-content .training-request-area .info-box .txt-banner-cnt .txt-info .top-line .star-group .star-shape .star{width:12px; height:12px; background-size:100% 100% !important}
  .main-view-content .training-request-area .info-box .txt-banner-cnt .txt-info .top-line .star-group .star-point{font-size:12px}

  .main-view-content .training-request-area .request-box .title-info-cnt .title-group .cost-item{margin-top:10px; text-align:right}
  .main-view-content .training-request-area .request-box .title-info-cnt .title-group .title{font-size:18px; line-height:1.2}
  .main-view-content .training-request-area .request-box .title-info-cnt .title-group .tit{margin-top:10px; color:#1d73bb; font-weight:normal}
  .main-view-content .training-request-area .request-box .title-info-cnt .title-group .cost-item > .txt,
  .main-view-content .training-request-area .request-box .title-info-cnt .title-group .cost-item > .txt.line-through,
  .main-view-content .training-request-area .request-box .title-info-cnt .title-group .cost-item .cost .price{font-size:18px; line-height:1.2}
  .main-view-content .training-request-area .request-box .title-info-cnt .title-group .cost-item .cost{margin-top:5px}
  .main-view-content .training-request-area .request-box .title-info-cnt .title-group .cost-item .cost .coupon{font-size:12px}

  .coupon-info-cnt .grid{grid-template-columns:65px auto}
  .coupon-info-cnt .grid *,
  .main-view-content .training-request-area .request-box .goods-info-cnt .list-cnt li *,
  .main-view-content .training-request-area .request-box .price-info-cnt > .txt{font-size:15px !important}
  .main-view-content .training-request-area .request-box .goods-info-cnt .list-cnt li{display:block}
  .main-view-content .training-request-area .request-box .goods-info-cnt .list-cnt li .tit{display:block}
  .com-toggle-btn, .com-toggle-btn.dw{width:25px; height:25px; background-size:100% 100%}
  .main-view-content .training-request-area .request-box .price-info-cnt .pirce-info .price{font-size:18px}
  .purchase-btn-cnt > *{height:45px; font-size:15px}
  .purchase-btn-cnt > * + *{margin-left:10px}
  .purchase-btn-cnt .purchase-btn i{width:24px; height:24px; background-size:100% auto !important; margin-right:5px}

  .main-view-content .main_content{margin:20px -10px 0; padding:0 10px; border-top:8px solid #f2f2f2}

  .study_my{grid-template-columns:1fr 1fr; column-gap:10px}
  .study_my *{font-size:14px}
  .study_my > div:nth-child(1){grid-column: auto / span 2; margin-top:10px}
  .study_my > div{padding:7px}
  .study_my .tit{font-size:15px}
  .study_my .img{width:65px; height:65px; margin:0 auto}
  .study_info{display:block}
  .study_info .info_text{grid-template-columns:auto 170px}
  .study_home .info_text{grid-template-columns:auto 340px}
  .study_item{margin-top:10px; display:grid; grid-template-columns:repeat(4, 1fr); column-gap:10px; row-gap:10px}
  .study_item > div + div{margin-left:0}
  .study_wait > * + *{margin-top:10px}
  .study_tab button small{font-size:13px}
  .main-view-content .list-banner-area{grid-template-columns:500px auto; column-gap:10px}

  .ai_data .title{padding:10px; display:block}
  .ai_data .title > * + *{margin-top:10px}
  .ai_data .title label{width:100%; text-align:center}
  .ai_data .chart_box.grid4{grid-template-columns:1fr 1fr; padding:10px; row-gap:40px; column-gap:20px}
  .chart_vertical .chart_tit{font-size:12px; padding-top:5px}
  .chart_vertical .per strong{font-size:13px}
  .chart_vertical .per::before{height:90px}
  .ai_data_grid2{display:block}
  .ai_data_grid2 > * + *{margin-top:20px}
  .ai_data .chart_box{padding:10px}
  .ai_data .my_life{height:auto; margin:10px}
  .ai_data .my_life > *{font-size:14px; width:60px; height:26px; line-height:26px}
  .ai_data .title .md_btn, .ai_data .title .flex > *{width:100%}
}

@media (max-width: 767px) {
  .mo_flex{display:flex}
  /* .study_my{display:block} */
  .study_my > div + div{margin-top:10px}
  .study_my .my_box{padding:10px}
  .study_my .my_box .flexnone > * + *{margin:0}
  .study_my .my_box .md_btn{width:100%}
  .study_my .box2 .md_btn{position:relative; bottom:auto; left:auto; margin-top:10px}
  .study_my .box3 ul{margin-top:10px}

  .xl_btn{height:45px; line-height:45px; font-size:15px; padding:0 15px}
  .lg_btn{height:40px; line-height:40px; font-size:15px; padding:0 15px}
  .md_btn{height:32px; line-height:32px; font-size:15px; padding:0 15px; min-width:auto}
  .sm_btn{height:26px; line-height:24px; font-size:14px; padding:0 10px}
  .noti_p{font-size:14px; padding-left:7px}
  .noti_p::before{top:3px}

  .study_info .info_text{display:block}
  .study_info .right_box{row-gap:5px; margin-top:10px}
  /* .study_info .right_box{row-gap:5px; margin-top:10px} */
  .study_info .right_box > *{height:55px}
  .study_info .right_box .bk_blue1{font-size:16px; font-weight:500}
  .study_info .info_text *{font-size:14px}
  .study_item{grid-template-columns:repeat(2, 1fr)}
  .study_item > div{grid-template-rows:34px auto}
  .study_item .item_tit{line-height:34px; font-size:15px}
  .study_item .text .tit{font-size:16px}
  .study_item .text .flexbox span{font-size:14px}
  .study_item .text > div > * + *{margin-top:5px}
  .study_item .text .flexbox .fc_red{font-size:14px}
  .study_item .complete{grid-column:1 / span 2}
  .study_info .right_box .flexbox > *{font-size:15px}
  .study_home .study_icon{width:18px; height:18px; background-size:100% 100%; margin:-5px 5px 0 0}
  .study_info .right_box .flexbox small{font-size:13px}
  .study_info .right_box .flexbox strong{font-size:16px}
  .noti-info-area{padding:10px}
  .noti-info-area .half-box{display:block;}
  .noti-info-area .half-box > * + *{margin:10px 0 0 0}
  .noti-info-area > .info-cnt + .info-cnt{margin:10px 0 0 0}
  .noti-info-area .half-box .info-cnt{padding:10px}
  .study_tab{flex-wrap:wrap; margin:-2.5px}
  .study_tab button{width:calc(25% - 5px); margin:2.5px; background-size:auto 18px !important; background-position:center 10px !important; padding:30px 0 10px; font-size:15px}
  .study_tab button:first-child{width:calc(50% - 5px)}
  .study_tab button small{font-size:11px}
  .m_flexbox{display:flex; justify-content:space-between; align-items:center}
  .study_home dd span{min-width:auto}
  .main-view-content .list-banner-area{display:block}
  .main-view-content .list-banner-area .banner-wrap{margin:0 -10px 20px}
  .toggle-info-box .com-toggle-btn{top:0; margin-top:0; right:0}
  .noti-info-area .info-cnt .list-txt *{font-size:14px}
  .exam_info{padding:10px}
  .exam_info + .exam_info{margin-top:10px}
  .exam_info dl > *{font-size:14px}
  .exam_info .title > *{font-size:16px}
  .exam_info dt{width:100px}
  .exam_info dd{margin-left:10px; width:calc(100% - 110px)}
  .exam_info .dl_inline{display:block}
  .exam_info .dl_inline dl + dl dt{margin:0; width:100px}
  .exam_info .right-btn{position:relative; right:auto; top:0; margin-top:10px; display:flex}
  .exam_info .right-btn > *{width:100%}
  .exam_info .right-btn > * + *{margin-left:10px}
  .exam_info .dl_inline dl + dl{margin-top:5px; align-items:center}
  .map_info{padding:10px}
  .map_info strong, .map_info dl{display:block}
  .map_info dl *{font-size:14px}
  .slt_btn{display:block}
  .slt_btn button{margin:10px 0 0 0; width:100%}

  .item_box{padding:20px 10px; border-radius:5px}
  .item_box .tit{margin-bottom:15px}
  .item_box .btnarea{margin-top:20px}
  .item_box .btnarea > div{grid-template-columns:1fr 1fr}
  .item_prev, .item_next{width:22px; height:22px}
}


/* shorts */
.shorts_list{margin-top:20px; position:relative}
.shorts_list li{cursor:pointer}
.shorts_list .img, .shorts_con .video{position:relative; padding-bottom:177.16%; overflow:hidden; border-radius:20px}
.shorts_list .img img, .shorts_con .video iframe{position:absolute; top:0; left:0; width:100%; height:100%}
.shorts_list .swiper{overflow:hidden}
.shorts_list p{font-weight:500; margin-top:15px; line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
.shorts_list .item_arrow{margin-top:-65px}
.new_pop .title .tit{font-size:18px}
.new_pop .title .tit small{font-size:16px; display:inline-block; font-weight:normal; color:#999; margin-left:10px}

.shorts_pop .pop_con{padding:0 50px; max-height:80vh; overflow:hidden}
.shorts_con{display:grid; grid-template-columns:1fr 1.3fr; gap:30px}
.shorts_con > *{min-width:0}
.shorts_con .video{grid-row:1 / span 2}
.shorts_con .info .tit{font-size:20px; font-weight:500; margin-bottom:20px}
.shorts_y{border:1px solid #ddd; padding:20px; align-self:end; cursor:pointer}
.shorts_y .y_box{display:grid; grid-template-columns:140px auto; gap:15px; margin-top:10px}
.shorts_y .y_box .img{position:relative; padding-bottom:56%; overflow:hidden}
.shorts_y .y_box .img img{position:absolute; top:0; left:0; width:100%}
.shorts_swiper{padding:40px 0}
.shorts_swiper .swiper-slide{max-height:544px; width:100%}
.shorts_swiper .swiper-slide-prev .info, .shorts_swiper .swiper-slide-next .info,
.shorts_swiper .swiper-slide-prev .shorts_y, .shorts_swiper .swiper-slide-next .shorts_y{opacity:0}
.shorts_y .sm_btn{width:100%}

@media (max-width: 767px) {
  .shorts_pop{top:0; bottom:0; left:0; transform:none; max-width:100%; border-radius:0}
  .shorts_pop .title{border:0; padding:0}
  .shorts_pop .title .tit{display:none}
  .shorts_pop .title button{position:absolute; top:20px; right:20px; z-index:9999}
  .shorts_pop .pop_con{padding:0; max-height:100vh}
  .shorts_swiper{padding:0; height:100vh}
  .shorts_con{display:block}
  .shorts_con .video{border-radius:0; padding-bottom:calc(100vh - 155px) !important;}
  .shorts_swiper .swiper-slide{max-height:100vh; position:relative}
  .shorts_swiper .swiper-slide::before{content:''; position:absolute; top:10%; bottom:30%; left:0; width:30%; background:transparent; z-index:1}
  .shorts_swiper .swiper-slide::after{content:''; position:absolute; top:10%; bottom:30%; right:0; width:30%; background:transparent; z-index:1}
  .shorts_con .info{display:none}
  .shorts_y{border:0}
}/* shorts */
.shorts_list{margin-top:20px; position:relative}
.shorts_list li{cursor:pointer}
.shorts_list .img, .shorts_con .video{position:relative; padding-bottom:177.16%; overflow:hidden; border-radius:20px}
.shorts_list .img img, .shorts_con .video iframe{position:absolute; top:0; left:0; width:100%; height:100%}
.shorts_list .swiper{overflow:hidden}
.shorts_list p{font-weight:500; margin-top:15px; line-height:1.3; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden}
.shorts_list .item_arrow{margin-top:-65px}
.new_pop .title .tit{font-size:18px}
.new_pop .title .tit small{font-size:16px; display:inline-block; font-weight:normal; color:#999; margin-left:10px}

.shorts_pop .pop_con{padding:0 50px; max-height:80vh; overflow:hidden}
.shorts_con{display:grid; grid-template-columns:1fr 1.3fr; gap:30px}
.shorts_con > *{min-width:0}
.shorts_con .video{grid-row:1 / span 2}
.shorts_con .info .tit{font-size:20px; font-weight:500; margin-bottom:20px}
.shorts_y{border:1px solid #ddd; padding:20px; align-self:end; cursor:pointer}
.shorts_y .y_box{display:grid; grid-template-columns:140px auto; gap:15px; margin-top:10px}
.shorts_y .y_box .img{position:relative; padding-bottom:56%; overflow:hidden}
.shorts_y .y_box .img img{position:absolute; top:0; left:0; width:100%}
.shorts_swiper{padding:40px 0}
.shorts_swiper .swiper-slide{max-height:544px}
.shorts_swiper .swiper-slide-prev .info, .shorts_swiper .swiper-slide-next .info,
.shorts_swiper .swiper-slide-prev .shorts_y, .shorts_swiper .swiper-slide-next .shorts_y{opacity:0}
.shorts_y .sm_btn{width:100%}

@media (max-width: 767px) {
  .shorts_pop{top:0; bottom:0; left:0; transform:none; max-width:100%; border-radius:0}
  .shorts_pop .title{border:0; padding:0}
  .shorts_pop .title .tit{display:none}
  .shorts_pop .title button{position:absolute; top:20px; right:20px; z-index:9999}
  .shorts_pop .pop_con{padding:0; max-height:100vh}
  .shorts_swiper{padding:0; height:100vh}
  .shorts_con{display:block}
  .shorts_con .video{border-radius:0}
  .shorts_swiper .swiper-slide{max-height:100vh; position:relative}
  .shorts_swiper .swiper-slide::before{content:''; position:absolute; top:10%; bottom:30%; left:0; width:30%; background:transparent; z-index:1}
  .shorts_swiper .swiper-slide::after{content:''; position:absolute; top:10%; bottom:30%; right:0; width:30%; background:transparent; z-index:1}
  .shorts_con .info{display:none}
  .shorts_y{border:0}
}


/* AI·디지털 역량 로드맵 */
.ai_info_btn{margin:-10px 0 20px; text-align:right}
.ai_info_btn a{text-decoration:underline !important; text-underline-offset:3px}
.ai_info_btn i{display:inline-block; width:21px; height:21px; background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/ai/ai_info_btn.png') no-repeat center; vertical-align:middle; margin:-5px 5px 0 0}
.gate_page{padding:80px 10px; border-radius:30px; background:#22c3e1; text-align:center}
.gate_page > div + div{margin-top:70px}
.gate_page .title h2{font-size:32px; font-family:'Gmarket sans'; color:#fff; text-shadow:2px 4px 4px rgba(0,0,0,0.25); margin-bottom:20px}
.gate_page .title img{filter:drop-shadow(10px 20px 20px rgba(0,0,0,0.25))}
.gate_noti{margin-top:40px; color:#122641; font-weight:bold; font-size:22px}
.gate_blt{display:inline-block; height:43px; line-height:41px; widtH:175px; border-radius:100px; background:#fd5151; text-align:center; color:#fff; font-size:22px; font-weight:bold; margin-bottom:30px}

.skill_radio{margin:-10px; display:flex; flex-wrap:wrap; max-width:1050px; margin:0 auto}
.skill_radio li{display:inline-block; width:calc(calc(20% - 20px)); margin:10px; border:1px solid #1fb1cd; border-radius:20px; overflow:hidden; box-shadow:10px 10px 0px rgba(0,0,0,0.09)}
.skill_radio .img{padding:15px; background:#fff}
.skill_radio .tit{background:#122641}
.skill_radio .tit p{height:70px; display:flex; justify-content:center; align-items:center; color:#fff; font-size:18px; line-height:1.2; text-align:center}
.skill_radio input{display:none}
.skill_radio01{margin:-15px -5px}
.skill_radio01 li{border:0 !important; border-radius:0 !important; box-shadow:none !important; margin:15px 5px; width:calc(20% - 10px)}
.skill_radio01 > li > label{border:6px solid #ccc; border-radius:20px; display:block; overflow:hidden}
.skill_radio01 img{width:58px; display:block; margin:0 auto; filter:grayscale()}
.skill_radio01 .tit{background:#f2f2f2; text-align:center; padding-bottom:10px}
.skill_radio01 .tit p{font-size:14px; height:45px; color:#333}
.skill_radio01 .tit label{font-size:13px; font-weight:bold; color:#fff; background:#636a75; padding:0 10px; min-width:65px; text-align:center; border-radius:100px; height:23px; line-height:23px; display:inline-block}
.skill_radio01 li:hover label{border-color:#22c3e1}
.skill_radio01 li:hover .tit{background:#22c3e1}
.skill_radio01 li:hover .tit p, .skill_radio01 input:checked + label .tit p{color:#fff}
.skill_radio01 li:hover img, .skill_radio01 input:checked + label img{filter:none}
.new_pop .skill_con{padding:30px 30px 50px}
.skill_con .skill_tit{font-size:20px; font-weight:500; text-align:center}
.skill_radio01 input:checked + label{border-color:#122641}
.skill_radio01 input:checked + label .tit{background:#122641}
.skill_con .correct{padding:10px; background:#e4f3f6; border:1px solid #ddd; margin:20px}
.mb30{margin-bottom:30px}
.mt5{margin-top:5px}
.underline{text-decoration:underline; text-underline-offset:3px}
.new_pop .skill_btn{padding:20px 50px; border-top:1px solid #ddd; display:flex; justify-content:center}
.new_pop .skill_btn > *{max-width:370px; width:100%}
.new_pop .skill_btn > * + *{margin-left:20px}
.new_pop .skill_info{display:flex; align-items:center; justify-content:space-between; padding:10px 50px; border-bottom:1px solid #ddd; background:#f0f0f0}
.new_pop .skill_info label{font-size:14px; padding:0 20px; height:31px; line-height:31px; border-radius:100px; border:1px solid #ddd; background:#fff; display:inline-block; cursor:default}
.new_pop .skill_info strong + label{margin-left:20px}
.new_pop .skill_info .lb_tit{color:#fff; background:#122641; border:0}

.skill_step{display:flex; align-items:center; justify-content:center}
.skill_step li{max-width:124px; width:15%; position:relative}
.skill_step li span{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); line-height:1.1; font-weight:bold; font-size:28px; color:#007990; z-index:1}
.skill_step li + li{margin-left:14%}
.skill_step li + li::after{content:''; position:absolute; left:-110%; top:0; height:100%; width:100%; background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/ai/gate_arrow.png') no-repeat left center; background-size:auto 100% !important}
.skill_step li::before{content:''; display:block; position:relative; width:100%; padding-bottom:100%; background:#59d9f1; border-radius:100%}

.gate_btnarea{margin-top:60px}
.gate_btn_lg{height:95px; line-height:105px; border-radius:20px; width:100%; color:#fff; background:#122641; font-size:45px; font-family:'Gmarket sans B'}
.gate_btn_lg i{display:inline-block; width:43px; height:30px; background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/ai/gate_btn_ic.png') no-repeat center; vertical-align:middle; margin:-10px 0 0 25px}
.underline_btn{text-decoration:underline !important; text-underline-offset:5px; font-size:22px; color:#007990; margin-top:25px; display:inline-block; letter-spacing:-1px; font-weight:500}

.skill_cate{padding:10px 50px; display:flex; overflow-x:auto; white-space:nowrap; text-overflow:ellipsis; border-bottom:1px solid #ddd; background:#f0f0f0}
.skill_cate li{font-size:14px; border-radius:100px; padding:5px 15px; background:#fff; border:1px solid #ddd; cursor:pointer}
.skill_cate li + li{margin-left:10px}
.skill_cate li span{display:inline-block; min-width:21px; height:21px; line-height:20px; font-size:12px; text-align:center; border:1px solid #ddd; border-radius:100px; padding:0 5px; margin:0 -10px 0 10px}
.skill_cate li.active{border:0; background:#122641; color:#fff}
.skill_cate li.active span{border:0; background:#fff; color:#333}

.skill_tabbox{display:none}
.skill_tabbox.active{display:block}
.skill_qa > div, .skill_result{border:6px solid #e4e4e4; border-radius:20px; overflow:hidden}
.skill_qa > div + div{margin-top:10px}
.skill_qa .q{display:grid; grid-template-columns:50px auto; padding:20px 25px; font-size:18px; line-height:1.3; word-break:keep-all; min-height:125px}
.skill_qa .q strong{font-size:22px; font-weight:bold; color:#4272f9}
.skill_qa .a{background:#fafafa; padding:10px 100px; border-top:1px solid #ddd; display:flex; justify-content:space-between}
.skill_qa .a li{width:100%; text-align:center}
.skill_qa .a input{display:none}
.skill_qa .a span{display:inline-block; width:33px; height:33px; line-height:31px; text-align:center; border:1px solid #999; border-radius:100%; background:#fff; font-size:14px; font-weight:bold}
.skill_qa .a p{font-size:14px; color:#777; margin-top:5px; letter-spacing:-1px; white-space:nowrap}
.skill_qa .a input:checked + label span{color:#fff; background:#4272f9; border:1px solid #4272f9}
.skill_test .q{min-height:auto; background:#fff; position:relative}
.skill_test .a{display:block; padding:10px 80px}
.skill_test .a li{text-align:left}
.skill_test .a li + li{margin-top:10px}
.skill_test .a label{display:flex}
.skill_test .a p{margin-left:10px; width:calc(100% - 50px); white-space:normal}
.bd_blue{border:1px solid #4272f9 !important; background:#fff !important; color:#4272f9 !important}
.test_o .q::before, .test_x .q::before{content:''; position:absolute; top:10px; left:10px; width:63px; height:63px; background:url('/assets/images/newRaodmap/test_o.png') no-repeat center}
.test_x .q::before{background:url('/assets/images/newRaodmap/test_x.png') no-repeat center}
.test_result{background:#fff; padding:20px 50px; text-align:center}
.test_result .tit{font-size:44px; font-weight:bold}
.test_result .tit strong{color:#ff5353}
.test_result .text{margin-top:10px; font-size:20px; color:#333}
.test_result .text strong{color:#4272f9}
.test_result.ok{background:#122641; border:0}
.test_result.ok .tit{color:#fff495}
.test_result.ok .text{color:#fff}

.skill_result{padding:20px 25px; background:#fff}
.skill_result .tit{width:215px; height:40px; line-height:40px; border-radius:100px; background:#122641; color:#fff; text-align:center; font-size:20px; font-weight:bold; margin:0 auto 20px}
.skill_result li + li{margin-top:20px}
.skill_result .bar_box{border:1px solid #ddd; display:grid; grid-template-columns:auto 75px; border-radius:100px; align-items:center}
.skill_result .bar_box .bar{height:34px; line-height:34px; border-right:1px solid #ddd; border-radius:100px; background:#f7f7f7; position:relative; overflow:hidden}
.skill_result .bar_box .name{position:relative; padding-left:15px; font-weight:500}
.skill_result .bar_box .per{position:absolute; top:0; left:0; height:100%; background:#48e2ff}
.skill_result .bar_box .num{text-align:center; font-size:22px; color:#4272f9}
.skill_result .text{margin:5px 15px 0; color:#ff5353; letter-spacing:-1px}
.skill_result .score_box{grid-template-columns:125px auto; background:#f7f7f7}
.skill_result .score_box .score{height:34px; display:flex; align-items:center; justify-content:center; border-right:1px solid #ddd; border-radius:100px; background:#fff; font-size:20px; color:#4272f9}
.skill_result .score_box .info{padding:0 15px}

.ai_wrap .com-list-tab button.on, .ai_wrap .com-list-tab a.on, .ai_wrap .com-list-tab button:hover, .ai_wrap .com-list-tab a:hover{background:linear-gradient(325deg, #29d4f2, #2998e7)}
.ai_xl_btn{height:73px; min-width:320px; padding:0 30px; border-radius:10px; font-size:24px}
.bk_sky1{background:#22c3e1 !important; color:#fff !important}
.bd_sky1{color:#22c3e1 !important; border:1px solid #22c3e1 !important; background:#fff !important}
.bk_blue2{background:#314484 !important; color:#fff !important}
.bd_blue2{color:#314484 !important; background:#fff !important; border:1px solid #314484 !important}
.fc_gray7{color:#777}
.bd_red{border:1px solid #ff4343 !important; color:#ff4343 !important; background:#fff !important}
.bk_green{background:#1bd78a !important; color:#fff !important}

.training_ai01{border:1px solid #ebebeb; position:relative; padding:20px}
.training_ai01 .tit{font-weight:bold; margin-bottom:20px}
/* .new_pop_wrap .tit{margin-bottom:0 !important} */
.training_swiper{width: 100%; max-width: 378px; text-align:center; overflow:hidden}
.training_swiper p{font-size:13px; margin-top:5px}
.ai_prev, .ai_next{width:30px; height:30px; background:url('/assets/images/newRaodmap/ai_arrow.png') no-repeat center rgba(0, 0, 0, 0.3); text-indent:-9999px; position:absolute; top:50%; margin-top:-15px; left:0}
.ai_next{left:auto; right:0; transform:rotate(180deg)}
.bk_mint1{background:#00b4c2 !important}
.ai_more_ic{width:17px; height:17px; background:url('/assets/images/newRaodmap/ai_more_ic.png') no-repeat center; display:inline-block; vertical-align:middle; margin:-3px 0 0 10px}

.noti_layer::before{content:none}
.noti_layer .new_pop{border-radius:0; background:#fafafa; border:1px solid #ddd; position:absolute; transform:none; top:auto; left:auto}
.noti_layer .pop_con{padding:20px}
.skill_li{background:#fff; border:1px solid #ddd; padding:20px 30px}
.skill_li > div + div{margin-top:20px}
.skill_li p{padding:8px 20px; color:#fff; font-size:18px; margin-bottom:10px}
.skill_li li{border:1px solid #ddd; border-radius:100px; padding:5px 20px; color:#777}
.skill_li li + li{margin-top:5px}

.mb0{margin-bottom:0 !important}
.normal{font-weight:normal !important}

.report_tit{display:flex; justify-content:space-between; align-items:center}
.report_tit span{color:#666}
.report_tit p{font-weight:bold; font-size:30px}
.report_tit .lg_btn{min-width:105px}
.ic_star3{display:inline-block; width:34px; height:13px; background:url('/assets/images/newRaodmap/ic_star3.png'); margin-right:10px}
.report_tit .btn_flex{display:flex}
.report_tit .btn_flex > * + *{margin-left:10px}

.report_box{display:flex; flex-wrap:wrap; margin:-10px}
.report_box > div{margin:10px; width:calc(50% - 20px); background:#f9f9f9; border:1px solid #ddd; padding:20px}
.report_box h4{margin-bottom:20px}
.report_box .grid{display:grid; grid-template-columns:1fr 1.3fr 1fr; gap:20px; text-align:center}
.report_box .grid > div{border:8px solid #e4e4e4; background:#fff; border-radius:20px; padding:10px}
.report_box .tit{font-weight:500}
.fc_green{color:#1bd78a !important}
.r_chart{width:80px; height:80px; position:relative; text-align:center; line-height:80px; margin:10px auto}
.r_chart canvas{position:absolute; top:0; left:0}
.report_box small{font-size:15px; color:#888}
.report_box small strong{color:#333; margin-left:20px}

.report_badge + .report_badge{margin-top:20px}
.report_badge ul{margin:-20px -10px; display:flex; flex-wrap:wrap}
.report_badge li{margin:20px 10px; display:inline-block; width:calc((100% - 120px)/6)}
.report_badge li img{filter:grayscale(); position:relative; z-index:2}
.report_badge li.active img{filter:none}
.report_badge li .box{border:8px solid #e4e4e4; border-radius:20px; padding:20px 10px 10px; background:#fff; text-align:center; position:relative}
.report_badge li p{display:flex; justify-content:center; align-items:center; height:40px; line-height:20px; margin-top:10px}
.report_badge .lg_btn{width:100%; margin-top:10px}
.report_badge button:disabled, .skill_btn button:disabled{background:#fff !important; border:1px #000000 solid !important; color:#000 !important; opacity:1 !important}
.report_badge3 li{width:calc((100% - 60px)/3)}
.report_badge_d li .box{background:linear-gradient(133deg, #fff 50%, #f2f2f2 50%)}
.report_badge_d li p{align-items:flex-start}
.report_badge_d .num{font-size:13px; display:inline-block; height:23px; line-height:21px; min-width:65px; text-align:center; color:#b3bfd2; background:#636a75; padding:0 20px; border-radius:100px}
.report_badge_d .num strong{color:#fff}
.report_badge_d .btn{margin-top:20px; text-align:center}
.report_badge_d .btn > * + *{margin-top:5px}
.report_badge_d .md_btn, .skill_con .md_btn{min-width:100px; padding:0 10px}
.hover_btn{position:relative}
.hover_btn span{position:absolute; top:-55px; left:50%; transform:translateX(-50%); white-space:nowrap; height:40px; line-height:40px; border-radius:100px; background:#314484; color:#fff; padding:0 15px; font-size:14px; display:none}
.hover_btn span::before{content:''; position:absolute; bottom:-15px; left:50%; margin-left:-5px; width:0; height:0; border:5px solid transparent; border-top:10px solid #314484}
.hover_btn button:hover + span{display:block}
.report_badge li.complete .box::before{content:''; position:absolute; top:-8px; left:-8px; right:-8px; bottom:-8px; background:rgba(0, 0, 0, 0.5); border-radius:20px}
.report_badge li.complete .box::after{content:'SKILL COMPLETE'; position:absolute; bottom:-8px; left:-8px; right:-8px; background:#ff5353; padding:15px 0; color:#fff; font-weight:bold; border-radius:0 0 20px 20px; font-size:14px}

.skill_detail{display:grid; grid-template-columns:125px auto; gap:30px}
.skd_tab .report_badge li{width:calc((100% - 60px)/3)}
.skd_tab .report_badge li .box{padding:40px 10px}
.skd_tab .report_badge li p{margin-top:0; font-size:20px; height:44px; line-height:22px}
.skd_box > div{margin:20px 0; display:none}
.skd_box > div.on{display:block}
.skd_box li{display:grid; grid-template-columns:31% auto; align-items:center; border:1px solid #ddd; background:#fff; overflow:hidden}
.skd_box li + li{margin-top:-1px}
.skd_box li > div{padding:20px}
.skd_box .img img{max-width:100%}
.skd_box .tit{position:relative; min-width:0}
.skd_box .tit::before{content:''; position:absolute; top:-99px; bottom:-99px; left:0; width:1px; background:#ddd}
.skd_box .tit p{overflow:hidden; white-space:nowrap; text-overflow:ellipsis}
.skd_box .tit p + p{margin-top:10px}
.skd_box .lg_btn{width:100%; border-radius:0; border:1px solid #ddd; background:#e4e4e4; border-top:0; color:#777}

.cate_rank li{position:relative; padding-left:15px}
.cate_rank li::before{content:'1'; position:absolute; top:6px; left:0; font-weight:bold; font-size:22px}
.cate_rank li:nth-child(2):before{content:'2'}
.cate_rank li:nth-child(3):before{content:'3'}
.cate_rank li:nth-child(4):before{content:'4'}
.cate_rank li:nth-child(5):before{content:'5'}
.cate_rank li:nth-child(6):before{content:'6'}
.cate_rank li:nth-child(7):before{content:'7'}
.cate_rank li:nth-child(8):before{content:'8'}
.cate_rank li:nth-child(9):before{content:'9'}
.cate_rank li + li{margin-left:10px}

.dot_li li{position:relative; padding-left:10px}
.dot_li li::before{content:'·'; position:absolute; top:0; left:0}

.skill_chk_box{border:1px solid #ddd; padding:20px; background:#fff}
.skill_chk_box + .skill_chk_box{margin-top:10px}
.skill_chk_box p{display:block; margin:-20px 0 20px -20px; height:34px; line-height:32px; width:205px; text-align:center; color:#fff}
.skill_chk{display:flex; flex-wrap:wrap; margin:-5px}
.skill_chk li{margin:5px; width:calc(25% - 10px)}
.skill_chk input{display:none}
.skill_chk label{width:100%; height:38px; line-height:36px; border:1px dashed #ddd; padding:0 10px; border-radius:100px; font-size:14px; color:#777; display:flex; align-items:center; justify-content:space-between}
.skill_chk label span{display:inline-block; width:18px; height:18px; background:#fff; border:1px solid #333; position:relative}
.skill_chk input:checked + label{border:2px dashed #999; background:#f1f1f1; color:#333}
.skill_chk input:checked + label span::before{content:''; position:absolute; width:9px; height:5px; background:transparent; top:2px; left:2px; border:3px solid #333; border-top:none; border-right:none;  transform:rotate(-45deg); border-radius:2px; outline:none}
.skill_dl{display:grid; grid-template-columns:205px auto}
.skill_dl dt{background:#122641; color:#fff; display:flex; justify-content:center; align-items:center}
.skill_dl dd{border:1px solid #ddd; border-left:0; background:#fff; padding:10px; vertical-align:middle}

@media (max-width: 1240px) {
  .noti_layer .new_pop{position:fixed; left:50% !important; top:50%; bottom:auto !important; transform:translate(-50%, -50%)}
}

@media (max-width: 767px) {
  .ai_info_btn{margin:10px 0; width:100%}
  .ai_info_btn a{width:100%; text-align:center}

  .gate_page{margin:0 -10px; border-radius:0; padding:40px 10px}
  .gate_page .title h2{font-size:18px; margin-bottom:10px}
  .gate_page .title img{width:60%; filter:drop-shadow(5px 10px 10px rgba(0,0,0,0.25))}
  .gate_page > div + div{margin-top:40px}
  .gate_blt{height:35px; line-height:35px; width:135px; font-size:16px; margin-bottom:20px}
  .skill_radio{margin:-10px -5px}
  .skill_radio li{width:calc(50% - 10px); margin:10px 5px; border-radius:10px; box-shadow:5px 5px 5px rgba(0,0,0,0.09)}
  .skill_radio .img{padding:10px}
  .skill_radio .img img{width:40%}
  .skill_radio .tit p{font-size:14px; height:45px}
  .gate_noti{font-size:16px; margin-top:20px}

  .skill_step li{width:19%}
  .skill_step li + li{margin-left:8%}
  .skill_step li + li::after{left:-50%; background-size:auto 50% !important}
  .skill_step li span{font-size:16px}
  .gate_btnarea{margin-top:40px}
  .gate_btn_lg{height:60px; line-height:65px; border-radius:10px; font-size:24px}
  .gate_btn_lg i{width:24px; height:24px; background-size:100% auto !important; margin:-5px 0 0 15px}
  .underline_btn{margin-top:10px; font-size:14px}
  .skill_radio01 > li > label{border-radius:10px; border-width:3px}

  .new_pop .skill_con{padding:20px 10px}
  .skill_con .skill_tit{font-size:16px}
  .new_pop .skill_btn{padding:10px}
  .new_pop .skill_btn > * + *{margin-left:10px}
  .skill_con .correct{margin:10px}

  .m_mb20{margin-bottom:20px}
  .m_mt10{margin-top:10px}

  .skill_cate{padding:10px}
  .skill_qa > div, .skill_result{border-width:3px; border-radius:10px}
  .skill_qa .q{padding:15px; font-size:14px; grid-template-columns:35px auto}
  .skill_qa .q strong{font-size:16px}
  .test_o .q::before, .test_x .q::before{width:35px; height:35px; background-size:100% auto}
  .skill_qa .a{padding:10px}
  .skill_qa .a p{font-size:12px}
  .skill_test .a p{font-size:13px}

  .skill_result .tit{font-size:16px; width:175px; height:35px; line-height:35px}
  .skill_result{padding:20px 10px}
  .skill_result .bar_box{grid-template-columns:auto 65px}
  .skill_result .bar_box .bar{height:30px; line-height:28px}
  .skill_result .bar_box .name, .skill_result .text{font-size:14px; word-break:keep-all}
  .skill_result .bar_box .num{font-size:18px}
  .skill_result .text{margin:5px 0}
  .skill_result .score_box{grid-template-columns:85px auto}
  .skill_result .score_box .score{font-size:14px}
  .skill_result .score_box .info{padding:0 10px; font-size:13px}

  .ai_xl_btn{height:45px; line-height:45px; font-size:15px; padding:0 15px; min-width:auto; border-radius:4px}
  .training_ai01{padding:10px}
  .training_swiper{width: 100%; max-width: 263px; text-align:center; overflow:hidden}
  .training_swiper p{font-size:12px}
  .ai_prev, .ai_next{width:24px; height:24px}

  .report_tit p{font-size:18px}
  .report_box{display:block; margin:0 -10px}
  .report_box > div{width:calc(100% - 20px); padding:10px}
  .report_box .grid{gap:10px}
  .report_box .grid > div, .report_badge li > div{border-width:6px; border-radius:10px}
  .report_badge li .box{border-width:6px; border-radius:15px}
  .report_box h4{margin-bottom:10px}

  .mbox_none{border:0 !important; padding:0 !important; background:0 !important}

  .r_chart{font-size:14px}
  .r_chart, .r_chart canvas{width:70px !important; height:70px !important; line-height:70px}
  .report_box small{font-size:13px}

  .report_badge + .report_badge{margin-top:10px}
  .report_badge ul{margin:-10px -5px}
  .report_badge li{width:calc((100% - 30px)/3); margin:10px 5px}
  .report_badge li > div{padding:10px 0}
  .report_badge li p{font-size:14px; word-break:keep-all}
  .report_badge li .img{height:65px; margin:0 auto}
  .report_badge li .img img{height:100%}

  .report_badge li.complete .box::before{border-radius:15px; top:-6px; left:-6px; right:-6px; bottom:-6px}
  .report_badge li.complete .box::after{font-size:12px; bottom:-6px; left:-6px; right:-6px; border-radius:0 0 15px 15px; padding:12px 0}
  .report_badge_d .btn{margin-top:0}
  .hover_btn button:hover + span{display:none}

  .ai_cate2{margin:0 -10px; padding:0 10px}
  .cate_rank li::before{top:5px; font-size:18px}
  .ai_list .title .time{font-size:12px; margin-bottom:5px}
  .ai_list .title .tit{font-size:16px}
  .ai_list .info p{font-size:13px; height:26px; line-height:26px}
  .ai_cate1{flex-wrap:wrap}
  .ai_cate1 button{min-width:auto; padding:0 20px}
  .ai_cate1 .ai_cate2{margin:20px -20px 0}
  .ai_cate_box{padding:10px; margin:20px -10px}
  .ai_title{margin-bottom:20px}
  .table1_w td{padding:5px}
  .skill_chk_box{padding:20px 10px}
  .skill_chk_box p{margin:-20px 0 20px -10px; height:30px; line-height:28px; width:calc(100% + 20px)}
  .skill_chk li{width:calc(100% - 10px)}
  .skill_dl{display:block}
  .skill_dl dt{height:30px}

  .new_pop .skill_info{padding:10px}
  .new_pop .skill_info.xs_scroll{overflow-x:auto; white-space:nowrap; text-overflow:ellipsis}
  .new_pop .skill_info label{width:auto !important}
  .new_pop .skill_info div{margin-left:20px}
  .new_pop .skill_info strong + label{margin-left:10px}

  .skill_detail{display:block}
  .skill_detail .badge_img{text-align:center; margin-bottom:20px}
  .skill_detail .badge_img img{width:85px}
  .skd_tab .report_badge li{width:calc((100% - 30px)/3)}
  .skd_tab .report_badge li p{font-size:14px; line-height:16px; height:48px}
  .skd_tab .report_badge .lg_btn{font-size:14px; padding:0}
  .skd_box li > div{padding:10px}
  .skd_box .tit p + p{margin-top:5px}
  .skd_box .tit a{font-size:14px}

  .com-slick-banner.event-type .banner-area .banner .photo{padding-bottom:0}
  .com-slick-banner.event-type .banner-area .banner .photo img{position:relative}
}

/* 인증팝업 */
.layer-pop.otp_pop .pop-container{background:#fff; padding:30px; max-width:560px; text-align:center}
.otp_pop .text{font-size:19px;}
.otp_pop .code{font-size:90px; font-weight:bold; letter-spacing:15px; color:#5d5d5d}
.otp_pop .noti{color:#f33434; font-weight:bold; margin-bottom:15px}
.otp_pop .noti i{display:inline-block; width:22px; height:22px; background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/icon/ic_reset_red.svg') no-repeat center; background-size:contain; vertical-align:middle; margin-right:10px;}
.otp_input{display:grid; grid-template-columns:repeat(3, 80px); gap:20px; justify-content:center;}
.otp_input input{width:80px; height:80px; border-radius:12px; background:#eaeaea; text-align:center; font-size:40px; font-weight:bold; color:#4272f9}
.otp_pop .btnarea{margin-top:30px}
.otp_pop .btnarea button{max-width:280px}

@media (max-width: 767px) {
  .otp_pop .text{font-size:14px;}
  .otp_pop .code{font-size:65px; letter-spacing:10px;}
  .layer-pop.otp_pop .close-pop-btn{top:15px !important; right:15px !important}
  .otp_pop .noti{font-size:14px;}
  .otp_pop .noti i{width:18px; height:18px;}
  .otp_input{grid-template-columns:repeat(3, 60px); gap:10px;}
  .otp_input input{width:60px; height:60px; font-size:30px;}
  .otp_pop .btnarea button{width:100%}
}

/* 메인 체더스 추가 */
.chathess_box .info{padding:10px 20px; /*min-height:auto*/}
.chathess_box .price{background:#f8f8f8}

/* 위탁연수 */
.region_tab{margin:30px 0}
.region_tab ul{display:grid; grid-template-columns:repeat(9, 1fr); margin:1px 0 0 1px;}
.region_tab li{margin:-1px 0 0 -1px; border:1px solid #ddd;}
.region_tab button{width:100%; font-size:17px; padding:10px 0; color:#666}
.region_tab span{color:#f36c65; display:inline-block; margin-left:3px;}
.region_tab button.active{background:#4272f9; color:#fff;}
.region_tab button.active span{color:#fff}

.offline_list{display:grid; grid-template-columns:repeat(2, 1fr); gap:20px}
.offline_list li{border:1px solid #ddd; position:relative}
.offline_list .name{display:flex; align-items:center; justify-content:center; gap:10px; padding:10px;}
.offline_list .name .logo{width:30px; height:100%; display:flex; align-content:center; justify-content:center}
.offline_list .name .logo img{max-width:100%}
.offline_list .name p{font-size:18px; font-weight:bold; color:#666}
.offline_list .name p{font-size:18px; font-weight:bold; color:#666}
.offline_list .tit{background:#eef3f6; height:80px; display:flex; align-items:center; justify-content:center; font-size:17px; font-weight:bold;}
.offline_list .info{padding:20px; display:flex; justify-content:space-between; align-items:flex-end;}
.offline_list .info dl{display:grid; grid-template-columns:78px auto; gap:10px 20px; align-items:center;}
.offline_list .info dt{width:100%; height:33px; line-height:33px; border-radius:100px; background:#737373; color:#fff; text-align:center;}
.offline_list .xl_btn{min-width:100px; background:#bbb; color:#fff; text-align:center; padding: 0px;}

@media (max-width: 767px) {
  .region_tab{overflow-x:scroll; margin:10px -10px; padding:10px}
  .region_tab::-webkit-scrollbar{display:none}
  .region_tab ul{display:flex; white-space:nowrap}
  .region_tab button{padding:5px 20px; font-size:15px;}
  .region_tab span{display:block; margin:0; font-weight:bold;}
  .offline_list{grid-template-columns:1fr;}
  .offline_list .name p{font-size:15px;}
  .offline_list .tit{font-size:15px; display:block; height:auto; padding:10px; text-align:center; word-break:keep-all;}
  .offline_list .info{padding:10px; flex-direction:column; gap:10px}
  .offline_list .info dl{grid-template-columns:60px auto; font-size:14px; gap:5px 10px; width: 100%;}
  .offline_list .xl_btn{height:35px; line-height:35px; width:100%; font-size:14px}
}

/* 클립형연수 */
.clip_box{border:1px solid #ddd; padding:20px;}
.clip_box + .clip_box{margin-top:20px}
.clip_box:nth-child(2n) .clip_item li{background-image:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/icon/clip_play02.png');}
.clip_box .title{font-weight:bold; font-size:18px; margin-bottom:20px;}
.clip_item li{position:relative; border-radius:20px; background:url('https://tvcache.teacherville.co.kr/teacherville2/image/web/icon/clip_play01.png') no-repeat center 43% #eaf0ff; overflow:hidden;}
.clip_item li::before{content:''; position:relative; display:block; padding-bottom:177.16%;}
.clip_item li::after{content:''; position:absolute; bottom:0; left:0; width:100%; height:50%; background:linear-gradient(to top, rgba(0,0,0,.15), transparent)}
.clip_item li > div{position:absolute; top:0; left:0; width:100%; height:100%; display:grid; grid-template-rows:20px auto 10px; gap:40px; padding:20px; z-index:1;}
.clip_item .num{color:#4272f9; font-size:13px; font-weight:bold;}
.clip_item .tit{align-self:end; font-size:17px; font-weight:bold; line-height:1.3;}
.clip_item .logo{height:100%; display:block; margin:0 auto}

@font-face {
  font-family: 'YeogiOttaeJalnan';
  src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_four@1.2/JalnanOTF00.woff') format('woff');
  font-weight: normal;
  font-display: swap;
}
.clip_blt{position:absolute; bottom:0; left:0; width:100%; height:30px; line-height:31px; padding:0 10px; background:rgba(236, 133, 0, .7); color:#fff; font-size:13px; font-family:'YeogiOttaeJalnan'; letter-spacing:1px;}

.clip_list > li{border:1px solid #ddd; margin-top: 20px;}
.clip_list > li + li{margin-top:20px}
.clip_list .clip_tit{padding:40px 20px; display:flex; align-items:center; justify-content:space-between;}
.clip_tit .tit{font-weight:bold; font-size:18px;}
.clip_tit .info{display:flex; align-items:center; gap:70px;}
.clip_tit dl{text-align:center;}
.clip_tit dl *{font-size:15px;}
.clip_tit dt{font-weight:bold;}
.clip_tit dd{color:#888}
.clip_toggle{background:url('../images/icon/ic_toggle_btn_dw.png') no-repeat center; width:31px; height:31px; font-size:0; background-size:contain}
.clip_view{padding:0 20px 20px; display:none}
.clip_view ul{display:grid; grid-template-columns:repeat(4, 1fr); gap:20px}
.clip_view .img{position:relative; padding-bottom:56%; overflow:hidden}
.clip_view .img img{position:absolute; top:0; left:0; width:100%}
.clip_view .download{position:absolute; top:10px; right:10px; color:#333; background:#f1f1f1; z-index:10;}
.clip_view .download i{background:url('https://www.teacherville.co.kr/assets/images/230905_ai/ai_down_icon.png') no-repeat center; width:15px; height:15px; background-size:contain; display:inline-block; margin-left:5px}
.clip_view .img::before{content:''; position:absolute; top:0; left:0; width:100%; height:100%; background:url('https://www.teacherville.co.kr/assets/images/icon/ic_play_btn1.png') no-repeat center rgba(0, 0, 0, 0.6); z-index:1; background-size:41px auto}
.clip_view .progress_bar{position:absolute; z-index:2; bottom:20px; left:20px; right:20px;}
.clip_view .progress_bar p{color:#fff; font-size:13px; margin-bottom:10px;}
.clip_view .progress_bar .bar{width:100%; height:1px; background:#8c8c8c; position:relative;}
.clip_view .progress_bar .bar span{position:absolute; top:-1px; left:0; bottom:-1px; background:#ec8500}
.clip_view .tit{background:#f7f7f7; border:1px solid #ddd; border-top:none; padding:10px 15px;}
.clip_view .tit p{display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical; overflow:hidden; height:40px; line-height:20px;}

.clip_list > li.active .clip_tit{padding:20px;}
.clip_list > li.active .clip_view{display:block;}
.clip_list > li.active .clip_toggle{transform:rotate(180deg);}

@media (max-width: 767px) {
  .clip_box{border:0;}
  .clip_box + .clip_box{border-top:8px solid #f2f2f2}
  .clip_box .title{font-size:16px; margin-bottom:10px;}
  .clip_item li{border-radius:10px; background-size:20% auto}
  .clip_item li > div{padding:10px}
  .clip_item .tit{font-size:15px;}

  .clip_list .clip_tit{padding:10px; flex-direction:column; gap:10px; align-items:normal; position:relative;}
  .clip_tit .tit{font-size:15px;}
  .clip_tit .info{gap:10px}
  .clip_tit .info dl{display:flex; gap:5px;}
  .clip_tit .info dl *{font-size:13px;}
  .clip_toggle{position:absolute; top:50%; right:10px; width:25px; margin-top:-15px}

  .clip_list > li.active .clip_tit{padding:10px;}
  .clip_view{padding:0 10px 10px;}
  .clip_view ul{grid-template-columns:repeat(2, 1fr); gap:10px;}
  .clip_view .progress_bar{left:10px; right:10px; bottom:10px;}
  .clip_view .download{position: absolute;top:5px; right:5px;}
  .clip_view .img::before{background-size:21px auto}
  .clip_view .progress_bar p{margin-bottom:5px;}
  .clip_view .tit{padding:10px}
  .clip_view .tit p{font-size:14px;}
}

/* 쌤구봇 상담 */
.kakao_fix{position:fixed; bottom:25px; right:25px; width:80px; border-radius:10px; z-index:10;}
.kakao_fix img{max-width:100%; filter:drop-shadow(0 3px 3px rgba(0,0,0,.2)); transition:filter .3s ease;}
.kakao_fix:hover img{filter:drop-shadow(0 6px 6px rgba(0,0,0,.2));}

@media (max-width: 767px) {
  .kakao_fix{width:60px; right:10px; bottom:calc(80px + env(safe-area-inset-bottom));}
}