@charset "utf-8";
@import url("https://wdu.ac.kr/common/css/fonts.css");

* {margin:0;padding:0;-webkit-text-size-adjust:none;font-family:'Roboto','Noto Sans KR',Sans-serif, 'Nanum Square';}
html {margin:0;padding:0;}
body {margin:0;overflow-x:hidden;overflow-y:auto;word-break: keep-all;background:#3C967F  url('../images/bg.jpg') repeat-x top;  font-size:16px; }
a {text-decoration:none; color:#333}
#guide {background:none;  }
/* 아래 내용은 수정하지 마세요 */ 

.wrapper {display : -webkit-flex;display : flex;flex-flow: row wrap;max-width:1550px;margin:0 auto ;}
.side {margin-left:10px;position:relative;z-index:10;}
.footer {position:relative;height:56px;/*	max-width:1720px; */}
.wrapper {display : -webkit-flex;display:flex; flex-flow: row wrap;}
.content {-webkit-flex : 1;flex : 1;}
#navigation{position:relative;background:url(../images/menu_bg.png) no-repeat 0px 0px;width:188px;height:381px;}
#navigation ul li{top:0px;margin-bottom:0px;}
.displace {position: absolute;left: -5000px}
#navigation li{float:left;}
.main_nav{position:relative;top:85px;}
.thisClear{clear:both;}

a.receive_bt {display: block;width:188px;height:185px;background:url(../images/receive.png) no-repeat 0px 0px;}
a.receive_bt:hover {background-position: 0px -185px;}

a.menu01 {display: block;width:168px;height:42px;background:url(../images/main_menu.png) no-repeat 0px 0px;}
a.menu01:hover {background-position: -168px 0px;}
#menu01_this {width:168px;height:42px;background:url(../images/main_menu.png) no-repeat -336px 0px;}    
a.menu02 {display: block;width:168px;height:42px;background:url(../images/main_menu.png) no-repeat 0px -42px;}
a.menu02:hover {background-position: -168px -42px;}
#menu02_this {width:168px;height:42px;background:url(../images/main_menu.png) no-repeat -336px -42px;}
a.menu03 {display: block;width:168px;height:42px;background:url(../images/main_menu.png) no-repeat 0px -84px;}
a.menu03:hover {background-position: -168px -84px;}
#menu03_this {width:168px;height:42px;background:url(../images/main_menu.png) no-repeat -336px -84px;}
a.menu04 {display: block;width:168px;height:42px;background:url(../images/main_menu.png) no-repeat 0px -126px;}
a.menu04:hover {background-position: -168px -126px;}
#menu04_this {width:168px;height:42px;background:url(../images/main_menu.png) no-repeat -336px -126px;}
a.menu05 {display: block;width:168px;height:42px;background:url(../images/main_menu.png) no-repeat 0px -168px;}
a.menu05:hover {background-position: -168px -168px;}
#menu05_this {width:168px;height:42px;background:url(../images/main_menu.png) no-repeat -336px -168px;}
a.menu06 {display: block;width:168px;height:42px;background:url(../images/main_menu.png) no-repeat 0px -210px;}
a.menu06:hover {background-position: -168px -210px;}
#menu06_this {width:168px;height:42px;background:url(../images/main_menu.png) no-repeat -336px -210px;}

/*a.menu01s {display: block;width:140px;height:42px;background:url(../images/main_menu.png) no-repeat -10px 0px;background-size:auto}
a.menu01s:hover {background-position: -178px 0px;}
#menu01s_this {width:140px;height:42px;background:url(../images/main_menu.png) no-repeat -346px 0px;}

a.menu02s {display: block;width:140px;height:42px;background:url(../images/main_menu.png) no-repeat  -10px -42px;}
a.menu02s:hover {background-position:  -178px -42px;}
#menu02s_this {width:140px;height:42px;background:url(../images/main_menu.png) no-repeat -346px -42px;}

a.menu03s {display: block;width:140px;height:42px;background:url(../images/main_menu.png) no-repeat -10px -84px;}
a.menu03s:hover {background-position: -178px -84px;}
#menu03s_this {width:140px;height:42px;background:url(../images/main_menu.png) no-repeat -346px -84px;}

a.menu04s {display: block;width:140px;height:42px;background:url(../images/main_menu.png) no-repeat -10px -126px;}
a.menu04s:hover {background-position: -178px -126px;}
#menu04s_this {width:140px;height:42px;background:url(../images/main_menu.png) no-repeat -346px -126px;}

a.menu05s {display: block;width:140px;height:42px;background:url(../images/main_menu.png) no-repeat -10px -168px;}
a.menu05s:hover {background-position: -178px -168px;}
#menu05s_this {width:140px;height:42px;background:url(../images/main_menu.png) no-repeat -346px -168px;}

a.menu06s {display: block;width:140px;height:42px;background:url(../images/main_menu.png) no-repeat  -10px -210px;}
a.menu06s:hover {background-position:  -178px -210px;}
#menu06s_this {width:140px;height:42px;background:url(../images/main_menu.png) no-repeat -346px -210px;}*/

.header{width:100%;text-align:center;}
.header_s{width:100%;text-align:center; padding:0px ;margin-top:50px}
.footer{width:100%;text-align:center;z-index:100;}
.title_img{margin-bottom:15px;}
#myVideoFrame{padding:0 5px}
#myVideo{margin-top:8px;}
.movieSecton{flex:1;margin-top:8px;}
.movieSecton .player{ float: none; clear: both; width: 100%; position: relative; padding-bottom: 56%; padding-top: 25px; height: 0;}
.movieSecton .player > iframe {position: absolute; top: 0; left: 0; right: 0; width: 100%; height: 100%; margin-left: auto; margin-right: auto; border-radius:10px; box-shadow: 7px 7px 1px rgba(0,0,0,0.2);}

.menu_s{width:calc(100% - 10px);padding:5px;margin-bottom:0px;}
.navigation_s{background-color:#fff; border:2px solid #fff;box-shadow: 5px 5px 5px rgba(0,0,0,0.2);margin-bottom:20px; text-align:center}
.navigation_s li{display:inline-block;margin:10px 4px 2px}
.footer{text-align:center; margin:0 auto;  padding:20px 0  0 40px}
.footer_s{text-align:center; margin:0 auto; padding:100px 0 0;}
.footer_s2{text-align:center; margin:0 auto; padding:20px 0 0;}
.btn{position: relative;width: 100%; }
.btn > a{background:no-repeat center #F26161;  border-radius:50px; color:#fff;display:inline-block; width: 40%; line-height:80px; text-align:center; padding-top:5px; margin:0 5px;box-shadow: 2px 5px 2px rgb(0 0 0 / 10%); }
.ani-btn {position:relative;overflow:hidden;}
.ani-btn:before {content:"";position:absolute;left:0;top:0;width:130%;height:100%;background:#ff0000;transform:skew(-20deg);transition:.2s;margin-left:-150%;}
.ani-btn > em {position:relative;display:inline-block;z-index:1;transition:.2s;font-family:'Nanum Square'; font-weight: 700;}
.ani-btn:hover > em {color:#fff;}
.ani-btn:hover::before {margin-left:-10%;}
.btn2{position: relative;width: 100%; }
.btn2 > a{background:no-repeat center #F26161;  border-radius: 5px; font-size:18px;color:#fff;display:inline-block; padding:0 25px;line-height:50px; text-align:center;box-shadow: 2px 5px 2px rgb(0 0 0 / 10%); }
.ani-btn2 {position:relative;overflow:hidden;}
.ani-btn2:before {content:"";position:absolute;left:0;top:0;width:130%;height:100%;background:#FFFF66;transform:skew(-20deg);transition:.2s;margin-left:-150%;}
.ani-btn2 > em {position:relative;display:inline-block;z-index:1;transition:.2s;font-family:'Nanum Square'; font-weight: 700;}
.ani-btn2:hover > em {color:#333;}
.ani-btn2:hover::before {margin-left:-10%;}
.R-guide{width:15%; position:relative; margin-left:25px;text-align:center;}
.R-guide img{width:100%; max-width:280px;  margin-top:20px;}


.footer-logo{width: 100%;text-align:Center;padding:50px 0 50px;}
.footer-logo2{width: 100%;text-align:Center;padding-top:60px;}
.guide{position:absolute; right:20px; top:40%}
a.guide{display: block;width:295px;height:435px;background:url(../images/guide.png) no-repeat 0px 0px;}
a.guide:hover {background-position: 0px -429px;}

.close {cursor: pointer;  border:3px solid #fff; border-radius:50%; width:15px; height:15px; padding:10px; text-align:center;}
.close em{color:#fff; font-weight:700; font-size:1.2em}

#admissionFrame{padding:0 5px}
#admission{margin-top:7px;min-height:540px;width:100%}
.menu_s{width:calc(100% - 10px);padding:5px;margin-bottom:0px;}
.admissionTitle{width:calc(100%-10px);padding:19px 0;background:#45927B; border-radius:20px 20px 0 0; box-shadow: 7px 7px 1px rgba(0,0,0,0.2);}
.admissionTitle h1{font-weight:700; font-size:1.50em;text-align:center;color:#45927B;font-family:'Nanum Square';  color:#ffff9e}
.adTitle{position:relative;top:6px;left:10px;}
.contBox{width:calc(100%-10px);padding:15px 20px 20px;min-width:400px; background:#fff;border-radius:0 0 20px 20px;box-shadow: 7px 7px 1px rgba(0,0,0,0.2);}
.cTitle{background-color:#fff;width:100%;text-align:center;padding:30px 0 10px;}
.cTitle h2{font-weight:700;font-size:30px;font-family:'Nanum Square';}
.admissionEl{color:#121212;font-size:18px;width:31%;padding:20px 0;text-align:center;border-radius: 10px; border: 1px solid #eee;background-color:#eee;margin:7px 3px;display:inline-block;cursor: pointer;}
.admissionEl:hover{ background-color:#F26161;border:1px solid #f05c89; color:#fff;font-weight:700;box-shadow: 0 5px 8px rgba(0, 0, 0, 0.1); }
.contSpace{display:block;height:20px;}
.c_guide{background-color:#5CC6BA; width:100%;text-align:center;padding-top:8px;padding-bottom:8px;margin-bottom:19px;color:white;font-size:17px;border-radius: 4px;font-family:'SCoreDream'}
.c_guide_emph{ font-size: 0.75em; font-weight:400}
.c_bullet{display:inline-block;}
.t2{font-family:'Noto Sans KR'!important;}

.wrapper2 {display : -webkit-flex;display : flex;flex-flow: row wrap;max-width:1000px;margin:0 auto ;}
.wrapper2 img{width:100%; padding:20px 0;}
.quick-menu {position:fixed; right:50px; bottom:50px; width:56px; transition:all ease .6s; z-index:8; }
.quick-menu.on { opacity:1; visibility: visible; }
.quick-menu a { cursor:pointer; margin:10px 0 0; display:block; }
.scroll-icon { opacity: 1; position: fixed; right: 10vw; bottom: 10vw; background: url("images/scroll_icon.svg") no-repeat; width: 92px; height: 64px; transition:all ease .6s; z-index:8; visibility: visible;  border:1px solid #ff0000}
.scroll-icon.off { opacity: 0; visibility: hidden; }

.mpv-user-subtitle-display{display:none;}

/** tab **/
.tab-box {margin:40px 0 20px;position:relative;display:table;width:100%;}
.tab-box ul:after {content:"";display:block;clear:both;}
.tab-box ul {display:table-row;}
.tab-box li {display:table-cell;vertical-align:middle;border:solid 2px #ccc;border-left:0;color:#555;font-size:1.2em;line-height:1.250em;box-sizing:border-box;padding:20px 0;text-align:center;font-weight:700;}
.tab-box li:first-child {border-left:solid 2px #ccc;}
.tab-box li.on {background:#0f2a60;border-color:#0f2a60;}
.tab-box li.on>a{color:#fff;}
.tab-box li > a {display:block;}
.tab-box.multiline ul {display:block;margin-top:1px;}
.tab-box.multiline li {float:left;display:block;margin-top:-1px;}
.tab-count-2 li {width:50%;}
.tab-count-3 li {width:33.333333%;}
.tab-count-4 li {width:25%;}
.tab-count-5 li {width:20%;}
.tab-count-6 li {width:16.666666%;}
.tab-count-7 li {width:14.285714%;}
.tab-count-7-2 li {width:14.4%;}
.tab-count-8 li {width:12.55555%;}
.tab-count-10 li {width:10%;}
.tab-box > div {display:table-row;height:2.5em;}
.tab-box > div p {display:table-cell;position:absolute;margin-top:17px;line-height:1.250em;}
.tab-box.multiline.tab-count-3 li:nth-child(3n+1) {border-left:solid 2px #ccc;}
.tab-box.multiline.tab-count-4 li:nth-child(4n+1) {border-left:solid 2px #ccc;}

@media screen and (max-width:1000px) {
.footer_s{padding:30px 0 0px;}
.admissionEl{width:48%;font-size:35px;font-family:'Nanum Square'; }
.admissionEl{padding:30px 0;}
.navigation_s li{margin:0 20px; padding:25px 0 28px;}
.navigation_s li a{text-decoration:none;}
.navigation_s li a .displace2 {color:#333; font-size:37px; font-weight:500; letter-spacing:-0.05em;}
#menu01s_this, #menu02s_this, #menu03s_this, #menu04s_this, #menu05s_this,#menu06s_this{color:#FF6666;  font-weight:700;font-size:37px; letter-spacing:-0.05rem;}
.title_img{margin:10px 0}
.header_s img{width:90%;}
.header_s {margin-top: 10px;}
.cTitle h2 {font-size: 45px;}
.admissionTitle h1{font-weight:700; font-size:38px;text-align:center;line-height:40px }
.admissionTitle{padding:30px 0}
.c_guide_emph {font-size:24px;}
.ani-btn > em{font-size:38px;}
.footer-logo2 {padding-bottom: 30px;}

}