@CHARSET "UTF-8";

.main_wrapper{width:100%;background:#fff;margin-bottom: 15%;}

/* iOS WebView 사용 시 header safe-view영역에 대한 버전별 솔루션 - https://ayogo.com/blog/ios11-viewport/ */
/* .main_wrapper {
	Status Bar Height on iOS 10.0
	padding-top: 20px;
	Status Bar Height on iOS 11.0
	padding-top: constant(safe-area-inset-top);
	Status Bar Height on iOS 11.0+
	padding-top: env(safe-area-inset-top);
} */


.main_top{position:relative;padding:3% 6%;}
.main_top .ring{position:absolute;top:31%;left:6%;width:5%;}
.main_top .ring img{width:90%;}
.main_top .ring_on{position: absolute;right: -1%;top: 0;width: 36%;padding-bottom: 36%;background: #ff123d;border-radius: 50%;}
.main_top .logo{width:21%;margin:0 auto;}
.main_top .logo img{width:100%;}

.main_banner_wrap{width:100%;position:relative;}
.main_banner_wrap .main_banner_rolling {width:100%;}
.main_banner_wrap .main_banner_rolling .swiper-wrapper{}
.main_banner_wrap .main_banner_rolling .swiper-wrapper .rollingImg{width:100%;}
.main_banner_wrap .main_banner_rolling .swiper-wrapper .rollingImg img{width:100%;}
.main_banner_wrap .rollingpage { width:100%; position:absolute; bottom:5%;z-index: 5;}
.main_banner_wrap .rollingpage ul { text-align:center; }
.main_banner_wrap .rollingpage ul li {display:inline-block;width:2.2%;padding-bottom:2.2%;background: url(/app/images/main/main_banner_dot_off.png) no-repeat;background-size:contain;margin: 0 1%;}
.main_banner_wrap .rollingpage ul li.on {background: url(/app/images/main/main_banner_dot_on.png) no-repeat;background-size:contain;}

.main_notice{padding:0 6%; border-top:1px solid #e6e9ec;}
.main_notice .main_notice_list{padding: 4% 0;border-bottom:1px solid #e6e9ec;}
.main_notice .main_notice_list:last-child{border-bottom:0;}
.main_notice_list .main_notice_tit{display: inline-block;padding-right: 1%;color:#222;width: auto;max-width: 64%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main_notice_list .main_notice_icon{display: inline-block;width: 148px;height: 37px;margin-right: 2%;}
.main_notice .main_notice_list .main_notice_currBoard{background: url(/app/images/main/main_notice_currBoard.jpg) no-repeat;background-size:contain;}
.main_notice .main_notice_list .main_notice_counseling{background: url(/app/images/main/main_notice_counseling.jpg) no-repeat;background-size:contain;}
.main_notice .main_notice_list .main_notice_issuance{background: url(/app/images/main/main_notice_issuance.jpg) no-repeat;background-size:contain;}
.main_notice .main_notice_list .main_notice_txt{color:#9797a7;}
.main_notice .main_notice_list .main_notice_txt span{color:#9797a7;font-size: 0.7em;display: inline-block;vertical-align: top;margin: 0.7% 1.5% 0;}

.main_mymenu{width:100%;text-align:center;background: #f6f8f9;padding: 4% 0;border-top: 1px solid #e6e9ec;}
.main_mymenu .main_mymenu_tit{font-weight: 700;margin-bottom: 1.5%;color: #222;}
.main_mymenu .main_mymenu_txt1{font-weight: 500;margin-bottom: 1%;color: #222; width: 85%; margin: 0 auto;}
.main_mymenu .main_mymenu_txt2{font-weight: 500;color:#9797a7;}
.main_mymenu .main_mymenu_btn{margin: 4% 0 2%;}
.main_mymenu .main_mymenu_btn a{font-weight: 500;padding: 1.5% 6%;}
.main_mymenu .main_mymenu_btn .main_mymenu_modify{color:#3b48c9;background: #fff;border: 1px solid #3b48c9;margin-right: 1%;}
.main_mymenu .main_mymenu_btn .main_mymenu_lecture{color:#fff;background: #0c0451;border: 1px solid #0c0451;}

.main_myclass_wrap{width:100%;background:#f6f8f9; padding-bottom:5%;}
.main_myclass{margin: 0 6%;background: #fff;padding: 6% 5%;}
.main_myclass .main_myclass_tit{color:#222;font-weight: 600;}
.main_myclass .main_myclass_txt{margin-top: 1%;font-family: 'RobotoR';}
.main_myclass .main_myclass_progress_txt{width: 100%;margin-top:4%;}
.main_myclass .main_myclass_progress_txt li{position:relative;float: left;width: 9.1%;}
.main_myclass .main_myclass_progress_txt li img{width:100%;}
.main_myclass .main_myclass_progress_txt li span{display:block;width:1px;position:absolute;left: 50%;bottom: -26px;height: 23px;background:#fff;opacity:0.7;}
.main_myclass .main_myclass_progress_bar{width: 100%;background:#dde0e3;height: 23px;margin-top: 3px;border-radius: 12px;}
.main_myclass .main_myclass_progress_bar .main_myclass_progress_bar_blue{position:absolute;height:23px;border-radius: 12px;background:#5673ff url(/app/images/main/main_myclass_bar_end.png) no-repeat;background-position:right;}

.main_myscore_wrap{width: 100%;background: #f6f8f9;padding: 2% 0 6%;}
.main_myscore{margin: 0 6%;background: #fff;padding: 6% 5%;}
.main_myscore .main_myscore_txt{color:#222;font-weight: 600;}
.main_myscore .main_myscore_box{width:100%;}
.main_myscore .main_myscore_box .main_myscore_num{float:left;color:#5869ff;font-family: 'RobotoR';font-weight: bold;}
.main_myscore .main_myscore_box .main_myscore_btn{float:right;width: 18%;margin-top: 5%;}
.main_myscore .main_myscore_box .main_myscore_btn img{width:100%;}
.main_myscore .main_myscore_per{width:100%;margin-top: 3%;}
.main_myscore .main_myscore_per li{width:100%;}
.main_myscore .main_myscore_per li span{display: block;float: left;width:74%;margin-top:2%;}
.main_myscore .main_myscore_per li span img{width:100%;}
.main_myscore .main_myscore_per li p{float:right;font-family: 'RobotoR';font-weight: bold;}
.main_myscore_wrap .main_myscore .main_myscore_per li p{letter-spacing: -1px;}

.main_triple_btn{width:100%;background:#fff;}
.main_triple_btn ul{width:100%;border:solid #e6e9ec;border-width:1px 0;}
.main_triple_btn ul li{position:relative;float:left;width:33.5%;}
.main_triple_btn ul li:nth-child(2){width:33%;}
.main_triple_btn ul li:nth-child(1) .new{right: 20%;}
.main_triple_btn ul li:nth-child(2) .new{right: 22%;}
.main_triple_btn ul li:nth-child(3) .new{right: 24%;}
.main_triple_btn ul li img{width:100%;}
.main_triple_btn ul li .new{position:absolute;top: 60%;right: 22%;width:5%;padding-bottom:5%;background:url(/app/images/main/main_triple_dot.jpg) no-repeat;background-size:contain;}

/* 면접신청_220427 */
.main_interviewcal_wrap {width:100%; padding:3% 0; background:#f6f8f9;}
.main_interviewcal_more {float:right; display:block; width:10.3%;}
.main_interviewcal_more img {width:100%;}
.sub_currcal_list_interviewcal {background:#475ffe;} /* 면접표시 컬러 */

	/* 면접결과 팝업 */
.popup_apply_interview_result {overflow:hidden;}
.popup_apply_interview_result .popup_head {/* height:55px; padding:3% 0 5%; line-height:1; */}
.popup_apply_interview_result .popup_head > div {display:inline-block; height:21px; margin-top:-2px; margin-right:1.5%;}
.popup_apply_interview_result .popup_head > div img {height:100%;}
.popup_apply_interview_result .popup_cont {}
.popup_apply_interview_result table {width:100%;}
.popup_apply_interview_result table th, .popup_apply_interview .popup_cont table td {height:40px;}
.popup_apply_interview_result table td {border:1px solid #e6e9ec; padding-left:5%; text-align:left;}
.popup_apply_interview_result table.popup_interviewcal_table th {padding-right:5%; border-right:1px solid #e6e9ec; font-weight:400; text-align:end;}
.popup_apply_interview_result .interview_pass {color:#ff123d; font-weight:500;}
.popup_cont_apply_interview_result > p {padding-top:5px; color:#3b48c9; font-size:0.9em; text-align:center;}

.animation_wrap {overflow:hidden; position:relative; width:100%; height:100%; margin:0 auto; overflow:hidden;}
.animation_wrap #animation_1 {position:absolute; bottom:-30%; width:100%; height:160%; margin:0 auto; pointer-events:none;}       
.animation_wrap #animation_2 {position:absolute; left:0; top:-20%; width:220%; height:auto; transform:translateX(-28%); pointer-events:none;}



/* 나의 학사일정 */
.main_currcal_wrap {width: 100%;background: #f6f8f9;padding-top:3%;}
.main_currcal{border:solid #e6e9ec;border-width:1px 0;background: #fff;padding: 8% 7%;}
.main_currcal .main_currcal_top{width:100%;}
.main_currcal .main_currcal_top .main_currcal_tit{float:left;color:#222;font-weight:500;line-height: 80%;}
.main_currcal .main_currcal_top .main_currcal_num{float:left;color:#5869ff;font-family: 'RobotoR';font-weight: bold;margin-left: 1%;padding: 0.5% 2%;border: 1px solid #5869ff;border-radius: 25px;}
.main_currcal .main_currcal_top .main_currcal_more{float:right;display: block;width: 10.3%;}
.main_currcal .main_currcal_top .main_currcal_more img{width:100%;}
.main_currcal .sub_currcal_list_wrap{width: 100%;padding: 0;margin-top: 5%;text-align:center;}
.main_currcal .sub_currcal_list_wrap .sub_currcal_list{padding: 0;}
.main_currcal .sub_currcal_list_wrap .sub_currcal_list ul li{margin-bottom: 3%;}
.main_currcal .sub_currcal_list_wrap .sub_currcal_list ul li:last-child{margin-bottom:0;}
.main_currcal .sub_currcal_list_wrap .sub_currcal_list ul li .sub_currcal_list_txt{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}

.main_subtit{font-weight: 500;text-align:center;border-bottom:1px solid #e6e9ec; padding-bottom:4%;}

.main_media_wrap{width: 100%;background: #f6f8f9 background-position:top;background-size: contain;}
.main_media{padding: 6% 5%;}
.main_media .main_subtit{color:#000;}
.main_media .main_media_list_wrap{width:100%;}
.main_media .main_media_list{padding: 4% 6%;margin-bottom: 2%;background:#fff;}
.main_media .main_media_list:last-child{margin-bottom:0;}
.main_media .main_media_list .main_media_list_txtbox{float:left;width:80%;}
.main_media .main_media_list .main_media_list_name{color:#222;font-weight: 600;}
.main_media .main_media_list .main_media_list_tit{color:#222;margin-top: 1%;line-height: 145%;}
.main_media .main_media_list .main_media_list_tit .list_new{margin-top: -1%;}
.main_media .main_media_list .main_media_list_txt{color:#9797a7;margin-top: 3%;font-weight: 500;}
.main_media .main_media_list .main_media_day{font-family: 'RobotoR';font-size: 1em;vertical-align: initial;color: #9797a7;font-weight: 600;}
.main_media .main_media_list .main_media_end{color:#ff0084;font-size: 1em;vertical-align: initial;font-weight: 500;}
.main_media .main_media_list .main_media_bar{font-size:0.8em;color: #9797a7;display: inline-block;margin: -2% 3% 0;}
.main_media .main_media_btn{float:right;width: 17%;margin-top: 1%;}
.main_media .main_media_btn img{width:100%;}

.main_thumb_list{width: 95%;padding:0% 2.5%;}
.main_thumb_list_wrap{width:100%;}
.main_thumb_list_wrap .main_thumb_list_tr{padding:6.5% 0;border-bottom: 1px solid #e6e9ec;}
.main_thumb_list_wrap .main_thumb_list_tr .main_thumb_list_img{float: left;width:38%;}
.main_thumb_list_wrap .main_thumb_list_tr .main_thumb_list_img img{width:100%;}
.main_thumb_list_wrap .main_thumb_list_tr .main_thumb_list_txt{max-width:53%; float: left;padding-top:2%; margin-left:3%;}
.main_thumb_list_wrap .main_thumb_list_tr .main_thumb_list_type{font-family:'RobotoR';color: #3e3e3e;font-weight:500;line-height:90%;}
.main_thumb_list_wrap .main_thumb_list_tr .main_thumb_list_tit{width:75%;white-space:nowrap; text-overflow:ellipsis; overflow:hidden;font-weight:bold;display:inline-block;color:#000;vertical-align:middle;}
.main_thumb_list_wrap .main_thumb_list_tr .main_thumb_list_date{font-family: 'RobotoR';color: #9797a7;}
.main_thumb_list_wrap .main_thumb_list_tr .comment_count{vertical-align:middle;}
.main_thumb_list_wrap .main_thumb_list_tr .cover_gray{position:absolute; top:0; width:100%; height:100%; opacity:0.4; background:#000;}
.main_thumb_list_wrap .main_thumb_list_tr .gray_play{position:absolute; top:27%; left:40%;}
.main_thumb_list_wrap .main_thumb_list_tr .gray_duration{position:absolute; bottom:0%; right:0%; padding:1%; background:#000; color:#fff;}

.main_companyoffer_wrap{width:100%;background:#f6f8f9 url(/app/images/main/main_companyoffer_bg.jpg) no-repeat;background-position:top;background-size:contain;}
.main_companyoffer{padding: 6% 5%;}
.main_companyoffer .main_subtit{color:#fff;}
.main_companyoffer .main_companyoffer_list_wrap{width:100%;}
.main_companyoffer .main_companyoffer_list{padding: 4% 6%;margin-bottom: 2%;background:#fff;}
.main_companyoffer .main_companyoffer_list:last-child{margin-bottom:0;}
.main_companyoffer .main_companyoffer_list .main_companyoffer_list_txtbox{float:left;width:80%;}
.main_companyoffer .main_companyoffer_list .main_companyoffer_list_name{color:#222;font-weight: 600;}
.main_companyoffer .main_companyoffer_list .main_companyoffer_list_tit{color:#222;margin-top: 1%;line-height: 145%;}
.main_companyoffer .main_companyoffer_list .main_companyoffer_list_tit .list_new_main{margin-top: -1%; width:6.5%; padding-bottom:6%; margin-left:1%;}
.main_companyoffer .main_companyoffer_list .main_companyoffer_list_txt{color:#9797a7;margin-top: 3%;font-weight: 500;}
.main_companyoffer .main_companyoffer_list .main_companyoffer_day{font-size: 1em;vertical-align: initial;color: #9797a7;font-weight:500;}
.main_companyoffer .main_companyoffer_list .main_companyoffer_end{color:#ff0084;font-size: 1em;vertical-align: initial;font-weight: 500;}
.main_companyoffer .main_companyoffer_list .main_companyoffer_bar{font-size:0.8em;color: #9797a7;display: inline-block;margin: -2% 3% 0;}
.main_companyoffer .main_companyoffer_btn{float:right;width: 17%;margin-top: 1%;}
.main_companyoffer .main_companyoffer_btn img{width:100%;}

.main_eventbanner{width:100%;}
.main_eventbanner img{width:100%;}

.main_interview{padding: 6% 5%;background: #fff;position:relative;}
.main_interview .main_subtit{color:#222;}
.main_interview .main_interview_list_wrap{overflow: hidden;}
.main_interview .main_interview_list{width:100%;}
.main_interview .main_interview_list>div{margin-bottom: 5%;}
.main_interview .main_interview_list_box{float:left;width:49%;}
.main_interview .main_interview_list_box:nth-child(2n){margin-left:2%;}
.main_interview .main_interview_list img{width:100%;}
.main_interview .main_interview_list .main_interview_name{margin: 5% 0 3%;font-weight: 600;}
.main_interview .main_interview_list .main_interview_tit{font-weight: 500;line-height: 120%; height: 28px; overflow: hidden;}
.main_interview .main_interview_list .main_interview_date{font-family: 'RobotoR';color: #9797a7;}
.main_interview .interview_dot {width:90%; position:absolute; bottom:3%;z-index: 5;}
.main_interview .interview_dot ul { text-align:center; }
.main_interview .interview_dot ul li {display:inline-block;width:2%;padding-bottom:2%;background:#d1d1d1;border-radius: 50%;margin: 0 1%;}
.main_interview .interview_dot ul li.on {background:#5869ff;}

.main_project_wrap{width:100%;background: #f6f8f9 url(/app/images/main/main_companyoffer_bg.jpg) no-repeat;background-position:top;background-size: contain;}
.main_project{padding: 6% 5%;}
.main_project .main_subtit{color:#fff;}
.main_project .main_project_list_wrap{width:100%;}
.main_project .main_project_list_wrap .main_project_list{padding: 1%;margin-bottom:2%;background: #fff;}
.main_project .main_project_list_wrap .main_project_list:last-child{margin-bottom:0;}
.main_project .main_project_list_wrap .main_project_list .main_project_list_txt{float:left;width: 64%;padding: 3% 1% 0 4%;}
.main_project .main_project_list_wrap .main_project_list .main_project_list_txt .main_project_list_tim{font-weight: 600;}
.main_project .main_project_list_wrap .main_project_list .main_project_list_txt>div{width: 100%;}
.main_project .main_project_list_wrap .main_project_list .main_project_list_txt .main_project_list_tit{display: inline-block;max-width: 92%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main_project_list_wrap .main_project_list .main_project_list_txt .main_project_list_name{margin-top: 4.5%;font-weight: 500;color:#9797a7;max-width: 100%;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.main_project .main_project_list_wrap .main_project_list .main_project_list_thum{float:right;width: 29.8%;}
.main_project .main_project_list_wrap .main_project_list .main_project_list_thum img{width:100%;}
.main_project .main_project_list_wrap .main_project_list .main_project_list_txt .list_new{width:5.5%;padding-bottom:5.5%;}

.main_sns{width:100%;padding: 5% 0;text-align: center;border:solid #e6e9ec;border-width:1px 0 0;border-top:none;}
.main_sns ul{}
.main_sns ul li{display:inline-block;width:7.3%;margin: 0 2%;border:1px solid #959595;border-radius:50%;}
.main_sns ul li a{display:block;width:100%;padding-bottom:100%;}
.main_sns ul li.main_sns_fb{background: #fff url(/app/images/sns_fb.png) no-repeat;background-size: contain;}
.main_sns ul li.main_sns_instar{background: #fff url(/app/images/sns_instar.png) no-repeat;background-size: contain;}
.main_sns ul li.main_sns_blog{background: #fff url(/app/images/sns_blog.png) no-repeat;background-size: contain;}