@import url('https://fonts.googleapis.com/css?family=Raleway');
body{
font-family: 'Raleway', sans-serif;!important
color: #fff;
//background: #2b2b2b;  
background-image: url("http://faculty.unist.ac.kr/ipd/wp-content/uploads/sites/224/2023/10/71cc3f60d0a0885e76d8d16ca674311c-e1697636698746.jpg");
//background-repeat: repeat;
}
.main-navigation ul ul a:hover {
    background-color: #316614;
}

.post img:hover {
opacity:0.6;
filter:alpha(opacity=60); /* For IE8 and earlier */
}
.slideshow-panel {
    width: 224px;
    height: 295px;
    float: right;
    position: relative;
    padding: 20px;
   background: #2b2b2b; 
    // background: url(http://faculty.unist.ac.kr/ipd/?p=1664) repeat-x;
    font-size: 12px;
    color: #c5c5c5;
    line-height: 1.6em;
}

.slideshow-panel h3 {
    font-family: 'Raleway', sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-transform: lowercase;
    text-align: justify;
    text-justify: inter-word;
    padding: 5px 0 15px 0;
    background: url(images/sep-slideshow.png) repeat-x 0 100%;
    margin: 0 0 17px 0;
}

#slideshow-container {
    width: 988px;
    height: 335px;
    background: #fff no-repeat;
    margin: 0 0 20px -7px;
    padding: 11px 18px 25px 18px;
    position: relative;
    z-index: 100;
}

#nav-main li a, #nav div.menu ul li a {
    height: 24px;
    float: left;
    display: inline;
    font-family: 'Raleway', sans-serif;
    font-weight: bold;
    color: #fff;
    font-size: 12px;
    text-transform: lowercase;
    padding: 9px 14px 0 14px;
    text-decoration: none;
    text-shadow: 0 1px 2px #222;
}

.title-page {
    background: url(images/sep-horizontal.png) repeat-x 0 100%;
    width: 673px;
    margin: 0 0 30px -35px;
    padding: 0 370px 12px 35px;
    font-size: 24px;
    font-weight: bold;
    color: #2c2c2c;
    font-family: 'Raleway', sans-serif;
}


#intro {
    font-size: 20px;
    font-family: 'Raleway', sans-serif;
    color: #4f4f4f;
    font-weight: normal;
    text-align: center;
    line-height: 1.7em;
    background: url(images/sep-intro.png) no-repeat 50% 100%;
    padding: 0 0 30px 0;
    margin: 0 0 30px 0;
}

#main-content .static-page h2, #full-content .static-page h2, #tabs-front .static-page h2 {
    font-size: 20px;
    line-height: 1.1em;
    margin-top: 1.65em;
    margin-bottom: 1.1em;
    font-weight: bold;
    color: #282828;
    font-family: 'Raleway', sans-serif;
}

#frontblog-container article h4.entry-title {
    font-size: 16px;
    color: #444;
    font-family: 'Raleway', sans-serif;
    margin: 0;
    font-weight: 900;
}

#title-frontblog h3 {
    font-size: 20px;
    font-weight: normal;
    float: left;
    color: #2c2c2c;
    font-family: 'Raleway', sans-serif;
}

#main-content .static-page h3, #full-content .static-page h3, #tabs-front .static-page h3 {
    font-size: 18px;
    line-height: 1.222em;
    margin-top: 1.833em;
    margin-bottom: 0.611em;
    font-weight: 900;
    color: #282828;
    font-family: 'Raleway', sans-serif;
}

#main-content .static-page h4, #full-content .static-page h4, #tabs-front .static-page h4 {
    font-size: 16px;
    line-height: 1.375em;
    margin-top: 2.062em;
    margin-bottom: 0.687em;
    font-weight: normal;
    color: #282828;
    font-family: 'Raleway', sans-serif;
}

#box-container article h3.entry-title {
    float: right;
    width: 222px;
    background: url(images/sep-horizontal.png) repeat-x 0 100%;
    font-family: 'Raleway', sans-serif;
    color: #2c2c2c;
    font-size: 17px;
    font-weight: 700;
    text-transform: uppercase;
    padding: 7px 0 8px 0;
}
.video-responsive{
    overflow:hidden;
    padding-bottom:56.25%;
    position:relative;
    height:0;
}
.video-responsive iframe{
    left:0;
    top:0;
    height:100%;
    width:100%;
    position:absolute;
}
.responsive {
  width: 100%;
  height: auto;
}
#nav #nav-main li:hover ul li a:hover, #nav #nav-main li ul li a:hover {
	background: 	#2A3890;
	text-decoration: none;
	-webkit-transition: all 0.3s ease-in-out;
	-moz-transition: all 0.3s ease-in-out;
	-o-transition: all 0.3s ease-in-out;
	transition: all 0.3s ease-in-out
}
.menu a {
  color: #2A3890;
  opacity: 0.9;
}

.submenu > li {
  line-height: 50px;
  background-color: #94a9ff;
}

.submenu {
  height: 0; /*ul의 높이를 안보이게 처리*/
  overflow: hidden;
}