@charset "UTF-8";
/* 다음 폰트 적용 */
@import url(pages/_about.scss);

@font-face {
    font-family: 'Daum';
    font-style: normal;
    font-weight: 400;
    src: url("../font/daum_regular.eot");
    src: local(※), url("../font/daum_regular.woff") format("woff");
    src: local(※), url("../font/daum_regular.woff2") format("woff2");
}

@font-face {
    font-family: 'Daum';
    font-style: normal;
    font-weight: 600;
    src: url("../font/daum_semibold.eot");
    src: local(※), url("../font/daum_semibold.woff") format("woff");
    src: local(※), url("../font/daum_semibold.woff2") format("woff2");
}

body {
    background-attachment: fixed !important;
    color: #000;
    font-family: meiryo, 'malgun gothic', 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif, gulim, dotum;
    font-size: 11pt;
    letter-spacing: -1px;
    overflow-x: hidden;
}

body:before {
    content: "";
    height: 10px;
    left: 0;
    position: fixed;
    top: -10px;
    width: 100%;
    z-index: 100;
}

cufontext {
    display: none !important;
}

a {
    color: #000;
    text-decoration: none;
}

a:hover, a:active, a:focus {
    color: #69d72b;
    text-decoration: underline;
}

::-moz-selection {
    background-color: #49C70B;
    color: #fff;
    font-weight: bold;
    text-shadow: 1px 1px 0 #09870B;
}

::selection {
    background-color: #49C70B;
    color: #fff;
    text-shadow: 1px 1px 0 #09870B;
}

.clear {
    clear: both;
}

#top {
    position: absolute;
    top: 0;
}

.bgimage {
    display: none;
    left: 0;
    position: fixed;
    top: 0;
    width: 1920px;
}

.overlay {
    background: transparent url(/share/img/background/pattern.png) repeat top left;
    height: 100%;
    left: 0;
    position: fixed;
    top: 0;
    width: 100%;
}

header {
    left: 30px;
    position: fixed;
    top: 10px;
}

a.skulogo {
    background: url(/share/img/logo/logo.png) no-repeat center center;
    display: block;
    height: 80px;
    text-indent: -10000px;
    width: 250px;
}

a.deplogo {
    display: block;
    height: 152px;
    text-indent: -10000px;
    width: 248px;
}

#top-navigation {
    height: 30px;
    position: absolute;
    right: 35px;
    text-align: right;
    top: 30px;
    width: 500px;
    z-index: 2;
}

#top-navigation ul {
    position: absolute;
    right: 0;
}

#top-navigation li {
    color: #fff;
    display: inline-block;
    float: left;
    font-size: 8pt;
    font-weight: bold;
    position: relative;
}

#top-navigation a {
    color: #fff;
    margin-right: 1px;
    position: relative;
    text-decoration: none;
    text-shadow: 1px 1px 0 rgba(20, 20, 20, 0.5);
    z-index: 1;
}

#top-navigation .link-shadow {
    color: #555;
    left: 0;
    padding: 1px 0 0 1px;
    position: absolute;
    z-index: 0;
}

#top-navigation a:hover, #top-navigation a:active, #top-navigation a:focus {
    color: #69d72b;
}

#sidebox {
    left: 30px;
    position: fixed;
    top: 95px;
    width: 248px;
    z-index: 100;
}

#navigation a.selected .bar {
    display: inline;
}

#navigation ul li ul li a {
    position: relative;
}

#navigation a .bar {
    background: url(/share/img/icon/link_l.gif) no-repeat center center;
    display: none;
    font-weight: bold;
    height: 17px;
    position: absolute;
    right: 10px;
    width: 10px;
}

#search-box {
    background: rgba(51, 51, 51, 0.92);
    padding: 13px;
    text-align: center;
}

#search-box input {
    background: rgba(34, 34, 34, 0.82);
    border: 3px #49c70b solid;
    color: #fff;
    height: 22px;
    width: 210px;
}

