/* 메인비주얼 영역 */
.mv {background: url(/img/main_new/main_bg_new.png) no-repeat center; width: 100%; height: 471px;}

/* 메인비주얼 하단 퀵메뉴 */
.quickmenu {height: 111px;}
.quickmenu ul {display: flex; justify-content: space-between; height: 111px;}
.quickmenu ul li::after {content: ""; width: 1px; height: 111px; display: inline-flex; align-items: center; background: url(/img/main_new/list_bar.png) no-repeat 0 0;}
.quickmenu ul li:last-child::after {background: none; padding-left: 0; text-align: center;}
.quickmenu ul li:last-child {text-align: center; padding-top: 25px;}
.quickmenu ul li a { display: inline-flex; align-items: center; font-size: 14px; color: #333;}
.quickmenu ul li a:hover { color: #ff2a01;}
.quickmenu ul li:nth-child(1) a {background: url(/img/main_new/quick_icon1_1.png)no-repeat 0 0; width: 165px; height: 64px; padding-left: 77px;}
.quickmenu ul li:nth-child(2) a {background: url(/img/main_new/quick_icon2_1.png)no-repeat 0 0; width: 165px; height: 64px; padding-left: 77px;}
.quickmenu ul li:nth-child(3) a {background: url(/img/main_new/quick_icon3_1.png)no-repeat 0 0; width: 165px; height: 64px; padding-left: 77px;}
.quickmenu ul li:nth-child(4) a {background: url(/img/main_new/quick_icon4_2.png)no-repeat 0 0; width: 165px; height: 64px; padding-left: 77px;}
.quickmenu ul li:nth-child(5) a {background: url(/img/main_new/quick_icon5_1.png)no-repeat 0 0; width: 165px; height: 64px; padding-left: 77px;}

/* 모집중인 과정 */
.r_tit_h3 {color: #fff; font-size: 25px; font-weight: 600; background: #ff2a01; width: 188px; height: 51px; line-height: 51px; border-radius: 15px 0 15px 0; margin-bottom: 20px; text-align: center;}
#contents01 {background: #ecf0f6; height: 675px; padding: 50px 0;}
#contents01 .study .study_course .course {overflow: hidden;}
#contents01 .study .study_course .course ul {display: flex;}
#contents01 .study .study_course .course ul li {width: 20%; margin-right: 20px;}
#contents01 .study .study_course .course ul li a {position: relative; width: 224px; height: 224px;}
.screen {position: absolute; transition: all 0.3s ease; background: rgba(0,0,0,0.5); color: #fff!important;}
.course ul li a:hover .screen {opacity: 1;}
.r_tit {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); font-size: 17px; font-weight: 500; position: relative; z-index: 2; text-align: center;}
.course ul li a:hover .r_tit {top: -30px; opacity: 0;}
.course ul li a:hover .r_tit h4 {text-align: center; font-weight: 500;}
.screen_top {height: 90px; width: 224px; top: 0; left: 0;}
.course ul li a:hover .screen_top {height: 224px; width: 224px;}
.r_tit_body {position: absolute; top: 0; left: 50%; transform: translatex(-50%); opacity: 0; color: #fff; width: 100%;}
.course ul li a:hover .r_tit_body {position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); transition: 0.3s; opacity: 1;}
.r_tit_body h4 {text-align: center; font-weight: 500;}
.r_tit_body p {background: #ff2a01; width: 104px; height: 30px; line-height: 30px; text-align: center; border-radius: 30px; margin: 30px auto;}

#prevBtn {position: absolute; left: -60px; top: 50%;}
#nextBtn {position: absolute; right: -60px; top: 50%;}

/*공지사항/합격후기*/
#contents02 {display: flex;}
#contents02 .notice1 {width: 50%; padding-right: 20px;}
#contents02 .notice1 .notice_tap {display: flex; justify-content: space-between; border-bottom: 1px solid #000;}
#contents02 .notice1 .notice_tap .tap_small {display: flex;}
#contents02 .notice1 .notice_tap .tap_small li a {height: 51px; line-height: 51px; padding: 0 20px; font-size: 25px; }
#contents02 .notice1 .notice_tap .tap_small li.active a {color: #fff; font-weight: 600; background: #ff2a01;border-radius: 15px 0 15px 0; margin-bottom: 20px; text-align: center;}
#contents02 .notice1 .notice_more {position: absolute; top: 0; left: 490px; height: 51px; line-height: 51px;}
#contents02 .notice1 .notice_more a::after {content: ""; display: inline-block; width: 24px; height: 24px; background: url(/img/main_new/more_btn.png)no-repeat 0 0; position: relative; top: 4px; margin-left: 10px;}
.tab_box2 {display: none;}
#contents02 .notice1 .notice_list ul li {text-align: center; border-bottom: 1px solid #d1d1d1; width: 100%;}
#contents02 .notice1 .notice_list ul li a {display: flex; height: 88px; line-height: 88px;}
#contents02 .notice1 .notice_list ul li a .date { position: relative; width: 25%;}
#contents02 .notice1 .notice_list ul li a .date::after {content: ""; display: block; width: 1px; height: 20px; background: #d1d1d1; position: absolute; top: 35px; right: 0;}
#contents02 .notice1 .notice_list ul li a .date p {font-size: 18px; font-weight: 600;}
#contents02 .notice1 .notice_list ul li a .notice_r_tit {margin-left: 23px; width: 75%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; text-align: left;}
#contents02 .notice1 .notice_list ul li a:hover .notice_r_tit {font-weight: 500;}
.new {background: url(/img/main_new/new_icon.png)no-repeat 0 0; width: 20px; height: 19px; display: inline-block; margin-right: 10px; position: relative; top: 3px;}

/*모바일안내/수강신청*/
#contents02 .notice2 {width: 50%; padding-left: 20px;}
#contents02 .notice2 .mobile a{height: 160px; background: #0085ff; border-radius: 10px; margin-bottom: 20px; display: flex; justify-content: space-between; align-items: center; padding: 0 30px;}
#contents02 .notice2 .mobile:hover a .r_tit_box p {color: #ffde00;}
.r_tit_box {width: 50%;}
.r_tit_box p {color: #fff;}
#contents02 .notice2 .mobile .r_tit_box p { padding-bottom: 15px;}
#contents02 .notice2 .class_apply a:hover .r_tit_box p {color: #ffde00;}
#contents02 .notice2 .class_apply a{height: 160px; background: #333; border-radius: 10px; display: flex; justify-content: space-between; align-items: center; padding: 0 30px;}

/* 과목안내 */
#contents03 .subject ul {display: flex; justify-content: space-between;}
#contents03 .subject ul li a {width: 188px; border-radius: 10px; transition: .5s ease-in-out;}
#contents03 .subject ul li a h4 {height: 40px; line-height: 40px; font-size: 16px; text-align: center; font-weight: 500;}
#contents03 .subject ul li a .subject_ex{height: 149px; border-radius: 0 0 10px 10px;}
#contents03 .subject ul li:nth-child(1) a .subject_ex {background: url(/img/main_new/subject_bg1.png)no-repeat 91px 59px #4949b2;}
#contents03 .subject ul li:nth-child(2) a .subject_ex {background: url(/img/main_new/subject_bg2.png)no-repeat 96px 60px #3b72c3;}
#contents03 .subject ul li:nth-child(3) a .subject_ex {background: url(/img/main_new/subject_bg3.png)no-repeat 94px 60px #3b97ca;}
#contents03 .subject ul li:nth-child(4) a .subject_ex {background: url(/img/main_new/subject_bg4_1.png)no-repeat 94px 60px #00c2d0;}
#contents03 .subject ul li:nth-child(5) a .subject_ex {background: url(/img/main_new/subject_bg5.png)no-repeat 95px 60px #00c596;}
#contents03 .subject ul li:nth-child(6) a .subject_ex {background: url(/img/main_new/subject_bg6.png)no-repeat 91px 60px #7ac92a;}
#contents03 .subject ul li a .subject_ex p {color: #fff; padding: 10px 0 0 9px; font-size: 17px;}
#contents03 .subject ul li:nth-child(1) a:hover {transition: .5s ease-in-out; margin-top: -20px;}
#contents03 .subject ul li:nth-child(2) a:hover {transition: .5s ease-in-out; margin-top: -20px;}
#contents03 .subject ul li:nth-child(3) a:hover {transition: .5s ease-in-out; margin-top: -20px;}
#contents03 .subject ul li:nth-child(4) a:hover {transition: .5s ease-in-out; margin-top: -20px;}
#contents03 .subject ul li:nth-child(5) a:hover {transition: .5s ease-in-out; margin-top: -20px;}
#contents03 .subject ul li:nth-child(6) a:hover {transition: .5s ease-in-out; margin-top: -20px;}