@charset "utf-8";
@import url('/site/common/board_n.css');

/* @import url('https://fonts.cdnfonts.com/css/times-new-roman: ital'); */
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');


/* reset css*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,  figure, figcaption, footer, header, hgroup,  menu, nav, output, ruby, section, summary, time, mark, audio, video, input, button {margin:0; padding:0; border:0; font-size:100%; font-family:'Open Sans', sans-serif; font-weight:400}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {display:block}
body {font-family: 'Open Sans', sans-serif; line-height:1; word-break:break-word}
ol, ul, li {list-style:none}
blockquote, q {quotes:none}
blockquote:before, blockquote:after, q:before, q:after {content:''; content:none}
table {border-collapse:collapse; border-spacing:0; /*table-layout:fixed*/}
caption, legend {overflow:hidden; text-indent:-9999px; height:1px; padding:0 !important}
html {font-family:sans-serif; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%}
h1, h2, h3 {font-family: 'Open Sans', sans-serif}
a {background-color:transparent; color:inherit; text-decoration:none; text-underline-position:under}
a:active, a:hover {outline:0; text-underline-position:under}
p {outline:none}
img {border:0}
button {cursor:pointer; background:none}
select {font:inherit}
select:hover {cursor:pointer}
textarea {padding:0}
input, select {vertical-align:top; margin-top:0 !important}

