/* main common */
.main_sectionBox {padding-top: 120px; position: relative;}


/* mainSlide */
ul.slick-dots {position: absolute; bottom: 90px; margin: 0; left: 50%;}
ul.slick-dots button {background: none; font-size: 0; width: 20px; height: 20px; border-radius: 50%; border: 2px solid #fff; transition: all 0.5s ease; cursor: pointer;}
ul.slick-dots li {display: inline-block; margin: 0 5px;}
li.slick-active button {background: #30bdfb; border-color: #30bdfb; width: 50px; border-radius: 20px;}
div#slideWrap {width: 100%; height: 100%;}
div.slide_box {min-height: 850px; background-size: cover!important;}
div.slide_01 {background: url(/resources/img/main_slide/slide_01.jpg) center no-repeat;}
div.slide_02 {background: url(/resources/img/main_slide/slide_02.jpg) center no-repeat;}
div.slide_03 {background: url(/resources/img/main_slide/slide_03.jpg) center no-repeat;}


/* mainVisual */
#mainBoards {height: 380px; overflow: hidden; padding-top: 10px}
a.more_btn {position: absolute; top: 45px; right: 15px; font-size: 20px; font-weight: bold; color: #fff; background: #1a508b; border-radius: 50%; display: block; padding: 7px 11.96px;}
#mainBoards h3 {text-align: center; font-size: 34px; font-weight: 800; margin: 0;}
#mainBoards h3>span {color: #1a508b;}

div#mainNews {position: relative; width: 876px; height: 410px; display: inline-block; text-align: center;}
ul.category_wrap li {display: inline-block; font-size: 20px; margin: 0 20px;}
ul.category_wrap a {padding-bottom: 5px;}
ul.category_wrap a:hover,ul.category_wrap a.on {color: #19456b; border-bottom: 3px solid #19456b;}
div#newsSlide {position: relative; width: 750px; margin: auto;}
div#newsSlide .slick-arrow {position: absolute; top: 120px; width: 40px; height: 40px; font-size: 0; border: none; cursor: pointer; z-index: 2000; background: url(/resources/img/icon/btn_arrow.png) no-repeat;}
div#newsSlide .slick-prev {left: -45px; transform: rotate(180deg);}
div#newsSlide .slick-next {right: -45px;}
div#newsSlide .news_box {display: inline-block; background: #f4f4f4; width: 200px!important; height: 220px; padding: 20px; vertical-align: top; text-align: left; margin: 0 5px;}
div#newsSlide div.headLine {font-size: 18px; line-height: 1.7em; height: 150px; overflow: hidden; margin: 10px 0; text-overflow: ellipsis; word-wrap: break-word; display: -webkit-box; -webkit-line-clamp: 5; -webkit-box-orient: vertical;}
span.category_ico {display: block; width: 88px; text-align: center; font-size: 17px; color: #fff; padding: 10px 0;}
span.notice_ico {background: #1a508b;} /* 공지사항 아이콘 */
span.event_ico {background: #30bdfb;} /* 학교행사 아이콘 */
span.news_ico {background: #ffb400;} /*  뉴스 아이콘 */
span.bid_ico {background: #5a5a5a;} /* 입찰공고 아이콘 */

div#mainCalendar {position: relative; width: 465px; height: 410px; float: right;}
div#mainCalendar>h4 {font-size: 20px; margin: 16px 0;}
div#cal_dateWrap {overflow-y: auto; height: 270px;}
.date_box {display: inline-block; width: 210px; height: 122px; vertical-align: top; border-top: 3px solid #b5b5b5; margin: 0 10px 10px 0; overflow: hidden;}
h4.cal_date {font-size: 30px; margin: 10px 0;}
p.cal_txt {color: #999; margin: 0;}

#mainPop {background: url(/resources/img/bg/mainPop_bg.jpg) center no-repeat; height: 460px; position: relative; text-align: right;}
div.popWrap {vertical-align: middle; display: inline-block;}
div.popBox {height: 140px; width: 250px; text-align: center; color: #fff; vertical-align: middle; padding: 30px 0; margin-bottom: 4px;}
div.popBox p {font-size: 16px; margin: 10px 0;}
div.popBox h4 {font-size: 20px; margin: 15px 0;}
.pop_01 {background: #0856a0;}
.pop_02 {background: url(/resources/img/bg/pop_02_bg.jpg) center no-repeat;}
.pop_03 {background: #818181;}
.pop_04 {background: url(/resources/img/bg/pop_04_bg.jpg) center no-repeat;}
.pop_05 {background: #555;}
.pop_06 {background: url(/resources/img/bg/pop_06_bg.jpg) center no-repeat;}


/* mainLinks */
div#mainShortcuts {background: #ededed; margin-bottom: 30px; text-align: center; padding: 20px 0;}
div#mainShortcuts li {display: inline-block; margin: 0 30px;}
div#mainShortcuts a {font-weight: bold; display: block;}
div#mainShortcuts img {display: block; margin: auto; margin-bottom: 10px; width: 65px;}

div#linkVisual {width: 530px; height: 265px; background: url(/resources/img/bg/luvccn.jpg) center no-repeat; background-size: cover;}
div#smartBox {border: 2px solid #eee; height: 261px; width: 836px; float: right; background: #fff;}
h3.sB_btn {display: inline-block; margin: 0; color: #999; background: #efefef; cursor: pointer; border-bottom: 5px solid #efefef; text-align: center; width: 120px; padding: 12px 0 10px;}
h3.btn_selected {background: #fff!important; color: #000!important; border-bottom-color: #ffb400!important;}
ul.sB_list {display: none;}
ul.sB_list li {display: inline-block; text-align: center; font-weight: bold; margin-left: 13px; vertical-align: top;}
ul.sB_list a {display: block; width: 120px; padding: 10px 0;}
ul.sB_list img {display: block; margin: auto;}
div#smartBox .ul_selected {display: block;}

div#linkCenter {background: #0856a0; color: #fff; padding: 170px 0 25px; margin-top: 160px}
div#linkCenter h3 {text-transform: uppercase; font-size: 45px; position: absolute; margin: 0;}
a.link_box {display: inline-block; width: 20%;}
a.link_box img {width: 100%;}