@charset "UTF-8";

/* quick */
#quickMenu {position:fixed;top:0; right: 0; width: 128px;height:100%;line-height: 1.2; font-weight: bold; font-size: 12px; font-family: 'Noto Sans Korean', sans-serif;z-index:1001;background:#fff;border-radius:20px 0 0 20px;transition:width .45s;box-shadow: -4px -4px 10px 0px #0000001A;box-shadow: 0px 4px 10px 0px #0000001A;}
#quickMenu a:hover {text-decoration: none;}


/* 로그인 전 */
/*#quickMenu .login_before {;border-bottom:1px solid #ddd;}*/
/*#quickMenu .login_before .login_form_wrap {padding:0 14px;}*/
#quickMenu .input_wrap input {background:#fff;border:1px solid #e5eaee;border-radius:5px;overflow:hidden; width: 100%;height: 37px;padding: 5px 13px;font-size: 12px;box-sizing: border-box;font-weight:400;}
#quickMenu .input_wrap input + input {margin-top:5px;}
#quickMenu .input_wrap input::placeholder{color:#1E1E21;}
#quickMenu .input_wrap input:-ms-placeholder{color:#1E1E21;}
/*#quickMenu .btn_login {display: block;height: 36px;margin-bottom: 10px;background-color: #F4F4F5;line-height: 35px;font-size: 14px;font-weight: 500;color: #53565D; text-align: center;border-radius:5px;border:1px solid #ffd563;}*/
/*#quickMenu .btn_login:focus{outline:none;}*/
/*#quickMenu .btn_login:hover {background-color: #ff8125;color: #fff;}*/
#quickMenu .login_check {height:33px;margin: 7px 0 0 0;}
#quickMenu .login_check input {width:auto;height:auto;margin:0 4px 0 0; vertical-align: middle;}
#quickMenu .login_check label {padding-left:24px;vertical-align: middle;color: #53565D;font-size:12px;font-weight:400;}
#quickMenu .login_check input[type="checkbox"] + label:before{margin-top:-9px;width:18px;height:18px;background:url(../images/common/quick_id_save.png) no-repeat center top;}
#quickMenu .login_check input[type="checkbox"]:checked + label:before{background:url(../images/common/quick_id_save.png) no-repeat center bottom;}
#quickMenu .btns {*zoom:1}
#quickMenu .btns:after {content: ""; display: block; clear: both;}
#quickMenu .btns a {position: relative;}
/*#quickMenu .login_before .btns {width:100%;text-align:center;padding:0;}*/
/*#quickMenu .login_before .btns a {text-align:center;font-size:13px;color:#6e7483;}*/
/*#quickMenu .login_after .btns a {position:relative;float: left;width: 50%; color: rgba(57, 61, 73, 0.7);font-size: 12px;font-weight: 500;letter-spacing: -1px;text-align: center;}*/
/*#quickMenu .login_after .btns a:first-child {padding: 0 12px 0 18px}*/
/*#quickMenu .login_after .btns a:last-child {padding: 0 13px 0 4px}*/
#quickMenu .btns.after a{padding: 16px  12px;}
#quickMenu .btns a:hover {color: #ff8125;}
#quickMenu .btns .btn_idpw::after {display: inline-block;content:"";position: absolute;top: 50%;right:0;width:2px;height:10px;margin-top:-5px;margin-right:-1px;background-color: #ecf2f5;}
/*#quickMenu .login_before .sns_login {width: 141px;}*/
/*#quickMenu .login_before .sns_login ul {display: flex; justify-content: space-between; width: 100%; padding:0;}*/
/*#quickMenu .login_before .sns_login ul li {margin:0; width: 25px; height: 25px;}*/
/*#quickMenu .login_before .sns_login ul li img {width: 100%; height: 100%; filter:drop-shadow(0 3px 0 rgba(0,0,0,0.04));}*/
/*#quickMenu .login_before .sns_login ul li#GgCustomLogin {background: url(../images/common/login_google.png) no-repeat center;border-radius:0;background-size:25px 100%;filter:drop-shadow(0 3px 0 rgba(0,0,0,0.04));}*/
/*#quickMenu .login_before .sns_login ul li#GgCustomLogin .login_google {height: 100%; opacity: 0;}*/
/*#quickMenu .login_before .sns_login ul li#GgCustomLogin .login_google iframe {width: 25px !important; height: 25px !important; margin: 0 !important;}*/

/* 로그인 후 */
/*#quickMenu .loginbox .login_after {padding:0 15px 15px;border-bottom:1px solid #dddddd;}*/
/*#quickMenu .loginbox .login_after .info {padding:0 9px 10px;}*/
/*#quickMenu .loginbox .login_after .info .name{color: #6498ff;font-size: 16px;font-weight: 500;line-height:18px;}*/
/*#quickMenu .loginbox .login_after .info .userid{color: #61646d;font-size: 13px;line-height:18px;}*/
/*#quickMenu .loginbox .login_after .info .work_sch{margin-top:5px;color:#888c98;font-size:12px;line-height:16px;}*/
/*#quickMenu .loginbox .login_after .info .teaching{margin-top:6px;color:#ff8125;font-size:14px;font-weight:400;line-height:16px;}*/
/*#quickMenu .loginbox .login_after .info .valid{margin-top:6px;color:#f75442;font-size:14px;font-weight:400;line-height:16px;}*/
/*#quickMenu .loginbox .login_after .info .work_sch2{display: block; margin: 8px 0; font-size: 12px; color: #f75442; word-wrap: break-word; word-break: keep-all; line-height: 14px; font-weight: 400;}*/
/*#quickMenu .loginbox .login_after .btn_myclass{display:block;height:32px;line-height:30px;background:#ffd563;border-radius:10px;border:1px solid #ffcf4d;text-align:center;margin-bottom:10px;}*/
/*#quickMenu .loginbox .login_after .btn_myclass span{font-size:14px;color:#393d49;font-weight:500;}*/
/*#quickMenu .loginbox .login_after .btns{width:100%;margin-top:5px;position:relative;background:none;overflow:hidden;padding:0;}*/
/*#quickMenu .loginbox .login_after .btns a{padding:0;font-size:12px;color:#6e7483;font-weight:300;}*/
/*#quickMenu .loginbox .login_after .btns:after{content:'/';position:absolute;left:50%;top:0;margin-left:-2px;font-size:13px;color:#6e7483;font-weight:300;line-height:15px;}*/
#quickMenu .line_type {height: 100%;position:relative;}
#quickMenu .vmagazine {padding:20px 18px;background-color: #fff; border-bottom:2px #ffbf63 solid}
#quickMenu .vmagazine .tit {margin-bottom: 10px;}
#quickMenu .vmagazine .tit .txt {display:inline-block; width:85px; height:14px; background:url('../images/common/vmagazine.png') no-repeat left center; vertical-align:top;}
#quickMenu .vmagazine .tit .date {display:inline-block; margin-top: -1px; font-size: 14px;font-weight: 500;letter-spacing: -1px;  color: #ff6019; line-height:1; vertical-align:top;}
#quickMenu .vmagazine .img {display: block; width:90px; height:117px; margin:0 auto 10px;box-shadow: 5px 5px 10px 0px rgba(24, 24, 32, 0.4)}
#quickMenu .vmagazine .img img{width:100%;}
#quickMenu .vmagazine .desc {display: block;font-size: 13px;line-height: 20px;letter-spacing: -1px;color: #393d49;font-weight:500;text-align:center;}
#quickMenu .bookmark {padding:0;border: none; border-bottom:1px #ddd solid}
#quickMenu .bookmark li {padding: 0 19px ;border-bottom: 1px solid #ddd;}
#quickMenu .bookmark li:last-child {border: none;}
#quickMenu .bookmark ul li a {display: block; background-image: url('../images/common/arr_book.png');background-repeat: no-repeat;background-position: 120px center;padding: 0 15px;font-size: 13px;color: #393d49;font-weight: 500;line-height: 35px;position:relative;}
#quickMenu .bookmark ul li a.new:before{content:"";display:inline-block;position:absolute;top:50%;right:0;transform:translate(-38px,calc(-50% - 7px));width:6px;height:6px;background-color:#FF0000;border-radius:50%;}
#quickMenu .bookmark ul li:hover{background-color:#fff;}
#quickMenu .bookmark ul li a:hover{background-image: url('../images/common/arr_book_hover2.png');background-repeat: no-repeat;background-position: 120px center; color:#ff8125;}
#quickMenu .bookmark ul li a .new {display: inline-block; width: 18px; height: 18px; margin-left: 3px; background: url('../images/create/ic_new.png')no-repeat center; vertical-align: middle;background-size: cover;}
#quickMenu .bookmark ul li span{display:inline-block;width:15px;height:15px;margin-left:7px;background:url('../images/common/new_ico.png')no-repeat left center; vertical-align:top;}
#quickMenu .bookmark ul li.class_helper{display:flex; padding:0; background-color:#fff8e7;}
#quickMenu .bookmark ul li.class_helper a {flex:1; display:inline-block; padding:40px 0 8px ; color:#ff791b; font-weight:500; font-size:12px; text-align:center;}
#quickMenu .bookmark ul li.class_helper a.helper_class {background:url('../images/common/quick_helperClass.png')no-repeat; background-position:center 8px; border-right:1px solid #e8dec8;}
#quickMenu .bookmark ul li.class_helper a.helper_teach {background:url('../images/common/quick_helperTeach.png')no-repeat; background-position:center 8px;}
#quickMenu .bookmark ul li.class_helper a:hover{background-color:#ffeca2;}
#quickMenu .bookmark .onlyBanner{position:relative;}
#quickMenu .bookmark .onlyBanner .onlyTxt{display:none;}
#quickMenu .bookmark .onlyBanner .onlyTxt strong{font:inherit;font-weight:600;}
#quickMenu .bookmark .onlyBanner .onlyTxt:after{content:'';position:absolute;top:23px;right:-10px;display:inline-block;border-top:6px solid transparent;border-bottom:6px solid transparent;border-left:9px solid #ff8631;}
#quickMenu .bookmark .onlyBanner a:hover + .onlyTxt{position:absolute;top:-15px;left:-296px;display:inline-block;box-sizing:border-box;width:273px;height:61px;padding:12px;background:#fff0d9;border:1px solid #ff8631;border-radius:10px;font-size:13px;font-weight:400;color:#ff6825;line-height:1.3;letter-spacing:-0.06em;}
#quickMenu .cs {padding: 15px 18px;}
#quickMenu .cs h2 {margin-bottom: 10px;font-size:13px;font-weight: 400;color: #6e7483;}
#quickMenu .cs p {margin-bottom: 18px;font-size: 24px;font-weight: 500;color: #393d49;line-height: 1;}
#quickMenu .cs .btn_cs {display: block; position: relative;font-size:13px;font-weight:400;  color: #393d49;line-height:30px;padding-right:20px;}
#quickMenu .cs .btn_cs span {display: inline-block;margin-right:8px; width:30px;height: 30px;border-radius:50%;background:#fff url('../images/common/ic_q_remote.png') no-repeat left center;vertical-align:top;}
#quickMenu .cs .btn_cs::after {display: inline-block;content: "";position: absolute;top: 50%;right: 0;width: 5px;height: 8px;margin-top: -4px;background: url('../images/common/arr_book.png') no-repeat 50%;}
/*#quickMenu .btn_side {display: block;position: absolute;top: 330px;right: 169px;width: 30px;height: 44px;margin: 0;padding: 0;border: none;background: url('../images/common/btn_quick_menu.png') no-repeat center top;line-height: 38px;text-align: center;text-indent: -9999px;z-index: 29; }*/
/*#quickMenu.q_open .btn_side {right: 170px;background-position-y: bottom;}*/
.gotop {display: block;position: absolute;left: -85px;bottom: 0;width: 64px;height: 64px;margin-bottom: 84px;z-index: 99;background:url('../images/common/btn_gotop.png') no-repeat 50%;}
.gotop.posTypeFixed {position: fixed;}
.gotop.type02 {left: unset; right: 50px;}

