@charset "utf-8";

@font-face{
font-family: "NotoSans-Black";
src:url('./font/NotoSans-Black.eot') format('embedded-opentype'),
url('./font/NotoSans-Black.woff') format('woff');
}
@font-face{
font-family: "NotoSans-Bold";
src:url('./font/NotoSans-Bold.eot') format('embedded-opentype'),
url('./font/NotoSans-Bold.woff') format('woff');
}
@font-face{
font-family: "NotoSans-DemiLight";
src:url('./font/NotoSans-DemiLight.eot') format('embedded-opentype'),
url('./font/NotoSans-DemiLight.woff') format('woff');
}
@font-face{
font-family: "NotoSans-Light";
src:url('./font/NotoSans-Light.eot') format('embedded-opentype'),
url('./font/NotoSans-Light.woff') format('woff');
}
@font-face{
font-family: "NotoSans-Medium";
src:url('./font/NotoSans-Medium.eot') format('embedded-opentype'),
url('./font/NotoSans-Medium.woff') format('woff');
}
@font-face{
font-family: "NotoSans-Regular";
src:url('./font/NotoSans-Regular.eot') format('embedded-opentype'),
url('./font/NotoSans-Regular.woff') format('woff');
}
@font-face{
font-family: "NotoSans-Thin";
src:url('./font/NotoSans-Thin.eot') format('embedded-opentype'),
url('./font/NotoSans-Thin.woff') format('woff');
}