#main-content {
    font-size: 8pt;
    margin: 92px 0 0 310px;
    padding-right: 100px;
    position: relative;
    z-index: 1;
}

.dep-name {
    margin-bottom: 30px;
    width: 852px;
}

.dep-name .en h3 {
    color: #fff;
    font-size: 40px;
    letter-spacing: -3px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.dep-name .en h2 {
    color: #fff;
    font-size: 76px;
    font-weight: normal;
    letter-spacing: -7px;
    margin: 0 0 0;
    padding: 0;
    text-transform: uppercase;
}

.dep-name .kr {
    margin: 8px 0 20px;
}

.dep-name .kr span {
    color: #fff;
    font-size: 25px;
    letter-spacing: -3px;
    padding: 3px 10px 5px 5px;
    position: relative;
    top: -10px;
}

.dep-name .kr strong {
    color: #fff;
    font-size: 40px;
    letter-spacing: -5px;
    position: relative;
    top: 0;
}

/* 2018-08-30 소프트웨어공학과 유지보수 추가 시작*/
.dep-name .kr .cs_depname {
    font-size: 22px;
    top: 0;
}

.dep-name em {
    color: #49d70B;
    font-size: 15px;
    letter-spacing: -2px;
    padding-left: 10px;
    position: relative;
    top: 0;
}

/* 2018-08-30 소프트웨어공학과 유지보수 추가 끝*/
ul.maincategory {
    clear: both;
    margin-bottom: 10px;
    margin-top: 30px;
    position: relative;
}

.board ul.maincategory {
    border-bottom: 1px silver solid;
    margin: 25px 0 10px;
}

ul#mainboxcontainer {
    margin-top: 0;
}

ul.maincategory li {
    display: inline-block;
    *display: inline;
    margin-right: 1px;
    zoom: 1;
    /*inline-block을 ie7에서 먹게하기 위해서*/
}

ul.maincategory li a {
    background: #000;
    background: rgba(20, 20, 20, 0.8);
    /*
    background: -webkit-gradient(linear, center top, center bottom, from(rgba(37, 37, 37, 0.9)), color-stop(1%, rgba(68, 68, 68, 0.9)), color-stop(20%, rgba(85, 85, 85, 0.9)), color-stop(85%, rgba(17, 17, 17, 0.9)), to(rgba(10, 10, 10, 0.9)));
    background: -moz-linear-gradient(top, rgba(37, 37, 37, 0.9) 0%, rgba(68, 68, 68, 0.9) 1%, rgba(85, 85, 85, 0.9) 20%, rgba(17, 17, 17, 0.9) 85%, rgba(10, 10, 10, 0.9) 100%);
    */
    color: #fff;
    display: block;
    font-size: 8pt;
    line-height: 100%;
    padding: 4px 8px 7px 7px;
}

ul.maincategory li a:hover, ul.maincategory li a.selected-button {
    background: #49C70B;
    background: rgba(73, 199, 11, 0.92);
    /*
    background: -webkit-gradient(linear, center top, center bottom, from(rgba(41, 167, 11, 0.9)), color-stop(30%, rgba(105, 239, 27, 0.9)), color-stop(50%, rgba(121, 255, 59, 0.9)), color-stop(70%, rgba(105, 239, 43, 0.9)), to(rgba(41, 183, 11, 0.9)));
    background: -moz-linear-gradient(top, rgba(41, 167, 11, 0.9) 0%, rgba(105, 239, 27, 0.9) 30%, rgba(121, 255, 59, 0.9) 50%, rgba(105, 239, 43, 0.9) 70%, rgba(41, 183, 11, 0.9) 100%);
    */
    color: #fff;
    text-decoration: none;
}

