@charset "utf-8";
/* main */

/*공통*/
.main_content *{font-family:'noto', sans-serif;}
.main_content .btn_more{width: 50px;height: 13px;background: url(//gscdn.hackers.co.kr/champ/images/champstudy/common/button3.png) no-repeat 0 -61px;top: 8px;}
.main_content h2 .spr-tit  {background: inherit;font-size: 18px;}
.main_content{position:relative;background: #fff;}
.f_hide{font-size:0;text-indent: -3000em;}
.main_top{margin-top:30px;}
.main_top .inner2{background:#fff;border-top:0;}
.main_top .inner2:after{display:block;clear:both;content:''}
.main_top .main_l_bnr .bx-viewport{height:400px !important;}
.main_top .main_l_bnr .bx-wrapper img{width:620px;height:400px;}
.main_top .mainbn, .main_top .mainbn .slides_control-paging{width:750px}
.main_top .mainbn{position:relative;float:left;height:370px;margin-right:10px;overflow:hidden;width:750px;box-sizing: border-box;}
.main_top .mainbn .bx-viewport{height:370px !important;}
/*추가*/
.main_top .bx-wrapper .bx-viewport .bxslider li {height: 370px;}
.main_top .bx-wrapper .bx-viewport .bxslider li > a > img{width:100%;height:370px;}

/**/
.main_top .clsask{position:absolute;bottom:0;left:0;overflow:hidden;width:100%;height:20px;padding:20px 0}
.main_top .clsask .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#0c112a;opacity:.5;filter:alpha(opacity=50)}
.main_top .clsask .btn_class{position:absolute;top:16px;right:19px}
.main_top .clsask p{position:relative;z-index:10;padding-left:20px}
.main_top .sidebn{position:relative;float:left;width:290px;height:370px;overflow:hidden;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
.main_top .sidebn .slides_control-paging a.active{background-position:-15px -266px}
.main_top .books{position:absolute;bottom:0;left:0;width:100%;height:58px;border-top:1px solid #e9e9e9}
.main_top .books span{position:relative;z-index:10}
.main_top .books .bg{position:absolute;top:0;left:0;width:100%;height:100%;background:#fff;opacity:.5;filter:alpha(opacity=50);z-index:0}
.main_top .books .f_l{margin:12px 0 0 12px}
.main_top .books .f_r{margin:17px 20px 0 0}
.main_top .quick{position:absolute;top:0;right:-130px}
.main_top .quick li a{display:block;overflow: hidden;}
.main_top .quick li{margin-bottom:8px}
.main_quick .main_quick1{border-top:1px solid #d7d7d7;}
.main_clsdsk{clear:both;width:1048px;margin:20px auto 0;background:#fff;border:1px solid #ccc;*zoom:1}
.main_clsdsk:after{display:block;clear:both;content:''}
.main_clsdsk h2{width:138px;padding:11px 0 0 20px;font-family:'noto', 'Malgun Gothic';float:left}
.main_clsdsk h2{font-size:15px}
.main_clsdsk h2 strong{display:block;line-height:34px;font-size:30px;color:#109aa3}
.main_clsdsk .box{overflow:hidden;border-left:1px solid #e9e9e9}
.main_clsdsk .eplg{position:relative;height:39px}
.main_clsdsk .eplg .bul{position:absolute;top:14px;left:15px;width:13px;height:10px;background-position:0 -322px}
.main_clsdsk .eplg .slides > li{position:relative}
.main_clsdsk .eplg .bx-wrapper .bx-controls-direction a{margin:0;top:14px;font-size:0;line-height:0;display:block;width:9px;height:5px;background:url("//gscdn.hackers.co.kr/champ/images/champstudy/common/button2.png") no-repeat }
.main_clsdsk .eplg .bx-wrapper .bx-controls-direction .bx-prev{left:856px;background-position:-48px 0 !important}
.main_clsdsk .eplg .bx-wrapper .bx-controls-direction .bx-next{top:23px;right:24px;background-position:-48px -9px !important}
.main_clsdsk .eplg .sbj{display:block;overflow:hidden;height:27px;padding:12px 0 0 45px}
.main_clsdsk .eplg .sbj a{line-height:1.4;font-size:11px;color:#808080}
.main_clsdsk .eplg .user{position:absolute;top:14px;right:15px;padding-right:24px;font-size:11px;color:#b8b8b8}
.main_clsdsk .menu{border-top:1px solid #ccc;*zoom:1}
.main_clsdsk .menu:after{display:block;clear:both;content:''}
.main_clsdsk .menu li{float:left;border-left:1px solid #e9e9e9}
.main_clsdsk .menu li:first-child{border-left:0}
.main_clsdsk .menu li a{position:relative;display:block;width:132px;height:27px;padding:11px 0 0 15px}
.main_clsdsk .menu li a span{width:16px;height:16px;background-position:0 -337px;position:absolute;top:11px;right:15px}
.main_clsdsk .menu li a:hover span{background-position:0 -358px}
.main_clsdsk .menu li.last a{width:129px}
.main_starth{background:#fff;}
.main_starth h2{margin-bottom:18px}
.main_starth .arr{display:inline-block;width:29px;height:14px;position:absolute;top:-1px;left:68px;background:url("//gscdn.hackers.co.kr/champ/images/champstudy/main/sp_main.png") no-repeat 0 0}
.main_starth .inner2{padding-top:50px}
.main_starth .total{position:relative;}
.main_starth .starth_slide{width:1048px;height:270px;overflow:hidden;border: 1px solid #ccc;}
.main_starth .starth_nav{position:absolute;bottom:0;right:50px}
.main_starth .detail{margin-top:25px;overflow:hidden;}
.main_starth .box{position: relative;float: left;overflow: hidden;width: 246px;height: 358px;margin-left: 19px;border: 1px solid #ccc;cursor: pointer;}
.main_starth .box:first-child{margin-left:0;}

.main_starth .box ul{}
.main_starth .box ul li{display:inline-block;position:relative;width:246px;height:350px;vertical-align:top;}
.main_starth .box ul li a .info_box{position: absolute;left: 20px;top: 15px;}
.main_starth .box ul li a .tit{margin-top:20px;font-size: 15px;font-weight: 600;}
.main_starth .box ul li a .t_name{margin-top:25px;color: #009ca6;font-size: 28px;font-weight: 600;}
.main_starth .box ul li a .licon_txt{background-image: url(https://gscdn.hackers.co.kr/champ/files/banner/imglib_files/banner/imglib/teacher_bn_ico.png);width:64px;height:55px;margin-top:15px;text-align: center;}
.main_starth .box ul li a .licon_txt p {color:#009ca6;line-height: 50px;font-size:22px;font-weight: 600;}
.main_starth .box ul li a span{display: block;margin-top: 10px;font-size: 14px;line-height: 16px;}
.main_starth .box ul li a .sub_txt{position:absolute;left:0;bottom:0;padding:0 15px;color:#bebdbd;font-size:10px;line-height: 12px;}
:first-child+html .main_starth .box{margin-left:24px;}/* ie7 */
.main_starth .box:hover {border: 1px solid #31aeb6;}
.main_starth .box li a:before {content: '자세히 보기';width: 90px;height: 30px;line-height: 30px;text-align: center;position: absolute;bottom: 70px;left: 25px;border-radius: 100px;border:1px solid #636363; color: #222;font-size:13px;display: none;cursor: pointer;}
.main_starth .box:hover li a:before{display: block;}
.main_starth .starth2_nav{position:absolute;bottom:0;right:-1px}
#starthslide .bx-controls-direction{bottom:42px;}
#starthslide .bx-controls-direction a{background-image: url(//gscdn.hackers.co.kr/champ/images/champstudy/common/button3.png);}
#starthslide .bx-controls-direction .bx-next {left:-43px;width: 25px;height: 42px;background-position: -60px 0;}
#starthslide .bx-controls-direction .bx-prev {left: -1034px;width: 25px;height: 42px;background-position: -35px 0;}

.main_stubest{margin-bottom:80px}
.main_stubest h2{margin-bottom:18px}
.main_stubest .list{*zoom:1}
.main_stubest .list:after{display:block;clear:both;content:''}
.main_stubest .list li{position:relative;float:left;width:337px;margin-left:19px;}
.main_stubest .list li:first-child{margin-left:0}
.main_stubest .list li a.sbj{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;width:auto;vertical-align:middle;max-width:314px;font-size:16px;font-weight:bold;}
.main_stubest dt a{position:relative;display:block}
.main_stubest dd{margin-top:10px}
.main_stubest b.tit{display:inline-block;vertical-align:middle;line-height:19px;padding:0 7px;margin-right:8px;text-align:center;background:#109aa3;color:#fff}
.main_stubest p{margin-top:1px;color:#878787;font-size:13px}
.main_stubest .shw, .main_stubest .preview_bg, .main_stubest .preview_txt, .main_stubest .ico_play{display:none}
.main_stubest dt a:hover .shw, .main_stubest dt a:hover .preview_bg, .main_stubest dt a:hover .preview_txt, .main_stubest dt a:hover .ico_play{display:inline-block}
.main_stubest .shw{position:absolute;top:0;left:0;width:100%;height:100%;background:url("//gscdn.hackers.co.kr/champ/images/champstudy/main/stubest_bg3.png")}
.main_stubest .bx-pager{position:absolute;top:-35px;right:0;padding:0;}
.main_stubest .bx-pager span{float:left;margin-left:7px}
.main_stubest .bx-pager a{margin:0 3px;text-indent:-3000em}
.main_stubest .bx-controls-direction{top: 2px !important;right: -8px !important;}


.main_outskin_set{padding: 50px 0;background:#f8f8f8;*zoom:1}
.main_outskin_set.v2{background: #fff;}
.main_outskin_set h2{margin-bottom:18px}
.main_outskin_set:after{display:block;clear:both;content:''}
.main_outskin_set .btn_more{position:absolute;top:8px;right:0}
.main_outskin_set .main_bstbook .tab_area{background: #fff;width:100%;margin-top: 19px;border: 1px solid #ccc;}
.main_outskin_set .main_bstbook .tab_area .tab{overflow: hidden;border-bottom: 1px solid #ccc;}
.main_outskin_set .main_bstbook .tab_area .tab li{float:left;width:20%;}
.main_outskin_set .main_bstbook .tab_area .tab li a{display:block;width:100%;height: 53px;line-height:50px;text-align: center;font-size: 18px;font-weight: 600;color:#6a6a6a;box-sizing: border-box;}
.main_outskin_set .main_bstbook .tab_area .tab li.active a,
.main_outskin_set .main_bstbook .tab_area .tab li a:hover{border-bottom: 3px solid #009ca6;color:#009ca6;}
.main_outskin_set .main_bstbook .tab_area .tabcon{display: none;height: 246px;padding: 30px 0 23px;box-sizing: border-box;}
.main_outskin_set .main_bstbook .tab_area .tabcon.active{display: block;}
.main_outskin_set .main_bstbook .tab_area .con_book{width:163px;float:left;border-right: 1px solid #ccc;box-sizing: border-box;}
.main_outskin_set .main_bstbook .tab_area .con_book img{display:block;width:110px;margin:0 auto;}
.main_outskin_set .main_bstbook .tab_area p{margin:10px -5px 0;color: #555;text-align: center;min-height:30px;line-height: 15px;letter-spacing: -1px;}
.main_outskin_set .main_bstbook .tab_area .con_book p{padding:0 5px;}
.main_outskin_set .main_bstbook .tab_area .slide_book{width:100%;float: right;}
.main_outskin_set .main_bstbook .tab_area .con_book ~ .slide_book{width: 586px;float: right;}
.main_outskin_set .main_bstbook .tab_area .slide_book.count2 .bx-wrapper{max-width:446px !important; }
.main_outskin_set .main_bstbook .tab_area .slide_book.count3 .bx-wrapper{max-width:532px !important; }
.main_outskin_set .main_bstbook .tab_area .slide_book.count4 .bx-wrapper{max-width:600px !important; }
.main_outskin_set .main_bstbook .tab_area .slide_book li{width:130px;opacity: 1;transform: scale(1);padding:0 10px;display: inline-block;vertical-align:middle;text-align: center;}
.main_outskin_set .main_bstbook .tab_area .slide_book.count2 li{margin: 0 50px;}
.main_outskin_set .main_bstbook .tab_area .slide_book.count3 li{margin: 0 24px;}
.main_outskin_set .main_bstbook .tab_area .slide_book.count4 li{margin: 0 10px;}
.main_outskin_set .main_bstbook .tab_area .slide_book li a{width:110px !important;}
.main_outskin_set .main_bstbook .tab_area  .bx-controls-direction{width:100%;top:50%;}
.main_outskin_set .main_bstbook .tab_area .slide_book .bx-wrapper a{background-image: url(//gscdn.hackers.co.kr/champ/images/champstudy/common/button3.png);width: 12px;height:30px;margin-top: -38px;}
.main_outskin_set .main_bstbook .tab_area .slide_book .bx-wrapper .bx-prev{left:-5px;background-position: 0 -30px;}
.main_outskin_set .main_bstbook .tab_area .slide_book .bx-wrapper .bx-next{left: auto;right:-24px;background-position: -11px -30px;}
.ico_new {width: 12px;height: 12px;background-position: -23px -37px;}
.main_outskin_set .box{padding-top:37px;height:262px;border:1px solid #ccc;float: left; *zoom:1}
.main_outskin_set .box:after{display:block;clear:both;content:''}
.main_outskin_set .col{float:left;width:356px;padding:0 20px 0 0;font-size:11px;color:#787878}
.main_outskin_set .col.first{border-left:0;width:356px;border-right:0;padding-left:20px}
.main_outskin_set .col p{margin-bottom:10px;font-size: 15px;letter-spacing: -0.5px;}
.main_outskin_set .tip{display:inline-block;width:78px;line-height:27px;margin-right:10px;background:#fff;vertical-align:middle;font-size:14px;text-align:center;color:#009ca6;border: 1px solid #009ca6;border-radius: 30px;font-weight: 600;}
.main_outskin_set .col a{width: 356px;height: 200px;display: block;}
.main_outskin_set .col a img{width: 100% !important;height: 100% !important;display: block;}
.main_outskin_set .newcls{position:relative;width:275px;float:right}
.main_outskin_set .newcls :after{display:block;clear:both;content:''}
.main_outskin_set .newcls ul{background:#fff;height:301px;border: 1px solid #ccc;margin-top: 20px;padding: 0 15px;box-sizing: border-box;}
.main_outskin_set .newcls li{position: relative;height: 32px;line-height: 32px;padding: 8.5px 1px;border-top: 1px solid #e1e1e1;}
.main_outskin_set .newcls li:first-child{border-top:0}
.main_outskin_set .newcls li a{display:inline-block;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;-o-text-overflow:ellipsis;width:auto;vertical-align:middle;max-width: 160px;font-size: 15px;color:#787878;letter-spacing: -1px;}
.main_outskin_set .newcls li .id{position:absolute;top:9px;right:1px;letter-spacing:-1px;color:#b8b8b8;letter-spacing: -1px;}
.main_outskin_set .newcls .ico_new{margin-left:7px;vertical-align:middle}
.main_outskin_set .realepil{position:relative;width:100%;float:left}
.main_outskin_set .realepil .con{overflow:hidden;border:1px solid #ccc;}
.main_outskin_set .realepil .con .box{width:773px;border:0;padding-top: 25px;}
.main_outskin_set .realepil .con .newcls ul{border: 0;height: 249px;overflow: hidden;margin-top: 20px;border-left: 1px solid #ccc;}

.main_ad{position:relative;height:120px;overflow:hidden;}
.main_ad li{position:relative;text-align:center}
.main_ad .bg{display:inline-block;position:absolute;bottom:0;left:0;width:100%;height:180px}
.main_ad img{position:relative;z-index:10}
.main_ad .ad_nav{position:absolute;top:75px;left:50%;z-index:10;margin-left:-525px;}
.main_bstbook{background:#f8f8f8;position: relative;width: 749px;float: left;*zoom:1}
/*.main_bstbook:after{display:block;clear:both;content:''}*/

.main_cs{padding-bottom:57px;*zoom:1}
.main_cs:after{display:block;clear:both;content:''}
.main_cs .adslide{position:relative;overflow:hidden;float:left;width:456px;height:342px;border:1px solid #ccc;}
.main_cs .benefit{float:left;width:279px;height:344px;margin-left:18px;border:1px solid #ccc;background:#fff;position: relative;box-sizing: border-box}
.main_cs .benefit .benefit_tit{display:block;width:279px;height:58px;}
.main_cs .benefit .benefit_tit span{padding-left:20px;line-height:58px;}
.main_cs .benefit .btn_more{top: 25px;right: 20px;}
.main_cs .benefit ol{margin:0 20px;border-top: 1px solid #ccc;}
.main_cs .benefit li{margin-top:11px;padding-top:11px;font-size:15px;letter-spacing: -2px;}
.main_cs .benefit li:first-child{margin-top:0;padding-top:20px;border-top:0}
.main_cs .benefit li a{color:#555;}
.main_cs .benefit li a:hover {color:#000; text-decoration: underline;}
.main_cs .benefit li em{display:inline-block;vertical-align:middle;width:15px;height:15px;margin:-4px 3px 0 0;background-image:url("//gscdn.hackers.co.kr/champ/images/champstudy/common/button3.png")}
.main_cs .benefit li em.n1{background-position:-80px 0}
.main_cs .benefit li em.n2{background-position:-95px 0}
.main_cs .benefit li em.n3{background-position:-110px 0}
.main_cs .benefit li em.n4{background-position:-125px 0}
.main_cs .benefit li em.n5{background-position:-140px 0}
.main_cs .benefit li em.n6{background-position:-155px 0}
.main_cs .cscenter{float:right;width:275px}
.main_cs .cscenter .box{width:275px;height:344px;padding:21px 22px 0;background:#fff;border:1px solid #ccc;box-sizing: border-box;}
.main_cs .cscenter .cscenter_tit{width:227px;height:86px;background:url("//gscdn.hackers.co.kr/champ/images/champstudy/main/cs_center_v2.jpg") no-repeat;display:block;font-size:0;text-indent: -3000em;}
.main_cs .cscenter input{background:#f8f8f8}
.main_cs .cscenter .cs_mn {overflow: hidden;}
.main_cs .cscenter .cs_mn li{width:100%;border-bottom: 1px solid #ccc;}
.main_cs .cscenter .cs_mn li:last-child { border-bottom: 0;}
.main_cs .cscenter .cs_mn li a{display:block;width:100%;height:44px;line-height: 44px;font-size: 15px;font-weight: 600;color:#323232;}
.main_cs .cscenter .cs_mn li a span{background:#363636;width:21px;height:21px;line-height: 21px;border-radius: 20px;color:#fff;font-size: 10px;text-align: center;display: inline-block;float: right;margin-top: 12px;}
.main_cs .cscenter .cs_mn li.mn1 a span{background: #009ca6;}
.main_cs .cscenter .cs_mn li.mn1 a{background-position:0 -555px;color: #009ca6;}
.main_cs .cscenter .cs_mn li.mn2 a{background-position:0 -596px;}
.main_cs .cscenter .cs_mn li.mn3 a{background-position:0 -637px;}
.main_cs .cscenter .cs_mn li.mn4 a{background-position:0 -678px;}
.main_cs .cscenter .coupon{margin-top:6px;}
.main_cs .cscenter .coupon .coupon_tit{width:118px;height:15px;background:url("//gscdn.hackers.co.kr/champ/images/champstudy/main/sp_main.png") no-repeat -283px 0;display:block;margin-bottom:15px}
.main_cs .cscenter .coupon input{width: 78%;font-size: 14px;box-sizing: border-box;}
.main_cs .cscenter .coupon a {color: #fff;background: #323232;width: 22%;text-align: center;padding: 8px 0;float: right;font-size: 14px;}
.clsdsk_mn li a{background:url("//gscdn.hackers.co.kr/champ/images/champstudy/main/sp_main.png") no-repeat 15px -69px;font-size:0;text-indent: -3000em;}
.clsdsk_mn li.clsdsk1 a{background-position:15px -69px;}
.clsdsk_mn li.clsdsk1 a:hover{background-position:-129px -69px;}
.clsdsk_mn li.clsdsk2 a{background-position:15px -109px;}
.clsdsk_mn li.clsdsk2 a:hover{background-position:-129px -109px;}
.clsdsk_mn li.clsdsk3 a{background-position:15px -149px;}
.clsdsk_mn li.clsdsk3 a:hover{background-position:-129px -149px;}
.clsdsk_mn li.clsdsk4 a{background-position:15px -189px;}
.clsdsk_mn li.clsdsk4 a:hover{background-position:-129px -189px;}
.clsdsk_mn li.clsdsk5 a{background-position:15px -229px;}
.clsdsk_mn li.clsdsk5 a:hover{background-position:-129px -229px;}
.clsdsk_mn li.clsdsk6 a{background-position:15px -269px;}
.clsdsk_mn li.clsdsk6 a:hover{background-position:-129px -269px;}

/* Main_Layer_Popup */
.main_breandbox_layer{position:fixed;_position:absolute;top:0;left:0;width:100%;height:100%;z-index:10000}
.main_breandbox_layer .bg{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#000;z-index:9997;opacity:.8;filter:alpha(opacity=80)}
.main_breandbox_layer .wrap{position:fixed;top:50%;left:50%;width:800px;z-index:9998;text-align:center}
.main_breandbox_layer .closing_date{height:50px;background:#000;font-size:22px;color:#fff;text-align:center;line-height:46px;font-family:'Nanum Gothic', 'Malgun Gothic', '돋움', 'Dotum', sans-serif}
.main_breandbox_layer .closing_date span{color:#effe00;font-weight:bold;-webkit-animation:tx_point 1s linear infinite both;animation:tx_point 1s linear infinite both}
.main_breandbox_layer .bx_close{overflow:hidden;margin-bottom:19px;line-height:25px}
.main_breandbox_layer .bx_close label{float:left;margin-right:18px;font-size:15px;color:#fff}
.main_breandbox_layer .bx_close button{float:right;width:78px;height:25px}
.main_breandbox_layer .bx_bnr{width:100%;height:450px}
.main_breandbox_layer .bx_close button.lypop_close {background:none;position:absolute;right:0;top:0}
@keyframes tx_point{
  0%, 30%, 70%, 100%{color:#effe00}
  40%, 50%, 60%{color:#f00}
}


/*스타강사 메인베너 171114 임시 추가
#starTeacher{position: absolute;bottom: 0;left: 0;z-index: 100;}
#starTeacher_speak{position: absolute;bottom: 0;left: 0;z-index: 100;}
*/

/*스타강사 메인베너 180413 아이디를 클래스로 변경 */
.starTeachPosi{position: absolute;left: 0;z-index: 100;width: 1048px;height: 270px;border: 1px solid #ccc;}

/*타이틀영역 스프라이트 */
[class^='spr-tit']{display:inline-block;background:url("//gscdn.hackers.co.kr/champ/images/champstudy/main/sp_main.png") no-repeat 0 0;}
.tit01{width:357px;height:20px;background-position:-131px -320px;}
.tit02{width:370px;height:20px;background-position:-131px -416px;}
.tit03{width:402px;height:20px;background-position:-131px -344px;}
.tit04{width:129px;height:20px;background-position:-131px -392px;}
.tit05{width:125px;height:20px;background-position:-131px -368px;}

/*공통 bxslider*/
/*기본 버전*/
.main_content .bx-controls-direction {position: absolute;top: 50px;right: 7px;}
.main_content .bx-controls-direction a{background-image: url(//gscdn.hackers.co.kr/champ/images/champstudy/common/button3.png);width: 16px;height: 16px;margin-top: -35px;}
.main_content .bx-controls-direction .bx-prev{left: -40px;}
.main_content .bx-controls-direction .bx-next {left: -25px;}
.main_content .bx-controls-direction .bx-next {background-position: -15px 0;}
.main_content .bx-wrapper .bx-pager {width:38px;height:10px;right: 53px !important;top: -3px !important;font-size: 12px;color: #666;text-align: right;opacity:0.6;}
/*흰색 버전*/
.main_content .bxslider-default.white .bx-controls-direction .bx-prev{background-position: 0 -16px;}
.main_content .bxslider-default.white .bx-controls-direction .bx-next{background-position: -15px -16px;}
.main_content .bxslider-default.white .bx-pager{color:#fff;opacity:0.6;}