@charset "UTF-8";

/* common */
html.fixbody{height:100%; overflow: hidden;}
.content_top {position:relative; width: 100%; padding: 35px 0; background-color: #3cb8e5;}
.content_top.ty2 {background-color: #6186e4;}
.content_top article {overflow: visible;}

.wrap{position:relative; min-width:1360px;}
.wrap.minWid0{min-width:0;}
article{position: relative; width: 100%; max-width: 1400px; margin: 0 auto;}
article:after{content:''; display:block; clear:both;}
header article {max-width: 1400px;}
.tab_conts, .tabCont {display: none;}
.tab_conts.on, .tabCont.on {display: block;}
.fl{display:flex;}
.fl.jc_between{justify-content: space-between;}
.fl.al_center{align-items: center;}
.jc_end{justify-content:flex-end;}

.alert_pop{z-index:9999;}
._pointer{cursor:pointer;}
.no_pointer{cursor:auto;}

/* file icon */
.ic_file{position:relative; padding-left:27px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.ic_file i{overflow: hidden; position: absolute; left: 0; top: 0; display: inline-block; width: 20px; height: 20px; background-image: url('../images/common/ic_file.png'); background-repeat: no-repeat;background-size:20px auto;}
.ic_file.pdf i{background-position: 0 0;}
.ic_file.doc i, .ic_file.docx i{background-position: 0 -20px;}
.ic_file.xls i,
.ic_file.xlsx i{background-position: 0 -40px;}
.ic_file.zip i{background-position: 0 -60px;}
.ic_file.hwp i,
.ic_file.hwpx i{background-position: 0 -80px;}
.ic_file.ppt i, .ic_file.pptx i,
.ic_file.pptm i{background-position: 0 -100px;}
.ic_file.wav i,
.ic_file.wma i,
.ic_file.mp3 i{background-position: 0 -120px;}
.ic_file.png i,
.ic_file.jpg i,
.ic_file.jpeg i{background-position: 0 -160px;}
.ic_file.avi i,
.ic_file.mp4 i,
.ic_file.mkv i,
.ic_file.mov i{background-position: 0 -180px;}
.ic_file.url i{width:24px;background:url('../images/common/ico_url.png') no-repeat left center;}
.ic_file.folder i{width:22px;background:url('../images/common/ico_folder.png') no-repeat left center;}

/* datepicker */
.datepicker{width:155px; display:inline-flex;}
.datepicker.reverse{flex-direction: row-reverse; gap:8px;}
.datepicker input{width:125px;}
.datepicker .ui-datepicker-trigger{flex:1; width:21px; min-height:22px; background:url('../images/common/ico_datepicker.png') no-repeat right center; font-size:0;}
.ui-datepicker{padding:0; border-radius: 10px; overflow: hidden;}
.ui-datepicker table{margin-bottom:12px;}
.ui-datepicker .ui-datepicker-header{padding:5px 0; background:#fff; border:none; border-bottom:1px solid #d9d9d9;}
.ui-datepicker .ui-datepicker-title{font-size:16px; color:#121212; font-weight:500; line-height: 28px;}
.ui-datepicker .ui-datepicker-title span{font:inherit;}
.ui-datepicker .ui-datepicker-prev,
.ui-datepicker .ui-datepicker-next{top:50%; transform:translateY(-50%); width:25px; height:25px; display:flex; align-items: center; justify-content: center; cursor: pointer;}
.ui-datepicker .ui-datepicker-prev{left:10px;}
.ui-datepicker .ui-datepicker-next{right:10px;}
.ui-datepicker .ui-datepicker-prev-hover,
.ui-datepicker .ui-datepicker-next-hover{background:transparent; border:none;}
.ui-datepicker .ui-datepicker-prev span,
.ui-datepicker .ui-datepicker-next span{position:static; margin:0; width:10px; height:15px; background:url('../images/common/arr_datepicker.png') no-repeat center;}
.ui-datepicker .ui-datepicker-next span{transform: rotate(180deg);}
.ui-datepicker .ui-datepicker-prev.ui-state-disabled,
.ui-datepicker .ui-datepicker-next.ui-state-disabled{opacity: .3;}
.ui-datepicker tr{padding:0 10px;}
.ui-datepicker th{padding:1px; font-size:16px; color:#4c4c4c; font-weight:500; line-height: 32px; background:#f2f2f2; letter-spacing: -0.025em}
.ui-datepicker th span{font:inherit;}
.ui-widget-content .ui-state-default{margin:0 auto; padding:0; width:26px; font-size:14px; color:#4c4c4c; font-weight:500; line-height:26px; text-align: center; letter-spacing: -0.025em; background:#fff; border:none; border-radius: 50%;}
.ui-widget-content .ui-state-active{color:#fff; background:#8aabf7;}
.ui-widget-content .ui-state-disabled{color:#c0c2c2; opacity:1;}
.ui-widget-content .ui-state-disabled .ui-state-default{color:inherit;}

/* header */
header {position:relative; width: 100%; z-index:9000; background:#fff;}
header.bb{border-bottom:1px solid #e5e5e5;}
header .header_wrap {margin: 0 auto; padding:0 20px; display: flex; justify-content: space-between; align-items: center; width: 100%; max-width: 1440px; height: 60px;}
header .header_wrap .logo_class { width: 121px; height: 23px; background: url('../images/account/logo_vivaClass.png') no-repeat center center;}
header .header_wrap .gnb {display: flex; align-items: center;}
header .header_wrap .gnb > li {position: relative; padding-left:  11px; margin-left: 11px;;}
header .header_wrap .gnb > li:after {content: ""; display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 1px; height: 13px; background: #e5e5e5;}
header .header_wrap .gnb > li:nth-of-type(1):after {display: none;}
header .header_wrap .gnb > li:nth-of-type(1) {padding: 0; margin: 0;}
header .header_wrap .gnb > li > a {display: inline-block; font-size: 14px; font-weight: 500; color: #7f7f7f; letter-spacing: -0.025em; line-height:40px;}
header .header_wrap .gnb > li.user a {display: inline-block; font-size: 14px; font-weight: 600; color: #121212; letter-spacing: -0.025em;}
header .header_wrap .gnb > li.user a span {font: inherit;}
header .header_wrap .gnb > li.teacher a{padding-left:20px;}
header .header_wrap .gnb > li.teacher a:after {content: ""; display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 16px; height: 16px; background: url(../images/main/ico/ico_my.png) no-repeat center center;}
header .header_wrap .gnb .account_info_pop{position:absolute; right:-256px; top:100%; padding:10px 33px 10px 17px; border:2px solid #ff5454; background:#fff; z-index:10; border-radius:20px;}
header .header_wrap .gnb .account_info_pop:before{content:''; position:absolute; left:37px; top:-11px; width:14px; height:11px; background:url('../images/main/layer_pop_arr.png') no-repeat center;}
header .header_wrap .gnb .account_info_pop p{font-size:14px; color:#ff3131; font-weight:400; line-height:17px; white-space: nowrap;}
header .header_wrap .gnb .account_info_pop p span{font:inherit;}
header .header_wrap .gnb .account_info_pop .btn_close{position:absolute; right:8px; top:50%; transform:translateY(-50%); padding:5px;}
header .header_wrap .gnb .account_info_pop .btn_close span{display:block; width:10px; height:10px; background:url('../images/main/ico/ico_pop_close.png') no-repeat center;}
header .header_wrap .gnb .drop_menu{display:none; position:absolute; left:50%; top:100%; transform:translateX(-50%);}
header .header_wrap .gnb .drop_menu .drop_menu_list{display:block; position:relative; top:0;}
header .header_wrap .gnb .drop_menu .drop_menu_list li a{padding:0 20px; white-space:nowrap; line-height:37px;}
header .header_wrap .gnb .drop_menu .drop_menu_list li a.link{padding-right:37px; background:url('../images/cs/ico_link2.png') no-repeat right 16px center / 14px 14px;}

/* footer */
.notice_bnr{border-bottom:1px solid #e9e9e9;}
.notice_bnr article{padding:20px 0;}
.notice_bnr .cs_center{padding:7px 0;}
.notice_bnr .cs_center span{display:inline-block; font-size:18px; color:#121212; font-weight:600; line-height:22px;}
.notice_bnr .cs_center span.number{margin-left:4px; font-size:18px;font-weight:600;}
.notice_bnr .cs_center span.number em{font:inherit; font-size:18px; color:inherit;}
.notice_bnr .cs_center span.time{margin-left:8px; font-size:16px; color:#121212; line-height:1;font-weight:400;}
.notice_bnr .btns_wrap{display:flex; gap:18px;}
.notice_bnr .btns_wrap li a{position:relative; display:block; font-size:16px; color:#273fa1; font-weight:600; line-height:34px;}
.notice_bnr .btns_wrap li a span {display:inline-block;margin-right:10px;width:24px;height:24px;background-position:center center;background-repeat:no-repeat;vertical-align:middle;}
.notice_bnr .btns_wrap li a span.ico_cs1 {background-image:url('../images/common/ico_cs1.png');}
.notice_bnr .btns_wrap li a span.ico_cs2 {background-image:url('../images/common/ico_cs2.png');}
.notice_bnr .btns_wrap li a span.ico_cs3 {background-image:url('../images/common/ico_cs3.png');}

.footer {width: 100%; min-width: 1200px; height: auto; background:#fff;font-family: 'Noto Sans KR', sans-serif !important;clear:both;border-top:1px solid #e9e9e9;}
.footer .footwrap {position: relative; width: 1200px;margin: 0 auto;padding: 60px 0;text-align: center; z-index:1;}
.footer .footwrap h2 {display: block;margin-bottom: 38px;}
.footer .footwrap h2 img {width: auto;}
.footer .footwrap .info {display: block;text-align: center;color:#8f8f8f;line-height: 20px; font-size:12px}
.footer .footwrap .info .ipaddress {color:transparent}
.footer .footwrap .info span {position: relative;margin-right: 30px;line-height: 21px; font-size:14px;font-weight:400;color: #a4a5a9;}
/*.footer .footwrap .info span::after {content: "";position: absolute;top:50%;width: 1px;height: 10px;right: 0;margin-top: -5px;margin-right: -7px;background-color: #999;}*/
/*.footer .footwrap .info span.info_after_none::after {content: none;}*/
.footer .footwrap .info a {color: #a4a5a9;font-size:14px;}
.footer .footwrap .info ul {display: block;margin-bottom:15px;overflow:hidden;}
.footer .footwrap .info ul li {display: inline-block;padding-right: 7px;color:#cdcdcd; font-size:13px; letter-spacing: -1px;}
.footer .footwrap .info ul li a {position: relative;margin-right: 14px;font-size:14px;color: #000;font-weight: 400;}
/*.footer .footwrap .info ul li a::after {content: "";position: absolute;top: 50%;right: 0;width: 1px;height: 12px;margin-top: -6px;margin-right: -13px;background-color: #7b7e88;}*/
.footer .footwrap .info ul li:last-child {padding-right: 0;}
.footer .footwrap .info ul li:last-child a {margin-right: 0;}
.footer .footwrap .info ul li:last-child a::after {content:none;}
.footer .footwrap .info ul li a.bold {font-weight:600; color: #000;}
.footer .footwrap .info .copy {font-size:14px;line-height:21px;}
.footer .btns {padding:0;width:auto;position: absolute; top: 20px; right: 0; line-height: 1.2; *zoom:1}
.footer .btns:after {content: ""; display: block; clear: both;}
.footer .btns .btn_buy {float: left; width: 196px;height: 36px;padding: 9px 10px 0;margin-right: 10px;border: 1px solid #206cef;border-radius:8px;background: #f4f8ff url('../images/common/arr_footer.png') no-repeat 170px center;box-sizing: border-box;font-size:14px;color: #121212;text-align: left;line-height: 1;font-weight:400}
.footer .btns .btn_buy:hover {text-decoration: none;}
.footer .slt {width:196px; height: 36px;text-align: left;box-sizing: border-box; font-size:14px; color:#121212; border-radius:8px;}

/* select design */
.slt { position:relative; z-index:8999; float:left; width:160px; height:32px;}
.slt .t {}
.slt .t a { width:100%; height:36px; padding:9px 10px 0; display:block; color:#121212; background:#f4f8ff url('../images/common/arr_footer.png') no-repeat 170px center;  font-size: 14px; border-radius:8px; line-height:1; border: 1px solid #206cef;}
.slt .t a:hover { text-decoration:none; }
.slt .t a.on { background:#fbfbfb url('../images/common/arr_footer.png') no-repeat 170px center;}
.slt .t a span {color:#121212;font-size:14px;font-weight:400;}
.slt div { position:absolute; bottom:29px; left:-1px; display:none; overflow-x:hidden; overflow-y:auto; width:100%; max-height:150px; border:1px solid #cacaca; background:#fff; }
.slt div ul {}
.slt div ul li {}
.slt div ul li a, .slt div ul li span { display:block; padding:5px 0 3px 9px; color:#666;font-size:14px;font-weight:400; }
.slt div ul li a:hover{text-decoration:underline;}
.slt div ul li span {font-weight: bold;}

/* join */
header.join{background:#fff; border-bottom:1px solid #ebebeb;}
.join .header_wrap{max-width:720px; display:flex; height:94px; justify-content: space-between; align-items: center;}
header.join .logo_visang{width:100px; height:34px; background:url('../images/account/logo_visang.png') no-repeat center center;}
header.join .logo_visang a{display:block; width:100%; height:100%;}
header.join .logo_class a{display:block; width:100%; height:100%;}
.contents.join{background:#f8f9fb; min-height:573px;}

.join_wrap{padding:55px 0 60px;}
.join_wrap .page_title{display:block; font-size:40px; color:#111; font-weight:600; line-height:1.35; text-align: center;}
.join_wrap .page_sub{margin-top:5px; font-size:20px; color:#111; font-weight:400; line-height:1.35; text-align: center;}
.join_wrap .join_container{margin:45px auto 0; padding:55px 80px; max-width:720px; background:#fff; border:1px solid #e9edf2;}
.join_wrap .join_container+.join_container{margin-top:15px;}

/* input */
.input_wrap+.input_wrap{margin-top:12px;}
input.input{position:relative; padding:0 10px 0 55px; width:100%; height:60px; font-size:16px; color:#111; font-weight:400; border:1px solid #c0c2c2; border-radius: 5px; background:#fff left 20px center no-repeat;}
input.input:-webkit-autofill,
input.input:-webkit-autofill:hover,
input.input:-webkit-autofill:focus,
input.input:-webkit-autofill:active {
	-webkit-text-fill-color: #000;
	-webkit-box-shadow: 0 0 0 1000px #fff inset;
	box-shadow: 0 0 0 1000px #fff inset;
	transition: background-color 5000s ease-in-out 0s;
}
input.input::placeholder{color:#999;}
input.input.noico{padding:0 25px;}
input.input:disabled{background-color:#f4f4f4; color:#a1a1a1;}
/*input.input.name{background-image: url('../images/account/input/ico_name.png'); background-position:left 21px center;}
input.input.id{background-image: url('../images/account/input/ico_id.png');}
input.input.pw{background-image: url('../images/account/input/ico_pw.png');}
input.input.new_pw{background-image: url('../images/account/input/ico_newPw.png');}
input.input.new_pw2{background-image: url('../images/account/input/ico_newPw2.png');}
input.input.email{background-image: url('../images/account/input/ico_email.png');}
input.input.phone{background-image: url('../images/account/input/ico_phone.png'); background-position:left 23px center;}
input.input.certi{background-image: url('../images/account/input/ico_certifi.png');}
input.input.birth{background-image: url('../images/account/input/ico_birth.png');}*/
.input_wrap.hasIco{position:relative;}
.input_wrap.hasIco:after{content:''; position:absolute; left:20px; top:16px; height:28px; background-repeat:no-repeat; background-position:center;}
.input_wrap.hasIco.name:after{width:18px; background-image: url('../images/account/input/ico_name.png'); left:21px;}
.input_wrap.hasIco.id:after{width:23px; background-image: url('../images/account/input/ico_id.png'); background-size:auto 18px;}
.input_wrap.hasIco.pw:after{width:23px; background-image: url('../images/account/input/ico_pw.png'); background-size:auto 18px;}
.input_wrap.hasIco.new_pw:after{width:27px; background-image: url('../images/account/input/ico_newPw.png');}
.input_wrap.hasIco.new_pw2:after{width:27px; background-image: url('../images/account/input/ico_newPw2.png');}
.input_wrap.hasIco.email:after{width:21px; background-image: url('../images/account/input/ico_email.png');}
.input_wrap.hasIco.phone:after{width:16px; background-image: url('../images/account/input/ico_phone.png'); left:23px;}
.input_wrap.hasIco.certi:after{width:25px; background-image: url('../images/account/input/ico_certifi.png');}
.input_wrap.hasIco.birth:after{width:24px; background-image: url('../images/account/input/ico_birth.png');}
.input_wrap.phone input::placeholder{color:#222;}
.input_wrap.email input::placeholder{color:#222;}


.input_wrap p{margin-top:12px; padding:0 20px; font-size:16px; font-weight:400; color:#111; line-height: 1;}
.input_wrap p+p{margin-top:9px;}
.input_wrap p.txt_alert{color:#ee1f1f;}
.input_wrap p.txt_alert.done{color:#3757b5;}
.input_wrap p.txt_alert.mt20{margin-top:20px;}
.input_wrap select{padding: 0 39px 0 17px; min-width: 156px; font-size: 16px; color: #121212; font-weight: 500; line-height: 43px; border: 1px solid #d9d9d9; border-radius: 7px; background:#fff url('../images/ourclass/arr_select_black.png') no-repeat right 17px center; appearance: none; cursor: pointer;}
.input_wrap select.ty2{border-color:#c0c2c2; color:#999;}
.input_wrap select:disabled{font-weight: 400; color:#7f7f7f; cursor: auto;}
.input_wrap select option {font: inherit;}
.input_btn_wrap{display:flex; gap:10px;}
.input_btn_wrap input{flex:1;}
.input_btn_wrap :is(button, a){width:165px; flex:none;}
.input_radio + .radio_label {display: inline-block; position: relative; padding-left: 35px; font-size: 20px; font-weight: 500; color: #111111; line-height: 25px; letter-spacing: -0.025em;  }
.input_radio + .radio_label:after {content: ""; display: inline-block; position: absolute; left: 0; top: 0; width: 24px; height: 25px; background: url(../images/account/ico_check_circle2.png)no-repeat left bottom;}
.input_radio:checked + .radio_label:after  {background-position: left top;}
.input_wrap.fl{gap:10px;}
.option_txt {padding:20px 0;font-size:20px;font-weight:500;line-height:1;border-top:1px solid #c0c2c2;}

.container { position: relative; width: 100%; }
.container .tit {position: relative; margin-bottom:20px;}
.container .tit.align_center {text-align: center;}
.container .tit h3 {display: inline-block;  font-size: 28px; font-weight: 600; color: #111; line-height: 1.35; letter-spacing: -0.025em;}
.container .tit h3 span{font:inherit;}
.container .tit h3.ty2{font-size:26px; white-space: nowrap;}
.container .tit .sub_tit {margin-top: 20px; font-size: 20px; font-weight: 400; color: #111; line-height: 1.25; letter-spacing: -0.025em;}
.container .tit .sub_tit span{font:inherit;}
.container .tit.hasLine{margin:58px 0 30px;}
.container .tit.hasLine h3{position:relative; padding-right:27px; background:#fff; z-index:1;}
.container .tit.hasLine:after{content: ""; display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 1px; background: #e1e1e4; }
.line {position: relative; margin: 60px 0 54px; text-align: center; }
.line span {display: inline-block; position: relative; padding: 0 12px; font-size: 20px; font-weight: 500; color: #777777; line-height: 1; letter-spacing: -0.025em; background: #fff; z-index: 2;}
.line:before {content: ""; display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 100%; height: 1px; background: #e1e1e4; }

.tooltip {display: inline-block; position: relative; }
.tooltip > p {display: inline-block; font-size: 16px; font-weight: 400; color: #111; letter-spacing: -0.025em;}
.tooltip i {display: inline-block; position: relative;  vertical-align: sub;}
.tooltip i .ico {display: inline-block; width: 18px; height: 18px; margin-left: 5px; background: url(../images/account/ico_tooltip.png)no-repeat center; cursor: pointer;}
.tooltip .tooltip_popup {display: none; position: absolute; padding: 13px 21px; background: #f6fbff; border: 1px solid #c3d0dc; border-radius: 5px; box-shadow: 0px 3px 0px rgba(238, 238, 238, 1);}
.tooltip .tooltip_popup.on {display: block;}
.tooltip .tooltip_popup p {font-size: 15px; font-weight: 400; color: #466581; line-height: 1.6; letter-spacing: -0.025em; white-space: nowrap; }
.tooltip .tooltip_popup p span{font:inherit;}
.tooltip .tooltip_popup .tooltip_popup_close {position: absolute; right: 4px; top: 4px; padding:5px;}
.tooltip .tooltip_popup .tooltip_popup_close span {display:block; width: 10px; height: 10px; background: url(../images/account/ico_tooltip_close.png) no-repeat center;}

/* 학생회원*/
.container .join_normal {display: flex; gap: 18px; width: 100%; }
.container .join_normal li {flex: 1;}
.container .join_normal li input[type=radio] + label{ display: block; position: relative; padding: 122px 0 44px; font-size: 22px; font-weight: 600; color: #111111; line-height: 1; letter-spacing: -0.025em; text-align: center; border:2px solid #f4f4f4;  border-radius: 10px;}
.container .join_normal li:first-child input[type=radio] + label{background: #f4f4f4 url(../images/account/ico_14_down.png)no-repeat center top 47px; }
.container .join_normal li:last-child input[type=radio] + label{background: #f4f4f4 url(../images/account/ico_14_up.png)no-repeat center top 47px; }
.container .join_normal li input[type=radio]:checked + label{background-color: #c9d9ff; border: 2px solid #4b7ceb; box-shadow: 0 5px 10px rgba(0, 0, 0, 0.15);}
.container .join_sns {display: flex; gap: 10px; width: 100%; margin-top: 20px;}
.container .join_sns li {position:relative; flex: 1; overflow:hidden;}
.container .join_sns li a {display: flex; justify-content: center; align-items: center; width: 100%; border-radius: 6px;}
.container .join_sns li a span {display: inline-block; font-size: 18px; font-weight: 400; line-height: 61px; letter-spacing: -0.025em;}
.container .join_sns li a.join_naver {background: #41c65a;}
.container .join_sns li a.join_naver span{ padding-left: 40px; color: #fff; background: url(../images/account/ico_naver.png)no-repeat left center;}
.container .join_sns li .naver_login{position:absolute; left:0; right:0; top:0; bottom:0; opacity:0;}
.container .join_sns li a.join_kakao {background: #fbe51d;}
.container .join_sns li a.join_kakao span {padding-left: 40px;color: #473235; background: url(../images/account/ico_kakao.png)no-repeat left center;}
.container .join_sns li a.join_google {position:absolute; left:0; right:0; top:0; bottom:0; background: #fff; border:1px solid #747775;}
.container .join_sns li a.join_google span {padding-left: 40px; color: #1f1f1f; font-family:'Roboto','Noto Sans KR', 'sans-serif'; font-weight:500; line-height:59px; background: url('../images/account/ico_google.png')no-repeat left center;}
.container .join_sns li div.login_google{height:61px;opacity:0;}
.container .join_sns li div.login_google > div *{height:61px;}
.container .join_sns li div.login_google iframe{display:none !important; width:100%!important;height:61px !important;margin:0 !important;}

/* 아이디 찾기 */
.join_wrap .title_tab_menu {display: flex; justify-content: center; gap: 38px;}
.join_wrap .title_tab_menu li {position: relative;}
.join_wrap .title_tab_menu li .page_title {color: #cccccc;}
.join_wrap .title_tab_menu li.on:after {content: ""; display: inline-block; position: absolute; left: 0; bottom: -11px; width: 100%; height: 2px; background: #111111;}
.join_wrap .title_tab_menu li.on .page_title {color: #111111;}

.join_wrap .join_container.hasTab{margin-top:45px; padding:0;}
.join_wrap .join_container.hasTab .cont_tab_menu{display:flex;}
.join_wrap .join_container.hasTab .cont_tab_menu li{flex:1;}
.join_wrap .join_container.hasTab .cont_tab_menu li a{display:block; font-size:22px; color:#111; font-weight:500; line-height:70px; text-align:center; background:#e2e4e8;}
.join_wrap .join_container.hasTab .cont_tab_menu li.on a{background:#fff;}
.join_wrap .join_container.hasTab .container{padding:60px 80px;}

.container .forget_list {display: flex; justify-content: center; gap: 38px; margin-bottom: 50px; }
.container .find_email {display: none;}
.container .cs_txt {margin-top: 25px; font-size: 16px; font-weight: 400; color: #111111; line-height: 1.6; letter-spacing: -0.025em;}
.container .cs_txt span {font-size: inherit; font-weight: inherit; color: #3757b5; letter-spacing: inherit;}
.container .cs_list{margin-top:18px;}
.container .cs_list li{padding-left:30px; background:url('../images/account/ico_emoti.png') no-repeat left top 4px;}
.container .cs_list li+li{margin-top:10px;}
.container .cs_list li strong{font-size:16px;  color:#111; font-weight:600; line-height:26px;}
.container .cs_list li p{padding-left:16px; text-indent:-16px; font-size:16px; color:#111; font-weight:400; line-height:26px;}
.container .cs_list li p span{font:inherit; color:#3757b5;}

/* 아이디 찾기 결과*/
.container .result_findId {display: flex; justify-content: center; align-items: center; width: 100%; padding: 40px 0; margin-top: 20px; background: #f8f9fd; border-radius: 5px;}
.container .result_findId p,
.container .result_findId p span.resultName {font-size: 26px; font-weight: 600; color: #121212; line-height: 1.6; text-align: center;}
.container .result_findId p span.resultId { font-size: inherit; font-weight: inherit; color: #3757b5;}

.container.already{text-align:center;}
.container.already h3{padding-top:115px; background:url('../images/account/ico_common_face1.png') no-repeat center top;}
.container.already h3.noIco{padding-top:0; background:none;}
.container.already .sub_tit {line-height: 1.5;}
.container.already .agree_wrap ul{margin-top:40px; border-top: 2px solid #6f6f6f;}
.container.already .agree_wrap ul li{padding:10px 0; display:flex; justify-content: space-between; border-bottom:1px solid #e5e5e5;}
.container.already .agree_wrap ul li.bd0{border-bottom:none;}
.container.already .agree_wrap input[type="checkbox"]{display:none;}
.container.already .agree_wrap input[type="checkbox"]+label{position:relative; padding-left:40px; font-size:18px; color:#333; font-weight:400; line-height:42px; cursor: pointer;}
.container.already .agree_wrap input[type="checkbox"]+label span{font:inherit;}
.container.already .agree_wrap input[type="checkbox"]+label:before{content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:30px; height:30px; background:url('../images/account/ico_check_circle.png') no-repeat center bottom / 100% auto;}
.container.already .agree_wrap input[type="checkbox"]:checked+label:before{background-position-y:top;}
.container.already .agree_wrap .txt{font-size:18px; color:#333; font-weight:400; line-height:42px;}
.container.already .agree_wrap ul li .btn_type4{width:105px; font-size:16px; line-height: 40px;}
.container.already .agree_wrap ul li.all input[type="checkbox"]+label{color:#111; font-weight:600;}
.container.already .noti_tit{margin-top:30px; font-size:18px; color:#111; font-weight:600; line-height:1; text-align: left;}
.container.already .noti_list{margin-top:13px; text-align: left;}
.container.already .noti_list em{color: #3757b5;}
.container.already .noti_list li{position:relative; padding-left:14px; font-size:15px; color:#111; font-weight:400; line-height:25px; word-break:keep-all;}
.container.already .noti_list li:before{content:''; position:absolute; left:2px; top:10px; width:3px; height:3px; border-radius:50%; background:#111;}
.container.already .noti_list li em{font:inherit;}

/* btn */
.btn_wrap{margin-top:20px; display:flex; gap:10px;}
.btn_wrap.flex_off {display: block;  text-align: center;}
.btn_wrap.flex_off .btn {display: block; width: 100%; }
.btn_wrap.flex_off .btn_findPw {display: inline-block; width: auto; margin-top: 15px; font-size: 16px; font-weight: 400; color: #111111; letter-spacing: -0.025em;}
.btn_wrap a, .btn_wrap button{flex:1;}
[class*="btn_type"]{padding:0 10px; display:inline-block; font-size:18px; font-weight:400; line-height: 58px; text-align: center; border-radius: 6px;}
[class*="btn_type"] span{font:inherit;}
.btn_type1{color:#fff; background:#2c57b6; border:1px solid #2c57b6;}
.btn_type1:hover{color:#fff; border:1px solid #2c57b6;}
.btn_type2{color:#fff; background:#4c4c4c; border:1px solid #4c4c4c;}
.btn_type2:hover{color:#fff; border:1px solid #4c4c4c;}
.btn_type3{color:#fff; background:#3cb8e5; border:1px solid #3cb8e5;}
.btn_type3:hover{color:#fff; border:1px solid #3cb8e5;}
.btn_type4{color:#777; background:#ffffff; border:1px solid #b5b5b5;}
.btn_type4:hover{color:#777; border:1px solid #b5b5b5;}
.btn_type5{color:#2d57b6; background:#ffffff; border:2px solid #2d57b6; line-height:56px;}
.btn_type5:hover{color:#2d57b6; border:2px solid #2d57b6;}
.btn_type6{color:#fff; background:#5988f3; border:1px solid #5988f3;}
.btn_type6:hover{color:#fff; border:1px solid #5988f3;}
.btn_type7{color:#121212; background:#fff; border:1px solid #5988f3;}
.btn_type7:hover{color:#121212; border:1px solid #5988f3;}
.btn_type7{color:#121212; background:#fff; border:1px solid #5988f3;}
.btn_type7:hover{color:#121212; border:1px solid #5988f3;}
.btn_type8{color:#7f7f7f; background:#f8f9fc; border:1px solid #7f7f7f;}
.btn_type8:hover{color:#7f7f7f; border:1px solid #7f7f7f;}
.btn_type9{color:#121212; background:#fff; border:1px solid #d9d9d9;}
.btn_type9:hover{color:#121212; border:1px solid #d9d9d9;}
.btn_type10{color:#ff5454; background:#fff; border:1px solid #ff5454;}
.btn_type10:hover{color:#ff5454; border:1px solid #ff5454;}
[class*="btn_type"]:disabled{color:#c0c2c2; background:#fff; border:1px solid #d9d9d9;}
[class*="btn_type"].dbline{padding:2px 10px; line-height:1.5;}
.btn_type7:disabled{color:#a1a1a1; border-color:#d9d9d9; background:#f4f4f4; cursor:auto;}
.btn_type7.ty2:disabled{color:#121212; background:#d9d9d9;}

.btn_wrap.btn_center{margin-top:50px; justify-content: center;}
.btn_wrap.btn_center [class*="btn_type"]{padding:0 34px; flex:none; min-width:160px; line-height: 56px; border-radius: 29px;}
.btn_wrap.btn_center.small [class*="btn_type"]{min-width:100px;}
.btn_wrap.btn_center .btn_type5{line-height:54px;}

.btn_wrap.btn_side{margin-top:20px; justify-content: space-between;}
.btn_wrap.btn_side [class*="btn_type"]{padding:0 20px; flex:none; min-width:80px; line-height: 43px; font-weight:500; border-radius: 23px;}

.container.agree .txt{font-size:20px; color:#111; font-weight:400; line-height:1;}
.container.agree .txt span{font:inherit; color:#ee1f1f;}
.container.agree .join_normal{margin-top:38px;}
.container.agree .agree_wrap ul{margin-top:11px;}
.container.agree .agree_wrap ul li{padding:10px 0; display:flex; justify-content: space-between; border-bottom:1px solid #e5e5e5;}
.container.agree .agree_wrap ul li.bd0{border-bottom:none;}
.container.agree .agree_wrap input[type="checkbox"]{display:none;}
.container.agree .agree_wrap input[type="checkbox"]+label{position:relative; padding-left:40px; font-size:18px; color:#333; font-weight:400; line-height:42px; cursor: pointer;}
.container.agree .agree_wrap input[type="checkbox"]+label span{font:inherit;}
.container.agree .agree_wrap input[type="checkbox"]+label:before{content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:30px; height:31px; background:url('../images/account/ico_check_circle.png') no-repeat center bottom / 100% auto;}
.container.agree .agree_wrap input[type="checkbox"]:checked+label:before{background-position-y:top;}
.container.agree .agree_wrap ul li .btn_type4{width:105px; font-size:16px; line-height: 40px;}
.container.agree .agree_wrap ul li.all{border-bottom:2px solid #6f6f6f;}
.container.agree .agree_wrap ul li.all input[type="checkbox"]+label{color:#111; font-weight:600;}

.container.cert .txt{margin-top:20px; font-size:20px; color:#333; font-weight:400; line-height: 1;}
.container.cert .noti{margin-top:15px;}
.container.cert .noti li{font-size:16px; color:#777; line-height:26px; font-weight:400; word-break: keep-all;}
.container.cert .noti li+li{margin-top:5px;}

.container.complete .tit h3{padding-top:114px; display:block; text-align: center; font-size:40px; line-height: 1.3; background:url('../images/account/ico_common_face1.png') no-repeat center top;}
.container.complete .tit h3.ty2{font-size:25px;}
.container.complete .txt{margin-top:20px; font-size:20px; color:#111; font-weight:400; line-height:1.5; text-align: center;}
.container.complete .id_list_box{margin-top:36px; padding:30px 75px; background:#f8f9fd;}
.container.complete .id_list_box p{font-size:20px; color:#777; font-weight:400; line-height:1.3; text-align: center; word-break: keep-all;}
.container.complete .id_list_box p+p{margin-top:10px;}
.container.complete .ico_arr_down{margin:24px 0; height:22px; background:url('../images/account/ico_arr_down.png') no-repeat center center;}
.container.complete .id_box{padding:50px 20px; background:#e7eefe; border:1px solid #a7c1fa; border-radius: 5px; text-align: center;}
.container.complete .id_box p{font-size:20px; color:#111; font-weight:400; line-height:1;}
.container.complete .id_box h6{margin-top:15px; font-size:28px; color:#111; font-weight:600; line-height:1;}
.container.complete .noti_tit{margin-top:40px; font-size:18px; color:#111; font-weight:600; line-height:1;}
.container.complete .noti_list{margin-top:13px;}
.container.complete .noti_list li{position:relative; padding-left:14px; font-size:15px; color:#111; font-weight:400; line-height:25px; word-break:keep-all;}
.container.complete .noti_list li:before{content:''; position:absolute; left:2px; top:10px; width:3px; height:3px; border-radius:50%; background:#111;}
.container.complete .noti_list li em{font:inherit;}

.container.first .box{padding:30px; background:#f4f4f4; border-radius: 10px;}
.container.first .box p{font-size:18px; color:#111; font-weight:400; line-height:1.5; text-align: center;}
.container.first .box p span{font:inherit;}
.container.first .tooltip{margin-top:10px;}
.container.first .tooltip .txt{line-height:18px;}
.container.first .tooltip  i{vertical-align: top;}
.container.first .tooltip  i .ico{vertical-align: top;}
.container.first .tooltip .tooltip_popup {left: 36px; top: -26px; width:300px;}
.container.first .tooltip .tooltip_popup:after {content: ""; position: absolute; left: -12px; top: 28px; width: 14px; height: 9px; background: url(../images/account/ico_tooltip_arr.png)no-repeat center; transform:rotate(90deg)}
.container.first .tooltip .tooltip_popup p{white-space: wrap;}

/* main */
.main_flex {display: flex; gap: 20px;}
.class_list {width: 100%;}
.user_name {font-size: 20px; color: #121212; line-height: 41px; letter-spacing: -0.025em; font-weight:400;}
.user_name span {font: inherit;color:#5988F3;font-weight:600;}

/* main - 내 클래스 박스 */
.user_class {display: flex; gap: 20px 18px; width: 100%; margin-top: 17px; align-items:flex-start;}
.user_class .class_box {position:relative; min-width: 236px; min-height:200px; display: flex; gap: 20px 18px; }
.user_class .class_box .user_box { display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; flex:none; width: 236px; height: 200px; padding: 18px 10px 17px; background: #fff; border-radius: 10px; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);}
.user_class .class_box {position:relative; min-width: 236px; min-height:200px; display: flex; gap: 20px 18px; }
.user_class .class_box .user_box { display: flex; flex-direction: column; justify-content: center; align-items: center; position: relative; flex:none; width: 236px; height: 200px; padding: 18px 10px 17px; background: #fff; border-radius: 10px; box-shadow: 4px 4px 10px rgba(0, 0, 0, 0.1);}
.user_class .class_box .user_box.live{cursor:default;}
.user_class .class_box .user_box.sc_bg {background: #fff url(../images/main/class_box_sc.png)no-repeat; background-position: right -5px bottom -10px;}
.user_class .class_box .user_box.sc_bg.disabled {background-image: url(../images/main/class_box_sc_disabled.png);}
.user_class .class_box .user_box .livemark{position:absolute;left:0;top:10px;width:58px;height:18px;background:url(../images/main/ico_live_mark.png) no-repeat center center;cursor:pointer;}
.user_class .class_box .user_box .img_box {position:relative; margin-bottom: 10px; width:58px; height:58px; flex:none; border-radius: 50%; overflow: hidden; background:#fff;}
.user_class .class_box .user_box .img_box.nodata{background:#e6e6e6;}
.user_class .class_box .user_box .img_box.mid_high{margin-top:15px;margin-bottom:8px;width:160px;height:37px;background:url(../images/main/viva_mid.png) no-repeat center center;border-radius:0;}
.user_class .class_box .user_box .img_box img{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-width:100%; max-height:100%;}
.user_class .class_box .user_box > p {width: 100%; text-align: center; white-space: nowrap; text-overflow: ellipsis; overflow: hidden;}
.user_class .class_box .user_box p.school { margin-bottom: 4px; font-size: 16px; font-weight: 500; color: #787878; line-height: 1; letter-spacing: -0.025em;  }
.user_class .class_box .user_box p.class {  font-size: 22px; font-weight: 600; color: #121212; line-height: 1; letter-spacing: -0.025em;}
.user_class .class_box .user_box p.class span {font: inherit;}
.user_class .class_box .user_box .box_bottom > * { display: inline-block; min-width: 110px; padding: 0 22px; margin-top: 14px; border-radius: 15px; font-size: 14px; font-weight: 600; line-height: 29px; text-align: center;}
.user_class .class_box .user_box .box_del {position: absolute; left: -14px; top: -10px; width: 96px; padding: 7px 13px 5px; font-size: 14px; font-weight: 400; color: #ff3131; line-height: 1; letter-spacing: -0.025em; text-align: center; background-color: #fff; border: 2px solid #ff5454; border-radius: 22px; box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.07);}
.user_class .class_box .user_box .box_del:after {content: ""; display: inline-block; position: absolute; right: 37px; bottom: -14px; width: 15px; height: 14px; background: #fff url(../images/main/box_del_arr.png)no-repeat center;}
.user_class .class_box .user_box .box_del span {font: inherit;}
.user_class .class_box .new_preview{width:100%;display:flex;flex-wrap:nowrap;align-items: center;justify-content: center;border:3px dashed #fff;border-radius:12px;background:rgba(239,247,255,0.1);}
.user_class .class_box .new_preview p{font-size:20px;font-weight:500;line-height:1.4;color:#fff;text-align:center;}

.user_class .class_box .subject_linked {display: inline-block; position: absolute; right: -3px; top: 12px; width: 47px; height: 25px; background: #ff5454; border-radius: 10px 0 0 10px; cursor: pointer; box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.07);}
.user_class .class_box .subject_linked .subject_pop_open {display: flex; justify-content: center; align-items: center; gap: 4px; height: 100%;  font-size: 16px; font-weight: 600; color: #fff; letter-spacing: -0.05em; border-radius: 10px 0 0 10px;}
.user_class .class_box .subject_linked i {display: inline-block; width: 15px; height: 15px;  background: #fff url(../images/main/subject_linked.png)no-repeat center;}
.user_class .class_box .subject_linked span {font: inherit; line-height: 1.2;}
.user_class .class_box .subject_linked .subject {display: none; position: absolute; left: 62px; top: -13px;  width: 283px; padding: 15px 39px 15px 23px; background: #fff; border: 2px solid #ff5454; border-radius: 10px; box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.07); z-index: 10;}
.user_class .class_box .subject_linked:hover .subject {display: block;;}
.user_class .class_box .subject_linked .subject:after {content: ""; display: inline-block; position: absolute; left: -11px; top: 19px; width: 11px; height: 13px; background: url(../images/main/subject_pop_arr.png)no-repeat center;}
.user_class .class_box .subject_linked .subject p {font-size: 16px; font-weight: 400; color: #121212; letter-spacing: -0.025em; line-height: 1.5;}
.user_class .class_box .subject_linked .subject span {font: inherit; color: #ff5454;}

.user_class .class_box .user_box.btn_class {display: inline-block; position: relative; width: 100%; padding: 48px 0 0 0; font-size: 22px; font-weight: 600; color: #121212; letter-spacing: -0.05em; ; text-align: center;}
.user_class .class_box .user_box.btn_class:after {content: ""; display: inline-block; position: absolute; left: 50%; top: 85px; transform: translateX(-50%); width: 57px; height: 57px; background: url(../images/main/add_class.png)no-repeat center; border-radius: 50%; box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.07);}

/* 교사 클래스 */
.user_class .class_box .user_box.te_bg{background:#eff7ff url('../images/main/ico_teacher.png') no-repeat right bottom 8px;}
.user_class .class_box .user_box.te_bg .img_box{width:60px; background:transparent; overflow:visible;}
.user_class .class_box .user_box.te_bg p.school{display:none;}
.user_class .class_box .user_box.te_bg p.class{font-size:22px; line-height:44px;}
.user_class .class_box .user_box.te_bg .bottom{background-color:#6186e4; border-color:#6186e4;}
.user_class .class_box .user_box.te_bg.ty2{background:#fff3ee url('../images/main/ico_teacher2.png') no-repeat right bottom 8px;}
.user_class .class_box .user_box.te_bg.ty2 .bottom{color:#7f7f7f; background-color:#ffffff; border-color:#c0c2c2;}

.main_flex_right {text-align: right;}
.myclass {display:flex;align-items:center;justify-content:center;height:76px;background:rgba(220, 231, 255, 0.32);border-top:1px solid #D9E5FF;}
.myclass_wrap {display:flex;gap:26px;padding:0 20px;max-width:1440px;width:100%;}
.myclass_wrap .btnsWrap {display:flex;flex:1;width:100%;justify-content:space-between;}
.myclass_wrap .btnsClass {display:flex;justify-content: center;gap:8px;}
.content_top article .btnsClass{position:absolute; top:0; right:0;display:flex;flex-wrap:nowrap;gap:12px;}
.btn_view_allClass {padding-right: 45px; font-size: 16px; font-weight: 500; color: #5988F3; line-height: 30px; letter-spacing: -0.025em; background: url(../images/main/ico/ico_view_class.png)no-repeat right 1px center;}
.btn_view_allClass.open{background-image:url('../images/main/ico/ico_view_class_open.png');}
.btn_edit_class {display: block; position: relative; width: 190px; height: 190px; padding-top: 50px; margin:  auto  ; font-size: 23px; font-weight: 600; color: #121212; line-height: 1; letter-spacing: -0.05em; text-align: center;  background: #f5c45a; border-radius: 50%; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);}
.btn_edit_class:after {content: ""; display: inline-block; position: absolute; top: 85px; left: 68px; width: 56px; height: 68px; background: url(../images/main/btn_my_class.png)no-repeat center;}
.btn_make_class{display:block;width:160px;border-radius:10px;background:#5988F3;box-shadow:0 3px 0 0 rgba(0,0,0,0.06);text-align:center;}
.btn_make_class span{display:inline-block;padding-left:36px;font-size:16px;font-weight:600;color:#fff;background:url('../images/main/ico/ico_add_class.png') no-repeat left center; line-height:44px;vertical-align:top;}
.btn_class_live{padding:0 16px;width:160px;background:#FF5454;border-radius:10px;box-shadow:0 3px 0 0 rgba(0,0,0,0.06);}
.btn_class_live span{padding-left:36px;display:inline-block;color:#fff;font-size:16px;font-weight:600;line-height:44px;background:url('../images/main/ico/ico_class_live.png') no-repeat left center;}
.make_lesson_btn{position:relative;}
.make_lesson_btn:after{content:'Beta';position:absolute;top:-7px;right:-28px;width:50px;background:linear-gradient(180deg, #F5F8FE 0%, #DCE7FF 100%);line-height:30px;color:#273FA1;font-weight:900;border-radius:24px;border:2px solid #273FA1;text-align:center;}
/*.btn_class_live.ty2{background:rgba(30,194,160,.2);}*/

/*클래스 개설 토스트 팝업*/
.toast_pop_wrap{position:fixed;padding-bottom:50px;top:0;right:60px;bottom:0;opacity:0;visibility:hidden;transition:all 0.3s; display:flex;justify-content: flex-start;align-items:center;flex-direction: column-reverse; gap:15px;z-index:999;}
.toast_pop_wrap.active{opacity:1; visibility:visible;}
.toast_pop {width:430px;position:relative;padding:26px 28px;background:rgba(45, 52, 67, 0.84);border-radius:12px;box-shadow:0 3px 0.3px 0 rgba(0, 0, 0, 0.06);opacity:0;transition:all 0.5s;z-index:100;}
.toast_pop.active {opacity:1;}
.toast_pop p {padding-left:30px;font-size:16px;font-weight:500;color:#fff;background:url('../images/main/ico/ico_notice.png')no-repeat left center;}
.toast_pop p span {font:inherit;}
.toast_pop_wrap .toast_remain_alarm span.num{color:#FF5454;text-decoration:underline;}
.toast_pop_wrap .ico_arr_down{position:absolute;right:20px;top:50%;transform:translateY(-50%);display:inline-block;width:32px;height:32px;background:url('../images/main/ico/ico_arr_down.png')no-repeat left center;}


/* 전체 클래스 보기 */
.layer_class{display:none; position:absolute; left:0; right:0; top:0; padding-top:60px; z-index:900;}
.layer_class:before{content:''; position:fixed; left:0; right:0; bottom:0; top:0; background:rgba(0, 0, 0, 0.5)}
.layer_class .layer_class_wrap{position:relative; padding:35px 0; background:#3cb8e5; z-index: 10;}

.btn_area{margin-top:37px; display:flex; gap:14px; align-items:center;}
.btn_area .btn_bnr{position:relative; padding:20px 30px; flex:1; font-size:18px; color:#121212; font-weight:600; line-height:1; border:1px solid #d9d9d9; border-radius:10px; box-shadow: 0 4px 0 0 rgba(0, 0, 0, 0.06);}
.btn_area .btn_bnr i{position:absolute; right:20px; top:50%; transform:translateY(-50%); width:39px; height:39px; background-repeat:no-repeat; background-position:center;}
.btn_area .btn_bnr.guide i{background-image:url('../images/myclass/btn_guide.png');}
.btn_area .btn_bnr.faq i{width:41px; background-image:url('../images/myclass/btn_faq.png');}
.btn_area .btn_bnr.privacy i{background-image:url('../images/myclass/btn_privacy.png');}




/* 놓치지 마세요! */
.main_alram {position:relative;width: 852px;}
.main_alram .alram_tab {display: flex; gap: 5px; width: 100%; }
.main_alram .alram_tab li a {display: inline-block; padding: 0 17px; font-size: 18px; font-weight: 600; color: #4c4c4c; line-height: 43px; letter-spacing: -0.025em; background: #fff; border: 2px solid #f5a347; border-radius: 23px;}
.main_alram .alram_tab li.on a { color: #fff; background-color: #f5a347; }
.main_alram .alram_list {width: 100%; max-height: 335px; padding-right: 3px; margin-top: 28px;}
.main_alram .alram_list ul {width: 100%;}
.main_alram .alram_list ul li {display: flex; justify-content: space-between; align-items: center; gap:10px; padding: 22px 16px 22px 6px; border-bottom: 1px solid #d9d9d9;}
.main_alram .alram_list ul li .alram_tit .my_class {font-size: 16px; font-weight: 500; color: #7f7f7f; line-height: 1; letter-spacing: -0.025em;}
.main_alram .alram_list ul li .alram_tit .my_class span {font: inherit;}
.main_alram .alram_list ul li .alram_tit .title {position: relative; margin-top: 5px; font-size: 18px; font-weight: 500; color: #121212; line-height: 1.3; letter-spacing: -0.025em; }
.main_alram .alram_list ul li .alram_module{flex:none;}
.main_alram .alram_list ul li.new .title:after {content: ""; display: inline-block; position: absolute; right: -8px; top: -4px; width: 6px; height: 6px; background: #ff5454; border-radius: 50%; }
.main_alram .alram_list ul li .date {display: inline-block; margin-right: 11px; font-size: 16px; font-weight: 400; color: #7f7f7f; letter-spacing: -0.025em; vertical-align: middle;}
.main_alram .alram_list ul li .alram_del {display: inline-block; width: 30px; height: 30px; background:  url(../images/main/ico/ico_alram_del.png)no-repeat center;  vertical-align: middle;}
.main_alram .alram_list ul li.nodata{padding:0; height:312px; display:flex; justify-content: center; align-items: center; flex-direction: column; gap:10px; border:none; background:#f8f9fc; border-radius: 20px;}
.main_alram .alram_list ul li.nodata p{font-size:20px; color:#7f7f7f; font-weight:500; line-height:1;}
.main_alram .alram_list ul li.nodata span{font-size:16px; color:#7f7f7f; font-weight:400; line-height:1.3;}
.main_alram .customScrollBox .mCSB_outside+.mCSB_scrollTools {right: -3px;}

/* 오늘의 정보 */
.day_schedule {width: 520px; padding: 23px 33px; border: 2px solid #1ec2a0; border-radius: 15px;}
.day_schedule .date {display: flex; justify-content: center; align-items: center; gap: 10px; width: 100%; margin-bottom: 7px;}
.day_schedule .date [class^=btn_] {display: inline-block; width: 30px; height: 30px; }
.day_schedule .date .btn_prev {background:  url(../images/main/ico/ico_date_prev.png)no-repeat center;}
.day_schedule .date .btn_next {background:  url(../images/main/ico/ico_date_next.png)no-repeat center;}
.day_schedule .date p { padding: 0 21px; font-size: 20px; font-weight: 600; color: #121212; line-height: 40px; letter-spacing: -0.025em;  background: #f2f2f2; border-radius: 19px;}
.day_schedule .date p span {font: inherit; line-height: inherit;}
.day_schedule .date.nodata{position:relative;}
.day_schedule .date.nodata:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0;}
.day_schedule .date.nodata [class^=btn_]{position:relative; cursor:auto;}
.day_schedule .date.nodata .btn_prev{background:url('../images/main/ico/ico_date_prev_dis.png')}
.day_schedule .date.nodata .btn_next{background:url('../images/main/ico/ico_date_next_dis.png')}
.day_schedule .date.nodata p{color:#b0b0b0;}
.day_schedule .schedule_info {width: 100%; height: 100%;}
.day_schedule .schedule_info .scheduel {display: flex; position: relative; width: 100%; min-height: 146px; padding: 22px 0;}
.day_schedule .schedule_info .scheduel2 {padding-bottom:0; border-top: 1px solid #d9d9d9;}
.day_schedule .schedule_info .scheduel .tit {width: 100px; }
.day_schedule .schedule_info .scheduel1 .tit {background: url(../images/main/schedule1.png)no-repeat center; }
.day_schedule .schedule_info .scheduel2 .tit { background: url(../images/main/schedule2.png)no-repeat center; }
.day_schedule .schedule_info .scheduel .list {flex: 1; display: flex; align-items: center; width: 100%; padding-left: 34px; }
.day_schedule .schedule_info .scheduel .list .list_inner {width: 100%; max-height: 144px;}
.day_schedule .schedule_info .scheduel .list .list_inner.ty2{max-height:72px;}
.day_schedule .schedule_info .scheduel .list .list_inner ul li {font-size: 16px; font-weight: 500; color: #121212; letter-spacing: -0.025em;}
.day_schedule .schedule_info .scheduel .list .list_inner ul li.off{color:#7f7f7f;}
.day_schedule .schedule_info .nodata{padding:0; height:313px; display:flex; justify-content: center; align-items: center; flex-direction: column; gap:10px; border:none; text-align:center;}
.day_schedule .schedule_info .nodata p{font-size:20px; color:#7f7f7f; font-weight:500; line-height:1;}
.day_schedule .schedule_info .nodata span{font-size:16px; color:#7f7f7f; font-weight:400; line-height:1.3;}

/*n월엔 이렇게*/
.monthly_note{margin-top:60px;}
.monthly_note .sec_tit {margin:0;}
.monthly_note .sec_tit span{color:#5988F3;font:inherit;}
.monthly_note .sec_tit_wrap{display:flex;align-items:center;justify-content:space-between;}
.monthly_note .sec_tit_wrap .btn_more{color:#121212;font-size:14px;font-weight:400;}
.monthly_note .sec_tit_wrap .btn_more .ico_plus{margin-left:8px;display:inline-block;width:13px;height:13px;background:url('../images/main/ico/ico_plus.png') no-repeat center;}
.monthly_note .sec_tit_wrap .sec_tit.ico_smile:after{content:'';margin-left:8px;width:38px;height:29px;display:inline-block;background:url('../images/main/ico_smile.png')no-repeat center center / contain;vertical-align: middle;}
.monthly_note .main_flex_left .monthly_alarm{width:852px;}
.monthly_note .main_flex_left .monthly_alarm .monthly_alarm_list{height:210px;margin-top:18px;padding:36px 40px;background:#fff;border:1px solid #d9d9d9;border-radius:12px;}
.monthly_note .main_flex_left .monthly_alarm .monthly_alarm_list li{padding:5px 0;font-size:18px;color:#121212;font-weight:400;}
.monthly_note .main_flex_left .monthly_alarm .monthly_alarm_list li a{font-size:18px;color:#121212;font-weight:400;}
.monthly_note .main_flex_left .monthly_alarm .monthly_alarm_list li a .badge{margin-right:12px;padding:0 8px;display:inline-block;font-size:16px;color:#0057ED;font-weight:700;background:rgba(0, 87, 237, 0.04);border-radius:8px;line-height:35px;}

/*배너 영역*/
.monthly_note .main_flex_right.teacher{width:520px;height:256px;}
.monthly_note .main_flex_right.teacher .main_banner{border-radius:20px;box-shadow:0 4px 10px 0 rgba(0, 0, 0, 0.1);overflow:hidden;}
.monthly_note .main_flex_right.teacher .main_banner ul li a{display:block;width:100%;height:256px;}
.monthly_note .main_flex_right.teacher .main_banner ul li a img{width:100%;}
.monthly_note .main_flex_right.teacher .main_banner .swiper-pagination-bullets{width:30%;position:absolute;bottom:36px;left:48px;text-align:left;z-index:100;}
.monthly_note .main_flex_right.teacher .main_banner .swiper-pagination-bullet{width:8px;height:8px;background:#fff;opacity:0.5;}
.monthly_note .main_flex_right.teacher .main_banner .swiper-pagination-bullet-active{background:#fff;width:20px;border-radius:4px;opacity:1;}

/*알려드립니다*/
.monthly_note .main_flex_right.student{text-align:left;}
.monthly_note .main_flex_right.student .cs_alarm{min-height:210px;margin-top:18px;padding:30px 28px;width:520px;background:#F8F9FB;border-radius:12px;}
.monthly_note .main_flex_right.student .cs_alarm li{padding:12px 0;}
.monthly_note .main_flex_right.student .cs_alarm li a:before{content:'';margin:0 8px 5px;display:inline-block;width:5px;height:5px;background:#121212;border-radius:50%;}
.monthly_note .main_flex_right.student .cs_alarm li a{display:block;color:#121212;font-size:18px;font-weight:400;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;word-break:break-all;}



/* 내 클래스 qr코드 보기, 선생님 이름, 전년도 클래스  */
.user_class .class_box .user_box.teacher .bottom {color: #fff; background-color: #3cb8e5; border: 1px solid #3cb8e5; box-shadow: 0 3px 0 rgba(0, 0, 0, 0.07);}
.user_class .class_box .user_box.student .bottom {color: #7f7f7f; background-color: #fff; border: 1px solid #c0c2c2; }
.user_class .class_box .user_box.disabled .bottom  {color: #fff; background-color: #b0b0b0; border: 1px solid #b0b0b0;}
.user_class .class_box .user_box.disabled .img_box img,
.user_class .class_box .user_box.disabled2 .img_box img{opacity:.8; filter:grayscale(1);}
.user_class .class_box .user_box.disabled .img_box:after,
.user_class .class_box .user_box.disabled2 .img_box:after{content:''; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(255,255,255,.2); z-index:1;}
.user_class .class_box .user_box.disabled2 {padding: 10px 0 38px;}
.user_class .class_box .user_box.disabled2 .img_box {margin-bottom: 6px;}
.user_class .class_box .user_box.disabled2 .box_bottom > * {margin-top: 6px;}
.user_class .class_box .user_box.disabled2 .past {position: absolute; left: 0; bottom: 0; width: 100%; color: #fff; line-height: 29px; text-align: center; background-color: #b0b0b0; border: 1px solid #b0b0b0; border-radius:  0 0 10px 10px;}
.user_class .class_box .user_box.live .bottom {color: #fff; background-color: #FF5454; border: 1px solid #FF5454;box-shadow: 0 3px 0 rgba(0, 0, 0, 0.07);}

/* 지난 클래스 */
.user_class .class_box.sc_bg .disabled {background: #fff url(../images/main/class_box_sc_disabled.png) no-repeat right -5px bottom -10px;}
.user_class .class_box.disabled p {color:#7f7f7f; }

/* 연동 교과 */
.subject_list {position:relative; flex: 1; display: flex; gap: 20px 18px; flex-wrap: wrap; z-index:5;}
.subject_list ul { display: flex; gap: 10px 9px; flex-wrap: wrap; align-items: flex-start; width: 236px; height: 200px;}
.subject_list ul li {width: calc(50% - 9px/2); height: calc(50% - 5px);}
.subject_list ul li a {display: flex; justify-content: center; align-items: center; width: 100%; height: 100%; font-size: 18px; font-weight: 500; color: #121212; letter-spacing: -0.025em; background: #fff url(../images/main/subject_linked_red.png)no-repeat right 6px top 8px; border-radius: 10px;}
.subject_list ul li.live{position:relative;}
.subject_list ul li.live a{padding:24px 0 31px;cursor:default;}
.subject_list ul li.live .livemark{position:absolute;left:0;top:10px;width:58px;height:18px;background:url(../images/main/ico_live_mark.png) no-repeat center center;}
.subject_list ul li.live .btn_enter_live{position:absolute;left:0;bottom:0;right:0;height:31px;text-align:center;color:#fff;font-size:14px;font-weight:600;border-radius:0 0 10px 10px;background:#FF5454;}

/* main - section */
.sec_tit {margin:36px 0 15px; font-size: 22px; font-weight: 800; color: #121212; line-height: 30px; letter-spacing: -0.025em; font-family: 'Nanum Square', 'Noto SansKR', 'sans-serif';}
.sec_tit_box{margin:36px 0 15px; display:flex; justify-content:space-between;}
.sec_tit_box .sec_tit{margin:0;}
.sec_tit_box .drop_menu{width:212px; text-align:left;}
.sec_tit_box .drop_menu .label{padding:0 37px 0 13px; font-sizE:20px; color:#121212; font-weight:500; line-height:30px; border:none; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.sec_tit_box .drop_menu .label:after{right:0; width:30px; height:30px; background:url('../images/main/ico/arr_drop.png') no-repeat center;}
.sec_tit_box .drop_menu.open .label:after{transform:translateY(-50%) rotate(180deg);}
.sec_txt_wrap{margin-bottom:20px;}
.sec_txt_wrap .sec_txt{font-size: 16px;color: #4c4c4c;font-weight: 400;line-height: 1.3;}
.main_flex_box {display: flex; justify-content: space-between; gap: 19px;}
.main_flex_box.mt22 {margin-top:22px;}


/*클래스 각 블록별 안내표시*/
.flex_wrap{position:relative;}
.onboarding{position:absolute; left:0; right:0; top:0; bottom:0; z-index: 9001;}
.onboarding.ty2 {left:-2px;right:-2px;top:-2px;bottom:-2px;}
.onboarding .item{display:flex; align-items:center; justify-content: center; position:absolute;border-radius:12px;box-shadow: 0 4px 10px 0 rgba(0, 0, 0, 0.1);}
.onboarding .item p {font-size:20px;font-weight:600;line-height:24px;text-align:center;}
.onboarding .item.item1 {width:100%;height:100%;background: linear-gradient(180deg, rgba(242, 246, 255, 0.88) 2%, rgba(237, 243, 255, 0.88) 100%);border: 2px dashed #5988F3;}
.onboarding .item.item1 p {color:#5988F3;}
.onboarding .item.item2 {width:100%;height:100%;background: linear-gradient(180deg, rgba(255, 252, 249, 0.92) 0%, rgba(255, 249, 243, 0.92) 100%);border: 2px dashed #F5A347;}
.onboarding .item.item2 p {color:#F68B35;}
.onboarding .item.item3 {width:100%;height:100%;background: linear-gradient(180deg, rgba(241, 250, 248, 0.85) 0%, rgba(235, 252, 248, 0.85) 100%);border: 2px dashed #1EC2A0;}
.onboarding .item.item3 p {color:#1EC2A0;}
.onboarding .item.item4 {width:236px;height:200px;background: rgba(239, 247, 255, 0.1);border: 2px dashed #fff;}
.onboarding .item.item4 p {color:#fff;font-weight:500;}

/* 내 클래스 만들기 */
.contents.edit_class article {max-width: 860px;}
.contents.edit_class section {padding: 45px 0;}
/*요거 height 389px 넣으면 고정 되긴하는데 해상도 마다 달라지는 확인 해봐야할듯.*/
.contents.edit_class section.form_section {min-height: 389px;background-color: #f8f9fc; border-top: 1px solid #d9d9d9;}

.search_school {text-align: center;}
.search_school h2 {display: inline-block; position: relative; padding-left: 56px; font-size: 32px; color: #ffffff; line-height: 1; letter-spacing: -0.025em;  font-family: 'Nanum Square', 'Noto SansKR', 'sans-serif'; font-weight:800;}
.search_school h2:after {content: ""; display: inline-block; position: absolute; left: 0; top: -12px; width: 42px; height: 43px; background: url('../images/myclass/ico_school.png')no-repeat;}
.search_school h2.no_ico{padding-left:0;}
.search_school h2.no_ico:after{display:none;}
.search_school .form_school {position: relative; width: 100%; padding:  15px 30px 15px 73px; margin-top: 25px; background: #fff; border-radius: 7px; box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);}
.search_school .form_school:after {content: ""; display: inline-block; width: 30px; height: 30px; position: absolute; left: 29px; top: 50%; transform: translateY(-50%); background: url(../images/myclass/ico/ico_search.png)no-repeat;}
.search_school .form_school input[type="text"] {display: block; width: 100%; font-size: 18px; font-weight: 500; color: #121212; line-height: 30px; letter-spacing: -0.025em;}

.class_category {display: flex; justify-content: space-between; gap: 25px; width: 100%;}
.class_category.type02 {gap: 37px;}
.class_category li {flex: 1; position: relative;}
.class_category li input[type="radio"] + label {display: block; position: relative; width: 100%; padding: 84px 0 40px; text-align: center; background: #f2f2f2; border-radius: 20px; cursor: pointer;}
.class_category li input[type="radio"] + label:after {content: ""; display: inline-block; position: absolute; left: 50%; top: 24px; transform: translateX(-50%); width: 40px; height: 40px; background: url(../images/myclass/class_case_check.png)no-repeat left 0 top 0;  z-index: 10;}
.class_category li input[type="radio"] + label:before {content: ""; display: inline-block; position: absolute; left: 0; top: 0; right: 0; bottom: 0; border: 1px solid #d9d9d9; border-radius: 20px;}
.class_category li input[type="radio"] + label p {margin-bottom: 7px; font-size:  18px; font-weight: 500; color: #121212; line-height: 1; letter-spacing: -0.025em;}
.class_category li input[type="radio"] + label strong {font-size: 30px; font-weight: 600; color: #121212; line-height: 1; letter-spacing: -0.025em;}
.class_category li input[type="radio"]:checked + label{box-shadow: 0px 5px 10px rgba(0, 0, 0, 0.1);}
.class_category li input[type="radio"]:checked + label:before{border-width: 2px;}
.class_category li.class_category1 input[type="radio"]:checked + label {background: #ffdc92;}
.class_category li.class_category1 input[type="radio"]:checked + label:after {background-position-y:-40px;}
.class_category li.class_category1 input[type="radio"]:checked + label:before {border-color: #f5a347;}
.class_category li.class_category2 input[type="radio"]:checked + label {background: #95defa;}
.class_category li.class_category2 input[type="radio"]:checked + label:after {background-position-y:-80px;}
.class_category li.class_category2 input[type="radio"]:checked + label:before {border-color: #3cb8e5;}
.class_category li.class_category3 input[type="radio"]:checked + label {background: #a0f0de;}
.class_category li.class_category3 input[type="radio"]:checked + label:after {background-position-y:-120px;}
.class_category li.class_category3 input[type="radio"]:checked + label:before {border-color: #1ec2a0;}
.class_category li.class_category4 input[type="radio"]:checked + label {background: #c4d3fe;}
.class_category li.class_category4 input[type="radio"]:checked + label:after {background-position-y:-160px;}
.class_category li.class_category4 input[type="radio"]:checked + label:before {border-color: #7895e7;}
.class_category li.class_category4 .info_layer_box{position:relative; display:inline-block;}
.class_category li.class_category4 .info_layer_box .btn_info_layer{display:block; width:19px; height:19px; background:url('../images/myclass/ico_info.png') no-repeat center;}
.class_category li.class_category4 .info_layer_box .info_layer_pop{display:none; position:absolute; left:33px; top:-18px; padding:10px 14px; background:#fff; border:2px solid #ff5454; border-radius:10px; box-shadow:0 3px 0 0 rgba(0,0,0,.07);}
.class_category li.class_category4 .info_layer_box .info_layer_pop:before{content:''; position:absolute; left:-11px; top:18px; width:11px; height:20px; background:url('../images/myclass/arr_info_layer.png') no-repeat right top;}
.class_category li.class_category4 .info_layer_box .info_layer_pop p{margin:0; font-size:16px; color:#4c4c4c; font-weight:400; line-height:1.2; white-space:nowrap; text-align:left;}
.class_category li.class_category4 .info_layer_box:hover .info_layer_pop{display:block;}
.class_category li.class_category4 input[type="radio"]:checked + label .info_layer_box .btn_info_layer{background-image:url('../images/myclass/ico_info_on.png');}

.form_section form {display: none;}
.form_table .form_tr {padding:0 30px; display: flex; gap: 25px;}
.form_table .form_tr+.form_tr{margin-top: 30px;}
.form_table .form_th {display: inline-block; flex:none; width: 85px; padding-top: 10px; font-size: 18px; font-weight: 600; color: #000000; letter-spacing: -0.025em; }
.form_table .form_td {flex: 1;}
.form_table .inner_td {width: 100%;}
.form_table .table_flex {display:flex; gap:10px;}
.form_table .input_wrap {display: block; position: relative;}
.form_table .input_wrap+.input_wrap {margin-top: 0;}
.form_table .input_wrap input[type="text"],
.form_table .input_wrap input[type="number"],
.form_table .input_wrap input[type="checkbox"] + label,
.form_table .input_wrap input[type="radio"] + label,
.form_table .input_wrap select {display: inline-block; font-size: 16px; font-weight: 500; color: #121212; line-height: 43px; letter-spacing: -0.025em; background-color: #fff; border: 1px solid #d9d9d9; border-radius: 7px; outline: none;}
.form_table .input_wrap input[type="checkbox"] + label,
.form_table .input_wrap input[type="radio"] + label {position: relative; min-width:145px; text-align: center;}
.form_table .input_wrap input[type="checkbox"]:checked + label,
.form_table .input_wrap input[type="radio"]:checked + label {color: #2d57b6;}
.form_table .input_wrap input[type="checkbox"]:checked + label:after,
.form_table .input_wrap input[type="radio"]:checked + label:after {content: ""; display: inline-block; position: absolute; left: -1px; right: -1px; top: -1px; bottom: -1px; border: 2px solid #5988f3; border-radius: 7px;}
.form_table .input_wrap select {position: relative; padding:0 38px 0 17px; min-width:145px; height: 45px; background: #fff url(../images/myclass/ico/ico_select_arr.png)no-repeat right 16px bottom; appearance: none; -webkit-appearance: none; -moz-webkit: none; }
.form_table .input_wrap select option {  font: inherit;}
.form_table .input_wrap input[type="text"],
.form_table .input_wrap input[type="number"] {padding: 0 18px; width:100%;}
.form_table .input_wrap.fl{display:flex;flex:1;gap:10px;}
.form_table .input_wrap.fl :is(input[type="text"], input[type="number"]){flex:1;}
.form_table .input_wrap.fl1{flex:1;}


.form_table .form_td .info_check input[type="radio"] + label {padding-left: 22px; min-width:0; border: 0; background-color: transparent;}
.form_table .form_td .info_check input[type="radio"]:checked + label {color: #121212;}
.form_table .form_td .info_check input[type="radio"] + label:after {content: ""; display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; background: url(../images/myclass/ico/ico_checkbox.png)no-repeat; background-position: center center; border: 0; border-radius: 0;}
.form_table .form_td .info_check input[type="radio"]:checked + label:after { background-position: center top;}
.form_table .form_td .info_check input[type="radio"]:disabled + label:after {background-position: center bottom;}
.form_table .form_td .info_check input[type="checkbox"] + label {padding-left: 22px; min-width:0; border: 0; background-color: transparent;}
.form_table .form_td .info_check input[type="checkbox"]:checked + label {color: #121212;}
.form_table .form_td .info_check input[type="checkbox"] + label:after {content: ""; display: inline-block; position: absolute; left: 0; top: 50%; transform: translateY(-50%); width: 18px; height: 18px; background: url(../images/myclass/ico/ico_checkbox.png)no-repeat; background-position: center center; border: 0; border-radius: 0;}
.form_table .form_td .info_check input[type="checkbox"]:checked + label:after { background-position: center top;}
.form_table .form_td .info_check input[type="checkbox"]:disabled + label:after {background-position: center bottom;}

.form_table .form_btn {display: inline-block; padding: 0 23px 0 15px; font-size: 16px; font-weight: 600; color: #121212; line-height: 43px; letter-spacing: -0.025em; background: #fff; border: 1px solid #5988f3; border-radius: 7px; flex:none;}
.form_table .form_btn.add {background-image: url(../images/myclass/ico/ico_form_add.png); background-repeat: no-repeat; background-position: right 11px center;}
.form_table .form_btn.del {background-image: url(../images/myclass/ico/ico_form_del.png); background-repeat: no-repeat; background-position: right 11px center;}

.form_table .form_line + .form_line {margin-top: 13px;}


.form_table .subj_flex {display:flex;align-items:center;gap:10px;}
.form_table .subj_flex .bl_year_radio_group {padding:4px;background:#D9D9D9;border-radius:30px;}
.form_table .subj_flex .bl_year_radio_group input[type="radio"] + label {padding:0 10px;display:inline-block;font-size:14px;font-weight:400;color:#4C4C4C;line-height:28px;text-align:center; border:2px solid #D9D9D9; border-radius:30px;}
.form_table .subj_flex .bl_year_radio_group input[type="radio"]:checked + label {color:#5988F3;font-weight:700;background:#fff;border-color:#5988F3;}


.form_btn_wrap {margin-top: 50px; text-align: center;}
.form_btn_wrap .edit_form_btn { display: inline-block; width: 160px; font-size: 18px; font-weight: 500; line-height: 56px; letter-spacing: -0.025em; text-align: center; border-radius: 29px;}
.form_btn_wrap .edit_form_btn +  .edit_form_btn {margin-left: 17px;}

.form_table .class_item_wrap{flex:1;}
.form_table .class_item_wrap.nofl{flex:none;}
.form_table .class_item .self_input{display:none; flex:1;}
.form_table .class_item .input_wrap + .self_input {margin-top: 13px;}
.form_table .class_item+.class_item{margin-top:13px;}
/* .form_table .class_item .form_btn.add{visibility: hidden;}
.form_table .class_item:last-child .form_btn.add{visibility: visible;} */
.form_table .class_item .form_btn.add {display: none;}
.form_table .class_item:last-child .form_btn.add {display: inline-block;}
.form_table .class_item:last-child .form_btn.del{display:none;}

.find_class section{padding:45px 0 50px;}
.find_class .class_category li input[type="radio"] + label{padding:40px 0;}
.find_class .class_category li input[type="radio"] + label:after{display:none;}
.find_class .class_category li input[type="radio"] + label strong{padding-top:73px; display:block;}
.find_class .class_category li.ty_code input[type="radio"] + label strong{background:url('../images/myclass/ico_code.png') no-repeat center top;}
.find_class .class_category li.ty_school input[type="radio"] + label strong{background:url('../images/myclass/ico_school2.png') no-repeat center top;}
.find_class .class_category li.ty_code input[type="radio"]:checked + label strong{background-image:url('../images/myclass/ico_code_w.png');}
.find_class .class_category li.ty_school input[type="radio"]:checked + label strong{background-image:url('../images/myclass/ico_school2_w.png');}
.find_class .find_area{margin-top:70px; text-align: center;}
.find_class .find_area p{font-size:24px; color:#121212; font-weight:500; line-height:1;}
.find_class .find_area p.ty2{margin-top:11px; font-size:18px; color:#7f7f7f;font-weight:500; line-height:1;}
.find_class .find_area .code_wrap{position:relative; padding:0 40px; margin-top:40px; display:inline-flex; justify-content: center; gap:16px;}
.find_class .find_area .code_wrap input{display:block; width:90px; height:90px; font-size:50px; color:#121212; font-weight:600; border:1px solid #d9d9d9; border-radius:10px; background:#fff; text-align: center;}
.find_class .find_area .code_wrap .btn_reset{position:absolute; right:0; bottom:0; width:26px; height:23px; background:url('../images/myclass/ico_reset.png') no-repeat center;}
.find_class .find_area .search_input input{margin-top:41px; padding:0 30px 0 70px; display:block; width:100%; height:60px; font-size:18px; color:#121212; font-weight:500; border:1px solid #d9d9d9; border-radius: 10px; background:url('../images/myclass/ico/ico_search.png') no-repeat left 30px center;}

.find_class .form_section {background-color: #f8f9fc;border-top: 1px solid #d9d9d9;}
.find_class .form_section .nodata{padding:140px 0; font-size:20px; color:#7f7f7f; font-weight:500; line-height:1;text-align: center;}
.find_class .form_section .list_tit{font-size:24px; color:#121212; font-weight:500; line-height:45px;}
.find_class .form_section .list_tit span{font-size:inherit; font-weight:600; color:#5988f3;}
.find_class .search_school_list{margin-top:25px;}
.find_class .search_school_list>ul>li{padding:25px 30px; display:flex; justify-content: space-between; align-items:center; gap:20px; background:#fff; border:1px solid #d9d9d9; border-radius:10px;}
.find_class .search_school_list>ul>li+li{margin-top:10px;}
.find_class .search_school_list>ul>li .txt h5{font-size:22px; color:#121212; font-weight:600; line-height:1.3;}
.find_class .search_school_list>ul>li .txt .info{margin-top:7px; display:flex; gap:10px;}
.find_class .search_school_list>ul>li .txt .info li{position:relative; padding-right:12px; font-size:15px; color:#4c4c4c; font-weight:500;}
.find_class .search_school_list>ul>li .txt .info li:after{content:''; position:absolute; right:0; top:50%; transform: translateY(-50%); width:2px; height:14px; background:#ababab;}
.find_class .search_school_list>ul>li .txt .info li:last-child{padding-right:0;}
.find_class .search_school_list>ul>li .txt .info li:last-child:after{display:none;}
.find_class .search_school_list>ul>li .btn{width:120px; line-height:43px; font-weight:500; border-radius: 23px;}

/* 팝업 공통 */
.popup { position: fixed; left: 0; top: 0; padding:30px; width: 100%; height: 100%; display:none; align-items:center; justify-content:center; flex-wrap:wrap; z-index: 9002; background: rgba(0,0,0,0.5); overflow-y:auto;}
.popup.open{display:flex;}
.popup::-webkit-scrollbar{display:none;}
.popup .pop_cont {position:relative; width: 500px; padding: 20px 30px 40px; background-color: #fff; border-radius: 20px;}
.popup .popup_head {position: relative; padding:0 40px; width: 100%; border-bottom: 1px solid #000000;}
.popup .popup_head h2 {font-size: 28px; font-family: 'Nanum Square', 'Noto SansKR', 'sans-serif'; font-weight:800; color: #000000; line-height: 60px; letter-spacing: -0.025em; text-align: center;}
.popup .popup_head h2 span{font:inherit;}
.popup .popup_head .btn_popup_close {position: absolute; right: 0; top: 50%; transform: translateY(-50%); width: 30px; height: 30px; background: url(../images/myclass/ico/ico_pop_close2.png)no-repeat center;}
.popup .popup_body{padding-top:35px;}
.popup .btn_wrap{margin-top:40px; justify-content: center;}
.popup [class*="btn_type"]{border-radius: 29px;}

/* 소속 검색 팝업 */
.search_school_pop .pop_cont{width:680px}
.search_school_pop .popup_body{padding-top:25px;}
.search_school_pop .form_tb_wrap{position:relative;}
.search_school_pop .form_tb{border:1px solid #d9d9d9; border-radius: 10px; overflow: hidden;}
.search_school_pop .form_tb table{width:100%;}
.search_school_pop .form_tb tr+tr{border-top:1px solid #d9d9d9;}
.search_school_pop .form_tb th{padding:13px 20px; background:#f8f9fc;}
.search_school_pop .form_tb th p{font-size:18px; color:#000; font-weight:600; line-height: 45px; text-align: left;}
.search_school_pop .form_tb td{padding:13px 20px;}
.search_school_pop .form_tb td .chk_wrap{display:flex; gap:40px;}
.search_school_pop .form_tb td .input_btn_wrap{position:relative; display:flex; gap:10px;}
.search_school_pop .form_tb td .input_btn_wrap input{padding:0 18px; flex:1; height:45px; font-size:16px; color:#121212; font-weight:500; border:1px solid #d9d9d9; border-radius: 7px;}
.search_school_pop .form_tb td .input_btn_wrap input::marker{display:none;}
.search_school_pop .form_tb td .input_btn_wrap .btn{flex:none; width:68px; height:45px; font-size:16px; color:#fff; font-weight:500; border-radius: 7px; background:#5988f3;}
.search_school_pop .input_history{display:none; position:absolute; left:120px; top:64px; padding:10px 0; min-width:160px; background:#fff; border-radius: 10px; border:1px solid #d9d9d9; box-shadow:0 3px 0 0 rgba(0, 0, 0, 0.07); z-index:1;}
.search_school_pop .input_history li a{padding:5px 20px; display:block; font-size:16px; color:#4c4c4c; font-weight:400; line-height:1.5; white-space: nowrap;}
.search_school_pop .form_tb td input[type=radio] + label{position:relative; padding-left:25px; display:inline-block; font-size:18px; color:#121212; font-weight:500; line-height: 20px; cursor: pointer;}
.search_school_pop .form_tb td input[type=radio] + label:before{content:''; position:absolute; left:0; top:0; width:20px; height:20px; background:url('../images/common/ico_radio.png') no-repeat center top / 100% auto;}
.search_school_pop .form_tb td input[type=radio]:disabled + label{color:#b0b0b0; cursor:default;}
.search_school_pop .form_tb td input[type=radio]:disabled + label:after{content:''; position:absolute; left:0; top:0; width:20px; height:20px; background:#f4f4f4; border-radius:50%;}
.search_school_pop .form_tb td input[type=radio]:checked + label{color:#121212;}
.search_school_pop .form_tb td input[type=radio]:checked + label:before{background-position-y:bottom;}
.search_school_pop .form_tb td input[type=radio]:checked + label:after{display:none;}
.search_school_pop .search_school_cont{margin-top:20px;}
.search_school_pop .search_school_cont .nodata{padding:75px 0 100px; text-align: center;}
.search_school_pop .search_school_cont .nodata p{font-size:16px; color:#121212; font-weight:400; line-height: 1.3;}
.search_school_pop .search_school_cont .nodata .btn{margin-top:27px; width:220px; border-width:2px; line-height: 54px;}
.search_school_pop .search_school_cont ul{padding:17px 0; height:313px; overflow-y: auto; border:1px solid #d9d9d9;}
.search_school_pop .search_school_cont ul li a{padding:10px 20px; display:block; font-size:16px; line-height:1.3;}
.search_school_pop .search_school_cont ul li a:hover{background:#f3f6fe;}
.search_school_pop .search_school_cont ul li a p{margin-right:15px;display:inline-block; font-size:inherit; color:#5988f3; font-weight:500;}
.search_school_pop .search_school_cont ul li a strong{margin-right:15px;display:inline-block; font-size:inherit; color:#121212; font-weight:500;}
.search_school_pop .search_school_cont ul li a span{font-size:inherit; color:#7f7f7f; font-weight:400;}

/* 내 클래스 저장 눌렀을 떄 뜨는 팝업 3종  */
.edit_class_pop .add_class_save {display: flex; flex-direction: column; align-items: center;}
.edit_class_pop .add_class_save p { font-size: 20px; font-weight: 500; color: #000000; line-height: 1.2; letter-spacing: -0.025em; text-align: center;}
.edit_class_pop .add_class_save p span{font:inherit;}
.edit_class_pop .add_class_save form {margin-top: 40px;}
.edit_class_pop .add_class_save form .form_tr span + span {margin-left: 56px;}
.edit_class_pop .add_class_save input[type=radio] + label{position:relative; padding-left:25px; display:inline-block; font-size:18px; color:#121212; font-weight:500; line-height: 20px; cursor: pointer;}
.edit_class_pop .add_class_save input[type=radio] + label:before{content:''; position:absolute; left:0; top:0; width:20px; height:20px; background:url('../images/common/ico_checkbox.png') no-repeat center top / 100% auto;}
.edit_class_pop .add_class_save input[type=radio]:checked + label:before{background-position-y:bottom;}
.edit_class_pop .add_class_save input[type=text] {display: inline-block; width: 100%; padding: 0 14px; line-height: 40px; border: 1px solid #d9d9d9; border-radius: 7px;}
.edit_class_pop .add_class_save input[type=text]::placeholder {font-size: 16px; font-weight: 400; color: #121212; letter-spacing: -0.025em; }
.edit_class_pop .add_class_save .person_num {display: flex; align-items: center; gap: 6px;}
.edit_class_pop .add_class_save .person_num span {font-size: 18px; font-weight: 400; color: #121212;}
.edit_class_pop .add_class_save span.edit_noti {display: block; margin-top: 37px; font-size: 16px; font-weight: 400; color: #5988f3; line-height: 1; letter-spacing: -0.025em; text-align: center; }
.edit_class_pop .btn_wrap{margin-top:44px;}
.edit_class_pop .btn_wrap button {flex:none;display: inline-block; width: auto; padding: 0 32px; font-size: 18px; font-weight: 500; line-height: 58px;}

.class_eidt_pop .pop_cont{width:780px;}
.class_eidt_pop .pop_body{padding-top:25px;}
.class_eidt_pop .sub_tit{font-size:20px; font-weight:500; color:#000; line-height:1;}
.class_eidt_pop .sub_tit span{font:inherit; color:#ee1f1f;}
.class_eidt_pop .info_txt{margin-top:18px; font-size:16px; color:#4c4c4c; font-weight:400; line-height:1.3;}
.class_eidt_pop .class_edit_tb{margin-top:27px; max-height:511px; border:1px solid #d9d9d9; border-radius:10px; overflow:hidden;}
.class_eidt_pop .class_edit_tb .mCustomScrollBox{border-radius:10px; overflow:hidden;}
.class_eidt_pop .class_edit_tb table{width:100%;}
.class_eidt_pop .class_edit_tb table tr{border-bottom:1px solid #d9d9d9;}
.class_eidt_pop .class_edit_tb table tbody tr:last-child{border-bottom:none;}
.class_eidt_pop .class_edit_tb table th{padding:25px 30px;}
.class_eidt_pop .class_edit_tb table th p{font-size:18px; color:#000; font-weight:500; line-height:20px;}
.class_eidt_pop .class_edit_tb table thead th{background:#f8f9fc;}
.class_eidt_pop .class_edit_tb table thead th p{text-align:center;}
.class_eidt_pop .class_edit_tb table tbody th{border-right:1px solid #d9d9d9;}
.class_eidt_pop .class_edit_tb table tbody th p{text-align:left;}
.class_eidt_pop .class_edit_tb table td{padding:15px 20px;}
.class_eidt_pop .class_edit_tb table td p{font-size:16px; color:#121212; font-weight:400; line-height:20px;}
.class_eidt_pop .class_edit_tb table td p i{display:inline-block; width:20px; height:20px; background:url('../images/myclass/ico_emoti.png') no-repeat center;}
.class_eidt_pop .class_edit_tb table td p span{font:inherit; color:#5988f3;}
.class_eidt_pop .class_edit_tb table td .input_wrap{gap:50px;}
.class_eidt_pop .class_edit_tb table td .input_wrap input[type=radio] + label{position:relative;padding-left:25px;display:flex; gap:10px; align-items:center;}
.class_eidt_pop .class_edit_tb table td .input_wrap input[type=radio] + label:before{content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:20px; height:20px; background:url('../images/common/ico_radio.png') no-repeat center top;}
.class_eidt_pop .class_edit_tb table td .input_wrap input[type=radio] + label span{font-size:16px; color:#121212; font-weight:500; line-height:45px;}
.class_eidt_pop .class_edit_tb table td .input_wrap input[type=radio] + label input{padding:15px 18px; width:174px; height:45px; font-size:16px; font-weight:400; color:#121212; border:1px solid #d9d9d9; border-radius: 7px;}
.class_eidt_pop .class_edit_tb table td .input_wrap input[type=radio]:checked + label:before{background-position-y:bottom;}
.class_eidt_pop .btn_wrap .btn_type1{min-width:100px;}

/* 클래스 찾기 팝업 */
.class_enter_pop p{font-size:24px; color:#121212; font-weight:500; line-height:1.3; text-align:center;}
.class_enter_pop p span{display:block; font-size:inherit; font-weight:600; color:#2d57b6;}

.class_pop .txt{position:relative; padding-top:115px; font-size:20px; color:#000; font-weight:500; line-height:1.3; text-align:center;}
.class_pop .txt:before{content:''; position:absolute; top:0; left:50%; transform:translateX(-50%); width:100px; height:100px; background:#dce7ff url('../images/ourclass/ico_char2.png') no-repeat center; border-radius:50%;}
.class_pop .txt span{font:inherit;}
.class_pop .txxxt{margin-top:30px; font-size:16px; color:#5988f3; font-weight:500; line-height:1.4; text-align:center;}

.class_pop .form_table{margin-top:37px;}
.class_pop .form_table dl{display:flex;}
.class_pop .form_table dl+dl{margin-top:12px;}
.class_pop .form_table dl dt{width:60px; flex:none;}
.class_pop .form_table dl dt p{font-size:18px; color:#000; font-weight:600; line-height:45px;}
.class_pop .form_table dl dd{flex:1;}
.class_pop .form_table dl dd .input_wrap.fl{gap:7px;}
.class_pop .form_table dl dd .input_wrap.fl span{font-size:18px; color:#121212; font-weight:500; line-height:45px;}
.class_pop .btn{flex:none; min-width:100px; font-weight:500;}

.class_pop .id_list_box{margin-top:30px; padding:20px; background:#f2f2f2; border-radius:5px;}
.class_pop .id_list_box p{font-size:16px; color:#7f7f7f; font-weight:500; line-height:1.3; text-align: center; word-break: keep-all;}
.class_pop .id_list_box p+p{margin-top:3px;}
.class_pop .ico_arr_down{height:30px; background:url('../images/myclass/arr_down.png') no-repeat center center;}
.class_pop .id_box{padding:30px 20px; background:#dce7ff; border:1px solid #8aabf7; border-radius: 5px; text-align: center;}
.class_pop .id_box p{font-size:16px; color:#2d57b6; font-weight:500; line-height:1;}
.class_pop .id_box h6{margin-top:10px; font-size:34px; color:#2d57b6; font-weight:600; line-height:1;}

/* login */
.contents.login .section{min-height:100vh;}
.contents.login .inner{position:relative; margin:0 auto; max-width: 1220px; width:100%;}
.login_wrap{height:100vh; display: flex; flex-direction: column; justify-content: center; background:linear-gradient(90deg, #55c7ec 0%, #66cbed 20%)}
/* .login_wrap .inner{padding:125px 0 145px;} */
/*.login_wrap .logo_visang{position:absolute; right:12px; top:0; width:80px; height:28px; background:url('../images/common/logo_visang_w.png') no-repeat center;}*/
.login_wrap .logo_visang{margin-left:auto; width:80px; height:28px; background:url('../images/common/logo_visang_w.png') no-repeat center;}
.login_wrap .logo_class{margin:0 auto; width:234px; height:43px; background:url('../images/common/logo_vivaClass_w.png') no-repeat center;}
.login_wrap .page_sub_txt{margin-top:12px; font-size:20px; color:#4C4C4C; font-weight:400; line-height:1; text-align: center;}
.login_wrap .page_sub_txt span{font-size:inherit; font-weight:600;}
.login_wrap .login_container{margin-top:30px; display:flex; gap:20px;}
.login_wrap .login_box{position:relative; padding:50px 80px 60px; width:600px; background:#fff; border-radius: 20px; box-shadow: 2px 3px 10px 0 rgba(0, 0, 0, 0.25); border:1px solid #4ab1d2; text-align: center;}
.login_wrap .login_box.ty2:after{content:''; position:absolute; right:46px; top:-92px; width:178px; height:101px; background:url('../images/account/img_login2.png') no-repeat center;}
.login_wrap .login_box .box_tit{font-size:30px; color:#121212; font-weight:600; line-height: 1;}
.login_wrap .login_box .box_sub{margin-top:16px; font-size:18px; color:#666; font-weight:400; line-height:25px;}
.login_wrap .login_box .img{margin-top:30px;}
.login_wrap .login_box .img img{max-width: 100%;}
.login_wrap .login_box .login_btns{margin-top:19px; display:flex; justify-content:center;}
.login_wrap .login_box .login_btns li{position:relative;}
.login_wrap .login_box .login_btns li:after{content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:16px; background:#707070;}
.login_wrap .login_box .login_btns li:last-child:after{display:none;}
.login_wrap .login_box .login_btns li a{padding:0 12px; display:block; font-size:16px; color:#111; font-weight:400; line-height:20px;}
.login_wrap .login_box .chk{margin-top:15px; text-align: left;}
.login_wrap .login_box input[type=checkbox]+label{position:relative; padding-left:28px; display:inline-block; font-size:16px; color:#121212; font-weight:400; line-height: 18px;}
.login_wrap .login_box input[type=checkbox]+label:before{content:''; position:absolute; left:0; top:0; width:18px; height:18px; background:url('../images/common/ico_checkbox2.png') no-repeat center top / 100% auto}
.login_wrap .login_box input[type=checkbox]:checked+label:before{background-position-y:bottom;}
.login_wrap .login_box .txt_alert{margin-top:20px; font-size:16px; color:#ee1f1f; font-weight:400; line-height:1;}
.login_wrap .login_box .login_sns {margin-top: 19px; padding:0 5px; display: flex; gap: 10px; width: 100%;}
.login_wrap .login_box .login_sns li {position:relative; flex: 1; overflow: hidden; cursor:pointer;}
.login_wrap .login_box .login_sns li a {display:block; width: 100%; border-radius: 6px; font-size: 18px; font-weight: 400; line-height: 62px; letter-spacing: -0.025em; text-align: center;}
.login_wrap .login_box .login_sns li a i {display: inline-block; height:62px; vertical-align: top;}
.login_wrap .login_box .login_sns li a.naver {background: #41c65a; color:#fff;}
.login_wrap .login_box .login_sns li a.naver i{margin-right:20px; width:20px; background: url('../images/account/ico_naver.png') no-repeat left center;}
.login_wrap .login_box .login_sns li .naver_login{position:absolute; left:0; right:0; top:0; bottom:0; opacity:0;}
.login_wrap .login_box .login_sns li a.kakao {background: #fbe51d; color:#473235}
.login_wrap .login_box .login_sns li a.kakao i {margin-right:17px; width:27px; background: url('../images/account/ico_kakao.png') no-repeat left center;}
.login_wrap .login_box .login_sns li a.google {position:absolute; left:0; right:0; top:0; bottom:0; background: #fff; color:#1f1f1f; font-family:'Roboto','Noto Sans KR', 'sans-serif'; font-weight:500; line-height:60px; border:1px solid #747775;}
.login_wrap .login_box .login_sns li a.google i {margin-right:18px; width:22px; background: url('../images/account/ico_google.png') no-repeat left center;}
.login_wrap .login_box .login_sns li .google_login{position:absolute; left:0; right:0; top:0; bottom:0; opacity:0;}

.login_wrap .login_box .login_sns li div.login_google{height:62px;opacity:0;}
.login_wrap .login_box .login_sns li div.login_google > div{height:62px;}
/*.login_wrap .login_box .login_sns li div.login_google iframe{position:absolute !important; top:50% !important; transform:translateY(-50%) scaleY(1.5); width:100%!important;margin:0 !important; opacity:0;}*/
.login_wrap .login_box .login_sns li div.login_google > div > div,
.login_wrap .login_box .login_sns li div.login_google iframe{transform:scaleY(1.5);margin:0 !important; opacity:0;}


.login_wrap .login_box .obj{display:none; position:absolute; top:-110px; right:31px; width:248px; height:135px; background:url('../images/account/img_login2.png') no-repeat center;}
/* .login_wrap .ico_scroll{margin:60px auto 0; display:block; width:40px; height:73px; background:url('../images/account/login/ico_scroll.png') no-repeat center;} */
.login_wrap .ico_scroll{margin:30px auto 0; display:block; width:30px; height:23px; background:url('../images/account/login/ico_scroll2.png') no-repeat center; animation: bounce 1s infinite alternate;}

@keyframes bounce{
	0% {
		-moz-transform: translateY(0);
		-ms-transform: translateY(0);
		-webkit-transform: translateY(0);
		transform: translateY(0);
	}
	100% {
		-moz-transform: translateY(-15px);
		-ms-transform: translateY(-15px);
		-webkit-transform: translateY(-15px);
		transform: translateY(-15px);
	}
}

.contents.login.mobile{overflow:hidden;}
.contents.login.mobile .login_wrap{padding:50px 0;}
.contents.login.mobile .login_wrap .inner{padding-top:200px;}
.contents.login.mobile .login_wrap .logo_visang{position:absolute; right:12px; top:0;}
.sec_wrap.off{opacity:0; background:transparent;}
.sec_wrap .inner{padding:150px 0;}
.sec_wrap .sc_tit{font-size:48px; color:#121212; font-weight:600; text-align:center; line-height:1;}
.sec_wrap .sc_txt{margin-top:45px; font-size:18px; color:#121212; text-align:center; line-height:1.5;}
.sec_wrap .img img{max-width:100%;}
.sec_wrap .sc1 .img{position:relative; margin:65px auto 0; max-width:1080px;}
.sec_wrap .sc2{background:#e7eefe url('../images/account/login/sc2_bg.png') no-repeat center / 1920px auto;}
.sec_wrap .sc2 .inner{padding-bottom:130px;}
.sec_wrap .sc2 .fl_box{margin-top:60px; display:flex; align-items:center; gap:26px;}
.sec_wrap .sc2 .fl_box ul li{position:relative; padding-left:58px; font-size:20px; font-weight:600; line-height:30px;}
.sec_wrap .sc2 .fl_box ul li+li{margin-top:20px;}
.sec_wrap .sc2 .fl_box ul li:before{content:''; position:absolute; left:0; top:0; width:30px; height:30px; background:url('../images/account/login/ico_chk.png') no-repeat center;}
.sec_wrap .sc3{background:#7ca4ff;}
.sec_wrap .sc4{background:#5988f2;}
.sec_wrap .sc_info_page ul li{display:flex; justify-content:space-between; align-items:flex-start;}
.sec_wrap .sc_info_page ul li+li{margin-top:174px;}
.sec_wrap .sc_info_page ul li .txt{padding:48px 0 0 35px;}
.sec_wrap .sc_info_page ul li .txt span{display:block; width:55px; height:45px;}
.sec_wrap .sc_info_page ul li .txt span.ico1{background:url('../images/account/login/item1_ico.png') no-repeat center / contain;}
.sec_wrap .sc_info_page ul li .txt span.ico2{background:url('../images/account/login/item2_ico.png') no-repeat center / contain;}
.sec_wrap .sc_info_page ul li .txt span.ico3{background:url('../images/account/login/item3_ico.png') no-repeat center / contain;}
.sec_wrap .sc_info_page ul li .txt span.ico4{background:url('../images/account/login/item4_ico.png') no-repeat center / contain;}
.sec_wrap .sc_info_page ul li .txt span.ico5{background:url('../images/account/login/item5_ico.png') no-repeat center / contain;}
.sec_wrap .sc_info_page ul li .txt span.ico6{background:url('../images/account/login/item6_ico.png') no-repeat center / contain;}
.sec_wrap .sc_info_page ul li .txt span.ico7{background:url('../images/account/login/item7_ico.png') no-repeat center / contain;}
.sec_wrap .sc_info_page ul li .txt h5{margin-top:17px; font-size:48px; color:#fff; font-weight:600; line-height:1;}
.sec_wrap .sc_info_page ul li .txt p{margin-top:44px; font-size:18px; color:#fff; line-height:1.5;}
.sec_wrap .sc_info_page ul li .img{border-radius:38px 0 38px 38px; box-shadow: 8px 5px 10px 3px rgba(0, 0, 0, 0.07);}
.sec_wrap .sc_info_page ul.flBox{display:flex;}
.sec_wrap .sc_info_page ul.flBox.row2{gap:60px;}
.sec_wrap .sc_info_page ul.flBox.row3{gap:50px;}
.sec_wrap .sc_info_page ul.flBox li{display:block;}
.sec_wrap .sc_info_page ul.flBox li+li{margin:0;}
.sec_wrap .sc_info_page ul.flBox li .txt{padding:0 0 0 10px;}
.sec_wrap .sc_info_page ul.flBox li .img{margin-top:43px;}
.sec_wrap .sc_info_page ul.flBox + .flBox{margin-top:125px;}
.sec_wrap .sc_info_page .btn_vivaclass{margin:110px auto 0; display:block; width:739px; height:149px; background:url('../images/account/login/btn_vivaclass.png') no-repeat center;}

.login_wrap .txt{margin-top:35px; font-size:16px; color:#121212; font-weight:300; line-height: 1; text-align: center;}
.login_wrap .txt a{font:inherit; color:#3757b5;}

.token-login .login_wrap{display:flex; align-items:center;}
.contents.token-login .inner{padding:30px; width:100%;}
.token-login .login_wrap .login_container{justify-content:center;}
.token-login .login_wrap .logo_visang{position:absolute; right:0; top:0;}

.contents{--our-class-color:#f5a347;} /* 담임 */
.contents.our_ty2{--our-class-color:#3cb8e5;} /* 전담 */
.contents.our_ty3{--our-class-color:#1ec2a0;} /* 자유 */
.contents.our_ty4{--our-class-color:#6186e4;} /* 교사 */
.contents.our_ty5{--our-class-color:#ff92b6;} /* 간편 */

/* 우리반 클래스 */
.our_class_top{background:var(--our-class-color);}
.our_class_top article{max-width:1440px;}
.our_class_top .class_top{padding:25px 20px; display:flex; gap:24px;}
.our_class_top .class_top .thumb{position:relative; width:68px; height:68px; background:#ffffff; border-radius: 50%; overflow: hidden; flex:none;}
.our_class_top .class_top .thumb img{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); max-width: 100%;}
.our_class_top .class_top .txt{flex:1;}
.our_class_top .class_top .name{display:flex; align-items: center;}
.our_class_top .class_top .name h3{margin-right:8px; font-size:30px; color:#fff; font-weight:600; line-height: 34px;}
.our_class_top .class_top .name h3.ico_sc{padding-right:38px; background:url('../images/ourclass/ico_school.png') no-repeat right center;}
.our_class_top .class_top .name .ico{margin-right:8px; width: 30px; height:30px; background:url('../images/ourclass/ico_school.png') no-repeat center center;}
.our_class_top .class_top .name .btn_edit{width:34px; height:34px; background:rgba(18,18,18,.2); display:flex; align-items: center; justify-content: center; border-radius: 50%;}
.our_class_top .class_top .name .btn_edit span{display:block; width:19px; height:20px; background:url('../images/ourclass/ico_edit.png') no-repeat center center;}
.our_class_top .class_top .name input[type=text]{margin-right:5px; padding:0 18px; width:408px; height:42px; font-size:24px; color:#7f7f7f; font-weight:400; border-radius: 7px;}
.our_class_top .class_top .info{margin-top:7px; display:flex;}
.our_class_top .class_top .info ul{margin-right:15px; display:flex; gap:13px;}
.our_class_top .class_top .info ul li{position:relative; padding-right:15px; font-size:16px; color:rgba(255,255,255,.8); font-weight:400; line-height: 26px;}
.our_class_top .class_top .info ul li:after{content:''; position:absolute; right:0; top:50%; margin-top:-7px; width:2px; height:14px; background:rgba(255,255,255,.8);}
.our_class_top .class_top .info ul li:last-child{padding-right:0;}
.our_class_top .class_top .info ul li:last-child:after{display:none;}
.our_class_top .class_top .info ul li > a{font:inherit; color:inherit;}
.our_class_top .class_top .info ul li > a:hover{text-decoration:underline;}
.our_class_top .class_top .info ul li .layer_p{position:absolute;left:-22px; top:calc(100% + 12px);padding: 13px 45px 13px 20px; background: #fff; border: 2px solid #ff5454; border-radius: 10px; box-shadow: 0 3px 0 rgba(0, 0, 0, 0.07); z-index: 1}
.our_class_top .class_top .info ul li .layer_p:after{content:''; position:absolute; top:-11px; width:14px; height:11px; background:url('../images/main/layer_pop_arr.png') no-repeat center;}
.our_class_top .class_top .info ul li .layer_p p{font-size:16px; color:#121212; font-weight:400; white-space:nowrap; line-height:1.5; letter-spacing:-0.025em;}
.our_class_top .class_top .info ul li .layer_p .btn_layer_close{position:absolute; right:10px; top:10px; width:10px; height:10px; background:url('../images/main/ico/ico_pop_close.png') no-repeat center;}
.our_class_top .class_top .info .btn{margin-right:5px; padding:0 10px; font-size:16px; color:#fff; font-weight:400; line-height: 26px; background:#2d57b6; border-radius: 5px;}
.our_class_top .drop_menu{position:absolute; right:20px; top:27px; width:265px;}

.subcontent{margin:0 auto; padding:35px 20px; max-width:1440px; display:flex; gap:40px; justify-content: center;}

/* lnb */
.lnb{margin-top:-15px; flex:none; width:200px;}
.lnb .class_board{position:relative; padding:18px 25px 11px; height:140px; background:url('../images/ourclass/img_board.png') no-repeat center center; display:flex; align-items: center; justify-content: center;}
.lnb .class_board:after{content:''; position:absolute; left:3px; bottom:-4px; width:89px; height:38px; background:url('../images/ourclass/ico_char.png') no-repeat center;}
.lnb .class_board p{font-size:16px; color:#121212; font-weight:500; line-height:1.3; text-align: center; word-break:break-all;}
.lnb .class_board .btn_edit{position:absolute; top:19px; right:14px; padding:3px 0 0 6px; width:28px; height:26px; background:#ffdc92; border-radius: 50%; display:flex;}
.lnb .class_board .btn_edit span{display:block; width:17px; height:18px; background:url('../images/ourclass/ico_edit.png') no-repeat center;}
.lnb .btn_write{margin-top:30px; display:block; font-size:20px; color:#fff; font-weight:600; line-height: 47px; text-align:center; border-radius: 24px; background:#2d57b6; box-shadow: 0 3px 3px 0 rgba(0,0,0,.07);}
.lnb .btn_write i{margin-right:9px; display:inline-block; width:19px; height:47px; background:url('../images/ourclass/ico_edit.png') no-repeat center; vertical-align: top;}
.lnb h2{padding:15px 25px 22px; font-size:26px; font-family: 'Nanum Square', 'Noto Sans KR', 'sans-serif'; color:#2d57b6; font-weight:800; line-height: 1;}
.lnb .lnb_menu_list{margin-top:12px; padding:8px 0;}
.lnb .lnb_menu_list+.lnb_menu_list{margin-top:0; border-top:1px solid #e5e5e5;}
.lnb .lnb_menu_list li{position:relative;}
.lnb .lnb_menu_list li+li{margin-top:4px;}
.lnb .lnb_menu_list li a{position:relative; padding:12px 20px; display:block; font-size:18px; color:#121212; font-weight:600; line-height: 24px; border-radius:12px;}
.lnb .lnb_menu_list li a .ico_setting{margin-left:15px; display:inline-block; width:18px; height:24px; background:url('../images/ourclass/ico_setting.png') no-repeat center; vertical-align: top;}
.lnb .lnb_menu_list li a .ico_link{margin-left:10px; display:inline-block; width:16px; height:24px; background:url('../images/cs/ico_link2.png') no-repeat center; vertical-align: top;}
.lnb .lnb_menu_list li a:hover{color:#273FA1; text-decoration:underline; text-underline-position:under;}
.lnb .lnb_menu_list li.on a{color:#273FA1; background:#F6F6F6;}
.lnb .lnb_menu_list li.new a:after{content:''; margin-left:9px; display:inline-block; width:6px; height:6px; border-radius: 50%; background:#ff5454; vertical-align:top;}
.lnb .lnb_menu_list li .layer_p{position:absolute;left:100%; top:-15px; padding: 13px 45px 13px 20px; background: #fff; border: 2px solid #ff5454; border-radius: 10px; box-shadow: 0 3px 0 rgba(0, 0, 0, 0.07); z-index:1;}
.lnb .lnb_menu_list li .layer_p:after{content:''; position:absolute; left:-11px; top:18px; width:11px; height:13px; background:url('../images/main/subject_pop_arr.png') no-repeat center;}
.lnb .lnb_menu_list li .layer_p p{font-size:16px; color:#121212; font-weight:400; white-space:nowrap; line-height:1.5; letter-spacing:-0.025em;}
.lnb .lnb_menu_list li .layer_p .btn_layer_close{position:absolute; right:10px; top:10px; width:10px; height:10px; background:url('../images/main/ico/ico_pop_close.png') no-repeat center;}
.lnb .lnb_menu_list li .btn_start_class{position:relative;padding:0 16px;background:#FF5454;color:#fff;font-size:16px;font-weight:700;border-radius:12px;line-height:48px;text-align:left;}
.lnb .lnb_menu_list li .btn_start_class .ico_class{display:inline-block;margin:0 8px 2px 0;height:28px;width:28px;background:url(../images/ourclass/ico_start_class.png) no-repeat center center;vertical-align: middle;}
.lnb .lnb_menu_list li .btn_start_class:hover{color:#fff;}
.lnb .lnb_bnr_wrap a{display:block;}
.lnb .lnb_bnr+.lnb_bnr{margin-top:20px;}

.vivarun_live_banner{position:relative;margin:20px 0 27px;padding:12px 10px;display:flex;justify-content: center;align-items: center;gap:10px; background:#5988F3;border-radius:12px;box-shadow:0 3px 0 0 rgba(0,0,0,0.06);}
.vivarun_live_banner .txtbox p{color:#fff;font-size:14px;font-weight:600;line-height:1.2;}
.vivarun_live_banner .txtbox h3{color:#fff;font-size:20px;font-weight:600;line-height:1.2;}
.vivarun_live_banner .btn_layer_info{width:24px;height:24px;background:url(../images/ourclass/ico_layer_info.png) no-repeat center center;}
.vivarun_live_banner .pop_layer_class{display:none;position: absolute; left: 100%; top: -13px;  width: 295px; padding: 18px; background: #fff; border: 2px solid #ff5454; border-radius: 12px; box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.06); z-index: 10;transform:translateX(24px)}
.vivarun_live_banner .pop_layer_class.hover {display: block;;}
.vivarun_live_banner .pop_layer_class:after {content: ""; display: inline-block; position: absolute; left: -16px; top:50%;margin-top:-9px; width: 16px; height: 18px; background: url(../images/ourclass/arr_vivarun_banner.png) no-repeat center;}
.vivarun_live_banner .pop_layer_class p {font-size: 14px; font-weight: 400; color: #4C4C4C; letter-spacing: -0.025em; line-height: 1.5;}
.vivarun_live_banner .pop_layer_class span {font: inherit; color: #ff5454;}

.btn_go_live{margin:16px 0 27px;height:78px;display:flex;flex-direction:column; justify-content: center;gap:4px;align-items: center; border:2px solid #ff5454;border-radius:12px;box-shadow:0 3px 0 0 rgba(0,0,0,0.06);}
.btn_go_live .livemark{display:block;margin:0 auto;width:74px;height:23px;background:url(../images/ourclass/ico_livemark.png) no-repeat center center;}
.btn_go_live h3{font-size:16px;font-weight:600; color: #ff5454;line-height:1.2;}

/* quick */
.quick{flex:none; width:160px;}
.quick .quick_menu{border:2px solid #ffba26; border-radius: 15px; background:#fff;}
.quick .quick_menu+.quick_menu{margin-top:15px;}
.quick .quick_menu>div+div{border-top:1px solid #ffba26;}
.quick .quick_menu a{display:block;}
.quick .quick_menu .quick_item a{padding:20px 19px; font-size:18px; color:#121212; font-weight:600; line-height:20px;}
.quick .quick_menu .quick_item a:hover{color:#f68b35;}
.quick .quick_menu .quick_item i{margin-right:9px; display:inline-block; height:20px; vertical-align: top;}
.quick .quick_menu .quick_item i.desk{width:21px; background:url('../images/ourclass/ico_desk.png') no-repeat center;}
.quick .quick_menu .quick_item i.time{width:17px; background:url('../images/ourclass/ico_table.png') no-repeat center;}
.quick .quick_menu .quick_box li{position:relative;}
.quick .quick_menu .quick_box a{padding:13px 20px; font-size:16px; color:#4c4c4c; font-weight:500; line-height: 1.3;}
.quick .quick_menu .quick_box a.hasIco{position:relative; color:#121212; font-weight:600;}
.quick .quick_menu .quick_box a.hasIco:after{content:''; position:absolute; right:15px; top:50%; transform:translateY(-50%);}
.quick .quick_menu .quick_box a.hasIco.down:after{width:16px; height:17px; background:url('../images/ourclass/ico_down.png') no-repeat center center;}
.quick .quick_menu .quick_box a.hasIco.link:after{width:15px; height:15px; background:url('../images/ourclass/ico_link.png') no-repeat center center;}
.quick .quick_menu .quick_box a:hover{color:#f68b35;}
.quick .quick_menu .quick_box a.guide{background:#FFBA261F;border-radius:0 0 15px 15px;}
.quick .quick_menu .quick_box.schedule{padding:15px 13px;}
.quick .quick_menu .quick_box.schedule p{font-size:16px; color:#f68b35; font-weight:600;}
.quick .quick_menu .quick_box.schedule ul{margin-top:10px;}
.quick .quick_menu .quick_box.schedule ul li+li{margin-top:5px;}
.quick .quick_menu .quick_box.schedule ul li a{padding:0 16px; color:#121212; font-weight:600; line-height: 34px; border-radius: 17px; background:#f2f2f2;}
.quick .quick_menu .quick_box.teacher{padding-bottom:8px;}
.quick .quick_menu .quick_box.teacher p{padding-left:26px; font-size:18px; color:#f68b35; font-weight:600; line-height: 18px; background:url('../images/ourclass/ico_teacher.png') no-repeat left center;}
.quick .quick_menu .quick_box.teacher .teacher_quick li{padding:0 20px;}
.quick .quick_menu .quick_box.teacher .teacher_quick li+li{margin-top:5px;}
.quick .quick_menu .quick_box.teacher .teacher_quick li.smartTool{padding:0;border-bottom:1px solid #E9E9ED;}
.quick .quick_menu .quick_box.teacher .teacher_quick li.smartTool a{padding-left:20px;position:relative;display:block;width:100%;height:52px;background:url('../images/ourclass/smart_classtool.png') no-repeat left 20px center;}
.quick .quick_menu .quick_box.teacher .teacher_quick li.smartTool a:after{content:'';position:absolute;top:4px;right:14px;display:inline-block;width:7px;height:44px;background:url('../images/ourclass/ico_arrow.png') no-repeat left center;vertical-align:middle;}
.quick .quick_menu .quick_box.teacher a{padding:0;line-height:30px;}
.quick .quick_menu .quick_box.teacher a.hasIco:after{right:0;}
.quick .quick_menu.guide{overflow:hidden;}
.quick .quick_menu.guide .quick_box{background:#fefaf0;}

.cont_wrap{min-width:0; width:960px; flex:1;}
.cont_wrap .page_tit{font-size:24px; color:#121212; font-weight:600; line-height:38px;}
.cont_wrap .page_tit.mh45{min-height:45px;}
.cont_wrap .page_tit .ico{margin-right:10px; display:inline-block; width:38px; height:38px; vertical-align: top;}
.cont_wrap .page_tit .ico.home{background:url('../images/ico/ico_home.png') no-repeat center;} /* 홈 */
.cont_wrap .page_tit .ico.notice{background:url('../images/ico/ico_notice.png') no-repeat center;} /* 공지 */
.cont_wrap .page_tit .ico.notice2{background:url('../images/ico/ico_notice2.png') no-repeat center;} /* 알려드립니다 */
.cont_wrap .page_tit .ico.faq{background:url('../images/ico/ico_faq.png') no-repeat center;} /* 자주 하는 질문 */
.cont_wrap .page_tit .ico.inquiry{background:url('../images/ico/ico_inquiry.png') no-repeat center;} /* 문의하기 */
.cont_wrap .page_tit .ico.inquiry2{background:url('../images/ico/ico_inquiry.png') no-repeat center;} /* 내 문의함 */
.cont_wrap .page_tit .ico.file{background:url('../images/ico/ico_file.png') no-repeat center;} /* 자료함 */
.cont_wrap .page_tit .ico.my_info{background:url('../images/ico/ico_my.png') no-repeat center;} /* 내 정보 관리 */
.cont_wrap .page_tit .ico.leave{background:url('../images/ico/ico_out.png') no-repeat center;} /* 회원탈퇴 */
.cont_wrap .page_tit .ico.setting{background:url('../images/ico/ico_setting2.png') no-repeat center;} /*클래스 관리*/
.cont_wrap .page_tit .ico.homework{background:url('../images/ico/ico_homework.png') no-repeat left top;} /* 숙제 */
.cont_wrap .page_tit .ico.homework2{background:url('../images/ico/ico_homework.png') no-repeat left top;} /* 숙제함 */
.cont_wrap .page_tit .ico.record{background:url('../images/ico/ico_record.png') no-repeat left top;} /* 누가기록 */
.cont_wrap .page_tit .ico.board{background:url('../images/ico/ico_board.png') no-repeat left top;} /* 자유게시판 */
.cont_wrap .page_tit .ico.vote{background:url('../images/ico/ico_vote.png') no-repeat left top;} /* 투표 */
.cont_wrap .page_tit .ico.album{background:url('../images/ico/ico_album.png') no-repeat left top;} /* 앨범 */
.cont_wrap .page_tit .ico.dashboard{background:url('../images/ico/ico_dashboard.png') no-repeat left center;} /* 대시보드 */
.cont_wrap .page_tit .ico.class{background:url('../images/ico/ico_class.png') no-repeat left center;} /* 내 수업함 */
.cont_wrap .page_sub_txt{margin-top:30px;}
.cont_wrap .page_sub_txt p{font-size:16px; color:#4c4c4c; font-weight:400; line-height: 1.3;}
.cont_wrap .page_sub_tit{font-size:22px; color:#121212; font-weight:600; line-height:1;}

.today_class{margin-top:24px; padding:14px 29px; display:flex; align-items: center; justify-content: space-between; border-radius:10px; border:1px solid #d9d9d9; background:#f8f9fc;}
.today_class .tit{font-size:22px; color:#2d57b6; font-weight:600; line-height: 47px; flex:none;}
.today_class .box{flex:1; display:flex; justify-content: flex-end;}
.today_class .box ul{display:flex;gap:4px;}
.today_class .box ul li a{padding:0 16px; display:inline-block; font-size:18px; color:#121212; font-weight:500; line-height:43px; border:2px solid var(--our-class-color); border-radius: 24px; box-shadow: 0 3px 3px 0 rgba(0,0,0,.07); background:#fff;}
.today_class .box .btn{margin-left:15px; padding:0 16px; font-size:18px; font-weight:500; color:#fff; line-height: 47px; border-radius: 24px; background:var(--our-class-color); box-shadow: 0 3px 3px 0 rgba(0,0,0,.07);}
.today_class .box .btn i{margin-left:7px; display:inline-block; width:6px; height:47px; background:url('../images/ourclass/arr_right.png') no-repeat center; vertical-align: top;}
.today_class .box .nodata{font-size:16px; color:#7f7f7f; font-weight:400; line-height: 47px;}

.module_top{position:relative;}
.module_top:after{content:''; display:block; clear:both;}
.module_top .left{float:left;}
.module_top .left .sub_tit{display:inline-block;font-size: 18px;color: #000;font-weight: 600;line-height: 26px;}
.module_top .left .bd_cnt{margin-left:10px;padding:0 8px;display:inline-block;font-size:14px;color:#0086FF;line-height:24px;background:#E9F2FF;border-radius:4px;}
.module_top .right{float:right; display:flex;}
.module_top .right .select_flex{display:flex;gap:8px;}
.module_top .right .select_flex .module_seltype{width:200px;}
.module_top .right .select_flex .module_seltype .select2-container{width:100%!important;}
.module_top .right .module_seltype.blue{width:117px;height:32px;}
.module_top .right .module_seltype.blue .select2-container{width:100%!important;}
.module_top .right .module_seltype.blue .select2-container .select2-selection--single{height:32px;border:1px solid #5988F3;border-radius:8px;}
.module_top .right .module_seltype.blue .select2-container--default .select2-selection--single .select2-selection__rendered{padding:0 32px 0 12px;font-size:14px;line-height:30px;font-weight:400;color:#121212;}
.module_top .right .module_seltype.blue .select2-container--default .select2-selection--single .select2-selection__arrow{margin-top:-3px;right:12px;background:url(../images/common/ic_blue_select.png) no-repeat center center;transform:rotate(180deg);}
.module_top .right .module_seltype.blue .select2-container--default.select2-container--open .select2-selection--single .select2-selection__arrow{background:url(../images/common/ic_blue_select.png) no-repeat center center;transform:rotate(0deg);}
.module_top .right.btn_wrap {align-items:center;}
.module_top .right .btn_slide {width:65px;height:32px;border:1px solid #d9d9d9;border-radius:8px;}
.module_top .right .btn_slide .btn {position:relative;padding:0;width:29px;height:30px;}
.module_top .right .btn_slide .btn_prev {background:url('../images/common/arr_prev2.png') no-repeat center center;}
.module_top .right .btn_slide .btn_next {background:url('../images/common/arr_next2.png') no-repeat center center;}
.module_top .right .btn_slide .btn_next:before {content:'';position:absolute;left:0;top:0;display:block;height:100%;width:1px;background: #d9d9d9;}

.module_top .btn{padding:0 20px; line-height: 43px; border-radius: 24px;}
.module_top .select{margin-left:5px; padding:0 39px 0 19px; min-width:145px; font-size:16px; color:#121212; font-weight:500; line-height: 32px; border:1px solid #d9d9d9; border-radius: 17px; background:url('../images/ourclass/arr_select_black.png') no-repeat right 17px center; appearance: none;}
.module_top .list_cnt{font-size:16px; color:#121212; font-weight:400; line-height:45px;}
.module_top .list_cnt span{font:inherit;}
.module_top .search_wrap{display:flex; justify-content: flex-end; gap:5px;}
.module_top .search_wrap .input_box{position:relative; width:296px; height:45px; border:1px solid #d9d9d9; border-radius: 7px; overflow: hidden;}
.module_top .search_wrap input{padding:0 50px 0 18px; display:block; height:100%; width:100%; font-size:16px; font-weight:400; color:#121212;}
.module_top .search_wrap .btn_search{position:absolute; right:10px; top:50%; transform:translateY(-50%); padding:5px;}
.module_top .search_wrap .btn_search span{display:block; width:25px; height:25px; background:url('../images/common/ico_search.png') no-repeat center;}
.module_top .search_wrap .btn_reset{display:block; width:45px ;height:45px; border:1px solid #d9d9d9; border-radius: 7px; background:#f8f9fc url('../images/ourclass/ico_reset.png') no-repeat center;}

.class_home_banner{margin-top:32px;height:164px;display:flex;flex-direction:column;justify-content: center;align-items: center;gap:16px;border:2px solid #5988F3;background:#fff url(../images/ourclass/live_illust.png) no-repeat right center;border-radius:12px;overflow:hidden;box-shadow:0 7px 4px 0 rgba(0,0,0,0.04);}
.class_home_banner p{font-size:16px;font-weight:400;color:#121212;line-height:23px;}
.class_home_banner p span{font-size:16px;font-weight:600;color:#2D57B6;}
.class_home_banner .attention{width:183px;height:45px;text-align:center;background:#ff5454;border-radius:22px;}
.class_home_banner .attention p{color:#fff;font-size:20px;font-weight:600;line-height:45px;}

.class_list_wrap{margin-top:15px;}
.class_list>li{position:relative; padding:27px 30px; display:flex; border:1px solid #c0c2c2; border-radius: 10px; cursor:pointer;}
.class_list>li.on{border-color:#8aabf7;}
.class_list>li+li{margin-top:15px;}
.class_list>li>div{min-width:0;}
.class_list>li .type_box{display:flex; gap:11px; align-items: center;}
.class_list>li .type_box p{font-size:18px; color:#000; font-weight:500; }
.class_list>li .type_box .type{position:relative; color:#5988f3; }
.class_list>li .type_box .type+p{position:relative; padding-left:12px;}
.class_list>li .type_box .type+p:before{content:''; position:absolute; left:0; top:50%; transform: translateY(-50%); width:1px; height:16px; background:#c7c7c7;}
.class_list>li .type_box .badge{padding:0 6px; display:inline-block; font-size:14px; color:#5988f3; font-weight:500; text-align: center; line-height: 22px; border:1px solid #5988f3; border-radius: 3px;}
.class_list>li.new .type_box :last-child:after{content:''; position:absolute; right:-11px; top:3px; width:6px; height:6px; background:#ff5454; border-radius: 50%;}
.class_list>li .tit{margin-top:12px; display:inline-block; max-width:100%; font-size:22px ;color:#121212; font-weight:600; line-height: 26px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.class_list>li .tit span{font:inherit;}
.class_list>li .tit .subject{position:relative; margin-right:10px; padding-right:14px; display:inline-block; font-weight:500; color:#4c4c4c;}
.class_list>li .tit .subject:after{content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:18px; background:#b0b0b0;}
.class_list>li .tit .ico{margin-left:7px; display:inline-block; width:20px; height:26px; background:url('../images/ourclass/ico_attach.png') no-repeat center; vertical-align: top;}
.class_list>li .tit .badge{margin-right:7px; padding:0 6px; display:inline-block; font-size:14px; color:#5988f3; font-weight:500; text-align: center; line-height: 24px; border:1px solid #5988f3; border-radius: 3px;}
.class_list>li .info{margin-top:12px; display:flex; gap:10px;}
.class_list>li .info li{position:relative; padding-right:11px; font-size:15px; color:#4c4c4c; font-weight:500; line-height: 20px;}
.class_list>li .info li:after{content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:13px; background:#7c7c7c;}
.class_list>li .info li:last-child{padding-right:0;}
.class_list>li .info li:last-child:after{display:none;}
.class_list>li .info li i{margin-right:4px; display:inline-block; height:20px; vertical-align: top;}
.class_list>li .info li i.teacher{width:16px; background:url('../images/ourclass/ico_member.png') no-repeat center;}
.class_list>li .info li i.comment{width:15px; background:url('../images/ourclass/ico_cmt.png') no-repeat center;}
.class_list>li .module{position:absolute; top:24px; right:30px; display:flex; gap:20px;}
.class_list>li .module .btn_view{position:relative;}
.class_list>li .module .btn_view button{font-size:15px; color:#7f7f7f; font-weight:500; line-height: 19px;}
.class_list>li .module .btn_view button i{margin-right:5px; display:inline-block; width:23px; height: 19px; background:url('../images/ourclass/ico_view.png') no-repeat center top / 100% auto; vertical-align: top;}
.class_list>li .module .btn_view .view_popup{display:none;position:absolute; top:-17px; right:calc(100% + 11px); padding:10px 8px; background:#fff; border:2px solid #ff5454; border-radius: 15px; box-shadow: 0 3px 3px 0 rgba(0,0,0,.07); z-index:1;}
.class_list>li .module .btn_view .view_popup:after{content:''; position:absolute; right:-11px; top:19px; width:12px; height:13px; background:url('../images/ourclass/arr_view_pop.png') no-repeat center;}
.class_list>li .module .btn_view .view_popup h6{padding:0 23px 10px 8px; font-size:16px; color:#121212; font-weight:500; line-height: 1; white-space:nowrap;}
.class_list>li .module .btn_view .view_popup .view_close{position:absolute; top:9px; right:4px; padding:5px;}
.class_list>li .module .btn_view .view_popup .view_close span{display:block; width:10px; height:10px; background:url('../images/ourclass/ico_view_close.png') no-repeat center;}
.class_list>li .module .btn_view .view_popup ul{padding:10px 0 10px 10px; max-height:112px; border-top:1px solid #c0c2c2;}
.class_list>li .module .btn_view .view_popup ul .mCSB_inside>.mCSB_container{padding-bottom:0;}
.class_list>li .module .btn_view .view_popup ul li{font-size:16px; color:#4c4c4c; font-weight:400; line-height:20px;}
.class_list>li .module .btn_view .view_popup ul li+li{margin-top:3px;}
.class_list>li .module .btn_view.open button i,
.class_list>li .module .btn_view:hover button i{background-position-y:bottom;}
.class_list>li .module .btn_view.open .view_popup{display:block;}
.class_list>li .module .btn_pin input[type=checkbox] + label{display:inline-block; width:22px; height:22px; background:url('../images/ourclass/ico_pin.png') no-repeat center top / 100% auto;}
.class_list>li .module .btn_pin input[type=checkbox]:checked + label{background-position-y:bottom;}
.class_list>li .module .btn_pin span{display:inline-block; width:22px; height:22px; background:url('../images/ourclass/ico_pin.png') no-repeat center bottom / 100% auto;}
.class_list>li .li_info{position:absolute; bottom:24px; right:30px; display:flex; gap:20px;}
.class_list>li .li_info p{font-size:15px; color:#4c4c4c; font-weight:400; line-height: 26px;}
.class_list>li .li_info p span{font:inherit;}
.class_list>li .li_info .time{padding-left:28px; background:url('../images/ourclass/ico_time.png') no-repeat left center;}
.class_list>li .li_info .time.ty2{color:#ff5454;}
/*.class_list>li.nodata{padding:72px 0 120px; display:block; background:#f8f9fc; border-color:#f8f9fc; border-radius: 20px;}*/
/*.class_list>li.nodata p{padding-top:95px; font-size:20px; color:#7f7f7f; font-weight:500; line-height: 1; text-align: center; background:url('../images/ourclass/ico_nodata.png') no-repeat center top;}*/

.class_list>li.nodata{padding-top:146px; display:block; border:none; cursor:auto;}
.class_list>li.nodata p{padding-top:200px; font-size:16px; color:#666; font-weight:400; line-height:1; text-align:center; background:url('../images/ourclass/img_nodata2.png') no-repeat center top;}

.class_list>li.linked .module{right:70px;}
.class_list>li.linked .linked_box{content:''; position:absolute; top:20px; right:0; width:38px; height:28px; background:url('../images/ourclass/ico_linked.png') no-repeat right top;}
.class_list>li.linked .linked_box .linked_item{width:38px; height:28px; background:url('../images/ourclass/ico_linked.png') no-repeat right top;}
.class_list>li.linked .linked_box .linked_layer {display: none; position: absolute; left: 62px; top: -13px;  width: 283px; padding: 15px 39px 15px 23px; background: #fff; border: 2px solid #ff5454; border-radius: 10px; box-shadow: 0px 3px 0px rgba(0, 0, 0, 0.07); z-index: 10;}
.class_list>li.linked .linked_box:hover .linked_layer {display: block;}
.class_list>li.linked .linked_box .linked_layer:after {content: ""; display: inline-block; position: absolute; left: -11px; top: 19px; width: 11px; height: 13px; background: url(../images/main/subject_pop_arr.png)no-repeat center;}
.class_list>li.linked .linked_box .linked_layer p {font-size: 16px; font-weight: 400; color: #121212; letter-spacing: -0.025em; line-height: 1.5;}
.class_list>li.linked .linked_box .linked_layer span {font: inherit; color: #ff5454;}

/* 리스트 타이틀 없을 경우 */
.class_list.noTitleType>li .module{top:30px;}
.class_list.noTitleType>li .type_box :last-child:after{display:none;}
.class_list.noTitleType>li .tit{margin-top:0; padding-right:160px; overflow:visible;}
.class_list.noTitleType>li .tit span{vertical-align:top;}
.class_list.noTitleType>li .tit span:last-of-type{position:relative; padding-right: 17px; display: inline-block; max-width:660px; min-width: 0; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.class_list.noTitleType>li.new .tit span:last-of-type:after{content:''; position:absolute; right:0; top:4px; width:6px; height:6px; background:#ff5454; border-radius: 50%;}
.class_list.noTitleType>li.rsv .tit span:last-of-type{max-width:628px;}


.class_list .btn_slide_toggle{position:relative;margin-top:32px;width:100%;background:rgba(255, 255, 255, 0.08);border:1px solid #fff;border-radius:8px;line-height:36px;}
.class_list .btn_slide_toggle span{margin-right:4px;font-size:14px;font-weight:700;color:#fff;}
.class_list .btn_slide_toggle i{position:absolute;top:7px;display:inline-block;width:20px;height:20px;}
.class_list .btn_slide_toggle i.ico_open{background:url('../images/main/ico/ico_arr_open.png') no-repeat center;}
.class_list .btn_slide_toggle i.ico_close{background:url('../images/main/ico/ico_arr_close.png') no-repeat center;}

.badge_type{padding:0 12px; display:inline-block; font-size:16px; color:#4c4c4c; font-weight:500; text-align: center; line-height: 24px; border:1px solid #7f7f7f; background:#fff;}
.badge_type.ty2{color:#2d57b6; border-color:#2d57b6;}
.badge_type.ty3{color:#ff5454; border-color:#ff5454;}
.badge_type.ty4{color:#fff; border-color:#ff5454; background:#ff5454;}
.badge_type.ty5{color:#fff; border-color:#4c4c4c; background:#4c4c4c;}

/* paging */
.paging_wrap{margin-top:60px;}
.paging_wrap ul{display:flex; justify-content: center; gap:10px;}
.paging_wrap ul li a{display:block; min-width:28px; height:24px; font-size:18px; color:#121212; font-weight:400; line-height:24px; text-align: center;}
.paging_wrap ul li a.btn{min-width:0; background-position:center; background-repeat:no-repeat;}
.paging_wrap ul li a.btn.first{width:25px; background-image:url('../images/common/arr_first.png');}
.paging_wrap ul li a.btn.prev{width:19px; background-image:url('../images/common/arr_prev.png');}
.paging_wrap ul li a.btn.next{width:19px; background-image:url('../images/common/arr_next.png');}
.paging_wrap ul li a.btn.last{width:25px; background-image:url('../images/common/arr_last.png');}
.paging_wrap ul li a:hover{color:#2d57b6;}
.paging_wrap ul li a.on{color:#2d57b6; font-weight:600;}

/* QR코드 팝업 */
.qr_full_pop .pop_cont{width:calc(100% - 40px); height:calc(100vh - 60px);}
.qr_full_pop .popup_body{padding:45px; height:calc(100% - 61px); text-align: center; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:20px;}
.qr_full_pop .code{font-size:36px; color:#000; font-weight:500; line-height: 1;}
.qr_full_pop .code span{font:inherit; color:#2d57b6;}
.qr_full_pop .img{flex:1; min-height:0;}
.qr_full_pop .img img{max-height:100%;}
.qr_full_pop .btn{width:220px; line-height: 56px;}

/* 오늘의 한 줄 팝업 */
.class_board_pop .pop_cont{width:550px;}
.class_board_pop .popup_body{padding:40px 30px 20px;}
.class_board_pop .class_board_item+.class_board_item{margin-top:55px;}
.class_board_pop .class_board_item input[type=radio] + label{position:relative; padding-left: 25px; display:flex; line-height:22px;}
.class_board_pop .class_board_item input[type=radio] + label:before{content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:20px; height:20px; background:url('../images/common/ico_checkbox.png') no-repeat center top;}
.class_board_pop .class_board_item input[type=radio] + label strong{margin-right:20px; font-size:22px; color:#121212; font-weight:600; line-height: 1; letter-spacing: -0.025em;}
.class_board_pop .class_board_item input[type=radio] + label span{font-size:18px; color:#121212; font-weight:400; letter-spacing: -0.025em;}
.class_board_pop .class_board_item input[type=radio]:checked + label:before{background-position-y:bottom;}
.class_board_pop .class_board_item .board_box{margin:12px auto 0; padding:37px 25px 25px; width:235px; height:165px; display:flex; align-items: center; justify-content:center; background:url('../images/ourclass/img_board.png') no-repeat center center / cover;}
.class_board_pop .class_board_item .board_box p{font-size:18px; color:#121212;font-weight:500; line-height: 1.3;}
.class_board_pop .class_board_item .board_box .textarea_wrap textarea{padding:10px; display:block; width:100%; height:80px; font-size:18px; font-weight:500; color:#121212; line-height:1.3; border:none; outline:none; background:#f2f2f2;}
.class_board_pop .class_board_item .board_box .textarea_wrap .cnt{margin-top:9px; text-align: right; font-size:14px; color:#7f7f7f; font-weight:500; line-height: 1;}
.class_board_pop .class_board_item .board_box .textarea_wrap .cnt span{font:inherit;}
.class_board_pop .btn{max-width:100px; line-height: 56px; border-radius: 29px;}

/* 등록 form */
.write_form{margin-top:20px; background:#f8f9fc; border:1px solid #d9d9d9; border-radius: 10px;}
.write_form dl{padding:15px 30px; display:flex; border-top:1px solid #d9d9d9;}
.write_form dl.pd2{padding:30px;}
.write_form dl.al_center{align-items:center;}
.write_form dl:first-child{border-top:none;}
.write_form dl dt{padding:10px 10px 10px 0; width:114px; flex:none;}
.write_form dl dt p{font-size:18px; color:#121212; font-weight:500; line-height:25px;}
.write_form dl dt p.required{position:relative; padding-left:12px;}
.write_form dl dt p.required:before{content:'*'; position:absolute; left:0; top:0; color:#ff5454;}
.write_form dl dt input[type=checkbox] + label{position:relative; padding-right:29px; display:inline-block; font:inherit;}
.write_form dl dt input[type=checkbox] + label:after{content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:18px; height:18px; background:url('../images/common/ico_checkbox2.png') no-repeat center top / 100% auto;}
.write_form dl dt input[type=checkbox]:checked + label:after{background-position-y:bottom;}
.write_form dl dd{flex:1; min-width:0;}
.write_form dl dd input[type=text]{padding:0 20px; height:45px; font-size:16px; color:#121212; font-weight:500; border:1px solid #d9d9d9; border-radius: 7px;}
.write_form dl dd input[type=text]:disabled{background:#f4f4f4; color:#a1a1a1;}
.write_form dl dd input[type=checkbox] + label{position:relative; padding-left:26px; display:inline-block; font-size:16px; color:#121212; font-weight:400;}
.write_form dl dd input[type=checkbox] + label:after{content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:18px; height:18px; background:url('../images/common/ico_checkbox2.png') no-repeat center top / 100% auto;}
.write_form dl dd input[type=checkbox]:checked + label:after{background-position-y:bottom;}
.write_form dl dd input[type=checkbox].disabled + label,
.write_form dl dd input[type=checkbox]:disabled + label{color:#b0b0b0;}
.write_form dl dd input[type=checkbox].disabled + label:before,
.write_form dl dd input[type=checkbox]:disabled + label:before{content:''; position:absolute; left:1px; top:50%; transform:translateY(-50%); width:16px; height:16px; background:#f4f4f4; z-index:1;}
.write_form dl dd select:disabled{color:#121212; font-weight:500; background-image:url('../images/ourclass/arr_select_gray.png');}
.write_form dl dd .txt_save{margin:0; padding:0; font-size:18px; color:#121212; font-weight:500; line-height:45px;}
.write_form dl dd .txt_save a{position:relative; font-size:inherit; color:#5988f3; font-weight:600;}
.write_form dl dd .txt_save a:after{content:''; position:absolute; left:0; right:0; bottom:0; height:2px; background:#5988f3;}
.write_form dl dd .btn{height:45px; border-radius:7px; line-height: 43px;}
.write_form dl dd .url .btn{width:68px; font-size:16px; font-weight:600;}
.write_form dl dd .fl_box{display:flex; gap:10px;}
.write_form dl dd .fl_box.between{justify-content:space-between;}
.write_form dl dd .fl_box.al_center{align-items:center;}
.write_form dl dd .fl_box .fl0{flex:none;}
.write_form dl dd .fl_box .fl1{flex:1;}
.write_form dl dd .info_txt{padding-left:20px; margin-top:15px; font-size:16px; color:#121212; font-weight:400; text-indent:-20px; line-height:1.25;}
.write_form dl dd .info_txt.ty2{font-size:15px; color:#7f7f7f;}
.write_form dl dd .fl_box.between .info_txt{margin-top:0; line-height:45px;}
.write_form dl dd .textarea_wrap textarea{padding:13px 20px; display:block; width:100%; height:180px; font-size:16px; color:#121212; font-weight:400; border-radius:7px; border:1px solid #d9d9d9; outline:none;}
.write_form dl dd .textarea_wrap textarea.h100{height:100px;}
.write_form dl dd .cnt{margin-top:9px;font-size:14px; color:#4c4c4c; font-weight:400; line-height:1; text-align:right;}
.write_form dl dd .input_label{font-size:16px; color:#121212; font-weight:600;}

.write_form.ty2{background:#e7eefe; border-color:#e7eefe;}
.write_form.ty2 dl{padding:10px 30px;}

.add_list li{position:relative; margin-top:5px; padding-right:25px;}
.add_list li:first-child{margin-top:20px;}
.add_list li p{display:inline; font-size:18px; color:#2c57b6; font-weight:600; line-height: 21px; word-break: break-all;}
.add_list li a{font-size:16px; color:#4c4c4c; font-weight:400; line-height: 20px; word-break: break-all;}
.add_list li .btn_del{display:inline-block; padding:5px; vertical-align:top;}
.add_list li .btn_del span{display:block; width:10px; height:10px; background:url('../images/ourclass/ico_view_close.png') no-repeat center;}
.add_list.file li{display:flex; gap:10px;}
.add_list.file li p{font-size:16px; color:#4c4c4c; font-weight:400;}
.add_list.file li p span, .add_list.file li a span{font:inherit; color:inherit; line-height:21px;}
.add_list.file li > span{flex:none; font-size:16px; color:#7f7f7f; font-weight:400; line-height: 20px;}
.add_list.ty2 li:first-child{margin-top:10px;}

.file_wrap{overflow: hidden;}
.file_wrap .btn_file{margin-right:5px; padding:0 20px; display:inline-block; min-width:110px; font-size:16px; color:#121212; font-weight:500; text-align: center; line-height: 43px; background:#fff; border:1px solid #d9d9d9; border-radius: 7px;}
.file_wrap .btn_link{margin-right:5px; padding:0 20px; display:inline-block; min-width:110px; font-size:16px; color:#121212; font-weight:500; text-align: center; line-height: 43px; background:#F5F8FE; border:1px solid #d9d9d9; border-radius: 7px;}
.file_wrap .file_txt_info{float:right; font-size:16px; color:#121212; font-weight:400; line-height: 45px;}

/* 공지 상세 */
.detail_wrap{margin-top:20px; border:1px solid #d9d9d9; border-radius: 10px;}
.detail_wrap>:first-child{border-radius: 10px 10px 0 0;}
.detail_wrap>:last-child{border-radius: 0 0 10px 10px;}
.detail_wrap.close{border-radius:10px 10px 0 0; border-bottom:none;}

.detail_top{position:relative; padding:25px 30px; background:#f8f9fc; border-bottom:1px solid #d9d9d9;}
.detail_top .tit_box{padding-right:90px;}
.detail_top .tit_box h3{font-size:24px; color:#121212; font-weight:600; line-height: 1.3;}
.detail_top .tit_box h3 span{font:inherit;}
.detail_top .tit_box h3 span.subject{position:relative; margin-right:8px; padding-right:14px; display:inline-block; font-size:22px; color:#4c4c4c; font-weight:500;}
.detail_top .tit_box h3 span.subject:after{content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:17px; background:#b0b0b0;}
.detail_top .tit_box .info{margin-top:17px; display:flex; gap:10px;}
.detail_top .tit_box .info li{position:relative; padding-right:12px; font-size:16px; color:#4c4c4c; font-weight:500; line-height: 20px;}
.detail_top .tit_box .info li:after{content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:2px; height:14px; background:#a8a8aa;}
.detail_top .tit_box .info li:last-child{padding-right:0;}
.detail_top .tit_box .info li:last-child:after{display:none;}
.detail_top .tit_box .info li span{font:inherit;}
.detail_top .tit_box .info li i{margin-right:3px; display:inline-block; height:20px; vertical-align: top;}
.detail_top .tit_box .info li i.teacher{width:16px; background:url('../images/ourclass/ico_member.png') no-repeat center;}
.detail_top .tit_box .info li i.view{width:18px; background:url('../images/ourclass/ico_view2.png') no-repeat center;}
.detail_top .sub_txt{font-size:18px; color:#121212; font-weight:500;}
.detail_top .sub_txt span{font:inherit;}
.detail_top .sub_txt .badge_type{margin-left:10px; font-size:16px;}
.detail_wrap .modules{position:absolute; top:25px; right:25px; display:flex; gap:15px;}
.detail_wrap .modules .btn{padding:5px; display:inline-block;}
.detail_wrap .modules .btn_edit span{display:block; width:23px; height:23px; background:url('../images/ourclass/ico_edit2.png') no-repeat center / contain;}
.detail_wrap .modules .btn_del span{display:block; width:22px; height:23px; background:url('../images/ourclass/ico_del.png') no-repeat center / contain;}

.detail_cont{padding:0 30px; background:#fff;}
.detail_cont .editor_area{padding:25px 0; min-height:180px;}
.detail_cont .url_area{padding:20px 0; border-top:1px solid #e5e5e5;}
.detail_cont .url_area li+li{margin-top:5px;}
.detail_cont .url_area a{display:inline-flex; align-items: center; gap:25px;}
.detail_cont .url_area a .img{width:54px; height:54px; border:1px solid #d9d9d9;}
.detail_cont .url_area a .img img{width: 100%; height:100%; object-fit:contain;}
.detail_cont .url_area a p{font-size:18px; color:#2c57b6; line-height: 20px; font-weight:600; word-break: break-word; word-wrap: break-word;}

.detail_cont .file_area{padding:20px 0; border-top:1px solid #e5e5e5; display:flex;}
.detail_cont .file_area .label{width:80px; font-size:16px; color:#121212; font-weight:500; flex:none;}
.detail_cont .file_area .items{flex:1; min-width:0;}
.detail_cont .file_area .items li+li{margin-top:9px;}
.detail_cont .file_area .items a{padding-right:30px; display:inline-block; max-width: 100%; font-size:16px; color:#121212; font-weight:400; line-height: 20px;}
.detail_cont .file_area .items a:after{content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:21px; height:18px; background:url('../images/common/ico_down.png') no-repeat center;}
.detail_cont .file_area .items a span{font:inherit; display:block; line-height:21px;}

.comment_input_wrap{padding:20px 30px 30px; background:#f8f9fc; display:flex; gap:13px; align-items: flex-start; flex-wrap:wrap; border-top:1px solid #d9d9d9;}
.comment_input_wrap .textarea_wrap{position:relative; flex:1;}
.comment_input_wrap .textarea_wrap .comment_textarea{padding:12px 45px 12px 20px; min-height: 70px; font-size:16px; font-weight:400;  border:1px solid #d9d9d9; border-radius: 7px; background:#fff; word-break:break-all; cursor:text;}
.comment_input_wrap .textarea_wrap .textarea{outline: none; font:inherit; border:none;}
.comment_input_wrap .textarea_wrap .textarea *{font:inherit;}
.comment_input_wrap .textarea_wrap textarea{display:block; width:100%; height:44px;}
.comment_input_wrap .textarea_wrap .emoticon_box{margin-top:15px; display:flex; align-items: flex-start; gap:25px; flex-wrap:wrap;}
.comment_input_wrap .textarea_wrap .emoticon_item{position:relative; padding:10px 10px 0 0; width:115px; height:115px;}
.comment_input_wrap .textarea_wrap .emoticon_item img{width:100%;}
.comment_input_wrap .textarea_wrap .emoticon_item .btn_del{position:absolute; right:-5px; top:-5px; width:20px; height:20px; background:url('../images/ourclass/ico_view_close.png') no-repeat center; cursor: pointer;}
.comment_input_wrap .textarea_wrap .cnt{position:absolute; right:0; bottom:-19px; font-size:14px; color:#7f7f7f; font-weight:400; line-height: 1;}
.comment_input_wrap .textarea_wrap .cnt span{font:inherit;}
.comment_input_wrap .textarea_wrap .cnt .cur{color:#121212;}
.comment_input_wrap .emoticon{position:absolute; right:10px; bottom:10px;}
.comment_input_wrap .btn_emoticon{display:block; width:25px; height:25px; background:url('../images/common/ico_emoticon.png') no-repeat center;}
.comment_input_wrap .emoticon_popup{position:absolute; right:-10px; bottom:65px; width:400px; border-radius: 10px; overflow: hidden; background:#fff; border:1px solid #d9d9d9; box-shadow: 0 4px 0 0 rgba(0,0,0,.07); z-index: 10; user-select: none; opacity:0; visibility:hidden;}
.comment_input_wrap .emoticon_popup.open{opacity:1; visibility:visible;}
.comment_input_wrap .emoticon_popup .btn_close_pop{position:absolute; right:10px; top:10px; width:20px; height:20px; background:url('../images/ourclass/ico_pop_close.png') no-repeat center / contain;}
.comment_input_wrap .emoticon_popup .customScrollBox{padding:40px 0 20px; height:304px; overflow-y: auto;}
.comment_input_wrap .emoticon_popup .emoticon_list{display:flex; flex-wrap:wrap; gap:15px;}
.comment_input_wrap .emoticon_popup .emoticon_list li{padding:0; flex:0 0 calc(33.33% - 10px); border:none;}
.comment_input_wrap .emoticon_popup .emoticon_list a{display:block; text-align: center;}
.comment_input_wrap .emoticon_popup .emoticon_list a img{max-width: 100%; max-height:74px;}
.comment_input_wrap .emoticon_popup .emoticon_swiper_wrap{position:relative; padding:0 50px; height:94px; background:#f2f2f2;}
.comment_input_wrap .emoticon_popup .emoticon_swiper{height:100%;}
.comment_input_wrap .emoticon_popup .emoticon_swiper .swiper-wrapper{align-items: center;}
.comment_input_wrap .emoticon_popup .emoticon_swiper li{padding:10px;}
.comment_input_wrap .emoticon_popup .emoticon_swiper a{display:flex; width:100%; height:100%; align-items: center; justify-content: center;}
.comment_input_wrap .emoticon_popup .emoticon_swiper a img{max-width: 100%;}
.comment_input_wrap .emoticon_popup .emot_swiper_button{position:absolute; top:50%; transform: translateY(-50%); padding:10px; cursor: pointer;}
.comment_input_wrap .emoticon_popup .emot_swiper_button:after{content:''; display:block; width:10px; height:15px;}
.comment_input_wrap .emoticon_popup .emot_prev{left:8px;}
.comment_input_wrap .emoticon_popup .emot_prev:after{background:url('../images/ourclass/arr_swiper.png') no-repeat center;}
.comment_input_wrap .emoticon_popup .emot_next{right:8px;}
.comment_input_wrap .emoticon_popup .emot_next:after{background:url('../images/ourclass/arr_swiper.png') no-repeat center; transform:rotate(180deg);}
.comment_input_wrap .emoticon_popup .emot_swiper_button.swiper-button-disabled{opacity: .3;}
.comment_input_wrap .btns .btn{display:block; width:68px; line-height: 68px; font-size:16px; font-weight:600; border-radius: 6px;}

.comment_input_wrap .mention_box{display:none; position:absolute; top:80%; padding:15px 0; min-width:140px; height:auto; max-height:194px; border:1px solid #d9d9d9; border-radius:10px; background:#fff; z-index:10;}
.comment_input_wrap .mention_box ul li{padding:0 20px; font-size:16px; color:#121212; font-weight:400; line-height:27px; cursor:pointer;}
.comment_input_wrap .mention_box ul li:hover,
.comment_input_wrap .mention_box ul li:active,
.comment_input_wrap .mention_box ul li.selected{background:#f8f9fc;}
.comment_input_wrap .comment_input_top{position:relative; display:flex; flex:none; width:100%; justify-content:space-between; align-items:center;}
.comment_input_wrap .comment_input_top .reply_private{position:relative; padding-right:10px;}
.comment_input_wrap .comment_input_top .reply_private input[type=checkbox]{display:none;}
.comment_input_wrap .comment_input_top .reply_private input[type=checkbox]+label{position:relative; padding-left:28px; display:block; font-size:15px; color:#7f7f7f; font-weight:400; line-height:18px;}
.comment_input_wrap .comment_input_top .reply_private input[type=checkbox]+label span{font:inherit; color:#2D57B6;}
.comment_input_wrap .comment_input_top .reply_private input[type=checkbox]+label:before{content:''; position:absolute; left:0; top:0; width:18px; height:18px; background:url('../images/common/ico_checkbox2.png') no-repeat center top;}
.comment_input_wrap .comment_input_top .reply_private input[type=checkbox]:checked+label:before{background-position-y:bottom;}
.comment_input_wrap .comment_input_top .cmt_info_txt{font-size:15px; color:#7f7f7f; line-height:1; text-align:right;}

.mention_name{font-size:inherit; color:#5988f3; font-weight:500;}

.comment_list_wrap{padding:28px 30px 40px; border-top:1px solid #d9d9d9;}
.comment_list_wrap .comment_total{padding-left:35px; font-size:18px; color:#121212; font-weight:500; line-height: 24px; background:url('../images/ourclass/ico_cmt2.png') no-repeat left center;}
.comment_list_wrap .comment_total span{font-size:inherit; color:#5988f3; font-weight:600;}
.comment_list_wrap .comment_list li{position:relative; padding:20px 0; border-bottom:1px solid #e5e5e5;}

.comment_list_wrap .comment_list .comment_top{padding-right:65px; display:flex; gap:20px;}
.comment_list_wrap .comment_list .comment_top h3{font-size:16px; color:#121212; font-weight:500;}
.comment_list_wrap .comment_list .comment_top h3.teacher{padding-left:20px; background:url('../images/ourclass/ico_member.png') no-repeat left center;}
.comment_list_wrap .comment_list .comment_top span{font-size:15px; color:#b0b0b0; font-weight:500;}
.comment_list_wrap .comment_list .comment_top .modules{position:absolute; display:flex; top:15px; right:0; gap:5px;}
.comment_list_wrap .comment_list .comment_top .modules .btn{padding:5px;}
.comment_list_wrap .comment_list .comment_top .modules .btn span{display:block;}
.comment_list_wrap .comment_list .comment_top .modules .btn_edit span{width:20px; height:20px; background: url('../images/ourclass/ico_edit2.png') no-repeat center / contain;}
.comment_list_wrap .comment_list .comment_top .modules .btn_del span{width:18px; height:19px; background: url('../images/ourclass/ico_del.png') no-repeat center / contain;}
.comment_list_wrap .comment_list .comment_top .secret_mention_tag{padding:0 9px; display:inline-block; font-size:14px; line-height:22px; color:#ff5454; font-weight:500; border:1px solid #ff5454; border-radius:3px;}
.comment_list_wrap .comment_list .comment_cont{margin-top:7px;}
.comment_list_wrap .comment_list .comment_cont p{font-size:16px; color:#121212; font-weight:400; line-height:1.3; word-break:break-all;}
.comment_list_wrap .comment_list .comment_cont p span{font:inherit; color:inherit;}
.comment_list_wrap .comment_list .comment_cont .comment_emoticon{margin-top:5px;}
.comment_list_wrap .comment_list .comment_cont .comment_emoticon img{max-width: 100%;}
.comment_list_wrap .comment_list .comment_cont .emoticon_box{margin-top:5px; display:flex; align-items: flex-start; gap:25px; flex-wrap:wrap;}
.comment_list_wrap .comment_list .comment_cont .emoticon_item{position:relative; padding:0; width:115px; height:115px;}
.comment_list_wrap .comment_list .comment_cont .emoticon_item img{width:100%;}
.comment_list_wrap .comment_list .comment_cont .cmt_modules{margin-top:15px;}
.comment_list_wrap .comment_list .comment_cont .cmt_modules .btn{padding:0 7px; font-size:14px; color:#4c4c4c; font-weight:500; line-height: 23px; border:1px solid #c0c2c2;}
.comment_list_wrap .comment_list .comment_cont .cmt_modules .btn i{margin-left:7px; display:inline-block; width:5px; height:23px; background:url('../images/ourclass/arr_reply.png') no-repeat center; vertical-align: top;}
.comment_list_wrap .comment_list .comment_input_wrap{padding:10px 0; border-top:none; background:transparent;}
.comment_list_wrap .comment_list .comment_input_wrap .btn{line-height: 31px;}
.comment_list_wrap .comment_list .comment_input_wrap .btn+.btn{margin-top:4px;}

/* 대댓글 */
.comment_list_wrap .reply_list{margin:20px 0 -20px; padding:0 20px; background:#f8f9fc; border-top:1px solid #d9d9d9;}
.comment_list_wrap .reply_list > li{padding-left:25px;}
.comment_list_wrap .reply_list > li:before{content:''; position:absolute; left:0; top:20px; width:15px; height:15px; background:url('../images/ourclass/ico_reply.png') no-repeat center;}
.comment_list_wrap .reply_list > li:last-child{border-bottom:none;}
.comment_list_wrap .reply_list .comment_input_wrap{padding:10px 0; border-top:none;}
.comment_list_wrap .reply_list .comment_input_wrap .btn{line-height: 31px;}
.comment_list_wrap .reply_list .comment_input_wrap .btn+.btn{margin-top:4px;}

/* 에디터 등록 영역 */
/*.editor_area{white-space:pre-line;}*/
.editor_area{font-size:20px; word-break:break-all;}
.editor_area p{font-size:inherit; line-height:1.4; word-break:break-all;}
.editor_area *{font:inherit; color:inherit; line-height:1.4;}
.editor_area ul, .editor_area ol{padding-left:40px;}
.editor_area li{list-style: inherit;}
.editor_area ol{list-style: decimal}
.editor_area ul{list-style: disc}
.editor_area ul ul{list-style: circle}
.editor_area ul ul ul{list-style: square}
.editor_area strong{font-weight:600;}
.editor_area em{font-style:italic;}
.editor_area table.table-bordered tr > :first-child{background:#f4f4f4; font-weight:600;}
.editor_area table.table-bordered th{padding:5px; border:1px solid #e3e3e3;}
.editor_area table.table-bordered td{padding:5px 10px; border:1px solid #e3e3e3;}
.editor_area img{max-width:100%;}
.editor_area video{width:100%;}

/* 내 파일함 팝업 */
.my_file_popup .pop_cont{width:1020px;}
.my_file_popup .popup_body{padding-top:40px;}
.my_file_popup .data_alert_txt{margin-bottom:10px; font-size: 16px;color: #121212;font-weight: 400;line-height:1;text-align:right;}
.my_file_popup .file_dir{padding:20px 30px; background:#dce7ff; border-radius: 10px;}
.my_file_popup .file_dir p{padding-left:40px; font-size:18px; color:#121212; font-weight:400; line-height: 24px; background:url('../images/common/ico_file.png') no-repeat left center;}
.my_file_popup .file_dir p span{font-size:inherit; font-weight:500;}
.my_file_popup .file_tab{margin-bottom:30px; display:inline-flex; background:#f2f2f2; border-radius: 10px;}
.my_file_popup .file_tab li{width:180px;}
.my_file_popup .file_tab li a{display:block; font-size:18px; color:#4c4c4c; font-weight:500; text-align:center; line-height:50px; border-radius: 10px;}
.my_file_popup .file_tab li.on a{color:#5988f3; line-height:46px; border:2px solid #5988f3; background:#fff;}
.my_file_popup .file_table{margin-top:30px;}
.my_file_popup .file_table li{padding:10px 24px; display:table; width:100%; min-height: 60px; border-bottom:1px solid #d9d9d9; table-layout: fixed;}
.my_file_popup .file_table .tb_cell{display:table-cell; vertical-align: middle;}
.my_file_popup .file_table .tb_cell.tit{padding:0 10px 0 17px; width:534px;}
.my_file_popup .file_table .tb_cell.location{padding:0 10px; width:auto;}
.my_file_popup .file_table .tb_cell.data{width:100px;}
.my_file_popup .file_table input[type=checkbox]+label{position:relative; display:block; width:28px; height:28px;}
.my_file_popup .file_table input[type=checkbox]+label:before{content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:18px; height:18px; background:url('../images/common/ico_checkbox2.png') no-repeat center top / 100% auto; border-radius:2px;}
.my_file_popup .file_table input[type=checkbox]:checked+label:before{background-position-y: bottom;}
.my_file_popup .file_table input[type=checkbox].disabled + label,
.my_file_popup .file_table input[type=checkbox]:disabled + label{color:#b0b0b0;}
.my_file_popup .file_table input[type=checkbox].disabled + label:before,
.my_file_popup .file_table input[type=checkbox]:disabled + label:before{background:#f4f4f4;}
.my_file_popup .file_table p{font-size:16px; color:#7f7f7f; font-weight:400; text-align: center;}
.my_file_popup .file_table .tb_cell.location p{text-align:left;}
.my_file_popup .file_table .ic_file{text-align: left;}
.my_file_popup .file_table .ic_file span{display:inline-block; width:100%; max-width:480px; font-size:18px; color:#121212; font-weight:500; line-height:20px; vertical-align: top; overflow: hidden; text-overflow: ellipsis;}
.my_file_popup .file_table li.nodata{padding-top:110px; height:366px; background:#f8f9fc; border-radius: 10px; border:none;}
.my_file_popup .file_table li.nodata p{padding-top:95px; font-size:20px; color:#7f7f7f; font-weight:400; line-height:1.3; text-align:center; background:url('../images/ourclass/ico_nodata.png') no-repeat center top;}

.my_file_popup .my_data_files .my_file_list_top{margin-top:0; padding:10px 30px;}
.my_file_popup .my_data_files .file_dir p{padding-left:0; background:none;}
.my_file_popup .my_data_files .file_table{margin-top:0;}
.my_file_popup .my_data_files .file_table li{padding:0; border-bottom:none;}
.my_file_popup .my_data_files .file_table li.nodata{padding-top:115px;}
.my_file_popup .my_data_files .file_table li .tb_cell{padding:16px 14px;}
.my_file_popup .my_data_files .file_table li .tb_cell .chk{display:block;}
.my_file_popup .my_data_files .my_file_list .list_item p{padding:13px 14px;}
.my_file_popup .my_data_files .paging_wrap{margin-top:35px;}
.my_file_popup  .btn_wrap{margin-top:35px;}
.my_file_popup  .btn{width:100px; flex:none; line-height: 56px;}

/* 공지 임시 저장 팝업 */
.temporary_storage_popup .pop_cont{width:680px;}
.temporary_storage_popup .popup_body{padding-top:40px;}
.temporary_storage_popup .storage_list_top{display:flex; justify-content: space-between;}
.temporary_storage_popup .storage_list_top .list_cnt{font-size:18px; color:#121212; font-weight:500; line-height: 1;}
.temporary_storage_popup .storage_list_top .list_cnt span{font-size:inherit; color:#5988f3; font-weight:600;}
.temporary_storage_popup .storage_list_top .info_txt{font-size:16px; color:#121212; font-weight:500; line-height: 18px;}
.temporary_storage_popup .storage_list_wrap{margin-top:20px; max-height: 480px;}
.temporary_storage_popup .customScrollBox .mCSB_outside+.mCSB_scrollTools{right:-17px;}
.temporary_storage_popup .storage_list li{position:relative; padding:20px 0; border-bottom:1px solid #d9d9d9;}
.temporary_storage_popup .storage_list li a{padding-right:50px; display:inline-block; max-width:100%; font-size:22px; color:#121212; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.temporary_storage_popup .storage_list li p{font-size:15px; color:#4c4c4c; font-weight:500;}
.temporary_storage_popup .storage_list li .btn_del{position:absolute; right:5px; top:20px; padding:5px;}
.temporary_storage_popup .storage_list li .btn_del span{display:block; width:18px; height:19px; background:url('../images/ourclass/ico_del.png') no-repeat center / contain;}

.page_top{position:relative; margin-top:18px; margin-bottom:18px;}
.page_top .page_sub_txt{margin-top:0;}
.page_top .page_sub_txt .tel{margin-left:3px; padding-left:22px; display:inline-block; font-size:inherit; color:#5988f3; font-weight:600; background:url('../images/common/ico_tel.png') no-repeat left center;}
.page_top .page_sub_txt strong{font-size:inherit; font-weight:600; color:#121212;}
.page_top .search_input{position:absolute; right:0; bottom:0; width:296px; border:1px solid #d9d9d9; border-radius:7px; overflow:hidden;}
.page_top .search_input input{padding:0 45px 0 18px; width:100%; height:43px; font-size:16px; font-weight:400;}
.page_top .search_input .btn_search{position:absolute; right:10px; top:50%; transform:translateY(-50%); padding:5px;}
.page_top .search_input .btn_search span{display:block; width:25px; height:25px; background:url('../images/common/ico_search.png') no-repeat center;}
.page_top .btn_faq{position:absolute; right:0; bottom:0; width:162px; font-size:18px; color:#fff; font-weight:500; line-height:45px; text-align: center; border-radius:23px; background:#5988f3;}
.page_top .btn_faq i{margin-left:7px; display:inline-block; width:8px; height:45px; vertical-align: top; background:url('../images/cs/arr_right.png') no-repeat center;}
.page_top .btn{position:absolute; right:0; bottom:0; padding:0 24px; line-height:43px; border-radius: 23px;}
.page_top .btn_add_class{position:absolute; right:0; top:0; width:165px; font-size:18px; color:#2d57b6; font-weight:500; line-height:41px; text-align:center; border:2px solid #2d57b6; border-radius: 23px;}
.page_top .btn_add_class i{margin-left:10px; display:inline-block; width:6px; height:41px; background:url('../images/mydesk/arr_right.png') no-repeat center; vertical-align:top;}
.page_top .btn_add_class.ty2{width:185px;}
.page_top .btn_class_live.ty2{position:absolute;right:0;top:-27px;padding:0 28px;width:160px;height:52px;border-radius:12px;line-height:52px;}
.page_top .btn_class_live.ty2 span{padding-left:36px;font-size:18px;}

.list_wrap{margin-top:30px; border:1px solid #d9d9d9; border-radius: 10px; overflow:hidden;}
.list_wrap ul li+li{border-top:1px solid #d9d9d9;}
.list_wrap .list_item{display:flex; align-items: center;justify-content: center;}
.list_wrap .list_item p{padding:19px 14px; min-width:0; font-size:18px; color:#7f7f7f; font-weight:500; line-height:34px; text-align:center;}
.list_wrap .list_item p.tit{text-align:left; flex:1;}
.list_wrap .list_item p.tit a{position:relative; padding-right:24px; max-width:100%; display:inline-block; font:inherit; color:#121212; line-height:34px; vertical-align:top; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.list_wrap .list_item p.tit a:hover{text-decoration: underline; text-underline-position: under;}
.list_wrap .list_item p.tit a.new:after{content:''; position:absolute; right:0; top:50%; width:16px; height:16px; margin-top: -8px; background:url('../images/common/ico_new.png') no-repeat center;}
.list_wrap .list_item p.tit a.ic_file{padding-left:35px;}
.list_wrap .list_item p.date{font-size:16px; font-weight:400;}
.list_wrap .list_item.list_head{background:#dce7ff;}
.list_wrap .list_item.list_head p{font-size:18px; font-weight:500; color:#121212; text-align:center;}
.list_wrap li.nodata{padding-top:130px; background:#f8f9fc; height:437px; border:none;}
.list_wrap li.nodata p{padding-top:95px; font-size:20px; color:#7f7f7f; font-weight:400; line-height:1.3; text-align:center; background:url('../images/ourclass/ico_nodata.png') no-repeat center top;}

.notice_list .list_item p.num{width:112px;}
.notice_list .list_item p.date{width:150px;}

.notice_detail{margin-top:40px;}
.notice_detail .detail_top{padding:17px 40px; display:flex; justify-content:space-between; align-items:center; background:#dce7ff; gap:80px;}
.notice_detail .detail_top h3{font-size:22px; color:#121212; font-weight:500; line-height:1.3; flex:1;}
.notice_detail .detail_top p{font-size:16px; color:#121212; font-weight:400; flex:none;}
.notice_detail .detail_cont{padding:0 40px;}
.notice_detail .detail_cont .editor_area{padding:35px 0; min-height: 250px;}
.notice_detail .detail_cont .editor_area p{font-size:18px;}
.notice_detail .detail_cont .file_area{padding:30px 0 40px;}
.notice_detail .detail_cont .file_area .label{width:130px;}

.notice_btn_wrap{margin-top:20px; border-radius: 10px; overflow: hidden; border:1px solid #d9d9d9;}
.notice_btn_wrap div{background:#f8f9fc; display:flex;}
.notice_btn_wrap div+div{border-top:1px solid #d9d9d9;}
.notice_btn_wrap div p{padding:20px 39px; font-size:18px; color:#4c4c4c; font-weight:500; line-height: 24px; flex:none;}
.notice_btn_wrap div p.tit{flex:1; min-width:0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.notice_btn_wrap div p.tit a{font:inherit; color:#7f7f7f;}
.notice_btn_wrap div p.tit.nodata{color:#7f7f7f;}
.notice_btn_wrap div p.date{font-size:16px; color:#7f7f7f; font-weight:400;}

.filter_wrap{margin-top:30px; display:flex; gap:8px 4px; flex-wrap:wrap;}
.filter_wrap .btn{padding:0 25px; display:inline-block; font-size:18px; color:#121212; font-weight:500; line-height: 43px; border:1px solid #d9d9d9; border-radius: 23px; background:#f8f9fc;}
.filter_wrap .btn.on{color:#fff; background:#5988f3; border-color:#5988f3;}

.faq_list .list_item p.type{padding-left:40px; width:182px; text-align: left;}
.faq_list .list_item p.tit{padding-right:40px;}
.faq_list .list_item p.tit a{padding-right:40px; display:block; white-space:wrap; word-break:keep-all;}
.faq_list .list_item p.tit a:before{content:''; position:absolute; right:0; top:50%; margin-top:-15px; width:30px; height:30px; background:url('../images/common/arr_list_down.png') no-repeat center;}
.faq_list .list_item.list_head p.tit{padding-right:14px;}
.faq_list .list_detail{display:none; padding:25px 40px; background:#f3f6fe;}
.faq_list .list_detail p{font-size:18px; color:#121212; font-weight:400;}
.faq_list .open .list_item p.type{color:#121212;}
.faq_list .open .list_item p.tit a{color:#2d57b6;}
.faq_list .open .list_item p.tit a:before{transform:rotate(180deg);}

.edit_table{margin-top:30px; border:1px solid #d9d9d9; border-radius: 10px; overflow:hidden;}
.edit_table table{width:100%;}
.edit_table tr+tr{border-top:1px solid #d9d9d9;}
.edit_table tr th{padding:15px 10px 15px 40px; background:#f8f9fc;}
.edit_table tr th p{position:relative; padding-left:10px; font-size:18px; color:#121212; font-weight:500; line-height: 45px; text-align:left;}
.edit_table tr th p.required:before{content:'*'; position:absolute; left:0; color:#ee1f1f; font-weight:500; vertical-align: top;}
.edit_table tr td{padding:15px 40px;}
.edit_table tr td input[type=text]{padding:0 18px; min-width:0; max-width:100%; height:45px; font-size:16px; color:#121212; font-weight:500; border:1px solid #d9d9d9; border-radius: 7px;}
.edit_table tr td textarea{display:block; padding:12px 19px; width:100%; height:250px; font-size:16px; color:#121212; font-weight:500; border:1px solid #d9d9d9; border-radius: 7px; outline:none;}
.edit_table tr td .file_wrap input[type=text]{color:#7f7f7f; font-weight:400;}
.edit_table tr td .file_wrap .btn{margin-left:10px; width:96px; font-size:16px; font-weight:600; line-height: 43px; vertical-align: top;}
.edit_table tr td .file_wrap span{margin-left:10px; font-size:16px; color:#ee1f1f; font-weight:400; line-height: 45px; vertical-align: top;}
.inquiry_agree{margin-top:30px; padding:30px 40px; background:#f8f9fc; border:1px solid #d9d9d9; border-radius:10px;}
.inquiry_agree h5{font-size:18px; color:#121212; font-weight:500; line-height: 1;}
.inquiry_agree ul{margin-top:17px;}
.inquiry_agree ul li{position:relative; padding-left:13px; font-size:16px; color:#4c4c4c; font-weight:400; line-height: 22px;}
.inquiry_agree ul li:before{content:''; position:absolute; left:0; top:9px; width:4px; height:4px; background:#4c4c4c; border-radius: 50%;}
.inquiry_agree input[type=checkbox]+label{position:relative; margin-top:29px; padding-left:29px; display:inline-block; font-size:18px; color:#2d57b6; font-weight:400; line-height: 1;}
.inquiry_agree input[type=checkbox]+label:before{content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:18px; height:18px; background:url('../images/common/ico_checkbox2.png') no-repeat center top;}
.inquiry_agree input[type=checkbox]:checked+label:before{background-position-y: bottom;}

.my_inquiry_list{margin-top:18px;}
.my_inquiry_list .list_item p.type{padding-left:40px; width:177px; text-align: left;}
.my_inquiry_list .list_item p.tit{padding-left:48px;}
.my_inquiry_list .list_item p.date{width:106px;}
.my_inquiry_list .list_item p.state{width:180px;}
.my_inquiry_list .list_item .badge_type{width:102px;}
.my_inquiry_list .list_item.list_head p{padding:19px 14px; text-align: center;}
.my_inquiry_list li.nodata{padding-top:130px; background:#f8f9fc; height:437px; border:none;}
.my_inquiry_list li.nodata p{padding-top:95px; font-size:20px; color:#7f7f7f; font-weight:400; line-height:1; text-align:center; background:url('../images/ourclass/ico_nodata.png') no-repeat center top;}

.my_inquiry_detail .detail_top{gap:30px;}
.my_inquiry_detail .badge_type{width:102px;}
.my_inquiry_detail .detail_cont{padding-bottom:40px;}
.my_inquiry_detail .detail_cont .reply_cont{padding:30px 40px; background:#f3f6fe; border-radius: 10px;}
.my_inquiry_detail .detail_cont .reply_cont h6{position:relative; margin-bottom:17px;}
.my_inquiry_detail .detail_cont .reply_cont h6:before{content:''; position:absolute; left:-22px; top:0; width:15px; height:15px; background:url('../images/ourclass/ico_reply.png') no-repeat center;}
.my_inquiry_detail .detail_cont .reply_cont h6 .badge_type{color:#fff; background:#5988f3; border-color:#5988f3;}
.my_inquiry_detail .detail_cont .reply_cont .editor_area{padding:0; min-height:0;}

.article_wrap{padding:36px;margin-top:60px;position:relative;border:2px solid #618df3; border-radius:12px;}
.my_file_list_top{padding:18px 40px; display:flex; align-items:center; background:#F8F9FB; border-radius: 10px; gap:20px;}
.my_file_list_top .file_dir{padding-left:40px; max-width:100%; min-width:0; flex:1; display:flex; align-items: center; background:url('../images/common/ico_file3.png') no-repeat left center;}
.my_file_list_top .file_dir.ico_dash{padding-left:40px; max-width:100%; min-width:0; flex:1; display:flex; align-items: center; background:url('../images/common/ico_dashboard.png') no-repeat left center;}
.my_file_list_top .file_dir p{position:relative; min-width:0; font-size:20px; font-weight:400; line-height: 25px;}
.my_file_list_top .file_dir p span{font:inherit;}
.my_file_list_top .file_dir p+p{margin-left:28px;}
.my_file_list_top .file_dir p+p:before{content:'>'; position:absolute; left:-18px; top:50%; transform:translateY(-50%); font-weight:400;}
.my_file_list_top .file_dir a{position:relative; max-width:100%; display:inline-block; font-size:20px; color:#121212; font-weight:400; line-height: 25px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis; vertical-align:top;}
.my_file_list_top .file_dir a.on,.my_file_list_top .file_dir a:hover{font-weight:500;}
.my_file_list_top .file_dir a.on:after,.my_file_list_top .file_dir a:hover:after{content:''; position:absolute; left:0; right:0; bottom:0; height:1px; background:#121212;}
.my_file_list_top .file_dir p:first-child,
.my_file_list_top .file_dir p:last-child{flex:none;}
.my_file_list_top .file_dir p:last-child a{cursor: auto;}
.my_file_list_top .modules{flex:none; display:flex; gap:10px;}
.my_file_list_top .modules select{min-width:132px; height:45px; border-radius: 23px;}
.my_file_list_top .modules .btn_upload{width:114px; line-height:43px; border-radius:23px;}
.my_file_list_top .modules .btn_upload i{margin-right:5px; display:inline-block; width:12px; height:43px; background:url('../images/common/arr_up.png') no-repeat center; vertical-align:top;}

.my_file_list{position:relative; overflow: visible;}
.my_file_list.nodataMargin{margin-bottom:130px;}
.my_file_list > ul{border-radius:10px; overflow:hidden;}
.my_file_list .list_item .tit{padding-left:40px;}
.my_file_list .list_item .tit .ic_file i{top:50%; margin-top:-10px;}
.my_file_list .list_item .tit .ic_file span{font:inherit;}
.my_file_list .list_item .tit .location{position:relative; margin-top:5px; padding-left:10px; display:block; font-size:16px; color:#7f7f7f; font-weight:500; line-height:21px;}
.my_file_list .list_item .tit .location:before{content:''; position:absolute; left:0; top:8px; width:5px; height:5px; background:#7f7f7f; border-radius:50%;}
.my_file_list .list_item .date{width:110px;}
.my_file_list .list_item .byte{width:110px; font-size: 16px; font-weight: 400;}
.my_file_list .list_item .button .btn{padding:5px; display:flex; align-items: center; justify-content: center;}
.my_file_list .list_item .button .btn span{display:block;}
.my_file_list .list_item .button.down{width:75px;}
.my_file_list .list_item .button.down .btn span{width:25px; height:21px; background:url('../images/common/ico_down2.png') no-repeat center;}
.my_file_list .list_item .button.down.disabled .btn span{background-image:url('../images/common/ico_down2_dis.png')}
.my_file_list .list_item .button.del{padding-right:35px; width:77px;}
.my_file_list .list_item .button.del .btn span{width:18px; height:19px; background:url('../images/common/ico_del2.png') no-repeat center;}
.my_file_list .list_item .button.share{width:75px;}
.my_file_list .list_item .button.share .btn span{width:19px; height:21px; background:url('../images/common/ico_share.png') no-repeat center;}
.my_file_list .list_item .button.share.disabled .btn span{background-image:url('../images/common/ico_share_dis.png');}
.my_file_list .list_item .button.disabled{cursor:auto;}
.my_file_list .btn_folder{position:absolute; top:calc(100% + 30px); left:0; width:114px; line-height:43px; border-radius:23px; font-weight:500;}

.my_file_storage_info{margin-top:46px; padding:29px 40px; display:flex; align-items: center; justify-content: space-between; border:1px solid #d9d9d9; background:#f8f9fc; border-radius: 10px;}
.my_file_storage_info p{font-size:18px; color:#4c4c4c; font-weight:500; line-height:1;}
.my_file_storage_info > p span{font-size:inherit; font-weight:600;}
.my_file_storage_info .info{width:580px;}
.my_file_storage_info .info .txt{display:flex; justify-content: space-between; align-items: center;}
.my_file_storage_info .info .txt p{font-size:16px;}
.my_file_storage_info .info .txt span{font:inherit; color:#5988f3;}
.my_file_storage_info .info .txt em{font:inherit;}
.my_file_storage_info .info .bar{margin-top:10px; width:100%; height:9px; background:#dfe3ed; border-radius: 5px; overflow: hidden;}
.my_file_storage_info .info .bar .cur{height:100%; border-radius: 5px; background:#5988f3;}


.my_info_pw_check{margin-top:38px; padding:60px; border:1px solid #d9d9d9; border-radius: 10px;}
.my_info_pw_check h4{margin-bottom:50px; font-size:22px; color:#121212; font-weight:500; line-height:1; text-align:center;}
.my_info_pw_check h5{margin-bottom:50px; font-size:18px; color:#5988f3; font-weight:500; text-align:center; line-height:1;}
.my_info_pw_check .input_wrap{margin:0 auto; width:558px;}
.my_info_pw_check .input_wrap p.txt_alert{margin-top:8px; padding-left:12px;}
.my_info_pw_check .btn_wrap{margin-top:25px; gap:15px;}
.my_info_pw_check .btn_wrap .btn{padding:0 34px; min-width:100px; font-size:16px; font-weight:500;}
.my_info_pw_check .login_btn{margin:0 auto; display:block; width:275px; font-size:18px; font-weight:400; line-height:62px; text-align: center; border-radius:6px;}
.my_info_pw_check .login_btn i{display:inline-block; height:62px; vertical-align:top;}
.my_info_pw_check .login_btn.naver{color:#fff; background:#41c65a;}
.my_info_pw_check .login_btn.naver i{margin-right:10px; width:20px; background:url('../images/account/ico_naver.png') no-repeat center;}
.my_info_pw_check .login_btn.kakao{color:#473235; background:#fbe51d;}
.my_info_pw_check .login_btn.kakao i{margin-right:6px; width:27px; background:url('../images/account/ico_kakao.png') no-repeat center;}
.my_info_pw_check .google_box{position:relative; margin:0 auto; width:275px; height:62px;}
.my_info_pw_check .login_btn.google{position:absolute; left:0; right:0; top:0; bottom:0; background: #fff; color:#1f1f1f; font-family:'Roboto','Noto Sans KR', 'sans-serif'; font-weight:500; line-height:60px; border:1px solid #747775;}
.my_info_pw_check .login_btn.google i{margin-right:6px; width:22px; background:url('../images/account/ico_google.png') no-repeat center;}
.my_info_pw_check .google_box div.login_google{height:62px;opacity:0;}
.my_info_pw_check .google_box div.login_google > div *{width:100%; height:62px;}
.my_info_pw_check .google_box div.login_google iframe{display:none !important; width:100%!important;height:62px !important;margin:0 !important;}
.my_info_pw_check .login_naver_wrap{position:relative; margin:0 auto; width:275px;}
.my_info_pw_check .login_naver_wrap .naver_btn{position:absolute; left:0; right:0; bottom:0; top:0; opacity:0;}
.my_info_pw_check .login_naver_wrap .naver_btn a{display:block; width:100%; height:100%;}


.my_certification_wrap{margin-top:40px; border:1px solid #d9d9d9; border-radius: 10px; overflow: hidden;}
.my_certification_wrap .certi_top{padding:18px 40px; display:flex; justify-content:space-between; align-items: center; background:#f8f9fc;}
.my_certification_wrap .certi_top p{font-size:16px; color:#4c4c4c; font-weight:500; line-height:22px;}
.my_certification_wrap .certi_top p em{font:inherit;}
.my_certification_wrap .certi_top p span{font-size:inherit; font-weight:600;}
.my_certification_wrap .certi_top .btn_certi{width:238px; font-size:18px; color:#f8f9fc; font-weight:400; line-height:54px; background:#5988f3; border-radius:6px;}
.my_certification_wrap .certi_top .btn_certi i{margin-left:10px; display:inline-block; width:14px; height:54px; background:url('../images/cs/arr_up.png') no-repeat center; vertical-align:top; transform:rotate(180deg);}
.my_certification_wrap .certi_top .btn_certi.on i{ transform:rotate(0)}
.my_certification_wrap .certi_cont{display:none; padding:18px 38px 30px; border-top:1px solid #d9d9d9;}
.my_certification_wrap .certi_cont .certi_box{display:flex; justify-content: space-between; align-items: center;}
.my_certification_wrap .certi_cont strong{font-size:18px; color:#4c4c4c;font-weight:600; line-height:1;}
.my_certification_wrap .certi_cont p{margin-top:7px; font-size:16px; color:#4c4c4c; font-weight:500; line-height:1;}
.my_certification_wrap .certi_cont p span{font:inherit; color:#5988f3;}
.my_certification_wrap .certi_cont .rdo_wrap{display:flex; gap:8px;}
.my_certification_wrap .certi_cont .rdo_wrap input[type=radio] + label{padding:10px 22px; min-width:161px; display:block; border:2px solid #d9d9d9; border-radius:28px; text-align:center;}
.my_certification_wrap .certi_cont .rdo_wrap input[type=radio] + label p{margin-top:0; font-size:16px; color:#4c4c4c; font-weight:500; line-height:17px;}
.my_certification_wrap .certi_cont .rdo_wrap input[type=radio] + label span{margin-top:3px; display:block; font-size:12px; color:#4c4c4c; font-weight:500; line-height:1;}
.my_certification_wrap .certi_cont .rdo_wrap input[type=radio]:checked + label{border-color:#2d57b6;}
.my_certification_wrap .certi_cont .rdo_wrap input[type=radio]:checked + label p{color:#2d57b6;}
.my_certification_wrap .certi_cont .rdo_wrap input[type=radio]:checked + label span{color:#2d57b6;}
.my_certification_wrap .certi_cont .btns{display:flex; gap:8px;}
.my_certification_wrap .certi_cont .btns .btn{padding:10px 22px; min-width:161px; border:2px solid #d9d9d9; border-radius:28px;}
.my_certification_wrap .certi_cont .btns .btn p{margin-top:0; font-size:16px; color:#4c4c4c; font-weight:500; line-height:17px;}
.my_certification_wrap .certi_cont .btns .btn span{margin-top:3px; display:block; font-size:12px; color:#4c4c4c; font-weight:500; line-height:1;}
.my_certification_wrap .certi_cont .btns .btn.on{border-color:#2d57b6;}
.my_certification_wrap .certi_cont .btns .btn.on p{color:#2d57b6;}
.my_certification_wrap .certi_cont .btns .btn.on span{color:#2d57b6;}
.my_certification_wrap .certi_cont ul{margin-top:15px;}
.my_certification_wrap .certi_cont ul li{font-size:16px; color:#666; font-weight:400; line-height:1;}
.my_certification_wrap .certi_cont ul li+li{margin-top:6px;}
.my_certification_wrap+.my_info_wrap{margin-top:20px;}

.my_info_wrap{position:relative; margin-top:40px; padding:20px 40px 60px; border:1px solid #d9d9d9; border-radius:10px;}
.my_info_wrap .txt_info{position:absolute; top:30px; right:40px; padding-left:10px; font-size:14px; color:#4c4c4c; font-weight:500; line-height:1;}
.my_info_wrap .txt_info:before{content:'*'; position:absolute; left:0; top:0; color:#ee1f1f;}
.my_info_wrap dl{padding:11px 0; display:flex; border-bottom:1px solid #d9d9d9;}
.my_info_wrap dl.ty2{background:#f8f9fc;}
.my_info_wrap dl dt{width:240px; flex:none;}
.my_info_wrap dl dt p{position:relative; padding-left:14px; font-size:18px; color:#121212; font-weight:500; line-height:52px;}
.my_info_wrap dl dt p.required:before{content:'*'; position:absolute; left:0; top:0; color:#ee1f1f;}
.my_info_wrap dl dd{flex:1;}
.my_info_wrap dl dd p{font-size:18px; color:#121212; font-weight:500; line-height:52px;}
.my_info_wrap dl dd p .ico_sns{margin-left:15px; display:inline-block; width:30px; height:52px; vertical-align: top;}
.my_info_wrap dl dd p .ico_sns.naver{background:url('../images/cs/ico_naver.png') no-repeat center;}
.my_info_wrap dl dd p .ico_sns.kakao{background:url('../images/cs/ico_kakao.png') no-repeat center;}
.my_info_wrap dl dd p .ico_sns.google{background:url('../images/cs/ico_google.png') no-repeat center;}
.my_info_wrap dl dd .btn{width:160px; line-height:50px;}
.my_info_wrap dl dd .input_wrap.fl{gap:15px;}
.my_info_wrap dl dd .input_wrap input{padding:0 30px; width:383px; height:52px; font-size:18px; color:#121212; font-weight:400; border:1px solid #c0c2c2; border-radius:5px;}
.my_info_wrap dl dd p.txt_alert{margin:0; padding:0; font-size:16px;}
.my_info_wrap dl dd .input_wrap.chk{gap:45px;}
.my_info_wrap dl dd .input_wrap.chk input[type=checkbox]+label{position:relative; padding-left:25px; font-size:18px; color:#121212; font-weight:400; line-height:52px;}
.my_info_wrap dl dd .input_wrap.chk input[type=checkbox]+label:before{content:''; position:absolute; left:0; top:50%; margin-top:-9px; width:18px; height:18px; background:url('../images/common/ico_checkbox2.png') no-repeat center top / 100% auto;}
.my_info_wrap dl dd .input_wrap.chk input[type=checkbox]:checked+label:before{background-position-y:bottom;}
.my_info_wrap dl dd .input_wrap.sns input[type=checkbox]+label{padding:0 90px 0 0; display:inline-flex; align-items:center;}
.my_info_wrap dl dd .input_wrap.sns input[type=checkbox]+label:before{display:none;}
.my_info_wrap dl dd .input_wrap.sns input[type=checkbox]+label i{margin-right:8px; display:inline-block; width:30px; height:30px;}
.my_info_wrap dl dd .input_wrap.sns input[type=checkbox]+label span{position:absolute; right:0; top:50%; margin-top:-13px; width:75px; height:30px; background:#b0b0b0; border-radius: 15px; transition:background .3s;}
.my_info_wrap dl dd .input_wrap.sns input[type=checkbox]+label span:before{content:'OFF'; position:absolute; left:34px; top:0; font-size:16px; color:#fff; font-weight:500; line-height:30px;}
.my_info_wrap dl dd .input_wrap.sns input[type=checkbox]+label span:after{content:''; position:absolute; left:3px; top:3px; width:24px; height:24px; background:#fff; border-radius:50%; transition:.3s;}
.my_info_wrap dl dd .input_wrap.sns input[type=checkbox]:checked+label span{background:#5988f3;}
.my_info_wrap dl dd .input_wrap.sns input[type=checkbox]:checked+label span:before{content:'ON'; left:12px;}
.my_info_wrap dl dd .input_wrap.sns input[type=checkbox]:checked+label span:after{left:48px;}
.my_info_wrap dl dd .input_wrap.sns .naver input[type=checkbox]+label i{background:url('../images/cs/ico_naver.png') no-repeat center;}
.my_info_wrap dl dd .input_wrap.sns .kakao input[type=checkbox]+label i{background:url('../images/cs/ico_kakao.png') no-repeat center;}
.my_info_wrap dl dd .input_wrap.sns .google{position:relative;}
.my_info_wrap dl dd .input_wrap.sns .google input[type=checkbox]+label i{background:url('../images/cs/ico_google.png') no-repeat center;}
.my_info_wrap dl dd .input_wrap.sns .google div.login_google{position:absolute; left:0; right:0; top:0; bottom:0;height:52px;opacity:0; z-index:1;}
.my_info_wrap dl dd .input_wrap.sns .google div.login_google > div *{width:100%; height:52px;}
.my_info_wrap dl dd .input_wrap.sns .google div.login_google iframe{display:none !important; width:100%!important;height:52px !important;margin:0 !important;}

.my_info_wrap .btn_wrap .btn{width:200px;}

.pw_change_pop .pop_cont{width:680px;}
.pw_change_pop .popup_body{padding:40px 30px 0;}
.pw_change_pop .txt_alert{margin-top:8px; padding-left:12px;}
.pw_change_pop .btn_wrap{margin-top:15px;}
.pw_change_pop .btn_wrap .btn{min-width:100px; font-weight:500;}
.pw_change_pop .btn_wrap .btn_type5{border-width:2px; line-height:54px;}

.leave_info{margin-top:30px; padding:25px 40px; background:#f8f9fc; border-radius: 10px; border:1px solid #d9d9d9;}
.leave_info h4{font-size:20px; color:#121212; font-weight:500; line-height:1;}
.leave_info h4 span{font:inherit; color:#5988f3;}
.leave_info ul{margin-top:20px;}
.leave_info ul li{position:relative; padding-left:12px; font-size:18px; color:#4c4c4c; font-weight:400; line-height:1;}
.leave_info ul li+li{margin-top:10px;}
.leave_info ul li:before{content:''; position:absolute; left:0; top:50%; transform: translateY(-50%); width:4px; height:4px; background:#4c4c4c; border-radius: 50%;}
.leave_info+.my_info_pw_check{margin-top:30px;}

.term_pop .popup_head h2 span{font:inherit;}
.term_pop .pop_cont{width:730px;}
.term_pop .popup_body{padding-top:20px;}
.term_pop .term_box{max-height:576px;}
.term_pop .term_box .serviceContent{padding:0;}
.term_pop .term_box .serviceContent .tit:first-child{margin-top:0;}

/* 클래스 관리/정보 */
.class_tab{margin-top:35px; display:inline-flex; background:#f2f2f2; border-radius: 10px;}
.class_tab li{position:relative;}
.class_tab li:after{content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:18px; background:#d9d9d9;}
.class_tab li:last-child:after{display:none;}
.class_tab li a{display:block; width:180px; font-size:18px; color:#4c4c4c; font-weight:500; line-height:50px; text-align: center; border-radius: 10px;}
.class_tab li.on:after{display:none;}
.class_tab li.on a{color:#5988f3; line-height:46px; background:#fff; border:2px solid #5988f3;}

.class_info_box{margin-top:35px; padding:30px; background:#f3f6fe; border-radius: 10px;}
.class_info_box h4{margin-bottom:17px; font-size:22px; color:#2d57b6; font-weight:600; line-height:1;}
.class_info_box p{font-size:16px; color:#4c4c4c; font-weight:400; line-height:1.3;}
.class_info_box .btn_box{margin-top:20px; padding-bottom:10px; display:flex; justify-content:center;}
.class_info_box .btn_box .btn{position:relative; width:150px; height:130px; border-radius: 20px; background:#fff; border:1px solid #5988f3;}
.class_info_box .btn_box .btn+.btn{margin-left:30px;}
.class_info_box .btn_box .btn i{margin:0 auto 10px; display:block; width:30px; height:30px; background-repeat: no-repeat; background-position:center;}
.class_info_box .btn_box .btn span{font-size:18px; color:#121212; font-weight:500; line-height:1.3;}
.class_info_box .btn_box .btn.qr i{background-image:url('../images/ourclass/ico_qr.png');}
.class_info_box .btn_box .btn.msg i{background-image:url('../images/ourclass/ico_msg.png');}
.class_info_box .btn_box .btn.code i{background-image:url('../images/ourclass/ico_code.png');}
.class_info_box .btn_box .btn.print{margin-left:70px; background:#ffeeee;}
.class_info_box .btn_box .btn.print:before{content:''; position:absolute; left:-36px; top:50%; transform:translateY(-50%); width:1px; height:80px; background:#d8dadf;}
.class_info_box .btn_box .btn.print i{background-image:url('../images/ourclass/ico_print.png');}
.class_info_box .txt_list li{position:relative; padding-left:15px; font-size:16px; color:#4c4c4c; font-weight:400; line-height:1.3;}
.class_info_box .txt_list li+li{margin-top:3px;}
.class_info_box .txt_list li:before{content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:5px; height:5px; background:#7f7f7f; border-radius:50%;}

.class_st_list{margin-top:40px;}
.class_st_list ul{border:1px solid #d9d9d9; border-radius: 10px;}
.class_st_list ul+ul{margin-top:10px;}
.class_st_list ul li{padding:15px 30px 12px; min-height:73px; display:flex; align-items:center; background:#fff;}
.class_st_list ul li:first-child{border-top-left-radius:10px; border-top-right-radius:10px;}
.class_st_list ul li:last-child{border-bottom-left-radius:10px; border-bottom-right-radius:10px;}
.class_st_list ul li+li{border-top:1px solid #d9d9d9;}
.class_st_list ul li .list_item{position:relative;}
.class_st_list ul li .list_item p{padding-right:10px; font-size:18px; color:#4c4c4c; font-weight:400; line-height:25px; word-break:break-all;}
.class_st_list ul li .list_item input[type=checkbox] + label{position:relative; padding-left:18px; min-height:18px;}
.class_st_list ul li .list_item input[type=checkbox] + label:after{content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:18px; height:18px; background:url('../images/common/ico_checkbox2.png') no-repeat center top / 100% auto;}
.class_st_list ul li .list_item input[type=checkbox]:checked + label:after{background-position-y:bottom;}
.class_st_list ul li .title{flex:1;}
.class_st_list ul li .title p{display:inline-block; font-size:18px; color:#4c4c4c; font-weight:600; vertical-align:middle;}
.class_st_list ul li .title .modules{display:inline-flex; vertical-align:middle;}
.class_st_list ul li .title .modules .btn{padding:1px 8px;}
.class_st_list ul li .title .modules .btn span{display:block; width:23px; height:23px;}
.class_st_list ul li .title .modules .btn.btn_edit span{background:url('../images/ourclass/ico_edit2.png') no-repeat center;}
.class_st_list ul li .title .modules .btn.btn_del span{background:url('../images/ourclass/ico_del.png') no-repeat center;}
.class_st_list ul li .chk{width:30px;}
.class_st_list ul li .num{width:74px;}
.class_st_list ul li .name{width:100px;}
.class_st_list ul li .id{width:185px;}
.class_st_list ul li .phone{width:150px;}
.class_st_list ul li .phone span{margin-left:4px; font:inherit; color:#5988f3;}
.class_st_list ul li .txt{flex:1;}
.class_st_list ul li .btns{display:flex; gap:10px; flex:1; justify-content:flex-end;}
.class_st_list ul li [class*="btn_type"]{padding:0 17px; font-size:16px; font-weight:500; line-height:43px; border-radius: 23px;}
.class_st_list ul li [class*="btn_type"].min96{min-width:96px;}
.class_st_list ul li .btn_type5{line-height:41px;}
.class_st_list ul li .btn_type10{line-height:41px; border-width:2px;}
.class_st_list ul li .btn_box{position:relative; display:flex; gap:10px;}
.class_st_list ul li .btn_box .class_close_layer{position:absolute; top:0; right:calc(100% + 14px); padding:10px 14px; background:#fff; border:2px solid #ff5454; border-radius: 10px; box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.07); z-index:1;}
.class_st_list ul li .btn_box .class_close_layer:after{content:''; position:absolute; top:15px; right:-11px; width:11px; height:17px; background:url('../images/ourclass/arr_class_close.png') no-repeat center;}
.class_st_list ul li .btn_box .class_close_layer p{font-size:16px; color:#4c4c4c; font-weight:400; line-height:1.3; white-space: nowrap;}
.class_st_list ul li .btn_box .class_close_layer .btn_layer_close{position:absolute; top:9px; right:4px; padding:5px;}
.class_st_list ul li .btn_box .class_close_layer .btn_layer_close span{display:block; width:10px; height:10px; background:url('../images/ourclass/ico_view_close.png') no-repeat center;}
.class_st_list ul li .toggle{padding:0 25px; width:180px; text-align:center;}
.class_st_list ul li .toggle p{padding:0; font-size:18px; color:#4c4c4c; font-weight:400; line-height:32px;}
.class_st_list ul li .toggle input[type=checkbox] + label{padding:3px; display:inline-flex; background:#b0b0b0; border-radius:16px;}
.class_st_list ul li .toggle input[type=checkbox] + label:after{display:none;}
.class_st_list ul li .toggle input[type=checkbox] + label span{flex:none; width:56px; font-size:15px; font-weight:500; line-height:26px; text-align:center; border-radius:13px;}
.class_st_list ul li .toggle input[type=checkbox] + label span.on{color:#fff; background:transparent;}
.class_st_list ul li .toggle input[type=checkbox] + label span.off{color:#4c4c4c; background:#fff;}
/*.class_st_list ul li .toggle input[type=checkbox]:checked + label{background:#5988f3}*/
/*.class_st_list ul li .toggle input[type=checkbox]:checked + label span.on{color:#5988f3; background:#fff;}*/
.class_st_list ul li .toggle input[type=checkbox]:checked + label span.on{color:#4c4c4c; background:#fff;}
.class_st_list ul li .toggle input[type=checkbox]:checked + label span.off{color:#fff; background:transparent;}
.class_st_list ul li .toggle.wid2{width:188px;}
.class_st_list ul li .toggle.wid2 input[type=checkbox] + label span{width:66px;}
.class_st_list ul li .toggle.wid3{padding-right:0; width:150px;}
.class_st_list ul li.head{padding:10px 30px; background:#f8f9fc;}
.class_st_list ul li.head p{padding:0; font-size:18px; color:#4c4c4c; font-weight:600;}
.class_st_list ul li.head .tit{flex:1;}
.class_st_list ul li.head .tit p{font-size:22px; color:#121212;}
.class_st_list ul li.head [class*="btn_type"]{border-radius:7px;}
.class_st_list ul li.ty2 .name p{color:#b0b0b0;}
.class_st_list ul.close li{background:#f8f9fc;}
.class_st_list ul.close li:not(.head) .list_item p{color:#b0b0b0;}
.class_st_list ul.close li:not(.head) .out p{font-size:16px; color:#4c4c4c;}
.class_st_list ul.close li.head{padding:23px 30px;}
.class_st_list ul.close li.head span{margin-top:8px; display:block; font-size:16px; color:#4c4c4c; font-weight:400; line-height:1;}
.class_st_list ul li.nodata{padding:100px 0;}
.class_st_list ul li.nodata p{width:100%; text-align:center; font-size:16px;}

.set_container{margin-top:40px; border:1px solid #d9d9d9; border-radius:10px;}
.set_container+.set_container{margin-top:20px;}
.set_container .set_box{padding:30px; display:flex; align-items:center; justify-content:space-between;}
.set_container .set_box+.set_box{border-top:1px solid #d9d9d9}
.set_container .set_box h6{font-size:18px; color:#121212; font-weight:500; line-height:1;}
.set_container .set_box p{margin-top:5px; font-size:16px; color:#4c4c4c; font-weight:400; line-height:1.3;}
.set_container .set_box strong{margin-top:10px; display:block; font-size:16px; color:#2d57b6; font-weight:500; line-height:1;}
.set_container .set_box .module .btn{padding:0 18px; font-size:16px; line-height:43px; font-weight:500; border-radius: 7px;}
.set_container .set_box .module input[type=checkbox] + label{position:relative; display:block; width:56px; height:30px; background:#d9d9d9; border-radius: 15px; transition:.3s;}
.set_container .set_box .module input[type=checkbox] + label span{position:absolute; left:3px; top:3px; width:24px; height:24px; background:#fff; border-radius: 50%; transition:.3s;}
.set_container .set_box .module input[type=checkbox]:checked + label{background:#5988f3;}
.set_container .set_box .module input[type=checkbox]:checked + label span{left:29px;}

/* 클래스 관리 얼럿 팝업 */
.our_alert_pop .pop_cont{width:400px;}
.our_alert_pop.ty2 .pop_cont{width:500px;}
.our_alert_pop .pop_cont p{font-size:20px; color:#000; font-weight:500; line-height:1.3; text-align: center;}
.our_alert_pop .pop_cont p span{font:inherit; color:#2d57b6;}
.our_alert_pop .pop_cont .btn_center [class*="btn_type"]{min-width:100px;}

/* 학생 관리 팝업 */
.st_manage_pop .pop_cont{width:520px;}
.st_manage_pop .btn{margin-left:10px; font-size:16px; font-weight:600; line-height:43px; border-radius: 7px;}
.st_manage_pop .btn:disabled{padding:0 6px; font-size:15px;}
.st_manage_pop .popup_body{padding-top:40px;}
.st_manage_pop .edit_table tr th{padding:13px 29px 13px 30px;}
.st_manage_pop .edit_table tr th p{padding-left:0; color:#4c4c4c; font-weight:400;}
.st_manage_pop .edit_table tr td{padding:13px 30px;}
.st_manage_pop .edit_table tr td p{font-size:18px; color:#4c4c4c; font-weight:400; word-break:break-all;}
.st_manage_pop .edit_table tr td p.txt_alert{margin-top:7px; font-size:10px; color:#ff0000; font-weight:400; line-height:1;}
.st_manage_pop .info_list{margin-top:38px;}
.st_manage_pop .info_list li{position:relative; padding-left:16px; font-size:14px; color:#4c4c4c; font-weight:300; line-height:19px; word-break: keep-all;}
.st_manage_pop .info_list li+li{margin-top:4px;}
.st_manage_pop .info_list li:before{content:''; position:absolute; left:0; top:7px; width:5px; height:5px; background:#7f7f7f; border-radius: 50%;}

.st_account_pop .pop_cont{width:520px;}
.st_account_pop p{font-size:20px; color:#000; font-weight:500; line-height:1; text-align:center;}
.st_account_pop p+p{margin-top:27px;}
.st_account_pop p.r{font-weight:400; line-height:1.3;}
.st_account_pop p.s{font-size:16px; color:#5988f3; font-weight:400;}
.st_account_pop .input_wrap{margin-top:40px; padding:0 30px; align-items: center;}
.st_account_pop .input_wrap input{padding:0 18px; flex:1; height:45px; font-size:18px; color:#4c4c4c; border:1px solid #d9d9d9; border-radius: 7px;}
.st_account_pop .input_wrap span{font-size:18px; color:#4c4c4c; font-weight:400;}
.st_account_pop .btn_wrap [class*="btn_type"]{min-width:100px; font-weight:500;}

/* 문자 발송 팝업 */
.msg_send_pop .pop_cont{width:640px;}
.msg_send_pop .fl_box{display:flex; gap:30px; align-items:flex-start;}
.msg_send_pop .msg_guide_phone{padding:46px 0; width:230px; height:400px; flex:none; background:url('../images/ourclass/img_phone.png') no-repeat center;}
.msg_send_pop .msg_guide_phone .div{padding:25px 10px; max-height:308px; overflow-y: auto;;}
.msg_send_pop .msg_guide_phone .msg_box{padding:25px 12px 20px; border-radius: 20px; background:#f2f2f2;}
.msg_send_pop .msg_guide_phone .msg_box h6{font-size:16px; color:#121212; font-weight:500; line-height: 1; text-align: center;}
.msg_send_pop .msg_guide_phone .msg_box p{margin-top:10px; font-size:16px; color:#121212; font-weight:400; line-height:1.3; word-break:break-all;}
.msg_send_pop .msg_guide_phone .msg_box p span{font:inherit;}
.msg_send_pop .scroll_box{max-height:721px; border: 1px solid #d9d9d9; border-radius: 10px;}
.msg_send_pop .scroll_box .mCustomScrollBox{border-radius: 10px;}
.msg_send_pop .edit_table{border:none;}
.msg_send_pop .edit_table tr th{padding:13px 10px 13px 30px;}
.msg_send_pop .edit_table tr th p{padding:0; font-size:18px; color:#4c4c4c; font-weight:400;}
.msg_send_pop .edit_table tr td{padding:13px 30px;}
.msg_send_pop .edit_table tr td .input_wrap{gap:30px; align-items: center;}
.msg_send_pop .edit_table tr td .input_wrap p{margin:0; padding:0; flex:1; font-size:18px; color:#4c4c4c; font-weight:400; line-height:45px;}
.msg_send_pop .edit_table tr td .input_wrap input{width:170px; flex:none;}
.msg_send_pop .edit_table tr td .input_wrap .btn_del{flex:none; width:22px; height:23px; background:url('../images/ourclass/ico_del.png') no-repeat center;}
.msg_send_pop .edit_table tr td .input_wrap .btn_del.disabled{background-image:url('../images/ourclass/ico_del_off.png'); cursor:auto;}
.msg_send_pop .txt_box{margin-top:30px; display:flex; align-items: center; justify-content: center; flex-direction: column;}
.msg_send_pop .txt_box p{position:relative; padding-left:14px; font-size:16px; color:#4c4c4c; font-weight:400; line-height:1;}
.msg_send_pop .txt_box p:before{content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:5px; height:5px; background:#7f7f7f; border-radius:50%;}
.msg_send_pop .txt_box p.alert{margin-top:12px; padding:0; color:#ff5454;}
.msg_send_pop .txt_box p.alert:before{display:none;}
.msg_send_pop .txt_box.ty2{margin:0 0 30px;}
.msg_send_pop .txt_box.ty2 p+p{margin-top:10px;}
.msg_send_pop .txt_box.ty2 p:before{display:none;}
.msg_send_pop .txt_box .t{width:100%; line-height:21px; word-break:keep-all;}
.msg_send_pop .txt_box .t:before{top:8px; transform:translateY(0);}
.msg_send_pop .txt_box .t+.t{margin-top:5px;}
.msg_send_pop .btn_wrap{margin-top:12px;}
.msg_send_pop .btn_wrap .btn_type1{min-width:100px;}

/* 학생 ID/PW 인쇄 팝업 */
.st_print_pop .pop_cont{width:650px;}
.st_print_pop .customScrollBox{max-height:565px;}
.st_print_pop ul{display:flex; flex-wrap:wrap;}
.st_print_pop ul li{padding:20px 15px; width:33.33%; flex:none; text-align: center; border:1px solid #d9d9d9;}
.st_print_pop ul li:nth-child(3n-1){border-left:none;}
.st_print_pop ul li:nth-child(3n){border-left:none;}
.st_print_pop ul li:nth-child(n+4){border-top:none;}
.st_print_pop ul li h6{font-size:16px; color:#121212; font-weight:500; line-height:1;}
.st_print_pop ul li h6 span{font:inherit;}
.st_print_pop ul li .thumb{margin:20px auto 0; width:90px;}
.st_print_pop ul li .thumb img{max-width: 100%;}
.st_print_pop ul li p{font-size:16px; font-weight:400; color:#121212; line-height:1.3; word-break:break-all;}
.st_print_pop ul li p span{font:inherit;}
.st_print_pop ul li .sch{margin-top:17px; min-height:3.9em;}
.st_print_pop .btn_wrap [class*="btn_type"]{min-width: 100px; font-weight:500;}

/*A4 용지용 딱맞게 3분할*/
.st_print_a4 {width: 210mm; /* A4 용지 너비 */height: 297mm; /* A4 용지 높이 */margin: 0; /* 바디 여백 제거 */ }
.st_print_a4 ul{display:flex; flex-wrap:wrap;}
.st_print_a4 ul li{padding:30px 20px; width:70mm; height:99mm; flex:none; text-align: center; border:1px solid #d9d9d9;}
.st_print_a4 ul li:nth-child(3n-1){border-left:none;}
.st_print_a4 ul li:nth-child(3n){border-left:none;}
.st_print_a4 ul li:nth-child(n+4){border-top:none;}
.st_print_a4 ul li h6{font-size:16px; color:#121212; font-weight:500; line-height:1;}
.st_print_a4 ul li h6 span{font:inherit;}
.st_print_a4 ul li .thumb{margin:20px auto 0; width:90px;}
.st_print_a4 ul li .thumb img{max-width: 100%;}
.st_print_a4 ul li p{font-size:16px; font-weight:400; color:#121212; line-height:1.3; word-break:break-all;}
.st_print_a4 ul li p span{font:inherit;}
.st_print_a4 ul li .sch{margin-top:17px; min-height:3.9em;}

/* 클래스 부관리자 설정 팝업 */
.sub_admin_pop .pop_cont{width:600px;}
.sub_admin_pop .txt{font-size:20px; color:#000; font-weight:500; line-height:1.3; text-align: center;}
.sub_admin_pop .txt span{font-size:16px; font-weight:400;}
.sub_admin_pop .txt em{font:inherit; color:#2d57b6;}
.sub_admin_pop .input_wrap{position:relative; margin-top:35px;}
.sub_admin_pop .input_wrap input{padding:0 100px 0 22px; display:block; width:100%; height:45px; font-size:16px; color:#7f7f7f; border:1px solid #d9d9d9; border-radius: 7px;}
.sub_admin_pop .input_wrap .btn_del{display:none;position:absolute; right:52px; top:50%; transform:translateY(-50%); width:24px; height:24px; background:url('../images/ourclass/ico_del2.png') no-repeat center;}
.sub_admin_pop .input_wrap .btn_search{position:absolute; right:15px; top:50%; transform:translateY(-50%); width:25px; height:25px; background:url('../images/common/ico_search.png') no-repeat center;}
.sub_admin_pop .result_box{margin-top:30px; min-height:110px;}
.sub_admin_pop .result_box .item{padding:30px; display:flex; gap:12px; align-items:center; background:#f8f9fc; border-radius: 10px;}
.sub_admin_pop .result_box .item+.item{margin-top:10px;}
.sub_admin_pop .result_box .item .thumb{position:relative; flex:none; width:50px; height:50px; background:url('../images/ourclass/img_member.png') no-repeat center;}
.sub_admin_pop .result_box .item .txt_box{position:relative; padding-right:100px; flex:1;}
.sub_admin_pop .result_box .item .txt_box p{font-size:18px; color:#4c4c4c; font-weight:400; line-height:1;}
.sub_admin_pop .result_box .item .txt_box .info{margin-top:10px; display:flex;}
.sub_admin_pop .result_box .item .txt_box .info li{position:relative; margin-right:20px; padding-right:21px;}
.sub_admin_pop .result_box .item .txt_box .info li:after{content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:1px; height:16px; background:#7a7a7b;}
.sub_admin_pop .result_box .item .txt_box .info li:last-child{margin-right:0; padding-right:0;}
.sub_admin_pop .result_box .item .txt_box .info li:last-child:after{display:none;}
.sub_admin_pop .result_box .item .txt_box .btn{position:absolute; right:0; top:50%; transform:translateY(-50%); width:64px; line-height:43px; font-size:16px; font-weight:500; border-radius: 7px;}
.sub_admin_pop .result_box .item .txt_box .btn_del{right:17px; width:30px; height:30px; background:#8aabf7 url('../images/common/ico_del_w.png') no-repeat center; border-radius:50%;}
.sub_admin_pop .result_box .nodata{padding:19px; display:block;}
.sub_admin_pop .result_box .nodata p{font-size:16px; color:#4c4c4c; font-weight:400; line-height:1.5; text-align: center;}
.sub_admin_pop .btn_wrap [class*="btn_type"]{min-width: 100px; font-weight:500;}

.sub_admin_pop .result_box.add{margin-top:20px; padding-top:20px; border-top:1px solid #d9d9d9;}
.sub_admin_pop .customScrollBox{max-height:230px;}


/* 숙제 */
.homework_list_top .list_cnt {font-size:18px; color:#121212; font-weight:400; line-height:1;}

.write_form dl dd .load_data{display:flex; gap:20px; align-items: center;}
.write_form dl dd .load_data p{font-size:16px; color:#121212; font-weight:400;}
.write_form dl dd .load_data .btns{display:flex; gap:10px;}
.write_form dl dd .load_data .btn{padding:0 20px; font-size:16px; font-weight:500;}
.write_form dl dd .load_data .btn.on{color:#5988f3; border-color:#5988f3;}
.write_form dl dd .btn_reset{font-size:16px; color:#b0b0b0; font-weight:500; line-height:21px;}
.write_form dl dd .btn_reset i{margin-left:4px; display:inline-block; width:23px; height:21px; background:url('../images/ourclass/ico_reset.png') no-repeat center; vertical-align: top;}
.write_form dl dd .btn_reset.on{color:#5988f3;}
.write_form dl dd .btn_reset.on i{background-image:url('../images/ourclass/ico_reset2.png');}
.write_form dl dd .datepicker_box{display:flex; gap:38px;}
.write_form dl dd .datepicker_box span{margin-left:4px; display:inline-block; font-size:16px; color:#121212; font-weight:500; line-height:45px; vertical-align:top;}
.write_form dl dd .datepicker_box .chk{margin-left:38px;}
.write_form dl dd .datepicker_box .chk input[type=checkbox] + label{font-size:16px; color:#121212; font-weight:500; line-height:45px;}
.write_form dl dd .chk_wrap{display:flex; justify-content: space-between; align-items: center;}
.write_form dl dd .chk_wrap>div{flex:auto;}
.write_form dl dd .chk_wrap.ty2{justify-content:flex-start; gap:45px;}
.write_form dl dd .chk_wrap.ty2>div{flex:none;}
.write_form dl dd .chk_wrap input[type=radio] + label{position:relative; padding-left:26px; font-size:16px; color:#121212; font-weight:500; line-height:45px;}
.write_form dl dd .chk_wrap input[type=radio] + label span{font:inherit; color:#5988f3;}
.write_form dl dd .chk_wrap input[type=radio] + label:before{content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:20px; height:20px; background:url('../images/common/ico_radio.png') no-repeat center top;}
.write_form dl dd .chk_wrap input[type=radio]:checked + label:before{background-position-y:bottom;}
.write_form dl dd .chk_wrap input[type=checkbox] + label{font-weight:500; line-height:45px;}
.star_points{display:inline-flex; align-items: center; gap:3px;}
.star_point{display:flex; gap:4px;}
.star_point i{width:16px; height:16px; background:url('../images/ourclass/ico_check_star3.png') no-repeat center top;}
.star_point i.on{background-position-y:bottom;}
.write_form .star_point i{background-image:url('../images/ourclass/ico_check_star.png');}
.write_form dl dd .multi_select_input select{width:100%;}
.write_form dl dd .multi_select_input{width:100%;}

.select2-container--default .select2-selection--multiple{padding:5px 18px 10px; min-height:45px; border:1px solid #d9d9d9; border-radius: 7px;}
.select2-container--default.select2-container--focus .select2-selection--multiple{border-color:#d9d9d9d9;}
.select2-container--default.select2-container--open.select2-container--above .select2-selection--multiple,
.select2-container--default.select2-container--open.select2-container--below .select2-selection--multiple{border-radius: 7px;}
.select2-container--default .select2-results__option--selected{display:none;}
.select2-container--default .select2-search--inline .select2-search__field{height:25px; font-size:16px; color:#121212; font-weight:500; line-height:25px; font-family: 'Noto Sans KR','AppleSDGothic Neo-Regular','Malgun Gothic', '맑은 고딕', 'dotum', '돋움', sans-serif;}
.select2-container--default .select2-selection--multiple .select2-selection__choice{margin:5px 5px 0 0; padding:0 17px 0 0; background:transparent; border:none;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove{position:absolute; left:unset; right:0; padding:5px 0 5px 5px; border-right:0;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove:hover{background:transparent;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__remove span{display:block; width:10px; height:15px; background:url('../images/common/ico_del.png') no-repeat center; font-size:0;}
.select2-container--default .select2-selection--multiple .select2-selection__choice__display{font-size:16px; color:#121212; font-weight:500; line-height:25px;}
.select2-dropdown{max-width:340px; border:1px solid #d9d9d9; overflow: hidden; z-index: 9001;}
.select2-container--open .select2-dropdown--above,
.select2-container--open .select2-dropdown--below{border-radius: 7px; border:1px solid #d9d9d9;}
.select2-container--open .select2-dropdown--above{margin-top:-5px;}
.select2-container--open .select2-dropdown--below{margin-top:5px;}
.select2-results__option{padding:7px 18px; font-size:16px; color:#4c4c4c; font-weight:400;}
.select2-results__option+.select2-results__option{border-top:1px solid #d9d9d9;}
.select2-container--default .select2-results__option--highlighted.select2-results__option--selectable{background:#fff; color:#4c4c4c;}

.board_open_box{margin-top:20px; padding:25px 30px; display:flex; justify-content:space-between; border:1px solid #d9d9d9; border-radius: 10px;}
.board_open_box p{font-size:18px; color:#2d57b6; font-weight:500; line-height:24px;}
.board_open_box .chk_wrap{display:flex; gap:108px;}
.board_open_box .chk_wrap input[type=radio] + label{position:relative; padding-left:25px; display:block; font-size:16px; color:#121212; font-weight:500; line-height:24px;}
.board_open_box .chk_wrap input[type=radio] + label:before{content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:18px; height:18px; background:url('../images/common/ico_checkbox2.png') no-repeat center top;}
.board_open_box .chk_wrap input[type=radio]:checked + label:before{background-position-y: bottom;}

/* 숙제 불러오기 팝업 */
.homework_load_pop .pop_cont{width:1020px;}
.homework_load_pop .our_load_list{margin-top:30px; max-height:440px; border:1px solid #d9d9d9; border-radius: 10px; overflow: hidden;}
.homework_load_pop .our_load_list .mCustomScrollBox{border-radius: 10px;}
.homework_load_pop .our_load_list ul li+li{border-top:1px solid #d9d9d9;}
.homework_load_pop .our_load_list ul li .list_head{padding:21px 20px 20px; display:flex; justify-content:space-between; align-items: center; gap:20px;}
.homework_load_pop .our_load_list ul li .list_head input[type=radio] + label{position:relative; display:block; width:20px; height:20px;}
.homework_load_pop .our_load_list ul li .list_head input[type=radio] + label:before{content:''; position:absolute; left:0; top:0; width:20px; height:20px; background:url('../images/common/ico_radio.png') no-repeat center top / 100% auto;}
.homework_load_pop .our_load_list ul li .list_head input[type=radio]:checked + label:before{background-position-y:bottom;}
.homework_load_pop .our_load_list ul li .list_head .tit{flex:1; min-width:0; line-height:29px;}
.homework_load_pop .our_load_list ul li .list_head .tit a{position:relative; display:inline; max-width:100%; font-size:18px; color:#121212; font-weight:500;}
/* .homework_load_pop .our_load_list ul li .list_head .tit a:hover:after{content:''; position:absolute; left:0; right:0; bottom:0; height:1px; background:#121212;} */
.homework_load_pop .our_load_list ul li .list_head .tit a:hover{text-decoration: underline; text-underline-position: under;}
.homework_load_pop .our_load_list ul li .list_head .date{font-size:16px; color:#7f7f7f; font-weight:400; line-height:20px;}
.homework_load_pop .our_load_list ul li .list_cont{display:none; padding-bottom:30px; background:#f3f6fe;}
.homework_load_pop .our_load_list ul li .list_cont .editor_area{min-height:145px;}
.homework_load_pop .our_load_list ul li .list_cont .editor_area+div{padding-top:20px; border-top:1px solid #e5e5e5;}
.homework_load_pop .our_load_list ul li .list_cont .editor_area p{font-size:18px; color:#121212; font-weight:400;}
.homework_load_pop .our_load_list ul li .list_cont .url_area{padding:0; border-top:none;}
.homework_load_pop .our_load_list ul li .list_cont .url_area li+li{border-top:none;}
.homework_load_pop .our_load_list ul li .list_cont .url_area li a p{color:#121212; font-weight:400;}
.homework_load_pop .our_load_list ul li .list_cont .url_area+.file_area{margin-top:20px;}
.homework_load_pop .our_load_list ul li .list_cont .file_area{padding:0; border-top:none;}
.homework_load_pop .our_load_list ul li .list_cont .file_area .items li+li{border-top:none;}
.homework_load_pop .our_load_list ul li.on .list_head{background:#e7eefe;}
.homework_load_pop .our_load_list ul li.on .list_head .tit a{color:#2d57b6;}
/* .homework_load_pop .our_load_list ul li.on .list_head .tit a:hover:after{background:#2d57b6;} */

.homework_status{margin-top:45px;}
.homework_status .left{display:flex; align-items: center; gap:7px;}
.homework_status .left h3{font-size:22px; color:#2d57b6; font-weight:600; line-height:30px;}
.homework_status .left p{font-size:18px; color:#4c4c4c; font-weight:500;}
.homework_status .left p span{font:inherit;}
.homework_status .right{display:flex; align-items: center; gap:17px;}
.homework_status .right p{font-size:16px; color:#4c4c4c; font-weight:500; line-height:30px;}
.homework_status .right p.ty2{font-size: 15px;color: #7f7f7f;line-height: 1;text-align: right;}
.homework_status .right input[type=checkbox]+label{position:relative; width:75px; height:30px; border-radius: 15px; background:#b0b0b0; transition:.3s;}
.homework_status .right input[type=checkbox]+label:before{content:''; position:absolute; left:3px; top:3px; width:24px; height:24px; background:#fff; border-radius:50%; transition:.3s;}
.homework_status .right input[type=checkbox]+label:after{content:'OFF'; position:absolute; right:12px; top:3px; font-size:16px; color:#fff; font-weight:500; line-height:24px; transition:.3s;}
.homework_status .right input[type=checkbox]:checked+label{background:#5988f3;}
.homework_status .right input[type=checkbox]:checked+label:before{left:48px;}
.homework_status .right input[type=checkbox]:checked+label:after{content: "ON"; left:12px; right:unset;}
.homework_status_list{margin-top:25px; display:flex; flex-wrap:wrap; gap:20px;}
.homework_status_list li{position:relative; width:calc(25% - 15px); min-height: 164px; text-align:center;}
.homework_status_list li a{padding:23px 18px 18px; width:100%; height:100%;  display:flex; flex-direction: column; justify-content: space-between; align-items: center; background:#e7eefe; border:2px solid #e7eefe; border-radius: 10px;}
.homework_status_list li a.center{justify-content:center; gap:10px;}
.homework_status_list li a:hover{border-color:#5988f3;}
.homework_status_list li h6{width:100%; font-size:22px; color:#121212; font-weight:500; line-height:1; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.homework_status_list li .badge{display:block; width:114px; font-size:18px; color:#fff; font-weight:500; line-height:45px; border-radius:23px; background:#5988f3;}
.homework_status_list li .star_point{justify-content:center;}
.homework_status_list li .star_point i{background-position-y: center;}
.homework_status_list li .star_point i.on{background-position-y:bottom;}
.homework_status_list li .point p{font-size:22px; color:#2d57b6; font-weight:500; line-height:1;}
.homework_status_list li .point .star_point+p{margin-top:9px;}
.homework_status_list li .txt{font-size:16px; color:#121212; font-weight:400; line-height:1.3; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 100%;}
.homework_status_list li .txt.multi{max-height:3.9em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 3; white-space:wrap;}
.homework_status_list li .over{position:absolute; top:-4px; right:-4px; padding:0 4px 0 8px; font-size:13px; color:#fff; font-weight:400; line-height:25px; letter-spacing:-0.05em; white-space: nowrap; border-radius: 13px 0 0 13px; background:#ff5454; box-shadow: 0 3px 0 0 rgba(0, 0, 0, 0.07);}
.homework_status_list li .box{padding:25px 20px 20px; width:100%; height:100%; background:#fff; border:1px solid #d9d9d9; border-radius: 10px;}
.homework_status_list li .box .img{margin:11px auto 0; width:62px; height:83px; background:url('../images/ourclass/img_nodata.png') no-repeat center;}
.homework_txt_alert{margin-top:20px;padding:0 56px;background:#F5F8FE;border-radius:12px;}
.homework_txt_alert p{font-size:16px;font-weight:400;color:#4C4C4C;line-height:67px;}
.homework_txt_alert p span{font:inherit;font-weight:500;color:#121212;}

.homework_box{margin-top:30px; border:1px solid #8aabf7; border-radius:10px; overflow: hidden;}
.homework_box .tit{position:relative; padding:20px; background:#8aabf7;}
.homework_box .tit h3{font-size:22px; color:#fff; font-weight:600; line-height:25px; text-align:center;}
.homework_box .tit h3 i{margin-right:10px; display:inline-block; width:24px; height:25px; background:url('../images/ourclass/ico_alert.png') no-repeat center; vertical-align:top;}
.homework_box .tit .date{position:absolute; right:30px; top:50%; transform:translateY(-50%); font-size:16px; color:#121212; font-weight:500; line-height:1;}
.homework_box .tit .date span{font-size:inherit; font-weight:400;}
.homework_box table{width:100%;}
.homework_box table tr+tr{border-top:1px solid #dce7ff;}
.homework_box table th{padding:15px 10px 15px 30px; text-align:left; background:#f3f6fe;}
.homework_box table th p{font-size:18px; color:#121212; font-weight:500; line-height:1.3;}
.homework_box table th p span{font-size:16px; font-weight:inherit}
.homework_box table td{padding:15px 30px;}
.homework_box table td.ty2{padding:30px;}
.homework_box table td .textarea_wrap{position:relative; padding-bottom:9px;}
.homework_box table td .textarea_wrap textarea{padding:12px 20px; display:block; width:100%; height:68px; font-size:16px; color:#121212; font-weight:400; line-height:1.3; border:1px solid #d9d9d9; border-radius:7px; outline:none;}
.homework_box table td .textarea_wrap .cnt{position:absolute; right:0; bottom:-9px; font-size:14px; color:#4c4c4c; font-weight:400; line-height:1;}
.homework_box table td .textarea_wrap .cnt span{font:inherit;}
.homework_box .homework_cont{padding:30px;}
.homework_box .homework_cont .add_list li:first-child{margin-top:0;}
.homework_box .homework_cont p.nodata{padding:30px 0; font-size:18px; color:#7f7f7f; font-weight:500; line-height:1; text-align:center;}
.homework_box .homework_cont .comment_box{margin-top:30px; padding:25px 20px 18px; display:flex; align-items: center; gap:20px; background:#f3f6fe; border-radius:10px;}
.homework_box .homework_cont .comment_box:first-child{margin-top:0;}
.homework_box .homework_cont .comment_box p{padding-bottom:14px; font-size:16px; color:#121212; font-weight:400; line-height:1.3; white-space:pre-line;}
.homework_box .homework_cont .comment_box.ty2{background:#fefaf0;}
.homework_box .homework_cont .te_answer{}
.homework_box .homework_cont .te_answer .points{margin:0 auto; width:175px; display:flex; flex-direction: column; justify-content: center; align-items: center; gap:13px;}
.homework_box .homework_cont .te_answer .points .star_point{gap:15px;}
.homework_box .homework_cont .te_answer .points .star_point i{width:25px; height:25px; background-image:url('../images/ourclass/ico_check_star2.png');}
.homework_box .homework_cont .te_answer .points .point{font-size:30px; color:#2d57b6; font-weight:500; line-height:1;}
.homework_box .homework_cont .te_answer .points+.txt{margin-top:15px;}
.homework_box .homework_cont .te_answer .txt{font-size:18px; color:#121212; font-weight:500; line-height:1.3; text-align:center;}

.teacher_txt_box{flex:none; width:134px; height:67px; font-size:16px; color:#121212; font-weight:500; line-height:53px; text-align:center; background:url('../images/ourclass/ico_txt_bg.png') no-repeat top;}
.teacher_txt_box.ty2{width:135px; background-image:url('../images/ourclass/ico_txt_bg2.png')}

.homework_box.ty2{border-color:#ffba26;}
.homework_box.ty2 .tit{background:#ffba26;}
.homework_box.ty2 .tit h3{color:#fff;}
.homework_box.ty2 .tit h3 i{width:25px; background-image:url('../images/ourclass/ico_check.png');}

.homework_box.nodata{border-color:#d9d9d9;}
.homework_box.nodata .tit{background:#dce7ff; border-bottom:1px solid #d9d9d9;}
.homework_box.nodata .tit h3{color:#2d57b6; font-weight:500;}
.homework_box.nodata .tit h3 i{background-image:url('../images/ourclass/ico_alert2.png');}
.homework_box.nodata .homework_cont{padding:40px;}
.homework_box.nodata .homework_cont p{padding-top:86px; font-size:18px; color:#7f7f7f; font-weight:500; line-height:1; text-align:center; background:url('../images/ourclass/ico_nodata2.png') no-repeat center top;}

/* 숙제 확인하기 팝업 */
.homeword_check_pop .pop_cont{width:1020px;}
.homeword_check_pop .popup_body{padding-top:50px;}
.homeword_check_pop .home_result_box{border:1px solid #d9d9d9; border-radius:10px; overflow: hidden;}
.homeword_check_pop .home_result_box .result_box{display:flex;}
.homeword_check_pop .home_result_box .result_box .result_item{padding:20px 30px 25px; width:50%; min-height:204px;}
.homeword_check_pop .home_result_box .result_box .result_item:first-child{display:flex; flex-direction: column; justify-content: space-between; gap:20px; border-right:1px solid #d9d9d9;}
.homeword_check_pop .home_result_box .result_box .file_list li+li{margin-top:6px;}
.homeword_check_pop .home_result_box .result_box .file_list li .ic_file{display:inline-block; white-space:normal;}
.homeword_check_pop .home_result_box .result_box .file_list li .ic_file:after {content: '';margin-left:10px;display:inline-block;width: 21px;height: 18px;background: url('../images/common/ico_down.png') no-repeat center; vertical-align: bottom;}
.homeword_check_pop .home_result_box .result_box .file_list li .ic_file i{top:2px;}
.homeword_check_pop .home_result_box .result_box .file_list li .ic_file span{font-size:16px; color:#121212;font-weight:400; line-height:22px;}
.homeword_check_pop .home_result_box .result_box .file_list li.no_data{font-size:16px; color:#121212; font-weight:400; line-height:106px; text-align:center;}
.homeword_check_pop .home_result_box .result_box .file_list li.no_data i{margin-right:22px;display:inline-block; width:106px; height:106px; background:url('../images/ourclass/ico_nodata4.png') no-repeat center; vertical-align:top;}
.homeword_check_pop .home_result_box .result_box p{font-size:16px; font-weight:400;}
.homeword_check_pop .home_result_box .result_box .txt{margin-top:7px; color:#121212; line-height:1.3;}
.homeword_check_pop .home_result_box .result_box .date{color:#7f7f7f; line-height:1;}
.homeword_check_pop .home_result_box .result_box .nodata{margin:0 auto; width:100%; height:100%; background:url('../images/ourclass/ico_nodata3.png') no-repeat center;}
.homeword_check_pop .home_result_box .result_box .report{padding:65px 0 55px; width:100%; height:100%; text-align:center;}
.homeword_check_pop .home_result_box .result_box .report p{font-size:20px; color:#121212; font-weight:400; line-height:1;}
.homeword_check_pop .home_result_box .result_box .report p span{font-size:inherit; color:#5988f3; font-weight:600;}
.homeword_check_pop .home_result_box .result_box .report .btn_type6{margin-top:19px; padding:0 26px; font-weight:500; line-height:43px; border-radius:23px;}

.homeword_check_pop .chk_head{padding:23px 30px; background:#dce7ff; border-bottom:1px solid #d9d9d9;}
.homeword_check_pop .chk_head h3{font-size:22px; color:#2d57b6; font-weight:600; line-height:1; text-align:center;}
.homeword_check_pop .chk_head.fl{justify-content: space-between; align-items:center;}
.homeword_check_pop .chk_head.fl h3{color:#121212;}
.homeword_check_pop .chk_head.fl .right p{font-size:16px; color:#4c4c4c; font-weight:400; line-height:1;}
.homeword_check_pop .edit_table tr th{padding:0 10px 0 30px;}
.homeword_check_pop .edit_table tr th p{padding-left:0; line-height:1.3;}
.homeword_check_pop .edit_table tr th p.lh149{line-height:149px;}
.homeword_check_pop .edit_table tr th p span{font-size:16px; font-weight:inherit;}
.homeword_check_pop .edit_table tr td{padding:15px 30px;}
.homeword_check_pop .edit_table tr td .chk_wrap{height:45px; display:flex; gap:55px; align-items: center;}
.homeword_check_pop .edit_table tr td .chk_wrap input[type=radio] + label{position:relative; padding:2px 0 2px 30px; display:block;}
.homeword_check_pop .edit_table tr td .chk_wrap input[type=radio] + label:before{content:''; position:absolute; left:0; top:0; width:20px; height:20px; background:url('../images/common/ico_radio.png') no-repeat center top;}
.homeword_check_pop .edit_table tr td .chk_wrap input[type=radio]:checked + label:before{background-position-y:bottom;}
.homeword_check_pop .edit_table tr td .input_wrap.point{display:flex; gap:7px; align-items:center;}
.homeword_check_pop .edit_table tr td .input_wrap.point span{font-size:16px; color:#121212; font-weight:500;}
.homeword_check_pop .edit_table tr td .input_wrap.point p{margin:0 0 0 30px; padding:0; font-size:16px; color:#4c4c4c; font-weight:400;}
.homeword_check_pop .edit_table tr td .textarea_wrap{position:relative; padding-bottom:9px;}
.homeword_check_pop .edit_table tr td .textarea_wrap textarea{height:110px;}
.homeword_check_pop .edit_table tr td .textarea_wrap .cnt{position:absolute; right:0; bottom:-9px; font-size:14px; color:#4c4c4c; font-weight:400; line-height:1;}
.homeword_check_pop .edit_table tr td .point_txt{font-size:20px; color:#2d57b6; font-weight:500; line-height:45px;}
.homeword_check_pop .edit_table tr td .txt{font-size:16px; color:#121212; font-weight:400; line-height:1.3; white-space:pre-line;}
.homeword_check_pop .btn_reset_box{position:absolute; right:32px; bottom:58px; display:flex; gap:8px; align-items:center;}
.homeword_check_pop .btn_reset_box .b_info{display:inline-block; width:22px; height:22px; font-size:16px; color:#7f7f7f; font-weight:400; line-height:20px; text-align:center; border:1px solid #c0c2c2; border-radius:50%;}
.homeword_check_pop .btn_reset_box .btn{height:22px; font-size:16px; color:#121212; font-weight:500; line-height:22px;}
.homeword_check_pop .btn_reset_box .btn i{margin-left:4px; display:inline-block; width:23px; height:100%; background:url('../images/ourclass/ico_reset.png') no-repeat center / 100% auto; vertical-align:top;}
.homeword_check_pop .btn_reset_box .reset_info{display:none; position:absolute; left:-40px; top:-94px; padding:14px 0 26px 14px; width:157px; height:91px; background:url('../images/ourclass/reset_infoPop_bg.png') no-repeat center;}
.homeword_check_pop .btn_reset_box .reset_info p{font-size:16px; color:#4c4c4c; font-weight:400; line-height:1.1;}
.homeword_check_pop .btn_reset_box .reset_info .b_cloz{position:absolute; top:5px; right:5px; width:20px; height:20px; background:url('../images/ourclass/ico_view_close.png') no-repeat center;}

/* 숙제함 */
.my_homework_list .list_item{padding:0 14px;}
.my_homework_list .list_item p.type{width:125px;}
.my_homework_list .list_item p.date{width:110px;}
.my_homework_list .list_item p.class{width:135px;}

.my_homework_detail .detail_top{padding:20px 40px; background:#dce7ff;}
.my_homework_detail .tit_box{padding-right:0; display:flex; gap:20px; align-items:flex-start;}
.my_homework_detail .tit_box .badge{display:inline-block; padding:0 18px; font-size:18px; color:#2d57b6; font-weight:500; line-height:38px; border:1px solid #8aabf7; border-radius:7px;}
.my_homework_detail .tit_box h3{flex:1; line-height:1.5;}
.my_homework_detail .tit_box h3 span{font:inherit;}
.my_homework_detail .tit_box h3 em{font-size:22px; color:#b0b0b0;}
.my_homework_detail .detail_cont{padding:15px 40px;}
.my_homework_detail .detail_bottom{padding:30px 40px; background:#f8f9fc; border-top:1px solid #d9d9d9;}
.my_homework_detail .detail_bottom p{font-size:18px; color:#121212; font-weight:400; line-height:1;}
.my_homework_detail .detail_bottom p span{font:inherit;}

/* 누가기록 */
.record_first_wrap{margin-top:40px; padding:50px 40px; background:#f8f9fc; border-radius:20px;}
.record_first_wrap .tit{text-align: center;}
.record_first_wrap .tit h4{position:relative; padding:0 5px; display:inline-block; font-size:36px; color:#121212; font-weight:500; line-height:1; text-align: center; z-index:1;}
.record_first_wrap .tit h4:after{content:''; position:absolute; right:-67px; bottom:-13px; width:61px; height:80px; background:url('../images/mydesk/ico_char.png') no-repeat center;}
.record_first_wrap .tit h4:before{content:''; position:absolute; left:0; right:0; bottom:-6px; height:15px; background:#ffdc92; z-index: -1;}
.record_first_wrap .box{margin-top:40px; padding:40px 30px 36px; background:#fff; border:1px solid #d9d9d9; border-radius:10px}
.record_first_wrap .box+.box{margin-top:30px;}
.record_first_wrap .box .img{text-align:center;}
.record_first_wrap .box .img img{max-width:100%;}
.record_first_wrap .box p{margin-top:26px; font-size:20px; color:#121212; font-weight:500; line-height:1.4; text-align:center;}
.record_first_wrap .box p em{font:inherit; color:#2d57b6;}
.record_first_wrap .box.fl{display:flex; justify-content:center; gap:64px;}
.record_first_wrap .box.ty2{margin-top:40px; padding:22px 67px; background:#dce7ff; border-color:#dce7ff;}
.record_first_wrap .box.ty2 p{margin:0; padding:19px 0 19px 124px; font-weight:400; text-align:left; background:url('../images/mydesk/ico_good.png') no-repeat left center;}
.record_first_wrap .box.ty2 p span{font-size:inherit; font-weight:500;}
.record_first_wrap .btn_wrap{align-items: center;}
.record_first_wrap .btn_wrap p{font-size:18px; color:#4c4c4c; font-weight:400;}
.record_first_wrap .btn_wrap .btn{padding:0 24px; width:160px;}

.record_member_wrap{margin-top:30px; padding-top:30px; border-top:1px solid #e5e5e5;}
.record_member_wrap .module_top .left{display:flex; gap:30px;}
.record_member_wrap .module_top .left p{font-size:16px; color:#4c4c4c; font-weight:400; line-height:45px;}
.record_member_wrap .module_top .right .btn{line-height:41px; font-weight:500;}
.record_member_wrap .module_top .right .btn i{margin-left:7px; display:inline-block; width:12px; height:41px; background:url('../images/mydesk/ico_down.png') no-repeat center; vertical-align:top;}
.record_member_list{margin-top:30px; display:flex; gap:10px 12px; flex-wrap:wrap;}
.record_member_list a{position:relative; padding:15px; width:94px; height:94px; display:flex; flex-direction: column; justify-content:center; align-items:center; font-size:16px; color:#4c4c4c; font-weight:500; line-height:1.2; border-radius:50%; background:#e7eefe; border:2px solid #e7eefe; text-align:center;}
.record_member_list a.ty2{background:#8aabf7;border-color:#8aabf7; color:#fff;}
.record_member_list a.ty3{background:#5988f3;border-color:#5988f3; color:#fff;}
.record_member_list a.on{border-color:#121212;}
.record_member_list a.on:after{content:''; position:absolute; right:-2px; top:0; width:33px; height:29px; background:url('../images/mydesk/ico_check.png') no-repeat center;}
.record_member_list a.new:before{content:''; position:absolute; right:8px; top:11px; width:10px; height:10px; background:#ff5454; border-radius:50%;}
.record_member_list a span{max-height:2.4em; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; text-overflow: ellipsis; font:inherit; line-height:inherit;}


.record_list_wrap{margin-top:40px; padding-top:40px; border-top:1px solid #e5e5e5;}
.record_list_wrap .module_top h6{font-size:20px; color:#2d57b6; font-weight:600; line-height:45px;}
.record_list_wrap .drop_menu{width:130px;}
.record_list{margin-top:20px; display:flex; gap:40px; flex-wrap:wrap;}
.record_list > li{position:relative; padding:20px 20px 15px; width:calc(33.33% - 80px/3); height:373px; border:1px solid #d9d9d9; border-radius: 10px; background:#f8f9fc;}
.record_list > li .textarea_wrap .module{display:flex; justify-content:space-between; align-items: flex-end;}
.record_list > li .textarea_wrap .module .drop_menu .label{font-weight:400; line-height:34px;}
.record_list > li .textarea_wrap .module .drop_menu a:hover{text-decoration: none;}
.record_list > li .textarea_wrap .module .cnt{font-size:14px; color:#4c4c4c; font-weight:400; line-height:1;}
.record_list > li .textarea_wrap .module .cnt span{font:inherit;}
.record_list > li .textarea_wrap .text_box{margin-top:8px; border:1px solid #d9d9d9; border-radius:7px; overflow:hidden;}
.record_list > li .textarea_wrap .text_box textarea{padding:10px 15px; display:block; width:100%; height:200px; font-size:16px; color:#121212; font-weight:400; line-height:1.3; border:none; outline:none;}
.record_list > li .textarea_wrap .text_box .btn_sentence{width:100%; font-size:16px; color:#4c4c4c; font-weight:400; line-height:38px; border-top:1px solid #d9d9d9; background:#f2f2f2;}
.record_list > li .textarea_wrap .btn_wrap{margin-top:15px;}
.record_list > li .textarea_wrap .btn_wrap .btn{padding:0 20px; min-width:0; width:80px; font-size:16px; font-weight:500; line-height:34px; border-radius:7px;}
.record_list > li.list_item{padding:0; display:flex; flex-direction:column;}
.record_list > li.list_item .cont_top{padding:16px 20px 17px; border-bottom:1px solid #d9d9d9; flex:none; border-radius: 10px 10px 0 0;}
.record_list > li.list_item .cont_top .info{font-size:16px; color:#7f7f7f; font-weight:400; line-height:33px;}
.record_list > li.list_item .cont_top .tit{margin-top:7px; display:block;}
.record_list > li.list_item .cont_top .tit p{font-size:16px; color:#7f7f7f; font-weight:400; line-height:20px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.record_list > li.list_item .cont_top .tit p.txt{color:#121212; max-height:40px; display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; white-space:wrap;}
.record_list > li.list_item .cont_top .tit p span{font:inherit;}
.record_list > li.list_item .cont_top .tit:hover p{text-decoration: underline; text-underline-position: under;}
.record_list > li.list_item .cont_top .tit:hover p.disabled{text-decoration: none;}
.record_list > li.list_item .cont_box{padding:15px 20px; background:#fff; flex:1; min-height:0; border-radius: 0 0 10px 10px;}
.record_list > li.list_item .cont_box .customScrollBox{height:100%;}
.record_list > li.list_item .cont_box .drop_menu .drop_menu_list{max-height:235px; height:auto;}
.record_list > li.list_item .cont_box .mCSB_outside+.mCSB_scrollTools{right:-13px;}
.record_list > li.list_item .cont_box a{font-size:16px; color:#4c4c4c; font-weight:400; line-height:1.3; white-space:pre-line; word-break:break-all;}
.record_list > li.list_item .cont_box a:hover{text-decoration: underline; text-underline-position: under;}
.record_list > li.list_item:hover{border-color:#7f7f7f;}
/*.record_list > li.list_item:hover .del{position:absolute; right:-4px; top:118px; padding:9px 14px 8px 18px; background:rgba(18,18,18,.6); border-radius: 18px 0 0 18px; z-index:10;}
.record_list > li.list_item:hover .del i{display:block; width:18px; height:19px; background:url('../images/common/ico_del2_w.png') no-repeat center;}*/
.record_list > li.list_item .hover_box{display:none; position:absolute; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,.1); border-radius:10px; z-index:101;}
.record_list > li.list_item:hover .hover_box{padding:10px; display:flex; align-items:flex-start; justify-content:flex-end; gap:10px;}
.record_list > li.list_item:hover .hover_box [class*="btn_type"]{padding:0 15px; line-height:38px;}
.record_list > li.list_item.ty2 .cont_top{padding:19px 20px; min-height:136px; background:#fefaf0;}
.record_list > li.list_item.ty2 .cont_top .info{padding-left:50px; background:url('../images/mydesk/ico_st.png') no-repeat left center;}
.record_list > li.list_item.ty2 .textarea_wrap .text_box textarea{height:69px;}
.record_list > li.list_item.new:after{content:''; position:absolute; right:-2px; top:-2px; width:10px; height:10px; background:#ff5454; border-radius:50%;}
.record_list > li.list_item.write .hover_box{bottom:unset; height:136px; border-radius:10px 10px 0 0;}

.btn_more_wrap{margin-top:40px;}
.btn_more_wrap .btn{margin:0 auto; padding:0 30px; display:block; font-size:18px; color:#2d57b6; font-weight:500; text-align: center; line-height:41px; border:2px solid #2d57b6; background:#fff; border-radius: 23px;}
.btn_more_wrap .btn i{margin-right:9px;display:inline-block; width:12px; height:41px; background:url('../images/mydesk/arr_down.png') no-repeat center; vertical-align:top;}
.btn_more_wrap .btn span{font:inherit;}

.sentence_layer{display:none;position:absolute; top:180px; left:50%; transform:translateX(-50%); width:760px; background:#fff; border:1px solid #d9d9d9; border-radius: 10px; z-index:101;}
.sentence_layer .tit{position:relative; padding:0 40px;}
.sentence_layer .tit p{font-size:18px; color:#121212; font-weight:500; line-height:59px;}
.sentence_layer .tit p span{font-size:inherit; font-weight:400;}
.sentence_layer .tit .btn_close{position:absolute; top:15px; right:40px; width:30px; height:30px; background:url('../images/myclass/ico/ico_pop_close2.png') no-repeat center;}
.sentence_box{padding:18px 40px 28px 30px; max-height:229px; background:#e7eefe;}
.sentence_box li{display:flex; gap:9px; align-items: center;}
.sentence_box li+li{margin-top:13px;}
.sentence_box li .input_wrap{flex:1; gap:9px;}
.sentence_box li .input_wrap input{padding:0 9px; width:100%; height:36px; font-size:16px; color:#121212; font-weight:400; border:1px solid #d9d9d9; border-radius:7px;}
.sentence_box li .input_wrap .btn{width:68px; font-size:16px; font-weight:500; line-height:34px; border-radius: 7px;}
.sentence_box li .txt{padding:4px 9px; flex:1;}
.sentence_box li .txt a{font-size:16px; color:#121212; font-weight:400;}
.sentence_box li .btns{flex:none; width:68px; display:flex; gap:15px; justify-content:center;}
.sentence_box li .btns .btn{width:20px; height:36px;}
.sentence_box li .btns .btn.edit{background:url('../images/mydesk/ico_edit.png') no-repeat center;}
.sentence_box li .btns .btn.del{background:url('../images/common/ico_del2.png') no-repeat center;}
.sentence_box li.on .txt a{color:#2d57b6; text-decoration:underline; text-underline-position:under;}

/* 누가기록 작성하기 팝업 */
.record_write_pop .pop_cont{width:800px;}
.record_write_pop .write_form dl dt{width:92px;}
.record_write_pop .select2-container--default .select2-selection--multiple .select2-selection__choice{margin-right:10px; padding:0 25px 0 10px; background:#f3f6fe;}
.record_write_pop .select2-container--default .select2-selection--multiple .select2-selection__choice__display{line-height:31px;}
.record_write_pop .select2-container--default .select2-selection--multiple .select2-selection__choice__remove{right:5px; padding:5px; height:31px;}
.record_write_pop .sentence_tit{font-size:18px; color:#121212; font-weight:500; line-height:1;}
.record_write_pop .sentence_tit span{font-size:inherit; font-weight:400;}
.record_write_pop .sentence_box{margin-top:15px; padding:20px 30px 20px 20px; border-radius:10px;}
.record_write_pop .sentence_box .customScrollBox{max-height: 183px;}
.record_write_pop .textarea_wrap textarea{padding:20px 30px; display:block; width:100%; height:200px; font-size:16px; color:#4c4c4c; font-weight:400; border:1px solid #d9d9d9; border-radius: 10px;}
.record_write_pop .textarea_wrap .cnt{margin-top:10px; font-size:14px; color:#7f7f7f; font-weight:400; line-height:1; text-align: right;}
.record_write_pop .textarea_wrap .cnt span{font:inherit; color:#4c4c4c;}
.record_write_pop .btn_wrap{margin-top:16px;}
.record_write_pop .btn_wrap [class*="btn_type"]{min-width:100px;}

/* 누가기록 다운로드 팝업 */
.record_down_pop .pop_cont{width:520px;}
.record_down_pop p{font-size:20px; color:#121212; font-weight:400; line-height:1.4; text-align: center;}
.record_down_pop .input_wrap{margin-top:35px; padding:0 30px;}
.record_down_pop .input_wrap+.input_wrap{margin-top:10px;}
.record_down_pop .input_wrap input{padding:0 17px; display:block; width:100%; height:45px; border-radius:7px; font-size:18px; color:#121212; border:1px solid #d9d9d9;}
.record_down_pop .btn_wrap{margin-top:40px;}
.record_down_pop .btn_wrap .btn{min-width:100px;}


/* 자유 게시판 */
.board_notice{padding:2px 63px 2px 0; background:url('../images/ourclass/ico_char3.png') no-repeat right center;}
.board_notice p{position:relative; padding:0 15px; font-size:16px; color:#4c4c4c; font-weight:400; line-height:36px; border:2px solid #ff5454; background:#fff; border-radius: 10px;}
.board_notice p:after{content:''; position:absolute; right:-10px; top:50%; transform:translateY(-50%); width:10px; height:22px; background:url('../images/ourclass/arr_txt_bg.png') no-repeat center;}
.board_card_list{margin-top:20px;}
.board_card_list ul{position:relative; margin:-13px -13px 0;}
.board_card_list ul li{position:absolute; margin:13px; padding:20px 21px; width:calc(33.33% - 26px); border:2px solid #5988f3; background:#fff; border-radius: 25px;}
.board_card_list ul li .muuri-content{position:relative;}
.board_card_list ul li .list_top{position:relative; display:flex; gap:7px; align-items: center;}
.board_card_list ul li .list_top .name{padding:0 15px; width:104px; font-size:16px; color:#ffff; font-weight:500; text-align: center; line-height:31px; border-radius:16px; background:#5988f3; white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.board_card_list ul li .list_top span{font-size:16px ;color:#121212; font-weight:400; line-height:31px;}
.board_card_list ul li .list_top .modules{position:absolute; right:0; top:50%; transform:translateY(-50%); display:flex; flex-direction:row-reverse; gap:5px; z-index:1;}
.board_card_list ul li .list_top .btn{display:block; width:36px; height:36px; border-radius: 50%;}
.board_card_list ul li .list_top .btn.edit{background:url('../images/ourclass/ico_edit3.png') no-repeat center;}
.board_card_list ul li .list_top .private_box{position:relative;}
.board_card_list ul li .list_top .btn.private{background:url('../images/ourclass/ico_private_off.png') no-repeat center;}
.board_card_list ul li .list_top .btn.private.active{background-image:url('../images/ourclass/ico_private.png');}
.board_card_list ul li .list_top .private_layer{display:none; position:absolute; top:calc(100% + 11px); left:-29px; padding:8px 35px 8px 20px; border:2px solid #ff5454; background:#fff; border-radius:20px; box-shadow:0 3px 0 0 rgba(0,0,0,.07); z-index:1;}
.board_card_list ul li .list_top .private_layer:after{content:''; position:absolute; left:37px; top:-11px; width:15px; height:11px; background:url('../images/ourclass/layer_arr_obj.png') no-repeat center;}
.board_card_list ul li .list_top .private_layer p{font-size:14px; color:#ff3131; font-weight:400; line-height:20px; white-space:nowrap;}
.board_card_list ul li .list_top .private_layer .btn_layer_close{position:absolute; top:8px; right:10px; width:20px; height:20px; background:url('../images/ourclass/ico_view_close.png') no-repeat center;}
.board_card_list ul li .list_top .badge_private{width:36px; height:36px; background:url('../images/ourclass/ico_private.png') no-repeat center; border-radius: 50%;}
.board_card_list ul li .list_cont{margin-top:15px;}
.board_card_list ul li .list_cont .textarea_wrap textarea{display:block; width:100%; height:137px; font-size:16px; border:none; outline:none;}
.board_card_list ul li .list_cont .textarea_wrap .cnt{margin-top:10px; font-size:12px; color:#666; font-weight:400; line-height:1;}
.board_card_list ul li .list_cont .textarea_wrap .cnt span{font:inherit;}
.board_card_list ul li .list_cont .btn_save{position:absolute; right:0; bottom:0; width:60px; height:60px; background:#5988f3 url('../images/ourclass/ico_send.png') no-repeat center; border-radius: 25px 0 20px 0;}
.board_card_list ul li .list_cont .txt_box{height:123px; overflow-y:auto;}
.board_card_list ul li .list_cont .txt_box p{font-size:16px; color:#121212; font-weight:400; line-height:1.5; word-break:break-all;}
.board_card_list ul li .list_cont .txt_box a{font-size:16px; color:#121212; font-weight:400; line-height:1.5; word-break:break-all;}
.board_card_list ul li .list_cont .customScrollBox .mCSB_outside+.mCSB_scrollTools{right:-15px;}
.board_card_list ul li .list_cont .txt_box + .thumb{margin-top:30px;}
.board_card_list ul li .list_cont .thumb{text-align:center;}
.board_card_list ul li .list_cont .thumb img{max-width:100%;}
.board_card_list ul li .list_cont .thumb iframe{width:100%; height:100%;}
.board_card_list ul li .list_info{margin-top:15px; min-height:21px; display:flex; justify-content: flex-end;}
.board_card_list ul li .list_info .cmt_cnt{padding-left:26px; font-size:18px; font-weight:400; line-height:21px; text-align: right; background-repeat:no-repeat; background-position:left center;}
.board_card_list ul li.add_form .list_top .name{width:auto; max-width:190px;}

.board_card_list ul li[class*=ty]{padding:21px 12px 21px 22px; border-width:1px; background-repeat: no-repeat; background-position:right 15% bottom;}
.board_card_list ul li[class*=ty] .list_top .name{padding:0; width:auto; max-width:120px; font-weight:900; border-radius:0; background:transparent}
.board_card_list ul li[class*=ty].private{border-color:#ddd; background:#f8f9fc;}
.board_card_list ul li[class*=ty].private .list_cont .txt_box a{padding-top:50px; display:block; line-height:1; color:#848484; text-align:center; cursor:auto;}
.board_card_list ul li.ty1{background-color:#dff8eb; background-image:url('../images/ourclass/bg_ty1.png'); border-color:#78cea2;}
.board_card_list ul li.ty1 .list_top .name{color:#004522;}
.board_card_list ul li.ty1 .list_top span{color:#004522;}
.board_card_list ul li.ty1 .list_top .btn{background-color:#74cea0;}
.board_card_list ul li.ty1 .list_top .badge_private{background-color:#74cea0;}
.board_card_list ul li.ty1 .customScrollBox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#92c5ab;}
.board_card_list ul li.ty1 .customScrollBox .mCSB_scrollTools .mCSB_draggerRail{background:#c7edd9;}
.board_card_list ul li.ty1 .list_info .cmt_cnt{background-image:url('../images/ourclass/cmt_ty1.png');}

.board_card_list ul li.ty2{background-color:#fff1f3; background-image:url('../images/ourclass/bg_ty2.png'); border-color:#f2a7b2;}
.board_card_list ul li.ty2 .list_top .name{color:#730c1b;}
.board_card_list ul li.ty2 .list_top span{color:#730c1b;}
.board_card_list ul li.ty2 .list_top .btn{background-color:#fa97a6;}
.board_card_list ul li.ty2 .list_top .badge_private{background-color:#fa97a6;}
.board_card_list ul li.ty2 .customScrollBox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#eba3ae;}
.board_card_list ul li.ty2 .customScrollBox .mCSB_scrollTools .mCSB_draggerRail{background:#fce6e9;}
.board_card_list ul li.ty2 .list_info .cmt_cnt{background-image:url('../images/ourclass/cmt_ty2.png');}

.board_card_list ul li.ty3{background-color:#fff8e6; background-image:url('../images/ourclass/bg_ty3.png'); border-color:#fed57f;}
.board_card_list ul li.ty3 .list_top .name{color:#483300;}
.board_card_list ul li.ty3 .list_top span{color:#483300;}
.board_card_list ul li.ty3 .list_top .btn{background-color:#ffcc4b;}
.board_card_list ul li.ty3 .list_top .badge_private{background-color:#ffcc4b;}
.board_card_list ul li.ty3 .customScrollBox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#f6d277;}
.board_card_list ul li.ty3 .customScrollBox .mCSB_scrollTools .mCSB_draggerRail{background:#f7eed4;}
.board_card_list ul li.ty3 .list_info .cmt_cnt{background-image:url('../images/ourclass/cmt_ty3.png');}

.board_card_list ul li.ty4{background-color:#f1eeff; background-image:url('../images/ourclass/bg_ty4.png'); border-color:#b8aafa;}
.board_card_list ul li.ty4 .list_top .name{color:#251863;}
.board_card_list ul li.ty4 .list_top span{color:#251863;}
.board_card_list ul li.ty4 .list_top .btn{background-color:#aa9af9;}
.board_card_list ul li.ty4 .list_top .badge_private{background-color:#aa9af9;}
.board_card_list ul li.ty4 .customScrollBox .mCSB_scrollTools .mCSB_dragger .mCSB_dragger_bar{background:#b6abec;}
.board_card_list ul li.ty4 .customScrollBox .mCSB_scrollTools .mCSB_draggerRail{background:#eae7f8;}
.board_card_list ul li.ty4 .list_info .cmt_cnt{background-image:url('../images/ourclass/cmt_ty4.png');}

.board_card_list .nodata{margin-top:-55px;}
.board_card_list .nodata p{padding-top:200px; font-size:16px; color:#666; font-weight:400; line-height:1; text-align:center; background:url('../images/ourclass/img_nodata2.png') no-repeat center top;}

/* 자유 게시판 상세 팝업 */
.board_detail_pop .pop_cont{width:1020px;}
.board_detail_pop .popup_head{border-bottom:none;}
.board_detail_pop .popup_body{padding-top:5px; max-height:710px; overflow-y:auto;}
.board_detail_pop .our_board_detail{margin-bottom:30px; border-radius: 10px; border:1px solid #d9d9d9; overflow: hidden;}
.board_detail_pop .our_board_detail .info_top{position:relative; padding:15px 30px; display:flex; background:#e7eefe;}
.board_detail_pop .our_board_detail .info_top .name{position:relative; padding-right:20px; margin-right:10px; font-size:22px; font-weight:600; line-height:36px;}
.board_detail_pop .our_board_detail .info_top .name:after{content:''; position:absolute; right:0; top:50%; transform:translateY(-50%); width:2px; height:14px;}
.board_detail_pop .our_board_detail .info_top span{font-size:16px; font-weight:400; line-height:36px;}
.board_detail_pop .our_board_detail .info_top .badge_private{margin-left:20px; width:18px; height:36px; background:url('../images/ourclass/ico_private.png') no-repeat center;}
.board_detail_pop .our_board_detail .info_top .modules{position:absolute; right:30px; top:15px; display:flex; gap:8px;}
.board_detail_pop .our_board_detail .info_top .modules .btn{width:36px; height:36px; background-repeat:no-repeat; background-position:center; border-radius:50%; background-color:#8aabf7;}
.board_detail_pop .our_board_detail .info_top .modules .btn.edit{background-image:url('../images/ourclass/ico_edit.png');}
.board_detail_pop .our_board_detail .info_top .modules .btn.del{background-image:url('../images/common/ico_del2_w.png');}
.board_detail_pop .our_board_detail .info_top .modules .btn.save{display:none; background-image:url('../images/ourclass/ico_send2.png');}
.board_detail_pop .our_board_detail .info_top .modules .btn.private{background-image:url('../images/ourclass/ico_private_off.png');}
.board_detail_pop .our_board_detail .info_top .modules .btn.private.on{background-image:url('../images/ourclass/ico_private.png');}
.board_detail_pop .our_board_detail .info_cont{padding:25px 30px; min-height:204px;}
.board_detail_pop .our_board_detail .info_cont p{font-size:18px; color:#121212; font-weight:400; line-height:1.3; word-break:break-all;}
.board_detail_pop .our_board_detail .info_cont .textarea_wrap textarea{display:block; width:100%; height:137px; font-size:18px; font-weight:400; line-height:1.3; border:none; outline:none; background:transparent;}
.board_detail_pop .our_board_detail .info_cont .textarea_wrap .cnt{margin-top:10px; font-size:14px; color:#666; font-weight:400; line-height:1; text-align:right;}
.board_detail_pop .our_board_detail .info_cont .textarea_wrap .cnt span{font:inherit;}
.board_detail_pop .our_board_detail .info_cont .thumb{margin-top:25px; text-align:center;}
.board_detail_pop .our_board_detail .info_cont .thumb img{max-width:100%;}
.board_detail_pop .our_board_detail .info_cont .thumb iframe{width:100%; height:100%;}
.board_detail_pop .our_board_detail .info_cont .img{margin-top:25px; text-align:center;}
.board_detail_pop .our_board_detail .info_cont .img img{max-width:100%; max-height:400px;}

.board_detail_pop .our_board_detail.ty1{border:1px solid #78cea2;}
.board_detail_pop .our_board_detail.ty1 .info_top{background:#aee9ca;}
.board_detail_pop .our_board_detail.ty1 .info_top .name{color:#004522;}
.board_detail_pop .our_board_detail.ty1 .info_top .name:after{background:#529271;}
.board_detail_pop .our_board_detail.ty1 .info_top span{color:#004522;}
.board_detail_pop .our_board_detail.ty1 .info_top .badge_private{background-image:url('../images/ourclass/ico_private1.png');}
.board_detail_pop .our_board_detail.ty1 .info_top .modules .btn{background-color:#74cea0;}
.board_detail_pop .our_board_detail.ty1 .info_cont{background:#dff8eb url('../images/ourclass/bg_ty1.png') no-repeat right bottom;}

.board_detail_pop .our_board_detail.ty2{border:1px solid #fdc8d0;}
.board_detail_pop .our_board_detail.ty2 .info_top{background:#fdc8d0;}
.board_detail_pop .our_board_detail.ty2 .info_top .name{color:#730c1b;}
.board_detail_pop .our_board_detail.ty2 .info_top .name:after{background:#b46470;}
.board_detail_pop .our_board_detail.ty2 .info_top span{color:#730c1b;}
.board_detail_pop .our_board_detail.ty2 .info_top .badge_private{background-image:url('../images/ourclass/ico_private2.png');}
.board_detail_pop .our_board_detail.ty2 .info_top .modules .btn{background-color:#fa97a6;}
.board_detail_pop .our_board_detail.ty2 .info_cont{background:#fff1f3 url('../images/ourclass/bg_ty2.png') no-repeat right bottom;}

.board_detail_pop .our_board_detail.ty3{border:1px solid #fed57f;}
.board_detail_pop .our_board_detail.ty3 .info_top{background:#ffe5a3;}
.board_detail_pop .our_board_detail.ty3 .info_top .name{color:#332708;}
.board_detail_pop .our_board_detail.ty3 .info_top .name:after{background:#938051;}
.board_detail_pop .our_board_detail.ty3 .info_top span{color:#332708;}
.board_detail_pop .our_board_detail.ty3 .info_top .badge_private{background-image:url('../images/ourclass/ico_private3.png');}
.board_detail_pop .our_board_detail.ty3 .info_top .modules .btn{background-color:#ffcc4b;}
.board_detail_pop .our_board_detail.ty3 .info_cont{background:#fff8e6 url('../images/ourclass/bg_ty3.png') no-repeat right bottom;}

.board_detail_pop .our_board_detail.ty4{border:1px solid #d7cffd;}
.board_detail_pop .our_board_detail.ty4 .info_top{background:#d3cbfd;}
.board_detail_pop .our_board_detail.ty4 .info_top .name{color:#251863;}
.board_detail_pop .our_board_detail.ty4 .info_top .name:after{background:#776cab;}
.board_detail_pop .our_board_detail.ty4 .info_top span{color:#251863;}
.board_detail_pop .our_board_detail.ty4 .info_top .badge_private{background-image:url('../images/ourclass/ico_private4.png');}
.board_detail_pop .our_board_detail.ty4 .info_top .modules .btn{background-color:#aa9af9;}
.board_detail_pop .our_board_detail.ty4 .info_cont{background:#f1eeff url('../images/ourclass/bg_ty4.png') no-repeat right bottom;}

.board_detail_pop .comment_list_wrap .comment_total{margin-bottom:15px; padding-left:62px; line-height:25px; background:url('../images/ourclass/ico_cmt_char.png') no-repeat left center;}


/* 404 에러 페이지 */
.err404_wrap{min-height:calc(100vh - 324px); background:#f8f9fb; display:flex; align-items:center; justify-content:center;}
.err404_wrap .txt{padding:25px 0 0 207px; min-height:276px; background:url('../images/common/err_404.png') no-repeat left top;}
.err404_wrap .txt h6{font-size:28px; color:#121212; font-weight:600; line-height:1;}
.err404_wrap .txt p{margin-top:20px; font-size:16px; color:#111; font-weight:400; line-height:25px;}
.err404_wrap .txt .btns{margin-top:32px;}
.err404_wrap .txt .btns .btn{padding:0 19px; line-height:45px; border-radius:24px; letter-spacing:-0.05em;}
.err404_wrap .txt .btns .btn+.btn{margin-left:12px;}
.err404_wrap .txt .btns .btn i{margin-left:8px;display:inline-block;width:6px;height:45px; background:url('../images/common/btn_arr_right.png') no-repeat center; vertical-align:top;}


/* loading */
.loading_wrap,
.loading_wrap_double{position:fixed; left:0; right:0; top:0; bottom:0; display:flex; align-items:center; justify-content:center; background:rgba(0,0,0,.1); z-index:9500;}
.loading_wrap .img,
.loading_wrap_double .img{width:100px; height:100px; display:flex; align-items:center; justify-content:center; background:#fff; border-radius:50%;}

/* 약관 페이지 */
.serviceWrap .serviceTit{background:#f8f9fb; border:1px solid #e9edf2;}
.serviceWrap .serviceTit h1{font-size:40px; color:#111; font-weight:600; line-height:148px; text-align:center;}
.serviceContent{margin:0 auto; padding:60px 0; max-width:1200px;}
.serviceContent .serviceAnchor{padding:50px 70px 57px; display:flex; justify-content:space-around; border:1px solid #d9d9d9;}
.serviceContent .serviceAnchor dl dt{margin:25px 0 20px; font-size:20px; color:#333; font-weight:600;}
.serviceContent .serviceAnchor dl dt:first-child{margin-top:0;}
.serviceContent .serviceAnchor dl dd{padding-right:10px; line-height:24px;}
.serviceContent .serviceAnchor dl dd a{font-size:18px; color:#333; font-weight:400;}
.serviceContent .serviceAnchor dl dd a:hover{color:#5988f3;}
.serviceContent .privacyAnchor{margin:30px 0; padding:45px 150px 55px; display:flex; justify-content:space-between; border:1px solid #d9d9d9;}
.serviceContent .privacyAnchor ul li+li{margin-top:4px;}
.serviceContent .privacyAnchor ul li a{font-size:20px; color:#333; font-weight:600; line-height:2;}
.serviceContent .privacyAnchor ul li a:hover{color:#5988f3;}
.serviceContent .tit{margin:60px 0 25px; font-size:18px; color:#333; font-weight:600; line-height:1.5;}
.serviceContent .sTit{margin-top:25px; padding-bottom:10px; font-size:18px; color:#333; font-weight:600; line-height:1.5;}
.serviceContent .sTxt{font-size:16px; color:#333; font-weight:400; line-height:1.5;}
.serviceContent > ul > li{margin-top:10px;}
.serviceContent ul li{padding-left:19px; text-indent:-19px;}
.serviceContent ul.list_hyp li{padding-left:9px; text-indent:-9px;}
.serviceContent ul.list_hyp .list_sub li {font-size: 16px; color: #333; font-weight: 400;}
.serviceContent ul ul{margin-top:5px;}
.serviceContent ul li li{margin-top:5px;}
.serviceContent p{padding-left:0; text-indent:0;}
.serviceContent p span{font:inherit;}
.serviceContent dl dd{padding-left:19px;}
.serviceContent table{margin:10px 0; width:100%;}
.serviceContent table th{padding:10px 5px; font-size:14px; color:#666; font-weight:400; word-break:break-all; text-align:center; border:1px solid #e2e2e2; background:#f2f2f2;}
.serviceContent table td{padding:10px 5px; font-size:14px; color:#333; font-weight:400; word-break:break-all; border:1px solid #e2e2e2;}
.serviceContent table td.txtLine{text-decoration:underline;}
.serviceContent a{font:inherit; color:inherit;}

.share_pop p{font-size:20px; color:#000; font-weight:500; line-height:1; text-align:center;}
.share_pop .txt{margin-top:10px; display:block; font-size:16px; color:#000; font-weight:400; line-height:1; text-align:center;}
.share_pop .btn_wrap{margin-top:30px;}
.share_pop .btn_wrap .btn{padding:0 17px; min-width:100px;}

.data_upload_pop .pop_cont{width:600px;}
.data_upload_pop .tabMenu{margin-bottom:40px; display:flex; gap:9px;}
.data_upload_pop .tabMenu li a{width:110px; display:flex; align-items: center; justify-content:center; gap:9px; font-size:16px; color:#121212; font-weight:500; line-height:43px; border:1px solid #d9d9d9; border-radius:7px; background:#fff;}
.data_upload_pop .tabMenu li a i{display:inline-block; background-repeat:no-repeat; background-position:left center;}
.data_upload_pop .tabMenu li a i.ico_file{width:18px; height:19px; background-image:url('../images/mydesk/tab_ico_file.png');}
.data_upload_pop .tabMenu li a i.ico_folder{width:22px; height:18px; background-image:url('../images/mydesk/tab_ico_folder.png');}
.data_upload_pop .tabMenu li a i.ico_url{width:26px; height:11px; background-image:url('../images/mydesk/tab_ico_url.png');}
.data_upload_pop .tabMenu li.on a{background:#dce7ff;}
.data_upload_pop .tabMenu li.on a i.ico_file{background-image:url('../images/mydesk/tab_ico_file_on.png');}
.data_upload_pop .tabMenu li.on a i.ico_folder{background-image:url('../images/mydesk/tab_ico_folder_on.png');}
.data_upload_pop .tabMenu li.on a i.ico_url{background-image:url('../images/mydesk/tab_ico_url_on.png');}
.data_upload_pop .form_table dl{display:flex; gap:10px;}
.data_upload_pop .form_table dl+dl{margin-top:10px;}
.data_upload_pop .form_table dl dt{width:80px; flex:none;}
.data_upload_pop .form_table dl dt p{font-size:18px; color:#000; font-weight:500; line-height:45px;}
.data_upload_pop .form_table dl dd{flex:1;}
.data_upload_pop .form_table dl dd .btn{width:95px; font-size:16px; font-weight:600; line-height:43px; border-radius:7px;}
.data_upload_pop .info_txt{margin-top:30px; height:109px; display:flex; align-items:center; justify-content:center; flex-direction:column; background:#f8f9fc; border-radius:10px;}
.data_upload_pop .info_txt p{font-size:16px; color:#4c4c4c; font-weight:400; line-height:1.4; text-align:center;}
.data_upload_pop .btn_wrap .btn{padding:0 17px; min-width:100px;}

.tbList_wrap{margin-top:50px; border:1px solid #d9d9d9; border-radius:10px; overflow: hidden;}
.tbList{width:100%;}
.tbList tr{border-bottom:1px solid #d9d9d9;}
.tbList tbody tr:last-child{border-bottom:none;}
.tbList tr th:first-child,
.tbList tr td:first-child{padding-left:20px;}
.tbList tr th:last-child,
.tbList tr td:last-child{padding-right:20px;}
.tbList tr th{padding:10px 12px; background:#dce7ff;}
.tbList tr th p{font-size:18px; color:#121212; font-weight:500; line-height:45px;}
.tbList tr td{padding:20px 12px;}
.tbList tr td p{font-size:18px; color:#7f7f7f; font-weight:500; text-align:center;}
.tbList tr td .ellip{display:-webkit-box;text-align:left;line-height:26px;max-height:52px;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp: 2;word-break: break-all;}
.tbList tr td.tit p{text-align:left; white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.tbList tr td.tit a{font-size:18px; color:#121212; font-weight:500;}
.tbList tr td.tit a:hover{text-decoration:underline; text-underline-position:under;}
.tbList tr td.date p{font-size:16px; font-weight:400;}
.tbList tr td.nodata{padding:150px 20px; background:#f8f9fc;}
.tbList tr td.nodata p{padding-top:96px; font-size:20px; color:#7f7f7f; font-weight:400; line-height:1; text-align:center; background:url('../images/ourclass/ico_nodata.png') no-repeat center top;}
.tbList tr td .btns{display:flex;flex-wrap:nowrap;align-items:center;gap:12px;}
.tbList tr td .btns .btn_start{width:109px;height:48px;line-height:46px;text-align:center;color:#273FA1;font-size:18px;font-weight:600;border:2px solid #273FA1;border-radius:40px;}
.tbList tr td .btns .btn_result{width:109px;height:48px;line-height:46px;text-align:center;color:#fff;font-size:18px;font-weight:500;background:#273FA1;border-radius:40px;}
.tbList tr td .btns .btn_del{width:40px;height:40px;border-radius:8px;border:1px solid #5988F3;background:url('../images/ourclass/ico_btn_del.png') no-repeat center center;}
.ui-select-parent.filter{width:100%;}
.ui-select-parent.filter .select2-container .select2-selection--single{display:flex; justify-content:center; align-items:center; gap:10px; border:none; background:transparent;}
.ui-select-parent.filter .select2-container--default .select2-selection--single .select2-selection__rendered{padding:0; font-size:18px;}
.ui-select-parent.filter .select2-container--default .select2-selection--single .select2-selection__arrow{position:static; transform:translate(0);}

.data_tab_menu{margin: 40px 0 28px;}
.data_tab_menu ul{display:inline-flex; background:#f1f1f1; border-radius: 12px;}
.data_tab_menu li{position:relative;}
.data_tab_menu li a{display:block; width:180px; font-size:18px; color:#4c4c4c; font-weight:500; line-height:46px; text-align:center; border:2px solid transparent; border-radius: 10px;}
.data_tab_menu li.on a{color:#5988f3; background:#fff; border-color:#5988f3;}
.data_tab_menu li+li:before{content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:18px; background:#d9d9d9;}
.data_tab_menu li.on+li:before,
.data_tab_menu li+li.on:before{display:none;}

.data_tab_menu.dash_tab ul{width:100%;}
.data_tab_menu.dash_tab ul li{flex:1;}
.data_tab_menu.dash_tab li+li:before{content:none;}
.data_tab_menu.dash_tab ul li a{position:relative;padding:24px 0; width:100%;height:120px; line-height:27px; color:#4c4c4c;}
.data_tab_menu.dash_tab ul li a span{display:block;font-size:16px;font-weight:600; color:#121212;line-height:29px;}
.data_tab_menu.dash_tab ul li a span i{display:inline-block;font-size:20px;color:inherit;font-weight:600;vertical-align: middle;}
.data_tab_menu.dash_tab ul li a .tab_tag{margin-bottom:4px;display:inline-block;padding:8px 12px;height:36px;text-align:center;font-size:14px;font-weight:400;line-height:20px;border-radius:20px;background:#fff;color:#7f7f7f;}

.data_tab_menu.dash_tab ul li.on a{padding:28px 0;background:transparent;border:none;z-index:2;}
.data_tab_menu.dash_tab ul li.on a:before{content:'';position:absolute;left:0;top:-2px;display:block;width:100%;height:124px;border-radius:16px;background:#5988F3;box-shadow:0 6px 12px 0 rgba(0,0,0,0.14);z-index:-1;box-sizing:border-box;}
.data_tab_menu.dash_tab ul li.on a.live:before {background:#FF5454;}
.data_tab_menu.dash_tab ul li.on a .tab_tag{height:28px;line-height:12px;font-weight:600;color:#5988F3;box-shadow:0 3px 0 0 rgba(0,0,0,.06);}
.data_tab_menu.dash_tab ul li.on a span{font-weight:700;color:#fff;}
.data_tab_menu.dash_tab ul li.on a span i{font-weight:700;font-size:24px;}
.data_tab_menu.dash_tab ul li.on a:after{content:'';position:absolute;left:50%;bottom:-28px;margin-left:-7px;width:14px;height:10px;background:url('../images/common/ic_data_arr.png') no-repeat center center;}

.data_tab_menu.dash_tab ul li.on a.mylesson .tab_tag{position:relative;height:36px;line-height:20px;font-weight:600;border-radius:18px;background:#fff;color:#5988F3;box-shadow:none;}
.data_tab_menu.dash_tab ul li.on a.mylesson .tab_tag:after{content:'';position:absolute;right:12px;bottom:-5px;width:21px;height:5px;background:url(../images/myclass/tab_tag_tail.png) no-repeat center center;}
.data_tab_menu.dash_tab ul li.on a.mylesson.live .tab_tag{background:#fff;}
.data_tab_menu.dash_tab ul li.on a.mylesson.live .tab_tag:after{content:none;}
.data_tab_menu.dash_tab ul li a.mylesson.live .livemark{display:block;margin:0 auto 4px;width:77px;height:36px;background:#fff url(../images/ourclass/ico_livemark.png) no-repeat center center;}
.data_tab_menu.dash_tab ul li.on a.mylesson.live .livemark{display:block;margin:0 auto 4px;width:77px;height:28px;background:#fff url(../images/ourclass/ico_livemark.png) no-repeat center center;box-shadow:0 3px 0 0 rgba(0,0,0,0.06);}
.data_tab_menu.dash_tab ul li a.mylesson .btn_tab_info{margin-left:5px;margin-top:3px;display:inline-block;width:25px;height:24px;background:url(../images/ourclass/ico_layer_info.png) no-repeat center center;vertical-align:middle;}
.data_tabconts{padding:52px;border:2px solid #5988F3;border-radius:12px;}
.data_tabconts .page_top{margin-top:0;}
.data_tabconts > div:first-child .dash_page_top{margin-top:0;}

.vote_list>li{padding:24px 30px 23px; align-items: center; justify-content: space-between; gap:30px;}
.vote_list>li.on{background:#f3f7fe;}
.vote_list>li .tit_box{display:flex; align-items:center; gap:10px;}
.vote_list>li .v_badge{padding:0 6px; flex:none; font-size:14px; color:#5988f3; font-weight:500; line-height:20px; border:1px solid #8aabf7; border-radius:3px; background:#fff;}
.vote_list>li .v_badge.ty2{color:#4c4c4c; border-color:#c0c2c2;}
.vote_list>li .tit{margin-top:0;line-height:1;}
.vote_list>li .right{flex:none;}
.vote_list>li .vote_badge{width:98px; font-size:16px; color:#121212; font-weight:500; text-align:center; line-height:43px; border:1px solid #5988f3; border-radius:7px; background:#fff;}
.vote_list>li .vote_badge.ty2{color:#fff; border-color:#8aabf7; background:#8aabf7;}
.vote_list>li.private .tit{line-height:50px; color:#999;}
.vote_list>li.new .tit{position:relative; padding-right:17px;}
.vote_list>li.new .tit:after{content: '';position: absolute;right: 0;top:0;width: 6px;height: 6px;background: #ff5454;border-radius: 50%;}

.detail_wrap .modules .btn_privacy{position:relative; padding:0;}
.detail_wrap .modules .btn_privacy > a{padding:5px; display:block;}
.detail_wrap .modules .btn_privacy > a span{display:block; width:22px; height:23px; background:url('../images/ourclass/ico_privacy_g_off.png') no-repeat center;}
.detail_wrap .modules .btn_privacy.on > a span{width:18px; background-image:url('../images/ourclass/ico_privacy_g.png');}
.detail_wrap .modules .btn_privacy .layer_txt{display:none; position:absolute; left:-32px; top:100%; margin-top:5px; padding:11px 20px; background:#fff; border:2px solid #ff5454; border-radius:20px; z-index:5;}
.detail_wrap .modules .btn_privacy .layer_txt:after{content:''; position:absolute; left:36px; top:-11px; width:15px; height:11px; background:url('../images/ourclass/layer_arr_obj.png') no-repeat center;}
.detail_wrap .modules .btn_privacy .layer_txt .box{display:flex; align-items:center; gap:10px;}
.detail_wrap .modules .btn_privacy .layer_txt p{font-size:14px; color:#ff3131; font-weight:400; line-height:1; white-space: nowrap;}
.detail_wrap .modules .btn_privacy .layer_txt .layer_txt_close{width:10px; height:10px; background:url('../images/common/ico_del.png') no-repeat center;}
.detail_wrap .modules .btn_privacy.on .layer_txt{display:block;}
.detail_wrap .modules .btn_privacy .layer_txt.hide{display:none;}

.vote_detail_wrap .modules{gap:7px;}
.vote_detail_wrap .mem_list_box{position:absolute; right:30px; bottom:20px; padding-left:11px;}
.vote_detail_wrap .mem_list{padding:0 20px; width:155px; background:#fff; border-radius:16px; cursor:pointer;}
.vote_detail_wrap .mem_list dl{position:relative; display:flex; align-items:center; justify-content: space-between;}
.vote_detail_wrap .mem_list dl dt{font-size:15px; color:#4c4c4c; font-weight:600; line-height:33px;}
.vote_detail_wrap .mem_list dl dd{font-size:15px; color:#4c4c4c; font-weight:500; line-height:33px;}
.vote_detail_wrap .mem_list dl dd span{font:inherit;}
.vote_detail_wrap .mem_list dl dd .cur{color:#ff5454; font-weight:600;}
.vote_detail_wrap .mem_list .layer_info_member_popup{right:100%;}
.vote_detail_wrap .mem_list_box:hover dl:after{content:''; position:absolute; left:0; right:0; bottom:7px; height: 1px; background:#4c4c4c;}
.vote_detail_wrap .mem_list_box.off .mem_list{cursor:auto;}
.vote_detail_wrap .mem_list_box.off:hover dl:after{display:none;}
.vote_detail_wrap .editor_area p + .vote_item_list{margin-top:34px;}
.vote_detail_wrap .vote_item_list > li+li{margin-top:20px;}
.vote_detail_wrap .vote_item_list li .vote_item{display:flex; gap:24px; align-items:center;}
.vote_detail_wrap .vote_item_list li .vote_item .num{position:relative; flex:none; width:36px; height:36px; font-size:20px; color:#4c4c4c; font-weight:600; text-align:center; line-height:36px; border-radius:50%; background:#e5e5e5;}
.vote_detail_wrap .vote_item_list li .vote_item .txt{flex:1;}
.vote_detail_wrap .vote_item_list li .vote_item .txt p{font-size:16px; color:#121212; font-weight:600; line-height:20px;}
.vote_detail_wrap .vote_item_list li .vote_item .txt .bar_wrap{margin-top:2px; display:flex; gap:14px; align-items: center;}
.vote_detail_wrap .vote_item_list li .vote_item .txt .bar_wrap .bar{min-width:5px; height:10px; border-radius: 3px; background:#e5e5e5;}
.vote_detail_wrap .vote_item_list li .vote_item .txt .bar_wrap .vote_mem_list{position:relative; padding-left:11px; flex:none;}
.vote_detail_wrap .vote_item_list li .vote_item .txt .bar_wrap .vote_mem_list .btn_mem_list{font-size:16px; color:#121212; line-height:27px; font-weight:400;}
.vote_detail_wrap .vote_item_list li .vote_item .txt .bar_wrap .vote_mem_list .btn_mem_list i{margin-right:5px; display:inline-block; width:24px; height:27px; background:url('../images/ourclass/ico_vote_mem.png') no-repeat center; vertical-align:top;}
.vote_detail_wrap .vote_item_list li .vote_item .txt .bar_wrap .vote_mem_list .btn_mem_list span{font:inherit;}
.vote_detail_wrap .vote_item_list li .vote_item .txt .bar_wrap .vote_mem_list .btn_mem_list:hover{color:#5988f2;}
.vote_detail_wrap .vote_item_list li .vote_item .txt .bar_wrap .vote_mem_list .btn_mem_list:hover i{background-image:url('../images/ourclass/ico_vote_mem_over.png')}
.vote_detail_wrap .vote_item_list li .vote_item .txt .bar_wrap .vote_mem_list .layer_info_member_popup{right:100%;}
.vote_detail_wrap .vote_item_list li input[type=radio]:checked + label .txt p,
.vote_detail_wrap .vote_item_list li .vote_item.active .txt p{color:#5988f2;}
.vote_detail_wrap .vote_item_list li input[type=radio]:checked + label .num:after,
.vote_detail_wrap .vote_item_list li .vote_item.active .num:after{content:''; position:absolute; left:0; top:0; width:36px; height:36px; background:#5988f2 url('../images/ourclass/ico_vote_chk.png') no-repeat center; border-radius:50%;}
.vote_detail_wrap .vote_item_list li .vote_item.active .txt .bar_wrap .bar{background:#5988f2;}
.vote_detail_wrap .vote_item_list li .vote_item.active .txt .bar_wrap .vote_mem_list .btn_mem_list{color:#121212;}
.vote_detail_wrap .vote_item_list li .vote_item.active .txt .bar_wrap .vote_mem_list .btn_mem_list i{background-image:url('../images/ourclass/ico_vote_mem_on.png');}
.vote_detail_wrap .vote_item_list li:hover input[type=radio]:disabled + label .txt p{color:#121212;}
.vote_detail_wrap .vote_item_list li:hover input[type=radio]:disabled + label .num{background:#e5e5e5; color:#4c4c4c;}
.vote_detail_wrap .vote_item_list li:hover input[type=radio] + label .txt p,
.vote_detail_wrap .vote_item_list li:hover input[type=radio]:checked + label .txt p{color:#5988f2;}
.vote_detail_wrap .vote_item_list li:hover input[type=radio] + label .num,
.vote_detail_wrap .vote_item_list li:hover input[type=radio]:checked + label .num,
.vote_detail_wrap .vote_item_list li .vote_item.on .num{background:#5988f2; color:#fff;}

.vote_detail_cmt_wrap{position:relative; margin-top:30px; padding:20px; border-radius:10px; background:#f3f6fe; display:flex; gap:20px;}
.vote_detail_cmt_wrap .cmt_label{width:134px; flex:none; height:67px; font-size:16px; color:#121212; font-weight:500; line-height:53px; text-align:center; background:url('../images/ourclass/ico_txt_bg.png') no-repeat center;}
.vote_detail_cmt_wrap .cmt_wrap{flex:1;}
.vote_detail_cmt_wrap .cmt_wrap .textarea_wrap textarea{padding:15px 20px; display:block; width:100%; height:94px; outline:none; border:1px solid #d9d9d9; border-radius: 7px; font-size:16px; color:#121212; font-weight:400;}
.vote_detail_cmt_wrap .cmt_wrap .textarea_wrap .cnt{margin-top:10px; font-size:14px; color:#4c4c4c; font-weight:400; line-height:1; text-align: right;}
.vote_detail_cmt_wrap .cmt_wrap .textarea_wrap .cnt .cur{font:inherit;}
.vote_detail_cmt_wrap .cmt_wrap ul{padding:15px 0;}
.vote_detail_cmt_wrap .cmt_wrap ul li{display:flex;}
.vote_detail_cmt_wrap .cmt_wrap ul li+li{margin-top:5px;}
.vote_detail_cmt_wrap .cmt_wrap ul li p{flex:1; font-size:16px; color:#121212; font-weight:400; line-height:22px; white-space:pre-line; word-break:break-all;}
.vote_detail_cmt_wrap .cmt_wrap ul li p.name{position:relative; margin-right:9px; padding-right:17px; flex:none; font-weight:900;}
.vote_detail_cmt_wrap .cmt_wrap ul li p.name:after{content:''; position:absolute; right:0; top:4px; width:1px; height:14px; background:#4e4f51;}
.vote_detail_cmt_wrap .cmt_wrap ul li.anonym{position:relative; padding-left:12px;}
.vote_detail_cmt_wrap .cmt_wrap ul li.anonym:before{content:'-'; position:absolute; left:0; font-size:16px; color:#121212; font-weight:900;}
.vote_detail_cmt_wrap .cmt_wrap ul.nodata{min-height:128px;}
.vote_detail_cmt_wrap .cmt_wrap ul li.nodata{position:absolute; left:50%; top:50%; transform:translate(-50%, -50%);}
.vote_detail_cmt_wrap .cmt_wrap ul li.nodata p{padding-top:80px; font-size:18px; color:#7f7f7f; font-weight:500; line-height:1; text-align:center; background:url('../images/ourclass/ico_nodata5.png') no-repeat center top;}

.layer_info_member_popup{position:absolute; top:-13px; right:calc(100% + 11px); padding:17px 20px; width:160px; background:#fff; border:2px solid #ff5454; border-radius: 15px; box-shadow: 0 3px 3px 0 rgba(0,0,0,.07); z-index:1; opacity:0; visibility:hidden;}
.layer_info_member_popup.open{opacity:1; visibility:visible;}
.layer_info_member_popup:after{content:''; position:absolute; right:-11px; top:19px; width:12px; height:13px; background:url('../images/ourclass/arr_view_pop.png') no-repeat center;}
.layer_info_member_popup h6{padding:0 23px 10px 0; font-size:16px; color:#121212; font-weight:400; line-height: 1; white-space:nowrap;}
.layer_info_member_popup h6 .c_point{font-size:inherit; color:#ff5454; font-weight:600;}
.layer_info_member_popup .view_close{position:absolute; top:9px; right:4px; padding:5px;}
.layer_info_member_popup .view_close span{display:block; width:10px; height:10px; background:url('../images/ourclass/ico_view_close.png') no-repeat center;}
.layer_info_member_popup .customScrollBox .mCSB_outside+.mCSB_scrollTools{right:-18px;}
.layer_info_member_popup .customScrollBox{padding:10px 0; max-height:136px; border-top:1px solid #c0c2c2; overflow-y:auto;}
.layer_info_member_popup ul li{font-size:16px; color:#4c4c4c; font-weight:400; line-height:20px;}
.layer_info_member_popup ul li+li{margin-top:3px;}

.layer_info_member_popup.ty2{border-color:#5988f2;}
.layer_info_member_popup.ty2:after{background-image:url('../images/ourclass/arr_view_pop2.png');}
.layer_info_member_popup.ty2 h6 .c_point{color:#5988f2;}

.album_list_wrap{margin-top:14px;}
.album_list_wrap ul{display:flex; gap:20px 14px; flex-wrap:wrap;}
.album_list_wrap ul li{width:calc(33.33% - 28px/3);}
.album_list_wrap ul li a{display:block;}
.album_list_wrap ul li .thumb{position:relative; border:1px solid #d9d9d9; border-radius:15px;}
.album_list_wrap ul li .thumb:after{content:''; display:block; padding-bottom:67.5%;}
.album_list_wrap ul li .thumb .img{position:absolute; left:0; right:0; top:0; bottom:0; background:#fff; border-radius:15px; overflow:hidden;}
.album_list_wrap ul li .thumb .img img{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); width:100%; height:100%; object-fit:contain;}
.album_list_wrap ul li .thumb .badge{position:absolute; right:14px; top:14px; width:22px; height:24px; background:url('../images/ourclass/ico_images.png') no-repeat center; z-index:1;}
.album_list_wrap ul li .thumb .hover_box{display:none;position:absolute; top:-1px; right:-1px; bottom:-1px; left:-1px; border:3px solid #5988f3; background:rgba(53,63,84,.8); border-radius: 15px;}
.album_list_wrap ul li .thumb .hover_box:after{content:''; position:absolute; left:50%; top:50%; transform:translate(-50%, -50%); width:51px; height:51px; background:#5988f3 url('../images/ourclass/arr_right2.png') no-repeat center; border-radius:50%;}
.album_list_wrap ul li .txt{margin-top:10px; padding:0 10px; display:flex; justify-content:space-between;}
.album_list_wrap ul li .txt p{font-size:16px; color:#121212; font-weight:600; line-height:21px;}
.album_list_wrap ul li .txt p span{font-size:inherit; font-weight:400;}
.album_list_wrap ul li .txt p.cmt{padding-left:30px; font-weight:400; background:url('../images/ourclass/cmt.png') no-repeat left center;}
.album_list_wrap ul li a:hover .thumb .hover_box{display:block;}
.album_list_wrap ul li.nodata{padding-top:146px; width:100%;}
.album_list_wrap ul li.nodata p{padding-top:200px; font-size:16px; color:#666; font-weight:400; line-height:1; text-align:center; background:url('../images/ourclass/img_nodata2.png') no-repeat center top;}
.album_list_wrap ul li.private .thumb{background: #f8f9fc;}
.album_list_wrap ul li.private .thumb p{position:absolute; left:50%; top:50%; transform:translate(-50%,-50%); font-size:16px;line-height: 1;color: #848484;text-align:center;}

.folder_edit_pop .pop_cont{width:600px;}
.folder_edit_pop .tree_module{margin-bottom:20px; display:flex; justify-content:space-between; border:1px solid #d9d9d9; border-radius:10px; background:#f8f9fc;}
.folder_edit_pop .tree_module .arrs{display:flex;}
.folder_edit_pop .tree_module .arrs .btn_arr{width:110px; height:55px; border-right:1px solid #d9d9d9; }
.folder_edit_pop .tree_module .arrs .btn_arr.up{background:url('../images/mydesk/arr_tree_up.png') no-repeat center;}
.folder_edit_pop .tree_module .arrs .btn_arr.down{background:url('../images/mydesk/arr_tree_down.png') no-repeat center;}
.folder_edit_pop .tree_module .btns{padding-right:23px; display:flex; gap:10px;}
.folder_edit_pop .tree_module .btns .btn{width:52px; height:55px;}
.folder_edit_pop .tree_module .btns .btn.add{background:url('../images/mydesk/ico_add_page.png') no-repeat center;}
.folder_edit_pop .tree_module .btns .btn.del{background:url('../images/mydesk/ico_del.png') no-repeat center;}
.folder_edit_pop .tree_wrap{padding:15px 0; max-height:320px; border-radius:10px; border:1px solid #d9d9d9; overflow-y:auto;}
.folder_edit_pop .mCSB_inside>.mCSB_container{margin-right:13px;}
.folder_edit_pop .jstree-container-ul > li{padding-left:25px;}
/*.folder_edit_pop .jstree-container-ul > li > .jstree-ocl{display:none;}*/ /*root폴더 화살표 제거*/
.folder_edit_pop .jstree-default .jstree-node{margin-left:16px;}
.folder_edit_pop .jstree-default .jstree-anchor{position:relative; height:auto; width:calc(100% - 24px); font-size:18px; color:#4c4c4c; line-height:40px;}
.folder_edit_pop .jstree-default .jstree-anchor .jstree-icon{margin:10px 4px 10px 0; width:22px; height:20px; line-height:20px; background-repeat:no-repeat; background-position:left top;}
.folder_edit_pop .jstree-default .jstree-anchor .jstree-icon.file{background-image:url('../images/common/ic_file.png');}
.folder_edit_pop .jstree-default .jstree-anchor .jstree-icon.file.pdf{background-position: 0 0;}
.folder_edit_pop .jstree-default .jstree-anchor .jstree-icon.file.doc,
.folder_edit_pop .jstree-default .jstree-anchor .jstree-icon.file.docx{background-position: 0 -20px;}
.folder_edit_pop .jstree-default .jstree-anchor .jstree-icon.file.xls,
.folder_edit_pop .jstree-default .jstree-anchor .jstree-icon.file.xlsx{background-position: 0 -40px;}
.folder_edit_pop .jstree-default .jstree-anchor .jstree-icon.file.zip{background-position: 0 -60px;}
.folder_edit_pop .jstree-default .jstree-anchor .jstree-icon.file.hwp{background-position: 0 -80px;}
.folder_edit_pop .jstree-default .jstree-anchor .jstree-icon.file.ppt,
.folder_edit_pop .jstree-default .jstree-anchor .jstree-icon.file.pptx,
.folder_edit_pop .jstree-default .jstree-anchor .jstree-icon.file.pptm{background-position: 0 -100px;}
.folder_edit_pop .jstree-default .jstree-anchor .jstree-icon.file.wav,
.folder_edit_pop .jstree-default .jstree-anchor .jstree-icon.file.wma,
.folder_edit_pop .jstree-default .jstree-anchor .jstree-icon.file.mp3{background-position: 0 -120px;}
.folder_edit_pop .jstree-default .jstree-anchor .jstree-icon.file.png,
.folder_edit_pop .jstree-default .jstree-anchor .jstree-icon.file.jpg,
.folder_edit_pop .jstree-default .jstree-anchor .jstree-icon.file.jpeg{background-position: 0 -160px;}
.folder_edit_pop .jstree-default .jstree-anchor .jstree-icon.file.avi,
.folder_edit_pop .jstree-default .jstree-anchor .jstree-icon.file.mp4,
.folder_edit_pop .jstree-default .jstree-anchor .jstree-icon.file.mkv,
.folder_edit_pop .jstree-default .jstree-anchor .jstree-icon.file.mov{background-position: 0 -180px;}
.folder_edit_pop .jstree-default .jstree-anchor .jstree-icon.file.url{width:24px; background-image:url('../images/common/ico_url.png'); background-position-y:center;}
.folder_edit_pop .jstree-default .jstree-anchor .jstree-icon.folder{background-image:url('../images/common/ico_folder.png');}
.folder_edit_pop .jstree-default .jstree-clicked{color:#2d57b6; font-weight:600;}
.folder_edit_pop .jstree-default .jstree-wholerow{height:40px; border:1px solid transparent;}
.folder_edit_pop .jstree-default .jstree-wholerow-clicked{border-color:#2d57b6; background:transparent;}
.folder_edit_pop .jstree-default .jstree-wholerow-hovered{background:#f8f9fc;}
.folder_edit_pop .jstree-default .jstree-ocl{height:40px;}
.folder_edit_pop .jstree-default .jstree-closed>.jstree-ocl{background:url('../images/mydesk/arr_tree.png') no-repeat center; transform:rotate(0);}
.folder_edit_pop .jstree-default .jstree-open>.jstree-ocl{background:url('../images/mydesk/arr_tree.png') no-repeat center; transform:rotate(90deg);}
.folder_edit_pop .jstree-default .jstree-anchor .btn_rename{display:none; position:absolute; top:0; right:15px; width:40px; height:40px; background:url('../images/mydesk/ico_edit.png') no-repeat center;}
.folder_edit_pop .jstree-default .jstree-anchor:hover>.btn_rename{display:block;}

.jstree-rename-input{
	padding:0 16px !important;
	width:calc(100% - 26px) !important;
	height:38px !important;
	font-size:16px !important;
	color:#7f7f7f !important;
	font-weight:300 !important;
	border:1px solid #d9d9d9 !important;
	border-radius:7px;
}

.vote_add_list{}
.vote_add_list li+li{margin-top:10px;}

/* 이용약관 / 개인정보처리방침 - 이전약관 스타일 */
.oldVerWrap{margin-top:70px;padding-top:70px;border-top:1px dashed #ccc;}
.oldVerWrap > .item + .item{margin-top:30px;}
.oldVerWrap .oldVerTit{font-size:15px;font-weight:400;color:#333;}
.oldVerWrap .oldVer_link{padding:0;}
.oldVerWrap .oldVer_link > li{padding:0; text-indent:0;}
.oldVerWrap .oldVer_link > li > a{position:relative;padding-left:16px;font-weight:400;color:#333;line-height:1;}
.oldVerWrap .oldVer_link > li > a:before{content:'▶';position:absolute;left:0;top:2px;color:#333;}
.oldVerWrap .oldVer_link > li > a:hover{text-decoration:underline;text-underline-position:under;color:#4083ee;}
.oldVerWrap .oldVer_link > li > a:hover:before{color:#4083ee;}

/* 약관 이전 팝업 */
.termsPopup,
.privacyPopup {width: 700px; height: 700px; position: fixed;  left: 50%; top:50%; margin-left: -350px;  margin-top: -350px; background: #fff; z-index: 9999;} /* 약관팝업 */
.termsPopup .popHeader, .privacyPopup .popHeader {position: relative;height:auto; background: #ebf1fb; width: 100%;}
.termsPopup .popHeader h1, .privacyPopup .popHeader h1{padding: 40px 30px 36px; font-weight: 600; font-size: 22px; color: #444444; border: none;letter-spacing:-0.05em;text-align:left;}
.termsPopup .popHeader h1 span, .privacyPopup .popHeader h1 span{color:#3d78d6;font-size:inherit;font-weight: inherit;}
.termsPopup .popHeader a.pop_close, .privacyPopup .popHeader a.pop_close {display: block;position: absolute;top: 39px;right: 30px;width: 25px;height: 25px;background: url('../images/common/btn_popup_close.png') no-repeat 0 0;}
.termsPopup .popContent, .privacyPopup .popContent {padding: 20px 30px; border:1px solid #e1e1e1; border-top:0 none;background:#ffffff;}
.termsPopup .popContent iframe, .privacyPopup .popContent iframe {border: 1px solid #e1e1e1; width: 640px; height: 600px; overflow-y: auto;}
.termsPopup .popUp_btns, .privacyPopup .popUp_btns {width: 150px; margin: 0 auto; padding: 0 !important;}
.termsPopup .popUp_btns li, .privacyPopup .popUp_btns li {display: inline-block;  width: auto !important; padding: 0 5px 0 0;}
.termsPopup .popContent,
.privacyPopup .popContent {position: relative; height:608px; padding:20px 30px; overflow-x: hidden; overflow-y: auto; -webkit-overflow-scrolling: touch;}
.termsPopup .popContent iframe,
.privacyPopup .popContent iframe {width:100%; height: 100%; border:0; /* Android 이중 스크롤 방지 */ position:absolute; top:0; left:0;}
.dimmed2 {position: fixed;left: 0;right: 0;bottom: 0;top: 0;background: #000;opacity: 0.4;z-index: 9998;}

.serviceContent.old {padding: 20px 30px;}
.serviceContent.old .serviceContent {padding:0;}
.serviceContent.old .serviceAnchor{padding:25px 35px; display:block;}
.serviceContent.old .privacyAnchor{padding:25px 35px; display:block;}
.serviceContent.old .tit:first-child{margin-top:0;}

/* 자유게시판 추가 팝업 */
.add_board_pop{}
.add_board_pop p{font-size:20px; color:#000; font-weight:500; text-align:center; line-height:1;}
.add_board_pop .input_wrap{margin-top:40px; padding:0 36px;}
.add_board_pop .input_wrap input{padding:0 18px; width:100%; height:45px; font-size:16px; color:#121212; font-weight:500; border:1px solid #d9d9d9; border-radius:7px;}
.add_board_pop .cnt{margin-top:10px; padding:0; font-size:14px; color:#7f7f7f; text-align:right;}
.add_board_pop .cnt span{font:inherit;}
.add_board_pop .btn_wrap{margin-top:20px;}
.add_board_pop .btn_wrap [class*="btn_type"]{min-width:100px;}

.foot_info_txt_right{margin-top:10px;font-size: 16px;color: #121212;font-weight: 400;text-align:right;}

.dashboard_tb .tbList tr th:first-child,
.dashboard_tb .tbList tr td:first-child{padding-left:20px;}
.dashboard_tb .tbList thead tr th:first-child{padding-left:14px;}
.dashboard_tb p{word-break:keep-all; word-wrap:break-word;}

/* 내 클래스 메인 대시보드 */
.dash_tit{position:relative; margin-bottom:20px; font-size:18px; color:#000; font-weight:600;line-height:26px;}
.dash_tit span{font:inherit;}
.dash_tit strong{font:inherit; color:#5988f3;}
.dash_tit .ico_badge{margin-right:10px; display:inline-block; width:24px; height:24px; background:url('../images/mydesk/ico_badge.png') no-repeat center; vertical-align:middle;}
.dash_page_top{margin:40px 0 20px;display:flex;flex-wrap:wrap;align-items: center;}
/*.dash_page_top:before{content:'';margin-right:8px;width:34px;height:34px;display:inline-block;background:url('../images/common/ico_dashboard.png') no-repeat left center;}*/

.dash_page_top .dash_tit{margin-bottom:0;}
.dash_page_top .dash_cnt{margin-left:12px;padding:0 8px;height:27px;display:inline-block;background:rgba(255,84,84,0.1);border-radius:4px;}
.dash_page_top .dash_cnt span{line-height:27px;font-size:16px;font-weight:600;color:#FF5454;}
.dash_page_top .module_opt{margin-left:auto;}
.dash_page_top .module_opt .module_seltype{width:198px;}
.dash_page_top .module_opt .module_seltype .select2-container{width:100%!important;}
.dash_sub_txt{font-size:15px; color:#4c4c4c;}
.dash_item_box.student {padding:36px;margin-top:60px;position:relative;border:2px solid #618df3; border-radius:12px;}
.dash_item_box+.dash_item_box{margin-top:20px;}
.dash_item_box > ul{display:flex; gap:16px;}
.dash_item_box > ul > li{flex:1;}
.dash_item_box > ul > li.fl2{flex:2.5;}
.dash_item_box > ul > li:last-child{border-right:none;flex:1.5;}
.dash_item_box > ul > li .top{margin-bottom:15px; text-align:center;}
.dash_item_box > ul > li .top strong{font-size:20px; color:#121212; font-weight:700;}
.dash_item_box > ul > li .txt{padding:20px 10px;background:#DCE7FF;border-radius:10px;height:132px;}
.dash_item_box > ul > li .txt p{font-size:16px; color:#121212; font-weight:400; text-align:center; line-height:90px;}
.dash_item_box > ul > li .txt p span{display:inline-block; font-size:26px; color:#5988f3; font-weight:600; vertical-align:bottom;}
.dash_item_box > ul > li .txt p .underline{position:relative; display:inline-block; font:inherit}
.dash_item_box > ul > li .txt p .underline:after{content:''; position:absolute; left:0; right:0; bottom:-5px; height:1px; background:#121212;}
.dash_item_box > ul > li .txt.br0{border-radius:0;position:relative;}
.dash_item_box > ul > li .txt.brl10{border-radius:10px 0 0 10px;}
.dash_item_box > ul > li .txt.brr10{border-radius:0 10px 10px 0;}
.dash_item_box > ul > li .txt.br0:after{content:'';display:inline-block;position:absolute;right:0;top:50%;transform:translateY(-50%);width:1px;height:76px;background:rgba(89, 136, 243, 0.4);}
.dash_item_box > ul > li.fl2 .sub li:last-of-type .txt.br0:after{content:none;}
.dash_item_box > ul > li .txt.dbline p{line-height:42px;}
.dash_item_box > ul > li .txt.dbline p span{font-size:23px;}
.dash_item_box > ul > li .info{position:relative; margin:15px auto 0; display:block; font-size:14px; color:#787878; font-weight:400; line-height:18px; text-align:right;}
.dash_item_box > ul > li .info:after{content:''; margin-left:10px; display:inline-block; width:7px; height:18px; background:url('../images/mydesk/arr_tree.png') no-repeat center; vertical-align:top;}
.dash_item_box > ul > li .sub{display:flex; justify-content:center;border-radius:10px;}
.dash_item_box > ul > li .sub li{flex:1;}
.dash_item_box > ul > li .sub li .txt p{line-height:52px;}
.dash_item_box > ul > li .sub li .txt .sub_tit{margin:0 auto 5px; max-width:73px; height:36px; font-size:14px; color:#121212; line-height:34px; font-weight:400; text-align:center; background:#fff; border-radius:20px;}
.dash_item_box > ul > li .sub li .txt.dbline p{line-height:26px;}
.dash_item_box > ul > li .sub li .txt.dbline .sub_tit{line-height:34px;}
.dash_item_box > ul > li .txt_fl_box{display:flex; flex-wrap:wrap; gap:10px;}
.dash_item_box > ul > li .txt_fl_box .txt{flex:auto; height:auto;}
.dash_item_box > ul > li .txt_fl_box .fl100{flex:none; width:100%;}
.dash_item_box > ul > li .txt_fl_box .txt p{line-height:21px;}
.dash_item_box > ul > li .txt_fl_box .txt p span{font-size:24px;}
.dash_item_box > ul > li .txt_fl_box.ty2 .txt{width:100%; flex:none; display:flex; justify-content:space-between; align-items:center;}
.dash_item_box.student{margin-top:25px;}
.dash_item_box.student > ul > li .txt{height:112px;}
.dash_item_box.student > ul > li .txt.lh72 p{line-height:72px;}
.dash_item_box.student > ul > li .txt_fl_box{flex-wrap:nowrap;gap:0;}
.dash_item_box.student > ul > li .txt_fl_box .txt{width:unset;flex:1;}
.dash_item_box.student > ul > li .txt.br0:last-of-type:after {content:none;}
.dash_item_box.student > ul > li:last-child {flex:1;}
.dash_item_box.student > ul > li .txt_fl_box.ty2 .txt {flex-direction: column;justify-content:normal;gap:8px;}
.dash_item_box.student > ul > li .txt p.sub_tit{margin-top:5px;padding:0 12px;font-size:14px;text-align:center;font-weight:400;color:#4C4C4C;background:#fff;border-radius:20px;line-height:31px;}

.dash_item_box > ul > li.active .txt{background:#5988F3;}
.dash_item_box > ul > li.active .txt p{color:#fff;}
.dash_item_box > ul > li.active .txt p span{color:#fff;}

.dash_item_box .btns{margin:15px 0; padding:0 20px; display:flex; gap:15px;}
.dash_item_box .btns .btn{padding:0 15px; display:inline-flex; align-items:center; font-size:15px; color:#121212; line-height:38px; border:1px solid #121212;}
.dash_item_box .btns .btn.on{color:#fff; background:#2c57b6; border-color:#2c57b6;}
.dash_item_box .chartBox{width:100%; padding:20px; min-height:320px;}

.btn_down_pdf{padding:0 20px; line-height:43px; border-radius:23px;}
.btn_down_pdf i{margin-right:10px; display:inline-block; width:25px; height:43px; background:url('../images/common/ico_down2_w.png') no-repeat center; vertical-align:top;}

/*대시보드 수업 배너*/
.live_notice_banner{display:flex;flex-direction:column;justify-content: center;align-items: center; width:100%;height:357px;border-radius:12px;gap:16px;background:url(../images/myclass/live_lisson_bannerbg.png) no-repeat center center;overflow:hidden;}
.live_notice_banner p{font-size:16px;font-weight:400;color:#121212;line-height:23px;}
.live_notice_banner p span{font-size:16px;font-weight:600;color:#2D57B6;}
.live_notice_banner .attention{width:183px;height:45px;text-align:center;background:#ff5454;border-radius:22px;}
.live_notice_banner .attention p{color:#fff;font-size:20px;font-weight:600;line-height:45px;}
.live_notice_banner .btn_enter_lesson{margin:24px auto 0;width:240px;height:72px;line-height:70px;border-radius:12px;text-align:center;font-size:28px;font-weight:600;color:#fff;background:#2D57B6;}
.data_tabconts.intro{padding:60px 52px 80px;background:#fff;}
.data_tabconts.intro h3{font-size:32px;font-weight:600;color:#121212;text-align:center;}
.data_tabconts.intro h3 span{font:inherit;color:#5988F3;}
.data_tabconts.intro p{color:#7F7F7F;font-size:14px;font-weight:400;line-height:20px;text-align:center;}
.data_tabconts.intro .intro_lesson{margin:12px auto 0;position:relative;overflow:hidden;width:868px;}
.data_tabconts.intro .intro_lesson .swiper-slide{text-align:center;}
.data_tabconts.intro .intro_lesson .swiper-slide h4{margin-bottom:28px;font-size:20px;color:#121212;font-weight:400;}
.data_tabconts.intro .intro_lesson .swiper-slide h4 span{font-size:20px;color:#FF5454;font-weight:600;}
.data_tabconts.intro .intro_lesson .swiper-button-prev:after,.data_tabconts.intro .intro_lesson .swiper-button-next:after{content:none;}
.data_tabconts.intro .intro_lesson .swiper-button-next{right:0;width:46px;height:48px;background:url(../images/myclass/btn_next_slide.png) no-repeat center center;}
.data_tabconts.intro .intro_lesson  .swiper-button-prev{left:0;width:46px;height:48px;background:url(../images/myclass/btn_prev_slide.png) no-repeat center center;}
.dash_info_layer_box{position:relative; margin-left:5px; display:inline-block;}
.dash_info_layer_box .btn_dash_info_layer{display:block; margin-bottom:-4px; width:24px; height:24px; background:url('../images/account/ico_tooltip2.png') no-repeat center;}
.dash_info_layer_box .dash_info_layer_pop{display:none; position:absolute; left:33px; top:-18px; padding:10px 14px; text-align:left; line-height:1.2; background:#fff; border:2px solid #ff5454; border-radius:10px; box-shadow:0 3px 0 0 rgba(0,0,0,.07); z-index:100;}
.dash_info_layer_box .dash_info_layer_pop:before{content:''; position:absolute; left:-11px; top:18px; width:11px; height:20px; background:url('../images/myclass/arr_info_layer.png') no-repeat right top;}
.dash_info_layer_box .dash_info_layer_pop span{margin:0; font-size:16px; color:#4c4c4c; font-weight:400; line-height:1.2; white-space:nowrap; text-align:left;}
.dash_info_layer_box:hover .dash_info_layer_pop{display:block;}
.__dash_info{display:flex; align-items:center;gap:8px;padding:12px 20px;background:#F1F1F1;border-radius:40px;}
.__dash_info .dash_info_layer_box .dash_info_layer_pop{left:unset; right:-20px; top:-120px;}
.__dash_info .dash_info_layer_box .dash_info_layer_pop:before{left:unset; right:20px; top:unset; bottom:-16px; transform:rotate(-90deg); height:21px;}

.__dash_info.ty2 .dash_info_layer_box .dash_info_layer_pop{top:30px;}
.__dash_info.ty2 .dash_info_layer_box .dash_info_layer_pop:before{bottom: unset;top: -16px;right:24px;transform: rotate(90deg);}

.dash_tit_tooltip{position:absolute; left:calc(100% + 15px); top:50%; transform:translateY(-50%); padding:10px 16px; border:2px solid #ff5454; border-radius:10px; background:#fff; z-index:50;}
.dash_tit_tooltip:before{content:''; position:absolute; left:-11px; top:50%; transform:translateY(-50%); width:11px; height:21px; background:url('../images/mydesk/arr_tooltip.png') no-repeat center;}
.dash_tit_tooltip p{font-size:16px; color:#121212; font-weight:400; line-height:20px; white-space:nowrap;}
.dash_tit_tooltip p .ico_smile{margin-right:10px; display:inline-block; width:20px; height:20px; background:url('../images/mydesk/ico_smile.png') no-repeat center; vertical-align:top;}
.dash_tit_tooltip p em{font:inherit; font-weight:600; color:#5988f3;}

.chart_fl_box{display:flex; gap:25px;}
.chart_fl_box .chart_box{flex:1; min-width:0; height:300px;}
.chart_fl_box .chart_box canvas{width:100%; height:100%;}
.chart_box_donut{margin:0 auto; width:100%; height:500px;}
.chart_box_donut canvas{width:100%; height:100%;}
.line_bar_chart{height:350px;}

.chart_legend{display:flex; gap:10px;}
.chart_legend .item{display:flex; align-items:center; gap:5px;}
.chart_legend .item .bar{width:40px; height:12px;}
.chart_legend .item.bg_1 .bar{background:#36a2eb;}
.chart_legend .item.bg_2 .bar{background:#ff9f40;}
.chart_legend .item.bg_3 .bar{background:#ffe0e6;}
.chart_legend .item.bg_4 .bar{background:#e5e5e5; border:2px solid #36a2eb;}
.chart_legend .item.bg_5 .bar{background:#b068ce;}
.chart_legend .item .txt{font-size:13px; line-height:1.2; font-weight:400; color:#666;}

/* 툴팁 */
.tooltip_layer_pop{position:absolute;left: 50%; transform: translateX(-50%); top:calc(100% + 12px); padding: 6px 30px 6px 13px; background: #fff; border: 2px solid #ff5454; border-radius: 10px; box-shadow: 0 3px 0 rgba(0, 0, 0, 0.07); z-index: 1}
.tooltip_layer_pop:after{content:''; position:absolute; left: 50%; transform: translateX(-50%); top:-11px; width:14px; height:11px; background:url('../images/main/layer_pop_arr.png') no-repeat center;}
.tooltip_layer_pop p{padding:0 !important; font-size:15px !important; color:#121212 !important; font-weight:400 !important; white-space:nowrap; line-height:1.1 !important; letter-spacing:-0.025em; background:none !important;}
.tooltip_layer_pop .btn_layer_close{position:absolute; right:10px; top:10px; width:10px; height:10px; background:url('../images/main/ico/ico_pop_close.png') no-repeat center;}

/* 툴팁 위쪽으로 */
.tooltip_layer_pop.ty1{top:unset; bottom:calc(100% + 12px);}
.tooltip_layer_pop.ty1:after{left: 50%; transform: translateX(-50%) rotate(180deg); top:unset; bottom:-11px;}
/* 툴팁 오른쪽으로 */
.tooltip_layer_pop.ty2{top:50%; transform:translateY(-50%); left:calc(100% + 12px);}
.tooltip_layer_pop.ty2:after{left:-12px; transform: translateY(-50%) rotate(270deg); top:50%;}
.tooltip_layer_pop.ty2.st1{left:70px;}
.tooltip_layer_pop.ty2.st2{left:55px; padding: 2px 30px 2px 13px;}
.tooltip_layer_pop.ty2.st3{left:135px; padding: 2px 30px 2px 13px;}
/* 툴팁 왼쪽으로 */
.tooltip_layer_pop.ty3{top:50%; transform:translateY(-50%); left:unset; right:calc(100% + 12px);}
.tooltip_layer_pop.ty3:after{left:unset; right:-12px; transform: translateY(-50%) rotate(90deg); top:50%;}

/* 로그인 고도화 2024-11-04 */
.login_select_ul{margin-top:20px; display:flex; border:1px solid #3757b5; border-radius:6px; overflow:hidden;}
.login_select_ul li{flex:1;}
.login_select_ul li+li{border-left:1px solid #3757b5;}
.login_select_ul li input + label{display:block;font-size:16px; color:#121212; line-height:48px; text-align:center; background:#fff;}
.login_select_ul li input:checked + label{color:#fff; background:#3757b5;}
.light_class_login{padding:84px 0 70px;}
.light_class_login p{padding-top:210px; font-size:20px; color:#121212; line-height:1.5; font-weight:400; text-align:center; background:url('../images/account/login/ico_login_nick.png') no-repeat center top;}
.light_class_login p span{font:inherit; font-weight:600; color:#3757b5;}

.user_class .class_box .user_box.light{background:#ffe7ef url('../images/main/class_box_sc2.png') no-repeat right -5px bottom -10px;;}
.user_class .class_box .user_box.light .class_txt_box{display:flex; align-items:center; justify-content:center; width:100%;}
.user_class .class_box .user_box.light .class_txt_box .class{white-space:nowrap; overflow:hidden; text-overflow:ellipsis;}
.user_class .class_box .user_box.light .class_txt_box .dash_info_layer_box{flex:none;}
.user_class .class_box .user_box.light .class_txt_box .dash_info_layer_box .btn_dash_info_layer{background-image:url('../images/myclass/ico_info3.png');}
.user_class .class_box .user_box.light .bottom{background-color:#ff92b6; border-color:#ff92b6;}

.class_make_pop .pop_cont{padding:0; width:680px; overflow:hidden; text-align:center;}
.class_make_pop .popup_head{padding:0 30px; border:none;}
.class_make_pop .popup_head h2{border-bottom:1px solid #000; line-height:80px;}
.class_make_pop .popup_head .btn_popup_close{right:30px;}
.class_make_pop .form_table{padding:0 30px;}
.class_make_pop .txt{font-size:24px; color:#000; font-weight:500; line-height:1;}
.class_make_pop .join_normal{margin-top:33px; display:flex; gap:16px;}
.class_make_pop .join_normal li{flex:1; text-align:left;}
.class_make_pop .join_normal li input + label{padding:12px 15px; display:block; height:184px; font-size:24px; color:#000; font-weight:400; line-height:1.2; border:1px solid #d9d9d9; background:#f2f2f2 url('../images/myclass/ico/ico_make1.png') no-repeat center bottom; border-radius:20px;}
.class_make_pop .join_normal li input + label span{font:inherit;}
.class_make_pop .join_normal li input:checked + label{padding:12px 15px; font-weight:500; border:2px solid #3ab3df; background:#d6f4ff url('../images/myclass/ico/ico_make1_on.png') no-repeat center bottom;}
.class_make_pop .join_normal li input:checked + label span{font-weight:600;}
.class_make_pop .join_normal li .txt_list{margin-top:25px; padding-left:25px;}
.class_make_pop .join_normal li .txt_list li{position:relative; padding-left:25px; font-size:18px; color:#555; font-weight:400; line-height:19px;}
.class_make_pop .join_normal li .txt_list li:before{content:''; position:absolute; left:0; top:0; width:19px; height:19px; background:url('../images/myclass/ico/ico_rdo_ty1.png') no-repeat center top;}
.class_make_pop .join_normal li .txt_list li+li{margin-top:10px;}
.class_make_pop .join_normal li.on .txt_list li{color:#121212;}
.class_make_pop .join_normal li.on .txt_list li:before{background-position-y:bottom;}
.class_make_pop .join_normal li.nick input + label{background-image:url('../images/myclass/ico/ico_make2.png');}
.class_make_pop .join_normal li.nick input:checked + label{background-color:#ffeaf1; background-image:url('../images/myclass/ico/ico_make2_on.png'); border-color:#f47ca4;}
.class_make_pop .join_normal li.nick .txt_list li:before{background-image:url('../images/myclass/ico/ico_rdo_ty2.png');}
.class_make_pop .dash_info_layer_box{vertical-align:top;}
.class_make_pop .dash_info_layer_box .btn_dash_info_layer{height:19px; background:url('../images/myclass/ico_info2.png') no-repeat center;}
.class_make_pop .dash_info_layer_box .dash_info_layer_pop span{font-size:14px;}
.class_make_pop .btn_detail{margin-top:63px; display:inline-block; font-size:16px; color:#4c4c4c; font-weight:400; line-height:1.3; text-decoration:underline; text-underline-position:under;}
.class_make_pop .nick_input{margin-top:12px; padding: 0 30px; border-radius:0; height:45px;}
.class_make_pop .nick_input input{padding:0 15px; display:block; width:100%; height:100%; font-size:16px; font-weight:400; border-radius:7px; border:1px solid #d9d9d9;}
.class_make_pop .nick_input input::placeholder{text-align:center;color:#787878;}
.class_make_pop .nick_input input.on{border:2px solid #7189ff;}
.class_make_pop .btn_wrap{margin-top:20px;}
.class_make_pop [class*="btn_type"]{border-radius:0; font-size:24px; line-height:68px;}
.class_make_pop [class*="btn_type"]:disabled{color:#fff; background:#c0c2c2; border-color:#c0c2c2;}

.class_st_list ul li .badge{padding-right:38px; width:108px;}
.class_st_list ul li .badge p{padding:0; width:70px; font-size:16px; color:#fff; font-weight:400; text-align:center; background:#f27fa5; border-radius:5px;}
.class_st_list ul li .nickname{flex:1;}
.set_container .set_box .toggle2 input[type=checkbox] + label{position:relative; display:flex; background:#d9d9d9; border:2px solid #d9d9d9; border-radius: 10px; transition:.3s;}
.set_container .set_box .toggle2 input[type=checkbox] + label span{width:110px; font-size:16px; color:#121212; line-height:43px; text-align:center; font-weight:500;  border-radius:7px; transition:.3s;}
.set_container .set_box .toggle2 input[type=checkbox] + label span.off{background:#fff;}
.set_container .set_box .toggle2 input[type=checkbox] + label span.on{background:#d9d9d9;}
.set_container .set_box .toggle2 input[type=checkbox]:checked + label{border-color:#5988f3; background:#5988f3;}
.set_container .set_box .toggle2 input[type=checkbox]:checked + label span.off{background:#5988f3; color:#fff;}
.set_container .set_box .toggle2 input[type=checkbox]:checked + label span.on{background:#fff;}

.join_light .tit .year{font-size:18px; color:#4c4c4c; font-weight:600; line-height:1;}
.join_light .tit h3{margin-top:10px;}
.join_light .tit h3 span{color:#2c57b6;}
.join_light .info_list{margin-bottom:30px; padding:20px; background:#f3f6fe; border-radius:10px;}
.join_light .info_list li{position:relative; padding-left:15px; font-size:16px; color:#4c4c4c; font-weight:400; line-height:21px;}
.join_light .info_list li:before{content:''; position:absolute; left:0; top:8px; width:5px; height:5px; background:#7f7f7f; border-radius:50%;}
.join_light .info_list li+li{margin-top:5px;}
.join_light .input_wrap+.input_wrap{margin-top:20px;}
.join_light .input_box{position:relative;}
.join_light .input_box .input_label{position:absolute; left:12px; top:10px; font-size:10px; color:#999; font-weight:500; line-height:1; z-index:1;}
.join_light .input_box .input{padding:10px 12px 0;}
.join_light .input_box .input:read-only{color:#121212; background:#f4f4f4;}

.btn_wrap .btn_slide_toggle{margin:0 auto; display:block; width:107px; flex:none; font-size:14px; color:#121212; font-weight:500; line-height:32px; text-align:center; background:#fff; border-radius:17px; border:1px solid #5988f3;}
.btn_wrap .btn_slide_toggle span{font:inherit;}
.btn_wrap .btn_slide_toggle i{margin-left:15px; display:inline-block; width:12px; height:32px; background:url('../images/common/arr_down.png') no-repeat center; vertical-align:top; transform:rotate(180deg);}
.btn_wrap .btn_slide_toggle:hover{border:1px solid #5988f3;}
.btn_wrap .btn_slide_toggle.open i{transform:rotate(0deg);}


.teacherNoticePop .pop_cont{padding:60px;}
.teacherNoticePop .pop_cont  .popup_head{border-bottom:none;}
.teacherNoticePop .popup_head .btn_popup_close{transform:translate(30px, -30px);}
.teacherNoticePop .popup_body{padding-top:0;}
.teacherNoticePop .popup_body h2{color:#121212;font-size:24px;font-weight:600;line-height:1.4;text-align:center;letter-spacing:-0.06em;}
.teacherNoticePop .popup_body p{margin-top:16px;color:#121212;font-size:20px;font-weight:400;text-align:center;line-height:1.4;letter-spacing:-0.06em;}
.teacherNoticePop .popup_body span{display:block;margin-top:15px;color:#555;font-size:14px;text-align:center;}
.teacherNoticePop .btn_wrap{margin-top:24px;}



.accumulation{}
.accumulation ul{display:flex;flex-wrap:nowrap;gap:16px;}
.accumulation ul li{flex:1;padding:25px 0;text-align:center;border:1px solid #d9d9d9;border-radius:12px;box-shadow:0 3px 0 0 rgba(0,0,0,0.06);}
.accumulation ul li.recent{background:rgba(0, 87, 237, 0.2);border:none;}
.accumulation ul li.recent .datarange{display:inline-block;width:120px;height:44px;}
.accumulation ul li.recent .select2-container--default{margin-right:3px;width:100%!important;height:44px;}
.accumulation ul li.recent .select2-container--default .selection{width:100%;}
.accumulation ul li.recent .select2-container--default .select2-selection--single .select2-selection__rendered{font-weight:400;}
.accumulation ul li.recent span{font-size:16px;color:#121212;font-weight:400;line-height:44px;}
.accumulation ul li p{margin:auto;line-height:25px;font-size:16px;color:#121212;font-weight:400;}
.accumulation ul li p span{display:inline-block;font-size:28px;font-weight:600;color:#2D57B6;line-height:34px;}

/*내 수업함*/
.prepareList{margin-top:20px;padding-top:10px;}
.prepareList ul{display: flex; justify-content: flex-start; flex-wrap:wrap; gap:20px; width: 100%; padding-bottom: 10px;}
.prepareList li {position: relative; cursor: pointer; width: 275px; height: 340px; border-radius: 8px; box-sizing: border-box;border: 2px solid #5988F3;}
.prepareList li .thumb{width:100%;height:154px;overflow:hidden;}
.prepareList li .thumb img{width:100%;object-fit: contain;}
.prepareList li .label {position: absolute;top:0;left: 0; padding: 0 12px; color: #fff; font-size: 14px; line-height: 28px; font-weight: 400;height:28px; border: 0; border-radius: 0 0 12px 0;background-color: rgba(30,30,33,.6);}
.prepareList li .label:after { display: none;}
.prepareList li .label_lesson{position:absolute;top:-10px;left:0;padding:0 12px;background:#ff4a4a;color:#fff;font-size:14px;font-weight:700;line-height:33px;border-radius:30px;box-shadow: 0px 6px 12.4px 0px rgba(0, 0, 0, 0.14);}
.prepareList li .label_lesson:after{content:'';position:absolute;bottom:-6px;left:50%;transform:translateX(-50%);width:0;height:0;border-left:5px solid transparent;border-right: 5px solid transparent;border-top: 6px solid #ff4a4a;}
.prepareList li .button_viewing { position: absolute; top: 10px; right: 10px; display: flex; gap: 6px;}
.prepareList li .button_viewing button{width:28px;height:28px;border-radius:6px;background-color:#fff;background-repeat:no-repeat;background-position:center center;box-shadow:0 3px 0 0 rgba(0,0,0,0.04);}
.prepareList li .button_viewing .button_modify{background-image:url('../images/common/ico_modify.png');}
.prepareList li .button_viewing .button_trash{background-image:url('../images/common/ico_trash.png');}
.prepareList li .data_desc .data_title { padding: 12px 12px 28px;}
.prepareList li .data_desc .data_title span {
	white-space: normal;
	text-align: left;
	font-size: 16px;
	color: #121212;
	line-height: 23px;
	height:46px;
	font-weight: 400;
	display: -webkit-box;
	overflow: hidden;
	word-wrap: break-word;
	word-break: keep-all;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	-webkit-line-clamp: 2;
	-webkit-box-orient: vertical;
	line-clamp: 2;
	box-orient: vertical;
}
.prepareList li .data_desc .data_date { padding: 0 12px 12px; text-align: right; color: #A4A5A9; font-size: 14px;font-weight: 400;}
.prepareList li .button_group{position:absolute;bottom:0;right:0;left:0;height:64px;background:#5988F3;text-align:center;}
.prepareList li .data_desc .button_group .button_start {margin-top:16px;display:flex;width:100%; align-items: center; justify-content:center;}
.prepareList li .data_desc .button_group .button_start  span {position:relative;margin:auto; display:inline-flex; align-items: center;line-height:32px ; font-size: 18px;font-weight:600; color: #fff;}
.prepareList li .data_desc .button_group .button_start  span:after{content:'';margin-left:6px;display:inline-block;width:32px;height:32px;vertical-align:top;background:#fff url('../images/common/ico_arr_start.png') no-repeat center center;box-shadow:0 3px 0 0 rgba(0,0,0,0.04);border-radius:50%;}
.prepareList li .data_desc .button_group a{margin:4px auto 0;display:inline-block;text-align:center;padding:8px 12px;line-height:20px;border:1px solid #fff;border-radius:4px;color:#fff;font-size:14px;font-weight:600;}
.prepareList li .data_desc .button_group a span{margin-left:4px;font:inherit;color:inherit;}
.prepareList li:hover { border: 2px solid #FF5454;box-shadow:0 13px 18px 0 rgba(144,144,144,0.2);}
.prepareList li:hover .button_group{background:#FF5454;}
.prepareList li:hover .button_group button {}

.prepareList.scr {overflow:hidden;}
.prepareList.scr ul{gap:0;}
.prepareList.scr ul::-webkit-scrollbar { height: 4px;}
.prepareList.scr ul::-webkit-scrollbar-track {background: #f9f9f9; border-radius: 15px;}
.prepareList.scr ul::-webkit-scrollbar-thumb { background: #d9d9d9; border-radius: 15px;}
.prepareList.scr ul{width:auto;white-space: nowrap; flex-wrap: nowrap; overflow-x:visible;}
.prepareList.scr ul li{scroll-snap-align: start;flex:none;}

.beforeLessonNodata {display:flex;flex-direction:column;justify-content:center;align-items:center;gap:24px;width:100%;height:240px;background:#f9f9f9;border-radius:16px;}
.beforeLessonNodata p {padding-top:106px;font-size:14px;font-weight:500;color:#303030;text-align:center;background:url('../images/myclass/nodata_classroom_g.svg') no-repeat 50% 0;}


.complete_lesson_list{margin-top:20px;}
.complete_lesson_list .list_item{padding:19px 10px;}
.complete_lesson_list .list_item p{padding:0 10px;}
.complete_lesson_list .list_item p.num{width:60px;}
.complete_lesson_list .list_item p.type{width:145px;}
.complete_lesson_list .list_item p.tit{}
.complete_lesson_list .list_item p.tit a{display:-webkit-box;max-height:52px;white-space:normal;-webkit-line-clamp: 2;line-height:26px;}
.complete_lesson_list .list_item p.date{width:140px;}
.complete_lesson_list .list_item .class{width:294px;}
.complete_lesson_list .list_item .btns{display:flex;flex-wrap:nowrap;gap:12px;align-items: center;}
.complete_lesson_list .list_item .btns .btn_start{width:109px;height:48px;line-height:46px;text-align:center;color:#273FA1;font-size:18px;font-weight:600;border:2px solid #273FA1;border-radius:40px;}
.complete_lesson_list .list_item .btns .btn_result{width:109px;height:48px;line-height:46px;text-align:center;color:#fff;font-size:18px;font-weight:500;background:#273FA1;border-radius:40px;}
.complete_lesson_list .list_item .btns .btn_del{width:40px;height:40px;border-radius:8px;border:1px solid #5988F3;background:url('../images/ourclass/ico_btn_del.png') no-repeat center center;}

/*우리반 수업소개 팝업*/
.lessonInfoPop .popup_head {border-bottom:none;}
.lessonInfoPop .popup_head .btn_popup_close {top:-30px;right:-30px;transform: unset;}
.lessonInfoPop .popup_body {padding-top:0;}
.lessonInfoPop .pop_cont {padding:60px;width:698px;}
.lessonInfoPop .tit {padding:0;margin-bottom:5px;font-size:32px;font-weight:700;color:#121212;text-align:center;}
.lessonInfoPop .tit span{font:inherit;color:#5988F3;}
.lessonInfoPop .subtxt {color:#7F7F7F;font-size:16px;font-weight:400;line-height:22px;text-align:center;letter-spacing:-0.05em;}
.lessonInfoPop .intro_lesson {margin-top:24px;min-height:260px;overflow:hidden;}
.lessonInfoPop .intro_lesson ul li {}
.lessonInfoPop .intro_lesson ul li h4 {margin-bottom:24px;font-size:20px;color:#121212;font-weight:400;text-align:center;line-height:24px;word-break:keep-all;}
.lessonInfoPop .intro_lesson ul li h4 span {font-size:20px;font-weight:700;color:#FF5454;}
.lessonInfoPop .intro_lesson .img_wrap {margin:0 auto;max-width:470px;}
.lessonInfoPop .intro_lesson img {width:100%;}
.lessonInfoPop .intro_lesson .swiper-button-prev {left:60px;top:60%;width:46px;height:48px;background:url('../images/myclass/btn_prev_slide.png') no-repeat center center;}
.lessonInfoPop .intro_lesson .swiper-button-next {right:60px;top:60%;width:46px;height:48px;background:url('../images/myclass/btn_next_slide.png') no-repeat center center;}
.lessonInfoPop .intro_lesson .swiper-button-prev:after,.lessonInfoPop .intro_lesson .swiper-button-next:after {content:none;}

/* 신학기 비바클래스 이벤트 플로팅 팝업 게재 2025-02-26 */
.viva_floating_bnr{position:absolute; right:24px; top:52px;}
.viva_floating_bnr a{display:block;}

/* 비바클래스 신학기 안내 팝업 2025-04-21 */
.main_float_bnr_wrap{position:fixed; top:150px; right:0;}
.main_float_bnr_wrap a{display:block;}
.main_float_bnr_wrap a img{max-width:100%;}

.main_layer_pop_wrap .vivaclassIntro{position:fixed; left:0; right:0; top:0; bottom:0; background:rgba(0,0,0,.4); display:flex; align-items:center; justify-content:center; z-index:9001;}
.main_layer_pop_wrap .vivaclassIntro .thumb{position:relative;}
.main_layer_pop_wrap .vivaclassIntro .thumb img{display:block; max-width:100%;}
.main_layer_pop_wrap .vivaclassIntro a{position:absolute; bottom:70px; left:50%; transform:translateX(-50%); margin-left:-5px; width:205px; height:47px;}
.main_layer_pop_wrap .vivaclassIntro .vivaIntroClose{position:absolute; bottom:35px; left:50%; transform:translateX(-50%); margin-left:-5px; padding-left:26px;}
.main_layer_pop_wrap .vivaclassIntro .vivaIntroClose:before{content:''; position:absolute; left:0; width:19px; height:19px; background:url('../images/myclass/popup/ico_popClose.png') no-repeat center;}
.main_layer_pop_wrap .vivaclassIntro .vivaIntroClose span{display:block; font-size:13px; font-family:'Pretendard','Noto Sans KR',sans-serif; color:#444; font-weight:600; line-height:19px; text-decoration:underline; text-underline-position:under;}

/* 4월 유지보수 2025-05-19 */
.contents.login{overflow:hidden;}
.login_wrap{height:auto;}
.login_wrap .login_box{padding:40px 79px; max-width:590px; width:100%;}
.login_wrap .login_box .box_tit{font-size:36px;}
.login_wrap .login_box .box_sub{font-size:16px; color:#7F7F7F;}
.login_wrap .login_box .img{margin-top:20px;}
.login_select_ul{background:#F1F1F1; border:none; border-radius:8px;}
.login_select_ul li + li{border:none;}
.login_select_ul li input + label{font-size:18px; color:#4C4C4C; font-weight:400; line-height:44px; border:2px solid #F1F1F1; border-radius:8px; background:transparent;}
.login_select_ul li input:checked + label{color:#4C4C4C; border-color:#5988F3; background:#fff;}
.login_wrap .txt{font-size:15px; font-weight:500; color:#4C4C4C;}
.light_class_login p{background-size:100% auto;}
.sec_wrap .sc_txt{font-weight:400; color:#4c4c4c;}
.sec_wrap .sc1 .img{border-radius:48px; box-shadow:5px 6px 17px 0 rgba(40, 39, 58, .04);}
.sec_wrap .sc2 .fl_box{justify-content:space-between;}
.sec_wrap .sc2 .img{position:relative; border-radius:48px; box-shadow:5px 6px 17px rgba(40, 39, 58, .04);}
.sec_wrap .sc2 .img:after{content:''; position:absolute; top:-34px; right:-32px; width:144px; height:144px; background:url('../images/account/login/sc2_img_obj.png') no-repeat center / contain; border-radius:50%; box-shadow:5px 18px 12px 0 rgba(0,0,0,.07);}
.sec_wrap .sc2 ul{width:430px;}
.sec_wrap .sc_info_page ul li .img {border-radius: 48px 0 48px 48px; box-shadow:5px 6px 17px 0 rgba(40, 39, 58, .04), 18px 26px 32px 0 rgba(40, 39, 58, .03);}
.sec_wrap .sc_info_page.sc4 ul li .img{max-width:700px;}
.sec_wrap .sc_info_page .btn_vivaclass{width:728px; height:136px; font-family:'GmarketSansBold','Noto Sans KR',sans-serif; font-size:50px; color:#fff; background:#FF5454; border-radius:68px; box-shadow:0 4px 10px 0 rgba(0,0,0,.1);}

.view-mo{display:none;}

.dashboard_tb{position:relative;}

.emptyArea{height:348px; border:2px solid #3CB8E5; background:#fff; border-radius:12px; box-shadow:3px 4px 0 0 rgba(0,0,0,.06);}
.emptyArea .empty_txt{width:100%; height:100%; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:15px;}
.emptyArea .empty_txt p{font-size:20px; color:#121212; font-weight:700; line-height:1.3; text-align:center;}
.emptyArea .empty_txt .btn_type6{padding:0 48px; border-radius:12px;}
.emptyArea .empty_txt .btn_type6:after{content:''; margin-left:4px; display:inline-block; width:32px; height:58px; background:url('../images/myclass/btn_arr_right.png') no-repeat center; border-radius:50%; box-shadow:0 3px 0 0 rgba(0,0,0,.04); vertical-align:top;}

.emptyArea.ty2{background:linear-gradient(to bottom, rgba(242,246,255,.88), rgba(237,243,255,.88)); border:2px dashed #5988F3;}
.emptyArea.ty2 .empty_txt p{color:#5988F3;}

.emptyArea.typeLayer{position:absolute; left:0; right:0; top:0; bottom:0; height:auto; background:linear-gradient(to bottom, rgba(242,246,255,.88), rgba(237,243,255,.88)); border:2px dashed #5988F3; box-shadow:0 4px 10px 0 rgba(0,0,0,.1);}
.emptyArea.typeLayer .empty_txt{width:100%; height:100%; display:flex; align-items:center; justify-content:center; flex-direction:column; gap:15px;}
.emptyArea.typeLayer p{color:#5988F3;}

.class_make_pop .popup_body{padding-top:28px;}
.class_make_pop .badge{margin:0 auto 28px; width:236px; font-size:16px; color:#121212; font-weight:400; line-height:46px; text-align:center; background:#F1F1F1; border-radius:23px;}
.class_make_pop .join_normal li .txt{margin-bottom:12px; font-size:24px; color:#121212; font-weight:700; text-align:center;}
.class_make_pop .join_normal li .txt span{font:inherit; color:#121212;}
.class_make_pop .join_normal li input + label{padding:12px; height:184px; font-size:20px; color:#121212; background:#F1F1F1 url('../images/myclass/ico/ico_make1.png') no-repeat center bottom;}
.class_make_pop .join_normal li input + label span{font-weight:600;}
.class_make_pop .join_normal li input:checked + label{padding:11px;}
.class_make_pop .join_normal li.on .txt span{font:inherit; color:#09B1EC;}
.class_make_pop .join_normal li.on.nick .txt span{color:#F47CA4;}
.class_make_pop .nick_input{margin-top:15px; padding:0; height:55px;}
.class_make_pop .btn_wrap{margin-top:28px;}

/* 251개편 자유게시판 2025-5-26 */
.board_card_list .nodata{margin-top:0; padding:50px 0;}
.list_filter_btns{display:flex;}
.list_filter_btns button{position:relative; padding:0 16px; font-size:16px; font-weight:400; color:#7F7F7F;}
.list_filter_btns button+button:before{content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:1px; height:13px; background:#D9D9D9;}
.list_filter_btns button.on{font-weight:700; color:#1E1E21;}
.board_card_list ul li .list_cont .txt_box{height:auto;}
.board_card_list ul li .list_top .private_layer{left:unset; right:-29px;}
.board_card_list ul li .list_top .private_layer:after{left:unset; right:39px;}

.freeboard_write_pop .pop_cont{width:780px;}
.freeboard_write_pop .popup_body{padding-top:20px;}
.freeboard_write_pop .write_box{padding:0 16px; border:1px solid #D9D9D9; overflow-y:auto; max-height:406px; text-align:center;}
.freeboard_write_pop .textarea_wrap{position:relative; display:grid;}
.freeboard_write_pop .textarea_wrap:after{content: attr(data-replicated-value) " ";white-space: pre-wrap;visibility: hidden;}
.freeboard_write_pop .textarea_wrap textarea{border:none; overflow:hidden;outline:none;}
.freeboard_write_pop .textarea_wrap:after,
.freeboard_write_pop .textarea_wrap textarea{padding:20px 0; font-size:16px; font-weight:400; text-align:left; grid-area: 1 / 1 / 2 / 2;}
.freeboard_write_pop .preview_area{position:relative; display:inline-block;}
.freeboard_write_pop .preview_area .preview_del{position:absolute; top:8px; right:8px; width:28px; height:28px; background:#fff url('../images/common/ico_trash.png') no-repeat center; border-radius:6px; box-shadow:0 3px 0 0 rgba(0,0,0,.04);}
.freeboard_write_pop .preview_area img{max-width:100%;}
.freeboard_write_pop .preview_area iframe{max-width:100%;}
.freeboard_write_pop .btn_area{margin-top:20px; display:flex; justify-content:center; gap:8px;}
.freeboard_write_pop .btn_area .btn_add{position:relative; width:44px; height:44px; background:#F1F1F1 no-repeat center; border-radius:50%;}
.freeboard_write_pop .btn_area .btn_add.url{background-image:url('../images/ourclass/btn_add_url.png');}
.freeboard_write_pop .btn_area .btn_add.img{background-image:url('../images/ourclass/btn_add_img.png');}
.freeboard_write_pop .btn_area .btn_add.video{background-image:url('../images/ourclass/btn_add_video.png');}
.freeboard_write_pop .btn_area .btn_add input[type=file]{position:absolute; left:0; right:0; top:0; bottom:0; display:block; opacity:0; cursor:pointer;}
.freeboard_write_pop .urlInputBox{margin-top:20px; display:flex; justify-content:center; gap:8px;}
.freeboard_write_pop .urlInputBox input{padding:0 16px; width:524px; height:44px; font-size:16px; font-weight:400; text-align:center; border:1px solid #D9D9D9; border-radius:8px;}
.freeboard_write_pop .urlInputBox .btn_type7{padding:0 18px; font-size:16px; font-weight:700; line-height:42px; border-radius:8px;}
.freeboard_write_pop .btn_wrap [class*="btn_type"]{padding:0 60px; flex:none;}


@media screen and (max-width:1200px){
	.login_wrap .login_box{padding:40px;}

	.login_wrap .inner{padding:0 20px;}
	.sec_wrap .inner{padding:100px 20px;}
	.sec_wrap .sc_info_page ul li .txt p br{display:none;}

	.sec_wrap .sc_info_page ul.flBox.row2{gap:36px;}
	.sec_wrap .sc_info_page ul.flBox.row3{gap:18px;}

  .sec_wrap .sc_info_page.sc4 ul li{gap:20px;}
	.sec_wrap .sc_info_page.sc4 ul li .txt{min-width:320px;}
	.notice_bnr article{padding:20px;}
	.footer{min-width:0;}
	.footer .footwrap{width:100%;}
}

@media screen and (max-width:844px){
	.view-mo{display:block;}
	[class*="btn_type"]{line-height:50px;}

	.input_wrap+.input_wrap{margin-top:8px;}
	input.input{padding:0 24px 0 64px; height:52px; font-size:16px; color:#121212; border:1px solid #D9D9D9; border-radius:8px;}
	.input_wrap.hasIco:after {left: 24px; top:50%; transform:translateY(-50%); height: 28px;}
	.input_wrap.hasIco.id:after{width:23px; background-size:auto 18px;}
	.input_wrap.hasIco.pw:after{width:23px; background-size:auto 18px;}

	.login_wrap .inner{padding:68px 16px 80px; width:100%;}
	.login_wrap .logo_visang{position:absolute; right:16px; top:12px; width:58px; height:20px; background:url('../images/mo/logo_visang_w.png') no-repeat center / auto 100%;}
	.login_wrap .logo_class{margin:0 auto; width:194px; height:36px; background:url('../images/mo/logo_vivaClass_w.png') no-repeat center / 100% auto;}
	.login_wrap .page_sub_txt{margin-top:12px; font-size:16px; color:#4C4C4C; font-weight:500;}
	.login_wrap .login_container{margin-top:36px; flex-direction:column; gap:20px; align-items:center;}
	.login_wrap .login_box{position:relative; padding:32px 20px; max-width:500px; border-radius: 20px; border:none;}
	.login_wrap .login_box.ty2:after{display:none;}
	.login_wrap .login_box .box_tit{font-size:28px;}
	.login_wrap .login_box .box_sub{margin:14px auto 20px; font-size:16px; color:#7f7f7f; line-height:1.2;}
	.login_wrap .login_box .img{display:none;}
	.login_wrap .login_box .login_btns{margin-top:18px;}
	.login_wrap .login_box .login_btns li:after{height:13px; background:#7f7f7f;}
	.login_wrap .login_box .login_btns li a{padding:0 12px; font-size:14px; color:#121212; line-height:20px;}
	.login_wrap .login_box .chk{margin-top:15px;}
	.login_wrap .login_box input[type=checkbox]+label{padding-left:28px; font-size:14px; line-height: 18px;}
	.login_wrap .login_box input[type=checkbox]+label:before{width:18px; height:18px;}
	.login_wrap .login_box .txt_alert{margin-top:20px; font-size:16px;}
	.login_wrap .login_box .login_sns {margin-top: 19px; padding:0; gap: 8px;}
	.login_wrap .login_box .login_sns li a {border-radius: 8px; font-size: 14px; font-weight:700; line-height: 48px;}
	.login_wrap .login_box .login_sns li a i {height:48px;}
	.login_wrap .login_box .login_sns li a.naver i{margin-right:4px; width:17px; background: url('../images/mo/ico_naver.png') no-repeat center / contain;}
	.login_wrap .login_box .login_sns li a.kakao i {margin-right:4px; width:19px; background: url('../images/mo/ico_kakao.png') no-repeat center / contain;}
	.login_wrap .login_box .login_sns li a.google {font-weight:700; line-height:46px; border:1px solid #747775;}
	.login_wrap .login_box .login_sns li a.google i {margin-right:4px; width:17px; background: url('../images/mo/ico_google.png') no-repeat center / contain;}
	.login_wrap .login_box .login_sns li div.login_google{height:48px;}
	.login_wrap .login_box .login_sns li div.login_google > div{height:48px;}
	.login_select_ul li input + label {font-size:14px; line-height:17px; height:48px; display:flex; align-items:center; justify-content:center; border-radius: 8px;}
	.light_class_login{padding:30px 0 0;}
	.light_class_login p{padding-top:186px; font-size:16px; color:#7F7F7F; line-height:1.3; background-size:auto 146px;}
	.login_wrap .txt{display:none;}
	.login_wrap .ico_scroll{display:none;}
  .contents.login .section{min-height:0;}
	.contents.login .sec_wrap .sec{display:none;}
	.notice_bnr{display:none;}
	.footer .footwrap h2{margin-bottom:20px;}
	.footer .footwrap .info span{margin:0 10px; display:inline-block;}
	.footer .btns{display:none;}
}