@import url('/assets/responsive_new/comm/css/common.css?after'); 
@import url('/assets/responsive_new/comm/css/bbs.css?after'); 

/**** 마이페이지 틀 ****/
.no_scroll {overflow:hidden;}
.marb50 {margin-bottom:50px;}
.marb30 {margin-bottom:30px;}
.marb10 {margin-bottom:10px;}
.tit_flex {position:relative; margin:0 0 15px; display:flex; flex-wrap:wrap; align-items:center;}
.tit_flex.space_between {justify-content:space-between;}
.tit_flex .fs25 {margin-right:30px;}

.tit_flex .watoBtn {position:absolute; top:-12px; right:0;}
.searchArea .watoBtn {height:45px; line-height:45px; margin-right:4px;}

.fs20 {font-size: var(--fs20); font-weight: 500; line-height:160%; letter-spacing: -0.8px; color:var(--black);}
.fs25 {font-size: var(--fs25); font-weight: 700; line-height: 128%; letter-spacing: -1px; color:var(--black); }

.excel_btn {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width: 150px; height: 50px; border-radius: 5px; border: 1px solid #207245;  background: var(--white); box-sizing:border-box; font-size: 16px; font-weight: 500; line-height:175%; letter-spacing: -0.64px; color: #207245; margin:30px 0 0 auto;}
.excel_btn img {margin-right:10px;}

#wrap {padding:0 !important;}
.learningTop {position:relative; height:70px; border-radius: 5px; background: var(--white); text-align:center; margin:0 0 10px; display:flex; flex-wrap:wrap; align-items:center; justify-content:Center;}
.learningTop h4 {font-size: 1.388rem; font-weight: 700; line-height:128%; letter-spacing: -1px; color:var(--black);}
.learningTop a {position:absolute; top:50%; right:20px; transform:translateY(-50%);}
.learningTop a::before {content:'\e5cd'; font-size:30px; line-height:30px; display:block; height:30px; color:var(--black); font-family:var(--icon); font-weight:500;}


.mypage_wrap {display:flex; flex-wrap:wrap; background: #E2E7EF; min-height:var(--vh);}
.left_menu {width:325px; height:var(--vh); position:fixed; top:0; left:0; transition:all 0.8s ease;}
.left_menu h1 {margin:0 0 23px; padding-left:25px;}
.left_menu h1 span {display:block; line-height:1; margin:0 0 10px;}
.left_menu h1 span img {display:block;}
.left_menu h1  P {font-size: 1.11rem; font-weight: 500; line-height:160%; letter-spacing: -0.8px; color:var(--white);}
.left_menu h1 a {display:block;}
.left_menu .homeBtn {position:absolute; top:0; left:0; display:block; width:60px; height:60px; background:var(--main); display:flex; flex-wrap:wrap; align-items:center; justify-content:center;  transition:all 0.8s ease;}
.left_menu .homeBtn::before {content:'\e88a'; color:var(--white); font-family:var(--icon); font-size:25px; }
.left_menu .left_menu_in {background:var(--mypage-dark); padding:100px 30px 0; box-sizing:border-box; height:100%; overflow-y:auto;}
		.menuList {}
		.menuList > li {margin:0 0 6px; border-radius: 15px;}
		.menuList > li:last-of-type {margin:0;}
		.menuList > li .dep_tit {position:relative; padding:15px 25px; box-sizing:border-box; display:flex; flex-wrap:wrap; align-items:center; color:rgba(255,255,255,0.6); font-weight: 500; letter-spacing: -0.045rem;}
		.menuList > li .dep_tit::before {font-size:26px; font-family:var(--icon); display:block; margin-right:14px; color:inherit;  font-weight:300;}
		.menuList > li .dep_tit.arr::after {content:'\e5cf'; font-family:var(--icon); color:rgba(255,255,255,0.5); display:block; font-size:20px; width:20px; height:20px; line-height:20px; text-align:center; position:absolute; top:50%; right:20px; margin-top:-10px; transition:all 0.4s ease;}

		.menuList > li .dep_tit.icon01::before {content:'\e639';}
		.menuList > li .dep_tit.icon02::before {content:'\f04c';}
		.menuList > li .dep_tit.icon03::before {content:'\ea67';}
		.menuList > li .dep_tit.icon04::before {content:'\eff1';}
		.menuList > li .dep_tit.icon05::before {content:'\ef63';}
		.menuList > li .dep_tit.icon06::before {content:'\e8cc';}
		.menuList > li .dep_tit.icon07::before {content:'\e887';}
		.menuList > li .dep_tit.icon08::before {content:'\e853';}
		.menuList > li .dep_tit.icon09::before {content:'\f1d4';}
		.menuList > li .dep_tit.icon10::before {content:'\f041';}
		.menuList > li .dep_tit.icon11::before {content:'\e982';}
		.menuList > li .dep_tit.icon12::before {content:'\f3e7';}

		.menuList > li .depMenu {display:none; padding:15px 53px; box-sizing:Border-box; border-top:1px solid rgba(255,255,255,0.25);}
		.menuList > li .depMenu li {margin:0 0 2px;}
		.menuList > li .depMenu li:last-of-type {margin:0;}
		.menuList > li .depMenu li a {display:block; font-size:var(--fs16); color:var(--white); letter-spacing: -0.04rem; font-weight: 500; padding-left:13px; box-sizing:border-box; position:relative; opacity:0.5; transition:all 0.4s ease;}
		.menuList > li .depMenu li a:hover {opacity:1; transition:all 0.4s ease;}
		.menuList > li .depMenu li a.on {opacity:1; transition:all 0.4s ease;}
		.menuList > li .depMenu li a::before {content:''; width:5px; height:2px; background:var(--white); position:absolute; top:11px; left:0;}

		.menuList > li.active {background:rgba(255,255,255,0.1);}
		.menuList > li.active .dep_tit {color:var(--white);}
		.menuList > li.active .dep_tit.arr::after {transform:rotate(180deg); transition:all 0.4s ease;}



.my_wrap {position:relative; padding:30px 45px 30px 30px; box-sizing:border-box; width:calc(100% - 325px); margin:0 0 0 auto; transition:all 0.8s ease; height:100%;}
.my_wrap.full_ver {width:100% !important; margin:0;}
.my_wrap .fold_btn {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:60px; height:60px; background:rgba(255,255,255,0.1);  position:fixed; top:0; left:325px; transform:translateX(-100%);  transition:all 0.8s ease;}
.my_wrap .fold_btn::before {content:'\e2ea'; font-size:25px; color:var(--white); font-family:var(--icon); transition:all 0.8s ease;}
.my_wrap .my_header {display:flex; flex-wrap:wrap; justify-content:space-between; margin:0 0 15px;}
.my_wrap .my_header .lnb {width:calc(100% - 515px); background:var(--white); border-radius: 5px; display:flex; flex-wrap:wrap; align-items:center; padding:0 35px; box-sizing:border-box;}
.my_wrap .my_header .lnb li {display:flex; flex-wrap:wrap; align-items:center; letter-spacing: -0.64px; color:rgba(34,34,34,0.5); font-size:var(--fs16);}
.my_wrap .my_header .lnb li::after {content:''; width:1px; height:16px; background:var(--black); opacity:0.2; display:block; margin:0 16px;}
.my_wrap .my_header .lnb li:last-of-type {color:var(--black); font-weight: 500;}
.my_wrap .my_header .lnb li:last-of-type::after {display:none;}
.my_wrap .my_header .my_info_cont {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:center; width:500px; background:#444c5d; border-radius: 5px; padding:20px 30px; box-sizing:border-box;}
.my_wrap .my_header .my_info_cont h1 {display:none;}
.my_wrap .my_header .my_info_cont .name {font-weight: 500; letter-spacing: -0.045rem; color:var(--white); font-size:1rem;}
.my_wrap .my_header .my_info_cont .topUtil {display:flex; flex-wrap:wrap; align-items:center;}
.my_wrap .my_header .my_info_cont .topUtil a {display:flex; flex-wrap:wrap; align-items:center; font-size:0.833rem; letter-spacing: -0.045rem; color:var(--white); margin-right:20px;}
.my_wrap .my_header .my_info_cont .topUtil a:last-of-type {margin-right:0;}
.my_wrap .my_header .my_info_cont .topUtil a::before {font-size:20px; color:var(--white); font-family:var(--icon); display:block; margin-right:4px;}

.my_wrap .my_header .my_info_cont .topUtil a.home::before {content:'\e88a';}
.my_wrap .my_header .my_info_cont .topUtil a.logout::before {content:'\e9ba';}
.my_wrap .my_header .my_info_cont .topUtil a.cache {margin-right:0}
.my_wrap .my_header .my_info_cont .topUtil a.cart::before {content:'\e8cc';}
.my_wrap .my_header .my_info_cont .topUtil a.cache::before {content:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' version='1.1' viewBox='0 0 150 150' width='20px' height='20px'%3E%3Cdefs%3E%3Cstyle%3E .cls-1 %7B fill: white; %7D %3C/style%3E%3C/defs%3E%3C!-- Generator: Adobe Illustrator 28.6.0, SVG Export Plug-In . SVG Version: 1.2.0 Build 709) --%3E%3Cg%3E%3Cg id='_레이어_1' data-name='레이어_1'%3E%3Cpath class='cls-1' d='M133.11,38.78c-6.02-8.91-13.88-16.13-23.06-21.38l19.16.33c3.92.05,6.85-2.89,6.91-6.61.06-3.71-2.92-6.78-6.67-6.84l-41.04-.72c-2.19.08-4.34,1.01-5.64,2.81-1.3,1.8-1.62,4.11-.87,6.19l13.94,38.35c1,2.74,3.61,4.45,6.39,4.45.76,0,1.54-.13,2.3-.4,3.53-1.26,5.36-5.11,4.09-8.6l-6.55-18.03c7.91,4.27,14.64,10.35,19.75,17.92,17.25,25.55,10.29,60.22-15.52,77.3-12.51,8.27-27.51,11.23-42.27,8.33-14.75-2.9-27.48-11.31-35.83-23.69-17.26-25.55-10.29-60.22,15.51-77.3,5.2-3.44,10.87-5.98,16.85-7.55,3.63-.95,5.79-4.64,4.82-8.22-.96-3.6-4.7-5.73-8.31-4.78-7.44,1.95-14.47,5.1-20.92,9.37C4.12,40.92-4.52,83.96,16.89,115.67c10.38,15.36,26.17,25.81,44.49,29.41,4.59.9,9.19,1.35,13.76,1.35,13.69,0,27.07-3.99,38.7-11.69,32.04-21.2,40.68-64.24,19.27-95.96Z'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E");}


.mypage_wrap.fold_on {}
.mypage_wrap.fold_on .left_menu {transform:translateX(-100%); transition:all 0.8s ease;}
.mypage_wrap.fold_on .my_wrap {width:100%; transition:all 0.8s ease; padding-left:90px;}
.mypage_wrap.fold_on .my_wrap .fold_btn {background:var(--mypage-dark); transform:translateX(0); left:0; transition:all 0.8s ease;}
.mypage_wrap.fold_on .my_wrap .fold_btn::before {transform:rotate(180deg); transition:all 0.8s ease;}

.mypage_content {border-radius: 5px; background: var(--white); min-height:calc(100% - 85px); width:100%; padding:35px 30px; box-sizing:border-box;}
.mypage_content .my_tit {font-size: var(--fs25); font-weight: 700; line-height:128%; letter-spacing: -0.063rem; color:var(--black); margin:0 0 25px;}

.mypage_content .bbs_top_info.basic_top .searchArea {width:100%;}
.mypage_content .bbs_top_info.basic_top .searchArea .bbs_search {width:100%; justify-content:flex-end;}

.mypage_content .page_num {position:relative;}
.mypage_content .page_num .bbs_btn {position:absolute; bottom:-8px; right:0; margin:0;}

.mypage_content .bbs_con th {font-weight: 500;}
.mypage_content .bbs_con td.bold {color:var(--black);}
.mypage_content .bbs_con td .red {color:var(--red);}
.mypage_content .bbs_con td .main {color:var(--main);}
.mypage_content .bbs_con td .btn_wrap {display:flex; flex-wrap:nowrap; justify-content:center;}
.mypage_content .bbs_con td .btn_wrap.ver1 {display:block;}
.mypage_content .bbs_con td .btn_wrap.ver1 a {margin:0 auto 2px !important;}
.mypage_content .bbs_con td .btn_wrap .btn {width:100px; height:38px; border-radius: 5px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-weight: 500; letter-spacing: -0.04rem; font-size:var(--fs16); border:1px solid rgba(119,119,119,0.5); color:rgba(34,34,34,0.5); margin-right:4px; transition:all 0.4s ease; background:var(--white); line-height:1; padding:0 8px; box-sizing:border-box;}
.mypage_content .bbs_con td .btn_wrap .btn:last-of-type {margin-right:0;}
.mypage_content .bbs_con td .btn_wrap .btn:hover {border:1px solid var(--black); color:var(--black); transition:all 0.4s ease;}
.mypage_content .bbs_con td .btn_wrap .btn.ver2 {border-color:var(--red); color:var(--red);}
.mypage_content .bbs_con td .btn_wrap .btn.end {border:1px solid var(--white); cursor:auto; color:rgba(34,34,34,0.5) !important;}
.mypage_content .bbs_con td .btn_wrap .btn.end.red_end {font-size:1rem; color:var(--red) !important;}
.mypage_content .bbs_con td .btn_wrap .btn.end.right {justify-content:flex-end; font-size:1rem;}
.mypage_content .bbs_con td .account_num {font-size: 16px; font-weight: 400; line-height:175%; letter-spacing: -0.64px; color:rgba(34,34,34,0.5); text-align:center; }

.mypage_content .bbs_con td .rank {width: 50px; height: 30px; border-radius:50px; text-align:center; margin:0 auto; font-size:var(--fs16); color:var(--white); font-weight: 700; letter-spacing: -0.04rem; background:rgba(119,119,119,0.8); display:flex; 
flex-wrap:wrap; align-items:center; justify-content:center; line-height:1;}
.mypage_content .bbs_con td .rank.top_rank {background:var(--main);}

.mypage_content .bbs_con td .state {width:100px; height:38px; background:rgba(119,119,119,0.5); border-radius: 5px; line-height:1; display:flex; flex-wrap:wrap; justify-content:center; align-items:center; font-size:var(--fs16); letter-spacing: -0.04rem; margin:0 auto; color:var(--white);}
.mypage_content .bbs_con td .state.no_radius {width:80px; height:30px; border-radius:0; font-size:0.777rem;}

.mypage_content .bbs_con td .state.examine {background:var(--main);}
.mypage_content .bbs_con td .state.ing {background:var(--sub);}
.mypage_content .bbs_con td .state.com {background:var(--black);}
.mypage_content .bbs_con td .state.red {background:var(--red);}
.mypage_content .bbs_con td .state.end {background:var(--basic);}

.mypage_content .bbs_con td .state.connect {background: var(--main);}
.mypage_content .bbs_con td .state.connect::before {content:''; width: 14px; height: 14px; background:var(--white); border-radius:100%; display:block; margin-right:15px;}
.mypage_content .bbs_con td .state.noConnect {background: var(--basic);}
.mypage_content .bbs_con td .state.noConnect::after {content:''; width: 14px; height: 14px; background:var(--white); border-radius:100%; display:block; margin-left:15px;}

.mypage_content .join_box {border:0;}
.mypage_content .join_input dl:first-of-type {padding-top:15px; border-top:1px solid var(--border);}

.mypage_content .cache {float: right; position: relative; z-index: 99;}

.order_list_top {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:40px 0;}
.order_list_top .left {display:flex; flex-wrap:wrap; align-items:center;}
.order_list_top .left select {width:120px; margin-right:4px;}
.order_list_top .left .button {display:flex; flex-wrap:wrap; align-items:center;}
.order_list_top .left .button input {width: 77px; height: 45px; display:block; font-size:var(--fs16); color:rgba(34,34,34,0.5); border-radius: 5px; border: 1px solid var(--border); text-align:center; letter-spacing: -0.64px; background:var(--white); margin-right:4px; cursor:pointer;}
.order_list_top .left .button input.on {border:1px solid var(--main); background:var(--main); color:var(--white);}
.order_list_top .cal {display:flex; flex-wrap:wrap; align-items:center;}
.order_list_top .cal span {display:block;}
.order_list_top .cal span img {display:none;}
.order_list_top .cal span input {width:140px; background-image:url("/assets/responsive_new/teacher_learning/img/calendar_month..header_in .topUtil"); background-repeat:no-repeat; background-position:center right 15px;}
.order_list_top .cal span.hipen {width:20px; text-align:center;}
.order_list_top .chech_btn .btn_type {width: 74px; height: 45px; display:block; text-align:center; background: var(--black); color:var(--white); font-size:var(--fs16); border-radius: 5px; margin-left:4px; cursor:pointer;}
/**** 마이페이지 틀 ****/




.memBtn_list .btn {width: 178px; height: 60px; border-radius: 5px; background: var(--white); border:1px solid var(--border); display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:30px auto 0; font-weight: 500; letter-spacing: -0.72px; color:rgba(34,34,34,0.5); box-sizing:border-box;}
.memBtn_list.center .btn {margin-top:0; margin-left:0;}

/**** 현재 수강 과정 - 리스트 ****/
.current_lecture_wrap {display:flex; flex-wrap:wrap;}

.lecture {width:calc((100% - 20px) / 2); border: 1px solid var(--border); box-sizing:border-box; margin-right:20px; margin-top:20px;}
.lecture:nth-of-type(2n) {margin-right:0;}
.lecture:nth-of-type(-n+2) {margin-top:0;}
.lecture dl {padding:20px; box-sizing:border-box; display:flex; flex-wrap:wrap; align-items:center;}
.lecture dl dt {width:220px; aspect-ratio:3 / 2.0954;}
.lecture dl dt img {display: block; width: 100%; height: 100%; object-fit: cover; transition:all .5s ease;}
.lecture dl dd {width:calc(100% - 220px); padding-left:30px; box-sizing:border-box;}
.lecture dl dd h4 {display:flex; flex-wrap:nowrap; align-items:center; }
.lecture dl dd h4 span {height:30px; display:flex; flex-wrap:wrap; align-items:center; padding:0 16px; line-height:1; color:var(--white); font-size: 14px; letter-spacing: -0.05rem; font-weight: 600; margin-right:10px;}
.lecture dl dd h4 span.cate1 {background:var(--sub);}
.lecture dl dd h4 span.cate2 {background:var(--main);}
.lecture dl dd h4 span.cate3 {border:1px solid var(--main); color:var(--main);}
.lecture dl dd h4 a {font-size: var(--fs20); font-weight: 500; line-height:160%; letter-spacing: -0.05rem; color:var(--black); text-overflow: ellipsis; white-space: nowrap; overflow:hidden;}
.lecture dl dd ul {display:flex; flex-wrap:wrap; align-items:center; margin:10px 0 16px;}
.lecture dl dd ul li {display:flex; flex-wrap:wrap; align-items:center; font-size: var(--fs16); font-weight: 400; line-height:175%; letter-spacing: -0.04rem; color: var(--black);}
.lecture dl dd ul li span {display:inline-block; margin-left:6px; letter-spacing:inherit; line-height:inherit; color:rgba(34,34,34,0.5); }
.lecture dl dd ul li::after {content:''; width: 1px; height: 16px; background:var(--black); opacity:0.2; display:block; margin:0 15px;}
.lecture dl dd ul li:last-of-type::after {display:none;}

.lecture dl dd .lecture_gauge {position:relative; width:100%; height: 30px; border-radius: 5px; background:rgba(34,34,34,0.2);}
.lecture dl dd .lecture_gauge span {height:100%; display:block; background:var(--main); border-radius: 5px;}
.lecture dl dd .lecture_gauge i {position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-size: var(--fs16); font-weight: 500; line-height:175%; letter-spacing: -0.04rem; color:var(--white); font-style:normal;}

.lecture .lectureBtn {display:flex; flex-wrap:wrap; justify-content:center; padding:20px; width:100%; box-sizing:border-box; border-top:1px solid var(--border); background: var(--gray_opa7);}
.lecture .lectureBtn .btn {max-width:160px; height:45px; width:calc((100% - 15px) / 4); border-radius: 5px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; box-sizing:border-box; font-size:var(--fs16); font-weight: 500; letter-spacing: -0.04rem; margin-right:5px;}
.lecture .lectureBtn .btn:last-of-type {margin-right:0;}
.lecture .lectureBtn .btn:hover {box-shadow:0px 8px 15px rgba(0, 0, 0, 0.08);}

.lecture .lectureBtn .btn.type1 {background: var(--main); border:1px solid var(--border); color:var(--white);}
.lecture .lectureBtn .btn.type2 {background: #89909a; border:1px solid #89909a; color:var(--white);}
.lecture .lectureBtn .btn.type3 {background: var(--white); border:1px solid var(--main); color:var(--main);}
.lecture .lectureBtn .btn.type4 {background: var(--gray_bg); border:1px solid var(--border); color:rgba(34,34,34,0.4);}
.lecture .lectureBtn .btn.type4.icon::before {content:'\f5a0';  font-size:20px; color:rgba(34,34,34,0.4); font-family:var(--icon); display:block; margin-right:5px;}
/**** 현재 수강 과정 - 리스트 ****/


.lecture:has( .tooltip-close.on){ overflow:hidden; }
.lectureBtn .btn:has(.open-tooltip .tooltip-close.on) {
  position: relative;
  z-index: 3;
}
.lectureBtn .open-tooltip:has( .tooltip-close.on) + .open-tooltip-bg-dim{
position: absolute;
  height: 100vh;
  transform: translate(-50%, -50%);
  width: 150vw;
}

/* 임시 */
.lectureBtn .btn:has(.open-tooltip .tooltip-close.on) > a{
	position: relative;
  z-index: 2;
  background: var(--main);
  border: 0px solid var(--border);
  color: var(--white);
}


/**** 현재 수강 과정 - 홈 ****/
.current_situation {display:flex; flex-wrap:wrap; align-items:center; padding:20px; border:1px solid var(--border); box-sizing:border-box;}
.current_situation .situation_img {width:315px; overflow:hidden; aspect-ratio: 3 / 2.0954;}
.current_situation .situation_img img {display: block; width: 100%; height: 100%; object-fit: cover; transition:all .5s ease;}
.current_situation .situation_info {position:relative; width:calc(100% - 315px); padding-left:40px; box-sizing:Border-box; padding-right:440px;}
.current_situation .situation_info .infoBox {position:relative; padding-right:130px; box-sizing:border-box;}
.current_situation .situation_info .infoBox .bb_tit {font-size:var(--fs25); font-weight: 700; line-height:128%; letter-spacing: -0.05rem; color:var(--black); margin:0 0 15px;}
.current_situation .situation_info .infoBox .bb_tit a {letter-spacing:inherit; line-height:inherit; font-weight:inherit;}
.current_situation .situation_info .infoBox .bb_tit .cate {display:inline-block; padding:0 16px; line-height:30px; box-sizing:border-box; color:var(--white); font-size: 14px; font-weight: 600; letter-spacing: -0.035rem; margin-right:10px;}
.current_situation .situation_info .infoBox .bb_tit .cate.color01 {background:var(--sub);}
.current_situation .situation_info .infoBox .bb_tit .cate.color02 {background:var(--main);}
.current_situation .situation_info .infoBox .bb_tit .cate.color03 {border:1px solid var(--main); color:var(--main);}
.current_situation .situation_info .infoBox .edu_infoList {margin:0 0 5px; display:flex; flex-wrap:wrap;}
.current_situation .situation_info .infoBox .edu_infoList li {width:100%; display:flex; flex-wrap:wrap; align-items:center; font-weight: 400; letter-spacing: -0.04rem; color:rgba(34,34,34,0.5); padding-left: 1.5vw; box-sizing:Border-box; position:relative; margin:0 0 5px;}
.current_situation .situation_info .infoBox .edu_infoList li.w50 {width:44%;}
.current_situation .situation_info .infoBox .edu_infoList li b {color:var(--black); letter-spacing:inherit; display:block; font-weight:400; position:relative; top:0; left: -1vw;}
.current_situation .situation_info .infoBox .edu_infoList li span {display:inline-block; margin-left:13px; color:rgba(34,34,34,0.3); letter-spacing:inherit; line-height:inherit;}
.current_situation .situation_info .infoBox .total {font-size: var(--fs20); font-weight: 700; line-height:160%; letter-spacing: -0.05rem; color:var(--black); margin:10px 0 0;}
.current_situation .situation_info .infoBox .total span {color:var(--main);}
.current_situation .situation_info .percent_cont {position:absolute; right:0; top:50%; transform:translateY(-50%); display:flex; /* flex-wrap:wrap; */ }
.current_situation .situation_info .percent_cont li { display:flex; flex-wrap:wrap; align-content:center; justify-content:center; width:200px; height:200px; margin-right:20px; border-radius:100%; box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.08); background:rgba(255,255,255,0.8); text-align:center; padding:0 25px; box-sizing:border-box; border: 1px dashed var(--main); }
.current_situation .situation_info .percent_cont li:nth-child(1) {border: 1px dashed var(--sub);}
.current_situation .situation_info .percent_cont li:nth-child(1) h4{ color: var(--sub);}
.current_situation .situation_info .percent_cont li:nth-child(1) b{ color: var(--sub);}
.current_situation .situation_info .percent_cont li:nth-child(1) h4{ color: var(--sub);}
.current_situation .situation_info .percent_cont li:nth-child(1) .percent span {background:var(--sub);}
.current_situation .situation_info .percent_cont li:last-of-type {margin-right:0;}
.current_situation .situation_info .percent_cont li h4 {font-size: var(--fs16); font-weight: 700; line-height:175%; letter-spacing: -0.04rem; color:var(--main);}
.current_situation .situation_info .percent_cont li b {display:block; width:100%; color:var(--main); font-weight:700; letter-spacing: -1.8px; font-size:var(--fs45); margin:0 0 13px; line-height: 122.222%;}
.current_situation .situation_info .percent_cont li .percent {width:100%; height:10px; border-radius:50px; background:#E7EBF2;}
.current_situation .situation_info .percent_cont li .percent span {display:block; height:100%; border-radius:50px; background:var(--main);}

.current_situation .situation_info .percent_cont li.average {border-color:#434C5E;}
.current_situation .situation_info .percent_cont li.average h4 {color:#434C5E;}
.current_situation .situation_info .percent_cont li.average b {color:#434C5E;}
.current_situation .situation_info .percent_cont li.average .percent {}
.current_situation .situation_info .percent_cont li.average .percent span {background:#434C5E; }
/* 
.current_situation .situation_info .percent_cont li.average {position: relative; cursor: pointer;}
.current_situation .situation_info .percent_cont li.average::before {
    content: "내 진도율\A평균보다 낮을까요?\A높을까요?🤔";
    white-space: pre-line; color: var(--white); background-color: #434C5E;
    border-radius: 50%; font-size: var(--fs16);
    display: flex; align-items: center; justify-content: center; position: absolute;
    top: 0; left: 0; width: 100%; height: 100%; z-index: 10;
}

@media (max-width: 1500px) {
.current_situation .situation_info .percent_cont li.average::before {
      content: "내 진도율\A평균보다 낮을까요? 높을까요?🤔";
      white-space: pre-line; color: var(--white); background-color: #434C5E;
      border-radius: 20px; font-size: var(--fs16);
      display: flex; align-items: center;
      justify-content: center; position: absolute;
      top: 0; left: 0; 
	  
	  box-sizing: border-box;;
	  width: 100%; 
	  height: 100%; 
	  
	  z-index: 10;
}
}
  
@media (max-width: 1100px) {
.current_situation .situation_info .percent_cont li.average::before {
      content: "내 진도율\A평균보다 낮을까요? 높을까요?🤔";
      white-space: pre-line; color: var(--white); background-color: #434C5E;
      border-radius: 20px; padding: 40px 20px; font-size: var(--fs16);
      display: flex; align-items: center;
      justify-content: center;
      position: absolute;
      top: 0; left: 0; width: -webkit-fill-available; z-index: 10;
}
}
 */
.average.hide-overlay::before {display: none;}
/* 내부 콘텐츠가 오버레이 위에 보이도록 */
.current_situation .situation_info .percent_cont li.average > * {position: relative;z-index: 9;} 
.current_situation .situation_info .percent_cont li.average.hide-before::before {content: none !important;}

.my_cate_tab {margin:30px 0; overflow:hidden;}
.my_cate_tab ul {justify-content:center;}
.my_cate_tab ul li {margin-right:3px; width:auto;}
.my_cate_tab ul li a {display:flex; flex-wrap:wrap; align-content:center; justify-content:center; padding:0 20px; box-sizing:border-box; min-width:110px; border-radius:50px; height:50px; line-height:1;  background: var(--gray_bg); color:rgba(34,34,34,0.5); letter-spacing: -0.04rem; transition:all 0.4s ease;}
.my_cate_tab ul li:hover a {background:var(--main); color:var(--white); transition:all 0.4s ease;}
.my_cate_tab ul li.hover a {background:var(--main); color:var(--white);}

.dots {padding-left:10px; box-sizing:border-box; position:relative; letter-spacing: -0.04rem; margin:0 0 3px;}
.dots:last-of-type {margin:0;}
.dots::after {content:''; width:4px; height:4px; background:rgba(34,34,34,0.3); position:absolute; top:13px; left:0;}
.dots .red {color:var(--red); font-weight: 500;}
.dots .main {color:var(--main); }

.check_box {position:relative; padding:30px; box-sizing:border-box; padding-left:148px; background: var(--gray_opa7);}
.check_box h4 {margin:0 0 6px;}
.check_box h4 i {display:block; width:80px; height:80px; position:absolute; top:35px; left:35px; border-radius:100%; background:var(--main);}
.check_box h4 i::before {content:'\e5ca'; color:var(--white); font-size:60px; font-weight:500; font-family:var(--icon); font-style:normal; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.check_box.coupon_box {padding-left:230px;}
.check_box.coupon_box .coupon {width:230px; height:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; position:absolute; top:0; left:0;}
.check_box.withdrawal_box .withdrawal {width:130px; height:130px; display:block; background:Var(--main); border-radius:100%; position:absolute; top:40px; left:40px;}
.check_box.withdrawal_box .withdrawal::before {content:'\e5cd'; font-family:var(--icon); font-style:normal; font-size:90px; color:var(--white);  position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); font-weight:500;}

.point_box {padding:25px 50px; box-sizing:border-box; background: var(--gray_opa7); display:flex; flex-wrap:wrap; align-items:center;}
.point_box dl {display:flex; flex-wrap:wrap; align-items:center; margin-left:70px;}
.point_box dl dt {letter-spacing: -0.72px; color:var(--black); margin-right:20px;}
.point_box dl dd {font-size:2.5rem; color:var(--main); font-weight:700; letter-spacing:-0.113rem;}


.install_btn {display:inline-block; padding-left:10px; padding-right:13px; line-height:32px; border-radius: 5px; border: 1px solid rgba(119, 119, 119, 0.50); background: var(--white); font-size:var(--fs16);  font-weight: 500; color:rgba(34,34,34,0.5); margin-left:8px;}
.install_btn::before {content:'\f6c1'; display:inline-block; color:inherit; font-size:20px; font-family:var(--icon); margin-right:5px; vertical-align:middle;}
.install_btn:hover {border:1px solid var(--main); color:var(--main);}


.watoBtn {padding:0 18px; box-sizing:border-box; height:50px; line-height:50px; border-radius: 5px; background: var(--black); color:var(--white); font-size: var(--fs16); font-weight: 500; letter-spacing: -0.64px;}

.ratioList {display:flex; flex-wrap:Wrap; align-items:center;}
.ratioList li {display:flex; flex-wrap:Wrap; align-items:center; font-size: var(--fs16); font-weight: 500; line-height: 175%; letter-spacing: -0.04rem; color:var(--black); margin-right:20px;}
.ratioList li:last-of-type {margin-right:0;}
.ratioList li i {display:block; width: 20px; height: 20px; border-radius: 5px; background: var(--sub); margin-right:6px;}
.ratioList li i.main {background: var(--main);}
.ratioList li i.per_ico3 {background:#9574CD;}
.ratioList li i.per_ico4 {background:#FDD24F;}
.ratioList li i.per_ico5 {background:#7A859C;}
.ratioList li i.per_ico6 {background:#FF8A80;}
.ratioList li i.per_ico7 {background:#F07AAC;}
.ratioList li i.per_ico8 {background:#5FE86C;}

.ratio_cont {display:flex; flex-wrap:Wrap;  align-items:center; border:1px solid var(--border); padding:30px; box-sizing:border-box;}
.ratio_cont .select {width:360px; margin-right:40px;}
.ratio_cont .ratio_gauge {display:flex; flex-wrap:Wrap; width:calc(100% - 400px); border-radius:5px; overflow:hidden;}
.ratio_cont .ratio_gauge span {height:30px; display:block; position:relative; }
.ratio_cont .ratio_gauge span i {font-style:normal; font-size: var(--fs16); font-weight: 500; line-height: 175%; letter-spacing: -0.04rem; color:var(--white); position:absolute; top:50%; left:50%; transform:translate(-50%,-50%);}
.ratio_cont .ratio_gauge span.sub {background: var(--sub);}
.ratio_cont .ratio_gauge span.main {background: var(--main);}
.ratio_cont .ratio_gauge span.per_ico3 {background: #9574CD;}
.ratio_cont .ratio_gauge span.per_ico4 {background: #FDD24F;}
.ratio_cont .ratio_gauge span.per_ico5 {background: #7A859C;}
.ratio_cont .ratio_gauge span.per_ico6 {background: #FF8A80;}
.ratio_cont .ratio_gauge span.per_ico7 {background: #F07AAC;}
.ratio_cont .ratio_gauge span.per_ico8 {background: #5FE86C;}

.course_process {display:flex; flex-wrap:wrap; align-items:center;}
.course_process li {display:flex; flex-wrap:wrap; align-items:center; margin-right:20px; letter-spacing: -0.05rem; color:rgba(34,34,34,0.6);}
.course_process li:last-of-type {margin-right:0;}

.co_ico {position:relative; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:30px; height:30px; border-radius:100%; border:3px solid rgba(27, 38, 58, 0.30); box-sizing:border-box; margin-right:8px;}
.co_ico::before {font-size:var(--fs18); font-family:var(--icon); color:var(--white); display:block; font-style:normal; position:absolute; top:55%; left:50%; transform:translate(-50%,-50%); font-weight:500;}
.co_ico.pro2 {border-color:var(--main);}
.co_ico.pro2::before {content:'\e863'; color:var(--main);}
.co_ico.pro3 {border-color:var(--main); background:var(--main);}
.co_ico.pro3::before {content:'\e5ca'; color:var(--white);}
.co_ico.pro4 {border-color:var(--red); background:var(--red);}
.co_ico.pro4::before {content:'\e5cd'; color:var(--white);}


.edu_list {}
.edu_list dl {border:1px solid var(--border); box-sizing:border-box; border-bottom:0;}
.edu_list dl:last-of-type {border-bottom:1px solid var(--border);}
.edu_list dl .time {display:flex; flex-wrap:wrap; align-items:center; color:var(--black); font-size:var(--fs16); font-weight: 500; letter-spacing: -0.04rem;}
.edu_list dl .time::before {content:'\e855'; font-size:22px; color:inherit; font-family:var(--icon); display:block; margin-right:4px;}
.edu_list dl dt {position:relative; padding:19px 120px 19px 0; box-sizing:border-box; background: var(--gray_opa7); cursor:pointer;}
.edu_list dl dt h4 {position:relative; font-size:var(--fs20); font-weight: 700; line-height:1.6; letter-spacing: -0.05rem; color:var(--black); padding-left:55px; box-sizing:border-box; width:100%;}
.edu_list dl dt h4::before {content:'\e5cf'; font-size:22px; color:var(--black); font-family:var(--icon); position:absolute; top:50%; left:20px; margin-top:-16px; transition:all 0.4s ease;}
.edu_list dl.on dt h4::before {transform:rotate(180deg); transition:all 0.4s ease;}
.edu_list dl dt .time {position:absolute; top:50%; right:30px; transform:translateY(-50%);}
.edu_list dl dd {padding:24px 30px; box-sizing:border-box; border-top:1px solid var(--border); }
.edu_list dl dd .edu_timeline {margin:0 0 30px;}
.edu_list dl dd .edu_timeline:last-of-type {margin:0;}
.edu_list dl dd .edu_timeline h4 {font-size: var(--fs18); font-weight: 500; letter-spacing: -0.045rem; color:var(--black); margin:0 0 11px; }
.edu_list dl dd .edu_timeline ul {}
.edu_list dl dd .edu_timeline ul li {position:relative; display:flex; flex-wrap:Wrap; align-items:center; padding:15px; box-sizing:Border-box; border:1px solid var(--border); border-radius: 5px; margin:0 0 4px; padding-right:640px; box-sizing:border-box;}
.edu_list dl dd .edu_timeline ul li:last-of-type {margin:0;}
.edu_list dl dd .edu_timeline ul li h5 {font-size: var(--fs16); font-weight: 500; line-height:175%; letter-spacing: -0.04rem; color:var(--black);}
.edu_list dl dd .edu_timeline ul li h5 i {font-weight: 500; color:rgba(34,34,34,0.5); font-style:normal; letter-spacing:inherit; font-size:inherit; line-height:inherit; display:inline-block; margin-right:8px;}
.edu_list dl dd .edu_timeline ul li h5 a.down {font-size: var(--fs16); font-weight: 500; line-height:175%; letter-spacing: -0.64px; color: var(--point);  margin-left:15px; display:inline-block;}
.edu_list dl dd .edu_timeline ul li h5 a.down::before {content:'\f090'; display:inline-block; font-size:20px; color: var(--point); font-family:var(--icon); vertical-align:middle;}
.edu_list dl dd .edu_timeline ul li h5 a.down_lnk {font-size: var(--fs16); font-weight: 500; line-height:175%; letter-spacing: -0.64px; color: var(--point);  margin-left:15px; display:inline-block;}
.edu_list dl dd .edu_timeline ul li h5 a.down_lnk::before {content:'\e0ac'; display:inline-block; font-size:20px; color: var(--point); font-family:var(--icon); vertical-align:middle; margin-right:3px;}
.edu_list dl dd .edu_timeline .edu_right {display:flex; flex-wrap:Wrap; align-items:center; position:absolute; right:10px; top:50%; transform:translateY(-50%);}
.edu_list dl dd .edu_timeline .edu_right .edu_info {display:flex; flex-wrap:Wrap; align-items:center; margin-right:30px;}
.edu_list dl dd .edu_timeline .edu_right .edu_info span {font-size:var(--fs16);  letter-spacing: -0.04rem; color:rgba(34,34,34,0.7) !important; display:flex; flex-wrap:Wrap; align-items:center; font-weight:400;}
.edu_list dl dd .edu_timeline .edu_right .edu_info span b {font-weight: 400; letter-spacing:inherit; display:inline-block; margin-right:4px; color:var(--black)}
.edu_list dl dd .edu_timeline .edu_right .edu_info span::after {content:''; width:1px; height:16px; background:rgba(34,34,34,0.2); display:block; margin:0 15px;}
.edu_list dl dd .edu_timeline .edu_right .edu_info span:last-of-type::after {display:none;}
.edu_list dl dd .edu_timeline .edu_right .edu_btn {min-width:194px; display:flex; flex-wrap:Wrap; align-items:center; justify-content:flex-end;}
.edu_list dl dd .edu_timeline .edu_right .edu_btn .btn {width: 95px; height: 40px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; line-height:1; font-weight: 500; border-radius:5px; font-size:var(--fs16); margin-right:4px;letter-spacing: -0.04rem;}

.edu_list dl dd .edu_timeline .edu_right .edu_btn .btn.down {border:1px solid var(--main); color:var(--main); background:var(--white);}

.edu_list dl dd .edu_timeline .edu_right .edu_btn .btn:last-of-type {margin-right:0;}

.edu_list dl dd .edu_timeline .edu_right .edu_btn .btn.ver1 {border:1px solid var(--main); color:var(--main); background:var(--white);}
.edu_list dl dd .edu_timeline .edu_right .edu_btn .btn.ver2 {border:1px solid var(--main); color:var(--white); background:var(--main);}

.registPop .dot_cont {padding:30px; box-sizing:border-box; background:rgba(241, 244, 249, 0.50);}
.registPop .imgCont {margin:30px 0 20px;}
.registPop .imgCont img {max-width:100%;}
.registPop .upfile_input {margin:30px 0 0;}

.playBtn {width:110px; height:110px; border-radius:100%; background:var(--main); display:flex; flex-wrap:wrap; align-content:center; justify-content:center; box-shadow: 0px 8px 20px 0px rgba(0, 0, 0, 0.08); position:absolute; right:0; top:50%; transform:translateY(-50%);


	gap: 12px;



}
.playBtn span {}
.playBtn span::before {content:'\e037'; font-family:var(--icon); font-size:40px; color:var(--white);  font-variation-settings:'FILL' 1;}
.playBtn p {width:100%; font-size: 16px; font-weight: 700; line-height: 175%; letter-spacing: -0.64px; color: var(--white); text-align:center; margin:-10px 0 0;}
/**** 현재 수강 과정 - 홈 ****/


/****** 팝업 ******/
.pop_tab_list {display:flex; flex-wrap:wrap; align-items:center;}
.pop_tab_list li {font-weight:300; cursor:pointer;display:flex; flex-wrap:wrap; align-items:center; color:rgba(34,34,34,0.3) !important;}
.pop_tab_list li::before {content:'/'; font-size:inherit; font-weight:300; color:rgba(34,34,34,0.3); display:block; position:relative; margin:0 15px;}
.pop_tab_list li:first-of-type::before {display:none;}
.pop_tab_list li.tab_up {font-weight:700; color:var(--black) !important;;}
.commonPop {position:fixed; top:0; left:0; width:100%; height:var(--vh); display:flex; flex-wrap:wrap; align-content:center; justify-content:center; opacity:0; visibility:hidden; transition:all 0.8s ease; min-width:320px; z-index:9999999;}
.commonPop .popMask {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(34,34,34,0.8); z-index:-1; opacity:0; visibility:hidden; transition:all 0.8s ease;}
.view {opacity:1 !important; visibility:visible !important; transition:all 0.8s ease !important;}
.view .popMask {opacity:1 !important; visibility:visible !important; transition:all 0.8s ease !important;}
.commonPop .popUp_in {position:relative; z-index:10; width:890px; max-width:90%; height:100%; display:flex; flex-wrap:wrap; align-content:center; justify-content:center; transform:scale(0.88); opacity:0; visibility:hidden; transition:all 0.8s ease;}
.view .popUp_in {transform:scale(1) !important; opacity:1 !important; visibility:visible !important; transition:all 0.8s ease !important; transition-delay:0.2s !important;}
.commonPop .popUp_in.w1180 {width:1180px;}
.commonPop .popUp_in.w1180 .popContent {padding:0; height:85%;}
.commonPop .popUp_in .popClose {display:block; width:50px; margin:0 auto 10px;}
.commonPop .popUp_in .popClose::before {content:'\e5cd'; font-size:50px; font-family:var(--icon); color:var(--white);}
.commonPop .popUp_in .popContent {padding:50px; box-sizing:border-box; background:var(--white); height:70%; width:100%;}
.commonPop .popUp_in .popContent .fs35 {color:var(--black); padding:0 0  11px;}
.commonPop .popUp_in .popContent .fs35.marg33 {padding:0 0 33px;}
.commonPop .popUp_in .popContent .fs35 p {display:inline-block; font-size:var(--fs20); font-weight:500; margin-left:15px; letter-spacing: -0.04rem;}
.commonPop .popUp_in .popContent .fs35 p.main {color:var(--main);}
.commonPop .popUp_in .popContent .select_cont {padding-bottom:20px;}

.commonPop .popUp_in.w1180 .popContent .main_title {
	position:relative; padding:34px 30px; box-sizing:Border-box; 
	background:var(--main); font-size: 1.388rem; font-weight: 700; line-height:128%; 
	letter-spacing: -0.063rem; color:var(--white);
	
	/* 추가_250529 */
	display: flex; 
	min-height: 99px;
	gap: .5em;
	align-items: center;
	padding: 13px 30px;
}
.commonPop .popUp_in.w1180 .popContent .main_title p {display:inline-block; font-size:1rem; margin-left:13px; font-weight:500; letter-spacing:inherit; }




.commonPop .popUp_in .popContent.type2 {
  height: auto;
  max-height: 92%;
  display: flex;
  flex-direction: column;
}
.commonPop .popUp_in .popContent.type2 > *:not(.record_list){ flex: none }
.commonPop .popContent.type2 .record_list {

 

  flex:1;
	width: 100%;
	min-height:150px ; /* auto */
	max-height: none;
	    overflow-y: auto;
}
@media (max-width: 980px) {

}


/*
.sizeList {position:absolute; right:30px; top:50%; transform:translateY(-50%); border-radius:5px; overflow:hidden; display:flex; flex-wrap:wrap;}
*/
/* 수정_250529 */
.sizeList { border-radius:5px; overflow:hidden; display:flex; }

.sizeList li {}
.sizeList li a {width:70px; height:70px; padding:6px; box-sizing:Border-box; background:rgba(255,255,255,0.9); text-align:center; color: var(--black); display:flex; flex-wrap:wrap; justify-content:center; align-content:center; font-size: 14px; color:rgba(34,34,34,0.7); text-align:center;}
.sizeList li a b {display:block; width:100%; line-height:40px; font-size: 20px; font-weight: 700; color:var(--black);}
.sizeList li:nth-of-type(2) a b {font-size:25px;}
.sizeList li:nth-of-type(3) a b {font-size:30px;}

.sizeList li.ck a {background:rgba(34,34,34,0.3);}
.sizeList li.ck a {color:rgba(255,255,255,0.7);}
.sizeList li.ck a b {color:var(--white);}

.commonPop.paper_input .popUp_in.w1180 .popContent .main_title .sizeList {right:230px;}
.commonPop .popUp_in.w1180 .popContent .main_title .time {position:absolute; top:50%; right:30px; transform:translateY(-50%); font-size: var(--fs16); font-weight: 400; line-height: 175%; letter-spacing: -0.04rem; color:rgba(255,255,255,0.7); display:flex; flex-wrap:Wrap; align-items:center; margin-left:20px;}
.commonPop .popUp_in.w1180 .popContent .main_title .time i {}
.commonPop .popUp_in.w1180 .popContent .main_title .time i::before {content:'\e855'; display:block; margin-right:8px; font-family:var(--icon); font-size:30px; font-style:normal;}
.commonPop .popUp_in.w1180 .popContent .main_title .time b {letter-spacing: -0.04rem; color:var(--white); font-size:1.111rem; font-weight:bold; display:inline-block; margin-left:8px;}



.commonPop .popUp_in.w1180 .popContent .exam_info_cont {height:calc(100% - 220px); display:flex; flex-wrap:wrap; align-content:center;}
.commonPop .popUp_in.w1180 .popContent .exam_info_cont .exam_info_in {margin:0 90px; display:flex; flex-wrap:wrap;}
.commonPop .popUp_in.w1180 .popContent .exam_info_cont .exam_info_in dt {width:170px;}
.commonPop .popUp_in.w1180 .popContent .exam_info_cont .exam_info_in dd {width:calc(100% - 170px);}
.commonPop .popUp_in.w1180 .popContent .exam_info_cont .exam_info_in dd h4 {font-size: 1.388rem; font-weight: 700; line-height: 128%; letter-spacing: -0.063rem; margin:0 0 20px; color:var(--black);}
.commonPop .popUp_in.w1180 .popContent .btn_wrap {height:120px; background: var(--gray_bg); display:flex; flex-wrap:wrap; align-content:center; justify-content:center;}
.commonPop .popUp_in.w1180 .popContent .btn_wrap a {display:block; width: 285px; height: 60px; border-radius: 5px; background: var(--main); color:var(--white); line-height:60px; font-size: 1rem; font-weight: 500; letter-spacing: -0.045rem; text-align:center;}

.viewList {display:flex; flex-wrap:wrap; align-items:center; padding:0 0 25px;}
.viewList li {color:rgba(34,34,34,0.7); letter-spacing: -0.04rem; display:flex; flex-wrap:wrap; align-items:center; }
.viewList li::after {content:''; width:1px; height:16px; background:rgba(34,34,34,0.2); display:block; margin:0 20px;}
.viewList li b {color:var(--black); margin-right:8px; letter-spacing:inherit; font-weight:500; display:block;}
.viewList li:last-of-type::after {display:none;}

.percent_pop .viewList {padding:0 0 34px;}

.commonPop .bbs_con th {padding:13px 10px 17px; font-weight:500;}
.commonPop .bbs_con td {padding:15px 10px 17px;}
.commonPop .bbs_con td .black {color:var(--black);font-weight: 500;}
.commonPop .bbs_con td .main {color:var(--main); font-weight: 500;}
.commonPop .bbs_con .rowCont {background: var(--gray_opa7); color: var(--black);}
.commonPop .pop_btn_list {padding:35px 0 0; display:flex; flex-wrap:wrap; align-items:center; justify-content:center;}
.commonPop .pop_btn_list a {width: 178px; height: 60px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-weight: 500; letter-spacing: -0.04rem; border-radius: 5px; margin-right:4px;}
.commonPop .pop_btn_list a:last-of-type {margin-right:0;}
.commonPop .pop_btn_list a.ver1 {border: 1px solid var(--border); background: var(--white); color:rgba(34,34,34,0.5);}
.commonPop .pop_btn_list a.ver2 {border: 1px solid var(--main); background: var(--main); color:var(--white);}

.commonPop .pop_btn_list.sm a {width:120px; height:50px; font-size:var(--fs16);}
.commonPop .pop_btn_list.ver4 a {max-width:calc((100% - 12px) / 4);}

.commonPop .record_list {padding-right:10px; box-sizing:border-box; max-height:calc(100% - (var(--scr_h) + 46px)); overflow-y: scroll;}
.tab_cont_wrap {height:calc(100% - var(--scr_h)); margin:10px 0 0;}
.tab_cont_wrap .record_list {max-height:100%; height:100%;}
.commonPop .record_list.short_record {max-height:calc(100% - 175px);}
.commonPop .record_list::-webkit-scrollbar {width: 4px;}
.commonPop .record_list::-webkit-scrollbar-thumb {background: var(--black); /* 스크롤바 색상 */ border-radius: 5px; /* 스크롤바 둥근 테두리 */}
.commonPop .record_list::-webkit-scrollbar-track {background: var(--border);  /*스크롤바 뒷 배경 색상*/}

.pay_info {border-top:2px solid var(--black); display:flex; flex-wrap:wrap;}
.pay_info dl {width:100%; display:flex; flex-wrap:wrap; border-bottom:1px solid var(--border); box-sizing:border-box;}
.pay_info dl.w50 {width:50%;}
.pay_info dl dt {width:130px; background: var(--gray_opa7); padding:12px 18px; box-sizing:border-box; font-weight: 500;  letter-spacing: -0.045rem; color:var(--black);}
.pay_info dl dd {width:calc(100% - 130px); padding:12px 18px; box-sizing:border-box; letter-spacing: -0.045rem; color:rgba(34,34,34,0.7);}
.pay_info dl dd ul {}
.pay_info dl dd ul li {padding-left:70px; box-sizing:border-box; position:relative; letter-spacing: -0.72px; min-height:1.66rem}
.pay_info dl dd ul li b {position:absolute; top:0; left:0; font-weight: 500; color: var(--black); letter-spacing: -0.72px;}

.review_input {border-top:2px solid var(--black);}
.review_input dl {display:flex; flex-wrap:wrap; align-items:center; border-bottom:1px solid var(--border);}
.review_input dl:last-of-type {border-bottom:0;}
.review_input dl dt {width:140px; font-weight: 500; letter-spacing:  -0.04rem; color:var(--black);}
.review_input dl dt b {color:var(--main);}
.review_input dl dd {display:flex; flex-wrap:wrap; align-items:center;  width:calc(100% - 140px); padding:15px 0; letter-spacing:  -0.04rem; min-height:70px; box-sizing:border-box; color:rgba(34,34,34,0.7);}
.review_input dl dd.block {width:100%;}
.review_input dl dd.block textarea {width:100%; height:270px; appearance: none; -moz-appearance: none; -webkit-appearance: none; border-radius: 0; -webkit-border-radius: 0; -moz-border-radius: 0; border:1px solid var(--border); box-sizing:border-box; border-radius:5px; padding:17px; font-size:var(--fs16); color:rgba(34,34,34,0.5); letter-spacing: -0.04rem;}
.review_input dl dd .my-rating {margin-right:10px; display:inline-block;  vertical-align:middle; height:24px;}
.review_input dl dd .live-rating {font-weight: 400; letter-spacing: -0.72px; color:rgba(34,34,34,0.7); display:inline-block;  vertical-align:middle; line-height:1;}

textarea::-webkit-input-placeholder {color:rgba(34,34,34,0.3);  letter-spacing: -0.038rem;}
textarea:-ms-input-placeholder {color:rgba(34,34,34,0.3);  letter-spacing: -0.038rem;}
textarea::placeholder {color:rgba(34,34,34,0.3); letter-spacing: -0.038rem;}

input::-webkit-input-placeholder {color:rgba(34,34,34,0.5); font-size:var(--fs16); letter-spacing: -0.038rem;}
input:-ms-input-placeholder {color:rgba(34,34,34,0.5); font-size:var(--fs16); letter-spacing: -0.038rem;}
input::placeholder {color:rgba(34,34,34,0.5); font-size:var(--fs16); letter-spacing: -0.038rem;}


.starList {display:flex; flex-wrap:wrap; align-items:center; margin-right:4px;}

.pop_search {padding:33px; box-sizing:Border-box; background: #F1F4F9; margin:0 0 30px;}
.pop_search .pop_search_in {position:relative; max-width:350px; margin:0 auto;}
.pop_search .pop_search_in input {padding-right:50px;}
.pop_search .pop_search_in .searchBtn {position:absolute; top:50%; right:16px;  transform:translateY(-50%);}
.pop_search .pop_search_in .searchBtn::after {content:'\e8b6'; color:var(--black); font-size:20px; font-family:var(--icon); line-height:45px;}

.coupon_list {display:flex; flex-wrap:wrap;}
.coupon_list li {width:calc((100% - 30px) / 2); border: 3px solid var(--main); margin-right:30px; margin-top:30px; box-sizing:border-box;}
.coupon_list li:nth-of-type(2n) {margin-right:0;}
.coupon_list li:nth-of-type(-n+2) {margin-top:0;}
.coupon_list li a {position:relative; padding:24px; padding-left:49px; display:block;}
.coupon_list li a::after {content:'\f090'; font-size:40px; color:rgba(34,34,34,0.2); font-family:var(--icon); position:absolute; top:15px; right:15px;}
.coupon_list li a i {font-size:var(--fs16); color:var(--white); font-weight:700; writing-mode: vertical-rl; text-orientation: mixed; font-family:var(--eng); position:absolute; top:0; left:0;  width:27px; height:100%; background:var(--main); font-style:normal; text-align:center;  line-height:25px; transform: rotate(180deg);}
.coupon_list li a h3 {font-size: var(--fs25); font-weight: 700; line-height:128%; letter-spacing: -0.063rem; color:var(--main);}
.coupon_list li a p {font-size:var(--fs16); margin:2px 0 0;}
.coupon_list li a p span {font-size:var(--fs16); color:var(--black); font-weight: 700; letter-spacing: -0.038rem; display:inline-block; margin-right:5px;}
.coupon_list li.coupon_end {position:relative;}
.coupon_list li.coupon_end .end {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:rgba(122,133,156,0.9); color:var(--white); font-size: 1.111rem; font-style: normal; font-weight: 700; line-height: 1.7; letter-spacing: -0.8px; position:absolute; top:0; left:0; width:100%; height:100%;}
.coupon_list li.coupon_end .end::before {content:'\e855'; margin-right:8px; display:block; font-size:24px; font-family:var(--icon); font-weight:400;}

.no_result {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:100%; height:150px; background: var(--gray_bg); font-weight: 500; line-height:166.667%; letter-spacing: -0.72px; color: var(--black);}

.certi_popUp {}
.certi_popUp .popUp_in .popClose {width:100%; text-align:center; }
.certi_popUp .popUp_in {width:100%; max-width:100%;/*  overflow-y:scroll; padding:50px 0; box-sizing:border-box; */ align-content:flex-start;}
.certi_popUp .popContent {position:relative; height:auto; padding:0; width:700px; /* max-width:90%; */ height:980px;}
.certi_popUp .popContent::before {content:''; display:block; padding-top:140%;}
.certi_popUp .popContent .popContent_certi {width:100%; height:100%; background:var(--white) url("/assets/responsive_new/mypage/img/certi_bg.png")no-repeat center; position:absolute; top:0; left:0; padding:60px 70px; box-sizing:border-box; }
.certi_popUp .popContent .certi_number {font-family: "Nanum Myeongjo", serif; font-size: var(--fs20); font-weight: 600; line-height: 2; letter-spacing: -0.038rem; color: var(--black);}
.certi_popUp .popContent h2 {font-family: "Nanum Myeongjo", serif; font-size: 3.611rem; font-weight: 700; line-height: 107.692%; letter-spacing: 0.813rem; text-align:center; color: var(--black); margin:77px 0 60px;}
.certi_popUp .popContent .certi_info {}
.certi_popUp .popContent .certi_info li {font-size:var(--fs20); font-family: "Nanum Myeongjo", serif; color: var(--black); padding-left:115px; box-sizing:border-box; position:relative; margin:0 0 10px;}
.certi_popUp .popContent .certi_info li:last-of-type {margin:0;}
.certi_popUp .popContent .certi_info li b {position:absolute; top:0; left:0; color:var(--black); font-weight:600; letter-spacing:-0.038rem;}
.certi_popUp .popContent p.fs24 {font-family: "Nanum Myeongjo", serif; font-size: 1.333rem; font-weight: 700; letter-spacing: -0.045rem; color:var(--black); text-align:center; margin:68px 0 35px;}
.certi_popUp .popContent p.fs20 {font-family: "Nanum Myeongjo", serif; font-size: var(--fs20); font-weight: 600; line-height: 200%; letter-spacing: -0.038rem; text-align:center;}
.certi_popUp .popContent p.last_txt {font-family: "Nanum Myeongjo", serif; font-size:1.333rem; font-weight: 600;  letter-spacing: -0.038rem; text-align:center; color:var(--black); margin:120px 0 0;}
.certi_popUp .popContent p.last_txt b {font-size:2.222rem; font-weight: 700; letter-spacing:0.25rem; margin-left:16px;}

.exam_table {display:flex; flex-wrap:wrap; height:calc(100% - 100px);}
.exam_table form {width:100%; height:100%;}
.exam_table .exam_left {width:calc(100% - 345px); height:100%;}
.exam_table .exam_left .exam_paper {width:100%; padding:30px; box-sizing:Border-box; height:calc(100% - 120px); padding-right:15px;}
.exam_table .exam_left .exam_paper .exam_paper_scr {height:100%; overflow-y:scroll; padding-right:6px;  box-sizing:border-box;}
.exam_table .exam_left .exam_paper .exam_paper_scr::-webkit-scrollbar {width: 4px;}
.exam_table .exam_left .exam_paper .exam_paper_scr::-webkit-scrollbar-thumb {background: var(--black); /* 스크롤바 색상 */ border-radius: 5px; /* 스크롤바 둥근 테두리 */}
.exam_table .exam_left .exam_paper .exam_paper_scr::-webkit-scrollbar-track {background: var(--border);  /*스크롤바 뒷 배경 색상*/}
.exam_table .exam_left .exam_questions {background:var(--white);}
.exam_table .exam_left .move_btn {height:120px; width:100%; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background: var(--gray_opa7);}
.exam_table .exam_left .move_btn a {width:178px; height:60px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background:var(--white); font-weight: 500;letter-spacing: -0.72px; color:rgba(34,34,34,0.5); border-radius: 5px;
border: 1px solid var(--border); box-sizing:border-box; margin:0 2px;}
.exam_table .exam_left .move_btn a.prev::before {content:'\e2ea'; font-family:var(--icon); font-size:20px; color:rgba(34,34,34,0.3); display:block; margin-right:20px;}
.exam_table .exam_left .move_btn a.next::after {content:'\e5e1'; font-family:var(--icon); font-size:20px; color:rgba(34,34,34,0.3); display:block; margin-left:20px;}
.exam_table .exam_right {width:345px; background: var(--gray_bg); padding:35px 30px; box-sizing:Border-box; height:100%;}
.exam_table .exam_right h4 {font-size: 1.111rem; font-weight: 700; line-height: 160%; letter-spacing: -0.05rem; color:var(--black); margin:0 0 13px;}
.exam_table .exam_right .sheet_cont {height:calc(100% - 120px); padding:20px; padding-right:10px; box-sizing:border-box; border-radius: 5px; background: var(--white);}
.exam_table .exam_right .sheet_cont .sheet_cont_scr {height:100%; overflow-y:scroll; padding-right:6px;  box-sizing:border-box;}
.exam_table .exam_right .sheet_cont .sheet_cont_scr::-webkit-scrollbar {width: 4px;}
.exam_table .exam_right .sheet_cont .sheet_cont_scr::-webkit-scrollbar-thumb {background: var(--black); /* 스크롤바 색상 */ border-radius: 5px; /* 스크롤바 둥근 테두리 */}
.exam_table .exam_right .sheet_cont .sheet_cont_scr::-webkit-scrollbar-track {background: var(--border);  /*스크롤바 뒷 배경 색상*/}

.exam_table .exam_right .sheet_cont dl {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 10px;}
.exam_table .exam_right .sheet_cont dl.align_top {align-items:flex-start;}
.exam_table .exam_right .sheet_cont dl:last-of-type {margin:0;}
.exam_table .exam_right .sheet_cont dl dt {width:25px; height:25px; line-height:25px; border-radius:100%; font-size: 0.888rem; font-weight: 700; letter-spacing: -0.04rem; color:var(--white); background:rgba(119,119,119,0.5); text-align:center;}
.exam_table .exam_right .sheet_cont dl dd {width:calc(100% - 25px); padding-left:12px; box-sizing:border-box; display:flex; flex-wrap:wrap;}
.exam_table .exam_right .sheet_cont dl dd textarea {height:80px; width:100%; border:1px solid var(--border); border-radius:5px;}
.exam_table .exam_right .sheet_cont dl dd a {display:block; width:calc((100% - 8px) / 5); margin-right:2px; text-align:center; border-radius: 5px; border: 1px solid var(--border); text-align:center; line-height:38px; box-sizing:border-box; color:rgba(34,34,34,0.7);}

.exam_table .exam_right .sheet_cont dl dd a.ck {border:1px solid var(--main); color:var(--white); background:var(--main);}

.exam_table .exam_right .sheet_cont dl dd label {display:block; width:calc((100% - 8px) / 5); margin-right:2px; text-align:center; border-radius: 5px; border: 1px solid var(--border); text-align:center; line-height:38px; box-sizing:border-box; color:rgba(34,34,34,0.7); cursor:pointer;}
.exam_table .exam_right .sheet_cont dl dd label:last-of-type {margin-right:0;}
.exam_table .exam_right .sheet_cont dl dd input[type="radio"] {display: none;}
.exam_table .exam_right .sheet_cont dl dd input[type="radio"]:checked + label {border:1px solid var(--main); background:var(--main); color:var(--white);}
.exam_table .exam_right .sheet_cont dl dd input[type="checkbox"] {display: none;}
.exam_table .exam_right .sheet_cont dl dd input[type="checkbox"]:checked + label {border:1px solid var(--main); background:var(--main); color:var(--white);}




.exam_table .exam_right .submit {margin:10px 0 0; display:block; line-height:60px; text-align:center; background:var(--main); border-radius: 5px; color:var(--white); font-weight: 500; letter-spacing: -0.72px;}

.paper_input .exam_table .exam_left .exam_paper {height:100%;}

.location_list {border-top:2px solid var(--black);}
.location_list dl {display:flex; flex-wrap:wrap; align-items:center; border-bottom:1px solid var(--border);}
.location_list dl dt {width:170px; font-weight: 500; line-height:166.667%; letter-spacing: -0.72px; padding:17px 20px; box-sizing:border-box; color:var(--black);}
.location_list dl dd {width:calc(100% - 170px);  padding:10px 0; display:flex; flex-wrap:wrap;}
.location_list dl dd .select {width:calc(100% - 99px);}
.location_list dl dd .btn {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:95px; height:45px; border-radius: 5px; background: var(--main); color:var(--white); font-weight: 500; line-height: 175%; letter-spacing: -0.64px; font-size:var(--fs16); margin-left:4px;}
.locaPop .dot_cont {padding:30px; background:rgba(241, 244, 249, 0.50); margin:30px 0 0;}

.block_label label {display:block; width:100%; margin-bottom:4px;}
.block_label label:last-of-type {margin-bottom:0;}


.camera_wrap {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; background: var(--gray_bg); height:295px; font-size: 1.9444rem; font-weight: 700; line-height:128.571%; letter-spacing: -1.4px; color:rgba(34,34,34,0.3);}
.attendancePop .stamp_list {margin:30px 0 20px; display:flex; flex-wrap:wrap; justify-content:center; }
.attendancePop .stamp_list li {width: 100px; height: 120px; border: 4px solid var(--black); background: var(--white); box-sizing:border-box; border-radius: 15px; margin-right:10px;}
.attendancePop .stamp_list li:last-of-type {margin-right:0;}
.attendancePop .stamp_list li input {width:100%; height:100%; border:0; text-align:center; font-size:2.22rem; color:var(--black); background:transparent;}

.attendancePop .pop_btn_list {padding:0 !important; }
.attendancePop .pop_btn_list a {width: 430px !important; height: 70px !important; background: var(--main) !important; color:var(--white) !important; border:0 !important;}
.scroll_wrap {overflow-y:scroll; height:calc(100% - 75px); padding-right:10px; box-sizing:border-box;}
/* 스크롤바의 폭 너비 */
.scroll_wrap::-webkit-scrollbar {width: 4px;}
.scroll_wrap::-webkit-scrollbar-thumb {background: var(--black); /* 스크롤바 색상 */ border-radius: 10px; /* 스크롤바 둥근 테두리 */}
.scroll_wrap::-webkit-scrollbar-track {background:var(--border);  /*스크롤바 뒷 배경 색상*/}


/*  수강후기 평점 CSS */
.jq-stars {
  display: inline-block;
}

.jq-rating-label {
  font-size: 22px;
  display: inline-block;
  position: relative;
  vertical-align: top;
  font-family: helvetica, arial, verdana;
}

.jq-star {
  width: 100px;
  height: 100px;
  display: inline-block;
  cursor: pointer;
}

.jq-star-svg {
  padding-left: 3px;
  width: 100%;
  height: 100% ;
}

.jq-star:hover .fs-star-svg path {
}

.jq-star-svg path {
  /* stroke: #000; */
  stroke-linejoin: round;
}

/* un-used */
.jq-shadow {
  -webkit-filter: drop-shadow( -2px -2px 2px #888 );
  filter: drop-shadow( -2px -2px 2px #888 );
}


.popContent .join_input {display:flex; width:100%; flex-wrap:wrap;}
.popContent .join_input dl.w50 {width:50%;}
.popContent .join_input dl.w50:last-of-type {width:100%;}
.popContent .join_input dl.w50 dd {padding-right:10px; box-sizing:Border-box;}
.popContent .join_input dl.w50 dd .input {width:calc(100% - 25px); margin-right:6px;}
.popContent .join_input dl.w50:last-of-type dd {width:calc(50% - 150px);}
/****** 팝업 ******/

/****** main.css 약관동의 ******/
.privacy_pop {position:fixed; top:50%; left:50%; transform:translate(-50%,-50%); z-index:99999999; width:100%; height:100%; display:flex; flex-wrap:wrap; flex-direction: column; align-items:center; justify-content:center; background:rgba(0,0,0,0.7);}
.privacy_pop .privacy_close {display:block ;width:50px; height:50px;margin:0 auto 10px;}
.privacy_pop .privacy_close::before {content:'\e5cd'; font-size:50px; font-family:var(--icon); color:var(--white); transition:all 0.4s ease; display:block;}
.privacy_pop .privacy_close:hover::before {transform:rotate(180deg); transition:all 0.4s ease;}
.privacy_pop_in {background:var(--white); width:90%; max-width: 680px; padding:45px 50px; box-sizing:border-box; margin:0 auto;}
.privacy_pop_in h3 {margin:0 0 30px;}
.privacy_pop_in .dash_cont {border-bottom:1px dashed var(--border);}
.privacy_pop_in .dash_cont label {display:block; margin:0 0 15px;}
.privacy_pop_in  label {font-size: 1rem; font-weight: 500; line-height:160%; letter-spacing: -0.05rem; color:var(--black);}
.privacy_pop_in  label b {color:var(--main); font-weight:inherit; letter-spacing:inherit; line-height:inherit;}
.privacy_pop_in .join_agree_cont .textareaBox {margin:24px 0 0;}
.privacy_pop_in .join_agree_cont .textareaBox label {display:block; margin:0 0 10px;}
.privacy_pop_in .join_agree_cont .textarea {border:1px solid var(--border); padding:20px; box-sizing:border-box; width:100%; height:130px; font-size: 0.888rem; font-weight: 400; line-height:156.25%; letter-spacing: -0.04rem; color:var(--basic);}
.memBtn_list {}
.memBtn_list .btn {width: 178px; height: 60px; border-radius: 5px; background: var(--main); display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:30px auto 0; font-weight: 500; letter-spacing: -0.72px; color:var(--white);}

/****** 모의고사 응시 및 결과 ******/
.circle_tab {display:flex; flex-wrap:wrap; align-items:center;}
.circle_tab a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; letter-spacing:-0.063rem; border-radius: 50px; background: var(--gray_bg); line-height:1; padding:0 25px; box-sizing:Border-box; height:50px; color:rgba(34,34,34,0.5); margin-right:3px;}
.circle_tab a:last-of-type {margin-right:0;}
.circle_tab a.active {background:var(--main); color:var(--white);}

.exam_top {display:flex; flex-wrap:wrap; margin:0 0 20px;}
.exam_top .exam_info {width:calc(100% - 560px); background: var(--gray_opa7); padding:30px; box-sizing:border-box;}
.exam_top .exam_info .exam_tit {display:flex; flex-wrap:wrap; align-items:center;  font-size: var(--fs20); font-weight: 700; line-height: 160%; letter-spacing: -0.05rem; color:var(--black);}
.exam_top .exam_info .exam_tit a {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:32px; padding:0 15px; box-sizing:border-box; border-radius: 5px; border:1px solid rgba(34,34,34,0.5); background: var(--white); color:rgba(34,34,34,0.5); font-size:var(--fs16); font-weight: 400; margin-right:10px;}
.exam_top .exam_info ul {display:flex; flex-wrap:wrap; align-items:center; margin:15px 0 0;}
.exam_top .exam_info ul li {font-size:var(--fs16); letter-spacing: -0.05rem; color:rgba(34,34,34,0.5); display:flex; flex-wrap:wrap; align-items:center; }
.exam_top .exam_info ul li::after {content:''; width:1px; height:16px; background:rgba(34,34,34,0.2); margin:0 18px;}
.exam_top .exam_info ul li:last-of-type::after {display:none;}
.exam_top .exam_info ul li b {font-size:inherit; font-weight:400; color: var(--black); letter-spacing: -0.05rem; display:block; margin-right:8px;}
.exam_top .exam_grade {width:560px; background: var(--gray_bg);  display:flex; flex-wrap:wrap; align-items:center;}
.exam_top .exam_grade dl {width:50%; padding:0 20px; box-sizing:Border-box; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; height:100px; border-right:1px solid var(--border);}
.exam_top .exam_grade dl:last-of-type {border-right:0;}
.exam_top .exam_grade dl dt {letter-spacing: -0.05rem; color: var(--black); margin-right:20px;}
.exam_top .exam_grade dl dd {letter-spacing: -0.05rem; color:rgba(34,34,34,0.5);}
.exam_top .exam_grade dl dd b {font-size:1.388rem; color:var(--main); font-weight:700; letter-spacing:-0.063rem; display:inline-block; margin-right:3px;}

.exam_paper {}
.exam_questions {padding:20px 25px; box-sizing:border-box; background: var(--gray_opa7); border: 1px solid var(--border); box-sizing:border-box;}
.exam_paper_result .exam_questions {margin:0 !important;;}
.exam_questions:nth-of-type(5n) {margin:0 0 50px;}
.exam_questions:last-of-type {margin:0;}
.exam_questions .exam_questions_tit {position:relative; font-size: 1rem; font-weight: 500; letter-spacing: -0.045rem; color:var(--black); display:flex; flex-wrap:wrap; align-items:center;  margin:0 0 14px; padding-left:31px; box-sizing:border-box;}
.exam_questions .exam_questions_tit .num {display:block; width: 25px; height: 25px; line-height:25px; border-radius:100%; text-align:center; font-size: var(--fs16); font-weight: 700; font-style: normal; background:rgba(119,119,119,0.5); border-radius:100%; color:var(--white); margin-right:6px; position:absolute; top:2px; left:0;}


.exam_questions .exam_questions_tit .num.wrong{ background-color:var(--red);  }
.exam_questions .exam_questions_tit .num:has(.wrong){ background-color:var(--red); }
.exam_questions .exam_questions_tit .num .wrong{
	position: absolute;
	display: inline-block; color: var(--red);
	bottom: 100%;
  left: 0;
}

.exam_questions .exam_questions_tit .num:has(.answer){ background-color:var(--main); }
.exam_questions .exam_questions_tit .num .answer{
	position: absolute;
	display: inline-block; color: var(--main);
	bottom: 100%;
  left: 0;
}




.exam_questions .exam_questions_tit .points {display:flex; flex-wrap:wrap; align-items:center;  font-size:var(--fs16); font-weight: 500; color:rgba(34,34,34,0.7); margin-left:15px;}
.exam_questions .exam_questions_tit .points::before {content:'\f06e'; font-family:var(--icon); font-size:20px; color:inherit; display:block; margin-right:2px;}
.exam_questions .exam_questions_tit .rgt_info {position:absolute; top:0; right:0; display:flex; flex-wrap:wrap; align-items:center;}
.exam_questions .exam_questions_tit .rgt_info .points {margin-left:0; position:relative!important;}
.exam_questions .exam_questions_tit .rgt_info .anum {display:flex; flex-wrap:wrap; align-items:center; font-size:var(--fs16); font-weight: 500; color:rgba(34,34,34,0.7); margin-left:22px;}
.exam_questions .exam_questions_tit .rgt_info .anum::before {content:'\e834'; font-family:var(--icon); font-size:20px; color:inherit; display:block; margin-right:2px;}
.exam_questions .exam_questions_tit .down {margin-left:20px; display:block;}
.exam_questions .exam_questions_tit .down a {display:flex; flex-wrap:wrap; align-items:center; font-size: var(--fs16); font-weight: 500; line-height:175%; letter-spacing: -0.64px; color:rgba(34,34,34,0.7); transition:all 0.3s ease;}
.exam_questions .exam_questions_tit .down a::before {content:'\f090'; font-size:20px; color:rgba(34,34,34,0.7); font-family:var(--icon); transition:all 0.3s ease;}
.exam_questions .exam_questions_tit .down a:hover {color:var(--main); transition:all 0.3s ease;}
.exam_questions .exam_questions_tit .down a:hover::before {color:var(--main); transition:all 0.3s ease;}
.commonPop .popUp_in.w1180 .exam_questions {margin-top:-1px;}
.commonPop .popUp_in.w1180 .exam_questions:first-of-type {margin-top:0;}
.commonPop .popUp_in.w1180 .exam_questions .exam_questions_tit {padding-right:180px; box-sizing:border-box;}
.commonPop .popUp_in.w1180 .exam_questions .exam_questions_list textarea {border-radius: 5px; border: 1px solid var(--border); height:100px;  width:100%;}

.exam_questions_list {}
.exam_questions_list li {display:flex; flex-wrap:wrap; justify-content:space-between; position:relative; padding:7px 10px 5px 0; padding-left:50px; background:var(--white); border-radius: 5px; border:1px solid var(--border); margin:0 0 2px; letter-spacing: -0.05rem; font-size:var(--fs16); cursor:pointer;   

min-height: calc(40px - 7px - 5px);

}
.exam_questions_list li:last-of-type {margin:0;}
.exam_questions_list li .num {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; width:40px; height:calc(100% + 2px); font-size:var(--fs16); color:rgba(34,34,34,0.7); font-style: normal; position:absolute; top:-1px; left:-1px; border:1px solid var(--border); box-sizing:border-box; border-radius: 5px;}

.exam_questions_list li.answer {border:1px solid var(--main);}
.exam_questions_list li.answer .num {border:1px solid var(--main); background:var(--main); color:var(--white);}
.exam_questions_list li.wrong {border:1px solid var(--red);}
.exam_questions_list.radio_check li.wrong label {border:1px solid var(--red);}
.exam_questions_list li.wrong .num {border:1px solid var(--red); background:var(--red); color:var(--white);}
.exam_questions_list.ox_cont li.wrong label {border:1px solid var(--red); background:var(--red); color:var(--white);}
.exam_questions_list.ox_cont li.answer label {border:1px solid var(--main); background:var(--main); color:var(--white);}

.answer_cont {border-left:1px solid var(--border); border-right:1px solid var(--border); padding:22px 25px; box-sizing:border-box; display:flex; flex-wrap:wrap;}
.answer_cont:last-of-type {border-bottom:1px solid var(--border);}
.answer_cont p {font-size: var(--fs16); font-weight: 500; line-height:175%; letter-spacing: -0.04rem;}
.answer_cont p span {letter-spacing:inherit; color:rgba(34,34,34,0.5); font-weight:inherit; display:inline-block; margin-right:13px;}

.answer_cont p.first {width:100px;}
.answer_cont p.last {width:calc(100% - 100px);}



.answer_cont.type2{
	border: 0;
	background-color: var(--lightgray_bg);
	margin-top: 1em;
}


.exam_modi {display:flex; flex-wrap:wrap; justify-content:space-between;}
.exam_modi li {width:100%;}
.exam_modi .upfile_input {width:calc(40% - 4px); margin-bottom:4px; }
.exam_modi  .upfile_input .form-control {height:40px !important;}
.exam_modi .upfile_input button {height:40px;}


.exam_questions_list.radio_check li {padding:0; border:0; background:transparent;}
.exam_questions_list.radio_check li label {position:relative; /* padding:7px 10px 5px 0; */ padding-left:50px; background:var(--white); border-radius: 5px; border:1px solid var(--border); margin:0 0 2px; letter-spacing: -0.05rem; font-size:var(--fs16); cursor:pointer; display:block; width:60%; box-sizing:border-box; background:var(--white);}
.exam_questions_list.radio_check li input[type="radio"] {display: none;}
.exam_questions_list.radio_check li input[type="radio"]:checked + label {border:1px solid var(--main);}
.exam_questions_list.radio_check li input[type="radio"]:checked + label .num {border:1px solid var(--main); background:var(--main); color:var(--white);}

.exam_questions_list.radio_check li input[type="checkbox"] {display: none;}
.exam_questions_list.radio_check li input[type="checkbox"]:checked + label {border:1px solid var(--main);}
.exam_questions_list.radio_check li input[type="checkbox"]:checked + label .num {border:1px solid var(--main); background:var(--main); color:var(--white);}


.exam_questions_list.ox_cont {display:flex; flex-wrap:wrap;}
.exam_questions_list.ox_cont li {width:40px !important; height:40px; margin-right:2px;}
.exam_questions_list.ox_cont li label {width:40px ; height:40px; padding:0 !important; text-align:center; line-height:38px;}
.exam_questions_list.ox_cont li input[type="radio"]:checked + label {background:var(--main); color:var(--white);}
.exam_questions_list.ox_cont li input[type="checkbox"]:checked + label {background:var(--main); color:var(--white);}
.exam_questions_img {margin:0 0 2px; border-radius:5px; overflow:hidden;}
.exam_questions_img img {width:100%;}

.survey_top {border-top:1px solid var(--black);}
.survey_question .exam_questions {padding:25px 1px 30px; background:Var(--white); border-left:0; border-right:0; border-top:0;}
.survey_question .exam_questions .exam_questions_list textarea {border-radius: 5px; border: 1px solid var(--border); height:100px;  width:100%; box-sizing:border-box; padding:10px; }
.survey_question .exam_questions_list.radio_check {display:flex; flex-wrap:wrap;}
.survey_question .exam_questions_list.radio_check li {width:calc((100% - 20px) / 5); margin-right:5px;}
.survey_question .exam_questions_list.radio_check li:last-of-type {margin-right:0;}

.survey_question .exam_questions .result_exam {display:flex; flex-wrap:wrap; margin:0 0 14px;}
.survey_question .exam_questions .result_exam .exam_questions_tit {width:50%; margin:0;}
.survey_question .exam_questions .result_exam .commentary {width:50%; text-align:right;}
.survey_question .exam_questions .result_exam .commentary p {font-weight: 500; line-height:166.667%; letter-spacing: -0.72px; color: var(--black);}
.survey_question .exam_questions .result_exam .commentary p::before {font-size:30px; font-family:var(--icon); display:inline-block; margin-right:3px; vertical-align:middle;}
.survey_question .exam_questions .result_exam .commentary p.answer::before {content:'\ef4a'; color:var(--main);}
.survey_question .exam_questions .result_exam .commentary p.wrong::before {content:'\e5cd'; color:var(--red);}

.bbs_input td .exam_questions_list.radio_check li label input {height:100%; border:0; padding:0;}



/* 추가_240906 */
.survey_question .exam_questions_list.radio_check.type2{ flex-direction: column; }
.survey_question .exam_questions_list.radio_check.type2 li {  width: calc((100% - 0px) / 1); }
.exam_questions_list.radio_check.type2 li label { width: 80%; }


/****** 모의고사 응시 및 결과 ******/


.marb40 {margin:0 0 40px;}
.assignment_cont {display:flex; flex-wrap:wrap; justify-content:space-between; align-items:flex-start;}
.assignment_cont .assignment_left_info {width:430px; padding:30px; box-sizing:border-box; border:1px solid var(--border); position:sticky; top:20px; left:0;}
.assignment_cont .assignment_left_info h4 {margin:0 0 10px; font-size: 1.111rem; font-weight: 700; letter-spacing: -0.8px; color:Var(--black);}
.assignment_cont .assignment_left_info li {box-sizing: border-box;position: relative;font-size: var(--fs16);letter-spacing: -0.04rem;margin: 0.5vh 0 0.5vw 0.5vw;display: inline;!i;!;align-items: center;}
/* .assignment_cont .assignment_left_info li:last-of-type {margin:0;} */
.assignment_cont .assignment_left_info li span {width: max-content;min-width: calc( 25% + 2.5vw );display: flex;top: 50%;left: 0;font-weight: 500;font-size: inherit;line-height: inherit;letter-spacing: inherit;color: var(--black);/* text-align: start; *//* justify-content: start; */align-items: center;}
.assignment_cont .assignment_left_info li a {padding-lefT:18px; box-sizing:border-box; position:relative; /* text-decoration:underline; */ display:inline-block; /* text-underline-offset: 4px; */}
.assignment_cont .assignment_left_info li a::after {content:''; width:100%; height:1px; background:var(--basic); position:absolute; bottom:3px; left:0;}
.assignment_cont .assignment_left_info li a::before {content:'\e226'; font-family:var(--icon); font-size:18px; position:absolute; top:0; left:0;}
.assignment_cont .assignment_right {width:calc(100% - 430px); padding-left:60px; box-sizing:border-box;}
.assignment_cont .assignment_right .underline_title {font-size: 1.388rem; font-weight: 700; line-height: 128%; letter-spacing: -0.063rem; color:var(--black); margin:0 0 20px;}
.assignment_cont .assignment_right .underline_title .red {display:inline-block; color: var(--red); font-size: var(--fs16); font-style: normal; font-weight: 400; line-height: 175%; letter-spacing: -0.64px; margin-left:10px;}

.bbs_btn.bbs_right {justify-content:flex-end; margin-top:28px;}

.result_info {border-top:2px solid var(--black);}
.result_info dl {display:flex; flex-wrap:wrap; border-bottom:1px solid var(--border); padding:15px 0 20px;}
.result_info dl dt {width:140px; font-weight: 500; line-height:166.667%; letter-spacing: -0.72px; color:var(--black);}
.result_info dl dd {width:calc(100% - 140px); letter-spacing: -0.72px;}
.result_info dl dd .score {color: var(--point); font-weight: 500; line-height:inherit; letter-spacing:inherit;}
.result_info dl dd b {display:block; font-weight: 500; letter-spacing: -0.72px; color:var(--black);}
.result_info dl dd .upfile {font-size:var(--fs16); letter-spacing: -0.64px; text-decoration:underline; display:inline-block; color:rgba(34,34,34,0.7); text-underline-offset:5px;}
.result_info dl dd .upfile::before {content:'\e226'; font-family:var(--icon); font-size:18px; color:rgba(34,34,34,0.7); position:relative; top:3px;}

.rank_pop .popUp_in {width:790px !important; max-width:90% !important;}
.rank_pop .popUp_in .popContent .fs35 p {display:block !important;  margin-left:0 !important; margin-top:-5px; color:rgba(34,34,34,0.7); margin-bottom:15px;}
.rank_pop .popUp_in .popContent .fs35 p b {font-weight: 500; color:var(--black);}
.rank_pop .table_style {width:100%; border-top:2px solid var(--black);}
.rank_pop .table_style th {font-weight: 500; line-height: 166.667%; letter-spacing: -0.72px; color: var(--black); text-align:Center; padding:15px 0; border-bottom:1px solid #bbb; }
.rank_pop .table_style td {border-bottom:1px solid #ddd; line-height: 155.556%; letter-spacing: -0.72px; text-align:center; padding:7px 10px;}
.rank_pop .table_style td.tit {background:rgba(241, 244, 249, 0.50); color: var(--black);}
.rank_pop .table_style td:last-of-type {text-align:right; padding-right:20px; box-sizing:border-box;}
.rank_pop .table_style td:last-of-type .input {width:77px;}
.rank_pop .table_style .total th {background:var(--main); color:var(--white);}
.rank_pop .table_style .total td {background:var(--main); color:var(--white);}


/****** 시험평가-채점/결과 ******/
.userView {}
.userView h2 {font-size: 1.11rem; font-weight: 500; line-height:160%; letter-spacing: -0.8px; color:var(--black); margin:0 0 20px;}
.userView h2 span {display:inline-block; margin-left:13px; font-size: 1rem; line-height: 155.556%; letter-spacing: -0.72px; color:rgba(34,34,34,0.7);}
.userView .userView_list {}
.userView .userView_list .userCont {border:1px solid var(--border); box-sizing:border-box; padding:25px 30px; margin:0 0 10px;}
.userView .userView_list .userCont:nth-of-type(2n) {background: var(--gray_opa7);}
.userView .userView_list .userCont dl {display:flex; flex-wrap:wrap; margin:0 0 10px;}
.userView .userView_list .userCont dl:last-of-type {margin:0;}
.userView .userView_list .userCont dl dt {width:135px; letter-spacing: -0.72px; color: var(--black);}
.userView .userView_list .userCont dl dd {width:calc(100% - 135px); letter-spacing: -0.72px; color:rgba(34,34,34,0.7);}
.userView .userView_list .userCont dl dd .number {color: var(--black); display:inline-block; margin-right:10px; font-weight:400;}
.userView .userView_list .userCont .exam_questions_list {max-width:725px;}

.userView .userView_list .userCont .grade {display:flex; flex-wrap:wrap;}
.userView .userView_list .userCont .grade input {width:82px; height:38px; border-radius:5px 0 0 5px; border-right:0;}
.userView .userView_list .userCont .grade span {width:60px; height:38px; line-height:36px; font-size:var(--fs16); color:Var(--black); border:1px solid var(--border); border-radius:5px; box-sizing:border-box; text-align:center; background:var(--white);}
.userView .userView_list .textarea {height:120px; border:1px solid var(--border); border-radius:5px; padding:12px 18px; box-sizing:border-box;}

.userView .survey_cont {}
.userView .survey_cont dl {border:1px solid var(--border); margin:0 0 10px;}
.userView .survey_cont dl dt {background: var(--gray_bg); border-bottom:1px solid var(--border); font-size: 1.11rem; font-weight: 500; line-height: 160%; letter-spacing: -0.8px; padding:14px 23px; box-sizing:Border-box; color:var(--black);}
.userView .survey_cont dl dd {padding:20px 20px 30px; box-sizing:border-box;}
.userView .survey_cont dl dd ul {width:100%; max-width:800px; margin:0 auto;} 
.userView .survey_cont dl dd ul li {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 10px;}
.userView .survey_cont dl dd ul li:last-of-type {margin:0;}
.userView .survey_cont dl dd ul li .tit {width:205px; letter-spacing: -0.72px; color: var(--black);}
.userView .survey_cont dl dd ul li .bar {width:calc(100% - 300px); border-radius: 15px; background:#ebedf0; display:block; height:40px;}
.userView .survey_cont dl dd ul li .bar .bar_in {height:100%; border-radius: 15px; background:var(--main); display:block;}
.userView .survey_cont dl dd ul li .bar i {display:block; width:100%; text-align:center; color:var(--white); font-style:normal; line-height:40px; padding-left:10px; box-sizing:border-box;}
.userView .survey_cont dl dd ul li .percent {width:95px; text-align:right; letter-spacing: -0.72px; color:rgba(34,34,34,0.7);}
/****** 시험평가-채점/결과 ******/


/******************** 팝업컨텐츠 공통클래스 ********************/
.popup_cont{
    position: fixed;
    z-index: 3;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    flex-direction: column;
    transition: all .3s linear;
    opacity: 0;
    visibility: hidden; display:flex; flex-wrap:wrap; align-content:center;
}
.popup_cont_in {
    width: 90%; max-width:890px;
    height: 70vh; margin:0 auto;
    overflow: hidden;
    background: var(--white);
    padding: 50px 50px; box-sizing:border-box;
}
#statistics .popup_cont_in {height:auto;}
.popup_cont .tit{
    color: var(--black);
    font-size: 35px;
    font-weight: 700;
    line-height: 128.571%;
    letter-spacing: -1.4px;
    margin-bottom: 25px;
}
#wrap .dimmed.popup{
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: rgba(0, 0, 0, 0.7);
    transition: all .3s linear;
    opacity: 0;
    visibility: hidden;
}
/********* 팝업닫기 버튼 ********/
#wrap .pop_close-btn {
    width: 50px; display:block;
    height: 50px; margin:0 auto 10px;
}
#wrap .pop_close-btn i::before {
    display: block;
    content: "\e5cd";
    font-size: 50px;
    color: var(--white);
    transition: all 0.4s ease;
}
#wrap .pop_close-btn i:hover::before {
    transform: rotate(180deg);
}

/******팝업 .open*******/
.popup_cont.open{
    opacity: 1;
    visibility: visible;
}
#wrap .dimmed.popup.on{
    opacity: 1;
    visibility: visible;
}
/* 공부인증 */
.study_table_wrap {width:100%; margin:25px 0 0;}
.study_table_wrap::after {content:''; display:block; clear:both;}
.study_table_wrap .study_profile {position:sticky; top:30px; width:435px; border:1px solid var(--border); box-sizing:border-box;  padding:30px; float:left;}
.study_table_wrap .study_profile .tooltip-span {position:absolute; top:50%; right:0; display:block; height:30px;}
.study_table_wrap .study_profile .tooltip-span:hover{cursor: default;}
.study_table_wrap .study_profile .setting_btn {position:absolute; top:50%; right:0; display:block; height:30px; padding:0 13px; box-sizing:border-box; border:1px solid var(--sub); color:var(--sub); font-size: 14px; font-weight: 600; line-height:28px; letter-spacing: -0.56px; transform:translateY(-50%); transition:all 0.3s ease;}
.study_table_wrap .study_profile .setting_btn:hover {background:var(--sub); color:var(--white); transition:all 0.3s ease;}
.study_table_wrap .study_profile .profile {position:relative; display:flex; flex-wrap:wrap; align-items:center;}
.study_table_wrap .study_profile .profile span {display:block; width:60px;}
.study_table_wrap .study_profile .profile h4 {width:calc(100% - 60px); padding-left:25px; box-sizing:border-box; font-size: 1.11rem; font-weight: bold; line-height: 32px;  letter-spacing: -0.8px; color:var(--black);}
.study_table_wrap .study_profile h4 {margin:20px 0 10px; color: var(--black); font-size: 1.11rem; font-weight: bold; line-height: 28px; /* 175% */ letter-spacing: -0.64px;}
.study_table_wrap .study_profile h5 {margin:20px 0 10px; color: var(--black); font-size: 0.888rem; font-weight: 500; line-height: 28px; /* 175% */ letter-spacing: -0.64px;}
.study_table_wrap .study_profile ul {padding:15px; box-sizing:border-box; background: var(--gray_opa7);}
.study_table_wrap .study_profile ul li {display:flex; flex-wrap:Wrap; justify-content:space-between; margin:0 0 2px;}
.study_table_wrap .study_profile ul li:last-of-type {margin:0;}
.study_table_wrap .study_profile ul li span {color: var(--black); font-size: 0.888rem; line-height:175%; letter-spacing: -0.64px;}
.study_table_wrap .study_profile ul li span::before {width:18px; height:18px; line-height:18px; font-size:18px; font-family:var(--icon); margin-right:8px; display:inline-block; vertical-align:middle;}
.study_table_wrap .study_profile ul li span.day::before {content:'\e8b5'; position:relative; top:-1px;}
.study_table_wrap .study_profile ul li span.video::before {content:'\e639';}
.study_table_wrap .study_profile ul li span.time::before {content:'\e202';}
.study_table_wrap .study_profile ul li p {font-size: 0.888rem; line-height:175%; letter-spacing: -0.64px; text-align:right; color:rgba(34,34,34,0.5);}
.study_table_wrap .study_schedule {width:calc(100% - 465px); float:right;}
.study_table_wrap .study_schedule .schedule_top {padding:19px 30px; box-sizing:border-box; background:var(--main); display:flex; flex-wrap:Wrap; align-items:center; justify-content:space-between;}
.study_table_wrap .study_schedule .schedule_top .arr {display:block;}
.study_table_wrap .study_schedule .schedule_top .arr::before {font-size:18px; color:var(--white); font-family:var(--icon); display:block;}
.study_table_wrap .study_schedule .schedule_top .arr.prev::before {content:'\e5e0';}
.study_table_wrap .study_schedule .schedule_top .arr.next::before {content:'\e5e1';}
.study_table_wrap .study_schedule .schedule_top p {font-size: 1.388rem; font-weight: 700; line-height: 32px; /* 128% */ letter-spacing: -1px; color:var(--white);}

.study_table_wrap .study_schedule .study_schedule_cont {border:1px solid var(--border); border-top:0; box-sizing:border-box; padding:20px 30px 30px;}
.study_table_wrap .study_schedule .schedule_info {display:flex; flex-wrap:wrap; background: var(--gray_opa7); padding:15px 15px 15px 15px; box-sizing:Border-box;}
.study_table_wrap .study_schedule .schedule_info p {width:50%; text-align:center; color: var(--black); font-weight: 400; line-height:166.667%; letter-spacing: -0.72px; position:relative;}
.study_table_wrap .study_schedule .schedule_info p::after {content:''; width:1px; height:20px; background:Var(--border); position:absolute; top:50%; right:0; transform:translateY(-50%);}
.study_table_wrap .study_schedule .schedule_info p:last-of-type::after {display:none;}
.study_table_wrap .study_schedule .schedule_info p b {font-size: 1.111rem; font-weight: 500; line-height:160%; letter-spacing: -0.8px; color:inherit; display:inline-block; margin-left:15px;}

.ui-tooltip{font-size: 0.83em;}

.calendar {position:relative; }
.calendar .today_txt {color: var(--sub); font-size: 0.888rem; font-weight: 700; line-height:175%; letter-spacing: -0.64px; position:absolute; top:2px; right:0;}
.calendar .cal_tit {display:flex; flex-wrap:wrap; align-items:center; justify-content:center; margin:40px 0 18px;}
.calendar .cal_tit .arr {display:block; margin:0 20px;}
.calendar .cal_tit .arr::before {font-size:18px; color:var(--white); font-family:var(--icon); display:block; color:Var(--basic); transition:all 0.3s ease;}
.calendar .cal_tit .arr:hover::before {color:var(--black); transition:all 0.3s ease;}
.calendar .cal_tit .arr.prev::before {content:'\e5e0';}
.calendar .cal_tit .arr.next::before {content:'\e5e1';}
.calendar .cal_tit  h4 {font-size: 1.111rem; font-weight: 700; line-height:160%; letter-spacing: -0.8px; color:Var(--black);}
.calendar .tooltip-span {top: 4; right: 45px; position: absolute; display: block; height: 30px;}
.calendar_table {border-top:2px solid var(--main); border-bottom:1px solid var(--border); padding:0 0 5px;}
.calendar_table dl {display:flex; flex-wrap:wrap; justify-content:space-between; }
.calendar_table dl.tit {border-bottom:1px solid var(--border); margin:0 0 5px;}
.calendar_table dl dt, .calendar_table dl dd {width:calc((100% - 30px) / 7); text-align:center; padding:11px 0; color: var(--black); font-size: 0.888rem; }
.calendar_table dl dt {font-weight: 700; line-height:175%;}
.calendar_table dl dd {border-radius: 5px;}
.calendar_table dl dd p {width:30px; height:30px; line-height:30px; text-shadow: -2px 0px var(--white), 0px 2px var(--white), 2px 0px var(--white), 0px -2px var(--white); font-size:inherit; color: var(--black); margin:0 auto;}
.calendar_table dl dd p.gray {color:rgba(34,34,34,0.5);}
.calendar_table dl dd p.lecture_1 {background:url("/assets/responsive_new/study/img/lecture_1.svg")no-repeat center;}
.calendar_table dl dd p.lecture_2 {background:url("/assets/responsive_new/study/img/lecture_2.svg")no-repeat center;}

.calendar_table dl dd.today {background: var(--gray_bg);}
.calendar_table dl dd.today p.day {font-weight: 700; color: var(--sub); text-shadow: 0 0px var(--white), 0px 0 var(--white), 0 0px var(--white), 0px 0 var(--white); }

.study_table_wrap .study_schedule .dep_tit {position:relative; background: var(--blue_gray); padding:14px; box-sizing:border-box; color: var(--white); font-size: 1.111rem; font-weight: 700; line-height:160%; letter-spacing: -0.8px; text-align:center; margin:20px 0 17px;}
.study_table_wrap .study_schedule .dep_tit::after {content:''; width:16px; height:7px; background:url("/assets/responsive_new/study/img/tit_arr.png")no-repeat center; position:absolute; bottom:-7px; left:50%; margin-left:-8px;}

.study_record_list {display:flex; flex-wrap:wrap;}
.study_record_list li {width:calc((100% - 10px) / 2); border:1px solid var(--border); box-sizing:border-box; padding:20px; margin-right:10px; margin-top:10px;}
.study_record_list li:nth-of-type(-n+2) {margin-top:0;}
.study_record_list li:nth-of-type(2n) {margin-right:0;}
.study_record_list li h4 {color: var(--black); font-size: 0.888rem; font-weight: 500; line-height:175%; letter-spacing: -0.64px; margin:0 0 7px;}
.study_record_list li h4 .cate {padding:0 12px; box-sizing:border-box; display:inline-block; margin-right:10px; color: var(--main); font-size: 14px; font-weight: 600; line-height: 28px; letter-spacing: -0.56px; border:1px solid var(--main);}
.study_record_list li p {font-size: 0.888rem; letter-spacing: -0.64px; padding-left:72px; box-sizing:border-box; position:relative; line-height:175%;}
.study_record_list li p::before {content:''; width:4px; height:4px; background:rgba(34,34,34,0.3); position:absolute; top:12px; left:0;}
.study_record_list li p b {padding-left:10px; box-sizing:border-box; width:72px; display:block; position:absolute; top:0; left:0; font-size:inherit; letter-spacing:inherit; line-height:inherit; color: var(--black); font-weight: 500;}
.study_record_list li p span  {font-size:inherit; letter-spacing:inherit; line-height:inherit;}
/* 공부인증 */

/******************** 팝업컨텐츠_학습통계 ********************/
.popup_statistics .statistics_in {
    display: flex;
    align-items: center;
    flex-direction: column;
    height: 100%;
}
.popup_statistics .data_list{
    background: var(--main);
    border-radius: 10px;
    margin-bottom: 20px;
}
.popup_statistics .data_list li{
    display: flex;
    gap: 15px;
    align-items: center;
    justify-content: center;
    flex-direction: column;
    flex: 1;
    padding: 30px 0;
    color: var(--white);
    background: var(--main);
    position: relative;
}
.popup_statistics .data_list li:first-child{
    border-radius: 10px 0 0 10px;
}
.popup_statistics .data_list li:last-child{
    border-radius: 0 10px 10px 0;
}
.popup_statistics .data_list li::before{
    position: absolute;
    left: -0.5px;
    top: 50%;
    transform: translateY(-50%);
    content: '';
    width: 1px;
    height: 66.5%;
    /* height: 88px; */
    background-color: rgba(255, 255, 255, 0.15);
}
.popup_statistics .data_list li h4{
    display: flex;
    align-items: center;
    justify-content: center;
    gap: 5px;
    font-size: 16px;
    font-weight: 700;
    line-height: 175%; 
    letter-spacing: -0.64px;
}
/* 아이콘 */
.popup_statistics .data_list li.percent h4 i::before{
    content: "\e0ee";
    font-size: 18px;
    color: var(--white);
}
.popup_statistics .data_list li.time h4 i::before{
    content: "\f6b5";
    font-size: 18px;
    color: var(--white);
}
.popup_statistics .data_list li.all_time h4 i::before{
    content: "\f540";
    font-size: 18px;
    color: var(--white);
}
.popup_statistics .data_list li p{
    font-size: 35px;
    font-weight: 700;
    line-height: 128.571%;
    letter-spacing: -1.4px;
}
.popup_statistics .data_list li p span{
    color: var(--white, #FFF);
    font-size: 16px;
    font-weight: 400;
    line-height: 175%;
    letter-spacing: -0.64px;
}
.popup_statistics .tit_wrap{
    justify-content: space-between;
    margin-bottom: 10px;
} 
.popup_statistics .tit_wrap .bbs_search_wrap {width:180px;}
.popup_statistics .tit_wrap .sub_tit{
    color: var(--black);
    font-size: 20px;
    font-weight: 700;
    line-height: 160%;
    letter-spacing: -0.8px;
} 
/* 셀렉트박스 */
.popup_statistics .tit_wrap .select_day{
    width: 180px;
    box-sizing: border-box;
    cursor: pointer;
    position: relative;
} 
.popup_statistics .tit_wrap .select_day dt{
    justify-content: space-between;
    width: 100%;
    padding: 11px 18px;
    box-sizing: border-box;
    position: relative;
    border-radius: 5px;
    border: 1px solid var(--border);
    background: var(--white);
}
.popup_statistics .tit_wrap .select_day dt .txt{
    color: var(--black);
    font-size: 18px;
    font-weight: 400;
    line-height: 155.556%;
    letter-spacing: -0.72px;
    opacity: 0.7;
}
.popup_statistics .tit_wrap .select_day dt i::before{
    content: "\e316";
    font-size: 21px;
    font-weight: 600;
    display: inline-block;
    transform: rotate(180deg);
    opacity: 0.3;
    transition: all .3s linear;
}
/* 미작업 */
.popup_statistics .tit_wrap .select_day dd{
    display: none;
    position: absolute;
    left: 0;
    top: 58px;
    width: 100%;
    background: #2a3033;
    box-sizing: border-box;
    padding: 10px 30px 30px 30px;
    border-radius: 0 0 30px 30px;
}
.popup_statistics .tit_wrap .select_day dd a{
    display: block;
    font-size: 0.882rem;
    color: rgba(255, 255, 255, .5);
    margin: 0 0 5px;
    line-height: 150%;
    transition: all .3s linear;
}
/* 미작업 */
/******셀렉트 show *******/
.popup_statistics .tit_wrap .select{
    color: rgba(34, 34, 34, 0.7);
    line-height: 155.556%;
    letter-spacing: -0.72px;

}
.popup_statistics .comparison_scroll{
    height: 45.5%;
    overflow-y: scroll;
    padding-right: 6px; padding-bottom:3px;
    box-sizing: border-box;
}
.popup_statistics .comparison_scroll::-webkit-scrollbar {width: 4px;}
.popup_statistics .comparison_scroll::-webkit-scrollbar-thumb {background: var(--black); /* 스크롤바 색상 */ border-radius: 5px; /* 스크롤바 둥근 테두리 */}
.popup_statistics .comparison_scroll::-webkit-scrollbar-track {background: var(--border);  /*스크롤바 뒷 배경 색상*/}
.popup_statistics .comparison_list li{
    display: flex;
    align-items: center;
    justify-content: space-between;
    padding: 15px 30px;
    border-radius: 10px;
    border: 1px solid var(--border);
    background: var(--white);
}
.popup_statistics .comparison_list li+li {
    margin-top: 5px;
}
.popup_statistics .comparison_list li span{
    color: var(--txt);
    line-height: 166.667%;
    letter-spacing: -0.72px;
}
.popup_statistics .comparison_list .comparison_time{
    display: flex;
    gap: 5px;
    align-items: center;
    justify-content: center;
}
.popup_statistics .comparison_list .comparison_time i::before{
    display: block;
    content: "\f6b5";
    font-size: 18px;
}
.popup_statistics .close-btn {
    color: rgba(34, 34, 34, 0.5);
    font-size: 16px;
    font-weight: 500;
    line-height: 175%;
    letter-spacing: -0.64px;
    width: 120px;
    height: 50px;
    margin-top: 40px;
    margin-left: auto;
    margin-right: auto;
    box-sizinG: border-box;
    border: 1px solid var(--border);
    border-radius: 5px;

    
} 



/******************** 팝업컨텐츠_공지사항 ********************/
.popup_notice .popup_cont_in .tit{
    padding-bottom: 25px;
    margin: 0;
    border-bottom: 2px solid var(--black);
}
.popup_notice .popup_cont_in .tit.no_content {border-bottom:0;}
.popup_notice .popup_cont_in .sub_tit{
    color: var(--black);
    font-size: 20px;
    font-weight: 700;
    line-height: 160%;
    letter-spacing: -0.8px;
    margin: 13px 0; 
    /* border-bottom: 1px solid #BBB; */
}
.popup_notice .popup_cont_in .notice{
    padding: 15px 0; 
    border-top: 1px solid var(--border);
    border-bottom: 1px solid var(--border);
    color: var(--basic);
    line-height: 166.667%;
    letter-spacing: -0.72px;
	height:calc(100% - 200px);
    overflow-y: scroll;
    padding-right: 6px;
    box-sizing: border-box;
}
.popup_notice .popup_cont_in .notice::-webkit-scrollbar {width: 4px;}
.popup_notice .popup_cont_in .notice::-webkit-scrollbar-thumb {background: var(--black); /* 스크롤바 색상 */ border-radius: 5px; /* 스크롤바 둥근 테두리 */}
.popup_notice .popup_cont_in .notice::-webkit-scrollbar-track {background: var(--border);  /*스크롤바 뒷 배경 색상*/}
.popup_notice .popup_cont_in .control_wrap{
    justify-content: space-between;
    padding-top: 15px;
}
.popup_notice .popup_cont_in .control_wrap button {
    display: flex;
    align-items: center;
    color: var(--basic);
    font-size: 16px;
    line-height: 175%;
    letter-spacing: -0.64px;
}
.popup_notice .popup_cont_in .control_wrap button i {
    width: 18px;
    height: 18px;
}
.popup_notice .popup_cont_in .control_wrap button i::before{
    display: block;
    content: "\e5e0";
    font-size: 18px;
}
.popup_notice .popup_cont_in .control_wrap .next_btn i::before{
    transform: rotate(180deg);
}
.popup_notice .popup_cont_in .control_wrap .pagenation {
    color: var(--basic);
    font-size: 16px;
    line-height: 28px;
    letter-spacing: -0.64px;
}
.popup_notice .popup_cont_in .control_wrap .pagenation b {
    color: var(--black);
}



/***************************************/
/**              common               **/
/****************************************/
/* 버튼리셋 */
button {background:none;border:0;cursor:pointer;margin:0;padding:0;font-size: inherit;font-weight: inherit;}
/* 공통클래스 */
.flex {
    display: flex;
    align-items: center;
    justify-content: center;
}
.dsno {
    display: none;
}
.dsb {
    display: block!important; 
    opacity: 1!important;
    visibility: visible!important;
}
.ellipsis {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
}

/******************** 팝업컨텐츠_학습자료 ********************/
.scroll_wrap { height: calc(100% - 70px);  overflow-y: scroll; padding-right: 6px; box-sizing: border-box;}
.popup_data .download_list {width: 100%; margin-bottom: 30px;}
.popup_data .download_list::-webkit-scrollbar {width: 4px;}
.popup_data .download_list::-webkit-scrollbar-thumb {background: var(--black); /* 스크롤바 색상 */ border-radius: 5px; /* 스크롤바 둥근 테두리 */}
.popup_data .download_list::-webkit-scrollbar-track {background: var(--border);  /*스크롤바 뒷 배경 색상*/}

.popup_data .download_list li {border:1px solid var(--border); display:flex; flex-wrap:wrap; align-items:center; box-sizing:border-box; border-radius: 10px; margin:0 0 5px; transition:all 0.3s; padding:15px 30px; box-sizing:Border-box; }
.popup_data .download_list li p {line-height:166.667%; letter-spacing: -0.72px; text-overflow: ellipsis; white-space: nowrap; overflow:hidden; transition:all 0.3s; width:calc(100% - 84px);}
.popup_data .download_list li .down_btn {display:flex; flex-wrap:wrap; width:84px;}
.popup_data .download_list li .down_btn a {display:block; margin-right:6px;}
.popup_data .download_list li .down_btn a:last-of-type {margin-right:0;}
.popup_data .download_list li .down_btn a::before {content: "\f090"; color: var(--black); font-size:24px; font-family:var(--icon); display:block;position:relative;  transition:all 0.3s;}
.popup_data .download_list li .down_btn a:hover::before {color:var(--main); transition:all 0.3s;}

.popup_data .download_list li:hover {border:1px solid var(--main);  transition:all 0.3s;}
.popup_data .download_list li:hover p {color:var(--main); transition:all 0.3s;}
.popup_data .download_list li:hover a::after {color:var(--main); transition:all 0.3s;}

.closeBtn {width: 120px; height: 50px; border-radius: 5px; border: 1px solid var(--border); display:flex; flex-wrap:wrap; align-items:center; justify-content:center; font-size: 16px; font-weight: 500; line-height: 28px; /* 175% */ letter-spacing: -0.64px; color:rgba(34,34,34,0.5); margin:40px auto 0;}



.no_content .no_content_in {padding:150px 50px 130px; box-sizing:border-box; border-radius: 10px; background: var(--gray_bg); text-align:center;}
.no_content .no_content_in i {display:flex; flex-wrap:wrap; align-items:center; justify-content:Center;  font-style:normal; border-radius: 100px; width:100px; height:100px; background: var(--main); box-shadow: 15px 15px 30px 0px rgba(5, 29, 85, 0.20);  margin:0 auto 25px;}
.no_content .no_content_in i::before {content:'\e5cd'; font-size:48px; font-family:var(--icon); color:var(--white);}
.no_content .no_content_in p {color: var(--black); text-align: center; font-size: 20px; font-weight: 500; line-height:160%; letter-spacing: -0.8px;}



/*******************************************************************************
	@media ~1700px
*******************************************************************************/
@media all and (max-width:1700px) { 



.current_situation .situation_info .infoBox .edu_infoList li.w50 {width:100%;}

/****** 모의고사 응시 및 결과 ******/
.exam_top .exam_grade {width:490px;}
.exam_top .exam_info {width:calc(100% - 490px);}
/****** 모의고사 응시 및 결과 ******/



}
/*******************************************************************************
	@media ~1500px
*******************************************************************************/
@media all and (max-width:1500px) { 


/**** 마이페이지 틀 ****/
.my_wrap {padding:30px; width:calc(100% - 270px);}
.my_wrap .fold_btn {left:270px;}
.left_menu {width:270px;}
.left_menu .left_menu_in {padding:80px 15px 0;}
.left_menu h1 {margin:0 0 25px;}
.left_menu h1 img {max-width:100%; display:block;}
.menuList > li .dep_tit {padding:12px 17px;}
.menuList > li .dep_tit::before {font-size:22px;}
.menuList > li .depMenu {padding:12px 40px;}

.mypage_content .bbs_con td .btn_wrap {display:block;}
.mypage_content .bbs_con td .btn_wrap .btn {margin:0 auto 4px;}
.mypage_content .bbs_con td .btn_wrap .btn:last-of-type {margin:0 auto;}
/**** 마이페이지 틀 ****/


/**** 현재 수강 과정 - 리스트 ****/
.lecture dl {align-items:flex-start;}
.lecture dl dt {width:120px;}
.lecture dl dd {width:calc(100% - 120px); padding-left:20px;}
/**** 현재 수강 과정 - 리스트 ****/


/**** 현재 수강 과정 - 홈 ****/
.current_situation {align-items:flex-start;}
.current_situation .situation_img {width:260px;}
.current_situation .situation_info {padding-right:0; width:calc(100% - 260px);}
.current_situation .situation_info .percent_cont {position:relative; top:0; transform:translateY(0); margin:15px 0 0;}
.current_situation .situation_info .percent_cont li {width:calc((100% - 20px) / 2); border-radius: 20px;}
.current_situation .situation_info .percent_cont.ver1 li {width:100%;}

.my_cate_tab ul {justify-content:flex-start;}
.edu_list dl dd .edu_timeline ul li {padding-right:15px;}
.edu_list dl dd .edu_timeline .edu_right {width:100%; position:relative; right:0; top:0; transform:translateY(0); margin:4px 0 0;}
.edu_list dl dd .edu_timeline .edu_right .edu_info {width:calc(100% - 200px);margin-right:0; padding-right:10px; box-sizing:border-box;}
/**** 현재 수강 과정 - 홈 ****/


/****** 모의고사 응시 및 결과 ******/
.exam_top .exam_grade {width:410px;}
.exam_top .exam_info {width:calc(100% - 410px);}
.exam_top .exam_grade dl {align-content:center;}
.exam_top .exam_grade dl dt {width:100%; margin-right:0; margin-bottom:5px; text-align:center;}

.commonPop .popUp_in.w1180 .popContent .exam_info_cont .exam_info_in {margin:0 40px;}
.commonPop .popUp_in.w1180 .popContent .exam_info_cont .exam_info_in dt {width:120px;}
.commonPop .popUp_in.w1180 .popContent .exam_info_cont .exam_info_in dt img {width:90px;}
.commonPop .popUp_in.w1180 .popContent .exam_info_cont .exam_info_in dd {width:calc(100% - 120px);}
/****** 모의고사 응시 및 결과 ******/

.assignment_cont .assignment_left_info {width:380px;}
.assignment_cont .assignment_right {width:calc(100% - 380px); padding-left:40px;}

/* 공부인증 */
.study_table_wrap .study_schedule .schedule_info p b {display:block; margin-left:0;}
/* 공부인증 */


}
/*******************************************************************************
	@media ~1300px
*******************************************************************************/
@media all and (max-width:1300px) { 

/**** 마이페이지 틀 ****/
.my_wrap .my_header {}
.my_wrap .my_header .lnb {width:100%; order:2; padding:15px 35px;}
.my_wrap .my_header .my_info_cont {width:100%; order:1;}
/**** 마이페이지 틀 ****/

.tit_flex .watoBtn {position:relative; top:0; margin:15px 0 0 auto;}


/**** 현재 수강 과정 - 리스트 ****/
.lecture {width:100%; margin-right:0;}
.lecture:nth-of-type(2) {margin-top:20px;}
/**** 현재 수강 과정 - 리스트 ****/



/**** 현재 수강 과정 - 홈 ****/
.current_situation .situation_img {width:200px;}
.current_situation .situation_info {width:calc(100% - 200px); padding-left:25px;}

.cate_tab_wrap {mask-size: 100%;   -webkit-mask-size: 100%; mask-image: linear-gradient(90deg, #FFF 90%, rgba(255,255,255, 0.00) 110.52%);   mask-repeat: no-repeat; z-index:10;}
.my_cate_tab {mask-size: 100%;   -webkit-mask-size: 100%; mask-image: linear-gradient(270deg, #FFF 90%, rgba(255,255,255, 0.00) 110.52%);   mask-repeat: no-repeat; z-index:10;}

.ratio_cont .select {width:100%; margin-right:0; margin-bottom:10px;}
.ratio_cont .ratio_gauge {width:100%;}
/**** 현재 수강 과정 - 홈 ****/


/****** 모의고사 응시 및 결과 ******/
.exam_top .exam_info {width:100%; padding:20px 25px;}
.exam_top .exam_grade {width:100%; padding:20px 0;}
.exam_top .exam_grade dl {height:80px;}
/****** 모의고사 응시 및 결과 ******/



.assignment_cont .assignment_left_info {width:300px;}
.assignment_cont .assignment_right {width:calc(100% - 300px); padding-left:20px;}



}
/*******************************************************************************
	@media ~1100px
*******************************************************************************/
@media all and (max-width:1100px) { 

/**** 현재 수강 과정 - 홈 ****/
.current_situation .situation_img {width:100%;}
.current_situation .situation_info {width:100%; padding-left:0; padding-top:30px;}
.current_situation .situation_info .percent_cont li {height:auto; padding:40px 20px;}
/**** 현재 수강 과정 - 홈 ****/


}
/*******************************************************************************
	@media 769~980px
*******************************************************************************/
@media all and (max-width:980px) { 

/**** 마이페이지 틀 ****/
.tit_flex.space_between {}
.tit_flex.space_between .bbs_top_info {width:100%; margin:15px 0 0;}


.excel_btn {width: 130px; height: 42px; font-size: 15px;}
.excel_btn img {margin-right:6px;}


.learningTop {margin:20px 20px 0; height:56px;}
.learningTop h4 {font-size:1.2rem;}

.left_menu {width:100%; background:rgba(34,34,34,0.7); left:auto; right:0; transform:translateX(0) !important; z-index:9999; opacity:0; visibility:hidden; transition:all 0.4s ease;}
.left_menu .moMenu_close {width:45px; height:45px; display:flex; flex-wrap:wrap; align-items:center; justify-content:center; position:absolute;top:0; right:0; background:rgba(255,255,255,0.1);}
.left_menu .moMenu_close::before {content:'\e5cd'; color:var(--white); font-size:20px; font-family:var(--icon);}
.left_menu h1 {display:block; line-height:1; margin:0 0 25px;}
.left_menu h1 a {display:block; line-height:1;}
.left_menu h1 a img {display:block; line-height:1; width:180px; max-width:100%;}
.left_menu .homeBtn {width:45px; height:45px;}
.left_menu .homeBtn::before {font-size:20px;}
.left_menu .left_menu_in {padding:60px 20px 30px; width:70%; margin:0 0 0 auto; transform:translateX(100%); transition:all 0.8s ease;}
.menuList > li .dep_tit {padding:10px 20px;}
.menuList > li .dep_tit::before {font-size:22px; margin-right:12px;}
.menuList > li .depMenu {padding:15px 40px;}
.menuList > li .dep_tit.arr::after {right:15px;}

.my_wrap {width:100%; padding:0;}
.my_wrap .fold_btn {display:none !important;}
.my_wrap .my_header .lnb {margin:20px 20px 0; width:calc(100% - 40px); padding:16px 25px;}

.my_wrap .my_header .my_info_cont {border-radius:0; background:var(--mypage-dark); padding:16px 25px;}
.my_wrap .my_header .my_info_cont h1 {display:block; line-height:1;}
.my_wrap .my_header .my_info_cont h1 a {display:block; line-height:1; font-size:1.4rem; color:var(--white); font-weight: 700; letter-spacing: -1.4px;}
.my_wrap .my_header .my_info_cont h1 a img {display:block; line-height:1;}
.my_wrap .my_header .my_info_cont .name {display:none;}
/*.my_wrap .my_header .my_info_cont .topUtil a {font-size:0; margin-right:15px;}*/
.my_wrap .my_header .my_info_cont .topUtil a { /* 수정_240812 */
	font-size:1em; margin-right:15px;
	flex-wrap: nowrap;
	overflow: hidden;
	max-width: 2em;
	color: transparent;
}

.my_wrap .my_header .my_info_cont .topUtil a::before {font-size:24px;}
.my_wrap .my_header .my_info_cont .topUtil a.cart { margin-right:15px;}
.my_wrap .my_header .my_info_cont .topUtil a.sitemap {opacity:0.8;}
.my_wrap .my_header .my_info_cont .topUtil a.sitemap::before {content:'\e5d2';}

.mypage_content .page_num {padding:40px 0 0;}

.bbs_con.ver980 {}
.bbs_con.ver980 th {display: none;}
.bbs_con.ver980 td {padding:0; text-align:left; padding:10px;}
.bbs_con.ver980 td.left {padding:10px;}
.bbs_con.ver980 .pc_line{display:none;}
.bbs_con.ver980 .mo_line{display:block; position: relative;}
.bbs_con.ver980 .mo_line .subject,
.bbs_con.ver980 .mo_line .subject a {display:inline-block; letter-spacing:-0.35pt; line-height:150%; color:var(--black); font-weight:500;}
.bbs_con.ver980 .mo_line .subject b {display:inline-block; margin-right:5px;}
.bbs_con.ver980 .mo_line .writer{display:flex; flex-wrap:wrap; /* margin: 4px 0 0; */}
.bbs_con.ver980 .mo_line .writer li {padding:0 20px 0 0; position:relative; line-height: 170%; letter-spacing:0; color:#999;}
.bbs_con td .mo_line .state.w100 {width:100%; margin:5px 0 0;}
.bbs_con .mo_line .writer li b {color:var(--black); font-weight:400; display:inline-block; margin-right:10px;}
.bbs_con.ver980 .mo_line .writer li:last-child{padding:0;}
.bbs_con.ver980 .mo_line .writer li:after{content:''; display:block; width:1px; height:8px; background:var(--border); position:absolute; right:10px; top:50%; margin-top:-4px;}
.bbs_con.ver980 .mo_line .writer li:last-child:after{display: none;}

.mypage_content .bbs_con td .btn_wrap {display:flex; flex-wrap:wrap; justify-content:flex-start; margin:5px 0 0;}
.mypage_content .bbs_con td .btn_wrap .btn {width:calc((100% - 14px) / 3); margin:0 4px 0 0;}
.mypage_content .bbs_con td .btn_wrap .btn:last-of-type {margin:0;}
.mypage_content .bbs_con td .btn_wrap.ver1 .btn {width:100%;}
.mypage_content .bbs_con td .btn_wrap.ver2 .btn {width:calc((100% - 4px) / 2);}

.mypage_content .bbs_con td .state.connect {background: var(--main); width:100%;}
.mypage_content .bbs_con td .state.connect::before {content:''; width: 14px; height: 14px; background:var(--white); border-radius:100%; display:block; margin-right:15px;}
.mypage_content .bbs_con td .state.noConnect {background: var(--basic); width:100%;}
.mypage_content .bbs_con td .state.noConnect::after {content:''; width: 14px; height: 14px; background:var(--white); border-radius:100%; display:block; margin-left:15px;}


.point_box {padding:20px 30px;}
.point_box dl {margin-left:35px;}
.point_box dl dd {font-size:2rem;}

.mypage_content .bbs_con td .state {width:80px; height:32px;}

.check_box.coupon_box {padding-left:180px;}
.check_box.withdrawal_box .withdrawal {width:100px; height:100px; top:20px; left:40px;}
.check_box.withdrawal_box .withdrawal::before {font-size:70px;}

.order_list_top .left .button input {width:70px; height:40px;}
.order_list_top .chech_btn .btn_type {height:40px; width:70px;}

.searchArea .watoBtn {width:calc((100% - 4px) / 2); text-align:center; margin-bottom:4px;}
.searchArea .watoBtn:last-of-type {margin-right:0;}
/**** 마이페이지 틀 ****/


/**** 현재 수강 과정 - 리스트 ****/
.mypage_content {margin:20px; padding:20px; width:calc(100% - 40px);}
.mypage_content .my_tit {margin:0 0 15px;}

.mypage_wrap.fold_on .left_menu {opacity:1; visibility:visible; transition:all 0.4s ease;}
.mypage_wrap.fold_on .left_menu .left_menu_in {transform:translateX(0%); transition:all 0.8s ease;}
.mypage_wrap.fold_on .my_wrap {padding-left:0;}
/**** 현재 수강 과정 - 리스트 ****/


/**** 현재 수강 과정 - 홈 ****/
.dots::after {top:9px;}
.check_box {padding:20px; padding-left:110px;}
.check_box h4 i {width:65px; height:65px; top:20px; left:20px;}
.check_box h4 i::before {font-size:50px;}

.edu_list dl dd .edu_timeline .edu_right .edu_btn .btn {width:75px; height:34px;}
/**** 현재 수강 과정 - 홈 ****/


/****** 모의고사 응시 및 결과 ******/
.commonPop .popUp_in .popContent {padding:30px;}
.commonPop .record_list {max-height:calc(100% - (var(--scr_h) + 26px));}
.commonPop .pop_btn_list a {width:140px; height:50px;}

.pay_info dl.w50 {width:100%;}

.review_input dl dt {width:100px;}
.review_input dl dd {width:calc(100% - 100px); min-height:60px;}

/* .certi_popUp .popContent .popContent_certi {background:var(--white) url("/mypage/img/certi_bg.png")no-repeat center / 96% 96%; padding:10vw;}
.certi_popUp .popContent .certi_number {font-size:3vw;}
.certi_popUp .popContent h2 {font-size:8vw; margin:10vw 0 10vw;}
.certi_popUp .popContent .certi_info li {font-size:2.4vw; margin:0 0 1.5vw; padding-left:13vw;}
.certi_popUp .popContent p.fs24 {font-size:2.5vw; margin:7vw 0 4vw;}
.certi_popUp .popContent p.last_txt {margin:13vw 0 0; font-size:3vw;}
.certi_popUp .popContent p.last_txt b {font-size:5vw; margin-left:2vw;} */


.exam_top .exam_info {width:100%; padding:15px 20px;}
.exam_top .exam_info ul {margin:10px 0 0;}
.exam_top .exam_info ul li::after {margin:0 12px;}
.exam_top .exam_grade {width:100%; padding:15px 0;}
.exam_top .exam_grade dl {height:80px; padding:0 15px;}
.exam_top .exam_info .exam_tit a {padding:0 10px; height:28px;}

.exam_questions {padding:15px 20px;}

.circle_tab a {padding:0 15px; height:42px;}


.commonPop .popUp_in.w1180 .popContent .main_title {
	/* padding:25px 20px; */
	/* 수정_250529 */
	padding: 13px 20px; min-height: auto;
}
.commonPop .popUp_in.w1180 .popContent .exam_info_cont {height:calc(100% - 176px);}
.commonPop .popUp_in.w1180 .popContent .btn_wrap {height:100px;}
.commonPop .popUp_in.w1180 .popContent .btn_wrap a {width:200px;}

.sizeList {right:20px;}
.sizeList li a {width:56px; height:56px; line-height:1; font-size:13px;}
.sizeList li a b {line-height:22px; font-size: 16px; margin:0 0 5px;}
.sizeList li:nth-of-type(2) a b {font-size:20px;}
.sizeList li:nth-of-type(3) a b {font-size:24px;}

.exam_table {height:calc(100% - 77px);}
.exam_table .exam_left {width:calc(100% - 280px);}
.exam_table .exam_right {width:280px; padding:20px 15px;}
.exam_table .exam_right .sheet_cont {padding:15px;}
.exam_table .exam_right .sheet_cont dl dd a {line-height:36px;}
.exam_table .exam_right .sheet_cont dl dd label {line-height:36px;}
.exam_table .exam_left .exam_paper {height:calc(100% - 80px);}
.exam_table .exam_left .move_btn {height:80px;}
.exam_table .exam_left .move_btn a {width:135px; height:50px;}
.exam_table .exam_left .move_btn a.prev::before {font-size:16px; margin-right:12px;}
.exam_table .exam_left .move_btn a.next::after {font-size:16px; margin-left:12px;}

.exam_table .exam_right .sheet_cont {height:calc(100% - 100px);}
.exam_table .exam_right .submit {line-height:50px;}

.commonPop.paper_input .popUp_in.w1180 .popContent .main_title .sizeList {right:205px;}
.commonPop .popUp_in.w1180 .exam_questions .exam_questions_tit {padding-right:0;}
.exam_questions .exam_questions_tit .num {top:-1px;}
.exam_questions .exam_questions_tit .rgt_info {position:relative; margin:3px 0 0; justify-content:flex-end; width:100%; }

.location_list dl dt {padding:13px 15px; width:120px;}
.location_list dl dd {width:calc(100% - 120px);}
.location_list dl dd .btn {height:40px;}
.locaPop .dot_cont {margin:15px 0 0; padding:20px;}

.camera_wrap {height:270px;}
.scroll_wrap {height:calc(100% - 60px);}
/****** 모의고사 응시 및 결과 ******/


.assignment_cont .assignment_left_info {width:100%; padding:20px; position:relative; top:0;}
.assignment_cont .assignment_left_info li {padding-left:75px;}
.assignment_cont .assignment_right {width:100%; padding-left:0;}
.assignment_cont .assignment_right .underline_title {font-size:1.2rem; margin:25px 0 15px;}

.survey_question .exam_questions {padding:15px 0 20px;}
.survey_question .exam_questions_list.radio_check {justify-content:flex-start;}
.survey_question .exam_questions_list.radio_check li {width:calc((100% - 10px) / 3); margin-right:5px;}
.survey_question .exam_questions_list.radio_check li:nth-of-type(3n) {margin-right:0;}

.order_list_top {position:relative; margin:20px 0;}
.order_list_top .left {width:100%;}
.order_list_top .left select {width:100%; margin-right:0; margin-bottom:4px;}
.order_list_top .left .button {width:100%;} 
.order_list_top .left .button input {width:calc((100% - 8px) / 3); height:36px;}
.order_list_top .left .button input:last-of-type {margin-right:0;}
.order_list_top .chech_btn .btn_type {height:36px; width:60px;}
.order_list_top .cal {width:calc(100% - 64px); margin:4px 0 0;}
.order_list_top .chech_btn {position:absolute; bottom:0; right:0;}
.order_list_top .cal span {width:calc(50% - 10px);}
.order_list_top .cal span input {width:100%;}

.result_info dl {padding:12px 0 15px;}
.result_info dl dt {width:100px;}
.result_info dl dd {width:calc(100% - 100px);}

.popContent .join_input dl.w50 dt {width:100px;}
.popContent .join_input dl.w50 dd {width:calc(100% - 100px);}


.exam_modi li {width:100%;}
.exam_modi .upfile_input {width:100%;}
.exam_questions_list.radio_check li label {width:100%; padding:7px 10px 5px 50px;}



/****** 시험평가-채점/결과 ******/
.userView .userView_list .userCont {padding:20px 25px;}
.userView .userView_list .userCont dl dt {width:110px;}
.userView .userView_list .userCont dl dd {width:calc(100% - 110px);}
/****** 시험평가-채점/결과 ******/




/* 공부인증 */
.study_table_wrap .study_profile {padding:15px; width:225px;}
.study_table_wrap .study_profile .setting_btn {padding:0 8px; font-size:12px; height:26px; line-height:24px;}
.study_table_wrap .study_profile .profile span {width:46px;}
.study_table_wrap .study_profile .profile span img {width:100%;}
.study_table_wrap .study_profile .profile h4 {width:calc(100% - 46px); padding-left:15px;}
.study_table_wrap .study_profile h5 {margin:15px 0 2px;}
.study_table_wrap .study_profile ul li span::before {margin-right:5px;}

.study_table_wrap .study_schedule {width:calc(100% - 240px);}
.study_table_wrap .study_schedule .schedule_top {padding:13px 18px;}
.study_table_wrap .study_schedule .schedule_top p {font-size:1.2rem;}

.study_table_wrap .study_schedule .study_schedule_cont {padding:15px;}
.study_record_list li p::before {top:10px;}
/* 공부인증 */



}
/*******************************************************************************
	@media 481~680px
*******************************************************************************/
@media all and (max-width:680px) { 

/**** 마이페이지 틀 ****/
.marb50 {margin-bottom:25px;}
.left_menu .left_menu_in {width:85%;}

.excel_btn {width: 100px; height: 32px; font-size: 13px;}
.excel_btn img {margin-right:5px; max-width:13px; height:auto;}

.learningTop {margin:10px 10px 0; height:50px;}
.learningTop h4 {font-size:1.1rem;}
.learningTop a {right:10px;}
.learningTop a::before {font-size:22px; line-height:22px; height:22px;}

.my_wrap .my_header {margin:0 0 10px;}
.my_wrap .my_header .lnb {margin:10px 10px 0; width:calc(100% - 20px); padding:11px 20px;}
.my_wrap .my_header .lnb li::after {margin:0 11px;}
.my_wrap .my_header .my_info_cont h1 a img {width:80px;}
.my_wrap .my_header .my_info_cont .topUtil a {margin-right:10px;}
.my_wrap .my_header .my_info_cont .topUtil a::before {font-size:20px;}

.mypage_content {margin:10px; width:calc(100% - 20px);}

.mypage_content .page_num .bbs_btn {position:relative; bottom:0; margin:15px 0 0;}
.bbs_con.ver980 .mo_line .writer li {width:100%; line-height:1.4;}
.bbs_con.ver980 .mo_line .writer li::after {display:none;}
.mypage_content .bbs_con td .btn_wrap .btn {height:30px; font-size:12px;}

.mypage_content .bbs_con td .rank {margin:0 5px 0 0; width:40px; height:24px; font-size:12px;}
.bbs_con .mo_line .subject {display:flex; flex-wrap:wrap; align-items:center;}

.point_box {padding:15px;}
.point_box i img {width:60px; height:auto;}
.point_box dl {margin-left:20px; display:block;}
.point_box dl dd {font-size:1.5rem;}

.mypage_content .bbs_con td .state {width:50px; height:24px; margin:0 5px 0 0; font-size:12px;}

.mypage_content .join_input dl:first-of-type {padding-top:10px;}

.check_box.withdrawal_box .withdrawal {display:none;}

.tit_flex .watoBtn {width:100%; text-align:center;}
.watoBtn {height:38px; line-height:38px; padding:0 5px;}
/**** 마이페이지 틀 ****/

.memBtn_list .btn {width:120px; height:48px; margin:15px auto 0;}

.mypage_content .bbs_con td .state.connect {margin:5px 0 0;}
.mypage_content .bbs_con td .state.connect::before { width: 8px; height: 8px; margin-right:6px;}
.mypage_content .bbs_con td .state.noConnect {margin:5px 0 0;}
.mypage_content .bbs_con td .state.noConnect::after {width: 8px; height: 8px;  margin-left:6px;}


/**** 현재 수강 과정 - 리스트 ****/
.lecture dl {position:relative; padding:10px; padding-bottom:55px;}
.lecture dl dd {padding-left:12px;}
.lecture dl dd ul {margin:5px 0 10px;}
.lecture dl dd ul li {width:100%; line-height:157.143%;}
.lecture dl dd ul li::after {display:none;}
.lecture dl dd h4 span {padding:0 8px; height:26px; font-size:13px; margin-right:5px;}

.lecture dl dd .lecture_gauge {height:26px; position:absolute; bottom:18px; left:10px; width:calc(100% - 20px);}
.lecture .lectureBtn {padding:10px;}
.lecture .lectureBtn .btn {height:40px; margin-right:2px; width:calc((100% - 6px) / 4); font-size:12px;}
.lecture .lectureBtn .btn.type4.icon::before {font-size:16px; margin-right:3px;}
/**** 현재 수강 과정 - 리스트 ****/

/**** 현재 수강 과정 - 홈 ****/
.tit_flex {justify-content:space-between;}

.current_situation {border:0; padding:0;}
.current_situation .situation_info {padding-top:20px;}
.current_situation .situation_info .infoBox .bb_tit {font-size:1.11rem;}
.current_situation .situation_info .infoBox .bb_tit .cate {line-height:26px; padding:0 8px; font-size: 13px; font-weight: 600;}
.current_situation .situation_info .infoBox .edu_infoList li {padding-left:68px;}
.current_situation .situation_info .infoBox .edu_infoList li.w50 {width:auto; margin-right:50px;}
.current_situation .situation_info .infoBox .edu_infoList li.w50:last-of-type {margin-right:0;}
.current_situation .situation_info .infoBox .total {margin:7px 0 0;}
.current_situation .situation_info .percent_cont {
	margin:15px 0 ; /* 수정_240812 */
	flex-wrap: nowrap;
}
.current_situation .situation_info .percent_cont li {padding:15px 20px 20px; width:calc((100% - 10px) / 2); margin-right:10px;}

.my_cate_tab {margin:20px 0;}
.my_cate_tab ul li a {min-width:80px; height:40px; padding:0 10px;}
.install_btn {display:block; width:116px; height:30px; line-height:28px; box-sizing:border-box; font-size:14px; padding:0 10px; margin-left:0;}
.install_btn::before {font-size:16px;}

.check_box {padding:15px 20px !important;}
.check_box h4 {display:flex; flex-wrap:wrap; align-items:center; margin:0 0 3px;}
.check_box h4 i {width:20px; height:20px; position:relative;  top:0; left:0; margin-right:6px;}
.check_box h4 i::before {font-size:15px;}

.ratioList li i {width:16px; height:16px;}
.ratio_cont {padding:0; border:0;}

.course_process li {margin-right:12px;}
.co_ico {width:20px; height:20px; border-width:2px; margin-right:4px;}
.co_ico::before {font-size:12px;}

.edu_list dl dt .time {right:18px;}
.edu_list dl .time::before {font-size:18px;}
.edu_list dl dt {padding:11px 80px 11px 0;}
.edu_list dl dt h4 {padding-left:43px;}
.edu_list dl dt h4::before {font-weight:400; left:13px;}
.edu_list dl dd {padding:10px;}
.edu_list dl dd .edu_timeline {margin:0 0 10px;}
.edu_list dl dd .edu_timeline h4 {margin:0 0 5px;}
.edu_list dl dd .edu_timeline ul li {padding:10px !important;}
.edu_list dl dd .edu_timeline ul li h5 i {margin-right:6px;}
.edu_list dl dd .edu_timeline .edu_right .edu_info {width:100%; padding-right:0; margin:3px 0 9px;}
.edu_list dl dd .edu_timeline .edu_right .edu_info span::after {margin:0 6px; height:12px;}
.edu_list dl dd .edu_timeline .edu_right .edu_btn {width:100%; justify-content:flex-start;}
.edu_list dl dd .edu_timeline .edu_right .edu_btn .btn {width:70px; height:30px; font-size:12px;}

.current_situation .situation_info .infoBox {padding-right:90px;}
.playBtn {width:80px; height:80px; top:0; transform:translateY(0);}
.playBtn span::before {font-size:30px;}
.playBtn p {font-size:13px;}
/**** 현재 수강 과정 - 홈 ****/




/****** 모의고사 응시 및 결과 ******/
.check_box.coupon_box .coupon {display:none;}

.commonPop .popUp_in .popClose {width:30px;}
.commonPop .popUp_in .popClose::before {font-size:30px;}
.commonPop .popUp_in .popContent .fs35 {padding:0 0 5px;}
.commonPop .popUp_in .popContent .fs35.marg33 {padding:0 0 15px;}
.commonPop .popUp_in .popContent .fs35 p {margin-left:0; width:100%; display:block; margin-top:3px;}
.commonPop .popUp_in .popContent .select_cont {padding-bottom:10px;}
.viewList {padding:0 0 15px;}
.viewList li::after {margin:0 10px; height:12px;}

.commonPop .pop_btn_list {padding:20px 0 0;}
.commonPop .pop_btn_list a {width:110px; height:40px;}
.commonPop .pop_btn_list.ver4 a {width:calc((100% - 22px) / 4) !important;}

.commonPop .popUp_in .popContent {padding:20px 15px;}
.commonPop .record_list {max-height:calc(100% - (var(--scr_h) + 16px));}
.commonPop .bbs_con td {width:100%; text-align:left; padding:5px 10px !important;}
.commonPop .bbs_con td .mo_info_list {}
.commonPop .bbs_con td .mo_info_list h4 {margin:0 0 3px;}
.commonPop .bbs_con td .mo_info_list li {}
.commonPop .bbs_con td .mo_info_list li b {color:var(--black); margin-right:10px; display:inline-block; font-weight:400;}

.commonPop .grade_list .bbs_con td {padding-left:0 !important; padding-right:0 !important; padding-top:0 !important;}
.commonPop .grade_list .bbs_con .rowCont {padding:5px 10px;}
.commonPop .grade_list .bbs_con td .mo_info_list {padding:10px 10px;}
.commonPop .grade_list .bbs_con td.no_line {border-bottom:0 !important; padding-bottom:0 !important;}
.commonPop .grade_list .bbs_con td.no_line .mo_info_list {padding-bottom:0; margin-bottom:-5px;}

.pay_info dl dt {width:100%; padding:7px 9px; font-size:13px;}
.pay_info dl dd {width:100%; padding:7px 9px; font-size:13px;}
.pay_info dl dd ul li {padding-left:40px;}

.review_input dl dt {width:100%; padding:5px 10px; border-bottom:1px solid var(--border);}
.review_input dl dd {width:100%; min-height:auto; padding:5px 10px;}
.review_input dl dd.block {padding:10px;}
.review_input dl dd.block textarea {padding:12px; height:170px;}

.review_input dl dd .jq-star {width:18px !important; height:18px !important;}

.pop_search {padding:15px;}
.coupon_list li {width:100%; margin-right:0; margin-top:10px !important;}
.coupon_list li:nth-of-type(1) {margin-top:0 !important;}
.coupon_list li a::after {font-size:27px;}
.coupon_list li a {padding:15px; padding-left:42px;}


.exam_top .exam_info {width:100%; padding:10px 15px;}
.exam_top .exam_info ul {margin:10px 0 0;}
.exam_top .exam_info ul li {width:100%;}
.exam_top .exam_info ul li::after {margin:0 12px; display:none;}
.exam_top .exam_grade {width:100%; padding:15px 0;}
.exam_top .exam_grade dl {height:60px; padding:0 10px;}
.exam_top .exam_grade dl dt {margin-bottom:2px;}
.exam_top .exam_grade dl dd b {font-size:1.1rem;}
.exam_top .exam_info .exam_tit a {padding:0 5px; height:24px; font-size:12px;}

.exam_questions {padding:15px;}
.answer_cont {padding:15px;}
.exam_questions_list li .num {width:30px;}
.exam_questions_list li {padding:5px 10px 3px 0; padding-left:40px;          

	min-height: calc(30px - 5px - 3px);	

}
.bbs_input .file td input.form-control.form-control {width:calc(100% - 140px);}
.exam_questions_list.radio_check li label {padding:5px 10px 3px 0; padding-left:40px;}
.exam_questions_list.ox_cont li {width:33px !important; height:33px; margin-right:2px !important;}
.exam_questions_list.ox_cont li label {width:33px; height:33px; line-height:31px;}
.exam_questions .exam_questions_tit {position:relative; padding-right:60px; box-sizing:border-box; padding-left:25px;}
.exam_questions .exam_questions_tit .points {position:absolute; top:0; right:0; margin-left:0;}
.exam_questions .exam_questions_tit .num {width:20px; height:20px; line-height:20px; font-size:12px; position:absolute; top:1px; left:0;}
.answer_cont p {width:100% !important;}


.circle_tab a {padding:0 10px; height:36px; font-size:12px;}

.commonPop .popUp_in.w1180 .popContent .main_title {padding:20px 15px;}
.commonPop .popUp_in.w1180 .popContent .exam_info_cont {height:calc(100% - 144px);}
.commonPop .popUp_in.w1180 .popContent .exam_info_cont .exam_info_in dt {display:none;}
.commonPop .popUp_in.w1180 .popContent .exam_info_cont .exam_info_in dd {width:100%;}
.commonPop .popUp_in.w1180 .popContent .exam_info_cont .exam_info_in dd h4 {font-size:1.2rem; margin:0 0 10px;}
.commonPop .popUp_in.w1180 .popContent .btn_wrap {height:80px;}
.commonPop .popUp_in.w1180 .popContent .btn_wrap a {width:160px; height:48px; line-height:48px;}


.sizeList {right:10px;  display: none; /* 추가_250529 */  }
.sizeList li a {width:44px; height:44px; font-size:11px;}
.sizeList li a b {line-height:20px; font-size: 14px; margin:0 0 3px;}
.sizeList li:nth-of-type(2) a b {font-size:15px;}
.sizeList li:nth-of-type(3) a b {font-size:17px;}


.commonPop .popUp_in.w1180 .popContent {height:90%;}
.commonPop .popUp_in.w1180 .popContent .main_title {display:flex; flex-wrap:wrap; align-content:center; padding:11px 15px; height:66px;}
.commonPop .popUp_in.w1180 .popContent .main_title p {/* margin-left:0; width:100%; display:block; */ margin-left:8px; font-size:12px;}

.commonPop .popUp_in.w1180 .popContent .main_title p.p-name{ display: none; }/* 추가_250529 */



.exam_table {display:block; height:calc(100% - 66px);}
.exam_table .exam_left {width:100%; height:60%;}
.exam_table .exam_left .exam_paper {padding:15px; height:calc(100% - 58px); padding-right:10px;}
.exam_table .exam_left .move_btn {height:58px;}
.exam_table .exam_left .move_btn a {width:100px; height:38px;}
.exam_table .exam_left .move_btn a.prev::before {font-size:14px; margin-right:8px;}
.exam_table .exam_left .move_btn a.next::after {font-size:14px; margin-left:8px;}
.exam_table .exam_right {width:100%; height:40%; padding:15px;}
.exam_table .exam_right h4 {margin:0 0 7px;}
.exam_table .exam_right .sheet_cont {height:calc(100% - 80px); padding:10px; padding-right:5px;}
.exam_table .exam_right .sheet_cont dl dd {width:calc(100% - 22px); padding-left:6px;}
.exam_table .exam_right .sheet_cont dl dt {width:22px; height:22px; line-height:22px;}
.exam_table .exam_right .sheet_cont dl dd a {line-height:30px;}
.exam_table .exam_right .sheet_cont dl dd label {line-height:30px;}
.exam_table .exam_right .submit {line-height:38px;}


.exam_questions .exam_questions_tit .rgt_info .anum {margin-left:12px;}
.commonPop .popUp_in.w1180 .popContent .main_title  {  /* display:block; */  }
.commonPop .popUp_in.w1180 .popContent .main_title .time {position:relative; top:0; right:auto; left:0; transform:translateY(0); margin-left:0;}
.commonPop .popUp_in.w1180 .popContent .main_title .time i::before {font-size:16px; margin-right:4px;}

.commonPop.paper_input .popUp_in.w1180 .popContent .main_title  .sizeList {width:132px; right:15px;}
.commonPop .popUp_in.w1180 .exam_questions .exam_questions_list textarea {height:80px;}

.location_list dl dt {padding:8px 10px; width:100%; border-bottom:1px solid var(--border);}
.location_list dl dd {width:100%;}
.location_list dl dd .select {width:calc(100% - 74px);}
.location_list dl dd .btn {width:70px; height:36px;}
.locaPop .dot_cont {padding:15px; margin:10px 0 0;}

.attendancePop .stamp_list li {width:calc((100% - 30px) / 4); height:75px;}
.attendancePop .pop_btn_list a {width:100% !important; height:50px !important;}
.camera_wrap {height:160px;}

.edu_list dl dd .edu_timeline ul li h5 a.down {margin-left:8px;}
.edu_list dl dd .edu_timeline ul li h5 a.down::before {font-size:17px;}
.edu_list dl dd .edu_timeline ul li h5 a.down_lnk {margin-left:8px;}
.edu_list dl dd .edu_timeline ul li h5 a.down_lnk::before {font-size:17px;}
.ratio_cont .ratio_gauge span i {font-size:11px;}
/****** 모의고사 응시 및 결과 ******/

.commonPop .pop_btn_list.sm a {width:90px; height:38px;}
.survey_question .exam_questions {padding:12px 1px;}
.survey_question .exam_questions_list.radio_check li {width:100%; margin-right:0;}
.survey_question .exam_questions .exam_questions_list textarea {height:60px;}

.survey_question .exam_questions .result_exam {margin:0 0 10px;}
.survey_question .exam_questions .result_exam .exam_questions_tit {width:100%;}
.survey_question .exam_questions .result_exam .commentary {width:100%; text-align:left; margin:4px 0 0;}
.survey_question .exam_questions .result_exam .commentary p::before {font-size:22px;}


.result_info dl {padding:8px 0 8px;}
.result_info dl dt {width:100%; padding-bottom:5px; border-bottom:1px solid var(--border); margin:0 0 8px;}
.result_info dl dd {width:100%;}



.assignment_cont .assignment_right .underline_title .red {margin-left:0; margin-top:2px; font-size:13px;}


.percent_pop .viewList {padding:0 0 15px;}
.popContent .join_input dl.w50 {width:100%;}
.popContent .join_input dl.w50 dt {width:100%;}
.popContent .join_input dl.w50 dd {width:100%}
.popContent .join_input dl.w50:last-of-type dd {width:100%;}

.percent_pop .record_list {height:calc(100% - 100px) !important;}
.pop_btn_list {}
/* .pop_btn_list.ver3 a {width:calc((100% - 15px) / 3) !important;} */

.rank_pop .table_style {width:600px;}

.commonPop .record_list::-webkit-scrollbar {width: 4px; height:4px;}
.commonPop .record_list::-webkit-scrollbar-thumb {background: var(--black); /* 스크롤바 색상 */ border-radius: 5px; /* 스크롤바 둥근 테두리 */}
.commonPop .record_list::-webkit-scrollbar-track {background: var(--border);  /*스크롤바 뒷 배경 색상*/}



/****** 시험평가-채점/결과 ******/
.userView h2 {margin:0 0 15px;}
.userView h2 span {margin-left:0; display:block; width:100%; margin-top:2px;}
.userView .userView_list .userCont {padding:15px;}
.userView .userView_list .userCont dl dt {width:70px;}
.userView .userView_list .userCont dl dd {width:calc(100% - 70px);}
.userView .userView_list .textarea {padding:10px; height:80px;}

.userView .survey_cont dl dt {padding:10px 15px;}
.userView .survey_cont dl dd {padding:15px 15px 20px;}
.userView .survey_cont dl dd ul li .bar {height:32px; width:calc(100% - 65px); border-radius:5px;}
.userView .survey_cont dl dd ul li .bar .bar_in {border-radius:5px;}
.userView .survey_cont dl dd ul li .bar i {line-height:32px; padding-left:5px;}
.userView .survey_cont dl dd ul li .tit {width:100%; margin:0 0 5px;}
.userView .survey_cont dl dd ul li .percent {width:65px;}
/****** 시험평가-채점/결과 ******/


/* 공부인증 */
.study_table_wrap .study_profile {float:none; width:100%; position:relative; top:0; margin:0 0 15px;}
.study_table_wrap .study_profile .profile span {width:40px;}
.study_table_wrap .study_profile .profile h4 {width:calc(100% - 40px); padding-left:15px;}
.study_table_wrap .study_profile h5 {margin:10px 0 5px; font-size:1rem;}
.study_table_wrap .study_profile ul {padding:10px;}
.study_table_wrap .study_profile ul li span::before {width:16px; height:16px; line-height:16px; font-size:16px; margin-right:5px;}

.study_table_wrap .study_schedule {float:none; width:100%;}
.study_table_wrap .study_schedule .schedule_top {padding:7px 10px;}
.study_table_wrap .study_schedule .schedule_top .arr::before {font-size:15px;}

.calendar .cal_tit {margin:20px 0 12px;}
.calendar .cal_tit .arr::before {font-size:15px;}

.calendar_table dl dt, .calendar_table dl dd {padding:8px 0;}
.calendar_table dl dd p {width:22px; height:22px; line-height:22px; background-size:100% !important;}
.study_table_wrap .study_schedule .dep_tit {padding:8px; font-size:1rem;}
.study_record_list li {padding:10px;}
.study_record_list li h4 .cate {padding:0 8px; font-size:12px; line-height:22px; height:24px; margin-right:6px;}
.study_record_list li p {padding-left:62px;}
.study_record_list li p::before {width:3px; height:3px; top:9px;}
.study_record_list li p b {width:62px;}
/* 공부인증 */


#wrap .pop_close-btn {width:36px; height:36px;}
#wrap .pop_close-btn i::before {font-size:36px;}

.popup_cont_in {padding:25px;}
.popup_notice .popup_cont_in .notice {height:calc(100% - 160px);}
.popup_notice .popup_cont_in .tit {font-size:24px; padding-bottom:15px;}
.popup_cont .tit {font-size:24px; margin-bottom:15px;}
.popup_notice .popup_cont_in .sub_tit {font-size:17px; margin:10px 0;}
.popup_notice .popup_cont_in .control_wrap button {font-size:14px;}
.popup_notice .popup_cont_in .control_wrap button i {width:14px; height:14px;}
.popup_notice .popup_cont_in .control_wrap button i::before {font-size:14px !important;}
.popup_notice .popup_cont_in .control_wrap .pagenation {font-size:14px;}


.popup_data .download_list li {padding:10px 15px;}
.popup_data .download_list li p {width:calc(100% - 64px);}
.popup_data .download_list li .down_btn {width:64px;}
.popup_data .download_list li .down_btn a {margin-right:5px;}
.popup_data .download_list li .down_btn a::before {font-size:18px;}

.no_content .no_content_in {padding:60px 15px 60px;}
.no_content .no_content_in i {width:60px; height:60px; border-radius:100%; margin:0 auto 15px;}
.no_content .no_content_in i::before {font-size:34px;}
.no_content .no_content_in p {font-size:1rem;}

.popup_statistics .tit_wrap .bbs_search_wrap {width:115px;}


.popup_statistics .data_list {padding:15px; box-sizing:border-box; display:block;}
.popup_statistics .data_list li {width:100%; padding:0; display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; flex-direction:initial; margin:0 0 5px;}
.popup_statistics .data_list li:last-of-type {margin:0;}
.popup_statistics .data_list li p {font-size:18px;}
.popup_statistics .data_list li p span {font-size:13px;}
.popup_statistics .data_list li h4 {font-size:14px;}
.popup_statistics .data_list li h4 i::before {font-size:16px !important;}

.popup_statistics .comparison_scroll {height:60.5%}
.popup_statistics .comparison_list li {padding:10px 20px;}
.popup_statistics .comparison_list .comparison_time i::before {font-size:16px !important;}
.contents_list .play_list_wrap {height:calc(100% - 84px);}


.closeBtn {width: 80px; height: 38px; margin:25px auto 0;}


}
/*******************************************************************************
	@media 480px
*******************************************************************************/
@media all and (max-width:480px) { 

.camera_wrap {font-size:1.4rem;}
/* .attendancePop .stamp_list li {width:calc((100% - 10px) / 2);}
.attendancePop .stamp_list li:nth-of-type(2n) {margin-right:0;}
.attendancePop .stamp_list li:nth-of-type(-n+2) {margin-bottom:10px;} */

/* 추가_240906 */
.exam_questions_list.radio_check.type2 li label { width: 100%; }

}




/* ui 추가_241101 */

.h001{ 
	position: relative;
	display: flex;	
	column-gap: 48px;
	row-gap: 24px;
	border-radius: 5px;
	flex-wrap: wrap;
}
.h001 *{ box-sizing: border-box}
.h001 .hleft {flex-grow:1; min-width: 450px }
.h001 .hleft .callout{ padding: 1em 1em }
.h001 .hright{
	flex: 0 1 400px;
}

.h001 .hright .mobile-elem .btn{
	display: inline-flex;
	align-items: center;
	gap: 4px;
	background-color: #fff;
	padding:  8px;
	line-height: 1;
	border-radius: 100em;
	font-size: 15px;
}
.h001 .hright .mobile-elem .btn span{ font-size: 1em; }
.h001 .hright .mobile-elem .btn.on{ 
	background-color: var(--main);
    color: #fff;
}

.h001 .hright .info{ margin: 30px 0  1em 0}
.h001 .calendar.default{ 
	width:100%; max-width: 400px; padding: 1.5em 1em 1em;  
	border: 1px solid var(--border);
  border-radius: 5px;
}
.h001 .calendar.default .fc{  
	--fc-border-color : #fff;  
	--fc-today-bg-color : var(--main);

	--fc-button-border-color : hsla(228, 45%, 98%, 1);
	--fc-button-bg-color : hsla(228, 45%, 98%, 1);
	--fc-button-text-color: hsla(221, 16%, 61%, 1);

	--fc-button-hover-bg-color : hsla(228, 15%, 88%, 1);
	--fc-button-hover-border-color : var(--fc-button-hover-bg-color);

	--fc-button-active-bg-color : var(--fc-button-hover-bg-color);
	--fc-button-active-border-color : var(--fc-button-hover-bg-color);



	font-size: 16px;

}
.h001 .calendar.default .fc-day-number.fc-sat.fc-past { color:#0000FF; }
.h001 .calendar.default .fc-day-sun,
.h001 .calendar.default .fc-day-sun a a { color:#E7505A !important; }
.h001 .calendar.default .fc-day-sat,
.h001 .calendar.default .fc-day-sat a a { color:#007CE2 !important; }

.h001 .calendar.default .fc .fc-col-header-cell-cushion {
  display: inline-block;
  padding: 2px 4px;
  letter-spacing: 1em;
  overflow: hidden;
  width: calc(1em + 3px);
  font-weight: 500;
  font-size: 16px;
}

.h001 .calendar.default .fc-theme-standard td, 
.h001 .calendar.default .fc-theme-standard th { padding-top:4px; padding-bottom:4px }
.h001 .calendar.default .fc .fc-daygrid-day-number { width: 100%; text-align: center; color: #7C86A2;  }
.h001 .calendar.default .fc .fc-daygrid-body-natural .fc-daygrid-day-events {  margin-bottom: 0em; }
.h001 .calendar.default .fc .fc-daygrid-body-unbalanced .fc-daygrid-day-events {  min-height: 0em; }
.h001 .calendar.default .fc .fc-daygrid-day.fc-day-today { background-color:transparent; }
.h001 .calendar.default .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-top { 
	background-color: var(--fc-today-bg-color); 
	border-radius: 100em;
	width: 2em;
	height: 2em;
	margin: auto;
}
.h001 .calendar.default .fc .fc-daygrid-day.fc-day-today .fc-daygrid-day-top a{ 
	color: #fff ; }
.h001 .calendar.default .fc .fc-toolbar-title { font-size: 1em; margin-left: .8em; }

.h001 .calendar.default .fc .fc-button-primary {
  font-size: 14px;
  border-radius: 100em;
  padding: 4px;
  line-height: 1;
}
.h001 .calendar.default .fc .fc-button-primary:hover { color: var(--black); }



.h001 .calendar.week .fc{
	--fc-today-bg-color : var(--main);
}
/* 스크롤바 전체 기본 꾸미기 */
.h001 .calendar.week .fc .fc-scroller::-webkit-scrollbar { width: 10px; }

/* 스크롤바 막대 꾸미기 */
.h001 .calendar.week .fc .fc-scroller::-webkit-scrollbar-thumb {
	 background: #e9e9e9; /* 스크롤바 막대 색상 */
    border-radius: 12px 12px 12px 12px;
}

/* 스크롤바 트랙 꾸미기 */
.h001 .calendar.week .fc .fc-scroller::-webkit-scrollbar-track {  }


/*.h001 .calendar.week .fc .fc-timegrid .fc-daygrid-body { display: none; }
.h001 .calendar.week .fc .fc-scrollgrid-section:has(.fc-timegrid-divider) {display: none; }*/
.h001 .calendar.week .fc-theme-standard th{   font-weight:500 }
.h001 .calendar.week .fc-v-event .fc-event-main-frame{ flex-direction: column-reverse; }

.h001 .calendar.week .fc-v-event .fc-event-main{ color: var(--black) }
.h001 .calendar.week .fc-v-event {
    background-color: hsl(210deg 97% 95% );
    border-left: 4px solid var(--fc-event-border-color);
}
.h001 .calendar.week .fc-v-event.fc-event-past{
	background-color: hsl(210deg 7% 95% );
    border-color: hsl(210deg 7% 75% );
}
.h001 .calendar.week .fc-timegrid-event .fc-event-time { text-overflow:ellipsis; }

.h001 .calendar.week .fc-col-header-cell.fc-day.fc-day-today{ background-color: transparent; }
.h001 .calendar.week .fc-col-header-cell:has(.dhc) .fc-col-header-cell-cushion{ display: block; padding:0 }
.h001 .calendar.week  .dhc{
	display: flex;
	flex-direction: column;
	align-items: center;
	color: var(--black);
}
.h001 .calendar.week  .dhc .day{ 
	font-size: 16px;   
	
	width: 100%;
	border-bottom: 1px solid var(--border);
	padding: 3px;
}
.h001 .calendar.week  .dhc .num{ 
	display:inline-block; 
	width: 2em; 
	height: 2em;
	line-height: 2em;
	font-size: 1em;
	border-radius: 100em;
	margin: 8px 4px;
	position: relative;
}
.h001 .calendar.week .fc-col-header-cell.fc-day.fc-day-sun .dhc{ color: #E7505A ; }
.h001 .calendar.week .fc-col-header-cell.fc-day.fc-day-sat .dhc{ color: #007CE2 ; }



.h001 .calendar.week .fc .fc-timegrid-col.fc-day-today { background-color: #fff; }
.h001 .calendar.week .fc-col-header-cell.fc-day.fc-day-today  .dhc .num{ background-color: var(--main); color: #fff  }
.h001 .calendar.week .fc-direction-ltr .fc-timegrid-slot-label-frame .fc-timegrid-slot-label-cushion{  padding: 0 12px; font-size: 15px; }



.h001 .list.type1{
	display: flex;
	flex-direction: column;
	gap: 24px;
	max-width: 768px;
  width: 100%;
}
.h001 .list.type1 .item{
	--on-color: var(--main);
	--on-txt-color: var(--black);
	font-size: 16px;
}
.h001 .list.type1 .item .option{ color: var(--black); font-weight:600; font-size:15px; padding: 4px }
.h001 .list.type1 .item small{ font-size:14px }
.h001 .list.type1 .item .cnt{
	border: 1px solid var(--on-color);
	border-radius: 5px;
	color: var(--on-txt-color);
}
.h001 .list.type1 .item .cnt > *:not(.extraInfo){ padding: 0 1em; }
.h001 .list.type1 .item .cnt .extraInfo{
	background-color: var(--on-color);
	color: #fff;
	font-size: .8125em;
	padding: 8px 1em;
	margin-bottom: 1em ;
	min-height: 31px;
}
.h001 .list.type1 .item .cnt .extraInfo{ font-weight: 600; line-height: 1; color: var(--on-color) }
.h001 .list.type1 .item .cnt > .btnList{ padding-bottom: .5em; }
.h001 .list.type1 .item .btnList .btn.main{
	background-color: transparent;
	color: var(--on-color);
	font-weight: 600;
	padding: 4px 0 4px 8px;
	border-color: transparent;
	display: inline-flex;
	align-items: center;
	gap: 8px;
}

.h001 .list.type1 .item.off{
	--on-color: hsla(0, 0%, 73%, 1);
	--on-txt-color: hsla(0, 0%, 73%, 1);
}

.calendar.week{
	min-width: 100%;
	max-width: 10px;

}

.h001 .h002{
position: absolute;
  bottom: calc(100% + .7em);
  right: 0;
}
.h001 .h002:has(+ .open) .btn{
	background-color: var(--main);
	color: #fff;
}
.h001 .mobile-elem{ display:none !important; }
@media(max-width: 1280px){
	.h001 .hright{ display: flex; gap: 24px; flex-wrap: wrap; flex-basis: 100%; justify-content: right; }
	.h001 .hright > * { flex: 1; 	}
	.h001 .hright .info {  margin: 0; }
	.h001 .hright .btnList{flex-basis: 100%;  }
}
@media(max-width: 1024px){
	.h001 .desktop-elem{ display:none !important }
	.h001 .mobile-elem{ display: block !important }

	.h001 .hright{ 
		width: 100%;
		position: absolute;
		bottom: calc(100% + .4px);
		right: 0;
	}
	
	.h001 .calendar.default{ 
		display:none; 
		flex: none;
		position: absolute;
		z-index: 3;
		background-color: #fff;
		width: 400px;
		right: 50%;
		transform: translateX(50%);
		top:0;
		border-color: transparent;
		        box-shadow: 0 4px 20px hsl(0 0% 0% / .1);
	}
	.h001 .calendar.default.open{ display: block; }
}
@media(max-width: 600px){
	.h001 .calendar.default.open{ width: 300px; }
}





/* 수정_241227 */
#quizTitle .fs35{  }
#quizTitle .extra-info{

}