#quickMenu .btns {position:absolute;bottom:0;left:0; margin-top:12px; background-color: #e3e4e5;*zoom:1}
#quickMenu .btns.quickBtns {position: static !important; border-top:1px solid #ddd; border-bottom:1px solid #ddd; }
#quickMenu .btns:after {content: ""; display: block; clear: both;}
#quickMenu .btns.quickBtns a {position:relative;float: left;width: 60px; height: 32px; line-height: 32px; color: rgba(57, 61, 73, 0.7);font-size: 12px;font-weight: 400;letter-spacing: -1px;text-align: center; box-sizing:content-box;}
#quickMenu .btns a:hover {color: #1f75ff;}
#quickMenu .btns a {position: relative;}
#quickMenu .btns.after a{padding: 16px  12px;}
#quickMenu .btns .btn_idpw::after {display:none;}

/*로그인 전*/
#quickMenu.renew06 .login_before .login_form_wrap {padding: 0 16px;}

/*로그인 후*/

#quickMenu.renew06 .title {width: auto; padding: 0 13px; background-position: left 13px center;}
/*#quickMenu.renew06 .loginbox .login_after {padding: 0 13px;}*/
/*#quickMenu.renew06 .loginbox .login_after .info {padding: 0;}*/
/*#quickMenu.renew06 .loginbox .login_after .btn_myclass {height: 40px; padding-left: 11px; margin-bottom: 33px; color: #fff; background: #e27a40; border: 1px solid #e1641f; border-radius: 5px; text-align: left;}*/
/*#quickMenu.renew06 .loginbox .login_after .btn_myclass span {display: inline-block; width: 100%; height: 100%; padding-right: 14px; font-size: 13px; font-weight: 500;  color: #fff; line-height: 38px; letter-spacing: -0.045em; background: url('../images/common/myClass_arr.png') no-repeat right 11px center;}*/
/*#quickMenu.renew06 .loginbox .login_after .btn_myclass:hover {background: #f9df99; border: 1px solid #e27a40;}*/
/*#quickMenu.renew06 .loginbox .login_after .btn_myclass:hover span {color: #e1641f; background: url('../images/common/myClass_arr_hover.png') no-repeat right 11px center;}*/
/*#quickMenu.renew06 .loginbox .login_after .info .name {color: #393d49; letter-spacing: -0.045em;}*/
/*#quickMenu.renew06 .loginbox .login_after .info .work_sch {margin-top: 2px; color: #51545d; letter-spacing: -0.045em;}*/
/*#quickMenu.renew06 .loginbox .login_after .info .work_sch.c_r {color: #f3334f;}*/
#quickMenu.renew06 .bookmark {padding: 0 13px; margin-top: 20px;}
#quickMenu.renew06 .bookmark > a {font-size: 14px; font-weight: 500; color: #fff; letter-spacing: -0.045em; text-align:center;background: #FF8800;}
/*#quickMenu.renew06 .bookmark > a:after { content: ''; position: absolute; right: 12px; top: 0; bottom: 0; width: 6px; background: url('../images/common/myClass_arr.png') no-repeat center;}*/
#quickMenu.renew06 .loginbox .login_after .modify {line-height: 1;}
#quickMenu.renew06 .loginbox .login_after .btns {justify-content: center; position: relative; overflow: unset;}

#quickMenu.renew06 .validPop {position: absolute; left: -136px; top: 74%; transform: translateY(-50%); min-width: 143px; padding: 12px 14px; background: #fbf2d9; border: 1px solid #ffa163; border-radius: 7px;}
#quickMenu.renew06 .validPop.expiration {left: -150px;top:123px;z-index:30;transform:none;}
#quickMenu.renew06 .validPop:after {content: ""; display: inline-block; position: absolute; right: -6px; top: 50%; transform: translateY(-50%); width:6px; height: 8px; background: url('../images/common/ico_validPopArr.png') no-repeat center;}
#quickMenu.renew06 .validPop .popClose {display: inline-block; position: absolute; right: 7px; top: 5px; width: 6px; height: 5px; background: url('../images/common/ico_validPopClose.png') no-repeat center;}
#quickMenu.renew06 .validPop p {font-size: 12px; font-weight: 500; color: #e48742; line-height: 1.2; letter-spacing: -0.045em;}
#quickMenu.renew06 .validPop.vaildPop2{left:-170px;background:#ebf5fa;border:1px solid #445e87;transform:translateY(-14px);z-index:31;}
#quickMenu.renew06 .validPop.vaildPop2:after{background:url('../images/common/ico_validPopArr2.png') 0 0 no-repeat;}
#quickMenu.renew06 .validPop.vaildPop2 strong,
#quickMenu.renew06 .validPop.vaildPop2 p{color:#445e87;}
#quickMenu.renew06 .validPop.vaildPop2 strong{font-weight:600;}

