@charset "utf-8";
html,
body {
  font-family: 'Roboto', sans-serif;
  font-size: 1em;
  line-height: 1.4;
  height: 100%;
  margin: 0;
  padding: 0;
}

a {
  text-decoration: none;
  color: inherit;
}

.container {
  overflow: hidden;
 *zoom: 1;

}

.site-content { padding-top: 66px; }

/* HEADER */
.header__logo { 
  font-weight: 700;
  padding: 0 15px;
  float: left;
}

.site-pusher,
 .site-container { height: 100%; }

.site-container { overflow: hidden; }

.site-pusher {
  -webkit-transition-duration: 0.3s;
  transition-duration: 0.3s;
  -ms-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}

.site-content {
  position: absolute;
  top: 66px;
  right: 0;
  left: 0;
  bottom: 0;
  padding-top: 0;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
}

.header { position: static; }

.header__icon { 
  position: relative;
  display: block;
  float: left;
  width: 50px;
  height: 66px;
  cursor: pointer;
}

.header__icon:after {
  content: '';
  position: absolute;
  display: block;
  width: 25px;
  height: 0;
  top: 16px;
  left: 15px;
  box-shadow: 0 10px 0 2px #95002a, 0 16px 0 2px #95002a, 0 22px 0 2px #95002a;
}

.menu {
  position: absolute;
  left: 0;
  top: 0;
  bottom: 0;
  background-color: #fff;
  overflow-y: scroll;
  -webkit-overflow-scrolling: touch;
  width: 200px;
  -ms-transform: translateX(0px);
  -webkit-transform: translateX(0px);
  transform: translateX(0px);
}

.menu a {
  display: block;
  height: 40px;
  text-align: center;
  line-height: 40px;
  border-bottom: 1px solid #3f51b5;
  background-color: #ddd;
}

.with--sidebar .site-pusher {
  -ms-transform: translateX(200px);
  -webkit-transform: translateX(200px);
  transform: translateX(200px);
}

.with--sidebar .site-cache {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-color: rgba(0, 0, 0, 0.6);
}


#wrap{width:100%;}
header{width:100%; position:relative;}
.inner{width:800px; margin:0 auto;}
.visual{width:100%;}

/*header*/
header .header__logo img{margin:12px auto;}
header .search_btn img{width:30px;}
header .login_btn img{width:30px;}
header .logo a:first-child{float:left; line-height:75px;}
header  a:nth-child(2){position:absolute; right:40%; top:-10px;}
header  a:nth-child(3){float:right;  margin:15px 15px 0 0;  }
header  a:nth-child(4){float:right;  margin:15px 15px 0 0;}


