/* main common */
.main_sectionBox {padding-top: 82px; position: relative;}
a.more_btn {position: absolute; font-size: 20px; font-weight: bold; border-radius: 50%; display: block; padding: 7px 11.96px;}


/* mainSlide */
ul.slick-dots {position: absolute; bottom: 150px; margin: 0; left: 50%; transform: translateX(-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: 700px; background-size: cover!important;}
div.slide_01 {background: url(/Admission/resources/img/main_slide/slide_01.jpg) center no-repeat;}
div.slide_02 {background: url(/Admission/resources/img/main_slide/slide_02.jpg) center no-repeat;}


/* mainAdmission */
#mainAdmission {text-align: center; color: #fff; position: relative; z-index: 2020; transform: translateY(-50%);}
#mainAdmission a {color: #fff;}
div.mA_box {display: inline-block; vertical-align: top; width: 600px; height: 250px;}
div.mA_box table {width: 100%;}
div#mA_right tr:last-child td {padding: 0 0 10px;}
div.mA_box tr:last-child td:first-child {border-right: 2px solid rgba(255,255,255,0.5);}
div.mA_box th {font-size: 26px; padding: 30px 0;}
div.mA_box a {display: block; padding: 0 0 10px;}
div#mA_left {background: rgba(26,80,139,0.9);}
div#mA_left h3 {font-size: 23px;}
div#mA_right {background: rgba(27,42,55,0.9);}
div#mA_right h3 {font-size: 18px; color: #ffcc00; border: 1px solid #fff; border-radius: 20px; display: inline-block; padding: 5px 20px; margin: 12px 0;}


/* mainNotice */
#mainNotice div.wrap {position: relative; text-align: center;}
#mainNotice h2 {text-align: left;}
#mainNotice a.more_btn {top: 0; right: 0; color: #fff; background: #1a508b;}
#mainNotice .mN_box {width: 240px; height: 210px; padding: 20px; background: #f4f4f4; overflow: hidden; display: inline-block; vertical-align: top; text-align: left; margin-right: 20px;}
#mainNotice .mN_box:hover p.notice_title {transform: scale(1.05);}
#mainNotice .mN_box:last-child {margin-right: 0;}
p.notice_title {font-size: 20px; color: #555; max-height: 8.4em; line-height: 1.2em; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; word-break: break-all; -webkit-line-clamp: 7; -webkit-box-orient: vertical; transition: transform 0.3s ease;}
p.notice_date {font-size: 18px; color: #999; position: absolute; bottom: 0;}


/* mainBottom */
div#mainBottom {margin: 100px 0;}
.mB_box {display: inline-block; vertical-align: top; width: 360px; height: 300px; margin-right: 34px; overflow: hidden; position: relative;}
.mB_box a.more_btn {color: #000; background: #fff; border: 1px solid #ddd; top: 15px;  right: 0; transition: background-color 0.3s ease;}
.mB_box a.more_btn:hover {background: #333; color: #fff;}
.mB_box h2 {border-bottom: 1px solid #000; padding-bottom: 20px;}
.mB_box li {white-space: nowrap; text-overflow: ellipsis; overflow: hidden; line-height: 2em;}
.mB_box li::before {content: "· ";}
.mB_box li a {font-size: 18px;}
.mB_box li a:hover {color: #1a508b;}
div#mainUtil {display: inline-block; background: #1a508b; padding: 20px; width: 360px; height: 260px;}
div#mainUtil table {border-collapse: collapse; width: 100%; height: 100%;}
div#mainUtil td {width: 50%; height: 50%; vertical-align: top;}
div#mainUtil td:first-child {border-right: 1px solid #7b9abc;}
div#mainUtil td:last-child a {padding-left: 20px;}
div#mainUtil tr:first-child td {border-bottom: 1px solid #7b9abc;}
div#mainUtil tr:last-child td a {padding-top: 20px;}
div#mainUtil a {color: #fff; font-weight: bold; font-size: 22px; display: block; height: 100%;}