/* 퀵메뉴 */

#quickMenu .loginbox{padding-top:12px; background:#fff;}
#quickMenu .title{margin-bottom:24px;width:94px; height:20px; background:url('../images/common/txt_quick.svg') no-repeat center center;}
/*#quickMenu .login_before{border-bottom:none;}*/
/*#quickMenu .login_before .login_form_wrap{padding:0;}*/
#quickMenu .login_check{height:31px;}
#quickMenu .login_check label{display:block;font-size:12px; color:#6e7483; cursor:pointer;line-height:18px;}
#quickMenu .btn_login{margin-bottom:4px;font-size:12px;line-height:33px;background:#F4F4F5;border:none;border-radius:16px;height:33px;color:#53565D;font-weight:bold;}
#quickMenu .btns.quickBtns{margin-top:4px;background:#fff; border:none;}
#quickMenu .btns.quickBtns a{display:inline-block;float:none;padding:0 10px;width:auto;height:auto;line-height:20px;font-size:12px;color:#53565D;box-sizing:border-box;}
#quickMenu .btns.quickBtns .btn_idpw:after{content:'';position:absolute;right:0;top:50%;transform:translateY(-50%);display:block;margin:0;width:1px;height:11px;background:#dadada;}
#quickMenu .btns.quickBtns a:first-child{border:none;}
#quickMenu .btns.quickBtns a:last-child{border:none;}
/*#quickMenu .login_before .sns_login{margin-top:13px; padding-top:10px; width:100%; border-top:1px solid #e1e1e1;}*/
/*#quickMenu .login_before .sns_login ul{justify-content:center; gap:3px;}*/
#quickMenu .bookmark {margin-top:24px; border: none;}
#quickMenu .bookmark a{position:relative;display:block; padding:0 12px; font-size:13px; color:#393d4a; font-weight:500; line-height:38px; background:#eee; border-radius:5px;}
#quickMenu .bookmark ul{margin:5px 0;border-radius:5px; border:1px solid #FF8800; overflow:hidden;}
#quickMenu .bookmark ul li {padding: 0; border-bottom: 1px solid #d7af5a;}
#quickMenu .bookmark ul li:last-child {border: none;}
#quickMenu .bookmark ul li a {color:#1E1E21;font-weight: 400;line-height: 36px; background:#fff8e7; border:none; border-radius:0;}
#quickMenu .bookmark ul li a:after{background-image:url('../images/common/ico_quick_arr.png');}
#quickMenu .bookmark ul li a:hover, #quickMenu .bookmark ul li a.helper_teach:hover{background:#fff; color:#f5812c; font-weight:500;}
#quickMenu .bookmark ul li a.helper_teach{font-size:12px; color:#ba722c; font-weight:400; background:#fbf2d9;}
#quickMenu .bookmark ul li a.helper_teach:after{left:unset; right:9px;width:13px;height:13px;margin-top:-6px; transform:translateY(0); background-image:url('../images/common/quick_helperTeach3.png');}
/*#quickMenu .btn_side{top:67px; right:100%; width:28px; height:32px; background: url('../images/common/ico_quick_btn.svg') no-repeat center top;}*/

/*#quickMenu .pseudo {background:#eee; transition: unset;}*/
/*#quickMenu .pseudo .quick_menu_visual{transition: all 0.15s ease;}*/
/*#quickMenu .pseudo .quick_menu_visual ul li {border-bottom:1px solid #dadada;}*/
/*#quickMenu .pseudo .quick_menu_visual ul li a{position:relative;display: block;width: 58px;padding:10px 0;}*/
/*!*#quickMenu .pseudo .quick_menu_visual ul li a:hover{background:#f5812c;}*!*/
/*#quickMenu .pseudo .quick_menu_visual ul li a:hover .ico.ico_q_time_table{background-position-y:bottom;}*/
/*#quickMenu .pseudo .quick_menu_visual ul li a:hover .ico.ico_q_class_helper{background-position-y:bottom;}*/
/*#quickMenu .pseudo .quick_menu_visual ul li:first-child a{padding:10px 0;}*/
/*#quickMenu .pseudo .quick_menu_visual ul li:first-child a:after{display:none;}*/
/*#quickMenu .pseudo .quick_menu_visual ul li:nth-child(2) a {padding:10px 0;}*/
/*#quickMenu .pseudo .quick_menu_visual ul li .q_class_helper{padding:16px 11px;}*/
/*#quickMenu .pseudo .quick_menu_visual ul li .q_class_helper a{padding:0; width:36px; height:36px;}*/
/*#quickMenu .pseudo .quick_menu_visual ul li .q_class_helper a+a{margin-top:3px;}*/
/*#quickMenu .pseudo .quick_menu_visual ul li .q_class_helper a:hover{background:transparent;}*/
/*#quickMenu .pseudo .quick_menu_visual ul li .q_class_helper a:hover:before{content:''; position:absolute; left:0; right:0; top:0; bottom:0; border:1px solid #ffd163; background:#fff; border-radius:8px; box-sizing:border-box; z-index:-1;}*/
#quickMenu .ico.ico_q_log{width:36px; height:36px; background-image:url('../images/common/ico_q_log.png');}
#quickMenu .ico.ico_q_time_table{width:36px; height:36px; background-image:url('../images/common/ico_q_time.png'); background-position-y:top; background-size:100% auto;}
#quickMenu .ico.ico_q_timer{width:32px; height:44px; background-image:url('../images/common/ico_q_timer.svg');}
#quickMenu .ico.ico_q_writing{width:32px; height:44px; background-image:url('../images/common/ico_q_writing.svg');}
#quickMenu .ico.ico_q_stop{width:36px; height:36px; background-image:url('../images/common/ico_q_stop.png');}
#quickMenu .ico.ico_q_attention{width:36px; height:44px; background-image:url('../images/common/ico_q_attention.svg');}
#quickMenu .ico.ico_q_helper{width:36px; height:36px; background-image:url('../images/common/ico_q_helper.png');}
#quickMenu .ico.ico_q_song{width:36px; height:36px; background-image:url('../images/common/ico_q_song.png');}
#quickMenu .ico.ico_q_blind{width:36px; height:36px; background-image:url('../images/common/ico_q_blind.png');}
#quickMenu .ico_q_roulette{width:21px;height:36px;background-image:url('../images/common/ico_q_roulette.png');}
#quickMenu .ico_q_smart{width:51px;height:52px;background-image:url('../images/common/ico_q_smart.svg');}
#quickMenu .ico.ico_q_class_helper{width:36px; height:36px; background-image:url('../images/common/ico_q_down.png'); background-position-y:top; background-size:100% auto;}
/*#quickMenu .loginbox .login_after .info {padding:30px 0;}*/
/*#quickMenu .loginbox .login_after .info .name{color: #5c7cba;font-size: 16px;font-weight: 600;line-height:18px;}*/
/*#quickMenu .loginbox .login_after .info .work_sch{margin-top:5px;color:#8e9091;font-size:12px;line-height:17px;}*/
/*#quickMenu .loginbox .login_after .info .valid{margin-top:6px;color:#f75442;font-size:14px;font-weight:400;line-height:16px;}*/
/*#quickMenu .loginbox .login_after .btns{display:flex; margin-top:0; gap:2px;}*/
/*#quickMenu .loginbox .login_after .btns a{width:70px; color:#fff; font-weight:500; line-height:18px; background:#a4aab2; border-radius:10px;}*/
/*#quickMenu .loginbox .login_after .btns a.valid{background:#e27a40; border-color:#e96331;}*/
/*#quickMenu .loginbox .login_after .btns a.valid.extension{background:#557ced; border-color:#4672ef;}*/
/*#quickMenu .loginbox .login_after .btns a.valid.wait{background:#52545c; border-color:#393b42;}*/
/*#quickMenu .loginbox .login_after .btns a.valid.proceed{background:#52545c; border-color:#393b42;}*/
/*#quickMenu .loginbox .login_after .btns:after{display:none;}*/
/*#quickMenu .loginbox .login_after .modify{display:inline-block;margin-top:10px; font-size:12px; color:#838383; font-weight:400; line-height:16px;}*/

