/* mainSlide */
#mainSlide {overflow: hidden; position: relative; margin-bottom: -4px;}
#mainSlide .main_slide {width: 100%;}
#mainSlide .main_slide a {display: block; width: 100%;}
#mainSlide .main_slide img {width: 100%;}
#mainSlide .slick-dots {position: absolute; left: 50%; bottom: 15px; transform: translateX(-50%); display: flex;}
#mainSlide .slick-dots button {font-size: 0; margin: 0 5px; width: 10px; height: 10px; padding: 0; border: none; border-radius: 50%; background: #fff;}
#mainSlide .slick-dots li.slick-active button {background: #ffa3a3;}

/* mainBand */
#mainBand {background: #3e3e3e; color: #fff; display: flex; align-items: center;}
#mainBand p {margin: 0; display: inline-block; vertical-align: middle;}
#mainBand .mainBand_title {background: #4e5b90; padding: 5px; text-align: center;}
#mainBand .mainBand_text {margin-left: 5px; letter-spacing: -1px;}
#mainBand .mainBand_text::before {content: "· ";}

/* mainBest */
#mainBest {background: #992828; color: #fff; padding: 12px;}
#mainBest h3 {margin: 0; text-align: center; font-size: 22px; letter-spacing: -1px; margin-bottom: 12px;}
#mainBest h3 img {vertical-align: middle;}
#mainBest h3 span {display: inline-block; border-bottom: 2px solid #fff;}
.best_lecture a {color: #fff; font-size: 13px; letter-spacing: -1px;}
.best_lecture a::after {content: ""; margin-left: 5px; display: inline-block; width: 7px; height: 7px; border-right: 1px solid #fff; border-bottom: 1px solid #fff; transform: rotate(-45deg);}
.best_lecture strong {color: #fff2bc; margin-right: 5px;}
.best_lecture li {display: inline-block; width: calc(50% - 10px); padding: 4px 0 8px; vertical-align: top;}
.best_lecture li:nth-child(2n-1) {margin-right: 10px;}
.best_lecture li:nth-child(n+1):nth-child(-n+4) {border-bottom: 1px dashed #fff;}

/* mainIcon */
#mainIcon {background: #efefef; padding: 10px; display: flex; text-align: center;}
#mainIcon .icon_list {display: inline-block; width: 20%; margin: 2.5%;}
#mainIcon .icon_list a {display: block; color: #000;}
#mainIcon .icon_list img {width: 80%;}
#mainIcon .icon_list p {margin: 0; font-size: 15px; letter-spacing: -1px;}

/* mainLecture */
#mainLecture {text-align: center; padding: 30px 0 50px;}
#mainLecture h2 {text-align: center;}
#mainLecture h2 span {color: #dc2f2f; border-bottom: 2px solid #dc2f2f;}
#mainLecture .btn_more {background: #de4949; color: #fff; font-size: 15px; cursor: pointer; padding: 10px 20px; border-radius: 20px; display: inline-block;}
#mainLecture .btn_more em {font-style: normal; font-size: 12px; margin-left: 5px; display: inline-block; transform: rotate(0deg); transition: transform 0.3s;}
#mainLecture .btn_more em.rotate {transform: rotate(180deg);}

.mL_box {display: inline-block; width: calc(48% - 5px); height: 38px; border: 1px solid #c2c2c2; margin: 5px 0; line-height: 36px; background: #f5f5f6; text-align: left; font-size: 15px; letter-spacing: -1px; overflow: hidden;}
.mL_box:hover {background: #fff;}
.mL_box:nth-child(2n-1) {margin-right: 5px;}
.mL_box a {display: block; padding: 0 20px; color: #000; background: url(/resources/img/icon/ico_arrow.png) no-repeat right 15px center;}
.mL_box.hot a::after {content: "HOT"; font-size: 10px; font-weight: 500; color: #fff; background: red; border-radius: 3px; padding: 0 5px 1px; margin-left: 5px; vertical-align: bottom;}
.more_lecture {display: none;}


/* mainBoards */
#mainBoards {margin: 0 20px 50px 10px;}
#mainBoards .tab_menu {margin-top: -7px; font-size: 20px; font-weight: 700; line-height: 20px; margin: 0; border-bottom: 2px solid #484c55; min-height: 37px;}
#mainBoards .tab_btn {display: inline-block; vertical-align: top; text-align: center; color: #7a7a7a; font-size: 17px; font-weight: 700; height: 37px; line-height: 37px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; margin: 0 -6px -10px 0; padding: 0 10px;}
#mainBoards .tab_btn.on, #mainBoards .tab_btn:hover {background: #1a1f2b; color: #fff;}
#mainBoards .tab_more {display: none;float: right; font-size: 14px; color: #646464; margin-top: 7px; font-weight: normal;}
#mainBoards .tab_more.on {display: block;}
#mainBoards .board_list {margin-top: 8px;}
#mainBoards .board_list a {color: #646464; font-size: 15px; line-height: 32px;}
#mainBoards .board_list .cate {margin-right: 0.5em;}
#mainBoards .board_list .post {display: inline-block; vertical-align: top; width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#mainBoards .board_list .date {float: right; color: #4b4b4b;}

#mainBoards .board_list span.post_cate {color: #fefefe;font-size: 14px;font-weight: bold;padding: 3px 9px;border-radius: 25px;background: #666;margin-right: 10px;}
#mainBoards .board_list span.cate_sin {background: #0000ff;}
#mainBoards .board_list span.cate_hak {background: #ff9000;}
#mainBoards .board_list span.cate_not {background: #ff0000;}
/* logo_mark */
.logo_mark {background: #f5f5f6; text-align: center; padding: 20px 0;}
.logo_mark img {width: 150px;}