.fbox {
    background: #fff;
    background: rgba(255, 255, 255, 0.95);
    background: -webkit-gradient(linear, center top, center bottom, from(rgba(255, 255, 255, 0.95)), color-stop(50%, rgba(255, 255, 255, 0.95)), to(rgba(255, 255, 255, 0.95)));
    background: -moz-linear-gradient(top, rgba(255, 255, 255, 0.95) 0%, rgba(255, 255, 255, 0.95) 50%, rgba(255, 255, 255, 0.95) 100%);
    border: 2px #fcfcfc solid;
    -moz-box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.3);
    display: inline-block;
    float: left;
    line-height: 120%;
    margin: 0 10px 10px 0;
    padding: 8px;
    position: relative;
    /*
    -moz-transition: background 0.3s ease-out;
    -o-transition: background 0.3s ease-out;
    -webkit-transition: background 0.3s ease-out;
    */
}

.fsns {
    border: 0 !important;
    font-size: 8pt;
    padding: 5px;
}

.fsns span {
    background: #000;
    border: none !important;
    color: #fff;
    float: left;
    font-size: 11px !important;
    height: 13px;
    line-height: 100% !important;
    margin-right: 3px;
    padding-top: 1px !important;
    text-align: center;
    width: 15px;
}

.btwitter img {
    width: 65px;
}

.time {
    white-space: nowrap;
    width: 47px;
}

.icon-file {
    display: none;
}

.time .date,
.noticebox .date {
    color: #666;
}

.time .date {
    color: #666;
}

.noticebox {
    padding-bottom: 3px;
}

.noticebox .date {
    color: #666;
}

.noticebox table {
    width: 305px;
}

.noticebox .thumb img {
    border: 1px #000 solid;
}

.noticebox .en {
    letter-spacing: -1px;
    margin-right: 5px;
    text-shadow: 1px 1px 0 #fff;
}

.noticebox .title {
    padding: 0 0 7px 3px;
    position: relative;
}

.noticebox .title a {
    text-overflow: ellipsis;
    white-space: nowrap;
}

.noticebox .title img {
    left: 2px;
    position: relative;
    top: 3px;
}

.noticebox .time {
    padding: 0 5px 3px 2px;
}

.noticebox .hour {
    display: none;
}

.noticebox .floatLeft {
    float: left;
}

.noticebox li {
    padding: 0 0 7px 0;
}

.noticebox .replyNum a {
    color: #49b70b;
    position: relative;
    top: 1px;
}

.noticebox .replyNum a:before {
    content: '..';
    letter-spacing: 0;
}

.boxtitle {
    border-bottom: 1px #ccc solid;
    box-shadow: 0 1px 0 #fff;
    font-size: 14px;
    letter-spacing: -2px;
    margin-bottom: 10px;
    padding: 3px 0 8px;
    position: relative;
}

.boxtitle span {
    color: #49b70b;
}

.boxtitle .more {
    color: #49b70b;
    font-size: 11px;
    position: absolute;
    right: 0;
    top: 5px;
}

.mainboxsize1 {
    width: 70px;
}

.mainboxsize2 {
    width: 160px;
}

.mainboxsize3 {
    width: 330px;
}

.bannerbox {
    font-size: 11px;
    /* 비디오추가 */
}

.bannerbox a {
    border: 1px solid #ccc;
    display: block;
    overflow: hidden;
    padding: 0;
    position: relative;
    text-decoration: none;
}

.bannerbox a:hover {
    border-color: #69E72B;
}

.bannerbox .title {
    background: #fff;
    background: rgba(255, 255, 255, 0.95);
    border: 1px #ddd solid;
    border-bottom: 0;
    border-right: 0;
    bottom: 0;
    color: #000;
    padding: 4px 7px 5px 5px;
    position: absolute;
    right: 0;
}

.bannerbox .title span {
    color: #49b70b;
}

.bannerbox .desc {
    background: #000;
    background: rgba(0, 0, 0, 0.8);
    bottom: 23px;
    color: #fff;
    padding: 3px 9px 7px 5px;
    position: absolute;
    right: -300px;
}

.bannerbox img {
    width: 100%;
}

.bannerbox .vid:before {
    background: url("../../../share/img/button/skudep-video.png") no-repeat top left;
    background-size: contain;
    content: '';
    display: block;
    height: 100%;
    left: 0;
    position: absolute;
    top: 0;
    width: 100%;
    z-index: 100;
}

