@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');
}

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-Light";font-size: 16px;color: #666666;}
a{text-decoration: none;color: #666;}
img{max-width: 100%;border: 0;vertical-align: middle;}
select{font-family: "NotoSans-Light";border: 1px solid #d6d6d6;vertical-align: middle;}
input{font-family: "NotoSans-Light";vertical-align: middle;margin: 0;padding: 0;}
textarea{font-family: "NotoSans-Light";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;}
.disnone{display: none;}
.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;}
.txc{text-align: center !important;}
.txl{text-align: left !important;}
.txr{text-align: right !important;}
.fll{float: left;}
.flr{float: right;}

.mtp5{margin-top: 5px !important;}
.mtp15{margin-top: 15px !important;}
.mtp20{margin-top: 20px !important;}
.mtp25{margin-top: 25px !important;}
.mtp40{margin-top: 40px !important;}

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

#header{min-width: 1200px;}
.header-top{background: #414c5d;}
.header-top-in{width: 1200px;height: 40px;margin: 0 auto;}
.other-site{float: left;}
.other-site li{float:left;}
.other-site li a{display: block;padding: 10px 20px;font-family: "NotoSans-Regular";font-size: 15px;line-height: 20px;color: #ffffff;background: #2d3541;}
.other-site li:first-child a{background: #20262e;}
.other-site li a:hover{text-decoration: underline;}
.ht-right{float: right;}
.language{float: left;position: relative;}
.language .lang-btn{display: block;padding: 11px 22px;font-size: 14px;line-height: 18px;color: #b3c6df;background: #014195;}
.language .lang-btn:hover{text-decoration: underline;}
.site-relate{float: left;}
.site-relate li{float: left;border-left: 1px solid #343d4a;}
.site-relate li a{display: block;padding: 11px 17px;font-size: 14px;line-height: 18px;color: #c6cacf;}
.site-relate li a:hover{text-decoration: underline;}

.header-bottom{border-bottom: 1px solid #e5e5e5;}
.header-bottom-in{position: relative;width: 1200px;margin: 0 auto;}
.header-bottom-in h1{float: left;padding: 31px 0;}
.gnb-menu{position: relative;float: left;margin-left: 70px;z-index: 10;}
.gnb-menu .main-m > li{position: relative;float: left;padding-left: 5px;background: url(/images/engineering/common/gnb_bg.gif) no-repeat left center;}
.gnb-menu .main-m > li:first-child{padding-left: 0px;background: none;}
.gnb-menu .main-m > li > a{display: block;padding: 34px 33px;font-family: "NotoSans-Regular";font-size: 18px;line-height: 22px;}
.all-menu{float:right;margin-top: 25px;}
.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/engineering/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: 136.5px;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: 130px;border-left: 1px solid #d9d8d5;}
.hide-menu .clg > ul > li:nth-child(4){width: 169px;}
.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{display: inline-block;padding-right: 18px;background: url(/images/engineering/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/engineering/common/menu_bg01.png) no-repeat right center;}
.hide-menu .depart > ul{float: left;margin-left: 52px;}
.hide-menu .depart > ul > li{width: 110px;}
.hide-menu .depart > ul > li{float: left;}
.hide-menu .depart > ul > li:first-child{width: 130px;}
.hide-menu .depart > ul > li:nth-child(4){width: 125px;}
.hide-menu .depart > ul > li:last-child{border-right: none;}
.hide-menu .depart > ul > li > a{display: block;text-align: center;height: 40px;padding: 35px 0px 0px 5px;font-size: 15px;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: 131px;width: 100%;height: 304px;background: url(/images/engineering/common/menu_bg03.gif) repeat-x left top;z-index: 5;}

.hide-menu > .depart > ul > li > ul > li > a span{display: inline-block;padding-right: 18px;background: url("/images/engineering/common/menu_bg02.png") no-repeat right center;}
.newWin {
    display: inline-block;padding-right: 5px !important;background: url("/images/engineering/common/menu_bg02.png") no-repeat right 38px;
}
#m4 {
    padding-right: 10px;
}

#footer{min-width: 1200px;padding: 18px 0;background: #2d3541;}
.footer-in{text-align: center;}
.footer-in .corp-info p{margin-top: 15px;font-size: 15px;line-height: 19px;color: #969aa0;}

.mainThumbImg{width: 285px; height: 200px; border-radius: 10px;}




.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/engineering/common/logo01.gif');
}


@media screen and (max-width: 768px) {
    .header-bottom-in h1 > a > img  {
        content: url('/images/engineering/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;
}


/* 251121 ai번역 css 추가 S */
/* 251119 추가 S */
#header .ai-trans.ai-translate-panel {position : static;}
/* 251124 css 수정 before 추가 로고 이미지 추가 */
/*.dropdown-toggle::before{content:"";width:20px;height:20px;display:flex;position:absolute;top:3px;left:6px;background: url(/images/common/ai_logo.png) no-repeat center;background-size: contain;}*/
/* 251119 추가 E */
.dropdown-toggle {height: 30px !important; margin-top: -2px !important;}
/* 251121 모바일 css 추가 */
@media screen and (max-width: 768px) {
    .header-bottom #ai-translate-panel-box {
        display: inline-block !important;
        position: absolute;
        right: 54px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 999;
    }
    #header .ai-trans.ai-translate-panel {margin-right : 0 !important;}
}
/* 모바일 번역창 크기 최소화 */
@media screen and (max-width: 768px) {
    .ai-translate-panel{min-width : 152px !important;}
}

/* 251121 ai번역 css 추가 E */


/* 공과대학 */

.header-top .ht-right {

}

.header-top .ht-right>li {
    margin-top: 7px;
    float: left;
}

#header .openLanguageG  {
    border: none;
    background: none;
}

@media screen and ( max-width:1024px ) {
    .header-bottom #googleTranslate01 {
        position: absolute;
        right: 65px;
        top: 50%;
        transform: translateY(-50%);
        z-index: 999;
    }
}


/* 영어 번역 상태일 때만 작동하는 스타일 */
body.lang-en .gnb-menu .main-m > li > a { padding: 34px 7px; font-size: 15px; }
body.lang-en .gnb-menu { margin-left: 0; }
body.lang-en .main-m { width: 800px; }
body.lang-en .hide-menu .clg > .hide-menu-title01 { margin-left: 0; }
body.lang-en .hide-menu .depart .hide-menu-title02 { margin-left: 0; }
body.lang-en .sub-bg02 { top: 154px !important; }
body.lang-en .mt-top ul li:first-child a { padding:25px 22px 24px 22px; }
body.lang-en .mboard-bottom > ul > li:nth-child(3) > a {padding: 34px 0}