/*비버샘 퀵메뉴 */
#quickMenu [class^="viversam_menu"]{width:114px;margin:20px auto 0;text-align:center;}
#quickMenu [class^="viversam_menu"] .viver_char{position:relative;height:81px;background:url("../images/common/logo/viversam/vivier_2405.png") 50% 50% no-repeat;}
#quickMenu .viversam_txt{padding:12px 8px 10px;background-color:#1ec2a0;border:1px solid #15ad8d;border-radius:10px;font-family:'GmarketSansMedium', sans-serif;font-size:12px;font-weight:300;color:#fff;}
/* 비버샘 퀵메뉴 - 공유하기 홍보배너용 */
#quickMenu [class^="viversam_menu"] .viver_char img{position: absolute; bottom: 4px; left: 19px; z-index: 2;}
#quickMenu .viversam_menu2.event{margin:0;position:absolute;top:206px;left:-169px;width:168px;height:139px;background-color:#fff;border-radius:20px 0 0 20px;}
#quickMenu .viversam_menu2.event .viver_char{background-image:url("../images/common/logo/viversam/logo_viversam_share02.png");width:60px;height:121px;margin:0;position:absolute;top:0;right:0;z-index:2;}
#quickMenu .viversam_menu2.event .txt{position:absolute;top:50%;right:49px;transform:translate(0, -50%);font-family:'GmarketSansMedium';background-color:#edf9ff;outline:1px solid #abdff9;color:#464a56;font-size:12px;width:114px;padding:16px 0 15px;height:76px;line-height:16px;border-radius:10px;}
#quickMenu .viversam_menu2.event .txt span{font-family:'GmarketSansMedium';color:#f37519;display:inline-block;padding-left:16px;position:relative;top:0;left:0;font-size:12px;}
#quickMenu .viversam_menu2.event .txt span:before{content:"";display:inline-block;width:12px;height:16px;position:absolute;top:0;left:0;background:url("../images/common/icon/ico_share_small.png")no-repeat center center;}
#quickMenu .viversam_menu2.event button{display:inline-block;position:absolute;bottom:5px;left:11px;color:#393d4a;font-size:12px;width:114px;letter-spacing:-0.5px;font-weight:400;}
#quickMenu .viversam_menu2.event button:after{content:"";display:inline-block;width:10px;height:10px;background:url("../images/common/icon/ico_close_small.png")no-repeat center center;margin-left:3px;}
#quickMenu .viversam_menu2.event.on button{display:none;}
#quickMenu .viversam_menu2.event.on,#quickMenu .viversam_menu2.event.on .viver_char,#quickMenu .viversam_menu2.event.on .txt{position:static;}
#quickMenu .viversam_menu2.event.on{margin:0 auto;}
#quickMenu .viversam_menu2.event.on .viver_char{background-image:url("../images/common/logo/viversam/logo_viversam_share01.gif");width:114px;height:94px;margin:0 auto;}
#quickMenu .viversam_menu2.event.on .txt{transform:none;margin:0 auto;border-radius:10px;}
.gotop{left:-90px; margin-bottom:50px; width:60px; height:60px;box-shadow:0 3px 0 0 rgba(0,0,0,0.04);border-radius:30px; background:url('../images/common/btn_gotop2.png') no-repeat center center; transition:.5s;}
.gotop.hide{opacity:0; visibility:hidden;}


/* 261퀵메뉴 개편 2026-03-26 */
#quickMenu .quick-wrap{padding:24px 10px 10px; display:flex; flex-direction:column; gap:10px; height:100%;}
#quickMenu .btn{display:inline-flex; align-items:center; gap:4px; font-size:11px; color:#53565D; font-weight:400;}
#quickMenu .btn i{width:12px; height:12px; background-repeat:no-repeat; background-position:center;}
#quickMenu .btn-ico-all i{width:16px;height:16px;background-image:url('/resources/images/common/quick/ico_all.png');}
#quickMenu .btn-ico-shortcut i{width:16px; height:16px; background-image:url('/resources/images/common/quick/ico_link_set.png');}
#quickMenu .btn-ico-setting i{background-image:url('/resources/images/common/quick/ico_link_set.png');}
#quickMenu .btn-ico-plus i{background-image:url('/resources/images/common/quick/ico_plus.png');}
#quickMenu .btn_side{position:absolute; right:100%; top:50%;transform:translateY(-100px); display:flex; align-items:center; justify-content:center; width:35px; height:35px; border-radius:10px 0 0 10px; border:1px solid #e9e9ed;background: linear-gradient(0deg, #E9E9ED, #E9E9ED), linear-gradient(0deg, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0.4));box-shadow:inset -4px 0 4px rgba(0,0,0,0.05);}
#quickMenu .btn_side:after{content:''; display:block; width:19px; height:19px; background:url('/resources/images/common/quick/ico_side262.png') no-repeat center top;}
#quickMenu.open .btn_side:after{background-position:center bottom;}

#quickMenu .quick-container{padding:8px 9px; border-radius:10px; background:#fff;border:1px solid #e9e9ed;}
#quickMenu .quick-container .quick-top,
#quickMenu .quick-container .quick-cont-text,
#quickMenu .quick-class-list-wrap,
#quickMenu .userData{display:none;}

#quickMenu .loginBox .login-form,
#quickMenu .loginBox .quickBtns,
#quickMenu .loginBox .login-info-box .desc,
#quickMenu .loginBox .login-info-box .login-module .ico-setting,
#quickMenu .loginBox .login-info-box .login-module .ico-logout{display:none;}
#quickMenu .loginBox{padding:0; background:transparent; border-radius:0;border-color:transparent;}
#quickMenu .loginBox .quick-top{display:block;}
#quickMenu .loginBox .login-user-box{text-align:center;}
#quickMenu .loginBox .login-user-box h3{margin-bottom:8px; display:flex; align-items:center; justify-content:center; gap:4px;}
#quickMenu .loginBox .login-user-box h3 span{font-size:14px; color:#1E1E21; font-weight:500; line-height:18px;}
#quickMenu .loginBox .login-user-box h3 em{flex:none; font-size:12px; color:#1E1E21; font-weight:400; line-height:18px;}
#quickMenu .loginBox .login-user-box [class^='btn-quick-log'] {margin:0 auto; display: block; width:76px; height: 29px;line-height: 29px;font-size: 12px;font-weight: 500;color: #fff; text-align: center;border-radius:15px; background:#FF8800;border:none;}
#quickMenu .loginBox .login-user-box .btn-quick-logout{background:#F4F4F5;color:#7E7F80;font-weight:400;}
#quickMenu .loginBox .login-info-box .login-module .valid-btn{position:relative; margin-top:6px; text-align:center;}
#quickMenu .loginBox .login-info-box .login-module .valid-btn .valid{display:inline-block; padding:0 15px; width:76px; font-size:12px; color:#FF7007; font-weight:400; text-align:center; line-height:27px; border:1px solid #FF7007; border-radius:15px; background:#fff;}
#quickMenu .loginBox .login-info-box .login-module .valid-btn .valid.proceed{position:relative;padding:0;width:auto;font-size:12px;border:none;color:#444;cursor:default;background:none;}
#quickMenu .loginBox .login-info-box .login-module .valid-btn .valid.proceed:before{content:'';display:inline-block;width:8px;height:8px;border-radius:4px;background:#FFB547;margin-right:4px;vertical-align: middle;}
#quickMenu .loginBox .login-info-box .login-module .valid-btn .valid.reCheck{padding:0 8px;color:#FF5454;border-color:#FF5454}
#quickMenu .loginBox .login-info-box .login-module .valid-btn .valid.reCheck i{display:inline-block;width:14px;height:30px;margin-right:4px;background:url('../images/common/quick/ico_check.png') no-repeat center center;vertical-align: top;}
#quickMenu .loginBox .btn-quick-logout {color: #53565D; background: #DCDCDC;}   
#quickMenu .loginBox .sns_login {margin-top:10px; width:100%;}
#quickMenu .loginBox .sns_login ul {gap:2px; width: 100%; padding:0;}
#quickMenu .loginBox .sns_login ul li {margin:0; width: 20px; height: 20px;}
#quickMenu .loginBox .sns_login ul li a{display:block;vertical-align: top;}
#quickMenu .loginBox .sns_login ul li img {width: 100%; height: 100%;}
#quickMenu .loginBox .sns_login ul li#GgCustomLogin {background: url('../images/common/quick/bt_google.png') no-repeat center / contain; border-radius:0;}
#quickMenu .loginBox .sns_login ul li#GgCustomLogin .login_google {height: 100%; opacity: 0;}
#quickMenu .loginBox .sns_login ul li#GgCustomLogin .login_google iframe {width: 24px !important; height: 24px !important; margin: 0 !important;}
#quickMenu .loginBox .sns_login ul li.aiep_quick_login {position:relative; border: 1px solid #E9E9ED; background-color:#fff; border-radius: 50%;}
#quickMenu .loginBox .sns_login ul li.aiep_quick_login a{display: block;width:100%;height:100%;background: url("/resources/images/member/login_aiep.svg") no-repeat center center / 10px 10px;}
#quickMenu .loginBox .sns_login ul li.aiep_quick_login .aiep_quick_tooltip { position: absolute; top: calc(100% + 6px); left: calc(50% - 20px); z-index: 20; display: none; width: max-content; padding: 5px 8px; border: 1px solid #f0b94c; border-radius: 3px; background: #fff8da; color: #555; font-size: 10px; font-weight: 500; line-height: 1; transform: translateX(-50%); white-space: nowrap; }
#quickMenu .loginBox .sns_login ul li.aiep_quick_login:hover .aiep_quick_tooltip{ display: block;}

