@charset "utf-8";


/* 공통 */
.inner{width:1100px; margin:0 auto; }
.fly_quick{position:absolute; top:0px; left:50%; margin-left:575px; width:130px;}
.fly_quick li{margin-bottom:10px;}
.fly_quick li.dday1{background:url(../../images/on/main/fly_dday01.png) no-repeat; height:134px; padding:35px 0; text-align:center;}
.fly_quick li.dday2{background:url(../../images/on/main/fly_dday02.png) no-repeat; height:154px; padding:30px 0; text-align:center; font-weight:500;}
.fly_quick li.dday1 p, .fly_quick li.dday2 p{font-size:16px; color:#555; margin:5px 5px 10px; padding:0 0px 5px; border-bottom:1px solid #fff;}
.fly_quick li.dday1 strong, .fly_quick li.dday2 strong{color:#ff4b3f; font-size:32px; display:block; font-family:Times; line-height:1.1;}
.fly_quick li.dday2 span{font-size:15px; font-weight:500; color:#666;}

.fly_left{position:absolute; top:140px; right:50%; margin-right:575px; width:130px;}

/* 메인상단 */
.main_top{/* background:#88b9eb;*/ margin-top:30px; height:370px;}
.main_top .inner{ position:relative;}
.main_top .event_slide{position:relative; width:280px; overflow:hidden; position:absolute; top:0px; right:0px;}
.main_top .event_slide ul li a{display:block; height:100%;}
.main_top .event_slide .paging{position:absolute; bottom:35px; left:50%; margin-left:-20px; z-index:100;}
.main_top .event_slide .paging span{float:left; width:10px; height:10px; -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; background:#c3c3c3; margin-left:5px}
.main_top .event_slide .paging span:first-child{margin-left:0px}
.main_top .event_slide .paging span.swiper-pagination-bullet-active{background:#20245a}

/* 메인상단 패키지배너 */
.main_top .pack_ban{overflow:hidden;}
.main_top .pack_ban li{float:left;}

/* 필기실기탭 */
.main_course .course_tab li{float:left; width:50%; text-align:center; }
.main_course .course_tab li a{display:block; line-height:52px; color:#fff; font-size:18px; position:relative; background:#ddd; border-bottom:5px solid #ccc;}
.main_course .course_tab li a span{text-indent:-9999px; position:absolute; top:-20px; left:135px; width:43px; height:47px; background:url(../../images/on/main/ic_course_tab.png) no-repeat; display:none;}
.main_course .course_tab li a:hover span, .main_course .course_tab li a:focus span, .main_course .course_tab li a.on span{display:block; color:#fff; }
.main_course .course_tab li a:hover, .main_course .course_tab li a:focus{text-decoration:underline; color:#fff; }
.main_course .course_tab li a{color:#fff; }
.main_course .course_tab li.course1 a.on, .main_course .course_tab li.course1 a:hover{background:#4f61a3; -webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; box-shadow:2px 2px 5px rgba(0, 0, 0, .3); border-bottom:5px solid #1e3073; transition:all .5s;}
.main_course .course_tab li.course2 a.on, .main_course .course_tab li.course2 a:hover{background:#58bbb7; -webkit-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0; box-shadow:2px 2px 5px rgba(0, 0, 0, .3); border-bottom:5px solid #2b7f7b; transition:all .5s;}

.main_course .course_visual{margin-top:25px}
.main_course .course_visual .visual{width:840px; }
.main_course .course_visual ul{width:260px; height:301px; position:relative;}
.main_course .course_visual ul li{border:1px solid #dfdfdf;  overflow:hidden; position:relative; height:103px; position:absolute; right:0px; width:100%; z-index:1}
.main_course .course_visual ul li.c1{top:0px}
.main_course .course_visual ul li.c2{top:99px}
.main_course .course_visual ul li.c3{top:198px;}
.main_course .course_visual ul li:hover, .main_course .course_visual ul li:focus, .main_course .course_visual ul li.on{border:1px solid #ef463b; z-index:2; box-shadow:2px 2px 5px rgba(0, 0, 0, .3); width:105%; background:#fff;}
.main_course .course_visual ul li a{display:block; height:100px; padding:20px 10px 0 15px; background:#fff url(../../images/on/main/course_bg.png) center right no-repeat}
.main_course .course_visual ul li a:hover, .main_course .course_visual ul li a:focus,  .main_course .course_visual ul li.on a{background:#f7f7f7 url(../../images/on/main/course_bg.png) center right no-repeat; padding-right:20px; transition:all .5s;}
.main_course .course_visual ul li a span{float:left; width:64px; height:65px; color:#fff; font-size:16px; margin-right:10px}
.main_course .course_visual ul li a span.deadline{padding:0px; background:none}
.main_course .course_visual ul li a p{font-size:13px; color:#666; margin-top:8px}
.main_course .course_visual ul li a strong{font-size:16px; color:#222; font-weight:500; /*padding-top:10px;*/ display:inline-block; float:left; width:147px;}
.main_course .course_visual ul li a:hover strong, .main_course .course_visual ul li a:focus strong, .main_course .course_visual ul li.on a strong{color:#ef463b; text-decoration:underline}
.main_course .course_visual ul li a em{position:absolute; top:0px; right:0px}

/* 강사진,dday */
.main_mid .tutor{margin-right:25px; width:100%;}
.main_mid .tutor .tit{font-size:24px}
.main_mid .tutor .tutor_list{border:1px solid #dfdfdf; width:100%; margin-top:15px}
.main_mid .tutor .tutor_list li{float:left; width:25%; height:278px; border-left:1px solid #dfdfdf; padding:27px 20px}
.main_mid .tutor .tutor_list li:first-child{border-left:0px}
.main_mid .tutor .tutor_list li.tutor1{background:url(../../images/on/main/tutor01.jpg) right top no-repeat}
.main_mid .tutor .tutor_list li.tutor2{background:url(../../images/on/main/tutor02.jpg) right top no-repeat}
.main_mid .tutor .tutor_list li.tutor3{background:url(../../images/on/main/tutor03.jpg) right top no-repeat}
.main_mid .tutor .tutor_list li.tutor4{background:url(../../images/on/main/tutor04.jpg) right top no-repeat}
.main_mid .tutor .tutor_list li span{display:inline-block; border:1px solid #ef463b; font-size:13px; color:#ef463b; padding:0 10px; -webkit-border-radius:15px; -moz-border-radius:15px; border-radius:15px;}
.main_mid .tutor .tutor_list li strong{display:block; margin-top:20px; font-size:31px; color:#222}
.main_mid .tutor .tutor_list li p{font-size:14px; color:#777;}
.main_mid .tutor .tutor_list li a{margin-top:75px; display:block; font-size:13px; color:#fff; border:1px solid #000; background:#000; width:87px; height:25px; line-height:23px; text-align:center}
.main_mid .tutor .tutor_list li a:hover{color:#000; background:#fff;}

/* 하단 */
.main_bg{width:100%; background:#f9f9f9; padding:30px 0;}
.main_bg .inner{overflow:hidden; height:272px;}
.main_bg .board{float:left; width:350px; height:272px;background:#fff; border:1px solid #dfdfdf; border-top:0px; margin-right:25px}
.main_bg .board .board_tab{overflow:hidden;}
.main_bg .board .board_tab li{float:left;  border-right:1px solid #dfdfdf;}
.main_bg .board .board_tab li.last{float:right; width:40px; height:40px; border-right:0px;}
.main_bg .board .board_tab li.first a{width:103px}
.main_bg .board .board_tab li a{display:inline-block;border-top:1px solid #dfdfdf; border-bottom:1px solid #dfdfdf; width:101px; height:40px; text-align:center; line-height:40px; font-size:15px; color:#777; background:#f1f1f1;}
.main_bg .board .board_tab li a:hover{color:#222;}
.main_bg .board .board_tab li a.on{background:#fff; border-bottom:1px solid #fff;  border-top:3px solid #b42121;  height:40px; line-height:37px; color:#333; font-weight:500;}
.main_bg .board .board_tab li.last a{display:inline-block; width:41px; height:40px; text-align:center;  line-height:40px; background:url(../../images/off/main/btn_board_more.png) 50% 50% no-repeat;}
.main_bg .board div{padding:15px 15px 0;}
.main_bg .board div ul li{margin-bottom:8px; background:url(../../images/off/main/bullet_board.jpg) 0 50% no-repeat; text-indent:10px; /* text-overflow:ellipsis;overflow:hidden;white-space:nowrap; */}
.main_bg .board div ul li.none{background:none; text-align:center; line-height:14; text-indent:0px; font-size:15px; color:#888; font-weight:400; }
.main_bg .board div ul li a{font-size:14px; width:150px; font-weight:300; letter-spacing:-0.5px;}
.main_bg .board div ul li a:hover{text-decoration:underline;}
.main_bg .board div ul li a span.ic_new{width:17px; height:17px; background:url(../../images/off/main/ic_new.png) 0 50% no-repeat; display:inline-block; margin-left:5px; vertical-align:text-bottom;}
.main_bg .btm_ban{margin-right:25px}
.main_bg .btm_ban li{margin-top:10px}
.main_bg .btm_ban li:first-child{margin-top:0px}
.main_bg .free_cnt{width:350px; height:272px; border:1px solid #eaeaea; background:#fff}
.main_bg .free_cnt .tit{font-size:20px; padding:15px; border-bottom:1px solid #eaeaea}
.main_bg .free_cnt .tit span{font-size:14px; color:#888; display:inline-block; margin-left:5px}
.main_bg .free_cnt ul{padding:0 15px}
.main_bg .free_cnt ul li{border-top:1px dashed #ccc; padding:15px; background:url(../../images/on/main/bullet_arrow.png) 295px center no-repeat}
.main_bg .free_cnt ul li:first-child{border-top:0px}
.main_bg .free_cnt ul li a{display:block; font-size:15px; color:#555; line-height:40px; padding-left:50px}
.main_bg .free_cnt ul li a:hover, .main_bg .free_cnt ul li a:focus{padding-left:60px; text-decoration:underline; transition:all .5s;}
.main_bg .free_cnt ul li.free1 a{background:url(../../images/on/main/free01.png) no-repeat}
.main_bg .free_cnt ul li.free2 a{background:url(../../images/on/main/free02.png) no-repeat}
.main_bg .free_cnt ul li.free3 a{background:url(../../images/on/main/free03.png) no-repeat}
.main_bg .free_cnt ul li a strong{color:#ef463b; font-weight:500}
.main_banner{text-align:center; width:100%; background:#363636 url(../../images/on/main/main_banner02.jpg) center top no-repeat; height:380px; padding-top:115px}
.main_banner p{color:#fff; font-size:17px; margin-top:20px}

/* 패키지 레이어 팝업 */
.pack_menu{position:absolute; top:230px; right:30px; z-index:100;}
.pack_menu p{width:162px; height:182px; margin-top:10px;}
.pack_menu p.btn_top{display:block; height:35px; background:#222; color:#ddd; text-align:center; line-height:35px; font-size:14px; }
.pack_menu p.btn_top a{display:block;}