@charset "utf-8";

#contents.main {padding-top:40px;}
h2 {font-size:36px; color:#666; font-weight:700; letter-spacing:-1px; margin-bottom:50px;}
h2 strong {color:#414042; font-weight:700; letter-spacing:-1px;}

.tb1 {border:1px solid #a9b1d4; width:100%;}
.tb1 th {color:#33396d; padding:14px; background:#d0d3e9; font-weight:normal; border:1px solid #a9b1d4; border-bottom:0; font-size:18px; line-height:1.3;}
.tb1 td {padding:14px; border:1px solid #a9b1d4; border-top:0; background:#fff; line-height:1.3; text-align:center; font-size:30px; color:#7a7fa6;}


/* 버튼 */
a.btn_cancel {width:140px; height:42px; line-height:42px; box-sizing:border-box; text-align:center; border:1px solid #666; display:block; color:#000; transition:0.2s all;}
a.btn_cancel:hover,
a.btn_cancel:focus {border-color:#454cad; color:#454cad;}
a.btn_ok {background:#454cad; color:#fff; width:140px; height:42px; line-height:42px; box-sizing:border-box; text-align:center; display:block; transition:0.2s all;}
a.btn_ok:hover,
a.btn_ok:focus {background:#33396d; border:0; color:#fff !important;}


/* form */
.main_login_wrap input[type=text],
.main_login_wrap input[type=password] {padding:0 5px 0 5px; height:34px; line-height:34px; border:1px solid #ccc; vertical-align:top;  margin:0 0 10px 0; font-size:14px; width:100%;}
.main_login_wrap input[type=checkbox].css-checkbox + label {background: url(../img/main/bg_checkbox.png) no-repeat 0 0; background-size:16px; height:16px; line-height:16px !important; padding-left:26px !important;}
.main_login_wrap input[type=checkbox].css-checkbox:checked + label {background-size:16px; height:16px; background-position:0 -16px;}
.main_login_wrap input[type=checkbox].css-checkbox:focus + label {text-decoration:none;}


/* 로그인영역 */
.main_rolling_wrap {position:relative;}
.main_login_wrap {position:absolute; top:50px; left:50px; width:280px; height:280px; padding:30px 24px 24px 24px; box-sizing:border-box; border-radius:10px; background:linear-gradient(to bottom, #306ad5, #504ab8); color:#fff; text-align:center;}
.main_login_wrap a {color:#fff; display:block;}
.main_welcome ul {border-top:1px solid rgba(255,255,255,0.4); border-bottom:1px solid rgba(255,255,255,0.4); margin-bottom:20px; text-align:center;}
.main_welcome ul:after {content:""; display:block; clear:both;}
.main_welcome li {padding:8px 0 8px 10px; display:inline-block; font-size:0; position:relative;}
.main_welcome li:first-child {padding-left:0;}
.main_welcome li:before {position:absolute; content:""; display:block; left:2px; top:10px; width:1px; height:10px; background:rgba(255,255,255,0.4);}
.main_welcome li:first-child:before {background:none;}
.main_welcome li a {display:block; font-size:14px;}
.main_welcome li a strong {color:#ef4b49;}
.main_welcome dl:after {content:""; display:block; clear:both;}
.main_welcome dt {float:left; font-size:18px; width:70%; text-align:left; line-height:1.6; position:relative; padding-left:16px; box-sizing:border-box;}
.main_welcome dt:before {content: ""; display: block; position: absolute; top: 50%; margin-top: -1px; left:4px; width: 2px; height: 2px; background: #fff;}
.main_welcome dd {float:right; text-align:right; width:30%; line-height:1.5;}
.main_welcome dd strong {color:#00fcff; font-weight:500;}
.main_welcome dd a:hover strong,
.main_welcome dd a:focus strong {text-decoration:underline;}
.main_welcome_member {font-size:18px; padding-left:90px; text-align:left; line-height:1.3; margin-bottom:16px; background:url('../img/main/main_login.png') no-repeat 20px bottom;}
.main_welcome_member span {font-size:13px; display:block; border:1px solid rgba(255,255,255,0.8); padding:2px 0px; width:66px; border-radius:20px; text-align:center; margin-bottom:8px;}
.main_login {padding:0 10px}
.main_login h2 {font-size:20px; color:#fff; margin-bottom:20px; font-weight:500; letter-spacing:0;}
.btn_login {background-color:#000; display:block; padding:9px 0; margin-bottom:10px;}
.btn_login:hover,
.btn_login:focus {background-color:rgba(0,0,0,0.8);}
.btn_login input[type=text] {margin-bottom:6px;}
.main_login p {text-align:left; border-bottom:1px solid rgba(255,255,255,0.4); padding-bottom:10px; font-size:14px;}
.main_login ul {text-align:center; margin-top:10px;}
.main_login li {font-size:0; display:inline-block; position:relative; padding-left:14px;}
.main_login li a {font-size:14px;}
.main_login li a:hover,
.main_login li a:focus {text-decoration:underline;}
.main_login li:before {content: ""; display: block; position: absolute; top: 2px; left:4px; width: 1px; height: 12px; background:rgba(255,255,255,0.4);}
.main_login li:first-child:before {background:none; padding-left:0;}


/* 메인롤링배너 */
.bx-wrapper {position:relative;}
.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {position: absolute; bottom: 40px; width: 100%;}
.bx-wrapper .bx-pager {text-align: center; font-size: .85em; font-family: Arial; font-weight: bold; color: #666; padding-top: 20px;}
.bx-wrapper .bx-pager.bx-default-pager a { background: rgba(255,255,255,0.7);  text-indent: -9999px;  display: block;  width: 10px;  height: 10px;  margin: 0 5px;  outline: 0;  -moz-border-radius: 5px;  -webkit-border-radius: 5px;  border-radius: 5px;}
.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:focus { background: #fff;}
.bx-wrapper .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {display: inline-block;  vertical-align: bottom;  *zoom: 1;  *display: inline;}
.bx-wrapper .bx-pager-item {font-size: 0;  line-height: 0;}


/* 수강신청 기간 */
.term_wrap {background:#383a38; height:80px;  line-height:80px; color:#fff; text-align:center;}
.term_wrap:after {content:""; display:block; clear:both;}
.term_wrap dl {float:left;}
.term_wrap dl:after {content:""; display:block; clear:both;}
.term_wrap dt {font-size:22px; float:left; margin-right:20px;}
.term_wrap dd {font-size:22px; float:left; height:80px; line-height:80px;}
.time {margin-left:70px;}
.time dd {box-sizing:border-box;}
.time dd span.day,
.time dd span.hour,
.time dd span.minutes {background:url('../img/main/main_term_bg.png') no-repeat 50% 50%; width:63px; display:inline-block; font-size:180%; font-weight:700; position:relative;}
.time dd span.day:after,
.time dd span.hour:after,
.time dd span.minutes:after {content:""; display:block; position:absolute; top:50%; margin-top:-1px; left:0; width:63px; height:2px; background:#0d0d0d;}
.time dd span.day_txt {margin:0 16px; vertical-align:top;}
.time dd span.colon {margin:0 6px; vertical-align:top;}
.term {margin-left:110px;}
.term dd {color:#39f5e3; font-weight:500; font-size:26px;}


/* 학점등재현황 */
.score_wrap {text-align:center; margin-top:95px;}
.score_board {box-shadow:6px 6px 8px 0 rgba(0, 0, 0, 0.15);}
.score_board:after {content:""; display:block; clear:both;}
.score_summary {float:left; background:#33396d; color:#fff; width:330px; height:220px; font-size:18px; text-align:left; box-sizing:border-box; padding:30px 30px 30px 40px; line-height:1.3;}
.score_summary dt {color:#a9b2ff; margin-top:10px; position:relative;}
.score_summary dt:first-child {margin-top:0;}
.score_summary dt:before {content:""; display:block; position:absolute; top:50%; margin-top:-1px; left:-10px; width:2px; height:2px; background:#a9b2ff;}
.score_detail {float:left; background:#f5f7ff; width:870px; height:220px; box-sizing:border-box; padding:40px;}
.score_detail .tb1 td {font-weight:700;}
.score_detail .tb1 th a:link {display:block; font-weight:500; color:#33396d; background:url('../img/main/main_score.png') no-repeat 50% 4em; padding:20px 0 44px 0;}
.score_detail .tb1 th a:hover,
.score_detail .tb1 th a:focus {background:url('../img/main/main_score.png') no-repeat 50% 4em #454cad; color:#fff; border-radius:10px; font-weight:400;}


/* 인기강좌*/
.best_wrap {text-align:center; margin-top:95px;}
.best_list_wrap {box-shadow:6px 6px 8px 0 rgba(0, 0, 0, 0.15); border:1px solid #d9d9d9;}
.best_list_wrap:after {content:""; display:block; clear:both;}
.best_list {float:left; width:368px; border-right:1px solid #d9d9d9;}
.best_list a {display:block;}
.best_tit {height:200px; overflow:hidden; position:realtive;}
.best_tit li {border-bottom:1px solid #d9d9d9; text-align:left;}
.best_tit li a {line-height:49px;height:49px; padding:0 16px; font-size:18px; word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; background:#fbfbfb; vertical-align:middle;}
.best_tit li.current a {background:#ebeef8; color:#454cad;}
.best_wrap span.category {display: inline-block; border: 1px solid #7479c1; width: 70px; text-align: center; border-radius: 20px; color: #454cad; font-size: 14px;line-height: 1.45em; margin-right:8px;} 
.best_move:after {content:""; display:block; clear:both;}
.best_move li {width:50%; float:left; box-sizing:border-box; background:;}
.best_move li:first-child {border-right:1px solid #d9d9d9;}
.best_move li a {height:50px; }
.best_move li a.down {background:url('../img/main/main_best_mov01.png') no-repeat 50% 50% #f1f3f4; overflow:hidden; text-indent:-9999px; font-size:0;}
.best_move li a.up {background:url('../img/main/main_best_mov02.png') no-repeat 50% 50% #f1f3f4; overflow:hidden; text-indent:-9999px; font-size:0;}
.best_move li a:hover,
.best_move li a:focus {background-color:#ebeef8;}
.best_view {float:left; width:829px; box-sizing:border-box; padding:40px; text-align:left;}
.best_view .lecture_list {overflow: hidden; height:170px;}
.best_view .lecture_list > li {float:left;}
.best_view .lecture_list li:after {content:""; display:block; clear:both;}
.best_view .lecture_list img {width:260px; height:164px; border:1px solid #d9d9d9;}
.best_view .lecture_wrap {float:left; width:260px; margin-right:30px;}
.best_view .lecture_cont {float:left; width:459px;}

.lecture_list .lecture_cont h3 {margin:8px 0 10px 0; line-height:1.4em; font-size:120%; letter-spacing:-1px; color:#1f1f1f; height:2.6em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.lecture_list .lecture_cont a:hover,
.lecture_list .lecture_cont a:focus {color:#1f1f1f}
span.best,
span.mobile,
span.recom,
span.new {display:inline-block; margin-right:4px; padding:0 4px; color:#fff; font-size:14px; line-height:1.4em; height:1.4em;}
span.best {background:#ff9c00;}
span.mobile {background:#75b020;}
span.new {background:#5283b0;}
span.recom {background:#ef4970;}
.lecture_list .lecture_cont .price_wrap {display:inline-block;}
.lecture_list .lecture_cont .price_wrap strong {font-weight:500; font-size:110%;}
.lecture_list .lecture_cont .price_wrap span {margin-right:0px;}
.lecture_list .lecture_cont .price_wrap span:last-child {margin-right:0;}
.lecture_list .lecture_cont .price_wrap span strong {color:#1f1f1f;}
.lecture_list .lecture_cont .price_wrap span strong.price1 {color:#ef4b49;}
.lecture_list .lecture_cont .price_wrap span strong.price2 {color:#454cad;}
.lecture_btn {text-align:right; margin-top:20px;}
.lecture_btn a  {display:inline-block;}
.lecture_btn a:first-child {margin-right:6px;}


/* slide default*/
.slider {width: 100%; margin: 0px auto;}
.slick-slide {margin: 0px 20px;}
.slick-slide img {width: 100%;}
.slick-prev:before,
.slick-next:before {color: black;}
.slick-slide {transition: all ease-in-out .3s; opacity: .2;}    
.slick-active {opacity: 1;}
.slick-current {opacity: 1; }
.slick-prev,
.slick-next {font-size: 0; line-height: 0; position: absolute; top: 50%; display: block; padding: 0;  -webkit-transform: translate(0, -50%); -ms-transform: translate(0, -50%); transform: translate(0, -50%); cursor: pointer; color: transparent; border: none; outline: none; background: transparent;}


/* 최신,추천*/
.recommen_wrap {margin-top:95px; text-align:center;}
.recommen_wrap .tabs {font-size:30px; margin:0 auto 45px auto; width:388px;}
.recommen_wrap .tabs:after {content:""; display:block; clear:both;}
.recommen_wrap .tabs li {float:left;color:#666; font-size:28px; font-weight:700; box-sizing:border-box; width:194px; height:60px; line-height:58px; border:1px solid #d9d9d9; cursor:pointer;}
.recommen_wrap .tabs li:hover,
.recommen_wrap .tabs li:focus {border-color:#33396d;}
.recommen_wrap .tabs li:first-child {border-right:0;}
.recommen_wrap .tabs li:last-child {border-left:0;}
.recommen_wrap .tabs li.current {background:#33396d; color:#fff; cursor:default; border:0;}
.recommen_wrap .tabs li.current:hover,
.recommen_wrap .tabs li.current:focus {border:0;}
.tab-content {display: none;}
.tab-content.current {display: inherit;}

.slider_recommen {width:1150px;}
.slider_recommen img {width:268px; height:170px; width:264px; height:167px; width:100%;}
.slider_recommen .slick-slide {margin:0 12px; position:relative;}
.slider_recommen .slick-slide > li {font-size:0;}
.slider_recommen .slick-slide h3 {font-size:18px; text-align:left; line-height:1.3; margin-top:20px; height:2.6em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.slider_recommen .slick-slide:hover h3 {color:#888;}
.slider_recommen .slick-slide .apply_shadow {display:none; position:relative;}
.slider_recommen .slick-slide .apply_shadow ul {position:absolute; left:0; bottom:0; border:1px solid #fff; height:42px; line-height:42px; width:264px;}
.slider_recommen .slick-slide .apply_shadow ul:after {content:""; display:block; clear:both;}
.slider_recommen .slick-slide .apply_shadow li {float:left; width:50%; box-sizing:border-box;}
.slider_recommen .slick-slide .apply_shadow li:first-child {border-right:1px solid #fff;}
.slider_recommen .slick-slide .apply_shadow a {color:#fff; display:block;}
.slider_recommen .slick-slide:hover .apply_shadow,
.slider_recommen .slick-slide:focus .apply_shadow {display:block; position:absolute; left:0; top:0; width:264px; height:167px; background:rgba(0,0,0,0.6);}
.slider_recommen .slick-prev {background:url('../img/main/main_slide_left.png') no-repeat left 50%; width:23px; height:42px; font-size:0; opacity:1; left:-25px; top:84px;}
.slider_recommen .slick-prev:hover {background:url('../img/main/main_slide_left_on.png') no-repeat left 50%;}
.slider_recommen .slick-prev:before {content:"";}
.slider_recommen .slick-next {background:url('../img/main/main_slide_right.png') no-repeat right 50%; width:23px; height:42px; font-size:0; opacity:1; right:-25px; top:84px;}
.slider_recommen .slick-next:hover {background:url('../img/main/main_slide_right_on.png') no-repeat right 50%;}
.slider_recommen .slick-next:before {content:"";}

.slider_recommen02 {width:1150px;}
.slider_recommen02 img {width:268px; height:170px; width:264px; height:167px; width:100%;}
.slider_recommen02 .slick-slide {margin:0 12px;}
.slider_recommen02 .slick-slide li {font-size:0;}
.slider_recommen02 .slick-slide li a {position:relative;}
.slider_recommen02 .slick-slide li a h3 {font-size:18px; text-align:left; line-height:1.3; margin-top:20px; height:2.6em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.slider_recommen02 .slick-slide li a:hover h3 {color:#888;}
.slider_recommen02 .slick-prev {background:url('../img/main/main_slide_left.png') no-repeat left 50%; width:23px; height:42px; font-size:0; opacity:1; left:-25px; top:84px;}
.slider_recommen02 .slick-prev:hover {background:url('../img/main/main_slide_left_on.png') no-repeat left 50%;}
.slider_recommen02 .slick-prev:before {content:"";}
.slider_recommen02 .slick-next {background:url('../img/main/main_slide_right.png') no-repeat right 50%; width:23px; height:42px; font-size:0; opacity:1; right:-25px; top:84px;}
.slider_recommen02 .slick-next:hover {background:url('../img/main/main_slide_right_on.png') no-repeat right 50%;}
.slider_recommen02 .slick-next:before {content:"";}


/* 게시판*/
.board_wrap {margin-top:95px;}
.board_wrap:after {content:""; display:block; clear:both;}
.board_wrap h2 {font-size:26px; color:#414042; letter-spacing:0; margin-bottom:30px;}
.board_wrap .btn_more {position:absolute; right:0; top:5px; background:url('../img/main/main_board.png') no-repeat left 50%; padding-left:26px;}
.board_wrap .btn_more:hover {text-decoration:underline; color:#1f1f1f;}
.notice_wrap,
.faq_wrap {position:relative; width:380px; margin-right:40px; margin-top:23px; float:left;}
.customer_wrap {float:left; width:360px; background:url('../img/main/main_customer.png') no-repeat 260px 150px #e9e9f7; padding:24px 30px; box-sizing:border-box; line-height:1.2;}
.notice_wrap ul a,
.faq_wrap ul a {word-break: keep-all; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: block; line-height:1.7;}
.customer_wrap dt {font-size:24px; color:#666; letter-spacing:-1px;}
.customer_wrap dt strong {color:#414042; font-weight:500;}
.customer_wrap dd {color:#6d73c6; font-size:24px; font-weight:700;}
.customer_wrap p {font-size:14px; font-weight:500; color:#666; margin:4px 0 10px 0; line-height:1.4;}
.customer_wrap a {display:inline-block; background:linear-gradient(to right, #504ab8, #4f6cd9); color:#fff; border-radius:10px; padding:4px 20px; line-height:1; margin-left:20px;}

/* 레이어팝업 */
.layer_pop_wrap {position:absolute; top:140px; left:50%; margin-left:-640px; width:126px; height:126px; text-align:center;}
.layer_pop {position:relative; width:126px; height:126px; background:url('../img/main/main_layer_pop.png') no-repeat 50% 16px #333362; border-radius:63px; color:#fff; font-size:24px; box-sizing:border-box; padding-top:44px; line-height:1.2;}
.layer_pop strong {color:#ef4b49;}
.layer_pop_close {position:absolute; right:2px; top:-3px; background:url('../img/main/main_layer_pop_close.png') no-repeat 50% 50% #000; width:20px; height:20px; border-radius:15px; overflow:hidden; text-indent:-9999px; font-size:0;}


/* 팝업 */
.popClose:after {content:""; display:block; clear:both;}
.popClose {position: absolute; bottom: 0; left: 0; width:100%; background:#303030; color:#fff; padding:10px; height:38px; box-sizing:border-box;}
.popClose input[type=checkbox].css-checkbox + label {background: url(../img/main/bg_checkbox.png) no-repeat 0 0; background-size:16px; height:16px; line-height:16px !important; padding-left:26px !important;}
.popClose input[type=checkbox].css-checkbox:checked + label {background-size:16px; height:16px; background-position:0 -16px;}
.popClose input[type=checkbox].css-checkbox:focus + label {text-decoration:none;}
.popClose a {color:#fff; float:right; font-size:15px; padding:0 6px;}