#quickMenu .quick-class-btn a{margin-top:10px; padding:13px; display:block; font-size:0; text-align:center; border-radius:10px; background:#EFF6FF;}
#quickMenu .quick-class-btn a img{height:12px;}
#quickMenu .quick-class__top p{font-size:13px; color:#1E1E21; font-weight:500;}
#quickMenu .quick-class__top p span{margin-left:4px; font:inherit; color:#FF7007;font-weight:700;}
#quickMenu .quick-class__list{padding:10px 0 10px;max-height:116px;border:1px solid #E9E9ED;border-radius:8px;overflow-y: auto;scrollbar-width: thin;scrollbar-gutter: stable both-edges;}
#quickMenu .quick-class__list li+li{margin-top:6px;}
#quickMenu .quick-class__list li a{position:relative; display:block; padding:6px 8px; color:#53565D; font-weight:400; background:#F4F4F5; border-radius:4px;}
#quickMenu .quick-class__list li a:after{content:''; position:absolute; right:8px; top:50%; transform:translateY(-50%); width:16px; height:16px; background:url('/resources/images/common/quick/ico_arr.png') no-repeat center;}
#quickMenu .quick-class__list li a span{display:block; font-size:11px; font-weight:inherit; color:inherit;}
#quickMenu .quick-class__list li a p{font-size:13px; font-weight:inherit; color:inherit;}
#quickMenu .quick-class__list li a:hover{background:#FFF5EE;}
#quickMenu .quick-class__list li a:hover:after{background-image:url('/resources/images/common/quick/ico_arr2.png');}
#quickMenu .quick-class__list li a:hover p{font-weight:500;}
#quickMenu .quick-class-nodata{}
#quickMenu .quick-class-nodata a{padding:0 16px;height:35px;flex:1;width:100%; display:flex;gap:4px; justify-content:center; align-items:center; font-size:14px; color:#fff; font-weight:500; line-height:33px; border-radius:10px; border:1px solid #E9E9ED;}
#quickMenu .quick-class-nodata a i{width:15px; height:15px; background:url('/resources/images/common/quick/vivaclass_add.png') no-repeat center;}
#quickMenu .quick-class-nodata a .class_logo{height:14px;}
#quickMenu .quick-class-nodata a .class_logo img{height:100%;}

#quickMenu .quick-shortcut .q-btn-list{display:flex; flex-direction:column; gap:12px;}
#quickMenu .quick-shortcut .q-btn-list li{position:relative; width:100%;}
#quickMenu .quick-shortcut .q-btn-list li+li:before{content:''; position:absolute; left:5px; right:5px; top:-6px; height:1px; background:#E9E9ED;}
#quickMenu .quick-shortcut .q-btn-list a{position:relative;display:block; font-size:12px; color:#53565D; font-weight:400; line-height:30px; text-align:center; letter-spacing:-.05em; border-radius:4px; background:#fff;}
#quickMenu .quick-shortcut .q-btn-list a:hover{font-weight:500; color:#FF7007; background:#FFEBDC; border-color:#FFEBDC;}
#quickMenu .quick-shortcut .q-btn-list a span{display:block;height:30px;background-repeat: no-repeat;background-position:center top;}
#quickMenu .quick-shortcut .q-btn-list [data-class="shortcut-item1"] a:after,#quickMenu .quick-shortcut .q-btn-list [data-class="shortcut-item2"] a:after,
#quickMenu .quick-shortcut .q-btn-list [data-class="shortcut-item3"] a:after,#quickMenu .quick-shortcut .q-btn-list [data-class="shortcut-item5"] a:after{content:'';display:block;width:100%;height:30px;background-repeat: no-repeat;background-position:center top;}
#quickMenu .quick-shortcut .q-btn-list a .ico_board,#quickMenu .quick-shortcut .q-btn-list [data-class="shortcut-item1"] a:after{background-image:url('/resources/images/common/quick/ico_quick_board.png');}
#quickMenu .quick-shortcut .q-btn-list a .ico_quiz,#quickMenu .quick-shortcut .q-btn-list [data-class="shortcut-item2"] a:after{background-image:url('/resources/images/common/quick/ico_quick_quiz.png');}
#quickMenu .quick-shortcut .q-btn-list a .ico_math,#quickMenu .quick-shortcut .q-btn-list [data-class="shortcut-item3"] a:after{background-image:url('/resources/images/common/quick/ico_quick_math.png');}
#quickMenu .quick-shortcut .q-btn-list a .ico_psy,#quickMenu .quick-shortcut .q-btn-list [data-class="shortcut-item5"] a:after{background-image:url('/resources/images/common/quick/ico_quick_psy.png');background-position:center center;}
#quickMenu .quick-shortcut .q-btn-list a:hover span,#quickMenu .quick-shortcut .q-btn-list a:hover:after{background-position:center bottom;}
#quickMenu .quick-shortcut .q-btn-list a:hover .ico_psy,#quickMenu .quick-shortcut .q-btn-list [data-class="shortcut-item5"]:hover a:after{background-position:center center;}
#quickMenu .quick-shortcut .q-btn-list [data-class="shortcut-item1"] a .txt,#quickMenu .quick-shortcut .q-btn-list [data-class="shortcut-item2"] a .txt,
#quickMenu .quick-shortcut .q-btn-list [data-class="shortcut-item3"] a .txt,#quickMenu .quick-shortcut .q-btn-list [data-class="shortcut-item5"] a .txt{display:none;}
#quickMenu .quick-fold-container{display:flex; flex-direction:column; gap:6px;}
#quickMenu .quick-fold-container .btn{justify-content:center; width:100%; height:40px; background:#fff;border:1px solid #E9E9ED;border-radius:10px;}
#quickMenu .quick-fold-container .btn span{display:inline-block;padding-left:18px;font-size:13px;font-weight:400;background:url('/resources/images/common/quick/ico_mybook.png') no-repeat left top;line-height:38px;vertical-align: top;}
#quickMenu .quick-fold-container .btn span.ico_recent{margin:0 auto;display:block;width:calc(100% - 20px);padding-left:20px;background-image:url('/resources/images/common/quick/ico_recent.png');text-align:left;}
#quickMenu .quick-fold-container .btn span.ico_save{margin:0 auto;display:block;width:calc(100% - 20px);padding-left:20px;background-image:url('/resources/images/common/quick/ico_save.png');text-align:left;}
#quickMenu .quick-fold-container .btn:hover{color:#FF7007; background:#FFF5EE;border-color:#ff7007;}
#quickMenu .quick-fold-container .btn:hover span{color:#FF7007;background-position:left bottom;}
#quickMenu .quick-tab-menu{margin:0; display:flex;}
#quickMenu .quick-tab-menu a{position:relative; flex:1; font-size:13px; color:#53565D; font-weight:400; text-align:center; line-height:40px;}
#quickMenu .quick-tab-menu a span{font:inherit; color:inherit;}
#quickMenu .quick-tab-menu a:after{content:''; position:absolute; left:0; right:0; bottom:0; height:1px; background:#E9E9ED;}
#quickMenu .quick-tab-menu a.on{font-weight:500; color:#FF7007;}
#quickMenu .quick-tab-menu a.on:after{height:1px; background:#FF7007;}
#quickMenu .tool-container{padding:4px 4px;flex:0 1 auto; overflow:hidden;}
#quickMenu .tool-container .quick-cont{height:100%;}
#quickMenu .quick-textbook{display:none;}
#quickMenu .quick-textbook ul{margin:0 0 0 -10px;display:flex; align-items:flex-start; flex-wrap:wrap;gap:6px;flex-direction:row; max-height:105px; overflow-y:auto; scrollbar-width:thin; scrollbar-gutter:stable both-edges;}
#quickMenu .quick-textbook ul li{width:100%;padding:6px 8px;background:#F4F4F4;border-radius:4px;}
#quickMenu .quick-textbook ul li a{display:block;padding-right:16px;background:url(/resources/images/common/quick/ico_arr.png) no-repeat right 5px center;line-height:16px; }
#quickMenu .quick-textbook ul li a p{display:inline-block;font-size:11px; color:#53565D; font-weight:400; line-height:16px;}
#quickMenu .quick-textbook ul li a span{display:inline-block;font-size:11px; color:#7E7F80; font-weight:400; line-height:16px;}
#quickMenu .quick-textbook ul li a.external span{color:#0086FF;}
#quickMenu .quick-textbook ul li:hover{background:#FFF5EE;}
#quickMenu .quick-textbook ul li a:hover p{font-weight:500;}
#quickMenu .quick-textbook ul li a:hover.external span{color:#FF7007;}