.show768 {display:none; border: 0;}
.show1024 {display:none}
.show1200 {display:none}
.width100 {width:100%}
.img-responsive {max-width:100%; height:auto}
.auto {margin:0 auto}
.colorBlue {color:#2753f1 !important}
.colorBlue {color:#00293E !important}
.colorRed {color:#B71A34 !important}
.colorBrown {color:#978475 !important}
.colorIm {color:#F3FF44 !important}
.colorOliveGreen {color:#4B5439 !important}
.colorYellow {color:#F3FF44 !important}
.colorFFF {color:#fff !important}
.textCenter {text-align:center}

.mt30 {margin-top:30px}

.mb20 {margin-bottom:20px !important}

.subMt5 {margin-top:5px}
.subMt7 {margin-top:7px}
.subMt10 {margin-top:10px}
.subMt20 {margin-top:20px}
.subMt30 {margin-top:30px}
.subMt35 {margin-top:35px}
.subMt40 {margin-top:40px}
.subMt50 {margin-top:50px}
.subMt60 {margin-top:60px}
.subMt70 {margin-top:70px}
.subMt80 {margin-top:80px}
.subMt90 {margin-top:90px}
.subMt100 {margin-top:100px}

.subMb30 {margin-bottom:30px}
.subMb35 {margin-bottom:35px}
.subMb40 {margin-bottom:40px}
.subMb50 {margin-bottom:50px}
.subMb60 {margin-bottom:50px}
.subMb70 {margin-bottom:50px}
.subMb80 {margin-bottom:50px}
.subMb90 {margin-bottom:50px}
.subMb100 {margin-bottom:50px}

.subPl20 {padding-left:20px}

/* input */
.checkStyle {position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
.checkStyle + label {display:inline-flex; align-items:center; position:relative; cursor:pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; font-size:16px; font-weight:400; color:#00293E; line-height:25px}
.checkStyle + label:hover {color:#2753f1}
.checkStyle + label:before {flex-shrink:0; content:''; width:22px; height:22px; text-align:center; background:#fff; border:2px solid #2753f1; border-radius:100%; margin-right:8px}
.checkStyle:checked + label:before {border-color:#2753f1; background:#2753f1}
.checkStyle:checked + label {text-decoration: line-through}

/* dList */
.dList > li {font-size:15px; font-weight:400; line-height:130%; color:#00293E; display:flex; margin-bottom:10px}
.dList > li:before {content:'•'; margin-right:5px}
.dList > li strong {font-weight:700}
.bList > li {font-size:15px; font-weight:400; line-height:130%; color:#00293E; display:flex; margin-bottom:10px}
.bList > li:before {content:'-'; margin-right:5px}
.bList > li strong {font-weight:700}
.nList {margin-left:18px}
.nList > li {font-size:15px; font-weight:400; line-height:130%; color:#00293E; margin-bottom:10px; list-style:decimal}
.nList > li strong {font-weight:700}
.nList > li .dList {margin-left:4px}

.nList2 > li {margin-bottom:7px}
.dList2 > li {margin-bottom:7px}


/* select */
.selectBoxStyle {position:relative; display:inline-block; width:100%}
.selectBoxStyle:focus-visible, .selectBoxStyle:focus {outline:none !important}
.selectLabel {display:flex; align-items:center; justify-content:space-between; width:100%; height:31px; padding-left:9px; background-color:#A1887F; box-sizing:border-box; cursor:pointer; text-align:left}
.selectLabel.active {border:1px solid #fff; border-bottom:none; background-color:#00293E}
.selectLabel:focus-visible, .selectLabel:focus {outline:none !important}
.selectLabelTit {width:100%; color:#fff; font-size:14px; font-weight:600}
.selectLabelPlus {flex-shrink:0; width:29px; height:29px; background:url('../images/selectLabelPlus.svg') center center no-repeat}
.optionList {display:none; position:absolute; top:100%; left:0; width:100%; background-color:#2753f1; border:1px solid #fff; z-index:1000; list-style:none; padding:0; margin:0}
.optionItem {padding:0px}
.optionItem a {display:flex; align-items:center; width:100%; height:31px; padding-left:9px; text-decoration:none; background-color:#A1887F; color:#fff; font-size:14px; font-weight:600; cursor:pointer; transition:.2s}
.optionItem a:hover {background-color:#00293E}
.optionItem a:focus-visible, .optionItem a:focus {outline:none !important; background-color:#00293E}

/* table */
.tblSkin1 {width:100%; table-layout:auto; text-align:center}
.tblSkin1 thead th {word-break: normal; background:#313131; color:#fff; border-bottom:2px solid #2753f1; padding:12px 10px; vertical-align:middle; font-size:14px; font-weight:500; color:#fff}
.tblSkin1 tbody th {word-break: normal; background:#f8f8f8; color:#333; border-right:1px solid #71665d; border-bottom:1px solid #71665d; padding:15px 10px; vertical-align:middle; font-weight:500; font-size:14px}
.tblSkin1 tbody td {word-break: normal; background:#fff; color:#333; border-right:1px solid #71665d; border-bottom:1px solid #71665d; padding:15px 10px; vertical-align:middle; font-weight:400; line-height:130%; font-size:14px}
.tblSkin1 tfoot th {word-break: normal; padding:10px; border-bottom:1px solid #71665d; border-right:1px solid #71665d;color:#555;background-color:#f8f8f8; font-size:14px}
.tblSkin1 .text-left {text-align:left}
.tblSkin1 .end {border-right:none !important}






/* mNavWrap */
.mNavWrap {visibility:hidden; position:fixed; z-index:9999; top:74px; left:-100%; width:100%; height:100%; background-color:#00293E; transition:left 0.5s ease, opacity 0.5s ease; opacity:0}
.mNavWrap.active {visibility:visible; left:0; opacity:1}

/* mNav */
.mNav {width:280px; height:100%; background:#3366ff; padding:40px 0; transition:.5s; }
.mNav > li > a {display:flex; align-items:center; justify-content:space-between; width:100%; height:50px; padding:0 20px 0 24px; box-sizing:border-box}
.mNavTit {width:auto; color:#fff; font-size:16px; font-weight:400; position:relative}
.mNavArr {flex-shrink:0; width:7.4px; height:12px; background:url('../images/arr_right.svg') center center no-repeat}
.mNav > li > a:hover .mNavTit, .mNav > li > a:focus .mNavTit {color:#fff; text-decoration:none}
.mNav > li > a .mNavTit::after {content:''; position:absolute; left:0; bottom:-4px; width:0; height:2px; background-color:#fff; transition:width 0.2s ease-in-out}
.mNav > li > a .mNavTit:hover::after {width:100%}


/* menuWrap */
.menuWrap {visibility:hidden; position:fixed; z-index:9999; top:74px; left:-100%; width:100%; height:100%; transition:right 0.5s ease, opacity 0.5s ease; opacity:0}
.menuWrap.active {visibility:visible; left:280px; opacity:1}
.menuWrap > ul {background:#00293E; padding:40px 0}
.menuWrap > ul > li > a {display:flex; align-items:center; justify-content:space-between; width:auto; height:32px; padding-left:22px; font-size:1em; font-weight:300; color:#fff; text-transform: uppercase;}
.menuWrap > ul > li > a span {position:relative}
.menuWrap > ul > li > a:hover, .menuWrap > ul > li > a:focus {color:#fff; text-decoration:none}
.menuWrap > ul > li > a:hover span, .menuWrap > ul > li > a:focus span {text-decoration:none}
.menuWrap > ul > li > a span::after {content:''; position:absolute; left:0; bottom:-8px; width:0; height:3px; background-color:#F3FF44; transition:width 0.2s ease-in-out}
.menuWrap > ul > li > a span:hover::after {width:100%}

.mmNavArr {display:none; flex-shrink:0; width:10px; height:16px; background:url('../images/arr_right.svg') center center no-repeat}
.menuWrapTit {display:none}

.mNavShowWrap {display:none}
.mNavShow {display:flex; align-items:center; justify-content:left; width:100%; height:50px; border-bottom:none !important; padding-left:20px}
.mNavShowTit {width:100%; color:#2753f1; font-size:16px; font-weight:400}
.mNavShowArr {flex-shrink:0; width:7.4px; height:12px; background:url('../images/arr_left.svg') center center no-repeat; margin-right:10px}
.mNavShow:hover, .mNavShow:focus {background:#fff !important; color:#2753f1}

/* subContainer */
.subContainer0 {width:100%; height:calc(100vh - 75px); position:relative; overflow:hidden}
.subContainer1 {width:100%; height:calc(100vh - 75px); padding:40px 40px; box-sizing:border-box; position:relative; overflow:hidden}
.videoBgSample1 {background:url('../images/videoBgSample1.jpg') center top no-repeat; background-size:cover}
.videoBgSample2 {background:url('../images/videoBgSample2.jpg') center top no-repeat; background-size:cover}
.videoBgSample3 {background:url('../images/videoBgSample3.jpg') center top no-repeat; background-size:cover}
.subCon0102 {background:#2753f14D}
.subContainer1 > .inner {max-width:1648px; height:100%; margin:0 auto}
.video-background {position:absolute; top:0; left:0; height:100%; width:100%; object-fit:cover; z-index:-1}

.sub0101Video {background:#778993; position:fixed; top:0; left:0; width:100%; height:calc(100vh - 130px); visibility:visible; opacity:1; transition:opacity 1s ease}
.sub0101Video-inner {width:100%; height:100%; margin:0 auto; max-width:1200px; box-sizing:border-box; display:flex; align-items:center}
.sub0101Video-inner video {width:100%}

.swiper0101 {position:absolute; width:100%; top:calc(100% - 130px); transition:.3s}
.slide0101 {width:100%; height:calc(100vh - 75px); padding:40px 40px; box-sizing:border-box; position:relative; overflow:hidden}
.slide0101 > .inner {max-width:1366px; height:100%; margin:0 auto}
.subContainer0.active {}
.subContainer0.active .swiper0101 {position:relative; top:0}
.subContainer0.active .sub0101Video {visibility:hidden; opacity:0; transition:opacity 1s ease}


/* cate */
.cate {display:flex; flex-wrap:wrap; margin-bottom:50px}
.cate > li {font-size:12px; font-weight:600; color:#00293E; position:relative; cursor:pointer; margin-bottom:5px}
.cate > li span {font-size:12px; font-weight:600; color:#00293E; position:relative; cursor:pointer}
.cate > li:hover span {text-decoration:solid underline #00293E 1px}
.cate > li:last-child span {text-decoration:solid underline #00293E 1px}
.cate > li:after {content:">"; margin:0 5px}
.cate > li:last-child {font-weight:700; margin-bottom:0}
.cate > li:last-child:after {display:none}
.cateDepth1 {display:none}
.cateDepth2 {display:none}
.cateDrop {position:absolute; left:-10px; z-index:1; width:calc(100% + 20px); width:max-content; display:none; padding:5px 0; line-height:120%; background:#fff; border:1px solid #ccc; margin-top:5px; text-align:left}
.cateDrop li a {display:block; background:#fff; padding:4px 10px; font-size:12px; font-weight:600; color:#00293E}
.cateDrop li a:hover {text-decoration:solid underline #00293E 1px}
.cate > li.active .cateDrop {display:block}

/* mobileSubTop */
.mobileSubTop {display:none; background:#00293E}
.mobileSubTop > .inner {width:100%; max-width:1175px; height:100%; margin:0 auto; padding:30px 40px 20px 40px; box-sizing:border-box}
.mobileSubTop > .inner > h2 {font-size:25px; font-weight:400; color:#fff}
.mobileSubTop > .inner > h2:after {content:''; display:block; width:29px; height:4px; background:#F3FF44; border-radius:4px; margin:10px 0 15px 0}

/* preNext */
.preNext {position:absolute; bottom:0; left:0; width:100%; padding-bottom:50px}
.preNext > .inner {display:flex; align-items:center; justify-content:space-between; width:100%; max-width:1400px; margin:0 auto; padding:0 40px}
.preBtn {width:100%; font-size:26px; font-weight:600; color:#2753f1; text-decoration:solid underline #FF44CD 2px; text-align:left}
.nextBtn {width:100%; font-size:26px; font-weight:600; color:#2753f1; text-decoration:solid underline #FF44CD 2px; text-align:right}
.preBtn:hover, .nextBtn:hover {color:#2753f1; text-decoration:solid underline #FF44CD 2px}

.preNext2 {position:absolute; bottom:0; left:0; width:100%; padding-bottom:50px; padding-left:60px}
.preNext2 > .inner {display:flex; align-items:center; justify-content:space-between; width:100%}
.preBtn2 {width:100%; font-size:13px; font-weight:600; color:#2753f1; text-decoration:solid underline #FF44CD 2px; text-align:left}
.nextBtn2 {width:100%; font-size:13px; font-weight:600; color:#2753f1; text-decoration:solid underline #FF44CD 2px; text-align:right}
.preBtn2:hover, .nextBtn2:hover {color:#2753f1; text-decoration:solid underline #FF44CD 2px}

.sub0101a {display:flex; align-items:center; justify-content:center; margin-top:50px; padding-bottom:50px}
.sub0101a-left {width:50%; text-align:center}
.sub0101a-left > h3 {font-size:35px; font-weight:600; color:#00293E; margin-top:15px}
.sub0101a-right {width:31%; font-size:20px; font-weight:600; line-height:30px; color:#00293E}
.sub0101a-right .highlight {font-weight:600}
.sub0101b {max-width:1400px; margin:0 auto}
.sub0101b h2 {font-size:40px; font-weight:400; color:#00293E; line-height:60px}
.sub0101b h2 .highlight {font-weight:400}
.sub0101b h3 {font-size:25px; font-weight:300; font-style:italic}
.sub0101c {display:flex; justify-content:flex-end}
.sub0101c > p {font-size:20px; font-weight:600; line-height:30px; color:#00293E; max-width:400px; max-height:calc(100vh - 280px); overflow-y:auto}
.sub0101c > p .highlight {font-weight:600}
.sub0101d {display:flex; align-items:center; justify-content:space-between; width:100%; max-width:1000px; margin:0 auto}
.sub0101d > .sub0101d-left {max-width:400px; max-height:calc(100vh - 280px); overflow-y:auto}
.sub0101d > .sub0101d-left > p {font-size:20px; font-weight:600; line-height:30px; color:#00293E}
.sub0101d > .sub0101d-left > p .highlight {font-weight:600}
.sub0101d > .sub0101d-right {max-width:400px}
.sub0101d > .sub0101d-right > h3 {font-size:40px; font-weight:400; line-height:60px; color:#2753f1}
.ApplyNowBtn {display:inline-flex; align-items:center; justify-content:space-between; font-size:16px; font-weight:600; color:#fff; background:#2753f1; height:43px; padding:0 15px 0 16px; text-decoration:none}
.ApplyNowBtn > img {margin-left:13px}
.ApplyNowBtn:hover {text-decoration:none; color:#fff}

/* apply */
.sectionE-btnWrap {display:none; position:fixed; bottom:0; left:0; z-index:99999999; width:100%}
.sectionE-btnWrap > a {display:flex; align-items:center; justify-content:center; height:40px; box-sizing:border-box; text-decoration:none}
.sectionE-btnWrap > a.ApplyNow {width:66%; font-size:16px; font-weight:600; color:#fff; background:#2753f1; border-top:1px solid #fFF; border-right:none}
.sectionE-btnWrap > a.Brochure {width:17%; font-size:10px; font-weight:600; color:#00293E; background:#fff; border-top:1px solid #2753f1; border-right:none}
.sectionE-btnWrap > a.Contact {width:17%; font-size:10px; font-weight:600; color:#00293E; background:#fff; border-top:1px solid #2753f1; border-left:none}
.sectionE-btnWrap > a.ApplyNow:hover, .sectionE-btnWrap > a.ApplyNow:focus {color:#00293E; background:#fff; border-top:1px solid #2753f1; border-right:none}
.sectionE-btnWrap > a.Brochure:hover, .sectionE-btnWrap > a.Brochure:focus, .sectionE-btnWrap > a.Contact:hover, .sectionE-btnWrap > a.Contact:focus {color:#fff; background:#A1887F}

/* subTopTitle */
.subTopTitle {border-bottom:1px solid #00293E}
.subTopTitle .inner {max-width:1366px; padding:23px 60px; margin:0 auto}
.subTopTitle .inner > ul {display:flex; align-items:center; margin-bottom:0}
.subTopTitle .inner > ul > li {font-size:30px; font-weight:400; color:#00293E}
.subTopTitle .inner > ul > li:after {display:inline-block; content:'>'; margin:0 14px}
.subTopTitle .inner > ul > li:last-child:after {display:none}

/* subContainer */
.subContainer {margin-top:60px; padding:0 60px; max-width:1366px; margin-right:auto; margin-left:auto}
.subContainer > .inner {display:flex}
.subContainer > .inner > nav {flex-shrink:0; width:100%; max-width:22%; position:relative}
.subContainer > .inner > nav:after {content:''; display:block; width:1px; height:490px; background:#00293E; position:absolute; top:0; right:0}
.subContainer > .inner > nav > .lnbList {margin-bottom:0}
.subContainer > .inner > nav > .lnbList > li > a {display:block; font-size:14px; font-weight:400; color:#00293E; padding:15px 0}
.subContainer > .inner > nav > .lnbList > li > a:hover, .subContainer > .inner > nav > .lnbList > li > a:focus {text-decoration:none; color:#2753f1; }
.subContainer > .inner > nav > .lnbList > li.active > a {font-weight:700; color:#2753f1}
#mainContent {width:100%; /*max-width:calc(78% - 140px);*/ max-width:1095px; position:relative; padding-bottom:150px}
#mainContent > h3 > span {color:#3366ff; }
.h1Tit {font-size:4em; font-weight:800; color:#00293E;}
.h2Tit {font-size:60px; font-weight:600; color:#00293E; border-left:4px solid #2753f1; padding-left:15px}
.h3Tit {font-family: 'Open Sans'; font-size:3em; font-weight:800; color:#000; line-height: 1.5; padding-top: 23px;}
.h4Tit {font-size:25px; font-weight:600; color:#00293E}
.h5Tit {font-size:20px; font-weight:600; color:#00293E}
.h6Tit {font-size:16px; font-weight:600; color:#00293E}
.h7Tit {font-size:14px; font-weight:800; color:#2753f1}
.h7Tit2 {font-size:14px; font-weight:400; color:#2753f1}
.pTxt1 {font-size:20px; font-weight:400; line-height:2; color:#00293E}
.boxStyle1 {background:#E3DBD8; padding:40px; box-sizing:border-box; font-size:20px; font-weight:700; line-height:30px; font-style:italic; color:#00293E}
.boxStyle2 {background:#F3F6FF; padding:20px 15px; box-sizing:border-box}
.boxStyle2 > div {height:auto}
.boxStyle3 {background:#FAF9F8; padding:60px 40px 70px 40px; box-sizing:border-box}
.periodsBox {display:inline-block; min-width:273px; background:#00293E; padding:30px 20px; border-radius:4px; box-sizing:border-box}



/* topTab */
.topTab {display:flex; align-items:center}
.topTab > a {display:flex; align-items:center; width:100%; height:230px; background:#00293E; border-radius:4px; padding:15px; box-shadow:0 3px 6px rgba(0, 0, 0, 0.16); transition:.3s}
.topTab > a.active, .topTab > a:hover, .topTab > a:focus {text-decoration:none; background:#2753f1}
.topTab > a:nth-child(2) {margin:0 20px}
.topTab > a > div h4 {font-size:12px; font-weight:400; color:#fff}
.topTab > a > div h3 {font-size:22px; font-weight:600; color:#D7E4A9}
.topTab > a:nth-child(2) > div h3 {color:#AFCEE7}
.topTab > a:nth-child(3) > div h3 {color:#EDC4D8}
.topTab > a > div img {margin-top:15px}

/* curriSt */
.curriSt {border-top:1px solid #2753f1}
.curriSt > dt {display:flex; align-items:center; justify-content:space-between; width:100%; height:42px; padding:0 15px 0 10px; font-size:14px; font-weight:700; color:#00293E; border:1px solid #2753f1; border-top:none; border-right:none; border-left:none; cursor:pointer; box-sizing: border-box}
.curriSt > dt:after {content:''; display:block; width:11px; height:11px; background:url('../images/curriSt_icon.svg') center center no-repeat; background-size:cover}
.curriSt > dt.active:after {transform:rotate(45deg)}
.curriSt > dd {display:none; border-bottom:1px solid #2753f1}
.curriSt > dd.ddSt {background:#00293E; padding:15px 15px 15px 10px; font-size:14px; font-weight:600; color:#fff}
.curriSt > dd.active {display:block}

.currTblSkin {width:100%}
.currTblSkin thead th {padding:8px 15px 8px 10px; font-size:12px; font-weight:600; color:#fff; background:#313131; vertical-align:middle}
.currTblSkin tbody td {padding:5px 10px; font-size:0.7em; font-weight:400; text-transform: uppercase; color: #3A3B3C; background:#fff; border-bottom:1px solid #00293E; vertical-align:middle}
.currTblSkin tbody tr:hover td {border: 3px solid #00293E; transition: .4s;}
.curriTotal {display:flex; align-items:center; justify-content:flex-end; width:100%; height:24px; background:#333; font-size:12px; font-weight:600; color:#fff; padding:0 15px 0 10px}

.subFaculty {display:flex; align-items:center; flex-wrap:wrap; width:1095px; overflow-x:auto; padding:8px 8px 30px 8px}
.subFaculty .horizontal-content {display:flex}
/*.subFaculty .horizontal-content {display:flex; overflow-x:auto; scroll-snap-type:x mandatory; height:100%; width:auto; padding-bottom:30px}*/
.subFaculty .horizontal-content .item {display:block; flex:0 0 auto; width:356px; margin-right:24px; height:auto; scroll-snap-align:start; border-radius:10px; padding:30px 45px 50px 35px}
.subFaculty .horizontal-content .item:last-child {margin-right:0}
.subFaculty .horizontal-content .item:hover {text-decoration:none}
.subFaculty::-webkit-scrollbar {height:8px}
.subFaculty::-webkit-scrollbar-track {background:#00293E; border-radius:20px}
.subFaculty::-webkit-scrollbar-thumb {background:#2753f1; border-radius:20px; cursor:pointer}
.subFacultyTop {text-align:center; margin-bottom:15px}
.subFacultyTop > div {display:inline-block; position:relative}
.subFacultyTop > div:after {content:''; display:block; width:36px; height:32px; background:url('../images/subFacultyTop_icon.svg') center center no-repeat; background-size:cover; position:absolute; bottom:0; right:0}
.subFaculty_h3 {font-family:'Open Sans', sans-serif; font-size:25px; font-weight:bold; color:#00293E; text-align:center; margin-bottom:6px}
.subFaculty_h4 {font-family:'Open Sans', sans-serif; font-size:25px; font-weight:bold; color:#00293E; text-align:center; margin-bottom:6px}
.subFaculty_h7 {font-family:'Open Sans', sans-serif; font-style:italic; font-size:16px; font-weight:400; line-height:20px; color:#00293E; text-align:center; margin-bottom:0px}
.subFaculty_h4 {font-size:16px; font-weight:400; line-height:24px; color:#00293E; text-align:center; margin-bottom:20px}
.subFaculty_h5 {font-size:12px; font-weight:600; line-height:20px; color:#00293E; text-align:left}
.subFaculty_h6 {fOnt-size:12px; font-weight:400; line-height:20px; color:#00293E; text-align:left; margin-bottom:20px}

.subFaculty .horizontal-content > .item .subFaculty_h6:last-child {margin-bottom:0}

.dl-horizontal dt {float:left; width:110px; overflow:hidden; clear:left; text-align:right; text-overflow:ellipsis; white-space:nowrap; margin-bottom:5px}
.dl-horizontal dd {margin-left:120px; margin-bottom:5px}

.hover-underline-animation-y {
	display: inline-block;
	position: relative;
  }
  
  .hover-underline-animation-y::after {
	content: '';
	position: absolute;
	width: 100%;
	transform: scaleX(0);
	height: 2px;
	bottom: 0;
	left: 0;
	background-color: #3366ff;
	transition: transform 0.25s ease-out;
  }
  
  .hover-underline-animation-y:hover::after {
	transform: scaleX(1);
  }


@media screen and (max-width:1440px) {
	.swiper0101-next {right:40px}
	.swiper0101-prev {left:40px}
	.AnnouncementList > a {width:268px}
}

@media screen and (max-width:1366px) {
	.sub0101a-left, .sub0101a-right {width:50%}
}

@media screen and (max-width:1200px) {
	.hide1200 {display:none !important}
	.show1200 {display:block}
}

@media screen and (max-width:1024px) {
	.hide1024 {display:none !important}
	.show1024 {display:block}
	.subTopTitle > .inner {padding:23px 40px}
	.subContainer {margin-top:60px; padding:0 40px}
	#mainContent {max-width:calc(78%); padding-left:40px}
	.preNext2 {padding-left:40px}
	.subFaculty {width:100%}
	.swiper0101-next {display:none}
	.swiper0101-prev {display:none}
	.AnnouncementList > a {width:340px}
}

@media screen and (max-width:768px) {
	.hide768 {display:none !important}
	.show768 {display:block; border: 0;}
	.auto768 {margin:0 auto}
	.textCenter768 {text-align:center}
	.subMt10 {margin-top:5px}
	.subMt20 {margin-top:10px}
	.subMt30 {margin-top:15px}
	.subMt40 {margin-top:20px}
	.subMt50 {margin-top:25px}
	.subMt60 {margin-top:30px}
	.subMt70 {margin-top:40px}
	.subMt80 {margin-top:50px}
	.subMt90 {margin-top:60px}
	.subMt100 {margin-top:70px}
	.tableScroll {position:relative; border:none; min-height:.01%; overflow-x:auto; overflow-y:hidden}
	.tableScroll table {width:1000px; margin-bottom:15px}


	.mNav_wsuLogo {padding:30px 0 30px 20px}
	.wsuLogo {margin-right:10px}
	header {height:60px; padding:0 20px; }
	header.subHeader.active {position:fixed; top:0; z-index:99999}
	.hamburgerMenu span {background:#fff}
	.mNav {width:100%; height:auto; padding:0; background:#C3B7B2}
	.mNav > li > a {height:50px; padding:0 20px; text-decoration:none}
	.mNav > li > a:hover, .mNav > li > a:focus, .mNav > li.active > a {background:#fff}
	.mNav > li > a:hover .mNavTit, .mNav > li > a:focus .mNavTit, .mNav > li.active > a .mNavTit {color:#00293E}	
	.mNav > li > a .mNavTit::after {display:none}
	.mNav > li > a .mNavTit:hover::after {display:none}

	.mNavTit {color:#00293E}
	.mNavArr {display:none}
	.mNavWrap {top:60px}
	.mNavWrap.active {background:#00293E80}
	.menuWrap {top:0; right:-100%; width:50%}
	.menuWrap.active {left:auto; right:0}
	.menuWrap.active .menuWrapTit {display:flex; align-items:center; height:60px; background:#fff; border-bottom:2px solid #00293E; box-sizing:border-box; font-size:16px; font-weight:700; color:#2753f1; padding-left:20px}
	.menuWrap.active .menuWrapTit:before {content:''; display:block; width:2px; height:16px; background:#00293E; margin-right:10px}
	.menuWrap > ul {padding:10px 0; min-height:485px; background:#fff}
	.menuWrap > ul > li > a {height:35px; padding-left:30px; padding-right:30px; font-size:16px; font-weight:400; color:#2753f1}
	.menuWrap > ul > li > a:hover, .menuWrap > ul > li > a:focus {color:#2753f1; text-decoration:none}

	.mNavShowWrap {display:none; margin-bottom:20px}
	.mmNavArr {display:block}
	.mobileSubTop {display:block}
	.sectionE-btnWrap {display:flex}
	.subContainer {margin-top:60px; padding:0 20px; max-width:1366px; margin-right:auto; margin-left:auto}
	.subContainer1 {height:auto; padding:60px 40px 120px 40px}
	.subContainer1 > .video-background {display:none}
	.h1Tit {font-family:'Open Sans', sans-serif; font-size:20px; font-weight:600; color:#00293E; border-left:none; padding-left:0}
	.h2Tit {font-family:'Open Sans', sans-serif; font-size:20px; font-weight:400; color:#00293E; border-left:none; padding-left:0}
	.h2Tit:after {content:''; display:block; width:44px; height:4px; background:#2753f1; margin-top:10px}
	.h3Tit {font-size:30px; font-weight: 800; border-left:none; padding-left:0}
	.h4Tit {font-size:20px}
	.h5Tit {font-size:15px}
	.pTxt1 {font-size:14px; line-height:24px}
	
	.sub0101a {flex-wrap:wrap}
	.sub0101a-left, .sub0101a-right {width:100%}
	.sub0101a-left > h3 {font-size:25px}
	.sub0101a-right {font-size:16px; margin-top:20px; font-weight:400; line-height:20px}
	.preNext, .preNext2 {padding-bottom:70px}
	.preBtn {font-size:13px; text-decoration:solid underline #2753f1 2px}
	.nextBtn {font-size:13px; text-decoration:solid underline #2753f1 2px}
	.sub0101b h2 {font-size:20px; font-weight:700; font-style:italic; line-height:30px}
	.sub0101b h2 .highlight {font-weight:700}
	.sub0101b h3 {font-size:13px}
	.sub0101c {display:flex; justify-content:flex-start}
	.sub0101c > p {font-size:16px; font-weight:400; line-height:20px; max-width:100%; max-height:100%; overflow-y:inherit}
	.sub0101c > p .highlight {font-weight:400}
	.sub0101d {flex-wrap:wrap}
	.sub0101d > .sub0101d-left {max-width:100%; max-height:100%; overflow-y:inherit}
	.sub0101d > .sub0101d-left > p {font-size:16px; font-weight:400; line-height:20px}
	.sub0101d > .sub0101d-left > p .highlight {font-weight:400}
	.sub0101d > .sub0101d-right {max-width:100%; margin-top:20px}
	.sub0101d > .sub0101d-right > h3 {font-size:20px; line-height:30px}
	.sub0101d .ApplyNowBtn {display:none}
	.subContainer > .inner {flex-wrap:wrap}
	.subContainer > .inner > nav { max-width:100%}
	#mainContent {max-width:100%; padding-left:0}
	.preNext2 {padding-left:0px}
	.imgZoom {position:relative}
	.imgZoom > a {display:block; width:100%; height:100%; background:#00293E}
	.imgZoom > a > img {opacity:0.3}
	.imgZoom > a:before {content:''; background:url('../images/imgZoom.svg') center center no-repeat; background-size:cover; width:100%; height:100%; display:block; position:absolute; top:0; left:0; z-index:99999}
	.boxStyle1 {position:relative; left:-40px; width:calc(100% + 80px)}
	.cate > li {color:#2753f1}
	.cate > li span {color:#2753f1}
	.cate > li:hover span {text-decoration:solid underline #2753f1 1px}
	.cate > li:last-child span {text-decoration:solid underline #2753f1 1px}
	.topTab {flex-wrap:wrap}
	.topTab > a {height:80px; padding:0 40px 0 20px}
	.topTab > a:nth-child(2) {margin:4px 0}
	.topTab > a > div {width:100%; display:flex; align-items:center; justify-content:space-between}
	.topTab > a > div img {margin:0}
    .subFaculty {flex-wrap:wrap}
	.subFaculty .horizontal-content {flex-wrap:wrap; overflow-x:initial}
	.subFaculty .horizontal-content > .item {width:100%; margin:0 0 40px 0; padding:40px 20px}
	.dl-horizontal dt {width:90px}
	.dl-horizontal dd {margin-left:100px}
	.checkStyle + label:before {align-self:flex-start}

	.pamsList > a {padding:17px 20px 13px 20px; min-height:98px}
	.pamsList > a > h4 {font-size:13px; line-height:17px}
	.pamsBottom {padding-right:0px; margin-top:4px}
	.pamsIcon_arr {transform:scale(1); align-self:end}

	.subContainer0.active, .subContainer0.active .slide0101 {height:auto; min-height:100%}

	.swiper0101 {top:calc(100% - 260px)}

	.AnnouncementList {overflow-x:initial; flex-wrap:wrap}
	.AnnouncementList > a {width:100%; margin-right:0; margin-bottom:5px; display:none}
	.AnnouncementList > a:nth-child(1), .AnnouncementList > a:nth-child(2) {display:block}

	.periodsBox {width:100%}

	.ApplicationBox {box-shadow:0 3px 6px rgba(0, 0, 0, 0.16); padding-top:20px; margin-bottom:30px}
	.ApplicationBox .textCenter768 img {filter: invert(50%) sepia(18%) saturate(396%) hue-rotate(318deg) brightness(110%) contrast(100%)}
	.ApplicationBox .h4Tit {padding:0 10px}
}

@media screen and (max-width:600px) {
	header.active {height:50px !important}
	.mNavWrap {top:50px}
	.mNav > li > a {height:45px}
	.mNavTit {font-size:14px}
	.menuWrap.active .menuWrapTit {height:50px; font-size:14px}
    .menuWrap > ul {padding:13px 0; min-height:445px}
	.menuWrap > ul > li > a {height:auto; margin-bottom:10px; font-size:14px; padding-left:20px; padding-right:20px; line-height:18px}
	.dl-horizontal dt {width:70px}
	.dl-horizontal dd {margin-left:80px}
}

@media screen and (max-width:500px) {
	header.logoOff > .inner > a {display:none !important}
	.dl-horizontal dt {width:60px}
	.dl-horizontal dd {margin-left:65px}
	.swiper0101 {top:calc(100% - 630px)}
	.sub0101Video {height:calc(100vh - 500px)}
}

@media screen and (max-width:425px) {
	.mNavTit {letter-spacing:-0.75px}
}