.bannerbox .video_default:before {
    background: url("../../../share/img/button/skudep-video-default.png") no-repeat top left;
    background-size: contain;
    content: '';
    display: block;
    height: 60px;
    left: 50%;
    position: absolute;
    top: 50%;
    transform: translate(-50%, -50%);
    width: 60px;
    z-index: 100;
}

#content {
    height: auto;
    margin: 245px 0 0 310px !important;
    position: relative;
    width: 76%;
    z-index: 1;
}

.content-box {
    border: 0;
    line-height: 165%;
    margin: 163px 10px 0 0;
    min-height: 345px;
    padding: 25px;
    width: 850px;
}

.page-size1 {
    width: 310px;
}

.page-size1 img {
    margin: 0 !important;
    width: 100% !important;
}

.page-size2 {
    width: 160px;
}

.page-size2 img {
    margin: 0 !important;
    width: 100% !important;
}

.page-size2 ul li {
    font-size: 8pt;
    list-style-image: url("/share/img/icon/link_s.gif");
    margin: 3px 0 3px 15px;
}

.page-size3 {
    width: 75px;
}

.pageheader {
    background: #fff;
    background: rgba(255, 255, 255, 0.92);
    -moz-box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.3);
    left: 310px;
    margin-bottom: 20px;
    overflow: hidden;
    padding: 10px;
    position: absolute;
    top: 245px;
    width: 850px;
    z-index: 2;
}

.pageheader img {
    height: 90px;
    overflow: hidden;
    width: 850px;
}

#ft {
    height: 90px;
    overflow: hidden;
}

.ft-title {
    background: url("/share/img/background/black_alpha_0.80.png") transparent !important;
    background: rgba(0, 0, 0, 0.5) transparent !important;
    bottom: 10px !important;
    font-size: 11px;
    left: auto !important;
    padding: 6px 6px 6px;
    right: 0 !important;
}

.ft-title i {
    font-style: normal;
}

.ft-title a {
    color: #49a70b;
    font-style: normal;
}

.ft-title a:hover, .ft-title a:active, .ft-title a:focus {
    color: #69e72b;
}

#pagetool {
    background: #fff;
    background: rgba(255, 255, 255, 0.92);
    -moz-box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.3);
    left: 310px;
    padding: 7px 10px;
    position: absolute;
    top: 365px;
    width: 850px;
    z-index: 2;
}

#pagetool .pagetoolbox li {
    display: inline-block;
    float: right;
    font-size: 8pt;
    margin-left: 5px;
}

#pagetool .pagetoolbox a {
    background: #49C70B;
    background: rgba(73, 199, 11, 0.92);
    background: #353535;
    border-radius: 2px;
    color: #fff;
    display: block;
    padding: 4px;
}

#pagetool .pagetoolbox a:hover, #pagetool .pagetoolbox a.selected {
    background: #49C70B;
    background: rgba(73, 199, 11, 0.92);
}

.messagebox {
    float: left;
    font-size: 11px;
    margin-left: 0 !important;
    width: 460px;
}

.messagebox span {
    display: none;
}

.messagetitle {
    float: left;
    padding-top: 3px;
}

.messagelist {
    float: left;
    margin-left: 5px;
    padding-top: 3px;
}

.messagelist li {
    float: left;
    height: 14px;
}

.messagelist .bar {
    margin: 0 5px 0 3px;
}

.textsizeplus,
.textsizeminus {
    font-weight: bold;
    text-align: center;
    width: 12px;
}

.manage-board {
    display: none !important;
}

.logged .manage-board {
    display: block !important;
}

.board-rss {
    display: none !important;
}

.inboard .board-rss {
    display: block !important;
}

#pagetitle {
    left: 462px;
    position: absolute;
    text-align: right;
    top: 100px;
    width: 700px;
    z-index: 2;
}