#quickMenu .quick-tool{display:block; height:100%;}
#quickMenu .quick-tool .btn-all-tool{position:relative;margin:0 auto 4px; padding:4px 8px 4px 0; display:block; width:calc(100% - 8px);letter-spacing:-0.06em; font-size:13px;line-height:18px; color:#53565D; font-weight:400;background:url(/resources/images/common/quick/ico_arr3.png) no-repeat right center;}
#quickMenu .quick-tool .btn-all-tool:after{content:'';position:absolute;left:0;right:0;bottom:-4px;height:1px;background:#E9E9ED;}
#quickMenu .quick-tool .toolsBox{margin:8px -8px 0; display:flex; flex-wrap:wrap; gap:8px; height:calc(100% - 34px); overflow-y:auto; scrollbar-width:thin; scrollbar-gutter:stable both-edges;}
#quickMenu .quick-tool .toolsBox li{width:100%;}
#quickMenu .quick-tool .toolsBox li button{position:relative;padding:0 2px; display:flex; width:100%;height:32px;flex-wrap:nowrap;align-items: center;justify-content: flex-start;gap:4px;border-radius:4px;}
#quickMenu .quick-tool .toolsBox li button:hover{background-color:#FFEBDC;}
#quickMenu .quick-tool .toolsBox li button i{position:relative; display:block; background: no-repeat center center;width:20px;height:20px;background-size:contain;}
#quickMenu .quick-tool .toolsBox li button i:after{content:''; display:block; padding-bottom:100%;}
#quickMenu .quick-tool .toolsBox li button span{ display:block; color:#53565D;font-size:11px;font-weight:400;letter-spacing:-.05em; text-align:left;}
#quickMenu .quick-tool .toolsBox li button.btn_color_pen i{background-image:url("../images/chasi_pop/btn_color_pen.svg");}
#quickMenu .quick-tool .toolsBox li button.btn_inp_txt i{background-image:url("../images/chasi_pop/btn_inp_txt.svg");}
#quickMenu .quick-tool .toolsBox li button.btn_timer i{background-image:url("../images/chasi_pop/btn_timer.svg");}
#quickMenu .quick-tool .toolsBox li button.btn_stop i{background-image:url("../images/chasi_pop/btn_stop.svg");}
#quickMenu .quick-tool .toolsBox li button.btn_work i{background-image:url("../images/chasi_pop/btn_work.svg");}
#quickMenu .quick-tool .toolsBox li button.btn_secret i{background-image:url("../images/chasi_pop/btn_secret.svg");}
#quickMenu .quick-tool .toolsBox li button.btn_attention i{background-image:url("../images/chasi_pop/btn_attention.svg");}
#quickMenu .quick-tool .toolsBox li button.btn_place i{background-image:url("../images/chasi_pop/btn_place.svg");}
#quickMenu .quick-tool .toolsBox li button.btn_my_link i{background-image:url("../images/chasi_pop/btn_my_link.svg");}
#quickMenu .quick-tool .toolsBox li button.btn_sound i{background-image:url("../images/chasi_pop/btn_sound.svg");}
#quickMenu .quick-tool .toolsBox li button.btn_qr i{background-image:url("../images/chasi_pop/btn_qr.svg");}
#quickMenu .quick-tool .toolsBox li button.btn_url i{background-image:url("../images/chasi_pop/btn_url.svg");}
#quickMenu .quick-tool .toolsBox li button.btn_group i{background-image:url("../images/chasi_pop/btn_group2.svg");}
#quickMenu .quick-tool .toolsBox li button.btn_role i{background-image:url("../images/chasi_pop/btn_role.svg");}
#quickMenu .quick-tool .toolsBox li button.new:after{content:'';position:absolute;left:-4px;top:-3px;width:16px;height:16px;background:url('../images/common/ico_new_3.png') no-repeat center center;}
/*#quickMenu .quick-tool .toolsBox li button:hover i{background-color:#FFEBDC;}*/

#quickMenu .quick-my-data li+li{margin-top:6px;}
#quickMenu .quick-my-data li a{padding:6px 8px; display:block; border-radius:4px; background:#F4F4F4;}
#quickMenu .quick-my-data li .tit{display:flex; gap:4px;}
#quickMenu .quick-my-data li .category{flex:none;min-width:27px;padding:0 4px; font-size:10px; color:#53565D;text-align:center; font-weight:400; line-height:18px; background:#fff; border-radius:10px;}
#quickMenu .quick-my-data li .ic_file{flex:1; padding:0 16px 0 22px;min-height:18px;font-size:13px;font-weight:400;color:#53565D;line-height:18px;letter-spacing:-0.03em; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;background:url(/resources/images/common/quick/ico_arr.png) no-repeat right 5px center;}
#quickMenu .quick-my-data li .ic_file span{width:18px;height:18px;font-size:18px;background:url('/resources/images/renew26/ico_filesx2.png') no-repeat center top / 18px auto;}
#quickMenu .quick-my-data li .ic_file.pdf span{background-position-y:-19px;}
#quickMenu .quick-my-data li .ic_file.ppt span,
#quickMenu .quick-my-data li .ic_file.pptx span,
#quickMenu .quick-my-data li .ic_file.pptm span{background-position-y:-38px;}
#quickMenu .quick-my-data li .ic_file.doc span,#quickMenu .quick-my-data li .ic_file.docx span{background-position-y:-56px;}
#quickMenu .quick-my-data li .ic_file.xls span,
#quickMenu .quick-my-data li .ic_file.xlsx span,
#quickMenu .quick-my-data li .ic_file.xlsm span{background-position-y:-75px;}
#quickMenu .quick-my-data li .ic_file.hwp span,
#quickMenu .quick-my-data li .ic_file.hwpx span{background-position-y:-94px;}
#quickMenu .quick-my-data li .ic_file.jpg span,#quickMenu .quick-my-data li .ic_file.jpeg span,#quickMenu .quick-my-data li .ic_file.gif span,
#quickMenu .quick-my-data li .ic_file.png span{background-position-y:-113px;}
#quickMenu .quick-my-data li .ic_file.movie span,#quickMenu .quick-my-data li .ic_file.mov span,
#quickMenu .quick-my-data li .ic_file.mp4 span{background-position-y:-132px;}
#quickMenu .quick-my-data li .ic_file.zip span{background-position-y:-150px;}
#quickMenu .quick-my-data li .ic_file.wav span,#quickMenu .quick-my-data li .ic_file.m4a span,
#quickMenu .quick-my-data li .ic_file.mp3 span{background-position-y:-169px;}
#quickMenu .quick-my-data li .ic_file.txt span{background-position-y:-188px;}
#quickMenu .quick-my-data li .ic_file.numbers span{background-position-y:-206px;}
#quickMenu .quick-my-data li .ic_file.etc span{background-position-y:-225px;}
#quickMenu .quick-my-data li .ic_file.html span{background-position-y:-244px;}
#quickMenu .quick-my-data li .ic_file.qrcode span{background-position-y:-263px;}
#quickMenu .quick-my-data li .ic_file.youtube span{background-position-y: -281px;}
#quickMenu .quick-my-data li .ic_file.link span,
#quickMenu .quick-my-data li .ic_file.ic_link span{background-position-y:-300px;}
#quickMenu .quick-my-data li .ic_file.ebook span{background-position-y:0;}
#quickMenu .quick-my-data li .ic_file.down span{background-position-y:-319px;}
#quickMenu .quick-my-data li .date{display:none;margin-top:4px; padding-left:16px; font-size:11px; color:#7E7F80; font-weight:400; line-height:12px; background:url('/resources/images/common/quick/ico_clock.png') no-repeat left center;}
#quickMenu .quick-my-data li a:hover{background:#FFF5EE;}
#quickMenu .quick-my-data li a:hover .category,#quickMenu .quick-my-data li a:hover .ic_file{font-weight:500;}
#quickMenu .quick-my-data li.nodata{padding-top:28px; background:url('/resources/images/common/quick/ico_noFolder.png') no-repeat center top;}
#quickMenu .quick-my-data li.nodata p{font-size:11px; color:#7E7F80; font-weight:400; line-height:1.5; text-align:center;}
#quickMenu .quick-my-data li.nodata p span{display:block; font-size:11px; color:#A4A5A9; font-weight:400; line-height:20px;}


