@charset "utf-8";
@import url('/site/common/board_n.css');
@import url('https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,300..800;1,300..800&display=swap');

.board-webzine .list_descr {margin-top:0}
.board-webzine .list h4 {font-size:18px}
.board-webzine .list p {font-size:14px; line-height:130%}
.board-webzine .info {font-size:13px; margin-top:10px}

/* 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 {line-height:1; word-break:break-word; font-family: 'Open Sans', sans-serif;}
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%}
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}

body {
	font-family: 'Open Sans', sans-serif;
	background-image: url(/images/bgline.png);
  }
  
.italic_p {font-style: italic;}

.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}
.highlight {font-weight: 600; line-height: 2; }
.bold{font-weight: 600; font-size: 0.8em;
}
.uppercase {text-transform: uppercase;}
.img_caption{font-weight: 400; font-size: 0.8em; text-align: right;
}
.q_line{border-top: 1px solid #000; width: 1em; margin-right: 0.5em;}
.colorBlue {color:#3366ff !important}
.colorBlack {color:#000000 !important}
.colorRed {color:#B71A34 !important}
.colorBrown {color:#978475 !important}
.colorIm {color:#F3FF44 !important}
.colorOliveGreen {color:#669933 !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}
.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}



.subPl20 {padding-left:20px}

.logo_wsu {padding-left: 20px;}

/* input */
.checkStyle {position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); border:0}
.checkStyle + label {margin: 0 10px; 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:#3366ff}
.checkStyle + label:before {flex-shrink:0; content:''; width:22px; height:22px; text-align:center; background:#fff; border:2px solid #3366ff; border-radius:100%; margin-right:8px}
.checkStyle:checked + label:before {border-color:#3366ff; background:#3366ff}
.checkStyle:checked + label {text-decoration: line-through}

/* dList */
.dList > li > div {font-size:20px; font-weight:600; line-height:150%; color:#3366ff; display:flex; margin-bottom:10px}
.dList-white > li > div {font-size:20px; font-weight:300; line-height:150%; color:#ffffff; display:flex; margin-bottom:10px}
.dList-bege > li > div {font-size:13px; font-weight:350; line-height:150%; color:#A1887F; display:flex; margin-bottom:10px}
.dList > li > div:before {content:'•'; margin-right:5px}
.dList > li strong {font-weight:800}
.bList > li {font-size:25pxx; font-weight:600; line-height:150%; color:#3366ff; display:flex; margin-bottom:10px}
.bList > li:before {content:'-'; margin-right:5px}
.bList > li strong {font-weight:800}
.nList {margin-left:18px}
.nList > li {font-size:25px; font-weight:600; line-height:150%; color:#3366ff; margin-bottom:10px; list-style:decimal}
.nList > li strong {font-weight:800}
.nList > li .dList {margin-left:4px}

.nList2 > li {margin-bottom:7px}
.dList2 > li {margin-bottom:7px}
.dList2 > li:before {content:'•'; margin-right:5px}


/* 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:#00293E; border: 1px #fff solid; 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:#3366ff; 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}
.optionItem > ul > li {display: inline;}

/* table */
.tblSkin1 {width:100%; table-layout:auto; text-align:center}
.tblSkin1 thead th {  word-break: auto; background:#00293E; color:#fff; border-bottom:2px solid #3366ff; padding:12px 10px; vertical-align:middle; font-size:14px; font-weight:500; color:#fff}
.tblSkin1 tbody th {  word-break: auto; 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: auto; background:#fff; color:#000000; 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: auto; 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 .text-left-1 {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:#669933; 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}
.mNavTit {width:auto; color:#fff; font-size:16px; font-weight:600; 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:#F3FF44; 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:#3366ff; 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:#3366ff}

/* subContainer */
.subContainer0 {width:100%; height:calc(100vh - 75px); position:relative; overflow:hidden}
.subContainer0101 {width:100%; height:calc(100vh - 130px); 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:#3366ff4D}
.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:relative; 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:relative; width:100%; top:0; transition:.3s}
.slide0101 {padding:40px 40px;}

hr{height: 1px;
	background-color: #ccc;
	border: none;
}


/* 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:auto; 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:#3366ff; text-decoration:solid underline #FF44CD 2px; text-align:left}
.nextBtn {width:100%; font-size:26px; font-weight:600; color:#3366ff; text-decoration:solid underline #FF44CD 2px; text-align:right}
.preBtn:hover, .nextBtn:hover {color:#3366ff; 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:16px; font-weight:600; color:#3366ff; text-decoration:solid underline #FF44CD 2px; text-align:left}
.nextBtn2 {width:100%; font-size:16px; font-weight:600; color:#3366ff; text-decoration:solid underline #FF44CD 2px; text-align:right}
.preBtn2:hover, .nextBtn2:hover {color:#3366ff; 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-family: 'Open Sans', sans-serif; font-size:35px; font-weight:500; 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 > p {font-size:20px; font-weight:600; line-height:30px; color:#00293E;}
.sub0101c > p .highlight {font-weight:600}
.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 > h3 {font-size:40px; font-weight:400; line-height:60px; color:#3366ff}
.ApplyNowBtn {display:inline-flex; align-items:center; justify-content:space-between; font-size:16px; font-weight:600; color:#fff; background:#3366ff; 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:#3366ff; 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 #3366ff; border-right:none}
.sectionE-btnWrap > a.Contact {width:17%; font-size:10px; font-weight:600; color:#00293E; background:#fff; border-top:1px solid #3366ff; border-left:none}
.sectionE-btnWrap > a.ApplyNow:hover, .sectionE-btnWrap > a.ApplyNow:focus {color:#00293E; background:#fff; border-top:1px solid #3366ff; 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 #ccc; background-color: #00293e;}
.subTopTitle .inner {max-width:1366px; padding:10px 60px; margin:0 auto}
.subTopTitle .inner > ul {display:flex; align-items:center; margin-bottom:0}
.subTopTitle .inner > ul > li {font-size:20px; font-weight:400; color:#fff; line-height: 1.5;}
.subTopTitle .inner > ul > li:after {display:inline-block; content:'>'; margin:0 14px}
.subTopTitle .inner > ul > li:last-child:after {display:none}

/* subTopTitle-1 */
.subTopTitle-1 {border-bottom:1px solid #ccc}
.subTopTitle-1 .inner {max-width:1366px; padding:23px 60px; margin:0 auto}
.subTopTitle-1 .inner > ul {display:flex; align-items:center; margin-bottom:0}
.subTopTitle-1 .inner > ul > li {font-size:14px; font-weight:400; color:#000;}
.subTopTitle-1 .inner > ul > li:after {display:inline-block; content:'|'; margin:0 14px}
.subTopTitle-1 .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:#ccc; position:absolute; top:0; right:0}
.subContainer > .inner > nav > .lnbList {margin-bottom:0; }
.subContainer > .inner > nav > .lnbList > li {border-bottom: #ccc solid 1px; display: inline;  }
.subContainer > .inner > nav > .lnbList > li > a {display:block; font-size:1em; font-weight:400; color:#000; line-height: 2.5;text-transform: uppercase; }
.subContainer > .inner > nav > .lnbList > li > a:hover, .subContainer > .inner > nav > .lnbList > li > a:focus {font-weight:700;  text-decoration: underline wavy 1px; color:#669933; }
.subContainer > .inner > nav > .lnbList > li.active > a {font-weight:700; color:#669933}
.chevron_r {height: 0.65em;}
#mainContent {width:100%; /*max-width:calc(78% - 140px);*/ max-width:1095px; position:relative; padding-bottom:150px}
#mainContent > h3 > span {color:#3366ff; }
.h2Tit {font-family: 'Open Sans', sans-serif; font-size:10em; font-weight:500; color:#00293E; border-left:4px solid #3366ff; padding-left:15px; line-height: 1.5;}
.h3Tit {font-family: 'Open Sans'; font-size:2.5em; font-weight:800; color:#000; line-height: 1.5; padding-top: 23px;}

.h4Tit {font-size:2em; font-weight:400; color:#00293E; line-height: 1.5;}
.h5Tit {font-size:20px; font-weight:600; color:#00293E; line-height: 1.5;}
.h5Tit_beige {color:#A1887F; font-size:20px; font-weight:600; line-height: 1.5;}
.h6Tit {font-size:16px; font-weight:700; color:#000; line-height: 1.5;}
.h7Tit {font-size:14px; font-weight:800; color:#3366ff; line-height: 1.5;}
.h7Tit2 {font-size:14px; font-weight:400; color:#3366ff; line-height: 1.5;}
.pTxt0 {font-family: 'Open Sans', sans-serif; font-size:30px;  font-weight:600; line-height:1.5; color:#000; }
.pTxt0-sm {font-family: 'Open Sans', sans-serif; font-size:25px;  font-weight:400; line-height:1.5; color:#000}
@media (max-width:768px){ .pTxt0-sm {font-family: 'Open Sans', sans-serif; font-size:16px;  font-weight:400; line-height:1.5; color:#000}}
.pf_intro {width: 100%;}
.pTxt1 {font-size:16px; font-weight:400; line-height:2; color:#000}
.pTxt1-sm {font-size:13px; font-weight:400; line-height:2; color:#000}
.boxStyle1 {background:#E3DBD8; padding:40px; box-sizing:border-box; font-size:25px; font-weight:700; line-height:1.5; font-style:italic; color:#00293E}
.boxStyle2 {background:#F3F6FF; padding:20px 15px; box-sizing:border-box}
.boxStyle2 > div {height:auto; background:#F3F6FF}
.boxStyle3 {background:#FAF9F8; padding:60px 40px 70px 40px; box-sizing:border-box}
.periodsBox {background:#00293E; border-radius:4px; }
.page_text_b { font-weight: 800;}

.faculty {width: 220px;}

.dash{ width: 1em; border-top: #000 solid 2px; margin-top: 10px;}

 
/* topTab */
.topTab {display:flex; align-items:center}
.topTab > a {display:flex; align-items:center; width:100%; height:230px; border:solid 2px #3366ff; 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 > #logo_green {text-decoration:none; background-color: #ffffff; border: 0;}
.topTab > a:nth-child(2) {margin:0 20px}
.topTab > a > div h4 {font-size:12px; font-weight:400; color:#000000;}
.topTab > a > div h3 {font-size:22px; font-weight:600; color:#3366ff}
.topTab > a:nth-child(2) > div h3 {color:#3366ff}
.topTab > a:nth-child(3) > div h3 {color:#3366ff}
.topTab > a > div img {margin-top:15px}

.topTabG {display:flex; align-items:center; margin: 20px 0;}
.topTabG > a {display:flex; align-items:center; width:100%; height:60px; background-color: #d3d3d3; border: 0; border-radius:4px; padding:15px; box-shadow:0 3px 6px rgba(0, 0, 0, 0.16); transition:.3s; }
.topTabG > a.active, .topTabG > a:hover, .topTabG > a:focus > #logo_green {text-decoration:none; background-color: #00293E; border: 0;}
.topTabG > a:nth-child(2) {margin:0 20px}
.topTabG > a > div h4 {font-size:0.75em; font-weight:400; color:#fff;  text-transform: uppercase;}
.topTabG > a > div h3 {font-size:1.75em; font-weight:600; color:#3366ff; }
.topTabG > a > div h5 {font-size:1em; font-weight:600; color:#3366ff; line-height: 1.25; margin-top: 0.5em;}
.topTabG > a:nth-child(2) > div h3 {color:#3366ff; font-family: 'Open Sans', sans-serif;}
.topTabG > a:nth-child(3) > div h3 {color:#3366ff; font-family: 'Open Sans', sans-serif;}
.topTabG > a > div img {margin-top:15px}

.topTabB {display:flex; align-items:center}
.topTabB > a {display:flex; align-items:center; width:100%; height:230px; border:solid 2px #3366ff; border-radius:4px; padding:15px; box-shadow:0 3px 6px rgba(0, 0, 0, 0.16); transition:.3s}
.topTabB > a.active, .topTabB > a:hover, .topTabB > a:focus > #logo_blue {text-decoration:none; background-color: #B8CDDF; border: 0;}
.topTabB > a:nth-child(2) {margin:0 20px}
.topTabB > a > div h4 {font-size:12px; font-weight:400; color:#000000}
.topTabB > a > div h3 {font-size:22px; font-weight:600; color:#3366ff}
.topTabB > a:nth-child(2) > div h3 {color:#3366ff}
.topTabB > a:nth-child(3) > div h3 {color:#3366ff}
.topTabB > a > div img {margin-top:15px}

.topTabP {display:flex; align-items:center}
.topTabP > a {display:flex; align-items:center; width:100%; height:230px; border:solid 2px #3366ff; border-radius:4px; padding:15px; box-shadow:0 3px 6px rgba(0, 0, 0, 0.16); transition:.3s}
.topTabP > a.active, .topTabP > a:hover, .topTabP > a:focus > #logo_blue {text-decoration:none; background-color: #EBC9D9; border: 0;}
.topTabP > a:nth-child(2) {margin:0 20px}
.topTabP > a > div h4 {font-size:12px; font-weight:400; color:#000000}
.topTabP > a > div h3 {font-size:22px; font-weight:600; color:#3366ff}
.topTabP > a:nth-child(2) > div h3 {color:#3366ff}
.topTabP > a:nth-child(3) > div h3 {color:#3366ff}
.topTabP > a > div img {margin-top:15px}

/* curriSt */
.curriStyle > dt:after {content:''; display:block; width:11px; height:11px; background:url('../images/curriSt_icon-wh.svg') center center no-repeat; background-size:cover}
.curriStyle > dt.active:after {transform:rotate(45deg)}
.curriStyle > dd {display:none}
.curriStyle > dd.active {display:block}

.curriSt {border-top:1px solid #669933}
.curriSt > dt {background-color:#ffffff; display:flex; align-items:center; justify-content:space-between; width:100%; height:42px; padding:0 15px 0 10px; font-size:18px; font-weight:600; color:#00293E; border:1px solid #669933; 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 #669933}
.curriSt > dd.ddSt {background:#ffF; padding:15px 15px 15px 10px; font-size:14px; font-weight:600; color:#000}
.curriSt > dd.ddSt2 {padding:15px 15px 15px 10px; font-size:14px; font-weight:600}
.curriSt > dd.active {display:block}

.curriSt >  .year { background-color: #00293E; color: #fff; font-size: 1em;}

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

.credit {
	font-size: 1em; font-weight: 200; text-align: left;
}

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

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

.curriStP {border-top:1px solid #00293E}
.curriStP > dt {background-color:#00293E; display:flex; align-items:center; justify-content:space-between; width:100%; height:30px; padding:5px 10px; font-size:14px; text-transform: uppercase; font-weight:600; color:#Fff; border:1px solid #fff; border-top:none; border-right:none; border-left:none; cursor:pointer; box-sizing: border-box;}
.curriStP > dt:after {content:''; display:block; width:11px; height:11px; background:url('../images/curriSt_icon.svg') center center no-repeat; background-size:cover}
.curriStP > dt.active:after {transform:rotate(45deg)}

.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:250px; margin-right:24px; height:auto; scroll-snap-align:start; border-radius: 0;  background:#fff; padding:10px 20px}
.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:#3366ff; 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-size:cover; position:absolute; bottom:0; right:0}
.subFaculty_h3 {font-family: 'Open Sans Condensed'; font-size:20px; font-weight:600; color:#684e9e; text-align:center; margin-bottom:6px}
.subFaculty_h7 {font-size:16px; font-weight:400; line-height:16px; color:#684e9e; text-align:center;line-height: 1.5;}
.subFaculty_h4 {font-size:16px; font-weight:400; line-height:24px; color:#00293E; text-align:center; margin-bottom:20px}
.subFaculty_h5 {font-size:10px; font-weight:700; line-height:20px; color:#00293E; text-align:left; margin-top: 1.5em;}
.subFaculty_h6 {fOnt-size:0.8em; font-weight:400; line-height:20px; color:#00293E; text-align:left;}
.subFaculty_h6_a {fOnt-size:0.8em; font-weight:400; line-height:20px; color:#00293E; text-align:left;}

.faculty_line{border-bottom: 2px solid #00293E; margin: 40px 0 5px 0; }

.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}

.dl-horizontal2 dt {float:left; width:70px; overflow:hidden; clear:left; text-align:right; font-size: 13px; line-height: 1.5; text-overflow:ellipsis; white-space:nowrap; margin-bottom:5px}
.dl-horizontal2 dd {font-size: 13px; line-height: 1.5; margin-left:80px; margin-bottom:5px}
.dl-horizontal2 .colorBlue {color:#F3FF44 !important}
.dl-horizontal2 .colorRed {color:red !important}

.dl-horizontal3 dt {float:left; width:auto; overflow:hidden; clear:left; text-align:right; text-overflow:ellipsis; white-space:nowrap; margin-bottom:5px; margin-right:5px; font-weight:600}
.dl-horizontal3 dd {margin-left:0; margin-bottom:5px}

/* pams */
.pamsTopTit {background:#00293E; padding:25px 40px; font-size:22px; font-weight:600; line-height:36px; color:#fff}
.pamsTopTit > span {font-size:16px}
.pamsList {display:flex; flex-wrap:wrap; max-width:790px}
.pamsList > a {width:calc(50% - 6px); display:flex; flex-wrap:wrap; background:#00293E; border-radius:4px; padding:20px; box-sizing:border-box; color:#fff; transition:.3s; margin:0 12px 12px 0}
.pamsList > a:nth-child(2), .pamsList > a:nth-child(4), .pamsList > a:nth-child(6) {margin-right:0}
.pamsList > a > h4 {font-size:16px; font-weight:700; color:#fff}
.pamsBottom {width:100%; display:flex; align-items:center; justify-content:space-between; margin-top:10px; padding-right:40px}
.pamsBottom > img {filter:brightness(1000%)}
.pamsIcon_arr {transform:scale(1.5)}
.pamsList > a:hover, .pamsList > a:focus {text-decoration:none; background:#3366ff}
.pamsList > a:hover > h4, .pamsList > a:focus > h4 {color:#F3FF44}
.pamsList > a:hover .pamsBottom > img, .pamsList > a:focus .pamsBottom > img {filter:brightness(100%)}


.pamsSwiper {padding-right:20px}
.NewsFeedList {display:flex; align-items:center}
.NewsFeedList > .swiper-slide {display:block; background:#98A9B1; border-radius:20px; width:270px; padding:10px 12px; box-sizing:border-box}
.NewsFeedList > .swiper-slide:last-child {margin-right:0}
.NewsFeedList > .swiper-slide:hover a, .NewsFeedList > .swiper-slide:focus a {text-decoration:none}
.NFtit {display:flex; align-items:center; margin-bottom:10px}
.NFtit p {font-size:14px; font-weight:400; color:#fff; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; margin-left:5px}
.NFread {display:block; text-align:right; font-size:10px; font-weight:400; color:#fff; margin-top:5px}

.AnnouncementList {display:flex; align-items:center; overflow-x:auto; padding-bottom:30px}
.AnnouncementList::-webkit-scrollbar {height:4px}
.AnnouncementList::-webkit-scrollbar-track {background:#00293E; border-radius:20px}
.AnnouncementList::-webkit-scrollbar-thumb {background:#3366ff; border-radius:20px; cursor:pointer}
.AnnouncementList > a {flex-shrink:0; display:block; background:#98A9B1; border-radius:20px; width:292px; padding:12px 12px; box-sizing:border-box; margin-right:12px}
.AnnouncementList > a:last-child {margin-right:0}
.AnnouncementList > a:hover, .AnnouncementList > a:focus {text-decoration:none}
.Announcetit {display:flex; align-items:center; margin-bottom:10px; font-size:13px; font-weight:400; line-height:17px; color:#fff; height:37px; overflow:hidden; text-overflow:ellipsis; display:-webkit-box; -webkit-line-clamp:2; -webkit-box-orient:vertical}
.Announceread {display:block; text-align:left; font-size:10px; font-weight:400; color:#fff; margin-top:5px}
.More-announcements {text-align:center; margin-top:20px}
.More-announcements > a {text-align:center; font-size:13px; font-weight:600; color:#3366ff; text-decoration:solid underline #3366ff 1px}

.topBtn-above {display:block; position:fixed; bottom:0px; right:200px; z-index:200; width:300px; height:48px; background:url('../images/MOVE-TO-TOP.png') #000 50% 50% no-repeat; background-size: 50%; color:#fff; font-size:11px; text-decoration:none; text-align:center;}
.topBtn-above-m {display:block; position:fixed; bottom:0px; z-index:200; width:300px; height:48px; background:url('../images/MOVE-TO-TOP.png') #000 50% 50% no-repeat; background-size: 40%; color:#fff; font-size:11px; text-decoration:none; text-align:center;}
.topBtn-above em {visibility:hidden}
.topBtn-above-m em {visibility:hidden}
.topBtn {display:block; position:fixed; bottom:0px; right:0px; z-index:200; width:130px; height:130px; background:url('/images/arr_top.svg') #43A2D1 100% 100% no-repeat; background-size: cover; color:#fff; font-size:11px; text-decoration:none; text-align:center;}
.topBtn em {visibility:hidden}

@media (max-width: 768px){
	.topBtn-above {display:block; position:fixed; bottom:108px; right:0px; z-index:200; width:35px; height:135px; background:url('../images/MOVE-TO-TOP.png') #000 50% 50% no-repeat; color:#fff; font-size:11px; text-decoration:none; text-align:center;}
	.topBtn-above em {visibility:hidden}
	.topBtn {display:block; position:fixed; bottom:0px; right:0px; z-index:200; width:32px; height:50px; background:url('../images/arr_top-m.svg') 50% 50% no-repeat; color:#fff; font-size:11px; text-decoration:none; text-align:center;}
	.topBtn em {visibility:hidden}
}
.moreInfoStyle {display:inline-block; font-size:14px; font-weight:600; color:blue; position:relative}
.moreInfoStyle:hover, .moreInfoStyle:focus {text-decoration:none; color:blue}
.moreInfoStyle::after {content:''; position:absolute; left:0; bottom:4px; width:0; height:2px; background-color:blue; transition:width 0.3s ease-in-out}
.moreInfoStyle:hover::after {width:100%}

.career_contact {background-color: #A1887F; margin:20px 0; padding:40px 20px 30px 20px; width:max-content;}
.cc > li{font-size:16px; font-weight:300; line-height:150%; color:#ffffff;}
.cc > li > div{font-size:16px; font-weight:300; line-height:150%; color:#ffffff; }
.pTxt1 > .cd {font-size: 25px;}
.pTxt1 > .sc {font-size: 25px;}
.dList > li > div {font-size:16px; font-weight:400; line-height:1.5; color:#3366ff}

.sectionFa {background:#000000}
.sectionFa > .inner {width:100%; max-width:1175px; margin:0 auto; padding:60px 40px; box-sizing:border-box; display:flex; align-items:center; justify-content:space-between}
.sectionFa-left {width:100%; text-align:left; padding-bottom:40px; border-bottom:4px solid #ffffff;}
.sectionFa-left > a, .sectionFa-left h3, .sectionFa-left p {display:inline-block; font-size:16px; font-weight:600; color:#FFFFFF; margin-bottom:30px; position:relative}
.sectionFa-left > h3 {display:inline-block; font-size:30px; font-weight:600; color:#FFFFFF; margin-bottom:15px; position:relative}
.sectionFa-left > a:hover, .sectionFa-left > a:focus {text-decoration:none}
.sectionFa-left > a::after {content:''; position:absolute; left:0; bottom:-2px; width:0; height:2px; background-color:#F3FF44; transition:width 0.3s ease-in-out}
.sectionFa-left > a:hover::after {width:100%}
.sectionFa-right {width:50%; text-align:left}
.sectionFa-right > p {font-size:16px; font-weight:700; color:#FFFFFF; margin-bottom:20px}
.sectionFa-right {width:100%; margin-top:30px; }
.snsList > a > img {margin:0 48px 0 0 ; width: 48px; height: 48px; display:inline-block}
.sectionFaHr {color: #FFFFFF;}

.sectionFb {background:#000000; height:auto; padding:0 0 60PX 0}
.sectionFb > .inner {width:100%; max-width:1175px; margin:0 auto; padding:0 40px; box-sizing:border-box}
.sectionFb > .inner .addr {font-size:16px; font-weight:400; line-height:21px; color:#FFFFFF}
.sectionFb > .inner .copy {display:flex; align-items:center; justify-content:space-between; margin-top:5px}
.sectionFb > .inner .copy > a {font-size:16px; font-weight:400; color:#FFFFFF; text-decoration:solid underline #FFFFFF 1px; text-underline-position:under}
.sectionFb > .inner .copy > p {font-size:16px; font-weight:400; color:#FFFFFF}
.mobileCopy {font-size:16px; font-weight:400; color:#FFFFFF; margin-bottom:15px}

.subMt70-pcHide {margin-top:0 !important}

.inner {
	max-width: 1100px;
	margin: 0 auto;
	position: relative;
  }
  .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);
  }

  .notice .notice-line .inner__left {
	width: 66%;
	height: 100%;
	background-color: #333;
	display: flex;
	align-items: center;
  }
  .notice .notice-line .inner__left h2 {
	color: #fff;
	font-size: 17px;
	font-weight: 700;
	margin-right: 20px;
  }
  .notice .notice-line .inner__left .swiper-container {
	height: 62px;
	flex-grow: 1;
  }
  .notice .notice-line .inner__left .swiper-slide {
	height: 62px;
	display: flex;
	align-items: center;
  }
  .notice .notice-line .inner__left .swiper-slide a {
	color: #fff;
  }
  .notice .notice-line .inner__left .notice-line__more {
	width: 62px;
	height: 62px;
	display: flex;
	justify-content: center;
	align-items: center;
  }
  .notice .notice-line .inner__left .notice-line__more .material-icons {
	color: #fff;
	font-size: 30px;
  }


  @keyframes bounce {
	0%, 20%, 50%, 80%, 100% {
    transform: translateY(0);
  }
	40% {
    transform: translateY(-30px);
  }
	60% {
    transform: translateY(-15px);
  }
}

.diagram_vision {
	margin: 40px 0;
}

.youtube{  height:100vh;
	background-size:cover; 
	overflow:hidden;}



  .logo_border{
	border-bottom: 3px solid #00293E; width: 150px; margin: 2.2em auto 0; 
  }

  
  .logo_jcfs {height: 25px; position: absolute; right: 60px; margin: -13px;} 

  .curriStyle > dt:after {content:''; display:block; width:0.8em; height:0.8em; background:url('../images/curriSt_icon-wh.svg') center center no-repeat; background-size:cover}
  .curriStyle > dt.active:after {transform:rotate(45deg)}
  .curriStyle > dd {display:none}
  .curriStyle > dd.active {display:block}

  @media (max-width: 768px)
{  .curriStyle > dt:after {content:''; display:block; width:0.8em; height:0.8em; background:url('../images/curriSt_icon-wh.svg') center center no-repeat; background-size:cover}
}

  .subFaculty {display:flex; align-items:center; flex-wrap:wrap; width:calc(100% + 200px); overflow-x:auto; padding:8px 8px 30px 8px}
.subFaculty .horizontal-content {display:flex}
.subFaculty .horizontal-content .item {display:block; flex:0 0 auto; width:250px; margin-right:20px; height:auto; scroll-snap-align:start; border-radius:10px; background:#fff; }
.subFaculty .horizontal-content .item:last-child {margin-right:0}
.subFaculty .horizontal-content .item:hover {text-decoration:none}
.subFaculty::-webkit-scrollbar {height:4px}
.subFaculty::-webkit-scrollbar-track {background:#ccc; border-radius:20px}
.subFaculty::-webkit-scrollbar-thumb {background:#F3FF44; border-radius:20px; cursor:pointer}


.zoom {
	/* background-color: green; */
	transition: transform .2s; /* Animation */
z-index: 99999999;
	margin: 0 auto;
  }
  
  .zoom:hover {
	transform: scale(1.5); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
	z-index: 99999999;
  }

/*FOOTER*/
footer {
	padding: 40px 0;
}
footer p {
  color: #fff;
  line-height: 2;
}

footer .footer_logo {
  height: 75px;
}

@media (max-width: 768px){
	footer p {
		color: #000;
		font-size: 0.8rem;
		line-height: 2;
	  }
	  
	  footer .footer_logo {
		height: 75px;
	  }
	  
}


@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%}
	.hide1366 {display:none !important}
}

@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 20px}
	#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}
	.subMt70-pcHide {margin-top:40px !important}
	.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}
	.img-responsive-logo {width:80%; margin-right: 0;}


	.mNav_wsuLogo {padding:30px 0 30px 20px}
	.wsuLogo {margin-left:20px}
	.hamburgerMenu span {background:#669933}
	.mNav {width:100%; height:auto; padding:0; background:#000000}
	.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:#ffffff}
	.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:#3366ff; border-bottom:2px solid #00293E; box-sizing:border-box; font-size:16px; font-weight:700; color:#ffffff; 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:#3366ff}
	.menuWrap > ul > li > a {height:35px; padding-left:30px; padding-right:30px; font-size:16px; font-weight:400; color:#ffffff}
	.menuWrap > ul > li > a:hover, .menuWrap > ul > li > a:focus {color:#ffffff; text-decoration:none}

	.mNavShowWrap {display:none; margin-bottom:20px}
	.mmNavArr {display:block}
	.mobileSubTop {display:block}
	.sectionE-btnWrap {display:flex}
	.subContainer1 {height:auto; padding:60px 40px 120px 40px}
	.subContainer1 > .video-background {display:none}
	.h2Tit {font-family:'Open Sans', sans-serif; font-size:20px; font-weight:400; color:#000; border-left:none; padding-left:0}
	.h2Tit:after {content:''; display:block; width:44px; height:4px; background:#3366ff; margin-top:10px}
	.h3Tit {font-size:30px; font-weight: 800; border-left:none; padding-left:0}
	.h4Tit {font-size:16px}
	.h5Tit {font-size:15px}
	.pTxt1 {font-size:14px; line-height:1.6}
	.dList > li > div {font-size:14px}
	.major_p_m {font-size:1em; font-weight:400; line-height:1.5; color:#3366ff}
	.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 #3366ff 2px}
	.nextBtn {font-size:13px; text-decoration:solid underline #3366ff 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:#3366ff}
	.cate > li span {color:#3366ff}
	.cate > li:hover span {text-decoration:solid underline #3366ff 1px}
	.cate > li:last-child span {text-decoration:solid underline #3366ff 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:0}

	.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:20px 0; margin-bottom:30px}
	.ApplicationBox .textCenter768 img {filter: invert(50%) sepia(18%) saturate(396%) hue-rotate(318deg) brightness(110%) contrast(100%)}
	.ApplicationBox .h4Tit {padding:30px 10px 0px 10px}	


	.subPamsWrap {position:relative; left:-40px; width:calc(100% + 80px)}

	.subContainer0101 {height:auto}
	.sub0101Video {height:fit-content}

	.sectionFa {background:#3366ff; padding:50px 20px;}
	.sectionFa > .inner {width:100%; max-width:1175px; margin:0 auto; box-sizing:border-box; display:flex; align-items:center; justify-content:space-between}
	.sectionFa-left {width:50%; text-align:left;}
	.sectionFa-left > a {display:inline-block; font-size:16px; font-weight:600; color:#FFFFFF; margin-bottom:30px; position:relative;}
	.sectionFa-left > a:hover, .sectionFa-left > a:focus {text-decoration:none}
	.sectionFa-left > a::after {content:''; position:absolute; left:0; bottom:-2px; width:0; height:2px; background-color:#F3FF44; transition:width 0.3s ease-in-out}
	.sectionFa-left > a:hover::after {width:100%}
	.sectionFa-right {width:50%; text-align:left}
	.sectionFa-right > p {font-size:16px; font-weight:700; color:#FFFFFF; margin-bottom:20px}
	.snsList > a {margin-right:20px; width:50px; height:29px;}
	.snsList > a > img {margin:0 20px 20px 0; width: 48px; height: 48px;}

	.sectionFaHr {color: #FFFFFF;}

	.sectionFb {background:#000000; height:auto; padding:0 0 60PX 0}
	.sectionFb > .inner {width:100%; max-width:1175px; margin:0 auto; padding:0 20px; box-sizing:border-box}
	.sectionFb > .inner .addr {font-size:16px; font-weight:400; line-height:21px; color:#FFFFFF}
	.sectionFb > .inner .copy {display:flex; align-items:center; justify-content:space-between; margin-top:5px}
	.sectionFb > .inner .copy > a {font-size:16px; font-weight:400; color:#FFFFFF; text-decoration:solid underline #FFFFFF 1px; text-underline-position:under}
	.sectionFb > .inner .copy > p {font-size:16px; font-weight:400; color:#FFFFFF}
	.mobileCopy {font-size:16px; font-weight:400; color:#FFFFFF; margin-bottom:15px}
	#sectionF {height:auto}
	.sectionFa > .inner {flex-wrap:wrap; padding:0}
	.sectionFa > .inner .mainHr {margin-top:40px}
	.sectionFa-left {width:100%; padding-bottom:0; border-bottom:0}
	.sectionFa-right {width:100%; margin-top:30px}
	.sectionFb {background:#3366ff; padding:30px 0 80px 0}
}

@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}
	.pTxt0 {font-family: 'Open Sans', sans-serif; font-size:25px;  font-weight:800; line-height:1.5; color:#000; }
	.dList > li > div {font-size:14px; font-weight:600; line-height:150%; color:#3366ff; display:flex; margin-bottom:10px}
	.dList > li > div:before {content:'•'; margin-right:5px}
	.career_contact {background-color: #A1887F; margin:20px 0; padding:40px 20px 30px 20px; width:max-content; margin-bottom: 32px;}
	.cc > li{font-size:13px; font-weight:300; line-height:150%; color:#ffffff;}
	.cc > li > div{font-size:13px; font-weight:300; line-height:150%; color:#ffffff; }

	.txt_ck {font-size: 13px;}
	.sectionFa {background:#000000; padding: 40px 20px;}
	.sectionFa-left > #footerSm {font-size: 13px;}
	.sectionFb > #footerSm {font-size: 10px;}
	.sectionFb > .inner .addr {font-size:13px; line-height:18px}
	.sectionFb > .inner .copy > a {font-size:13px; font-weight:400}
}

@media screen and (max-width:500px) {
	header.logoOff > .inner > a {display:none !important}
	.dl-horizontal dt {width:60px}
	.dl-horizontal dd {margin-left:65px}
	.topTabG > a:nth-child(2), .topTabB > a:nth-child(2), .topTabP > a:nth-child(2) {margin:0 10px}
	.topTabG > a > div h4, .topTabB > a > div h4, .topTabP > a > div h4 {letter-spacing:-0.75px}
	.topTabG > a > div h3, .topTabB > a > div h3, .topTabP > a > div h3 {font-size:20px; letter-spacing:-1px}
}

@media screen and (max-width:425px) {
	.mNavTit {letter-spacing:-0.75px}
	.topTabG > a, .topTabB > a, .topTabP > a {padding:15px 5px}
	.topTabG > a > div h3, .topTabB > a > div h3, .topTabP > a > div h3 {font-size:18px;   word-break: auto}
}

/* ------------------------------------------------------------
	NUMBER OF COLUMNS: Adjust #primaryNav li to set the number
	of columns required in your site map. The default is 
	4 columns (25%). 5 columns would be 20%, 6 columns would 
	be 16.6%, etc. 
------------------------------------------------------------ */

#primaryNav li {
	width:25%;
}

#primaryNav li ul li {
	width:100% !important;
}

#primaryNav.col1 li { width:99.9%; }
#primaryNav.col2 li { width:50.0%; }
#primaryNav.col3 li { width:33.3%; }
#primaryNav.col4 li { width:25.0%; }
#primaryNav.col5 li { width:20.0%; }
#primaryNav.col6 li { width:16.6%; }
#primaryNav.col7 li { width:14.2%; }
#primaryNav.col8 li { width:12.5%; }
#primaryNav.col9 li { width:11.1%; }
#primaryNav.col10 li { width:10.0%; }

/* ------------------------------------------------------------
	General Styles
------------------------------------------------------------ */


.sitemap {
	margin: 0 0 40px 0;
	float: left;
	width: 100%;
	word-break: auto;
}

a {
	text-decoration: none;
}
ol, ul {
	list-style: none;
}

/* ------------------------------------------------------------
	Site Map Styles
------------------------------------------------------------ */

/* --------	Top Level --------- */

#primaryNav {
	margin: 0;
	float: left;
	width: 100%;
}
#primaryNav #home {
	display: block;
	float: none;
	background: #ffffff url('http://idefisc-corp.fr/wp-content/themes/konzept/images/L1-left.png') center bottom no-repeat;
	position: relative;
	z-index: 2;

	padding: 0 0 30px 0;
}
#primaryNav li {
	float: left;
	background: url('http://idefisc-corp.fr/wp-content/themes/konzept/images/L1-center.png') center top no-repeat;
	padding: 30px 0;
	margin-top: -30px;
}
#primaryNav li a {
	margin: 0 20px 0 0;
	padding: 10px 0;
	display: block;
	font-size: 12px;
	font-weight: 400;
	text-align: center;
	color: black;	
	background: #ccc url('http://idefisc-corp.fr/wp-content/themes/konzept/images/white-highlight.png') top left repeat-x;
	border: 1px solid #ccc;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-webkit-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; 
	-moz-box-shadow: rgba(0,0,0,0.5) 2px 2px 2px; /* FF 3.5+ */	
}
#primaryNav li a:hover {
	background-color: #ccc;
	border-color: #ccc;
}
#primaryNav li:last-child {
	background: url('http://idefisc-corp.fr/wp-content/themes/konzept/images/L1-right.png') center top no-repeat;
}

/* --------	Second Level --------- */

#primaryNav li li {
	width: 100%;
	clear: left;
	margin-top: 0;
	padding: 10px 0 0 0;
	background: url('https://i.ibb.co/bNhMjBF/vertical-line.png') center bottom repeat-y;
}
#primaryNav li li a {
	background-color: #ececec;
	border-color: #ececec;
}
#primaryNav li li a:hover {
	border-color: #ececec;
	background-color: #ececec;
}
#primaryNav li li:first-child {
	padding-top: 30px;
}
#primaryNav li li:last-child {
	background: url('https://i.ibb.co/bNhMjBF/vertical-line.png') center bottom repeat-y;
}