header .search_eff{display:none; margin:0 auto;  width:100%; text-align:center; box-sizing:border-box; background:#fff;  position:absolute; top:65px; z-index:99999;}
header .search_eff input[type="text"]{width:50%; margin:20px auto;}
header .search_eff span{display:block; background:#b4a9ac; height:40px; line-height:40px; text-align:center; color:#fff; position:absolute; right:-160px; top:30px;}


header .login_eff{display:none; width:100%; margin:0 auto; text-align:center;  background:#fff;  position:absolute; top:65px; z-index:99999999;}
header .login_eff input[type="text"]{width:50%; margin-bottom:10px;}
header .login_eff p{font-size:20px; text-align:center; font-weight:500; margin:20px 0;}
header .login_eff .login{height:40px; margin-bottom:10px; }
header .login_eff > div{width:50%; margin:0 auto;}
header .login_eff .id{width:33%; height:25px;}
header .login_eff .password{width:32%; height:25px; }
header .login_eff .join{width:33%; height:25px;}
header .login_eff button{ width:50%; height:40px; margin-bottom:10px; border:0;}
header .login_eff .naver{background:#03cf5d;color:#fff;}
header .login_eff .kakao{ background:#fff313;}
header .login_eff .facebook{ background:#46629e; color:#fff;} 


/*visual*/
.visual ul{text-align:center; width:100%;}
.visual ul li img{width:100%;}

.visual .bx-wrapper .bx-controls-direction a {
  display:none;
}
.visual .bx-wrapper{margin-bottom: 0;}
.visual .bx-wrapper .bx-pager.bx-default-pager a { margin-bottom:50px;  background:#fff; }
.visual .bx-wrapper .bx-pager.bx-default-pager a:hover,
.visual .bx-wrapper .bx-pager.bx-default-pager a.active,
.visual .bx-wrapper .bx-pager.bx-default-pager a:focus {background:#95002a;}



/*banner*/
.banner ul li img{width:100%;}





/*guide*/
.guide div ul{text-align:center; font-size:0; margin-bottom:24px;}
.guide div ul li{display:inline-block;width:231px; height:182px; margin-right:25px; box-shadow:5px 5px 5px rgba(0,0,0,0.4); font-size:17px; font-weight:500;}
.guide div ul li:nth-child(1){background:#ffd221; color:#4f2504; }
.guide div ul li:nth-child(2){background:#12dc96; color:#19523e;}
.guide div ul li:nth-child(3){background:#00b1fe;margin-right:0; color:#293f48;}

/*entrance*/
.entrance{background:#548ded; width:100%; height:498px;}
.entrance .intro{text-align:center;}
.entrance .intro p:first-child{font-size:48px; color:#fff;  padding:33px 0; box-sizing:border-box;}
.entrance .intro p:last-child{font-size:24px; color:#fff; padding-bottom:33px; box-sizing:border-box; font-weight:300;}


.entrance .entrance_box ul{overflow:hidden; }
.entrance .entrance_box ul li{ width:50%; height:251px; border:1px solid #bdd0f3; box-sizing:border-box;}

.entrance .entrance_box ul li:first-child{float:left;background:#eeac22;  color:#f9f6f6; padding:50px; box-sizing:border-box;}
.entrance .entrance_box ul li:last-child{float:right;background:#a122ee; color:#f9f6f6; padding:50px; box-sizing:border-box;}

.entrance .entrance_box ul li:nth-child(1) p:nth-child(1){font-size:30px; color:#faf6f6; font-weight:100; margin-bottom:12px;}
.entrance .entrance_box ul li:nth-child(1) p:nth-child(2){font-size:30px; color:#faf6f6; margin-bottom:7px;}
.entrance .entrance_box ul li:nth-child(1) p:nth-child(3){font-size:17px; color:#faf6f6; font-weight:400; margin-bottom:36px;}

.entrance .entrance_box ul li:nth-child(2) p:nth-child(1){font-size:30px; margin-bottom:5px; color:#f9f6f6;}
.entrance .entrance_box ul li:nth-child(2) strong{font-size:38px; color:#f8f7f6; }
.entrance .entrance_box ul li:nth-child(2) p:nth-child(3){font-size:17px; margin-top:15px; margin-bottom:40px; color:#f9f6f6;}

/*department*/
.department{background:#5d4bb0; width:100%; padding:40px 0 100px 0}
.department .school{text-align:center; color:#fff;}
.department .school  p:nth-child(1){font-size:48px; padding:38px;}
.department .school  p:nth-child(2){font-size:24px; padding-bottom:38px; font-weight:300;}


/*.department .school_depart ul{text-align:center; font-size:0; }
.department .school_depart ul li{ display:inline-block; margin-right:0px;}
.department .school_depart ul li a{color:#fff;}
.department .school_depart ul li a > p{font-size:24px; margin:60px 0;}*/

.school_depart ul{}
.school_depart li{text-align:center;}
.school_depart li a p{font-size:24px; margin-top:20px; color:#fff;}
.school_depart li img{width:90%; margin:0 auto;} 
.school_depart .bx-wrapper{margin:0 auto; width:780px;}




.school_depart .bx-wrapper .bx-controls-direction a {display:none;}
.school_depart .bx-wrapper{margin-bottom:0;}
.school_depart .bx-wrapper .bx-pager.bx-default-pager a {margin-bottom:-50px;  background:#fff; }
.school_depart .bx-wrapper .bx-pager.bx-default-pager a:hover,
.school_depart .bx-wrapper .bx-pager.bx-default-pager a.active,
.school_depart .bx-wrapper .bx-pager.bx-default-pager a:focus {background:#000;}





/*notice*/
.notice{background:#ffc358; width:100%;}
.notice > p{text-align:center; color:#fff; }
.notice > p:nth-child(1){font-size:48px;  padding:46px 0 32px 0;}
.notice > p:nth-child(2){font-size:24px; font-weight:300; padding-bottom:35px;}


 .notice .mov{
    position: relative;
    width: 100%;
    padding-bottom: 56.25%;
    margin:0 auto;
}
.notice .mov iframe, 
.notice .mov object, 
.notice .mov embed {
    position: absolute;
    width: 100%;
    height: 100%;
}


.notice_box ul{overflow:hidden;}
.notice_box ul li{float:left;}

.notice_box .inner > a{position:absolute; top:15px; right:15px; display:block; color:#fff; font-size:48px; font-weight:100;}
.notice_box .inner{position:relative; }
.notice_box .box1{margin-top:30px;}
.notice_box .box1 li p{color:#f9f6f6; line-height:80px; font-size:24px; }
.notice_box .box1 li:nth-child(2) p{margin-left:35px;}
.notice_box .box1 li{background:#7c8187;}
.notice_box .box1 li.active{background:#1d3d5b;}
.notice_box .box1 li:nth-child(1){border:1px solid #f9f6f6; width:20%; height:80px; text-align:center; border-bottom:0; box-sizing:border-box;}
.notice_box .box1 li:nth-child(2){border:1px solid #f9f6f6; width:80%; height:80px;  border-left:0; border-bottom:0; box-sizing:border-box;}



.notice_box .box2 li:nth-child(1) {border:1px solid #f9f6f6;  }
.notice_box .box2 li:nth-child(2) {border:1px solid #f9f6f6; border-top:0;}
.notice_box .box2 li{overflow:hidden;  width:100%; height:100px; background:#1d3d5b; box-sizing:border-box; }
.notice_box .box2 li:nth-child(1) .date{float:left; width:15%; height:100px;}
.notice_box .box2 li:nth-child(1) .text{float:right; width:78%; height:100px;}
.notice_box .box2 li:nth-child(1) .date p{font-size:14px; color:#d1cec9; margin:30px 0 5px 50px;}
.notice_box .box2 li:nth-child(1) .date span{font-size:25px; color:#ffffff; margin-left:61px;}
.notice_box .box2 li:nth-child(1) .text p:nth-child(1){font-size:20px; color:#d1cec9; margin:30px 0 5px 0;}
.notice_box .box2 li:nth-child(1) .text p:nth-child(2){font-size:17px; color:#7c8187; }
.notice_box .box2 li:nth-child(2) .date{float:left; width:15%; height:100px;}
.notice_box .box2 li:nth-child(2) .text{float:right; width:78%; height:100px;}
.notice_box .box2 li:nth-child(2) .date p{font-size:14px; color:#d1cec9; margin:30px 0 5px 50px;}
.notice_box .box2 li:nth-child(2) .date span{font-size:25px; color:#ffffff; margin-left:61px;}
.notice_box .box2 li:nth-child(2) .text p:nth-child(1){font-size:20px; color:#d1cec9; margin:30px 0 5px 0;}
.notice_box .box2 li:nth-child(2) .text p:nth-child(2){font-size:17px; color:#7c8187;}
.notice_box .box2 li:nth-child(2){margin-bottom:50px;}


/*sns*/

.notice .sns > p{font-size:35px; color:#fff; text-align:center; margin-bottom:47px; font-weight:500;}
.notice .sns ul{font-size:0; text-align:center;}
.notice .sns ul li{display:inline-block; width:45%; margin-right:5%;}
.notice .sns ul li:nth-child(2){margin-right:0;}
.notice .sns ul li:nth-child(4){margin-right:0;}
.notice .sns ul li p:nth-child(2){font-size:20px; color:#fff; margin:17px 0; font-weight:300;}
.notice .sns ul li p:nth-child(3){font-size:16px; color:#392618; margin-bottom:20px;}
.notice .sns ul li img{width:100%;}

/*footer*/
footer{width:100%; background:#3b3b3b; position:relative;}
footer .footer1 ul li{display:inline-block; width:246px; height:31px; text-align:center; margin-top:15px; }
footer .footer1 ul li a{color:#fff; font-size:17px; font-weight:medium; }
footer .footer1 ul li:nth-child(1){margin-top:24px;}
footer .footer1 ul{text-align:center; border-bottom:1px solid #7c8187;}
footer .footer1 ul li:nth-child(7){width:140px; height:31px; line-height:31px;background:#ce0837; margin-bottom:11px;}

footer .footer2{margin-top:11px; text-align:center;}
footer .footer2 .footertext p{color:#fff; font-weight:300; margin:15px; font-size:16px; line-height:135%;}
footer .footer2 .footertext p:last-child{color:#8b8787; font-size:14px;}
footer .footer2 img{margin-bottom:20px;}