/* mainSlide */
#mainSlide {height: 460px; overflow: hidden; min-width: 1160; position: relative;}
#mainSlide .main_slide {width: 100%; height: 460px; background-size: cover!important;}
#mainSlide .main_slide a {display: block; width: 100%; height: 460px;}
#mainSlide .main_slide.slide_01 {background: url(/resources/img/main_slide2/main_slide_01.jpg) center no-repeat;}
#mainSlide .main_slide.slide_02 {background: url(/resources/img/main_slide2/main_slide_02.png) center no-repeat;}
#mainSlide .main_slide.slide_03 {background: url(/resources/img/main_slide2/main_slide_03.png) center no-repeat;}
#mainSlide .main_slide.slide_04 {background: url(/resources/img/main_slide2/main_slide_04.png) center no-repeat;}
#mainSlide .main_slide.slide_05 {background: url(/resources/img/main_slide2/main_slide_05.png) center no-repeat;}
#mainSlide .main_slide.slide_06 {background: url(/resources/img/main_slide2/main_slide_06.png) center no-repeat;}
#mainSlide .main_slide.slide_07 {background: url(/resources/img/main_slide2/main_slide_07.jpg) center no-repeat;}
#mainSlide .main_slide.slide_08 {background: url(/resources/img/main_slide2/main_slide_08.jpg) center no-repeat;}
#mainSlide .main_slide.slide_09 {background: url(/resources/img/main_slide2/main_slide_09.jpg) center no-repeat;}
#mainSlide .main_slide.slide_10 {background: url(/resources/img/main_slide2/main_slide_10.jpg) center no-repeat;}

#mainSlide .slick-arrow {font-size: 0; border: 0; position: absolute; top: 50%; transform: translateY(-50%); width: 30px; height: 50px; z-index: 2022;}
#mainSlide .slick-arrow.slick-prev {left: 200px; background: url(/resources/img/icon/controls.png) no-repeat 0 0;}
#mainSlide .slick-arrow.slick-prev:hover {background-position: 0 -50px;}
#mainSlide .slick-arrow.slick-next {right: 200px; background: url(/resources/img/icon/controls.png) no-repeat -30px 0;}
#mainSlide .slick-arrow.slick-next:hover {background-position: -30px -50px;}
    @media screen and (min-width: 1680px) {
        #mainSlide .slick-arrow.slick-prev {left: 350px;}
        #mainSlide .slick-arrow.slick-next {right: 350px;}
    }

/* mainBand */
#mainBand {background: #3e3e3e; height: 80px; color: #fff; font-size: 18px; text-align: center; overflow: hidden;}
#mainBand p {display: inline-block; vertical-align: middle; margin: 0; line-height: 80px;}
#mainBand .mainBand_title {background: #4e5b90; padding: 13px 24px; float: left; line-height: 27px;}
#mainBand .mainBand_text span {margin: 0 15px;}
#mainBand .mainBand_text span::before {content: "�� ";}
#mainBand .mainBand_apply {float: right; color: #fff; width: 120px; height: 42px; line-height: 42px; border: 1px solid #fff; margin-top: 18px;}
#mainBand .mainBand_apply:hover {background: #4e5b90;}


/* mainLinks */
#mainLinks {background: #f5f5f5; text-align: center; height: 120px;}
#mainLinks li {display: inline-block; vertical-align: middle; margin: 40px 45px 0;}
#mainLinks li a {display: block; height: 72px; background: url(/resources/img/icon/quick_icon2.jpg) no-repeat;}

#mainLinks li.btn_01 a {width: 88px; background-position: 0 0;}
#mainLinks li.btn_02 a {width: 80px; background-position: 0 0;}
#mainLinks li.btn_03 a {width: 86px; background-position: -80px 0;}
#mainLinks li.btn_04 a {width: 85px; background-position: -166px 0;}
#mainLinks li.btn_05 a {width: 102px; background-position: -253px 0;}
#mainLinks li.btn_06 a {width: 43px; background-position: -355px 0;}
#mainLinks li.btn_07 a {width: 87px; background-position: -398px 0;}

