@charset "utf-8";
@import url(animate.min.css);
@import url(owl.carousel.min.css);
@import url('../plugins/toastr/toastr.min.css');
@import url('../plugins/sweetalert2/sweetalert2.min.css');
@import url(//cdn.jsdelivr.net/npm/select2@4.1.0-rc.0/dist/css/select2.min.css);
@import url(//cdn.jsdelivr.net/npm/bootstrap-icons@1.7.2/font/bootstrap-icons.css);
@import url(//cdn.jsdelivr.net/npm/@fancyapps/ui@4.0/dist/fancybox.css);
/*@import url(//cdnjs.cloudflare.com/ajax/libs/fancybox/3.5.7/jquery.fancybox.css);*/
@import url(../plugins/bootstrap-datepicker/css/bootstrap-datepicker3.standalone.min.css);
@import url(//cdnjs.cloudflare.com/ajax/libs/timepicker/1.3.5/jquery.timepicker.min.css);

/* reset */
* {margin:0;padding:0;box-sizing:border-box;}
html,body {width:100%;height:100%;min-height:100%;background:#f7f7f7;min-width:320px;line-height:1;}
body,input,select,textarea,button,label {font-size:16px;font-family:'Noto Sans KR','Malgun Gothic',sans-serif;color:#101010;letter-spacing:-0.5px;}
ul , ol , li {list-style:none;}

table {border-spacing:0;border:0;border-collapse:collapse;}
table td {word-wrap:break-word;word-break:break-all;}
img,fieldset,abbr {border:0;}
img {max-width:100%;}
button {border:0;cursor:pointer}
address,caption,cite,code,em {font-style:normal;font-weight:normal;}
img,input,select,textarea,button,label {vertical-align:middle;}
caption,legend {width:1px;height:1px;margin-top:-1px;line-height:1px;text-indent:-9999px;overflow:hidden;}
header,section,nav,hgroup,footer,aside,article,figure {display:block;}
hr {display:none;}
a {color:#101010;text-decoration:none;}
a:hover {color:#2b6ac0;text-decoration:none;}
a.link:hover {text-decoration:underline;}

.hide {position:absolute;left:0;top:0;overflow:hidden;text-indent:-9999px;}
.hidden {display:none !important;}
.qrcode img {display: inline-block !important;}

.swal2-container{z-index: 100000}
	/* 로딩 공통 */
.loadingDiv {width: 100%;height: 100%;position: fixed;background-color: rgba(0, 0, 0, 0.1);top: 0;left: 0;z-index: 10000;color: #fff;text-align: center;align-items: center;display: grid;font-size: 30px;}
.loadingDiv img {margin:auto;}
.loadingAni {position:fixed;left: 50%; top: 50%;width: 80px;height: 60px; z-index:10001;}
.loadingAni div {display: inline-block; position: absolute; left: 8px; width: 16px; background: #ff8601; animation: loadingAni 1.2s cubic-bezier(0, 0.5, 0.5, 1) infinite;}
.loadingAni div:nth-child(1) {left: 8px; animation-delay: -0.24s;}
.loadingAni div:nth-child(2) {left: 32px; animation-delay: -0.12s;}
.loadingAni div:nth-child(3) {left: 56px; animation-delay: 0;}

@keyframes loadingAni {0% {top: 8px; height: 64px;} 50%, 100% {top: 24px; height: 32px;}}
/* animation */
.animated {-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both;}
@-webkit-keyframes fadeUp {0% {opacity:0;-webkit-transform:translateY(20px);transform:translateY(20px);}
  100% {opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}}
@keyframes fadeUp {0% {opacity:0;-webkit-transform:translateY(20px);-ms-transform:translateY(20px);transform:translateY(20px);}
  100% {opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}
@-webkit-keyframes fadeUpBig {0% {opacity:0;-webkit-transform:translateY(40px);transform:translateY(40px);}
  100% {opacity:1;-webkit-transform:translateY(0);transform:translateY(0);}}
@keyframes fadeUpBig {0% {opacity:0;-webkit-transform:translateY(40px);-ms-transform:translateY(40px);transform:translateY(40px);}
  100% {opacity:1;-webkit-transform:translateY(0);-ms-transform:translateY(0);transform:translateY(0);}}
@keyframes fadeLeft {
  0% {opacity:0;-webkit-transform:translateX(-40px);-ms-transform:translateX(-40px);transform:translateX(-40px);}
  100% {opacity:1;-webkit-transform:translateX(0);-ms-transform:translateX(0);transform:translateX(0);}
}

.d-none{display: none !important;}
.fancybox__container{z-index: 19999;}

.ck-content .media {position: relative;padding-bottom: 56.25%;}
.ck-content .media iframe{width: 100%;height: 100%;position: absolute;border: 0;}

/* Tooltip container */
.tooltip {position: relative;display: inline-block;}
.tooltip .tooltiptext {visibility: hidden;width: 360px;background-color: black;color: #ddd;text-align: left;border-radius: 6px;padding: 10px 15px;position: absolute;z-index: 100001;top: 150%;left: 50%;margin-left: -180px;line-height:24px;}
.tooltip .tooltiptext::after {content: "";position: absolute;bottom: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: transparent transparent black transparent;}
.tooltip:hover .tooltiptext {visibility: visible;}

.tooltip2 {position: relative;display: inline-block;}
.tooltip2 .tooltiptext {visibility: hidden;width: 260px;background-color: black;color: #ddd;text-align: left;border-radius: 6px;padding: 10px 15px;position: absolute;z-index: 2;top: 100%;left: 50%;margin-left: -130px;line-height:24px; font-size:14px;}
.tooltip2 .tooltiptext::after {content: "";position: absolute;bottom: 110%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid; border-color: transparent transparent black transparent;}
.tooltip2:hover .tooltiptext {visibility: visible;}

.tooltip3 {position: relative;display: inline-block;overflow: inherit !important;}
.tooltip3 .tooltiptext {visibility: hidden;width: 360px;background-color: black;font-size:14px;color: #ddd;text-align: left;border-radius: 6px;padding: 10px 15px;text-indent:0;position: absolute;z-index: 100001;top: 150%;left: 50%;margin-left: -100px;line-height:24px;}
.tooltip3 .tooltiptext::after {content: "";position: absolute;bottom: 100%;left: 50%;margin-left: -86px;border-width: 5px;border-style: solid;border-color: transparent transparent black transparent;}
.tooltip3:hover .tooltiptext {visibility: visible;}
@media only all and (max-width:767px) {
	.tooltip3 .tooltiptext {width: 260px;padding: 10px 15px;top: 150%;left:0;margin-left:-20px;line-height:18px;font-size:12px;}
	.tooltip3 .tooltiptext::after {left:25px;margin-left:0;}
}
@font-face {
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:300;
    src: url(../font/NotoSansKR-Light.woff2) format('woff2'),
        url(../font/NotoSansKR-Light.woff) format('woff'),
        url(../font/NotoSansKR-Light.otf) format('opentype');
}
@font-face {
    font-family:'Noto Sans KR';
    font-style:normal;
    font-weight:400;
    src: url(../font/NotoSansKR-Regular.woff2) format('woff2'),
        url(../font/NotoSansKR-Regular.woff) format('woff'),
        url(../font/NotoSansKR-Regular.otf) format('opentype');
}
@font-face {
   font-family:'Noto Sans KR';
   font-style:normal;
   font-weight:500;
   src: url(../font/NotoSansKR-Medium.woff2) format('woff2'),
        url(../font/NotoSansKR-Medium.woff) format('woff'),
        url(../font/NotoSansKR-Medium.otf) format('opentype');
}
@font-face {
   font-family:'Noto Sans KR';
   font-style:normal;
   font-weight:700;
   src: url(../font/NotoSansKR-Bold.woff2) format('woff2'),
        url(../font/NotoSansKR-Bold.woff) format('woff'),
        url(../font/NotoSansKR-Bold.otf) format('opentype');
}
@font-face {
   font-family:'SDBook';
   src:url('../font/SDBookTTF-bMd.eot');
   src:url('../font/SDBookTTF-bMd.eot?#iefix') format('embedded-opentype'),
      url('../font/SDBookTTF-bMd.woff2') format('woff2'),
      url('../font/SDBookTTF-bMd.woff') format('woff');
}
@import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@400;500;700&display=swap');

@font-face {
    font-family: 'GmarketSansMedium';
    src: url('https://cdn.jsdelivr.net/gh/projectnoonnu/noonfonts_2001@1.1/GmarketSansMedium.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

/* wrap */
#wrap {min-width:1472px;}

/* header */
#header {position:fixed;left:0;top:0;width:100%;height:200px;line-height:20px;z-index:10;transition:all 0.3s;}
#header .utility {border-bottom:1px solid #43bee6;}
#header .utility .inner {width:1472px;height:48px;margin:0 auto;padding-top:12px;overflow:hidden;transition:all 0.3s;}
#header.active .utility .inner {height:40px;padding-top:8px;}
#header .utility .inner .right {float:right;}
#header .utility a {position:relative;padding:0 12px 0 15px;font-size:14px;color:#fff;font-weight:300;}
#header .utility a:before {content:"";position:absolute;top:5px;left:0;width:1px;height:13px;background:#fff;}
#header .utility a:first-child:before {background:none;}
#header .utility a:last-child {padding-right:0;}
#header .utility a:hover {font-weight:500;}
#header .utility .go-site {padding-left:20px;background:url('../images/common/ico_mteacher.png') no-repeat 0 50%;}
#header .utility .bookmark-add {padding-left:35px;background:url('../images/common/ico_favo.png') no-repeat 17px 50%;}
#header .header-inner {position:relative;width:1472px;margin:0 auto;}
#header h1 {display:inline-block;padding-top:42px;margin-left:-14px;transition:all 0.3s;}
#header h2 {display:none;}
#header.active h1 {padding-top:10px;}
#header h1 a {display:inline-block;width:220px;height:90px;background:url('../images/common/logo.png') no-repeat 0 0;text-indent:-9999px;overflow:hidden;}
#header .all-menu {display:none;position:absolute;right:12px;top:4px;z-index:1200;}
#header .all-menu .line-wrap {display:inline-block;width:44px;height:50px;padding-top:9px;vertical-align:middle;}
#header .all-menu .line {display:block;margin:7px auto;width:26px;height:2px;background-color:#fff;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
#header .all-menu.active .line {background-color:#fff;}
#header .all-menu.active .line:nth-child(2){opacity:0;}
#header .all-menu.active .line:nth-child(1){-webkit-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg);}
#header .all-menu.active .line:nth-child(3){-webkit-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg);}
#header .search {position:absolute;right:0;top:50px;transition:all 0.3s;}
#header .search .btn-search {width:38px;height:34px;text-indent:-9999px;overflow:hidden;background:url('../images/common/ico_search.png') no-repeat 50% 50%; display: inline-block;}
#header.active .search {top:23px;}

/* aside mobile */
.aside-wrap {display:none;}
.aside-nav {display:none;width:320px;height:100%;position:fixed;top:0;right:0;z-index:1100;text-align:left;overflow-y:auto;background:#fff;box-shadow:10px 0px 40px 0px rgba(126, 126, 126, 0.35);}
.aside-header {height:60px;background:#37b4dc;}
.aside-nav .lnb {margin-top:18px;}
.aside-nav .lnb > li.on > a,.aside-nav .lnb > li > a:hover {color:#37b4dc;}
.aside-nav .lnb > li > a {display:block;padding:0 25px;color:#333;font-size:18px;font-weight:700;line-height:50px;}
.aside-bottom {position:absolute;bottom:10px;left:0;width:100%;padding:0 20px;text-align:center;}
.aside-bottom a {float:left;width:calc(50% - 8px);height:40px;line-height:38px;margin:0 4px;color:#fff;font-size:14px;background:#37b4dc;}
.aside-bottom .go-site {width:100%;margin-bottom:8px;color:#333;background:#f4f4f4;}
.aside-bottom .go-site:before {content:"";display:inline-block;width:20px;height:20px;margin-right:6px;position:relative;top:5px;background:url('../images/common/ico_mteacher_blue.png') no-repeat 50% 50%;background-size:20px;}
.aside-bottom .login:before {content:"";display:inline-block;width:20px;height:20px;margin-right:6px;position:relative;top:5px;background:url('../images/common/ico_login.png') no-repeat 50% 50%;background-size:20px;}
.aside-bottom .join:before {content:"";display:inline-block;width:20px;height:20px;margin-right:6px;position:relative;top:5px;background:url('../images/common/ico_member.png') no-repeat 50% 50%;background-size:20px;}
.page-overlay {display:none;position:fixed;top:0;left:0;opacity:0;width:100%;height:100%;min-height:inherit;background:#000;z-index:1000;}

/* gnb */
#gnb {position:absolute;right:70px;top:38px;z-index:10;overflow:hidden;transition:all 0.3s;}
#header.active #gnb {top:10px;}
#gnb li {float:left;text-align:center;font-family:'SDBook';}
#gnb li a {display:block;height:60px;line-height:60px;padding:0 54px;font-size:20px;color:#fff;font-weight:500;}
#gnb li a span {position:relative;display:inline-block;height:60px;padding:0 2px;overflow:hidden;}
#gnb li a span i {font-size: 13px; vertical-align: top;}
#gnb li a:hover span i {font-size: 18px; vertical-align: top;}
#gnb li a span:before {content:"";position:absolute;width:0;height:3px;bottom:10px;left:50%;background-color:#fff;visibility:hidden;transition:all 0.3s ease-in-out;overflow:hidden;transform:translateX(-50%);}
#gnb li a:hover span:before {visibility:visible;width:100%;}
#gnb li.on a span:before {visibility:visible;width:100%;}

#container {position:relative;width:1472px;margin:0 auto;padding:200px 0 100px;}
#container:after {content:"";display:block;clear:both;}

/* aside lnb */
.aside-lnb {position:relative;float:left;width:235px;padding:0 20px 40px 23px;background:#fff;box-shadow:0 30px 50px 0 rgba(120, 120, 120, 0.21);}
.aside-lnb .h2-tit {position:relative;height:145px;padding:65px 0 40px;font-size:40px;color:#1f1f1f;font-weight:bold;font-family:'SDBook';}
.aside-lnb .h2-tit:before {content:"";position:absolute;left:0;top:49px;display:inline-block;width:30px;height:5px;background:#37b4dc;}
.aside-lnb .all-view {display:block;height:35px;line-height:35px;margin-bottom:30px;color:#fff;font-size:14px;font-weight:300;text-align:center;background:#5a5a5a;border-radius:5px;}
/* .aside-lnb .lnb {overflow:hidden;} */
.aside-lnb .lnb :after {content:"";display:block;clear:both;}
.aside-lnb .lnb > li {position:relative;margin-bottom:30px;}
.aside-lnb .lnb > li:last-child {margin-bottom:0;}
.aside-lnb .lnb > li span {display:block;color:#212121;font-size:18px;font-weight:700;}
.aside-lnb .lnb > li a {display:inline-block;color:#333;font-size:18px;font-weight:400;transition:all 0.3s;}
.aside-lnb .lnb > li a:hover {color:#f04b66;}
.aside-lnb .lnb > li a.on {color:#f04b66;font-weight:700;}
.aside-lnb .lnb > li > ul {margin-left:15px;line-height:1.2;}
.aside-lnb .lnb > li > ul ul {margin-left:17px;}
.aside-lnb .lnb > li li {margin:18px 0;}
.aside-lnb .lnb > li .info {position:absolute;right:0;top:0;display:inline-block;width:18px;height:18px;text-indent:-9999px;overflow:hidden;background:url('../images/common/ico_info.png') no-repeat 0 0;cursor:pointer;}
.aside-lnb .lnb > li.case1 span,.aside-lnb .lnb > li.case2 span {display:inline-block;margin-right:6px;vertical-align:middle;}
.aside-lnb .lnb > li.case1 a {display:inline-block;width:32px;height:32px;line-height:32px;margin-left:2px;text-align:center;color:#666;font-size:14px;font-weight:300;background:#f7f7f7;border-radius:100%;vertical-align:middle;}
.aside-lnb .lnb > li.case2 a {display:inline-block;height:32px;line-height:32px;padding:0 17px;margin-left:2px;text-align:center;color:#666;font-size:14px;font-weight:300;background:#f7f7f7;border-radius:32px;vertical-align:middle;}
.aside-lnb .lnb > li.case2.p10 a {padding:0 10px;}
.aside-lnb .lnb > li.case2.p8 a {padding:0 8px;}
.aside-lnb .lnb > li.case2 > span.p10 {padding:21px 0 0 41px;}
.aside-lnb .lnb > li.case1 a:hover,.aside-lnb .lnb > li.case1 a.on,.aside-lnb .lnb > li.case2 a:hover,.aside-lnb .lnb > li.case2 a.on {color:#fff;font-weight:500;background:#f04b66;}
.lnb-overlay {display:none;position:fixed;top:0;left:0;opacity:0;width:100%;height:100%;min-height:inherit;background:#000;z-index:1000;}
.aside-lnb .lnb-close {position:absolute;right:15px;top:12px;display:none;}
.aside-lnb .lnb-close .line {display:block;margin:7px auto;width:26px;height:2px;background-color:#fff;-webkit-transition: all 0.3s ease-in-out;transition: all 0.3s ease-in-out;}
.aside-lnb .lnb-close .line {background-color:#fff;}
.aside-lnb .lnb-close .line:nth-child(2){opacity:0;}
.aside-lnb .lnb-close .line:nth-child(1){-webkit-transform:translateY(10px) rotate(45deg);transform:translateY(10px) rotate(45deg);}
.aside-lnb .lnb-close .line:nth-child(3){-webkit-transform:translateY(-8px) rotate(-45deg);transform:translateY(-8px) rotate(-45deg);}

/* contents */
#contents {float:right;width:1200px;min-height:600px;margin:0 auto;padding:62px 80px 100px;background:#fff;box-shadow:5px -9px 50px 0 rgba(120, 120, 120, 0.25);}
#contents:after {content:"";display:block;clear:both;}

.live-class {position:fixed;right:5%;top:457px;z-index:10;color:#666;font-size:13px;text-align:center;line-height:17px;}
.live-class a {display:block;}
.live-class a span {display:inline-block;width:60px;height:60px;box-shadow:0px 10px 15px 0px rgba(179, 179, 179, 0.21);background:#f04b66 url('../images/common/ico_live.png') no-repeat 58% 50%;border-radius:100%;}
.live-class a:hover span {background:#f04b66 url('../images/common/ico_live.png') no-repeat 58% 50%;opacity: 0.7;}
@media only all and (max-width:1700px) {
    .live-class {right:1%;}
}
@media only all and (max-width:1800px) {
    .live-class {display:none;}
    /*.live-class {right:15px;top:auto;bottom:100px;font-size:12px;}
    .live-class a span {width:40px;height:40px;background:#f04b66 url('../images/common/ico_live.png') no-repeat 58% 50%;background-size:20px;}*/
}

/* AI수학 */
#wrap.math {background:url('../images/common/bg_blue.png') repeat-x 0 0;}
#wrap.math #header {/*background:#37b4dc;*/}
#wrap.math #header.active {height:120px;background:#37b4dc;}
#wrap.math #container:before {content:"";position:absolute;right:0;top:147px;display:block;width:100%;height:98px;background:url('../images/common/bg_cont_blue.png') no-repeat 100% 0;}

/* 퀴즈온 */
#wrap.quiz {background:url('../images/common/bg_yellow.png') repeat-x 0 0;}
#wrap.quiz #header {/*background:#fee01e;*/}
#wrap.quiz #header.active {height:120px;background:#fee01e;}
#wrap.quiz #header .utility {border-bottom:1px solid #eace17;}
#wrap.quiz #header .utility a {color:#222;}
#wrap.quiz #header .utility a:before {background:#777; width:1px;}
#wrap.quiz #header .utility a:first-child:before {background:none;}
#wrap.quiz .utility .go-site {background:url('../images/common/ico_mteacher_mint.png') no-repeat 0 50%;}
#wrap.quiz .utility .bookmark-add {background:url('../images/common/ico_favo_mint.png') no-repeat 17px 50%;}
#wrap.quiz #header .search .btn-search {background:url('../images/common/ico_search_black.png') no-repeat 50% 50%;}
#wrap.quiz #gnb li a {color:#1f1f1f;}
#wrap.quiz #gnb li a span:before {background-color:#1f1f1f;visibility:hidden;}
#wrap.quiz #gnb li a:hover span:before {visibility:visible;width:100%;}
#wrap.quiz #gnb li.on a span:before {visibility:visible;width:100%;}
#wrap.quiz #container:before {content:"";position:absolute;right:0;top:147px;display:block;width:100%;height:98px;background:url('../images/common/bg_cont_yellow.png') no-repeat 100% 0;}
#wrap.quiz .aside-lnb {padding:0 23px 60px;}
#wrap.quiz .aside-lnb .h2-tit:before {background:#fee01e;}
/* #wrap.quiz .aside-lnb .lnb > li {overflow:hidden;} */
#wrap.quiz .aside-lnb .lnb > li:after {content:"";display:block;clear:both;}
#wrap.quiz .aside-lnb .lnb > li span {display:block;margin-bottom:5px;color:#212121;font-size:18px;font-weight:700;}
#wrap.quiz .aside-lnb .lnb > li a:not(.tooltip3) {float:left;display:inline-block;width:calc(50% - 4px);margin:4px 2px;height:32px;line-height:32px;padding:0 10px;text-align:center;color:#666;font-size:14px;font-weight:300;background:#f7f7f7;border-radius:32px;vertical-align:middle;}
#wrap.quiz .aside-lnb .lnb > li a.on:not(.tooltip3) {color:#fff;font-weight:500;background:#f04b66;}
#wrap.quiz.make #contents {float:none;width:auto;}
#wrap.quiz.make #container:before {content:"";position:absolute;right:0;top:147px;display:block;width:100%;height:98px;background:url('../images/common/bg_cont_yellow2.png') no-repeat 100% 0;}

.tooltip3 + .tooltiptext {visibility: hidden; width: 360px;background-color: black;color: #ddd !important; font-size:14px !important; font-weight:300 !important;text-align: left;border-radius: 6px;padding: 10px 15px;position: absolute;z-index: 100001;top: 25px;left: 50%;margin-left: -95px;line-height:24px;}
.tooltip3 + .tooltiptext::after {position: absolute;bottom: 100%;left: 50%;margin-left: -5px;border-width: 5px;border-style: solid;border-color: transparent transparent black transparent;}
.tooltip3:hover + .tooltiptext {visibility: visible;}

/* 검색 */
#wrap.search {background:url('../images/common/bg_purple.png') repeat-x 0 0;}
#wrap.search #header {/*background:#736ee9*/}
#wrap.search #header.active {height:120px;background:#736ee9;}
#wrap.search #header .utility {border-bottom:1px solid #7d78ef;}
#wrap.search #container:before {content:"";position:absolute;right:0;top:147px;display:block;width:100%;height:98px;background:url('../images/common/bg_cont_purple.png') no-repeat 100% 0;}
#wrap.search #contents {float:none;width:auto;}

/* 리포트 */
#wrap.report {background:url('../images/common/bg_navy.png') repeat-x 0 0;}
#wrap.report #header {/*background:#6591e8;*/}
#wrap.report #header.active {height:120px;background:#6591e8;}
#wrap.report #header .utility {border-bottom:1px solid #79a0ed;}
#wrap.report #container:before {content:"";position:absolute;right:0;top:147px;display:block;width:100%;height:98px;background:url('../images/common/bg_cont_navy.png') no-repeat 100% 0;}
#wrap.report #contents {float:none;width:auto;}

/* 이용 안내 */
#wrap.guide {background:url('../images/common/bg_coral.png') repeat-x 0 0;}
#wrap.guide #header {/*background:#f0824f;*/}
#wrap.guide #header.active {height:120px;background:#f0824f;}
#wrap.guide #header .utility {border-bottom:1px solid #f5986d;}
#wrap.guide #container:before {content:"";position:absolute;right:0;top:147px;display:block;width:100%;height:98px;background:url('../images/common/bg_cont_coral.png') no-repeat 100% 0;}
#wrap.guide #contents {float:none;width:auto;}

/* 메인 */
#wrap.main {background:#fff;}
#wrap.main #header.active {height:120px;}
#wrap.main #header .utility {border-bottom:0;}
#wrap.main #header .utility .inner {width:auto;}
#wrap.main #header .utility .inner .right {padding-right:4.5%;}
#wrap.main #header .utility a {color:#1f1f1f;}
#wrap.main #header .utility a:before {background:#1f1f1f;}
#wrap.main #header .utility a:first-child:before {background:none;}
#wrap.main .utility .go-site {background:url('../images/common/ico_mteacher_mint.png') no-repeat 0 50%;}
#wrap.main .utility .bookmark-add {background:url('../images/common/ico_favo_mint.png') no-repeat 17px 50%;}
#wrap.main #header .search .btn-search {background:url('../images/common/ico_search_black.png') no-repeat 50% 50%;}
#wrap.main #header .header-inner {width:auto;}
#wrap.main #header h1 {margin-left:2%;}
#wrap.main #gnb {right:1.5%;}
#wrap.main #gnb li a {color:#1f1f1f;font-weight:700;transition:all 0.5s}
#wrap.main #gnb li a span:before {background-color:#1f1f1f;visibility:hidden;}
#wrap.main #gnb li a:hover span:before {visibility:visible;width:100%;}
#wrap.main #gnb li.on a span:before {visibility:visible;width:100%;}
#wrap.main #container:before {background:none;}
#wrap.main #contents {float:none;width:auto;}
@media only all and (max-width:1800px) {
    #wrap.main #header h1 {padding-top:0;margin-top:-20px;}
}
@media only all and (max-width:1600px) {
    #wrap.main #gnb li a {padding:0 35px;}
}
@media only all and (max-width:1024px) {
    #wrap.main #header h1 {margin-top:0;}
}

/* footer */
#footer {clear:both;letter-spacing:-1px;line-height:20px;}
#footer .inner {position:relative;width:1200px;height:100%;margin:0 auto;z-index:1;}
#footer .inner:after {content:"";display:block;clear:both;}
#footer .ft-top {height:50px;background:#656565}
#footer .ft-utill {display:inline-block;vertical-align: top;position: relative;top: 50%;transform: translateY(-50%);float:left;}
#footer .ft-utill li {display: inline-block;margin-right: 8px;padding-right: 11px;position: relative}
#footer .ft-utill li:after {content: '';position: absolute;right: 0;top: 55%;transform: translateY(-50%);width: 2px;height: 80%;background: rgba(255,255,255,0.6)}
#footer .ft-utill li:last-of-type {margin: 0;padding: 0;border-right: none}
#footer .ft-utill li:last-of-type:after {display: none}
#footer .ft-utill > li > a {font-size:14px;color:#fff;font-weight:300}
#footer .ft-utill > li > a:hover {text-decoration: underline}
#footer .ft-sns {float: right;display: inline-block;vertical-align: top;position: relative;top: 50%;transform: translateY(-50%)}
#footer .ft-sns .box {display: inline-block}
#footer .ft-sns .box + .box {margin-left: 30px}
#footer .ft-sns .box span {font-size: 14px;color: #fff;font-weight: 300;vertical-align: sub}
#footer .ft-sns .box a {margin-left: 4px;width: 30px;height: 30px;border: 2px solid #fff;overflow: hidden;text-indent: -9999px;display:inline-block;vertical-align:top;}
#footer .ft-sns .ft-kakao {background: url(../images/common/ft-kakao.png) no-repeat center}
#footer .ft-sns .ft-youtube {background: url(../images/common/ft-youtube.png) no-repeat center}
#footer .ft-sns .ft-facebook {background: url(../images/common/ft-facebook.png) no-repeat left 50% bottom 0}
#footer .ft-sns .ft-story {background: url(../images/common/ft-blog.png) no-repeat center}
#footer .ft-bottom {background:#f7f7f7}
#footer .ft-bottom .inner {padding:45px 0 65px;}
#footer .ft-bottom .inner > * {float: left}
#footer .ft-bottom .inner:before {content: '';position: absolute;width: 0;height: 0;background: #fff;left: 30px;top: 0;border-top: 30px solid none;border-bottom: 30px solid #fff;border-right: 30px solid #f7f8f8;border-left: 30px solid #f7f8f8;transform: rotate(180deg)}
#footer .ft-bottom .inner:after {content: '';display: block;clear: both}
#footer .ft-logo {width: 140px}
#footer .ft-info {width: calc(100% - 440px);padding-left: 45px}
#footer .ft-info > * + * {margin-top: 5px}
#footer .ft-info li {display: inline-block;margin-right: 8px;padding-right: 12px;color: #777;font-weight: 300;font-size: 14px;position: relative}
#footer .ft-info li:after {content: '';position: absolute;right: 0;top: 50%;width: 2px;height: 70%;background: #a8a9a9;transform: translateY(-50%)}
#footer .ft-info li:last-of-type {margin-right: 0;padding-right: 0}
#footer .ft-info li:last-of-type:after {display: none}
#footer .ft-info li span {display: inline-block;margin-right: 5px;font-weight: 500}
#footer .ft-info p {font-weight: 300;color: #777;font-size: 14px}
#footer .ft-selBox {width: 300px;padding-left: 30px;position: relative}
#footer .ft-selBox > a {display: block;line-height: 40px;font-weight: 300;color: #999;padding: 0 40px 0 15px;border: 1px solid #cfcfcf;position: relative}
#footer .ft-selBox > a::after {content: '';position: absolute;right: 15px;top: 50%;width: 19px;height: 11px;margin-top: -5.5px;background: url(../images/common/ico-arr-down.png) no-repeat center;transition: all 0.3s;transform: rotate(180deg)}

.mobile-only {display:none;}

/* mobile footer */
.mo-inner {width: 100%;padding: 0 33px;position: relative}
#mo-footer {margin-top: 20px}
#mo-footer .mo-ft-top {padding-top: 20px}
#mo-footer .mo-ft-top > .mo-inner > .tit {color: #666;font-size: 24px;font-family: 'SDBook';font-weight: 500;margin-bottom: 20px}
#mo-footer .mo-ft-top .mo-ft-svc-li {font-size: 0;margin-bottom: 20px}
#mo-footer .mo-ft-top .mo-ft-svc-li > li {display: inline-block;width: calc(33.33% - 4px);border: 1px solid #ccc}
#mo-footer .mo-ft-top .mo-ft-svc-li > li ~ li {margin-left: 5px}
#mo-footer .mo-ft-top .mo-ft-svc-li > li > a {display: block;text-align: right;padding: 30px 30px 30px 0;color: #666;font-size: 20px;font-weight: 500;position: relative;background: #fff}
#mo-footer .mo-ft-top .mo-ft-svc-li > li:first-child > a::before {content: '';position: absolute;left: 30px;top: 50%;transform: translateY(-50%);width: 25px;height: 25px;background: url(../images/common/ico-mo-phone.png) no-repeat center;background-size: 100%}
#mo-footer .mo-ft-top .mo-ft-svc-li > li:nth-child(2) > a::before {content: '';position: absolute;left: 30px;top: 50%;transform: translateY(-50%);width: 24px;height: 24px;background: url(../images/common/ico-mo-chat.png) no-repeat center;background-size: 100%}
#mo-footer .mo-ft-top .mo-ft-svc-li > li:nth-child(3) > a::before {content: '';position: absolute;left: 30px;top: 50%;transform: translateY(-50%);width: 26px;height: 26px;background: url(../images/common/ico-mo-faq.png) no-repeat center;background-size: 100%}
#mo-footer .mo-ft-ct {background: #656565}
#mo-footer .mo-ft-ct > ul {display: table;table-layout: auto;width: 100%}
#mo-footer .mo-ft-ct > ul > li {text-align: center;display: table-cell;vertical-align: middle;padding: 15px 30px;position: relative;line-height:1;}
#mo-footer .mo-ft-ct > ul > li::after {content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 2px;height: 25%;background: #fff}
#mo-footer .mo-ft-ct > ul > li:last-child::after {display: none}
#mo-footer .mo-ft-ct > ul > li > a {font-size: 14px;font-weight: 500;color: #fff;line-height: 1.2;word-break: keep-all;position: relative;vertical-align: 3px}
#mo-footer .mo-ft-middle {padding: 20px 0;border-bottom: 2px solid #e5e5e5;font-size: 0}
#mo-footer .mo-ft-middle .mo-ft-fam-sel {display: inline-block;width: 47%;font-size: 16px;font-weight: 500;color: #666;line-height: 50px;padding: 0 20px 0 20px;background: #fff;position: relative;border: 1px solid #ccc}
#mo-footer .mo-ft-middle .mo-ft-fam-sel::after {content: '';position: absolute;right: 15px;top: 50%;width: 27px;height: 27px;margin-top: -13.5px;background: url(../images/common/ico-mo-select.png) no-repeat center;transition: all 0.3s;transform: rotate(180deg);background-size:22px;}
#mo-footer .mo-ft-middle .mo-sns-li {position: absolute;right: 35px;top: 50%;transform: translateY(-50%)}
#mo-footer .mo-ft-middle .mo-sns-li li {display: inline-block}
#mo-footer .mo-ft-middle .mo-sns-li li ~ li {margin-left: 30px}
#mo-footer .mo-ft-middle .mo-sns-li li a {display: inline-block;font-size: 0;text-indent: -9999px;overflow: hidden;vertical-align: middle}
#mo-footer .mo-ft-middle .mo-sns-li li a.mo-kakao {width: 35px;height: 33px;background: url(../images/common/ico-mo-kakao.png) no-repeat center;background-size: 100%}
#mo-footer .mo-ft-middle .mo-sns-li li a.mo-youtube {width: 27px;height: 27px;background: url(../images/common/ico-mo-youtube.png) no-repeat center;background-size: 100%}
#mo-footer .mo-ft-middle .mo-sns-li li a.mo-facebook {width: 15px;height: 32px;background: url(../images/common/ico-mo-facebook.png) no-repeat center;background-size: 100%}
#mo-footer .mo-ft-middle .mo-sns-li li a.mo-blog {width: 35px;height: 32px;background: url(../images/common/ico-mo-blog.png) no-repeat center;background-size: 100%}
#mo-footer .mo-ft-bottom {font-size: 0}
#mo-footer .mo-ft-bottom > .mo-inner {padding: 28px 33px;border-bottom: 2px solid #e5e5e5}
#mo-footer .mo-ft-bottom .mo-ft-logo {width: 139px;height: 38px;overflow: hidden;text-indent: -9999px;font-size: 0;background: url(../images/common/mo_f_logo.png) no-repeat center;background-size: 100%;display: inline-block;vertical-align: middle}
#mo-footer .mo-ft-bottom .mo-ft-info-btn {width: 21px;height: 13px;overflow: hidden;text-indent: -9999px;font-size: 0;background: url(../images/common/mo-arr01.png) no-repeat center;background-size: 100%;transition: transform 0.3s;position: absolute;right: 35px;top: 50%;margin-top: -6.5px}
#mo-footer .mo-ft-bottom .mo-ft-info-btn.on {transform: rotate(180deg)}
#mo-footer .mo-ft-info-box {background: #fff;padding: 20px 0;font-size: 0;word-break: keep-all;display: none}
#mo-footer .mo-ft-info-box li {display: inline-block;padding-right: 10px;vertical-align: top;margin: 5px 0}
#mo-footer .mo-ft-info-box ul > li:nth-child(odd) {width: 43%}
#mo-footer .mo-ft-info-box ul > li:nth-child(even) {width: 57%}
#mo-footer .mo-ft-info-box ul > li:last-child {width: 100% !important}
#mo-footer .mo-ft-info-box li > * {font-size: 14px;font-weight: 200;color: #777;display: inline-block;vertical-align: middle;letter-spacing: -1px;line-height: 1.4}
#mo-footer .mo-ft-info-box li .tit {font-weight: 500;margin-right: 15px;color: #515151}
#mo-footer .mo-ft-info-box li a {color: #0948a0;position: relative}
#mo-footer .mo-ft-info-box li a::after {content: '';width: 100%;position: absolute;height: 1px;left: 0;bottom: -1px;background: #0948a0}
#mo-footer .mo-ft-copy {font-size: 14px;font-weight: 200;color: #666;padding: 20px 33px}

/* Basic Popup */
.basic-pop {position: absolute;bottom: 36px;left: 0;background: #fff;width: 440px;border-top: 4px solid #656565;display: none;text-align: left;z-index: 90;white-space: normal}
.basic-pop.ty02 {bottom: 43px;left: inherit;right: 0}
.basic-pop .pop-head {background: #fff;padding: 20px 50px 20px 25px;border-width: 0 1px 0 1px;border-style: solid;border-color: #ccc}
.basic-pop .pop-tit {font-size: 28px;font-weight: 500;line-height: 1.2;word-break: keep-all}
.basic-pop .pop-sub-tit {font-size: 14px;font-weight: 400;line-height: 1.2;word-break: keep-all;color: #6c6c6c;margin-top: 5px}
.basic-pop .pop-cnt {max-height: 400px;padding: 0 25px 25px;overflow: auto;overflow-y: overlay;border-width: 0 1px 1px 1px;border-style: solid;border-color: #ccc}
.basic-pop .pop-txt {font-size: 14px;color: #777;word-break: keep-all;line-height: 1.4}
.basic-pop .basic-pop-close {top: 20px;right: 25px;position: absolute;background: none;font-size: 0 !important;width: 22px;height: 22px}
.basic-pop .basic-pop-close::before {content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(45deg);width:29px;height:3px;background: #656565}
.basic-pop .basic-pop-close::after {content:'';position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) rotate(-45deg);width:29px;height:3px;background: #656565}
.basic-pop .line-ul-ty01 {font-size: 0;margin-top: 30px}
.basic-pop .line-ul-ty01 > li {display: inline-block;position: relative;vertical-align: middle;line-height: 1}
.basic-pop .line-ul-ty01 > li:first-child {margin-right: 12px;padding-right: 12px}
.basic-pop .line-ul-ty01 > li:first-child::after {content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 70%;background: #808080}
.basic-pop .line-ul-ty01 > li > * {display: inline-block;font-size: 14px;font-weight: 300;color: #777;letter-spacing: -1px}
.basic-pop .line-ul-ty01 > li > .tit {font-weight: 500;margin-right: 8px}
.basic-pop .family-li li {font-size: 0;margin-bottom: 12px}
.basic-pop .family-li li:last-child {margin-bottom: 0}
.basic-pop .family-li li > * {display: inline-block;vertical-align: top}
.basic-pop .family-li li > .tit {font-size: 14px;font-weight: 500;color: #777;width: 65px;padding-right: 10px;letter-spacing: -1px}
.basic-pop .family-li li > .box-li {width: calc(100% - 65px)}
.basic-pop .family-li li > .box-li a {font-size: 14px;font-weight: 300;color: #777;line-height: 1.2;margin: 3px 15px 3px 0;letter-spacing: -1px}
.basic-pop .family-li li:nth-child(3) > .box-li a {position: relative;padding-right: 10px}
.basic-pop .family-li li:nth-child(3) > .box-li a::after {content: '';position: absolute;right: 0;top: 50%;transform: translateY(-50%);width: 1px;height: 70%;background: #808080}
.basic-pop .family-li li:nth-child(3) > .box-li a:last-child::after {display: none}

/* slider common */
.slick-slider {position:relative;display:block;box-sizing:border-box;}
.slick-list {position:relative;display:block;overflow:hidden;margin:0;padding:0;}
.slick-slide {position:relative;display:none;float:left;height:100%;min-height:1px;}
.slick-initialized .slick-slide {display:block;}

/* validate */
select.error, input.error, textarea.error {border:1px solid #e8898d;}
select.error + span.select2 .select2-selection {border:1px solid #e8898d;}
/* label.error {display:none !important; height:0;} */
label.error {display: block; color:#e8898d;}
.help-block.error {margin-top:5px; display: block; color:#e8898d; font-size:13px !important;}
.btn-check.error + label {border:1px solid #e8898d;}
input[type=radio].error, input[type=checkbox].error {border:1px solid #e8898d;}

@media only all and (max-width:1024px) {
    #wrap {min-width:auto;}
    #header .utility {display:none;}
    #header {height:60px;text-align:center;transition:all 0s;}
    #header .header-inner {width:auto;}
    #header h1 {padding-top:0;margin-left:0;position:absolute;left:10px;top:14px;}
    #header.active h1 {padding-top:0;}
    #header h1 a {display:inline-block;width:112px;height:42px;background-size:112px}
    #header h2 {display:inline-block;padding-top:20px;font-size:18px;color:#fff;font-weight:bold;}
    .aside-wrap {display:block;}
    #header .all-menu {display:block;}
    #header .search {display:none;}

    #gnb {display:none;}
    #container {width:auto;padding:60px 0 0;}
    #contents {float:none;width:auto;padding:0 0 50px;box-shadow:none;}

    .aside-lnb {float:none;width:320px;height:100%;position:fixed;top:0;right:0;z-index:1100;text-align:left;overflow-y:auto;padding:0 0 20px 0;background:#fff;box-shadow:0 30px 50px 0 rgba(120, 120, 120, 0.21);}
    .aside-lnb .h2-tit {height:60px;background:#37b4dc;padding:20px 25px;font-size:18px;color:#fff;font-family:'Noto Sans KR';}
    .aside-lnb .h2-tit:before {display:none;}
    .aside-lnb .lnb {padding:25px;}
    .aside-lnb .lnb > li.case1 span,.aside-lnb .lnb > li.case2 span {display:block;margin-bottom:10px;}
    .aside-lnb .lnb > li > ul {margin-left:0;}
    .aside-lnb .lnb > li > ul br {display:none;}
    .aside-lnb .lnb-close {display:block;}
    .aside-lnb .all-view {margin:20px 20px 10px;}

    #wrap.math {background:none;}
    #wrap.math #header {background:#37b4dc;}
    #wrap.math #header.active {height:60px;}
    #wrap.math #container:before {display:none;}
    #wrap.quiz {background:none;}
    #wrap.quiz #header {background:#fee01e;}
    #wrap.quiz #header.active {height:60px;}
    #wrap.quiz #header h2 {color:#1f1f1f;}
    #wrap.quiz #container:before {display:none;}
    #wrap.quiz #header .all-menu .line {background-color:#1f1f1f;}
    #wrap.quiz #header .aside-header {background:#fee01e;}
    #wrap.quiz .aside-lnb {padding:0 0 20px 0;}
    #wrap.quiz .aside-lnb .h2-tit {background:#fee01e;color:#1f1f1f;}
    #wrap.quiz .aside-lnb .h2-tit:before {display:none;}
    #wrap.quiz .aside-lnb .lnb-close .line {background-color:#1f1f1f;}
    #wrap.quiz.make #container:before {display:none;}
    #wrap.search {background:none;}
    #wrap.search #header {background:#736ee9;}
    #wrap.search #header.active {height:60px;}
    #wrap.search #header .aside-header {background:#736ee9;}
    #wrap.search #container:before {display:none;}
    #wrap.report {background:none;}
    #wrap.report #header {background:#6591e8;}
    #wrap.report #header.active {height:60px;}
    #wrap.report #header .aside-header {background:#6591e8;}
    #wrap.report #container:before {display:none;}
    #wrap.guide {background:none;}
    #wrap.guide #header.active {height:60px;}
    #wrap.guide #header .aside-header {background:#f0824f;}
    #wrap.guide #container:before {display:none;}
	#wrap.main #header.active {height:60px;}
    #wrap.main #header .all-menu .line {background-color:#1f1f1f;}
    #wrap.main #header .all-menu.active .line {background-color:#fff;}

    .mobile-only {display:block;}
    .pc-only {display:none;}
    #mo-footer {margin-top:0;background-color:#f8f8f8;}
    #mo-footer .mo-ft-top {padding-top:0;}
    .basic-pop {bottom: 48px;left:33px;right:33px;width:auto;}
    .basic-pop.unAuth {left:-220px;}
    .basic-pop .pop-tit {font-size:22px;}

	.tooltip3 + .tooltiptext {width: 280px;top: 25px;left: 0;margin-left: 0px;line-height:24px;}
	.tooltip3 + .tooltiptext::after {position: absolute;bottom: 100%;left: 93%;margin-left: -5px;}

}
@media only all and (max-width:767px) {
    body,input,select,textarea,button,label {font-size:14px;}
   	body{-webkit-text-size-adjust: none;}
}
@media only all and (max-width:640px) {
    .mo-inner {padding: 0 20px}
    #mo-footer .mo-ft-top .mo-ft-svc-li > li:first-child > a::before {left: 10px;width: 19px;height: 19px}
    #mo-footer .mo-ft-top .mo-ft-svc-li > li:nth-child(2) > a::before {left: 10px;width: 18px;height: 18px}
    #mo-footer .mo-ft-top .mo-ft-svc-li > li:nth-child(3) > a::before {left: 10px;width: 20px;height: 20px}
    #mo-footer .mo-ft-top .mo-ft-svc-li > li > a {font-size: 14px;padding: 13px 10px 13px 0}
    #mo-footer .mo-ft-ct > ul > li {padding: 10px}
    #mo-footer .mo-ft-ct > ul > li a {font-size: 12px}
    #mo-footer .mo-ft-middle .mo-ft-fam-sel {line-height: 40px;font-size: 13px;padding: 0 30px 0 10px}
    #mo-footer .mo-ft-middle .mo-ft-fam-sel::after {width: 11px;height: 11px;margin-top: -5.5px;right: 10px}
    #mo-footer .mo-ft-middle .mo-sns-li li ~ li {margin-left: 10px}
    #mo-footer .mo-ft-middle .mo-sns-li li a.mo-kakao {width: 25px;height: 24px}
    #mo-footer .mo-ft-middle .mo-sns-li li a.mo-youtube {width: 17px;height: 17px}
    #mo-footer .mo-ft-middle .mo-sns-li li a.mo-facebook {width: 10px;height: 21px}
    #mo-footer .mo-ft-middle .mo-sns-li li a.mo-blog {width: 25px;height: 23px}
    #mo-footer .mo-ft-bottom > .mo-inner {padding: 15px 20px}
    #mo-footer .mo-ft-bottom .mo-ft-logo {width: 90px;height: 25px}
    #mo-footer .mo-ft-info-box {padding: 10px 0}
    #mo-footer .mo-ft-info-box li > * {font-size: 11px}
    #mo-footer .mo-ft-info-box li {width: 100% !important;margin: 0}
    #mo-footer .mo-ft-copy {font-size: 14px;padding: 10px 20px}
    .basic-pop {bottom: 41px;left:20px;right:20px;}
    .basic-pop.unAuth {bottom: 36px;}
    .basic-pop .family-li li:nth-child(3) > .box-li a {padding-right:0;}
    .basic-pop .family-li li:nth-child(3) > .box-li a::after {display: none}
    .tooltip .tooltiptext {width: 300px;margin-left: -150px;}
}

#fileCardNew {border: 2px solid #6c5ce7;
	padding: .2em .4em;
	border-radius: .2em;
	background-color: #a29bfe;
	transition: 1s;}