@charset "utf-8";

/* Loading */
.loading {position:fixed;top:0;left:0;z-index:10000;width:100%;height:100%;background:#fff;}

/* Main Header */
header {position:absolute!important;top:-97px;transition:all 0.1s;transition-delay:0.2s;}
.header_bottom {background-color:transparent;}
.header_bottom .container_inner {padding-left:0;padding-right:0;max-width:1220px;border-bottom:1px solid #fff;}
.content {margin-top:0;}
.logo {left:0;}
.logo .logo_img {background:url(../images/logo_unist_w.png) no-repeat 0 0 / 100% auto;transform:translateY(-12px);}
.logo .logo_img img {opacity:0;}
.logo .logo_txt {color:#fff;}
.logo .logo_txt:before {background:#fff;}
nav.main_menu ul li a {color:#f0f9ff;}
nav.main_menu>ul>li:hover>a, nav.main_menu>ul>li.active>a {color:#f0f9ff;}
nav.main_menu>ul>li>a>span:before {background:#4ec4c7;}
.header_right {right:0;}
.header_inner.on:before {top:calc(100% - 1px);height:251px;}
.header_inner.on .header_bottom .container_inner {border-bottom:0;}

.admin-bar header {top:-97px;}
body.fp-viewing-0 header {top:0;}

/* 메뉴 fixed : 2022-02-17 */
body:not(.fp-viewing-0) header {position:fixed!important;top:0;background:rgb(15 39 86 / 100%);transition:all 0.2s;}
body:not(.fp-viewing-0) .header_bottom .container_inner {border-bottom:0;transition:all 0.2s;}
body:not(.fp-viewing-0) .header_inner:before {box-shadow:none;border-top:1px solid #3f5278;}
body:not(.fp-viewing-0) .header_inner.on:before {border-bottom:1px solid #3f5278;}
body:not(.fp-viewing-0).admin-bar header {top:32px;}

/* Main Footer */
.footer_top {display:block;}
.footer_bottom {padding-top:25px;border-top:1px solid #fff;}
.footer_bottom_holder {margin-top:0;}

/* Main Contents */
.sec_auto {overflow-y:auto;}
.sec_inner {margin:0 auto;padding:50px 20px;max-width:1220px;}

#section1 .sec_inner, #section2 .sec_inner {padding-top:146px;}
#section0 {}
#section1 {background-color:#fff;}
#section2 {background:url(../images/main/section2_bg.jpg) no-repeat 50% 50% / cover;}
#section3 {background-color:#0f2756; min-height:300px;}

#fp-nav.right {right:56px;z-index:1000;}
#fp-nav ul li {margin:0;padding:4px;width:9px;height:9px;}
#fp-nav ul li a span {margin:0;width:100%;height:100%;background-color:#0acacb;}
#fp-nav ul li a.active span, #fp-nav ul li:hover a span, #fp-nav ul li:hover a.active span {margin:0;width:100%;height:100%;border:1px solid #0acacb;background-color:#fff;box-sizing:border-box;}

/* Section0 */
.sec_tbl {position:absolute;top:0;left:50%;z-index:10;display:table;width:100%;height:100%;transform:translateX(-50%);}
.sec_tbl_cell {position:relative;display:table-cell;vertical-align:middle;text-align:center;}
.ico_mouse {display:inline-block;width:18px;height:28px;background:url(../images/main/ico_mouse.png) no-repeat 0 0 / 100% auto;}
.mainSlider {width:100%;height:100%;}
.mainSlider .swiper-slide {transition-duration:1s!important;}
.main_slide1 {background:url(../images/main/slide_bg1.jpg) no-repeat 50% 50% / cover;}
.main_slide2 {background:url(../images/main/slide_bg2.jpg) no-repeat 50% 50% / cover;}
.main_slide3 {background:url(../images/main/slide_bg3.jpg) no-repeat 50% 50% / cover;}
#section0 {color:#fff;text-transform:uppercase;}
#section0 h1 {margin:0;font-size:48px;font-weight:700;color:#fff;line-height:1.3em;}
#section0 p {position:relative;margin-top:10px;padding-top:15px;font-size:16px;font-weight:700;color:#fff;line-height:1.6em;}
#section0 p:before {position:absolute;top:0;left:50%;content:"";display:block;margin-left:-13px;width:25px;height:2px;background-color:#fff;}
#section0 .ico_mouse {position:absolute;bottom:18%;left:50%;transform:translateX(-50%);}

/* #section1 ~ #section3 공통 */
.tit_sub {margin-bottom:8px;font-size:17px;font-weight:500;color:#fff;line-height:1em;}
h1.tit {margin-bottom:15px;font-size:42px;color:#fff;line-height:1.2em;}
.desc {font-size:17px;font-weight:300;color:#fff;line-height:1.8em;}

/* #section1 */
#section1 .tit, #section1 .desc {color:#0f2756;text-align:center;}
.mainNews {overflow:hidden;margin-top:70px;}
.postbox {position:relative;padding:25px 20px;border-top:3px solid #44c1c4;background:#f2f5ff;text-align:left;transition:all 0.15s;}
.postbox_top {margin-bottom:25px;padding-bottom:25px;border-bottom:1px solid #9bdbe1;}
.postbox_top h3 {overflow:hidden;margin:5px 0 0;height:2.6em;font-size:18px;font-weight:500;color:#2e2e2e;line-height:1.3em;}
.postbox_info .date {font-size:12px;font-weight:300;color:#8c8c8c;}
.postbox_info .major {margin-left:8px;padding:2px 6px;font-size:12px;font-weight:300;color:#fff;background:#4ec4c7;}
.postbox_btm {overflow:hidden;height:230px;}
.postbox_btm, .postbox_btm > * {font-size:15px;font-weight:300;color:#535353;}
.postbox .overlay {position:absolute;top:0;left:0;width:100%;height:100%;}
.postbox:hover {background-color:#4ec4c7;}
.postbox:hover .postbox_top h3, .postbox:hover .postbox_info .date, .postbox:hover .postbox_btm, .postbox:hover .postbox_btm > * {color:#fff;}
.postbox:hover .postbox_info .major {background-color:#0f2756;}
.mainNews_btns {position:relative;margin-top:43px;height:30px;}
.mainNews_btns:before {position:absolute;top:50%;left:0;content:"";display:block;width:100%;height:1px;background:#cfd4dd;}
.mainNews_btns .btn_prev, .mainNews_btns .btn_next {position:absolute;top:0;display:block;width:37px;height:30px;background-color:#001b54;background-repeat:no-repeat;background-position:50% 50%;}
.mainNews_btns .btn_prev {left:0;background-image:url(../images/main/arrow_left_w.png);}
.mainNews_btns .btn_next {right:0;background-image:url(../images/main/arrow_right_w.png);}
.mainNews_btns .btn_more_news {position:absolute;top:0;left:50%;display:block;margin-left:-59px;width:117px;height:30px;line-height:30px;font-size:12px;color:#fff;text-align:center;background-color:#9ea2ab;}
.mainNews_btns .btn_more_news:before {content:"";display:inline-block;margin-right:7px;width:15px;height:10px;background:url(../images/main/ico_list.png) no-repeat 0 0;vertical-align:middle;}

/* #section2 */
.link_btns {list-style:none;margin-top:45px;}
.link_btns li {margin-bottom:6px;}
.link_btns li a {position:relative;display:inline-block;padding:7px 20px 7px 13px;min-width:117px;font-size:12px;color:#fff;line-height:17px;background:#4ec4c7;box-sizing:border-box;}
.link_btns li a:before {position:absolute;top:0;right:0;content:"";display:inline-block;width:14px;height:100%;background:url(../images/main/arrow_right_w.png) no-repeat 0 50%;}
#section2 .sec_inner {overflow:hidden;}
#section2 .tit {margin-bottom:20px;}
#section2 .fl {width:24.5%;}
#section2 .fr {overflow:hidden;width:68.443%;}
#section2 .fr ul {list-style:none;position:relative;}
#section2 .fr ul > li {width:33.3%;}
#section2 .fr ul > li.item1, #section2 .fr ul > li.item2 {margin-bottom:13px;}
#section2 .fr ul > li.item4 {position:absolute;top:0;right:0;width:65.4%;}
#section2 .fr ul > li img {display:block;}

/* #section3 : footer */
#section3, #section3 .fp-tableCell {height:auto!important;}
#section3 .sec_inner {padding:0;}
#section3 .sec_inner .container .container_inner {padding:0;width:100%;}
#section3 .sec_inner .footer_top {padding:80px 0;}
#section3 .sec_inner .footer_bottom_holder {margin-top:30px;padding:0;width:100%;min-height:128px;}

/* 메인 비디오 팝업 */
.video_pop {display:none;position:fixed;top:0;left:0;z-index:1001;width:100%;height:100%;background:rgba(0,0,0,.95);}
.video_pop.on {display:block;}
.video_pop_inner {position:relative;width:90%;height:auto;max-width:1008px;background-color:#000; position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);}
.video_pop_inner img {display:block;width:100%;max-width:none;height:auto;}
.video_pop_inner iframe {position:absolute;top:0;left:0;display:block;width:100%;height:100%;}
.video_pop_inner .btn_close {position:absolute;right:-70px;top:-60px;width:31px;height:31px;background:url(../images/btn_x.png) no-repeat 0 0;border:0;cursor:pointer;}


/****************************************************************************************************
                                             반응형
*****************************************************************************************************/
@media only screen and (max-width: 1239px){
    #fp-nav.right {right:30px;}

    .header_bottom .container_inner {padding:0 10px;max-width:1020px;}

    footer {padding:0 16px;box-sizing:border-box;}
    .four_columns .menu-global-container .menu > li > .sub-menu .sub-menu li a {font-size:11px;}

    #section2 .fr ul > li.item1, #section2 .fr ul > li.item2 {margin-bottom:10px;}
    #section2 .fr ul > li.item4 {height:100%;}
    #section2 .fr ul > li.item4 img {height:100%;}

    /* 메인 비디오 팝업 */
    .video_pop_inner .btn_close {right:0;}
}

@media only screen and (max-width: 1000px){
    body:not(.fp-viewing-0) header nav.mobile_menu > ul > li:first-child >  a {border-top:1px solid rgba(255,255,255,0.3);}
    body.fp-viewing-3 header nav.mobile_menu > ul > li:last-child {border-bottom:1px solid rgba(255,255,255,0.3)!important;}

    .mobile_menu_button i {color:#fff;}
    .logo {transform:translateX(-50%);}
    #section2 .fl {width:30%;}
    #section3 .sec_inner .footer_top {padding:50px 0 0;}
    .four_columns .menu-global-container .menu {margin:0 -5px;}
    .four_columns .menu-global-container .menu > li {padding:0 5px;width:33.33%;}
    .four_columns .menu-global-container .menu > li:nth-child(4) {clear:both;}
    .four_columns .menu-global-container .menu > li > a {padding:5px 0;font-size:14px;}
    .four_columns .menu-global-container .menu > li > .sub-menu {margin:0;padding:20px 0!important;text-align:center;}
    .four_columns .menu-global-container .menu > li > .sub-menu > li {margin-bottom:0;}
    .four_columns .menu-global-container .menu > li > .sub-menu > li a {font-size:13px;}
    .four_columns .menu-global-container .menu > li > .sub-menu .sub-menu li {float:none;width:auto!important;}

    #section1 .sec_inner, #section2 .sec_inner {padding-top:120px;}
    #section3 .sec_inner {padding-top:70px;}

}

@media only screen and (max-width: 767px){
    .logo .logo_img {transform:none;}

    #fp-nav.right {right:10px;}
    .tit_sub {font-size:15px!important;}
    h1.tit {font-size:24px;}
    .desc {font-size:13px!important;line-height:1.5em;}

    #section0 h1 {margin-bottom:5px;padding:0 10px;font-size:34px;}
    #section0 p {font-size:18px;}

    .ul_major {margin:0 -10px;}
    .ul_major > li {padding:0 10px;width:50%;font-size:12px;}
    .ul_major > li:not(:first-child):before {height:calc(100% - 40px);}
    .ul_major > li:nth-of-type(2n+1) {clear:both;}
    .ul_major > li:nth-of-type(2n+1):before {display:none;}
    .ul_major > li .txt {height:40px;line-height:40px;}
    /* .ul_major > li:nth-child(4), .ul_major > li:nth-child(5) {margin-top:15px;} */

    .ico_mouse {display:none;}
    .mainNews {margin-top:30px;}
    .postbox {padding:15px 12px;}
    .postbox_top {margin-bottom:15px;padding-bottom:15px;}
    .postbox_top h3 {font-size:14px;}
    .postbox_info .date, .postbox_info .major {font-size:11px;}
    .postbox_btm {height:160px;}
    .postbox_btm, .postbox_btm > * {font-size:12px;}

    #section2 .fl, #section2 .fr {width:100%;}
    #section2 .fr ul > li.item4 {width:64.2%;}
    .link_btns {margin:20px 0 30px;}
    .link_btns li {display:inline-block;margin-right:3px;}

    #section3 .sec_inner .footer_bottom_holder {min-height:148px;}

    /* 메인 비디오 팝업 */
    .video_pop {padding-top:30px;}
    .video_pop_inner {max-height:70%;}
    .video_pop_inner .btn_close {top:-30px;width:20px;height:20px;background-size:100% auto;}

}

@media only screen and (max-width: 600px) {
    #fp-nav.right {top:56%;}
}

@media only screen and (max-width: 420px) {
    
}

@media only screen and (max-width: 350px) {

}