@charset "utf-8";
body{
    opacity:0;
    transition:all 0.2s linear;
    -webkit-transition:all 0.2s linear;
}
@media print {
    body{opacity:1;}
}
.wrap{max-width:1300px;margin:0 auto;}
@media screen and (max-width: 1279px){
    .wrap{padding:0 20px;}
}
@media screen and (max-width: 768px){
    .wrap{padding:0 15px;}
}
#wrap:before{display: none;}

a:focus, button:focus{outline:1px dotted #767676;}

/* 상단 */
#header{position: relative;height:5.313em;margin:0 auto; border-bottom:1px solid rgba(255,255,255,0.2);z-index: 100;}
#header h1{position:absolute; left:0; top:0;z-index: 10;}
#header h1 a{overflow:hidden; display:block; width:7.875em; height:5.25em; text-indent:-1000px; background:url(../img/layout/logo.png) no-repeat center center;}
#header strong{position: absolute; left: 130px;top: 0;z-index: 10;}
#header strong a{display: block;padding:1em; font-size: 1.4em;color:#fff;font-weight: 600;}
#header strong a:before{display: inline-block; position: absolute;left: 0;top:1.2em;width:1px;height:1.3em;background: #eaeaea;content: '';}
#header .layout{}

/* 로그인, 검색 */
#header .etc{position:absolute; right:2em; top:1em;}
#header .etc>ul:after{content:""; display:block; clear:both;}
#header .etc>ul>li{display:inline-block;position:relative;margin-left:1em;}
#header .etc>ul>li a{display:block; position:relative;padding:1em; line-height:1em; font-size:0.7em; color:#fff;}
#header .etc>ul>li a:hover, #header .etc>ul>li a:before{text-decoration: underline;}
#header .etc>ul>li a span{font-size: 1.3em;}
#header .etc>ul>li a em{font-size: 1.3em;}
#header .etc>ul>li.search>a{padding-right:3.5em; color:#fff;}
#header .etc>ul>li.search>a:before,
#header .etc>ul>li.search>a:after{content:""; display:block; position:absolute; right:-0.5em; bottom:0; width:3em; height:3em;border-radius:50%;-webkit-border-radius:50%;transition:all 0.2s linear;-webkit-transition:all 0.2s linear;}
#header .etc>ul>li.search>a:before{opacity:0;z-index:0; background-color:#fff;}
#header .etc>ul>li.search>a:after{z-index:10; background-image:url(../img/layout/icon_search.png); background-repeat:no-repeat; background-position:center center; background-size:70% auto;}
#header .etc>ul>li.search>a span{position:relative; line-height:inherit;}
#header .etc>ul>li.search>a span em{position:absolute; left:0; top:-1000px; font-size:0;}
#header .etc>ul>li.search>a:hover:before{opacity:0.2;transform:scale(1.5);-webkit-transform:scale(1.5);}
#header .etc>ul>li.search>a:hover:after{background-color:#fff; background-image:url(../img/layout/icon_search_on.png);}
#header .etc>ul>li.directory a{padding:1em 4em 1em 1em;}
#header .etc>ul>li.directory a span{display: inline-block;position: absolute;right: 0;top:1em;width:20px;height: 2px;background: #fff;transition:.5s;-webkit-transition:.5s;}
#header .etc>ul>li.directory a span:before{display: inline-block;position: absolute;right:0;top: -8px;width:25px;height: 2px;background:#fff;content: '';transition:.5s;-webkit-transition:.5s;}
#header .etc>ul>li.directory a span:after{display: inline-block;position: absolute;right:0;top: 8px;width:25px;height: 2px;background:#fff;content: '';transition:.5s;-webkit-transition:.5s;}
#header .etc>ul>li.directory a:hover span, #header .etc>ul>li.directory a:focus span{width:25px;}
#header .etc>ul>li.directory a:hover span:before, #header .etc>ul>li.directory a:focus span:before{width:20px;}
#header .etc>ul>li.directory a:hover span:after, #header .etc>ul>li.directory a:focus span:after{width:15px;}

#header #searchbox{display:none; position:fixed; left:0; top:5.313em; z-index:500; width:100%;padding:2em 0 4.5em 0; background-color:#1155a7;}
#header #searchbox>button.start,
#header #searchbox>button.end{position:absolute; left:0; top:0;transform:scale(0);-webkit-transform:scale(0);}
#header #searchbox .lay{max-width:calc(540px + 4em); padding:0 2em; margin:0 auto; font-size:1.6em; box-sizing:border-box;}
#header #searchbox .lay+.lay{margin-top:2em;}
#header #searchbox .lay .in{position:relative; padding:0 1em;}
#header #searchbox .lay:nth-child(1){position:relative;}
#header #searchbox .lay:nth-child(1) .in:after{content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:0.2em; background-color:#fff;}
#header #searchbox .lay:nth-child(1) .in input[type="text"]{display:block; width:calc(100% - 1.8em); height:3.4em; line-height:3.4em; font-size:1em; color:#fff; background-color:transparent;}
#header #searchbox .lay:nth-child(1) .in input[type="text"]::placeholder{font-size:0.65em; color:rgba(255,255,255,0.5);}
#header #searchbox .lay:nth-child(1) .in input[type="submit"]{overflow:hidden; position:absolute; right:1em; top:calc(50% - 0.4em); width:0.9em; height:0.9em; text-indent:-1000px; background:url(../img/layout/icon_search.png) no-repeat center center; background-size:100% auto;}
#header #searchbox .lay:nth-child(2) .in ul{display:table; width:100%;}
#header #searchbox .lay:nth-child(2) .in ul li{display:table-cell; padding-left:0.5em;}
#header #searchbox .lay:nth-child(2) .in ul li:first-child{padding-left:0;}
#header #searchbox .lay:nth-child(2) .in ul li a{display:block; line-height:1em; padding:0.8em 0.2em; text-align:center; font-size:0.55em; border:1px solid rgba(255,255,255,0.5); color:#fff;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
#header #searchbox .lay:nth-child(1) .out{}
#header #searchbox .lay:nth-child(1) .out>ul>li{position:relative; padding:1em 1em 1em 2.5em;}
#header #searchbox .lay:nth-child(1) .out>ul>li:not(:nth-child(1)){border-top:1px solid rgba(255,255,255,0.2);}
#header #searchbox .lay:nth-child(1) .out>ul>li>strong{display:block; position:relative; height:1em;}
#header #searchbox .lay:nth-child(1) .out>ul>li>strong:before{content:""; display:block; position:absolute; left:-1.5em; top:0; width:1em; height:1em; background-repeat:no-repeat; background-position:left center; background-size:100% auto;}
#header #searchbox .lay:nth-child(1) .out>ul>li:nth-child(1)>strong:before{background-image:url(../img/layout/search_simbol_1.png);}
#header #searchbox .lay:nth-child(1) .out>ul>li:nth-child(2)>strong:before{background-image:url(../img/layout/search_simbol_2.png);}
#header #searchbox .lay:nth-child(1) .out>ul>li>strong span{display:block; line-height:1.5em; font-size:0.65em; font-weight:normal; color:#82c0ff;}
#header #searchbox .lay:nth-child(1) .out>ul>li>ul{margin-top:0.5em;}
#header #searchbox .lay:nth-child(1) .out>ul>li>ul>li{padding:0.3em 0;}
#header #searchbox .lay:nth-child(1) .out>ul>li>ul>li>a{display:block; vertical-align:top; font-size:0.6em; color:#fff;}
#header #searchbox .lay:nth-child(1) .out>ul>li>ul>li>a span{position:relative;}
#header #searchbox .lay:nth-child(1) .out>ul>li>ul>li>a span:after{content:""; display:block; position:absolute; left:50%; bottom:0; width:0; height:1px; background-color:#fff; transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
#header #searchbox .lay:nth-child(1) .out>ul>li>ul>li>a:hover span:after{left:-0.5em; width:calc(100% + 1em);}
#header #searchbox .lay:nth-child(1) .out>ul>li>.btn_more{overflow:hidden; position:absolute; right:2em; top:2em; width:13px; height:13px; text-indent:-1000px;}
#header #searchbox .lay:nth-child(1) .out>ul>li>.btn_more:before,
#header #searchbox .lay:nth-child(1) .out>ul>li>.btn_more:after{content:""; display:block; position:absolute; background-color:#fff;transform:rotate(0);-webkit-transform:rotate(0);transition:transform 0.3s ease;-webkit-transition:transform 0.3s ease;}
#header #searchbox .lay:nth-child(1) .out>ul>li>.btn_more:before{left:6px; top:0; width:1px; height:100%;}
#header #searchbox .lay:nth-child(1) .out>ul>li>.btn_more:after{left:0; top:6px; width:100%; height:1px;}
#header #searchbox .lay:nth-child(1) .out>ul>li>.btn_more:hover:before,
#header #searchbox .lay:nth-child(1) .out>ul>li>.btn_more:hover:after{transform:rotate(180deg);-webkit-transform:rotate(180deg);}
#header #searchbox .lay:nth-child(1) .out>.btn_more{line-height:1em; padding:1em 3em; font-size:0.7em; border:2px solid #fff; color:#fff;}
#header #searchbox .lay:nth-child(1) .out>.btn_more:after{content:""; display:block; position:absolute; right:2em; top:0; width:1.48em; height:100%; background:url(../img/layout/btn_arrow_w.png) no-repeat center center; background-size:100% auto;transition:right 0.3s ease;-webkit-transition:right 0.3s ease;}
#header #searchbox .lay:nth-child(1) .out>.btn_more:hover:after{right:1.5em;}
#header #searchbox .lay:nth-child(2) .in ul li a:hover{color:#154e92; background-color:#fff;}

body.search #wrap{overflow:hidden; position:relative; height:100%;}
body.search:before{content:""; display:block; position:fixed; left:0; top:90px; z-index:100; width:100%; height:100%; background-color:rgba(255,255,255,0.5);}
body.search #header .etc>ul>li.search>a:before{opacity:0.2;transform:scale(1.5);-webkit-transform:scale(1.5);}
body.search #header .etc>ul>li.search>a:after{background-color:#fff; background-image:url(../img/layout/icon_search_click.png);}
body.search #header .etc>ul>li.search>a span:after{display:block;}
body.search #header #searchbox.on{padding-bottom:0;}
body.search #header #searchbox.on .lay:nth-child(1) .out{display:block;}
body.search #header #searchbox.on .lay:nth-child(2){max-width:100%; border-top:1px solid rgba(255,255,255,0.2);}
body.search #header #searchbox.on .lay:nth-child(2) .in{max-width:calc(540px + 4em); padding:1em 3em; margin:0 auto;}

#header .hub_download{display: inline-block; position: absolute;right: 0;top:0;width:18em;height:100%;border-left:1px solid rgba(255,255,255,0.2);}
#header .hub_download a{display: block;width:100%;height:100%;line-height:5em;text-align: center; background: #015eaa;}
#header .hub_download a span{color:#fff;position: relative;margin-right: 2em;}
#header .hub_download a span:before{display: inline-block;position: absolute;right: -2.5em;bottom: 0;width:1em;height:1px;background: #fff;content: '';transition: .5s;-webkit-transition: .5s;}
#header .hub_download a span:after{display: inline-block;position: absolute;right: -2.5em;bottom: 0.4em;width: 1em;height: 1em;background: url(/krhub/img/main/btn_more.png)center no-repeat;content: '';}
#header .hub_download a:hover span:before, #header .hub_download a:focus span:before{bottom:-0.2em; width:calc(100% + 2.5em);opacity: 0.8;}
#header .hub_download a:hover span:after, #header .hub_download a:focus span:after{animation: tong .5s ease-out alternate 3;}
@keyframes tong{
    0%{transform:translate(0, -.3em);}
    100%{transform:translate(0, 0);}
}
@-webkit-keyframes tong{
    0%{transform:translate(0, -.3em);-webkit-transform:translate(0, -.3em);}
    100%{transform:translate(0, 0);-webkit-transform:translate(0, 0);}
}

@media all and (max-width: 1919px) {
    #header .hub_download{display: none;}
}
@media all and (max-width: 1024px) {
    body.search #header #searchbox.on .lay:nth-child(1){overflow:auto; height:calc(100% - 4em);}
    body.search #header #searchbox.on .lay:nth-child(2){position:absolute; left:0; bottom:0; width:100%;}
    #header #searchbox, body.search #header #searchbox.on{padding:2em;}    
}
@media all and (max-width: 767px) {
    #header{font-size:0.7em;}
    #header h1{left:2em;}
    #header h1 a{width: 6.5em;background-size: 100%;}
    #header strong{left:110px;}
    #header .etc>ul>li a{font-size: 1em;}
    #header .etc>ul>li.search>a span{opacity: 0;}
    #header .etc>ul>li:not(.search), #header .etc>ul>li.search:before{display:none;}
}
@media all and (max-width: 500px) {
    #header #searchbox .lay,
    body.search #header #searchbox.on .lay:nth-child(1),
    body.search #header #searchbox.on .lay:nth-child(2) .in{width:100%; max-width:100%; padding:1em 0;}
    body.search #header #searchbox.on .lay:nth-child(2){padding:1em 1.5em;}
}


/*footer*/
#footer{background:#1d2735;text-align: center;padding:60px 0 50px;}
#footer .layout{width: 100%;max-width:1300px;margin:0 auto}
#footer .sns{margin-top:0; text-align:center;}
#footer .sns ul{display:inline-block;}
#footer .sns ul li{float:left;margin: 0em;padding: 1.5em;}
#footer .sns ul li a{overflow:hidden;display:block;width:1.5em;height:1.5em;padding: 0.5em;text-align:left;text-indent:-1000px;fill:#fff;background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
#footer .sns ul li:nth-child(1) {padding-top: 1em}
#footer .sns ul li:nth-child(1) a{position: relative; width:auto;height:3.5em;color:#fff; text-indent: 0; padding-right: 2.5em}
#footer .sns ul li:nth-child(1) a:after {position: absolute; overflow:hidden;display:block; top:0.5em; right:0;width:0.5em; height:0.5em;padding: 0.5em;text-align:left;background-repeat:no-repeat;background-position:center center;background-size:100% auto; content: ""; background-image:url(../img/layout/icon_sns.svg);}
#footer .sns ul li:nth-child(2) a{background-image:url(../img/layout/footer_sns_1.svg);}
#footer .sns ul li:nth-child(3) a{background-image:url(../img/layout/footer_sns_2.svg);}
#footer .sns ul li:nth-child(4) a{background-image:url(../img/layout/footer_sns_3.svg);}
#footer .sns ul li:nth-child(5) a{background-image:url(../img/layout/footer_sns_4.svg);}
#footer .menu{width:100%; margin:0 0 1em 0; text-align:center;}
#footer .menu ul{display:inline-block !important;}
#footer .menu ul:after{content:""; display:block; clear:both;}
#footer .menu ul li{display: inline-block;position: relative;}
#footer .menu ul li a{display:block;padding:0.6em 0.6em; font-size:0.9em; color:#fff;opacity: .8;}
#footer address,
#footer .copy{line-height:1.8em;margin:0;text-align:center;font-style:normal;font-weight:300;font-size: 1em;color:rgba(255,255,255,0.6);}

@media all and (max-width: 1279px) {
    #footer .layout{padding:0 20px}
}
@media all and (max-width: 1024px) {
    #footer .menu>ul{padding-right: 0;border-bottom: 0;}
    #footer .menu>ul>li{width:calc(20% - 0.2em);margin:0.1em;border:1px solid rgba(255,255,255,0.2);}
    #footer .menu ul li:not(:nth-child(1)){padding-left:0;}
    #footer .menu>ul>li{float: left;}
    #footer .menu>ul>li>a{padding:0.8em 0;font-size: 1em;color:#fff;opacity: .7;font-size:14px;}
    #footer .menu a[target="_blank"]:after{top: 14px;right: 10px;}
    #footer address, #footer .copy{font-size:14px;}
}
@media (max-width:767px){
    #footer .layout{padding:0 15px}
    #footer .menu>ul>li{width:calc(50% - 0.4em);margin:0.2em;}
    #footer .menu ul li:nth-child(13),#footer .menu ul li:nth-child(14),#footer .menu ul li:nth-child(15){display: block;}
    #footer .menu>ul>li>a{font-size: 13px;}
    #footer .sns ul li{padding:20px 10px}
    #footer .sns ul li a{width: 10px;}
    #footer .sns ul li:nth-child(1) a{font-size:13px;}
}


.mvisual{position: absolute;left: 0;top: 0;height:715px;width:100%;z-index: 1; overflow: hidden;}
.mvisual ul li{
    opacity:0; position:absolute; left:0; top:0; z-index:0; width:100%;height:715px;background-position: center;background-repeat: no-repeat;background-size: cover;
    transform:scale(1.1);
    -webkit-transform:scale(1.1);
    transition:opacity 2s linear 0.5s;
    -webkit-transition:opacity 2s linear 0.5s;
}
.mvisual[data-cnt='1'] ul li:nth-child(1),
.mvisual[data-cnt='2'] ul li:nth-child(2),
.mvisual[data-cnt='3'] ul li:nth-child(3),
.mvisual[data-cnt='4'] ul li:nth-child(4),
.mvisual[data-cnt='5'] ul li:nth-child(5),
.mvisual[data-cnt='6'] ul li:nth-child(6),
.mvisual[data-cnt='7'] ul li:nth-child(7),
.mvisual[data-cnt='8'] ul li:nth-child(8),
.mvisual[data-cnt='9'] ul li:nth-child(9){
    opacity:1; z-index:1000;

    animation-name:mvisual_ani;
    animation-duration:10s;
    animation-fill-mode:forwards;
    animation-iteration-count:1;
    animation-direction:linear;

    -webkit-animation-name:mvisual_ani;
    -webkit-animation-duration:10s;
    -webkit-animation-fill-mode:forwards;
    -webkit-animation-iteration-count:1;
    -webkit-animation-direction:linear;
}
@keyframes mvisual_ani {
    0%{transform:scale(1);}
    100%{transform:scale(1.1);}
}
@-webkit-keyframes mvisual_ani {
    0%{-webkit-transform:scale(1);}
    100%{-webkit-transform:scale(1.1);}
}

.contents_layout {padding:250px 0 0;position: relative; margin-bottom:100px;z-index: 10;}
.contents_layout .tit_wrap{position: relative;overflow: hidden; height:100%;margin-bottom:60px; z-index: 10;}
.contents_layout .tit_wrap .tit_box{padding:0 50px;margin-bottom:40px;}
.contents_layout .tit_wrap .tit_box strong{display: block; width:955px;height:55px;margin-bottom:10px; font-size:0; background:url(../img/main/top_title.png)center no-repeat;}
.contents_layout .tit_wrap .tit_box span{font-size:20px;color:#fff;font-style: italic;font-weight: 300;}
.contents_layout .tit_wrap .sns_box{overflow: hidden; position: relative;padding:0 50px;}
/* .contents_layout .tit_wrap .sns_box:before{display:inline-block;position: absolute;left: 50px;top: 25px;width:calc(100% - 100px - 430px);height:1px;background: #fff;content: '';} */
.contents_layout .tit_wrap .sns_box ul{float: right;}
.contents_layout .tit_wrap .sns_box ul li{float: left;margin-left:20px;}
.contents_layout .tit_wrap .sns_box ul li a{display: block;width: 48px;height: 48px;padding:6px 0 0;border-radius: 50px;border:3px solid #fff;font-size: 0;text-align: center;}

.contents_layout .list_wrap{overflow:hidden;margin:0 auto;}
.contents_layout .list_wrap .box_item{width:305px;margin:0 0 20px 0;}
.contents_layout .list_wrap .box_item a{display: block;background:#f0f3f4;transition:.3s;-webkit-transition:.3s;}
.contents_layout .list_wrap .box_item a:hover, .contents_layout .list_wrap .box_item a:focus{background: url(../img/main/box_item_bg.jpg)center no-repeat;background-size: cover;box-shadow:3px 3px 15px rgba(0,0,0,0.5);}
.contents_layout .list_wrap .box_item a:hover em, .contents_layout .list_wrap .box_item a:focus em{color:#fff !important;border-color:#fff !important;}
.contents_layout .list_wrap .box_item a:hover p, .contents_layout .list_wrap .box_item a:focus p{color:#fff !important;}
.contents_layout .list_wrap .box_item a:hover span, .contents_layout .list_wrap .box_item a:focus span{color:#b4c8e0 !important;}
.contents_layout .list_wrap .box_item .txt_box{padding:40px 30px 30px;}
.contents_layout .list_wrap .box_item .txt_box em{border-bottom:1px solid;padding-bottom:2px;font-size:15px;}
.contents_layout .list_wrap .box_item .txt_box em.kaist/*kaist*/{color:#0143b1;border-color:#0143b1;}
.contents_layout .list_wrap .box_item .txt_box em.sub01/*전산학부*/{color:#598ac6;border-color:#598ac6;}
.contents_layout .list_wrap .box_item .txt_box em.sub02/*인문사회과학부*/{color:#9f71c3;border-color:#9f71c3;}
.contents_layout .list_wrap .box_item .txt_box em.sub03/*경영공학부*/{color:#50ae94;border-color:#50ae94;}
.contents_layout .list_wrap .box_item .txt_box em.sub04/*공과대학*/{color:#0096ff;border-color:#0096ff;}
.contents_layout .list_wrap .box_item .txt_box p{margin:20px 0 25px;font-size:15px;color:#222;}
.contents_layout .list_wrap .box_item .txt_box span.date{color:#abadad;font-size:14px;}
.contents_layout .list_wrap .box_item .txt_box span.sns_logo{display:inline-block;float: right;width:31px;height:31px;font-size:0;}
.contents_layout .list_wrap .box_item .txt_box span.facebook{background: url(../img/main/snsbtn_facebook.png)center no-repeat;}
.contents_layout .list_wrap .box_item .txt_box span.instagram{background: url(../img/main/snsbtn_insta.png)center no-repeat;}
.contents_layout .list_wrap .box_item .txt_box span.twitter{background: url(../img/main/snsbtn_twitter.png)center no-repeat;}
.contents_layout .list_wrap .box_item .txt_box span.youtube{background: url(../img/main/snsbtn_youtube.png)center no-repeat;}
.contents_layout .list_wrap .box_item .txt_box span.kakao{background: url(../img/main/snsbtn_kakao.png)center no-repeat;}
.contents_layout .more{width:220px;height: 50px;margin:50px auto; background: #2d6fb9;}
.contents_layout .more a{display: block;padding:10px 30px;color:#fff;background: url(../img/main/btn_more.png)top 15px right 25px no-repeat;}

.directory_layout{width:100%;height:415px;padding:80px 0 0;background: url(../img/main/bottom_bg.jpg)center no-repeat;background-size: cover;}
.directory_layout .directory{position:relative;width:100%;height:90px;padding:30px 20px;}
.directory_layout .directory:before{display:inline-block;position: absolute;left: 0;bottom: 0;width:100%;height:1px;background:#6e747d;content: '';}
.directory_layout .directory .directory_tit a{position: relative; width:100%;height:100%;vertical-align: middle;}
/*.directory_layout .directory .directory_tit a:before{display: inline-block;position: absolute;left: 0;top:4px;width:32px;height:23px;background: url(../img/main/sitemap.png)center no-repeat;content: '';}*/
.directory_layout .directory .directory_tit strong{display:inline-block;margin-left:50px; color:#fff;font-size: 20px;letter-spacing: 10px;vertical-align: middle;}
.directory_layout .directory .directory_tit span{display: inline-block;position: absolute;left: 0;top: 15px;width:25px;height: 2px;background: #fff;transition:.5s;-webkit-transition:.5s;}
.directory_layout .directory .directory_tit span:before{display: inline-block;position: absolute;left: 0;top: -10px;width:30px;height: 2px;background:#fff;content: '';transition:.5s;-webkit-transition:.5s;}
.directory_layout .directory .directory_tit span:after{display: inline-block;position: absolute;left: 0;top: 10px;width:30px;height: 2px;background:#fff;content: '';transition:.5s;-webkit-transition:.5s;}
.directory_layout .directory .directory_tit a:hover span, .directory_layout .directory .directory_tit a:focus span{width:30px;}
.directory_layout .directory .directory_tit a:hover span:before, .directory_layout .directory .directory_tit a:focus span:before{width:25px;}
.directory_layout .directory .directory_tit a:hover span:after, .directory_layout .directory .directory_tit a:focus span:after{width:20px;}
.directory_layout .directory .hub_download{position: absolute;right:1em;top:2.5em;}
.directory_layout .directory .hub_download a span{color:#fff;position: relative;margin-right: 2em;}
.directory_layout .directory .hub_download a span:before{display: inline-block;position: absolute;right: -2.5em;bottom: 0;width:1em;height:1px;background: #fff;content: '';transition: .5s;-webkit-transition: .5s;}
.directory_layout .directory .hub_download a span:after{display: inline-block;position: absolute;right: -2.5em;bottom: 0.4em;width: 1em;height: 1em;background: url(/krhub/img/main/btn_more.png)center no-repeat;content: '';}
.directory_layout .directory .hub_download a:hover span:before, .directory_layout .directory .hub_download a:focus span:before{bottom:-0.2em; width:calc(100% + 2.5em);opacity: 0.8;}
.directory_layout .directory .hub_download a:hover span:after, .directory_layout .directory .hub_download a:focus span:after{animation: tong .5s ease-out alternate 3;}


.directory_layout .kaist_box{position: relative;}
.directory_layout .kaist_box .kaist_txt{position: absolute;left: 70px;top: 70px;}
.directory_layout .kaist_box .kaist_txt strong{display:block;margin-bottom:10px;font-size:22px;color:#fff;}
.directory_layout .kaist_box .kaist_txt span{color:#939393;}
.directory_layout .kaist_box .kaist_sns{position: absolute;right: 70px;top: 55px;}
.directory_layout .kaist_box .kaist_sns ul{}
.directory_layout .kaist_box .kaist_sns ul li{float: left;width: 115px;height:115px;margin-left:10px;}
.directory_layout .kaist_box .kaist_sns ul li a{display: block;padding:60px 0 30px;text-align: center;color:#fff;font-size:14px;font-weight: 300;background-position:left 50% top 30px;background-repeat: no-repeat; }
.directory_layout .kaist_box .kaist_sns ul li a.instagram{background-color:#d31f78;background-image:url(../img/main/sns_insta.png);}
.directory_layout .kaist_box .kaist_sns ul li a.youtube{background-color:#d7371d;background-image:url(../img/main/sns_youtube02.png);}
.directory_layout .kaist_box .kaist_sns ul li a.twitter{background-color:#23a1e8;background-image:url(../img/main/sns_twitter.png);}
.directory_layout .kaist_box .kaist_sns ul li a.facebook{background-color:#233a86;background-image:url(../img/main/sns_facebook.png);}

@media screen and (max-width: 1279px){
    .contents_layout{padding:200px 20px 0;}
}
@media screen and (max-width: 1023px){
    .contents_layout .tit_wrap .tit_box strong{background-size:100%;width:100%;}
    .directory_layout{height:auto;padding:0 0 50px;}
    .directory_layout .kaist_box .kaist_txt{position: static;padding:50px 0 30px;text-align:center;}
    .directory_layout .kaist_box .kaist_sns{position: static;overflow: hidden;text-align: center;}
    .directory_layout .kaist_box .kaist_sns ul{overflow: hidden;display: inline-block;}
    .directory_layout .kaist_box .kaist_sns ul li{width:90px;height:90px;}
    .directory_layout .kaist_box .kaist_sns ul li a{padding:48px 0 20px;background-position:left 50% top 19px;}
}
@media screen and (max-width: 767px){
    .contents_layout .tit_wrap .tit_box{text-align:center;padding:0;}
    .contents_layout .tit_wrap .tit_box strong{height:120px; background:url(../img/main/top_title_s.png)center no-repeat;}
    .contents_layout .tit_wrap .sns_box{text-align: center;padding:0;}
    .contents_layout .tit_wrap .sns_box:before{display:none;}
    .contents_layout .tit_wrap .sns_box ul{float:none;display: inline-block;}
}
@media screen and (max-width: 520px){
    .contents_layout{padding:130px 0 0;}
    .contents_layout .tit_wrap .tit_box strong{margin:0 auto; width:100%;background-size:100%;}
    .contents_layout .tit_wrap .tit_box span{font-size:16px;}
    .contents_layout .tit_wrap .sns_box ul li{margin-left:10px;}
    .contents_layout .tit_wrap .sns_box ul li a{width:35px;height:35px;padding:5px 0 0; border-width:2px;}
    .contents_layout .tit_wrap .sns_box ul li a img{width:20px;}
    .contents_layout .list_wrap .box_item{width:290px;}
    .directory_layout .directory strong{font-size:16px;}
    .directory_layout .kaist_box .kaist_txt strong{font-size:20px;}
    .directory_layout .kaist_box .kaist_sns ul li{width:60px;height:60px;}
    .directory_layout .kaist_box .kaist_sns ul li a{padding:30px 0; background-position: left 50% top 14px;}
    .directory_layout .kaist_box .kaist_sns ul li a span{display: none;}
}


.directory_wrap{margin-top:-85px;}
.directory_wrap .directory_layout{height:490px;}
.directory_wrap .directory_layout .directory{height:110px; margin-top:30px;}

.directory_wrap .subject_layout{margin:50px auto;}
.directory_wrap .subject_layout:after{content:''; display:block; clear:both; overflow:hidden;}
.directory_wrap .subject_layout .item{position: relative;width: calc(50% - 10px);float:left;/* height:100px; */border:1px solid #ddd;padding:20px;margin-left: 10px;margin-bottom: 10px;}
.directory_wrap .subject_layout .item .tit{/* position: absolute; *//* left: 40px; *//* top:30px; *//* width:30%; */margin-bottom: 20px;}
.directory_wrap .subject_layout .item .tit strong{font-size: 22px;font-weight: 600;/* padding-bottom: 20px; */}
.directory_wrap .subject_layout .item .contents{/* position: absolute; *//* right: 40px; *//* top:27px; *//* width:70%; *//* text-align: right; */}
.directory_wrap .subject_layout .item .contents ul{display: inline-block;vertical-align: middle;}
.directory_wrap .subject_layout .item .contents ul li{float: left;margin-right:30px;}
.directory_wrap .subject_layout .item .contents ul li a{position: relative; display: block;width:40px;height:40px;background-position: center;background-repeat: no-repeat;font-size: 0;}
.directory_wrap .subject_layout .item .contents ul li.facebook a{background-image: url(../img/main/sns_facebook_color.png);}
.directory_wrap .subject_layout .item .contents ul li.twitter a{background-image: url(../img/main/sns_twitter_color.png);}
.directory_wrap .subject_layout .item .contents ul li.instagram a{background-image: url(../img/main/sns_insta_color.png);}
.directory_wrap .subject_layout .item .contents ul li.youtube a{background-image: url(../img/main/sns_youtube_color.png);}
.directory_wrap .subject_layout .item .contents ul li.in a{background-image: url(../img/main/sns_in_color.png);}
.directory_wrap .subject_layout .item .contents ul li.facebook_gray a{background-image: url(../img/main/sns_facebook_gray.png);}
.directory_wrap .subject_layout .item .contents ul li.twitter_gray a{background-image: url(../img/main/sns_twitter_gray.png);}
.directory_wrap .subject_layout .item .contents ul li.instagram_gray a{background-image: url(../img/main/sns_insta_gray.png);}
.directory_wrap .subject_layout .item .contents ul li.youtube_gray a{background-image: url(../img/main/sns_youtube_gray.png);}
.directory_wrap .subject_layout .item .contents ul li.in_gray a{background-image: url(../img/main/sns_in_gray.png);}
.directory_wrap .subject_layout .item .contents ul li a:before{position: absolute;left: -1px;top:-1px;width:100%;height:100%;border:2px solid #ddd;content: '';border-radius: 40px;}
.directory_wrap .subject_layout .item .contents ul li.gray a:before{border-color:#e2e2e2;}
.directory_wrap .subject_layout .item .contents ul li.facebook a:before{border-color:#314e8d;}
.directory_wrap .subject_layout .item .contents ul li.twitter a:before{border-color:#5bc4e5;}
.directory_wrap .subject_layout .item .contents ul li.instagram a:before{border-color:#764abf;}
.directory_wrap .subject_layout .item .contents ul li.youtube a:before{border-color:#e93325;}
.directory_wrap .subject_layout .item .contents ul li.in a:before{border-color:#3e4d8e;}
.directory_wrap .subject_layout .item .contents .more_btn{display: inline-block;}
.directory_wrap .subject_layout .item .contents .more_btn a{display: block; padding:10px 45px 10px 25px;border:1px solid #ddd; background: #fff url(../img/main/home_more.png) right 20px center no-repeat;}


@media screen and (max-width: 1023px){
    .directory_wrap{margin-top:-115px;}
    .directory_wrap .directory_layout{padding-top:90px;text-align: center;}
    .directory_wrap .directory_layout .directory:before{display: none;}
    .directory_wrap .directory_layout .kaist_box .kaist_txt{padding:0 0 30px;}
    .directory_wrap .subject_layout .item .contents ul li{margin-right:15px;}
}
@media screen and (max-width: 767px){
    .directory_wrap .subject_layout .item{height:auto;padding:20px 0;}
    .directory_wrap .subject_layout .item .tit{position: static;width:100%;padding-left:30px;margin-bottom:15px;}
    .directory_wrap .subject_layout .item .tit strong{font-size: 18px;}
    .directory_wrap .subject_layout .item .contents{position: static;width:100%;padding-left: 30px;}
    .directory_wrap .subject_layout .item .contents ul li a{width:30px;height:30px;background-size: 20px;}
    .directory_wrap .subject_layout .item .contents ul li a:before{left:-2px;}
    .directory_wrap .subject_layout .item .contents .more_btn{margin:20px 0 0;}
    .directory_wrap .subject_layout .item .contents .more_btn a{padding:7px 35px 7px 20px;background-position: right 16px center;}
    .directory_layout .kaist_box .kaist_txt{padding:80px 0 30px;}
    .directory_layout .directory .hub_download{right:calc(50% - 6em);top:8em;}
}
@media screen and (max-width: 500px){
    .directory_wrap .subject_layout .item {width:100%; margin-left:0;}
}



/*결색결과*/
#search_page #search_title{display: block; width:100%;padding-bottom:10px;margin-bottom: 20px; border-bottom: 3px solid;}
.no_contents_img {text-align: center;background: url(/kr/img/content/no_contents_img1.jpg) no-repeat 50%;width: 350px; background-size: 100%;text-align: center;margin: 0 auto;padding-top: 290px;font-size: 1.3em;font-weight: 600;color: #134179; margin-top: 50px; margin-bottom: 50px;}
.no_contents_img1 { background: url(/kr/img/content/no_contents_img1.jpg) no-repeat; }
.no_contents_img2 { background: url(/kr/img/content/no_contents_img2.jpg) no-repeat; }

body#search #header #searchbox{}
#search_page.contents_layout .viewbox{column-count: 4;-webkit-column-count: 4;-moz-column-count: 4;}
#search_page.contents_layout .viewbox .box_item{display: inline-block; width:100%;margin:0 0 1em 0;}
@media screen and (max-width: 1370px){
    #search_page.contents_layout .viewbox{column-count: 3;-webkit-column-count: 3;-moz-column-count: 3;}
}
@media screen and (max-width: 767px){
    #search_page.contents_layout .viewbox{column-count: 2;-webkit-column-count: 2;-moz-column-count: 2;}
}
@media screen and (max-width: 400px){
    #search_page.contents_layout{padding:150px 20px 0 !important;}
    #search_page.contents_layout .viewbox{column-count: 1;-webkit-column-count: 1;-moz-column-count: 1;}
}


/* sns at kaist */
.contents_layout .tit_wrap .sns_box em {float: left;position:relative;/* text-align: center; *//* margin: 0 auto; *//* margin-left: 29%; */width: 100%;}
/* .contents_layout .tit_wrap .sns_box em:after{content: ''; width:48px; height:48px; position:absolute; background:url(../img/main/sns_at_kaist_icon.png) no-repeat; left:-60px; top:10px;} */
.contents_layout .tit_wrap .sns_box em a {color:#fff;font-size: 32px;font-weight: 400;display: inline-block;/* width: 300px; */padding: 5px 80px 5px 20px;border: 1px solid #fff;/* margin: 0 auto; *//* text-align: center; */position: relative;}
.contents_layout .tit_wrap .sns_box em a:after {content:'';width: 15%;height:1px;background:#fff;position:absolute;bottom: 40%;right: 23px;}
.contents_layout .tit_wrap .sns_box em a:before {content:'';position: absolute;right: 20px;bottom: 52%;width: 20px;height:1px;background:#fff;transform:rotate(45deg);}

@media (max-width:767px){
    .contents_layout .tit_wrap .sns_box em{text-align:center;}
    .contents_layout .tit_wrap .sns_box em a{width:287px; padding: 5px 80px 5px 15px; margin: 0 auto;}
}
/* sns at kaist End */