#quickMenu.open{width:251px;}
#quickMenu.open .quick-wrap{ display:flex; flex-direction:column; gap:10px;}
#quickMenu.open .quick-container{padding:0; border-radius: 0; background: #fff;border:none;}
#quickMenu.open .quick-container .quick-top{ padding-bottom:10px; display:block;}
#quickMenu.open .quick-container .quick-cont .quick-class{border-top:1px solid #E9E9ED;padding-top:10px;}
#quickMenu.open .quick-container .quick-cont-text{margin-bottom:5px; display:flex; justify-content:space-between; align-items:center;}
#quickMenu.open .quick-container .quick-cont-text .txt{display:inline-flex; align-items:center; font-size:11px; color:#7E7F80; font-weight:400; line-height:16px; letter-spacing:-.05em;}
#quickMenu.open .quick-wrap .quick-tab-cont{display:none;}
#quickMenu.open .quick-wrap .quick-tab-cont.on{display:block;}
#quickMenu.open .loginBox .login-user-box,
#quickMenu.open .quick-tool .btn-all-tool,
#quickMenu.open .quick-class-btn,
#quickMenu.open .quick-fold-container{display:none;}
#quickMenu.open .loginBox .login-form{display:flex; align-items:center; gap:6px;}
#quickMenu.open .loginBox .login-form .input_wrap input {background:#fff;border:1px solid #E9E9ED;border-radius:4px;overflow:hidden; width: 100%;height: 32px;padding:0 8px;font-size: 12px;font-weight:500;}
#quickMenu.open .loginBox .login-form .input_wrap input + input {margin-top:6px;}
#quickMenu.open .loginBox .login-form .input_wrap input::placeholder{color:#7E7F80;font-weight:400;}
#quickMenu.open .loginBox .login-form .login-module{flex:none;}
#quickMenu.open .loginBox .login-form .btn_login {margin:0; display: block;height: 32px;background: #FF8800;line-height: 32px;font-size: 13px;font-weight: 500;color: #fff; text-align: center;border-radius:16px; border:none;}
#quickMenu.open .loginBox .login-form .btn_login:focus{outline:none;}
#quickMenu.open .loginBox .login-form .btn_login:hover {background-color: #ff8125;color: #fff;}
#quickMenu.open .loginBox .login-form .login_check {height:auto;margin:6px 0 14px;}
#quickMenu.open .loginBox .login-form .login_check input {width:auto;height:auto;margin:0 4px 0 0; vertical-align: middle;}
#quickMenu.open .loginBox .login-form .login_check label {padding-left:24px;vertical-align: middle;color:#7E7F80;font-size:11px;font-weight:400;}
#quickMenu.open .loginBox .login-form .login_check input[type="checkbox"] + label:before{margin-top:-9px;width:18px;height:18px;background:url(../images/common/quick_id_save.png) no-repeat center top;}
#quickMenu.open .loginBox .login-form .login_check input[type="checkbox"]:checked + label:before{background:url(../images/common/quick_id_save.png) no-repeat center bottom;}
#quickMenu.open .loginBox .sns_login {margin-top:12px; width:100%;}
#quickMenu.open .loginBox .sns_login ul {gap:6px; width: 100%; padding:0;}
#quickMenu.open .loginBox .sns_login ul li {margin:0; width: 28px; height: 28px;}
#quickMenu.open .loginBox .sns_login ul li img {width: 100%; height: 100%;}
#quickMenu.open .loginBox .sns_login ul li#GgCustomLogin {background: url('../images/common/quick/bt_google.png') no-repeat center / contain;border-radius:0;}
#quickMenu.open .loginBox .sns_login ul li#GgCustomLogin .login_google {height: 100%; opacity: 0;}
#quickMenu.open .loginBox .sns_login ul li#GgCustomLogin .login_google iframe {width: 32px !important; height: 32px !important; margin: 0 !important;}
#quickMenu.open .loginBox .quickBtns{margin-top:8px;display:block; padding:0; width:auto;}
#quickMenu.open .loginBox .quickBtns a{padding:0; font-size:11px;font-weight:400; color:#53565D;line-height:16px;}
#quickMenu.open .loginBox .quickBtns .btn_idpw{position:relative;margin-right:8px;}
#quickMenu.open .loginBox .quickBtns .btn_idpw:after{content:'';position:absolute;right:-6px;top:3px;width:1px;height:10px;background:#E9E9ED;transform:none;}
#quickMenu.open .loginBox .login-info-box{display:flex; align-items:center; justify-content:space-between; gap:19px;}
#quickMenu.open .loginBox .login-info-box .user-info{flex:1; display:flex; justify-content:space-between; align-items:center; gap:4px;}
#quickMenu.open .loginBox .login-info-box .user-info .desc{display:block;}
#quickMenu.open .loginBox .login-info-box .user-info .desc h3{font-size:14px; color:#1E1E21; font-weight:400;}
#quickMenu.open .loginBox .login-info-box .user-info .desc h3 span{font:inherit; color:inherit; font-weight:600;}
#quickMenu.open .loginBox .login-info-box .user-info .desc p{margin-top:6px; font-size:0;}
#quickMenu.open .loginBox .login-info-box .user-info .desc p span{margin-right:2px;line-height:1; font-size:12px; color:#273FA1; font-weight:500;}
#quickMenu.open .loginBox .login-info-box .user-info .desc p.ty2 span{color:#f3334f;}
#quickMenu.open .loginBox .login-info-box .login-module .valid-btn{margin:0; flex:none;}
#quickMenu.open .loginBox .login-info-box .login-module .valid-btn .valid{width:auto;height:29px;}
#quickMenu.open .loginBox .login-info-box .login-module .valid-btn .valid.reCheck{width:79px;}
#quickMenu.open .loginBox .login-info-box .login-module{flex:none; display:flex; gap:6px 10px;flex-shrink:0;max-width:79px;justify-content: flex-end;flex-wrap:wrap;}
#quickMenu.open .loginBox .login-info-box .login-module a{width:20px; height:20px; background-repeat:no-repeat; background-position:center;}
#quickMenu.open .loginBox .login-info-box .login-module a.ico-setting{display:inline-block;background-image:url('/resources/images/common/quick/ico_setting.png');}
#quickMenu.open .loginBox .login-info-box .login-module a.ico-logout{display:inline-block;background-image:url('/resources/images/common/quick/ico_logout.png');}
#quickMenu.open .loginBox .sns_login ul li.aiep_quick_login a{background-size:18px 19px;}
#quickMenu.open .loginBox .sns_login ul li.aiep_quick_login .aiep_quick_tooltip{left:50%;}

