/* 메인공통 */
.main_tit{margin-bottom: 20px}
.main_tit:after{content: ''; display: block; clear: both}
.main_tit h2{padding-left: 20px; float: left; position: relative; font-size: 20px; font-weight: 700; font-family: 'NanumSquare', '나눔스퀘어'}
.main_tit h2:before{content: ''; width: 9px; height: 20px; position: absolute; left: 0; background:  #ff5f7c}
.main_tit h2:after{content: ''; width: 3px; height: 20px; position: absolute; left: 12px; background: #ff5f7c}
.main_tit .main_btn{float: right}
.main_tit .main_btn:after{content: ''; display: block; clear: both}
.main_tit .main_btn a{float: left}
.main_bg{padding: 40px 0; background-color: #F0F0F0}

/* 메인배너 */
.main_banner{max-width: 1280px; margin: 0 auto}
.main_banner .banner_list{width:100%; height:100%; min-height: 319px; position: relative;}
.main_banner .banner_list .s_img img{min-width: 1175px; min-height: 319px; }
.main_banner .banner_list .sliders{width:100%; height:100%; min-height: 319px; position: relative;}
.main_banner .banner_dot{position: absolute; left: 50%; top:90%; transform: translate(-50%,0)}
.main_banner .banner_dot:after{content: ''; display: block; clear: both}
.main_banner .banner_dot li{height: 10px; margin-left: 10px; float: left;}
.main_banner .banner_dot li:first-child{margin-left: 0}
.main_banner .banner_dot li button{width: 9px; height: 9px; border: 1px solid #fff; border-radius: 100%; display: inline-block; vertical-align: top; color: #ffffff; font-size: 16px; text-indent: -9999px; background: transparent; cursor: pointer; transition: all .5s;}
.main_banner .banner_dot li.slick-active button{width: 35px; border-radius: 40px; border-color: #fff; background-color:#f69c39}
.main_banner .btn_prev,
.main_banner .btn_next{width:20px; height: 50px; border: 0; display: block; position: absolute; background: none; cursor: pointer; top:calc(50% - 25px);}
.main_banner .btn_prev{left:10px;}
.main_banner .btn_next{right:10px;}
@media screen and (max-width:991px) {
	.main_banner .banner_list .sliders{text-align: center; overflow: hidden;}
	.main_banner .banner_list .sliders img{min-width: 100%; min-height: none;right:0; }
}
/* 인기강좌 */
.main_lecture{max-width: 1280px; padding: 20px; margin: 0 auto}

.main_lecture .lecture_list {font-size: 17px; text-align: center}
.main_lecture .lecture_list .img{margin: 0; margin-bottom: 10px}
.main_lecture .lecture_list .img img{display: inline-block;}
.main_lecture .lecture_list .course_title{word-wrap: break-word; word-break: keep-all;}
.main_lecture .main_btn .btn_prev,
.main_lecture .main_btn .btn_next{height: 20px; border: 0; display: block; float: left; overflow: hidden; background: none; cursor: pointer}
@media screen and (max-width:1050px) {
	.main_lecture{padding: 40px 20px}
}
.review_lecture{max-width: 1280px; padding: 40px 0; margin: 0 auto}

.review_lecture .lecture_list {font-size: 17px; text-align: center}
.review_lecture .lecture_list p{margin: 0; margin-bottom: 10px}
.review_lecture .lecture_list .course_title{word-wrap: break-word; word-break: keep-all;}
.review_lecture .main_btn .btn_prev,
.review_lecture .main_btn .btn_next{height: 20px; border: 0; display: block; float: left; overflow: hidden; background: none; cursor: pointer}
@media screen and (max-width:1050px) {
	.review_lecture{padding: 40px 20px}
}
/* 퀵메뉴 */
.main_quick{max-width: 1280px; width: 100%; margin: 0 auto; position: relative}
.main_quick:after{content: ''; display: block; clear: both}
.main_quick .quick_box:after{content: ''; display: block; clear: both}
.main_quick .quick_box ul{margin-top: 7px; clear: both}
.main_quick .quick_box ul:first-child{margin-top: 0}
.main_quick .quick_box ul:after{content: ''; display: block; clear: both}
.main_quick .quick_box ul li{width: 227px; height: 200px; padding: 30px 10px; margin-left: 7px; float: left; background: #ffffff; font-size: 14px; text-align: center ;letter-spacing: -1px}
.main_quick .quick_box ul li:first-child{margin-left: 0}
.main_quick .quick_box ul li a{display: block; color: #666666}
.main_quick .quick_box ul li a .img{margin-bottom: 10px}
.main_quick .quick_box ul li a .txt .tit{margin-bottom: 7px; color: #333333; font-size: 22px; font-weight: 700; font-family: 'NanumSquare', '나눔스퀘어'}
.main_quick .quick_box02{width: 348px; position: absolute; bottom: 0; right: 0; color: #666666; font-size: 30px; font-weight: 700; text-align: center}
.main_quick .quick_box02 .tit{color: #fdbe27; font-size: 45px; font-weight: 700}
.main_quick .quick_box02 p{font-family: 'NanumSquare', '나눔스퀘어'}
.main_quick .quick_box02 p:first-child{margin-bottom: 7px;}
@media screen and (max-width:1050px) {
	.main_quick{padding: 0 20px}
	.main_quick .quick_box ul li{width: calc(33.3333% - 7px)}
	.main_quick .quick_box02{display: none}
}
@media screen and (max-width:545px) {
	.main_quick .quick_box ul{margin-top: 0}
	.main_quick .quick_box ul li{width: 100%; height: auto; margin-left: 0; margin-bottom: 10px}
	.main_quick .quick_box ul li a .img{width: 100px; display: table-cell; vertical-align: middle}
	.main_quick .quick_box ul li a .txt{padding-left: 20px; display: table-cell; vertical-align: middle; text-align: left}
}

/* 기타 */
.main_etc{max-width: 1280px; padding: 20px; margin: 0 auto}
.main_etc .etc_box{width: 100%; margin-bottom: 40px; display: table}
.main_etc .etc_box:after{content: ''; display: block; clear: both}

.main_etc .etc_box .etc_btn{width:100%; height:125px;}
.main_etc .etc_box .etc_btn p{width:520px;border:1px solid #b6b6b6;float:left;}
.main_etc .etc_box .etc_btn p:nth-child(1){margin-right:10px;}
.main_etc .etc_box .etc_btn img{width:520px;}

@media screen and (max-width:768px) {
	.main_etc .etc_box .etc_btn p{width: 100%; height: auto;}
	.main_etc .etc_box .etc_btn p:nth-child(2){border-top:0;}
	.main_etc .etc_box .etc_btn img{width: 100%; height:auto;}
}


.main_etc .etc_box .list{padding: 10px 0;}
.main_etc .etc_box .list ul li{margin-top: 17px}
.main_etc .etc_box .list ul li:first-child{margin-top: 0}
.main_etc .etc_box .list ul li:after{content: ''; display: block; clear: both}
.main_etc .etc_box .list ul li .tit{width: calc(90% - 90px); display: block; float: left; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; font-size: 14px}
.main_etc .etc_box .list ul li .tit:before{content: '·'; margin-right: 10px}
.main_etc .etc_box .list ul li .date{margin-top: 1px; display: block; float: right; color: #888888; font-size: 14px}
.main_etc .etc_box .etc_notice{width:50%; max-width: 610px; float: left; padding-right:10px;}
.main_etc .etc_box .etc_faq{width:50%; max-width: 610px; padding-left: 10px; float: left}
.main_etc .etc_box .etc_quick{float: right;}
.main_etc .etc_box .etc_quick a{float: left}


@media screen and (max-width:1050px) {
	.main_etc .etc_box .etc_notice{width:100%; float: none; padding-right:10px;}
	.main_etc .etc_box .etc_faq{width:100%;  float: none; padding-left: 0;}
	.main_etc .etc_box .etc_quick{display: none}
}
@media screen and (max-width:991px) {
	.main_etc .etc_box .etc_call{width: 300px}
}
@media screen and (max-width:768px) {
	.main_etc .etc_box{display: block}
	.main_etc .etc_box .etc_notice{width: 100%; height: 220px; display: block}
	.main_etc .etc_box .etc_call{width: 100%; height: auto; border-top: 0; display: block}
}
@media screen and (max-width:545px) {
	.main_etc .etc_box .etc_call .num{font-size: 35px}
}