@charset "utf-8";

a:focus { outline:none;}

/*공백*/
.gap5 {height:5px;clear:both;overflow:hidden;}
.gap10 {height:10px;clear:both;overflow:hidden;}
.gap16 {height:16px;clear:both;overflow:hidden;}
.gap20 {height:20px;clear:both;overflow:hidden;}
.gap30 {height:30px;clear:both;overflow:hidden;}
.gap35 {height:35px;clear:both;overflow:hidden;}
.gap40 {height:40px;clear:both;overflow:hidden;}
.gap50 {height:50px;clear:both;overflow:hidden;}

.mainWrap { display:block; width:100%; /*margin:0 auto;*/ overflow:hidden; } /*font-family:NanumGothic;*/


/* D-day */
.NewD-dayWrap { width:100%; height:102px; background:#535353; margin:0 0 0 0;}
.NewD-day p { float:left; width:220px; padding:26px 0 0 25px; font-size:19px; line-height:130%; color:#fff; letter-spacing:-1px; font-weight:bold;}
.NewD-day { width:980px; margin:0 auto;}
.NewD-day p span { color:#ffcc00;}
.NewD-day .D-dayData { float:left; margin-top:21px;}
.NewD-day .D-dayData li { float:left; background:url(../images/main_2017/D-day-back.png) left top no-repeat; /*width:130px;*/ height:63px; font-size:24px; font-weight:bold; color:#fff; letter-spacing:-1px; }
.NewD-day .D-dayData li span { font-size:38px; font-weight:bold; color:#fff; width:60px; height:55px; line-height:50px; display:inline-block; text-align:center;}
.NewD-day .D-dayData .frist { width:60px; height:55px; display:inline-block; margin:0 0 0 5px; text-align:center;}
.NewD-day .D-dayData .last { width:52px; height:55px; display:inline-block; margin:0 5px 0 0; text-align:center;}

.NewD-day2 p { float:left; width:220px; padding:1.4% 0 1.4% 25px; font-size:19px; line-height:130%; color:#fff; letter-spacing:-1px; font-weight:bold;}
.NewD-day2 { width:980px; margin:0 auto;}
.NewD-day2 p span { color:#ffcc00;}
.NewD-day2 .D-dayData { float:left; margin-top:21px;}
.NewD-day2 .D-dayData li { float:left; background:url(../images/main_2017/D-day-back.png) left top no-repeat; /*width:130px;*/ height:63px; font-size:24px; font-weight:bold; color:#fff; letter-spacing:-1px; }
.NewD-day2 .D-dayData li span { font-size:38px; font-weight:bold; color:#fff; width:60px; height:55px; line-height:50px; display:inline-block; text-align:center;}
.NewD-day2 .D-dayData .frist { width:60px; height:55px; display:inline-block; margin:0 0 0 5px; text-align:center;}
.NewD-day2 .D-dayData .last { width:52px; height:55px; display:inline-block; margin:0 5px 0 0; text-align:center;}

/* 메인비주얼 */
.mainVisual { clear:both; display:block; width:100%; height:380px; margin:0 auto; background:url(../images/main_2017/main_visual_bg.png) 0 0 repeat;}
.mainVisual p { text-align:center;}

/*비쥬얼 추가*/
.cbp-fwslider				{position: relative; width:100%; margin:0; overflow: hidden; padding:0; display:block; height:380px; background:#fff;}
.cbp-fwslider ul			{margin: 0; padding: 0; white-space: nowrap; list-style-type: none; }
.cbp-fwslider ul li			{-webkit-transform: translateZ(0); -moz-transform: translateZ(0); transform: translateZ(0); float: left; display: block; margin: 0; padding: 0; width:100%; height:100%;}
.cbp-fwslider ul li > a,
.cbp-fwslider ul li > div	{display: block; text-align: center; outline: none; }
/*.cbp-fwslider ul li.visual1	{ background:url(../images/main_2017/main_visual_bg.png) 0 0 repeat; }
.cbp-fwslider ul li.visual2	{ background:url(../images/main_2017/main_visual_bg.png) 0 0 repeat; }
.cbp-fwslider ul li.visual3	{ background:url(../images/main_2017/main_visual_bg_3.png) 0 0 repeat; }*/
.cbp-fwslider nav { display: block !important;}
.cbp-fwslider nav span		{display: block !important; z-index:1; position: absolute; top: 45%; width: 32px; height:32px; border-radius:32px; background-color:rgba(0,0,0,0.2); color: #fff; font-size: 17px; text-align: center; line-height: 32px; cursor: pointer; font-weight: normal;}
.cbp-fwslider nav span:hover{background: #378fc3;}
.cbp-fwslider nav span.cbp-fwnext {right: 20px;}
.cbp-fwslider nav span.cbp-fwprev {left: 20px;}
.cbp-fwdots							{position: absolute; left:50%; margin-left:420px; top:30px; white-space: nowrap; text-align: center; width:73px; height:26px; z-index:10;} /*background:url(/img/main/main_rolling_bg.png) 0 0 no-repeat;*/
.cbp-fwdots span					{display: inline-block; width:12px; height:12px; border-radius:15px; background:#999; margin:0 2px; cursor: pointer; } /* background:url(../img/main/main_rolling_off.png) no-repeat center;*/
.cbp-fwdots span:hover				{ width:12px; height:12px; border-radius:15px; background:#000; margin:0 2px; } /*background:url(../img/main/main_rolling_on2.png) no-repeat center;*/
.cbp-fwdots span.cbp-fwcurrent		{ width:12px; height:12px; border-radius:15px; background:#000; margin:0 2px; -webkit-transition: box-shadow 0.2s ease-in-out; -moz-transition: box-shadow 0.2s ease-in-out; transition: box-shadow 0.2s ease-in-out;} /*background:url(../img/main/main_rolling_on2.png) no-repeat center;*/



#mainWrap_conts { clear:both; margin:10px auto 0; overflow:hidden; width:980px;}

/* 스페셜 배너 */
.special_banner { float:left; width:740px; margin:0 10px 0 0; height:340px;}
.special_Bttl { padding:0 0 0 0;}
.special_Bdiv {float:left;width:49%;}
.special_Bdiv.one { margin:0 10px 0 0;}

.best_banner { float:left; width:220px; }
.best_banner_box { width:93%; border:1px solid #bbb; padding:0 3%;}
.best_Bttl { padding:0 0 0 0;}
.best_banner dl { height:40px; background:url(../images/main_2017/notice_dot.jpg) left bottom repeat-x; padding:10px;}
.best_banner dl:last-child { background:none;}
.best_banner dl dt { font-size:13px; color:#666;cursor:pointer;}
.best_banner dl dd { padding:0 0 0 32px; font-size:11px; color:#999; line-height:120%;}
.best_banner .Rno_one { display:inline-block; width:21px; height:21px; border-radius:21px; background:#de0d0d; text-align:center; line-height:21px; font-size:15px; color:#fff; margin:0 7px 0 0; }
.best_banner .Rno_two { display:inline-block; width:21px; height:21px; border-radius:21px; background:#905b5b; text-align:center; line-height:21px; font-size:15px; color:#fff; margin:0 7px 0 0;}
.best_banner .up { background:url(../images/main_2017/ranking_up.png) 0 0 no-repeat; width:13px; height:7px; display:inline-block; margin:0 0 0 10px; float:right; margin-top:10px;}
.best_banner .down { background:url(../images/main_2017/ranking_down.png) 0 0 no-repeat; width:13px; height:7px; display:inline-block; margin:0 0 0 10px; float:right; margin-top:10px;}
.best_banner .cred { color:#de0d0d;}

.bannerImg {display:none;}

/* 확실한 A+ 학점 비결! */
.classWrap { clear:both; display:block; position:relative; padding:5px 0 0 0;}
.classWrap_ttl { padding:0 0 0 0; }
.classWrap_conts { border:1px solid #dbdbdb; width:99.7%; height:74px; background:#fff;}
.classWrap_conts p { float:left; width:180px;}
/*.classWrap_conts p img { width: 90%;} */
.classWrap_conts ul { float:left; margin:0 0 0 20px; padding:24px 0 0 0; width:78%; height: 24px;}
.classWrap_conts ul li { float:left; font-size:13px; color:#333;}
.classWrap_conts ul li:nth-child(1) { background:url(../images/main_2017/orange_bullet.jpg) left center no-repeat; padding:0 0 0 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.classWrap_conts ul li:nth-child(1) span { font-weight:600;}
.classWrap_conts .class_data { display:inline-block; width:120px; float:right; text-align:center; font-size:13px; border-left:1px solid #b2b2b2;}


/* 탭메뉴 */
.mainBanner_tab { border:1px solid #dbdbdb;}
.main_tab{width:100%; overflow:hidden;}
.main_tab ul {}
.main_tab li { position:relative; float:left; background:#fff url(../images/main_2017/tab_r_dot.jpg) right top repeat-y; width:20%; height:58px; line-height:58px; border-bottom:1px solid #dbdbdb; }
.main_tab li:last-child { background:none;}
.main_tab li a {display:block; text-align:center; line-height:58px; font-size:14px; color:#666; font-weight:600;}
.main_tab li a:hover {text-decoration:none; }
.main_tab li.active a { color:#000; background:#f7f7f7 url(../images/main_2017/tab_r_dot.jpg) right top repeat-y;}
.main_tab li.active:last-child a { background-image:none;}
.main_tab li.active a:hover{text-decoration:none}
.main_tab00 ul, .main_tab01 ul, .main_tab02 ul {clear:both; border-bottom:0px solid #e6e6e6; padding:10px 0 0 0; overflow:hidden;}
.main_tab00 ul li, .main_tab01 ul li, .main_tab02 ul li  { background:url(../images/main/nt_bullet.jpg) 0 center no-repeat; padding:0 0 0 8px; line-height:210%;}

/* 아이콘 */
.BESTIcon { width:40px; line-height:20px; display:inline-block; text-align:center; background:#4b6be1; color:#fff; font-size:11px; margin:0 10px 0 0; }
.NEWIcon { width:40px; height:15px; line-height:20px; display:inline-block; text-align:center; background:#a46fe7; color:#fff; font-size:11px; margin:0 10px 0 0; }
.HOTIcon { width:40px; height:15px; line-height:20px; display:inline-block; text-align:center; background:#ff7800; color:#fff; font-size:11px; margin:0 10px 0 0;}

.BESTIcon2 { width:26px; height:10px; line-height:10px; display:inline-block; text-align:center; background:#4b6be1; color:#fff; font-size:9px; margin:0 0 0 0; }
.NEWIcon2 { width:26px; height:10px; line-height:10px; display:inline-block; text-align:center; background:#a46fe7; color:#fff; font-size:9px; margin:0 0 0 0; }
.HOTIcon2 { width:26px; height:10px; line-height:10px; display:inline-block; text-align:center; background:#ff7800; color:#fff; font-size:9px; margin:0 0 0 0;}

.MINUSIcon { width:32px; height:20px; line-height:20px; display:inline-block; text-align:center; background:#fff; font-weight: bold; color:#f00; font-size:11px; margin:0 0 0 0;}
.NOIcon { width:32px; height:20px; line-height:20px; display:inline-block; text-align:center; background:#fff; color:#000; font-size:11px; margin:0 0 0 0;}


/* 학습표준 로드맵 */
.start_study { clear:both; }
.start_study_ttl { clear:both; margin:0 0 0 0;}
.start_study_box { display:block; border:1px solid #d7d7d7; background:#fff; height:100px;}
.start_study_box .start_study_L { position:relative; float:left; width:380px;}
.start_study_box .start_study_L p { display:table; min-height:100px; padding:0 18px 0 45px;}
.start_study_box .start_study_L p span { display:table-cell; vertical-align:middle; }
.start_study_box .start_study_R { float:left; padding:20px 0 0 0;}
.start_study_box .start_study_R p { font-size:14px; color:#b92630; line-height:120%; text-align:center;}
.start_study_box .start_study_R ul { padding:10px 0 0 0;}
.start_study_box .start_study_R ul li { float:left; width:105px; height:30px; line-height:30px; border:1px solid #990a14; background:#b92630; border-radius:5px; margin:0 1px; color:#fff; font-size:13px; font-weight:600; text-align:center;}
.start_study_box .start_study_R ul li a { color:#fff; letter-spacing:-0.5px;}

/* 이벤트 배너 */
.eventBanner { clear:both;}
.eventBanner ul { float:left;}

/* 공지사항 */
.noticeWrap { position:relative; float:left; width:320px; margin:0 0 0 10px;}
.noticeTtl { font-size:16px; color:#333; font-weight:600; background:url(../images/main_2017/notice_bullet.jpg) left center no-repeat; padding:0 0 0 25px; margin:0 0 10px 0;}
.notice_more { position:absolute; top:2px; right:0px;}
.noticeBox { width:300px; margin:0 10px 0 0; border:1px solid #dbdbdb; padding:10px; background:#fff;}
.noticeBox .noticeBox_ttl { color:#000; font-size:15px; padding:0 0 15px 0; background:url(../images/main_2017/notice_dot.jpg) left bottom repeat-x;}
.noticeBox ul { clear:both; padding:5px 0 0 0;}
.noticeBox ul li { clear:both; padding:0 0 0 0;}
.noticeBox ul li a { clear:both; padding:8px 0 5px 0;width: 72%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-size:13px;}
.noticeBox ul li a:hover { text-decoration:underline;}
.New_icon { display:inline-block; width:16px; height:16px; margin:0 0 0 10px; background:url(../images/main_2017/new_icon.jpg) 0 0 no-repeat;}
.nt_data { display:inline-block; width:80px; float:right; text-align:right; color:#999; font-size:13px;}

/* qna */
.qnaWrap { position:relative; float:left; width:480px; margin:0 0 0 10px;}
.qnaTtl { font-size:16px; color:#333; font-weight:600; background:url(../images/main_2017/icon_qa.jpg) left center no-repeat; padding:0 0 0 25px; margin:0 0 10px 0;}
.qna_more { position:absolute; top:2px; right:0px;}
.qnaBox { width:438px; margin:0 10px 0 0; border:1px solid #dbdbdb; padding:20px; background:#fff;}
.qnaBox .qnaBox_ttl { color:#000; font-size:15px; padding:0 0 15px 0; background:url(../images/main_2017/notice_dot.jpg) left bottom repeat-x;}
.qnaBox ul { clear:both; padding:5px 0 0 0;}
.qnaBox ul li { clear:both; padding:0 0 0 0;}
.qnaBox ul li a { clear:both; padding:8px 0 5px 0;width: 72%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis; font-size:13px;}
.qnaBox ul li a:hover { text-decoration:underline;}

/* 수강후기 */
.afterWrap { position:relative; float:left; width:480px; margin:0 10px 0 0;}
.afterTtl { font-size:16px; color:#333; font-weight:600; background:url(../images/main_2017/after_bullet.jpg) left center no-repeat; padding:0 0 0 30px; margin:0 0 10px 0;}
.after_more { position:absolute; top:2px; right:0px;}
.afterBox { width:438px; margin:0 10px 0 0; border:1px solid #dbdbdb; padding:20px; background:#fff;}
.afterBox .afterBox_ttl { color:#000; font-size:15px; padding:0 0 15px 0; background:url(../images/main_2017/notice_dot.jpg) left bottom repeat-x;}
.afterBox ul { clear:both; padding:5px 0 0 0;}
.afterBox ul li { clear:both; padding:0 0 0 0;}
.afterBox ul li a { clear:both; padding:8px 0 5px 0;width: 72%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;  font-size:13px; }
.afterBox ul li a:hover { text-decoration:underline;}


/* 고객행복센터 */
.customerWrap { position:relative; clear:both; /*border:1px solid #dfdfdf;*/} /*background:#dbe1ea;margin-top:16px;*/
.customer_conts {width:930px;margin:auto;padding:25px 25px 16px 25px;overflow:hidden;}
.customer_list {display:block;float:left;width:540px;}
.customer_list li a, .customer_event {display:block;float:left;width:258px;height:98px;margin-right:10px;margin-bottom:10px;text-align:center;background-color:#FFF;border:1px solid #dfdfdf;}
.customer_list li a:hover, .customer_event:hover{border:1px solid #bababa;}
.customer_event_select select{width:210px;height:30px;line-height:30px;padding-left:8px;font-weight:bold;color:#FFF;background-color:#de0d0d;} /*background-color:#b1b1b1;*/
.customer_call {float:left;width:300px;margin-left:60px;text-align:center;padding:0;}
.customer_call_icons { padding:10px 0 0 0;}
.customer_call_icons a { padding:0 10px 0 0;}



/* 강좌전체보기 */
.classAll_wrap { position:relative; width:100%; clear:both;}
.classAll_ttl { width:980px; font-size:16px; color:#333; font-weight:600; background:url(../images/main_2017/orange_bullet.jpg) left center no-repeat; margin:0 auto 0 auto; border-bottom:2px solid #000; }
.classAll_ttl p { margin-left:10px; color:#de0d0d; margin-bottom: 2px;} /* position:absolute; top:0; left:50%; margin-left:250px; */
.classAll_conts { width:980px; margin:0 auto;}
.classAll_conts .classTheme { clear:both; padding:20px 0; border-bottom:1px solid #d5d5d5; overflow:hidden;}
.classAll_conts .classTheme p { float:left; width:18%; font-size:18px; color:#333; font-weight:600;}
.classAll_conts .classTheme p span { display:none;}
.classAll_conts .classTheme ul { float:left; width:82%;}
.classAll_conts .classTheme ul li { float:left; width:20%; line-height:170%; color:#595959; font-size:13px; letter-spacing:-1px; }
.classAll_conts .classTheme ul li a { color:#595959; padding:2px; display:block; overflow:hidden;width:96%;}
.classAll_conts .classTheme ul li a:hover { background:#b92630; color:#fff;}


.classAll_conts_m { display:none; width:980px; margin:0 auto;}
.classAll_conts_m .classTheme { clear:both; padding:20px 0; border-bottom:1px solid #d5d5d5; overflow:hidden;}
.classAll_conts_m .classTheme p { float:left; width:18%; font-size:18px; color:#333; font-weight:600;}
.classAll_conts_m .classTheme p span { display:none;}
.classAll_conts_m .classTheme ul { float:left; width:82%;}
.classAll_conts_m .classTheme ul li { float:left; width:20%; line-height:170%; color:#595959; font-size:13px; letter-spacing:-1px; }
.classAll_conts_m .classTheme ul li a { color:#595959; padding:2px; display:block; overflow:hidden;width:96%;height:28px;line-height:28px;}
.classAll_conts_m .classTheme ul li a:hover { background:#b92630; color:#fff;}


/* 상세페이지 탭메뉴 */
.viewWrap { width:980px; margin:0 auto;}
.view_tab{width:100%; overflow:hidden;}
.view_tab ul {}
.view_tab li { position:relative; float:left; background:#555 url(../images/main_2017/subtab_right_line.png) right center repeat-y; width:20%; height:58px; line-height:58px; border-bottom:1px solid #202020; }
.view_tab li:last-child { /*background:none;*/}
.view_tab li a {display:block; text-align:center; line-height:58px; font-size:16px; color:#fff; font-weight:600;}
.view_tab li a:hover {text-decoration:none; }
.view_tab li.active a { color:#fff; background:#ebb963/* url(../images/main_2017/subtab_right_line.png) right center no-repeat*/;}
.view_tab li.active:last-child a { background-image:none;}
.view_tab li.active a:hover{text-decoration:none}
.view_tab00 ul, .view_tab01 ul, .view_tab02 ul, .view_tab03 ul, .view_tab04 ul {clear:both; border-bottom:0px solid #e6e6e6; padding:10px 0 0 0; overflow:hidden;}
.view_tab00 ul li, .view_tab01 ul li, .view_tab02 ul li, .view_tab03 ul li, .view_tab04 ul li   { background:url(../images/main/nt_bullet.jpg) 0 center no-repeat; padding:0 0 0 8px; line-height:210%;}

.teacherM {display:none;}
.topbanner_wrap.mobile{display:none;}


@media all and (max-width:994px){
	
.tc { display:inline-block; text-align:center !important;}
	
/* D-day */
.NewD-dayWrap { width:98%; height:auto; background:#535353; margin:0 0 0 0; padding:0px 1% 5px; overflow:hidden;}
.NewD-day { width:100%; margin:0 auto;}
.NewD-day p { display:none; float:none; width:220px; padding:22px 0 0 25px; font-size:20px; line-height:130%; color:#fff; letter-spacing:-1px;}
.NewD-day .D-dayData { float:none; display:block; margin-top:21px;}
.NewD-day .D-dayData li { float:left; background:url(../images/main_2017/D-day-back.png) left top no-repeat; background-size:60px 35px; height:43px; font-size:14px; font-weight:100; color:#fff; letter-spacing:-1px; margin:0 3px 0 0; }
.NewD-day .D-dayData ul { width:auto; margin:0 auto; text-align:center !important;}
.NewD-day .D-dayData li span { font-size:22px; font-weight:bold; color:#fff; width:30px; height:35px; line-height:30px; display:inline-block; text-align:center;}
.NewD-day .D-dayData .frist { width:30px; height:35px; display:inline-block; margin:0; text-align:center;}
.NewD-day .D-dayData .last { width:24px; height:35px; display:inline-block; margin:0 2px; text-align:center;}

.NewD-day2 { width:100%; margin:0 auto;}
.NewD-day2 p { display:none; float:none; width:220px; padding:22px 0 0 25px; font-size:20px; line-height:130%; color:#fff; letter-spacing:-1px;}
.NewD-day2 .D-dayData { float:none; display:block; margin-top:21px;}
.NewD-day2 .D-dayData li { float:left; background:url(../images/main_2017/D-day-back.png) left top no-repeat; background-size:60px 35px; height:43px; font-size:14px; font-weight:100; color:#fff; letter-spacing:-1px; margin:0 3px 0 0; }
.NewD-day2 .D-dayData ul { width:auto; margin:0 auto; text-align:center !important;}
.NewD-day2 .D-dayData li span { font-size:22px; font-weight:bold; color:#fff; width:30px; height:35px; line-height:30px; display:inline-block; text-align:center;}
.NewD-day2 .D-dayData .frist { width:30px; height:35px; display:inline-block; margin:0; text-align:center;}
.NewD-day2 .D-dayData .last { width:24px; height:35px; display:inline-block; margin:0 2px; text-align:center;}


/*비쥬얼 추가*/
.cbp-fwslider				{position: relative; width:100%; margin:0; overflow: hidden; padding:0; display:block; height:auto; background:#fff;}


#mainWrap_conts { clear:both; margin:10px auto 0; overflow:hidden; width:100%;}


/* 메인비주얼 */
.mainVisual { display:block; width:100%; height:auto; margin:0 auto; background:url(../images/main_2017/main_visual_bg.png) 0 0 repeat; background-size:cover;}
.mainVisual p img { width:100%;}

/*비쥬얼 추가*/
.cbp-fwslider {position: relative; width:100%; margin:0; overflow: hidden; padding:0; display:block; height:auto; background:#fff;}


/* 스페셜 배너 */
.special_banner { float:none; width:100%; margin:0 20px 10px 0; overflow:hidden; height:auto;}
.special_banner .special_Bimg { width:100%; height:auto; float:left; }
.special_Bdiv.one { margin:0 2% 0 0;}
.special_banner .special_Bdiv {width:49%;}
.on {width:100%;}


.best_banner { float:none; width:100%; }
.best_banner_box { width:98%; /* height: 40px; */border-top:1px solid #bbb; border-bottom:1px solid #bbb; padding:7px 0; overflow:hidden; margin:1%;}
.best_Bttl { padding:0 0 0 0;}
.best_banner dl { /* float:left; width:23%; */ height:auto; background:none; padding:2px 1% 2px;}
.best_banner dl dt { font-size:14px; color:#666; letter-spacing:-1px;}
.best_banner dl dt a { min-width:62px;color:#444;}
.best_banner dl dd { display:none; padding:0 0 0 2px; font-size:12px; color:#999; line-height:120%; letter-spacing:-2px;}
.best_banner .Rno_one { display:inline-block; width:18px; height:18px; border-radius:18px; background:#de0d0d; text-align:center; line-height:18px; font-size:13px; color:#fff; margin:0 3px 0 0; }
.best_banner .Rno_two { display:inline-block; width:18px; height:18px; border-radius:18px; background:#905b5b; text-align:center; line-height:18px; font-size:13px; color:#fff; margin:0 3px 0 0;}
.best_banner .up { display:none; /*background:url(../images/main_2017/ranking_up.png) 0 0 no-repeat; width:7px; height:5px; display:inline-block; margin:0 0 0 4px; background-size:7px 5px;*/}
.best_banner .down { display:none; /*background:url(../images/main_2017/ranking_down.png) 0 0 no-repeat; width:7px; height:5px; display:inline-block; margin:0 0 0 4px; background-size:7px 5px;*/}
.best_banner .cred { color:#de0d0d;}
.best_banner dl:last-child { /* display:none; */}

.teacherM {display:contents;}
.topbanner_wrap.mobile{display:block;}

#wrapper {margin:0 2% 0 0;}
#slider-wrap2 ul#slider2 li img{width:80%;}
#slider-wrap ul#slider li img{width:80%;}



/* 확실한 A+ 학점 비결! */
.classWrap { clear:both; display:block; position:relative; padding:5px 0 0 0;}
.classWrap_conts { border-top:1px solid #dbdbdb; border-bottom:1px solid #dbdbdb; width:98%; height:65px; background:#fff;margin:1%;}
.classWrap_conts p { float:left; display:none;}
.classWrap_conts ul { float:none; margin:0 0 0 3px; padding:12px 0; width:100%;}
.classWrap_conts ul li { float:left; font-size:14px; color:#333; letter-spacing:-1px;}
.classWrap_conts ul li:nth-child(1) { background:none; padding:0 0 0 5px;}
.classWrap_conts ul li:nth-child(1) span { font-weight:600;}
.classWrap_conts .class_data { display:inline-block; width:80px; float:right; text-align:center; font-size:13px; border:none;/* border-left:1px solid #b2b2b2; */ letter-spacing:-1px;}
.limit40 {width:220px;text-overflow:ellipsis;overflow:hidden;display:block;}


/* 탭메뉴 */
.main_tab li { position:relative; float:left; background:#fff url(../images/main_2017/tab_r_dot.jpg) right top repeat-y; width:20%; height:auto; line-height:120%; overflow:hidden; }
.main_tab li a {display:block; text-align:center; line-height:120%; font-size:14px; color:#666; font-weight:600; padding:5px 0;}

.main_tab00 p img, .main_tab01 p img, .main_tab02 p img, .main_tab03 p img, .main_tab04 p img { width:100%; height:auto; border-bottom:1px solid #bdbdbd; }

/* 아이콘 */
.BESTIcon {display:none; /*width:37px; height:17px; line-height:17px; display:block; text-align:center; background:#4b6be1; color:#fff; font-size:11px; margin:5px;*/ }
.NEWIcon { display:none; /*width:37px; height:17px; line-height:17px; display:block; text-align:center; background:#a46fe7; color:#fff; font-size:11px; margin:5px;*/}
.HOTIcon { display:none; /*width:37px; height:17px; line-height:17px; display:block; text-align:center; background:#ff7800; color:#fff; font-size:11px; margin:5px;*/}
/*
.BESTIcon2 { display:none; width:24px; height:12px; line-height:12px; display:block; text-align:center; background:#4b6be1; color:#fff; font-size:9px; margin:1px; }
.NEWIcon2 { display:none; width:24px; height:12px; line-height:12px; display:block; text-align:center; background:#a46fe7; color:#fff; font-size:9px; margin:1px;}
.HOTIcon2 { display:none; width:24px; height:12px; line-height:12px; display:block; text-align:center; background:#ff7800; color:#fff; font-size:9px; margin:1px;}
*/
.BESTIcon2 { display:none;}
.NEWIcon2 { display:none;}
.HOTIcon2 { display:none;}


/* 학습표준 로드맵 */
.start_study { display:none;}

/* 이벤트 배너 */
.eventBanner ul { float:none;}
.eventBanner ul li { float:left !important; width:50%;}
.eventBanner ul li img { width:100%; height:auto;}


/* 공지사항 */
.noticeWrap { position:relative; float:none; width:98%; margin:10px auto 0 auto;}
.noticeBox { width:96%; margin:0 0 0 0; border:1px solid #dbdbdb; padding:7px 2%; background:#fff;}
.noticeBox ul li { clear:both; padding:5px 0 3px 0; letter-spacing:-1.5px;}
.noticeBox .noticeBox_ttl { display:none; color:#000; font-size:16px; padding:0 0 15px 0; background:url(../images/main_2017/notice_dot.jpg) left bottom repeat-x;}

.New_icon { display:inline-block; width:10px; height:10px; margin:0 0 0 2px; background:url(../images/main_2017/new_icon.jpg) 0 0 no-repeat; background-size:10px 10px;}
.nt_data { display:inline-block; width:60px; float:right; text-align:right; color:#999; font-size:12px; /*background:#CCC;*/}


/* qna */
.qnaWrap { position:relative; float:none; width:98%; margin:10px auto 0 auto;}
.qnaBox { width:96%; margin:0 0 0 0; border:1px solid #dbdbdb; padding:7px 2%; background:#fff;}
.qnaBox ul li { clear:both; padding:5px 0 3px 0; letter-spacing:-1.5px;}
.qnaBox .qnaBox_ttl { display:none; color:#000; font-size:16px; padding:0 0 15px 0; background:url(../images/main_2017/notice_dot.jpg) left bottom repeat-x;}

/* 수강후기 */
.afterWrap { clear:both; position:relative; float:none; width:98%; margin:0 auto;}
.afterBox {width:96%; margin:0 0 0 0; border:1px solid #dbdbdb; padding:7px 2%; background:#fff;}
.afterTtl { font-size:16px; color:#333; font-weight:600; background:url(../images/main_2017/after_bullet.jpg) left center no-repeat; padding:0 0 0 30px; margin:20px 0 10px 0;}
.afterBox .afterBox_ttl { display:none; color:#000; font-size:16px; padding:0 0 15px 0; background:url(../images/main_2017/notice_dot.jpg) left bottom repeat-x;}
.afterBox ul li { clear:both; padding:5px 0 3px 0; letter-spacing:-1.5px;}



/* 고객행복센터 */
.customer_conts { width:100%; margin:auto; overflow:hidden; padding:45px 0;}
.customer_list { /*display:none; */ width: 100%; margin-bottom: 30px; }
/*.customer_list li { float:left; width: 100%; height: auto; }*/
/*.customer_list li a img { width: 100%; height: auto; }*/

.customer_list li a, .customer_event {
    display: block;
    float: left;
    width: 100%;
    height: 98px;
    margin-right: 10px;
    margin-bottom: 10px;
    text-align: center;
    background-color: #FFF;
    border: 1px solid #dfdfdf;
}

.customer_call { clear:both; float:none; width:96%; margin:0 auto; text-align:center;padding:0;}


/* 전체강좌보기 pc 에서 감추기 */
.classAll_wrap { position:relative; width:100%; clear:both;}
.classAll_ttl { display:none; position:relative; height:37px; border-bottom:3px solid #1c30a8; }
.classAll_conts_m { width:100%; margin:0 auto;}
.classAll_conts_m .classTheme { clear:both; padding:0px 0 20px; border-bottom:0px solid #d5d5d5; overflow:hidden; background:#d5d5d5;}
.classAll_conts_m .classTheme p { float:none; width:100%; /*height:30px; background:url(../images/main_2017/theme_m_1.jpg) center top no-repeat; background-size:100% 100%;*/}
.classAll_conts_m .classTheme p span { padding:0 0 0 0;}
.classAll_conts_m .classTheme:nth-child(1) p span { background:url(../images/main_2017/theme_bullet.png) 0 0 no-repeat; width:16px; height:16px; display:inline-block; margin:0 0 0 5px; background-size:16px 16px;}
.classAll_conts_m .classTheme:nth-child(2) p span { background:url(../images/main_2017/theme_bullet_2.png) 0 0 no-repeat; width:16px; height:16px; display:inline-block; margin:0 0 0 5px; background-size:16px 16px;}
.classAll_conts_m .classTheme:nth-child(3) p span { background:url(../images/main_2017/theme_bullet_3.png) 0 0 no-repeat; width:16px; height:16px; display:inline-block; margin:0 0 0 5px; background-size:16px 16px;}
.classAll_conts_m .classTheme:nth-child(4) p span { background:url(../images/main_2017/theme_bullet_4.png) 0 0 no-repeat; width:16px; height:16px; display:inline-block; margin:0 0 0 5px; background-size:16px 16px;}
.classAll_conts_m .classTheme:nth-child(5) p span { background:url(../images/main_2017/theme_bullet_5.png) 0 0 no-repeat; width:16px; height:16px; display:inline-block; margin:0 0 0 5px; background-size:16px 16px;}

.classAll_conts_m .classTheme:nth-child(1) p { float:none; padding:5px 0 0 0; width:auto; height:30px; background:url(../images/main_2017/theme_m_1.jpg) center center no-repeat; background-size:100% 100%; font-size:14px; color:#fff; text-align:center;}
.classAll_conts_m .classTheme:nth-child(2) p { float:none; padding:5px 0 0 0; width:auto; height:30px; background:url(../images/main_2017/theme_m_2.jpg) center center no-repeat; background-size:100% 100%; font-size:14px; color:#fff; text-align:center;}
.classAll_conts_m .classTheme:nth-child(3) p { float:none; padding:5px 0 0 0; width:auto; height:30px; background:url(../images/main_2017/theme_m_3.jpg) center center no-repeat; background-size:100% 100%; font-size:14px; color:#fff; text-align:center;}
.classAll_conts_m .classTheme:nth-child(4) p { float:none; padding:5px 0 0 0; width:auto; height:30px; background:url(../images/main_2017/theme_m_4.jpg) center center no-repeat; background-size:100% 100%; font-size:14px; color:#fff; text-align:center;}
.classAll_conts_m .classTheme:nth-child(5) p { float:none; padding:5px 0 0 0; width:auto; height:30px; background:url(../images/main_2017/theme_m_5.jpg) center center no-repeat; background-size:100% 100%; font-size:14px; color:#fff; text-align:center;}

.classAll_conts_m .classTheme ul { float:none; width:96%; margin:10px 2%;}
.classAll_conts_m .classTheme ul li { display:table; float:left; width:32.5%; background:#fff; margin:0 2px 2px 0; line-height:140%; color:#595959; font-size:12px; letter-spacing:-1px; text-align:center; min-height:28px; overflow:hidden;}
.classAll_conts_m .classTheme ul li a { display:table-cell; vertical-align:middle; color:#595959; padding:2px; width: 24%;  overflow:hidden; height:28px;line-height:28px; }
.classAll_conts_m .classTheme ul li a:hover { background:#b92630; color:#fff;}



/* 전체강좌보기 pc 에서 감추기 모바일
.lec_area_m{display:none;width:100%;overflow:hidden;}
.lec_area_m div {clear:both;overflow:hidden;font-size:13px;letter-spacing:-1px;margin-bottom:10px;}
.lec_area_m p{cursor:pointer;}
.lec1 p, .lec2 p, .lec3 p, .lec4 p, .lec5 p{height:34px;text-align:center;margin-bottom:10px;}
.lec1 p{background:url(../../resources/images/main/lec1_patt.gif) repeat-x 0 0;text-align:center;}
.lec2 p{background:url(../../resources/images/main/lec2_patt.gif) repeat-x 0 0;}
.lec3 p{background:url(../../resources/images/main/lec3_patt.gif) repeat-x 0 0;}
.lec4 p{background:url(../../resources/images/main/lec4_patt.gif) repeat-x 0 0;}
.lec5 p{background:url(../../resources/images/main/lec5_patt.gif) repeat-x 0 0;}
.lec_area_m ul{display:table;width:92%;margin:auto;}
.lec_area_m li a{display:table-cell;float:left;width:49%;height:28px;line-height:28px;overflow:hidden;color:#595959;background-color:#FFF;margin-right:2px;margin-bottom:2px;text-align:center;}
.lec_area li a:hover, .lec_area_m li a:hover, .lec_area_m li a:active{background-color:#b92630;color:#FFF;font-weight:bold;}
 */
 
 /* view 탭메뉴 */
.viewWrap { width:100%; margin:0 auto;}
.view_tab{width:100%; overflow:hidden;}
.view_tab00 p img, .view_tab01 p img, .view_tab02 p img, .view_tab03 p img, .view_tab04 p img { width:100%; height:auto;}
.view_tab li { position:relative; float:left; background:#555 url(../images/main_2017/subtab_right_line.png) right center repeat-y; width:20%; height:35px; line-height:35px; border-bottom:1px solid #202020; }
.view_tab li:last-child { /*background:none;*/}
.view_tab li a {display:block; text-align:center; line-height:35px; font-size:14px; color:#fff; font-weight:600;}

.classAll_conts { display: none; }
.classAll_conts_m { display: block; }
}



/* Desktop Layout: 781px */
@media only screen and (min-width:781px) {
	

}

/* Desktop Layout: 980px */
@media only screen and (min-width:980px) {
	

}



/* Tablet Layout: 581px to 780px*/
@media only screen and (min-width:660px) {
	


}


@media all and (max-width:640px){
	.view_tab li a {display:block; text-align:center; line-height:35px; font-size:12px; color:#fff; font-weight:600;}
}

/* 모바일 */
@media all and (max-width:566px){
	.customer_list { /*display:none; */ width: 100%; margin-bottom: 30px; }
	.customer_list li { float:left; width: 100%; }
	/*.customer_list li a img { width: 100%; height: auto; }*/
	
	.customer_list li a, .customer_event {
	    display: block;
	    float: left;
	    width: 100%;
	    height: 98px;
	    margin-right: 10px;
	    margin-bottom: 10px;
	    text-align: center;
	    background-color: #FFF;
	    border: 1px solid #dfdfdf;
	}
}



@media all and (max-width:467px){
.view_tab li a {display:block; text-align:center; line-height:35px; font-size:10px; color:#fff; font-weight:300;}
}

@media all and (max-width:320px){
	
.tc { display:inline-block; text-align:center !important;}
	
/* D-day */
.NewD-dayWrap { width:98%; height:auto; background:#535353; margin:0 0 0 0; padding:0px 1% 5px; overflow:hidden;}
.NewD-day { width:100%; margin:0 auto;}
.NewD-day p { display:none; float:none; width:220px; padding:22px 0 0 25px; font-size:20px; line-height:130%; color:#fff; letter-spacing:-1px;}
.NewD-day .D-dayData { float:none; display:block; margin-top:21px;}
.NewD-day .D-dayData li { float:left; background:url(../images/main_2017/D-day-back.png) left top no-repeat; background-size:40px 35px; height:43px; font-size:14px; font-weight:100; color:#fff; letter-spacing:-1px; margin:0 3px 0 0; }
.NewD-day .D-dayData ul { width:auto; margin:0 auto; text-align:center !important;}
.NewD-day .D-dayData li span { font-size:22px; font-weight:bold; color:#fff; width:25px; height:30px; line-height:30px; display:inline-block; text-align:center;}
.NewD-day .D-dayData .frist { width:auto; height:30px; display:inline-block; margin:0; text-align:center;}
.NewD-day .D-dayData .last { width:auto; height:30px; display:inline-block; margin:0; text-align:center;}

.NewD-day2 { width:100%; margin:0 auto;}
.NewD-day2 p { display:none; float:none; width:220px; padding:22px 0 0 25px; font-size:20px; line-height:130%; color:#fff; letter-spacing:-1px;}
.NewD-day2 .D-dayData { float:none; display:block; margin-top:21px;}
.NewD-day2 .D-dayData li { float:left; background:url(../images/main_2017/D-day-back.png) left top no-repeat; background-size:40px 35px; height:43px; font-size:14px; font-weight:100; color:#fff; letter-spacing:-1px; margin:0 3px 0 0; }
.NewD-day2 .D-dayData ul { width:auto; margin:0 auto; text-align:center !important;}
.NewD-day2 .D-dayData li span { font-size:22px; font-weight:bold; color:#fff; width:25px; height:30px; line-height:30px; display:inline-block; text-align:center;}
.NewD-day2 .D-dayData .frist { width:auto; height:30px; display:inline-block; margin:0; text-align:center;}
.NewD-day2 .D-dayData .last { width:auto; height:30px; display:inline-block; margin:0; text-align:center;}

.classAll_conts { display: none; }
.classAll_conts_m { display: block; }

.view_tab li a {display:block; text-align:center; line-height:35px; font-size:9px; color:#fff; font-weight:600;}
}