#quickMenu.open .tool-container{padding:0 10px 10px;flex:none;border:1px solid #E9E9ED;border-radius:10px;}
#quickMenu.open .tool-container .quick-cont{height:auto;}
#quickMenu.open .quick-tool .toolsTxt .view-tool-info{font-size:9px; color:#7E7F80;}
#quickMenu.open .quick-tool .toolsTxt .view-tool-info i{margin-left:2px;width:11px; height:11px; background:url('/resources/images/common/quick/ico_tool_info.png') no-repeat center;}
#quickMenu.open .quick-tool .toolsTxt .view-tool-info:hover{color:#FF7007;}
#quickMenu.open .quick-tool .toolsTxt .view-tool-info:hover i{background-image:url('/resources/images/common/quick/ico_tool_info_on.png');}
#quickMenu.open .quick-tool .toolsBox{margin-top:4px; gap:4px 10px; min-height:126px;}
#quickMenu.open .quick-tool .toolsBox li{width:calc(33.33% - 20px/3);}
#quickMenu.open .quick-class-list-wrap{display:block;}
#quickMenu.open .quick-shortcut .q-btn-list{flex-direction:row; flex-wrap:wrap; gap:8px 6px;}
#quickMenu.open .quick-shortcut .q-btn-list li{width:calc(33.33% - 20px/3);}
#quickMenu.open .quick-shortcut .q-btn-list li+li:before{display:none;}
#quickMenu.open .quick-shortcut .q-btn-list a{display:block; font-size:9px; border:1px solid #E9E9ED;}
#quickMenu.open .quick-shortcut .q-btn-list a .ico_board,#quickMenu.open .quick-shortcut .q-btn-list [data-class="shortcut-item1"] a:after{margin:1px auto 2px;height:27px;background-size:auto 54px;}
#quickMenu.open .quick-shortcut .q-btn-list a .ico_quiz,#quickMenu.open .quick-shortcut .q-btn-list [data-class="shortcut-item2"] a:after{margin:1px auto 2px;height:27px;background-size:auto 54px;}
#quickMenu.open .quick-shortcut .q-btn-list a .ico_math,#quickMenu.open .quick-shortcut .q-btn-list [data-class="shortcut-item3"] a:after{margin:5px auto;height:20px;background-size:auto 40px;}
#quickMenu.open .quick-shortcut .q-btn-list a .ico_psy,#quickMenu.open .quick-shortcut .q-btn-list [data-class="shortcut-item5"] a:after{margin:10px auto;height:10px;background-size:59px auto;}
#quickMenu.open .quick-shortcut .q-btn-list a:hover{border-color:#ff7007;font-weight:700;}
#quickMenu.open .quick-shortcut.before-login .q-btn-list{min-height:0;}
#quickMenu.open .userData{padding:0 10px 10px;flex:0 1 auto; display:flex; flex-direction:column; overflow:hidden;border:1px solid #E9E9ED;border-radius:10px;}
#quickMenu.open .userData .quick-top{flex:none;}
#quickMenu.open .userData .quick-cont{flex:1; min-height:0;}
#quickMenu.open .userData .quick-my-data{height:calc(100% - 26px); overflow-y:auto;}
#quickMenu.open .userData.h-full .quick-my-data{height:100%;}
#quickMenu.open .quick-tool .toolsBox li button{flex-wrap:wrap;flex-direction:row;justify-content: center;gap:0;height:56px;}
#quickMenu.open .quick-tool .toolsBox li button i{width:40px;height:40px;}
#quickMenu.open .quick-tool .toolsBox li button.btn_color_pen i{background-size:auto 23px;}
#quickMenu.open .quick-tool .toolsBox li button.btn_work i{background-size:auto 23px;}
#quickMenu.open .quick-tool .toolsBox li button.btn_inp_txt i{background-size:auto 24px;}
#quickMenu.open .quick-tool .toolsBox li button.btn_place i{background-size:auto 23px;}
#quickMenu.open .quick-tool .toolsBox li button.btn_timer i{background-size:auto 23px;}
#quickMenu.open .quick-tool .toolsBox li button.btn_stop i{background-size:auto 25px;}
#quickMenu.open .quick-tool .toolsBox li button.btn_secret i{background-size:auto 24px;}
#quickMenu.open .quick-tool .toolsBox li button.btn_attention i{background-size:auto 25px;}
#quickMenu.open .quick-tool .toolsBox li button.btn_my_link i{background-size:auto 24px;}
#quickMenu.open .quick-tool .toolsBox li button.btn_sound i{background-size:auto 24px;}
#quickMenu.open .quick-tool .toolsBox li button.btn_qr i{background-size:auto 24px;}
#quickMenu.open .quick-tool .toolsBox li button.btn_url i{background-size:auto 25px;}
#quickMenu.open .quick-tool .toolsBox li button.btn_group i{background-size:auto 24px;}
#quickMenu.open .quick-tool .toolsBox li button.btn_role i{background-size:auto 24px;}
#quickMenu.open .quick-tool .toolsBox li button span{text-align:center;display:block;}
#quickMenu .validPop{position:absolute; right:calc(100% + 12px); top:50%; transform:translateY(-50%); padding:12px 24px; z-index:100;}
#quickMenu .validPop:before{content:''; position:absolute; right:-8px; top:50%; transform:translateY(-50%) translateZ(0); width:10px; height:11px ;background:url('/resources/images/common/quick/arr_tooltip.png') no-repeat center; z-index:-2;-webkit-backface-visibility: hidden;backface-visibility: hidden;-webkit-font-smoothing: antialiased;}
#quickMenu .validPop:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; border:1px solid #FF7007; border-radius:12px; background:#FFFCEE; box-shadow:0 4px 11px 0 rgba(255, 112, 7, 0.16); z-index:-1;}
#quickMenu .validPop p{font-size:12px; color:#1E1E21; font-weight:400; line-height:1.4; text-align:center; white-space:nowrap;}
#quickMenu .validPop .popClose{position:absolute; top:7px; right:8px; width:10px; height:13px; background:url('/resources/images/common/quick/ico_vaild_close.png') no-repeat center;}
#quickMenu.open .validPop{right:0; top:calc(100% + 10px); transform:none;}
#quickMenu.open .validPop:before{right:34px; top:-8px; transform:rotate(-90deg);}
#quickMenu #validPop6{margin-top:20px;}
#quickMenu.open #validPop6{margin-top:0;right: -77px;top: 11px;}
#quickMenu.open #validPop6:before{left:50%;top:auto;bottom:-13px;transform:rotate(90deg) translateX(-50%);}

#quickMenu .schValidPop {position: absolute; right:calc(100% + 12px); top:50%; transform:translateY(-50%); padding:20px 10px; background: #fff; border: 1px solid #319DFF; border-radius: 24px; z-index:100;}
#quickMenu .schValidPop:after {content: ""; display: inline-block; position: absolute; right: -8px; top: 50%; transform: translateY(-50%); width:8px; height: 13px; background: url('/resources/images/common/schValidPopArr.png') no-repeat center;}
#quickMenu .schValidPop p{font-size:13px; color:#1E1E21; font-weight:400; line-height:1.2; text-align:center; white-space:nowrap;}
#quickMenu .schValidPop p b{font:inherit; color:inherit; font-weight:700;}
#quickMenu .schValidPop a{margin:12px auto 0; float:none; display:flex; align-items:center; justify-content:center; gap:4px; width:158px; height:33px; font-size:13px; color:#0086FF; font-weight:700; border-radius:33px; background:#E9F2FF;}
#quickMenu .schValidPop a:after{content:''; width:9px; height:13px; background:url('/resources/images/common/ico_schValidPop_arr.png') no-repeat center;}
#quickMenu.open .schValidPop {right:0; top:calc(100% + 12px); transform:none;}
#quickMenu.open .schValidPop:after {right: 34px; top: -10px; transform:rotate(-90deg);}