#pagetitle h3 {
    font-family: 'Daum', meiryo, 'malgun gothic', 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif, gulim, dotum;
    color: #DCDCDC !important;
    font-size: 40px !important;
    font-weight: 600;
    letter-spacing: -3px;
    padding: 20px 0 5px;
    text-shadow: 2px 2px rgba(20, 20, 20, 0.3);
}

#pagetitle h3[class*="core_courses_of_general_education"], #pagetitle h3[class*="general_education_elective_courses"], #pagetitle h3[class*="core_courses_of_general"], #pagetitle h3[class*="general_education_elective_cour"] {
    font-size: 24px !important;
}

#pagetitle h2 {
    font-family: 'Daum', meiryo, 'malgun gothic', 'trebuchet ms', 'lucida grande', 'lucida sans unicode', arial, helvetica, sans-serif, gulim, dotum;
    color: #fff;
    font-size: 52px;
    font-weight: bold;
    letter-spacing: -7px;
    padding: 0 3px 10px 0;
    text-shadow: 2px 2px rgba(20, 20, 20, 0.3);
}

#pagetitle .nav-inner {
    background: #141414;
    background: url("/share/img/background/black_alpha_0.80.png");
    background: rgba(20, 20, 20, 0.8);
    color: #49a70b;
    font-size: 8pt;
    padding: 3px 5px 5px 5px;
}

#pagetitle .nav-inner a {
    color: #fff;
}

#pagetitle .nav-inner a:hover, #pagetitle .nav-inner a:active, #pagetitle .nav-inner a:focus {
    color: #69d72b;
    text-decoration: none;
}

#footer {
    background: #000;
    background: rgba(20, 20, 20, 0.88);
    bottom: 30px;
    color: #fff;
    font-size: 8pt;
    height: 55px;
    left: 30px;
    margin-top: 60px;
    position: fixed;
    width: 97%;
}

#footer .footer-box {
    padding: 10px 10px;
    position: absolute;
    width: 100%;
}

.footer-link li {
    display: inline;
}

.copyright {
    padding: 10px 0 0;
}

.footer-logo {
    position: absolute;
    right: 35px;
    top: 10px;
}

#footer a {
    color: #fff;
}

#footer a:hover, #footer a:active, #footer a:focus {
    color: #69d72b;
}

.submain {
    margin-top: 50px;
    position: relative !important;
}

#sitemapbox {
    display: none;
    height: auto;
    left: 4000px;
    padding: 20px;
    position: absolute;
    top: 410px;
    width: 626px;
    z-index: 2;
}

#sitemapbox ul {
    margin: 10px 0 20px;
}

#sitemapbox .section {
    float: left;
    margin-right: 20px;
    width: 290px;
}

#sitemapbox h3 {
    border-bottom: 1px #49a70b solid;
    font-size: 27px;
    letter-spacing: -4px;
    line-height: 120%;
    margin: 0 0 20px 0;
    padding-bottom: 0;
    text-shadow: 2px 2px rgba(0, 0, 0, 0.15);
}

#sitemapbox h4 {
    border-bottom: 1px #ddd solid;
    font-size: 18px;
    letter-spacing: -3px;
    line-height: 120%;
    margin: 0 0 10px 0;
    padding-bottom: 5px;
    text-shadow: 1px 1px rgba(0, 0, 0, 0.15);
}

#sitemapbox h4 span {
    color: #49A70B;
    font-size: 8pt;
    letter-spacing: 0;
    margin-left: 5px;
    text-shadow: 1px 1px rgba(255, 255, 255, 0.99);
}

#sitemapbox li {
    list-style: circle;
    margin: 3px 0 3px 30px;
}

#sitemapbox h3 span {
    color: #49a70b;
    font-size: 8pt;
    letter-spacing: -1px;
    margin: 0 !important;
    padding: 0 !important;
    text-shadow: 1px 1px rgba(255, 255, 255, 0.99);
}

#fancybox-content #sitemapbox {
    box-shadow: none;
    display: block;
    padding: 10px;
    position: static;
    width: auto;
}

#loginbox {
    display: none;
}