@font-face {
  font-family: "YiSunShinDotum";
  font-style: normal;
  font-weight: 300;
  src: local("./font/YiSunShinDotumL"), /* computer */
    url("./font/YiSunShinDotumL.eot"), /* IE9 Compat Modes */
    url("./font/YiSunShinDotumL.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./font/YiSunShinDotumL.woff2") format("woff2"), /* Modern Browsers */
    url("./font/YiSunShinDotumL.woff") format("woff"), /* Modern Browsers */
    url("./font/YiSunShinDotumL.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "YiSunShinDotum";
  font-style: normal;
  font-weight: 400;
  src: local("./font/YiSunShinDotumM"), /* computer */
    url("./font/YiSunShinDotumM.eot"), /* IE9 Compat Modes */
    url("./font/YiSunShinDotumM.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./font/YiSunShinDotumM.woff2") format("woff2"), /* Modern Browsers */    
    url("./font/YiSunShinDotumM.woff") format("woff"), /* Modern Browsers */
    url("./font/YiSunShinDotumM.ttf") format("truetype"); /* Safari, Android, iOS */
}
@font-face {
  font-family: "YiSunShinDotum";
  font-style: normal;
  font-weight: 700;
  src: local("./font/YiSunShinDotumB"), /* computer */
    url("./font/YiSunShinDotumB.eot"), /* IE9 Compat Modes */
    url("./font/YiSunShinDotumB.eot?#iefix") format("embedded-opentype"), /* IE6-IE8 */
    url("./font/YiSunShinDotumB.woff2") format("woff2"), /* Modern Browsers */
    url("./font/YiSunShinDotumB.woff") format("woff"), /* Modern Browsers */
    url("./font/YiSunShinDotumB.ttf") format("truetype"); /* Safari, Android, iOS */
}


html, body, div, dl, dt, dd, ul, ol, li, p, h1, h2 ,h3, h4, h5, h6{margin: 0;padding: 0;list-style: none;font-family: "NotoSans-Regular";font-size: 15px;color: #666666;}
a{text-decoration: none;color: #666;}
img{max-width: 100%;border: 0;vertical-align: middle;}
select{font-family: "NotoSans-Regular";border: 1px solid #d6d6d6;vertical-align: middle;}
input{font-family: "NotoSans-Regular";vertical-align: middle;margin: 0;padding: 0;}
textarea{font-family: "NotoSans-Regular";vertical-align: middle;}
table{border-collapse: separate;border-collapse: collapse;width: 100%;table-layout: fixed;}
table caption{width: 0;height: 0;overflow: hidden;position: absolute;top: -9999px;left: -9999px;}
body { width: 100%;font-size: 12px; }
tfoot {display: none;}

.clearfix:after{content: ".";display: block;height: 0;clear: both;visibility: hidden;line-height: 0;font-size: 0;}
.clear{clear: both;height: 0;}
.hidden {overflow: hidden;position: absolute;width: 0;height: 0;top: -9999px;left: -9999px;line-height: 0;text-indent: -999em;margin: 0;padding: 0;background: none;line-height: 0;border: none;}

.skipNav {position: relative;width: 100%;z-index: 99999;}
.skipNav a {position: absolute;left: 0;top: -1000px;display: block;width: 100%;padding: 10px 0;font-style: normal;font-variant: normal;text-align: center;font-family: "ng", sans-serif;font-size: 14px;font-weight: bold;color: #ffffff;background: #000000;}
.skipNav a:active,.skipNav a:focus{top: 0;text-decoration: none;color: #ffffff;}
.warp-box{width:1200px;margin:0 auto;}
#header{min-width: 1200px;border-bottom: 1px solid #e5e5e5;}
.header-top{background: #f7f7f7;}
.header-top-in{width: 1200px;margin: 0 auto;}
.relate-ins{float: left;}
.relate-ins > li{float: left;}
.relate-ins > li a{display: block;padding: 5px 15px;font-size: 13px;line-height: 20px;color: #666666;border-right:1px solid #e3e3e3;}
.relate-ins > li a:hover{background:#afafaf;border-right:1px solid #afafaf; color:#fff;}
.relate-ins2{float: right;}
.relate-ins2 > li{float: left;}
.relate-ins2 > li a{display: block;padding: 5px 15px;font-size: 15px;line-height: 20px;color: #565656;font-size: 12px;}
.relate-ins2 > li:first-child a{background: url(/images/science/common/common_bg02.gif) no-repeat right center;}

.header-bottom-in{position: relative;width: 1200px;margin: 0 auto;}
.header-bottom-in h1{float: left;height:90px;display:table;}
.header-bottom-in h1 > a{display:table-cell;vertical-align: middle;}
.header-bottom-in h1 > a.logo2-link{background:url(/images/science/common/logo2-link.png) no-repeat left center;padding-left:15px;}
.gnb-menu{position: relative;float: left;margin-left: 24px;z-index: 10;}
.gnb-menu .main-m > li{position: relative;float: left;}
.gnb-menu .main-m > li > a{display: block;padding: 30px 55px;font-family: "NotoSans-Regular";font-size: 22px;line-height: 30px;}
.gnb-menu .main-m > li  + li > a{background:url(/images/science/common/gnb-menu.gif) no-repeat left center;}
.all-menu{float:right;margin-top: 34px;}
.all-menu-close{display: none;}
.hide-menu{display: none;position: absolute;left: 0px;top: 91px;width: 100%;z-index: 10;}
.hide-menu .clg > .hide-menu-title01{float: left;padding-right: 30px;margin-left: 173px;margin-top: 29px;font-family: "NotoSans-Regular";font-weight: normal;font-size: 24px;line-height: 28px;color: #000000;background: url(/images/science/common/menu_bg01.png) no-repeat right center;}
.hide-menu .clg > ul{float: left;margin-left: 52px;}
.hide-menu .clg > ul > li{float: left;width: 205px;height: 134px;border-right: 1px solid #d9d8d5;padding: 30px 0;background: #ffffff;}
.hide-menu .clg > ul > li:hover{background: #d4e4e2;}
.hide-menu .clg > ul > li:first-child{width: 192px;border-left: 1px solid #d9d8d5;}
.hide-menu .clg > ul > li > ul{text-align: center;}
.hide-menu .clg > ul > li > ul > li{padding: 5px 0;}
.hide-menu .clg > ul > li > ul > li > a{display: block;text-align: center;font-size: 16px;line-height: 20px;color: #393939;}
.hide-menu .clg > ul > li > ul > li > a span{padding-right: 18px;background: url(/images/science/common/menu_bg02.png) no-repeat right center;}
.hide-menu .clg > ul > li > ul > li > ul{display: none;}
.hide-menu .depart{background: #f2f1ed;}
.hide-menu .depart .hide-menu-title02{float: left;padding-right: 30px;margin-left: 217px;margin-top: 29px;font-family: "NotoSans-Regular";font-weight: normal;font-size: 24px;line-height: 28px;color: #000000;background: url(/images/science/common/menu_bg01.png) no-repeat right center;}
.hide-menu .depart > ul{float: left;margin-left: 52px;}
.hide-menu .depart > ul > li{width: 140px;}
.hide-menu .depart > ul > li{float: left;}
.hide-menu .depart > ul > li:first-child{}
.hide-menu .depart > ul > li:last-child{border-right: none;}
.hide-menu .depart > ul > li > a{display: block;text-align: center;height: 40px;padding: 40px 0;font-size: 16px;line-height: 20px;color: #393939;}
.hide-menu .depart > ul > li > a:hover{color: #014195;text-decoration: underline;}
.hide-menu .depart > ul > li > ul{display: none;}
.sub-bg02{display: none;position: absolute;left: 0px;top: 121px;width: 100%;height: 304px;background: url(/images/science/common/menu_bg03.gif) repeat-x left top;z-index: 5;}

.fll{float: left;}
.flr{float: right;}
.txc{text-align: center !important;}
.txl{text-align: left !important;}
.txr{text-align: right !important;}

#footer{min-width: 1200px;background: #212429;}
.footer-in{width: 1200px;padding: 40px 0 69px;margin: 0 auto;}
h1.footer-logo{float: left;}
.corp-info-floor{margin-top: 15px;float: left;}
.corp-info{float: left;vertical-align: top;margin-left: 40px;}
.corp-info-txt{font-family: "NotoSans-Light";font-size: 13px;line-height: 17px;color: #fff;}



/* 구글 번역 css 국문 */
body {
  position: static !important;
}


.google-translate .drop-box{position: relative;}

/* padding: 5px 5px;border: 1px solid #dedede;background: #ffffff61; 추가 */
.openLanguageG{display:flex;align-items:center;border-radius: 20px;padding: 5px 0px;padding: 5px 5px;border: 1px solid #dedede;background: #ffffff61;cursor: pointer;}
/* .openLanguageG{display:flex;align-items:center;border-radius: 20px;padding: 5px 0px;padding: 5px 5px;border: 1px solid #dedede;background: #00000061;cursor: pointer;} */

/* .openLanguageG.active span{font-size: 12px;color: #fff;} */
.openLanguageG span{font-size: 12px;color: #000;}
/* .openLanguageG.active span{font-size: 12px;color: #fff;} */
.openLanguageG::before { margin: 0 8px 0 0; content: ''; display: block; width: 16px; height: 16px; background: url("/images/science/common/h-google.png") no-repeat center;}

/* width height 16px로 변경 */
.openLanguageG::after{content:"";display:block;width:16px;height:16px;margin-left:10px;background:url("/images/science/common/google_nav_bg2.png") no-repeat center;}

/* 메인일때 바뀌는 이미지 추가 */
/* .openLanguageG.bg1::after {
    background: url(/images/google_nav_bg1.png);
} */

/* width: 130px; 변경 */
.google-translate .drop-box .translation-links{width: 130px;display:none;position:absolute;top:28px; z-index: 1000000;border-radius: 6px;left: 2px;text-align: center}
.google-translate .drop-box.expanded .translation-links{display:block;}
.translation-links a{font-size:13px;color:#000;background:#9c9c9c !important;display:block;padding:5px 15px;margin-top:1px;}
.translation-links a:hover{background-color: #333 !important;}

/* tip css 추가  width 360px 변경 */
.tip {position: absolute; left: -99999px; width: 360px; padding: 13px 20px; background: rgba(255,255,255,.9); border-radius: 10px; font-family: 'Noto Regular'; font-size: 12px; box-shadow: 2px 2px 10px rgba(0,0,0,.4); color: #666; opacity: 0; transition: opacity .75s; transition-delay: .2s;z-index: 999;}
.tip.on {left: 50%; opacity: 1;z-index: 1;}
.tip button {display: inline-block; margin-top: 20px; padding: 5px 10px; background: #256EF4; border-radius: 5px; color: #fff;}

.ht-lk > ul > li > a {
  vertical-align: baseline !important;
}

.ht-lk > ul > li + li:before {
  vertical-align: text-top !important;
}

.skiptranslate {
  display: none;
}

#goog-gt-tt {display: none !important;}


.header-bottom-in h1 > a > img {
  content: url('/images/science/common/logo1.gif');
}


@media screen and (max-width: 768px) {
  .header-bottom-in h1 > a > img  {
    content: url('/images/science/common/logo04.gif');
  }
  .header-bottom-in h1 {
    width: 160px !important;
  }
}


@media screen and ( max-width:1024px ){
  .ht-lk {
    display: block !important;
  }
  .ht-lk > ul > li {
    display: none;
  }
  .ht-lk > ul > li:last-child {
    display: block;
  }
  .ht-lk > ul > li:last-child::before {
    width: 0;
    height: 0;
  }
  .total-search {
    display: none;
  }
  .openLanguageG span {
    font-size: 12px;
  }

}

/* 250716 구글 번역시 나오는 안내문 css */
#transTop {
  background: #4d4d4d;
  color: #fff;
  height: 22px;
  display: none;
  align-items: center;
  justify-content: center;
  font-size: 15px;
  font-weight: 600;
}



/* 자연과학대학 */

#header .openLanguageG {
  background: none;
  border: none;
}
.header-top #googleTranslate01 {
  margin-top: 2px;
  margin-right: 10px;
}
.openLanguageG span {
  color: #565656;
}
.relate-ins2 > li:first-child a {
  /*background: none !important;*/
}
.relate-ins2 > li:nth-child(2) a {
  background: url(https://www.uos.ac.kr/images/science/common/common_bg02.gif) no-repeat right center;
}
@media screen and (max-width: 768px) {

  .header-bottom #googleTranslate01 {
    display: inline-block;
    position: absolute;
    top: 50%;
    transform: translateY(-50%);
    right: 25px;
    z-index: 999;
    margin-top: 1px;
  }
}