#mainLinks li.btn_01 a:hover {background-position:0 -72px;}
#mainLinks li.btn_02 a:hover {background-position:0 -72px ;}
#mainLinks li.btn_03 a:hover {background-position:-80px -72px;}
#mainLinks li.btn_04 a:hover {background-position:-166px -72px;}
#mainLinks li.btn_05 a:hover {background-position:-253px -72px;}
#mainLinks li.btn_06 a:hover {background-position:-355px -72px;}
#mainLinks li.btn_07 a:hover {background-position:-398px -72px;}


/* mainContents */
#mainContents {padding: 61px 0 49px;}
.mC_box {display: inline-block; vertical-align: top; margin-right: 10px;}
.mC_title {font-size: 20px; font-weight: 700; line-height: 20px; margin: 0; border-bottom: 2px solid #484c55; padding-bottom: 10px;}

#mainLecture {width: 795px;}
.mL_box {float: left; width: 253px; height: 38px; border: 1px solid #c2c2c2; margin: 11px 15px 0 0; line-height: 36px; background: #f5f5f6;}
.mL_box:hover {background: #fff;}
.mL_box:nth-child(3n) {margin-right: 0;}
.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: 13px; font-weight: 500; color: #fff; background: red; border-radius: 3px; padding: 0 5px 1px; margin-left: 10px;}

#mainBest {width: 290px; margin-right: 0;}
#mainBest ul {border: 1px solid #c2c2c2; padding: 10px;}
.mB_list a {display: block; border-bottom: 2px dashed #c2c2c2; padding: 7px 10px; line-height: 20px;}
.mB_list:first-child a {padding-top: 0;}
.mB_list:last-child a {border-bottom: 0; padding-bottom: 0;}
.mB_list h5 {margin: 0; font-size: 16px; color: #a57478; font-weight: 500;}
.mB_list h5 span {display: inline-block; text-align: center; background: #a57478; color: #fff; border-radius: 50%; width: 22px; height: 22px; line-height: 20px;}
.mB_list:hover h5 {color: #b92630;}
.mB_list:hover h5 span {background: #b92630;}
.mB_list p {margin: 0; padding-left: 27px; color: #646464;}
.mB_banner {border: 1px solid #ccc; border-top: 0; font-size: 0;}

#mainGuide {width: 256px;}
#mainGuide ul {margin-top: 15px;}
.mG_list {border: 1px solid #c1c1c1; margin-bottom: 9px;}
.mG_list a {display: block; color: #181818; padding: 23px;}
.mG_list img {display: inline-block; vertical-align: middle; padding-right: 15px;}

#mainBoards {width: 530px; margin: 0 20px 0 10px;}
#mainBoards .tab_menu {margin-top: -7px;}
#mainBoards .tab_btn {display: inline-block; vertical-align: top; text-align: center; color: #7a7a7a; font-size: 17px; font-weight: 700; width: 92px; 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 .tab_con {display: none;}
#mainBoards .tab_con.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 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;}
#mainBoards .board_list .post {display: inline-block; vertical-align: top; width: 70%; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
#mainBoards .board_list .name {margin: 0 10px;}
#mainBoards .board_list .date {float: right; color: #4b4b4b;}

#mainCall {width: 250px; height: 200px; padding: 30px 0; text-align: center; border: 1px solid #ccc; color: #3a3a3a; background: #f9f9f9; font-size: 18px; letter-spacing: -0.5px;}
#mainCall p {margin: 0;}
#mainCall strong {color: #d02929; font-weight: 600; font-size: 26px;}
#mainCall h3 {font-size: 26px; margin: 5px 0; font-weight: 500;}
#mainCall h3 span {display: inline-block; vertical-align: middle; line-height: 1em;}


/* mainManual */
#mainManual {background: #f5f5f5; padding: 45px 0;}
#mainManual h3 {font-size: 18px; margin: 0 0 15px;}
#mainManual h3 span {font-size: 14px; color: #818181;}
#mainManual li {display: inline-block; text-align: center; margin-right: -4px;}
#mainManual li img {background: #c7c7c7;}
#mainManual li:nth-child(2n-1) img {background: #d6d6d6;}
#mainManual li:hover img {background: #828282;}
#mainManual li a {font-size: 12px; color: #585858;}