#login .help {
    display: none;
}

.floatbox {
    -moz-box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.3);
    -webkit-box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.3);
    box-shadow: 4px 4px 2px rgba(0, 0, 0, 0.3);
}

.bar {
    color: #69E72B;
    display: inline-block;
    margin: 0 7px;
}

.entext {
    letter-spacing: 0;
}

/*번역표시용*/
#translationProgress {
    background: #69E72B;
    bottom: 0;
    -moz-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
    -webkit-box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
    box-shadow: 0 3px 3px rgba(0, 0, 0, 0.5);
    color: #fff;
    display: none;
    height: 22px;
    padding: 8px 10px 0 0;
    position: fixed;
    right: 0;
    text-align: right;
    text-shadow: 1px 1px 1px #555;
    width: 100%;
    z-index: 10000;
}

/*skitter 박스*/
.box_skitter_large {
    height: 1080px !important;
    margin: 0;
    padding: 0;
    position: fixed !important;
    top: -30px;
    width: 1920px !important;
    z-index: 0 !important;
}

.box_skitter_banner {
    height: 110px !important;
    margin: 0;
    padding: 0;
    width: 480px !important;
}

.box_skitter_banner .label_skitter p {
    background: #000;
    background: rgba(0, 0, 0, 0.7);
    color: #fff;
    padding: 3px 5px 5px;
}

/**** Isotope filtering ****/
.isotope-item {
    z-index: 2;
}

.isotope-hidden.isotope-item {
    pointer-events: none;
    z-index: 1;
}

.show {
    display: block;
}

.hide {
    display: none;
}

/*cufont용*/
.cufon-loading .dep-name span, .cufon-loading .pagetitle {
    visibility: hidden !important;
}

/*설정버튼*/
.tRight a {
    position: relative;
    z-index: 2;
}

/*트위터 플러그인 용*/
.jta-tweet-attributes {
    display: inline !important;
    padding-left: 10px;
}

.jta-tweet-body-list-profile-image-present {
    margin-left: 80px !important;
}

.jta-tweet-profile-image img {
    height: 70px !important;
    width: 70px !important;
}

.jta-tweet-text {
    line-height: 140% !important;
}

/*모바일로 보기*/
.viewmobile {
    position: relative;
    z-index: 1000000;
}

/*풋터 카운터*/
.footer-box .counter * {
    display: inline;
    margin: 0;
    padding: 0;
}

.footer-box .counter .bar {
    margin: 0 4px;
}

.footer-box .simpleWidgetStyle h2 {
    display: none;
}

/*2021-01-08 글로벌비즈니스어학부 타이틀2개(글로벌비즈니스, 국제비즈니스(구)) 적용*/
.dep-int-renew .en h2 {
    font-size: 60px;
}

.dep-int-renew .en h3 {
    font-size: 30px;
}

.dep-int-renew .kr span {
    font-size: 25px;
}

.dep-int-renew .kr strong {
    font-size: 35px;
}

.dep-int-renew .krs {
    margin-top: 15px;
}

/*2022-09-14 메인페이지 타이틀 */
.dep-name .en {
    color: #fff;
    font-size: 40px;
    letter-spacing: -3px;
    margin-bottom: 10px;
    text-transform: uppercase;
}

.dep-name .en h3 {
    font-size: 40px;
    letter-spacing: -3px;
    margin-bottom: 10px;
}

.dep-name .en h2 {
    font-size: 76px;
    font-weight: normal;
    letter-spacing: -7px;
    margin: 0 0 0;
    padding: 0;
}

.dep-name .kr {
    margin: 8px 0 20px;
}

.dep-name .kr span {
    color: #fff;
    font-size: 25px;
    letter-spacing: -3px;
    padding: 3px 10px 5px 5px;
    position: relative;
    top: -10px;
}

.dep-name .kr strong {
    color: #fff;
    font-size: 40px;
    letter-spacing: -5px;
    position: relative;
    top: 0;
}

/*# sourceMappingURL=global.css.map */