@charset "utf-8";

.grid-section{position:relative}
.grid-section .title-area{position: relative;padding:64px 0 69px;margin: 0 auto 36px;line-height: 1.3;text-align: center;background:url(/images/prog/sns/background_line.png) repeat-x left bottom;text-align: center;}
.grid-section .title-area > div {display:inline-block}
.grid-section .title-area:after {content: ""; display: block; position: absolute; z-index: 5;}
.grid-section .title-area:after {bottom: -10px;left: 50%;width: 219px;height:182px;background: url(/images/prog/sns/sns-obj.png) no-repeat;margin-left: -134px;}

.grid-section .title-area em,
.grid-section .title-area strong{display: inline-block;font-family: 'score';font-size: 50px;}

.grid-section .title-area em{font-weight: bold;color: #fff;line-height: 1;}
.grid-section .title-area strong.color1{color:#ef3e30;/* margin-left: 66px; */}
.grid-section .title-area em.color1{text-shadow: -1px 0 #ef3e30, 0 1px #ef3e30, 1px 0 #ef3e30, 0 -1px #ef3e30;margin-right: 143px;}
.grid-section .title-area strong.color2{margin-left: 103px;color:#37487e;}
.grid-section .title-area em.color2{text-shadow: -1px 0 #37487e, 0 1px #37487e, 1px 0 #37487e, 0 -1px #37487e;}
.grid-section .tag{text-align:center}
.grid-section .tag span{background-color:#f3f3f3;color:#e54523;padding:4px 10px 0px;border-radius:30px;margin:0 5px;line-height:1}
.grid-section .tit_tag{display:block;font-family: 'score';font-size:30px;color:#333;text-align: center;margin: 19px 0;}

.social__live-box {position:relative;width:100%;}
.social__live-box:after {content:''; clear:both; display:block}
.social__live-box .item{ position:relative; float:left;margin:7px; width: calc(25% - 14px);height:296px; background-color:#fff;/* border:1px solid #e3e3e3; */border-radius: 10px;transition: all .3s;}
.social__live-box .item a{overflow: hidden; display:block;width:100%;height:100%;transition: all .3s;}
.social__live-box .item a *{transition: all .3s;}
.social__live-box .item .thm {overflow:hidden;position:relative;padding: 0; z-index: 10; height:100%;}
.social__live-box .item .thm > img {position:absolute; top:0; left:50%; width:100%; height:auto; max-height:none; transform:translate(-50%,0)}
/* .social__live-box .item .thm:after{content:'';position:absolute;bottom:0; left:0; top: 0; width:100%;height: 50%;background: linear-gradient(to bottom, transparent, rgba(0,0,0,0.7));} */
.social__live-box .item .cons {position: absolute;top: 0; left: 0; /* padding: 26px 52px 26px 18px;*/ width:100%; height:100%; -moz-box-sizing:border-box;-webkit-box-sizing:border-box;box-sizing:border-box;z-index: 11;}
.social__live-box .item .cons .category {display:block;width: 32px;height: 33px;font-size: 0;font-weight:500;color:#222;line-height: 0;vertical-align:middle;position: absolute;bottom: 17px;right: 18px;font-size: 0;/* border: 1px solid #fff; */background: url(/images/prog/sns/ir-sns.png) no-repeat;border: none;}
.social__live-box .item .cons .detail {margin-top:4px; font-size:16px; line-height:24px}

.social__live-box .item .cons .detail .sns_tit{display:block;font-size:16px;color:#252525; margin-bottom:5px; line-height:1.2;}
.social__live-box .item .cons .detail .sns_tit,.social__live-box .item .cons .detail .sns_text{ display: -webkit-box; -webkit-box-orient: vertical; text-overflow: ellipsis; overflow: hidden; -webkit-line-clamp: 3; }
.social__live-box .item .cons .detail .sns_text{-webkit-line-clamp: 4;}

.social__live-box .item.youtube .cons .category{background-position:-122px 0}
.social__live-box .item.instagram .cons .category{background-position:-78px 0}
.social__live-box .item.blog .cons .category{background-position:-38px 0}
.social__live-box .item.facebook .cons .category{background-position:0 0}
.button{text-align:center;margin-top: 62px;}
.btn.big02 {background:#fff;color:#444;border: 2px solid #4c4d59;height: auto;border-radius: 0;text-align: left;min-width: 180px;position:relative}
.btn.big02:after{position:absolute;top:14px;right:18px;background: url(/images/prog/sns/plus.png) no-repeat;content:'';width: 16px;height: 18px;}

/*  SNS 스타일 추가 1012 */
.sub06_04 .h2{padding-top:20px; margin-top: 32px; border-top:1px dashed #eaeaea;}
/* blog */
.social__live-box.box1{}
.social__live-box.box1 .thm{display:none}
.social__live-box.box1 .item{height:330px}
.social__live-box.box1 .item a{padding: 45px 30px; border: 1px solid #cdcdcd; border-top: 5px solid #0cbd07;}
.social__live-box.box1 .item .cons{position:static; padding:0}
.social__live-box.box1 .item .cons .detail .sns_tit{font-size:20px;  font-weight:bold; line-height: 1.3; margin-bottom: 18px;}

/* instagram */

.social__live-box.box2{}
.social__live-box.box2 .item{height:235px}
.social__live-box.box2 .item .cons,.social__live-box.box3 .item .cons{ opacity:0; visibility: hidden;}
.social__live-box.box2 .item .cons{padding: 35px 35px 55px 35px;height:100%; background-image: url('/images/kor/sub06/sns_bg.png'); }
.social__live-box.box2 .item .thm{height: 100%;}
.social__live-box.box2 .item .cons .sns_text{color:#fff; -webkit-line-clamp:6 ;}

/* youtube */
.social__live-box.box3{}
.social__live-box.box3 .item{height:125px}
.social__live-box.box3 .item .thm{height:100%}
.social__live-box.box3 .item .cons{padding:26px 35px; background-color: rgba(0,0,0,0.5);}
.social__live-box.box3 .item .cons .detail .sns_tit{color:#fff}

.social__live-box.box1 .item a:hover .cons .detail .sns_tit{color:#0cbd07;}
.social__live-box.box2 .item:hover .cons,.social__live-box.box3 .item:hover .cons{opacity:1; visibility: visible;}
.social__live-box.box2 .item:hover .cons .sns_text{color:#fff; -webkit-line-clamp:6 ;}
/* 상단 sns-btn */
.sns-btn .btn{min-width:150px; position:relative; font-weight:bold; font-size: 14px; margin: 2.5px 5px 2.5px -5px; padding-left: 10px; border: 1px solid #e4e4e4;}
.sns-btn .btn:after{content:''; display:block; width: 33px; height: 33px;  position:absolute; right:10px; top:50%; margin-top:-16.5px; background: url(/images/prog/sns/ir-sns.png) no-repeat; }
.sns-btn .btn.blg:after{background-position: -38px 0;}
.sns-btn .btn.inst:after{background-position: -78px 0;}
.sns-btn .btn.ytb:after{background-position: -122px 0;border: 1px solid #ddd; border-radius: 50%;}
.sns-btn .btn.ytb:hover::after{border-color:#f72d1f}
.sns-btn .btn.fb:after{background-position: -1px 0;}
.sns-btn .btn.kt:after{background-position: -161px 0;}
.sns-btn .btn.din:after{background-position: 0px -36px;}

@keyframes ani1 {
    0%{opacity:1;transform:translateY(0) scale(1);}
    20%{opacity:0;transform:scale(1.3) translateY(30px) }
    50%{opacity:1;transform:translateY(50px) scale(1);}
    60%{opacity:0;transform:scale(1.3)translateY(20px) }
    100%{opacity:1;transform:translateY(0) scale(1);}
}

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

    .grid-section .title-area em, .grid-section .title-area strong{font-size:40px ;}
    .sns-btn .btn{width: calc(32.3333% - 5px); margin: 2.5px -0.5px; }
    .social__live-box .item{width:calc(33.333% - 14px)}

}

@media screen and (max-width:1060px) {
    .grid-section .title-area em, .grid-section .title-area strong{font-size: 38px;}
    .grid-section .title-area em.color1{margin-right: 66px;}
    .grid-section .title-area strong.color2{margin-left: 100px;}
    .grid-section .title-area:after{ background-size: 100%; width:150px; height:130px; margin-left: -93px;}

}

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

    .social__live-box .item{width:calc(50% - 14px)}

}


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

    .sns-btn .btn{width: calc(50% - 5px);}
    .grid-section .title-area em, .grid-section .title-area strong{font-size: 32px;}
    .grid-section .title-area:after{width: 118px; height: 105px; margin-left: -74px;}
    .grid-section .title-area strong.color2 {margin-left: 70px;}
}

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

    .grid-section .title-area > div{display:block}
    .grid-section .title-area:after{display:none}

}

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

    .sub06_04 #body_layout .body_wrap {padding:0 25px}

}

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

    .sns-btn .btn{width: calc(100% - 5px);}
    .social__live-box .item{width:calc(100% - 14px)}

}

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

    .sns-btn .btn{width: calc(100% - 5px);}
    .social__live-box .item{width:calc(100% - 14px)}

}

/* kor/sub06_03_04.do */
.social__live-box.box{}
.social__live-box.box .item{overflow:hidden;}
.social__live-box.box .item.youtube .cons .category,.social__live-box.box .item.instagram .cons .category,.social__live-box.box .item.blog .cons .category,.social__live-box.box .item.facebook .cons .category{display:none}

.social__live-box.box .item .cons{height: 113px;background-color:rgba(0,0,0,0.5); top:auto; bottom:-43px; border-radius:10px 10px 0 0; padding:20px; padding-top: 10px; opacity: 0.3; transition: 0.5;}
.social__live-box.box .item .cons .detail{}
.social__live-box.box .item .cons .detail .sns_tit{display:none}
.social__live-box.box .item .cons .detail .sns_text,.social__live-box.box .item .cons .detail .sns_data{color:#fff;}
.social__live-box.box .item .cons .detail .sns_data{float:right}
.social__live-box.box .item .cons .detail .sns_tit, .social__live-box.box .item .cons .detail .sns_text{}

.social__live-box.box .item .cons:hover{opacity: 1; background-color:#fff; bottom:0; padding-top: 20px;}
.social__live-box.box .item .cons:hover .detail .sns_tit,.social__live-box.box .item .cons:hover .detail .sns_data{display: block; color:#222}
.social__live-box.box .item .cons:hover .detail .sns_text{display: none;}
/*로그인*/
.loginWrap {position: relative;padding: 20px 0px 5px;margin-top: 25px; background-color: #f9f5f5;}
.login .top-title{position: relative; width:100%;width: 100%;text-align: right;padding-right: 240px;}
.login .top-title:after{content: "";position: absolute;top: -40px;right: 0;width: 232px;height: 186px;background:url(/images/kor/sub06/sub06_05_02_img01.png) no-repeat center;z-index: 10;}
.login .top-title p{font-size:14px;line-height: 1.4;margin-top: 5px;}
.login .top-title strong{display:block;font-family: 'score';font-size: 50px;font-weight: bold;color: #fff;text-shadow: -1px 0 #f6ccc7, 0 1px #f6ccc7, 1px 0 #f6ccc7, 0 -1px #f6ccc7;letter-spacing: 10px;text-indent: 30px;line-height: 1;}
.login .top-title p b{display:block;color:#ef3e30;line-height: 1;margin-top: -2px;margin-bottom: 3px;}
.loginWrap_con,.login_forget{max-width:477px; margin:0 auto; width:100%;}

.loginWrap_con{position:relative;padding:0 120px 20px 10px; border-bottom: 1px dashed #ddd;}
.loginWrap_con input{box-sizing:border-box;display:block;width:100%;min-height:38px;height:auto;padding:0 5px;vertical-align:middle;border:1px solid #DDD;}
.loginWrap_con dl{display:table;width:100%; margin:10px 0; position:relative; padding-left:77px}
.loginWrap_con dl dt,
.loginWrap_con dl dd{display:table-cell;vertical-align:middle;}
.loginWrap_con dl dt{width:72px; font-weight:500; position: absolute;top: 50%;left: 0;transform: translateY(-50%);}
.loginWrap_con dl dd{width:100%;}
.loginWrap_con .btn_login{width:100px;height:85px;background: #ef3e30;color:#FFF;border:0;position:absolute;right:10px;top:0;font-weight: bold;border-radius: 5px;}
.login_forget{margin: 20px auto;}
.login_forget span{vertical-align: middle;}
.login_forget a{display:inline-block;float:right;margin-left:3px;padding: 10px 0 7px;width:171px;text-align:center;background:#9a9a9a;color:#FFF !important;font-size: 14px;border-radius: 5px;line-height: 1.2;}
.loginWrap_con .btn_login:hover,
.loginWrap_con .btn_login:focus,
.login_forget a:hover,
.login_forget a:focus{background:#52575c;transition: all 0.2s cubic-bezier(0.2, 0, 0.3, 1);}

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

    .login .top-title:after{width: 140px; height: 140px; background-size: 100%; top: 10px; }
    .login .top-title{padding-right: 156px;}
    .login .top-title strong{font-size: 45px;}
}

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

    .login .top-title:after{top: -40px; right: 0; width: 232px; height: 186px; }
    .login .top-title{padding-right: 240px;}
    .login .top-title strong{font-size: 50px;}
}

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

    .login .top-title:after{width: 140px; height: 140px; background-size: 100%; top:10px }
    .login .top-title{padding-right: 156px;}
    .login .top-title strong{font-size: 40px;}
}

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

    .loginWrap_con{width:80%;}
    .login_forget{text-align:center;width:80%;}
    .login_forget span{display:block;margin-bottom:20px;}
    .login_forget a{float:none;}

}

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

    .login .top-title:after{display:none }
    .login .top-title{padding-right: 0}

}

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

    .login .top-title{text-align: center;}
    .login .top-title strong{font-size: 30px;}

}


@media only screen and (max-width:480px){
    .loginWrap{padding:15px;}
    .loginWrap_con{width:100%; padding-right:0; padding-bottom:30px}
    .login_forget{width:100%}
    .loginWrap_con dl{display:block;width:100%;}
    .loginWrap_con dl dt,
    .loginWrap_con dl dd{display:block;width:100%;}

    .loginWrap_con .btn_login{width:100%;padding:10px 0;height:auto;position:relative;top:10px; right:0}

}

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

    .login_forget a{width:100%; display:block}
    .login_forget a:first-of-type{margin-bottom: 5px;}

}


@media only screen and (max-width:320px){
    .login_forget a{display:block;margin-left:0;margin-bottom:5px;width:100%;}
}

.login_guide{margin-top: 150px;border:1px solid #bfbfbf;position:relative;border-top: 3px solid #2e3e73;}
.login_guide:after{content: ""; display: block; position: absolute;}
.login_guide:after {width: 204px;height: 111px;background: url(/images/kor/sub01/sub01_03_01_img07.png) no-repeat;top: -114px;right: 15px;/* background: #000; */}
.login_guide div{display:table;/* background-color: #f3f4f8; */position: relative;width: 100%;}
.login_guide dl{display:table-cell;width:21%;padding:0 2%;border-left:1px solid #bfbfbf;}
.login_guide dl.con_1{border-left:0;}
.login_guide dt{text-align:center;color:#0f5cb1;font-size:16px;font-weight:500;position:relative;padding-top:50px;}
.login_guide dd{padding:15px 0;}
.login_guide ul{}
.login_guide li{margin:10px 0;font-size:14px;position:relative;padding-left:8px;}
.login_guide li:before{content:"";display:block;width:2px;height:2px;position:absolute;left:0;top:10px;background:#7f7f7f;}
.login_guide dt:before{content:"";display:block;width:84px;height:84px;position:absolute;left:calc(50% - 42px);top:-45px;background-color:#f2f2f2 !important;border-radius:100%;display: none;}
.login_guide .title{position: absolute;top: -65px;left: 0;width:100%;display:block;}
.login_guide .title strong{font-family: 'score';font-size: 31px;font-weight: bold;color:#2e3e73;}
.login_guide .title strong span{font-weight: normal;color: #0f1a3e;}
@media only screen and (max-width:770px){
    .login_guide{border:0;}
    .login_guide div{display:block;}
    .login_guide dl{display:block;width:96%;padding:2%;border-left:0px;border-top:1px dashed #bfbfbf;}
    .login_guide dl.con_1{border-top:0;}
    .login_guide dt:before{left:0;top:5px;width:60px;height:60px;background-size:40px !important;}
    .login_guide dt{text-align:left;padding-top:0;padding-left:80px;}
    .login_guide .con_1 dt:before{background-position:center;}
    .login_guide dd{padding:10px 0 0 0;}
    .login_guide ul{padding-left:80px;}
    .login_guide li{margin:5px 0;}
}

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

    .login_guide dt,.login_guide ul{padding-left:0px;}
    .login_guide:after{background-size: 100%; width:150px; height:85px; top:-109px}

}

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

    .login_guide:after{display:none}

}

@media only screen and (max-width:300px){
    .login_guide{margin-top:50px;}
    .login_guide dt:before{display:none;}
    .login_guide dt{padding-left:0;}
    .login_guide ul{padding-left:0;}
}
/* 로그인 본인인증 */
.login .ui-topbox .inner .h-box{font-size: 24px;}
.login .ui-topbox .inner .h-box span{color:#ef3e30}


#ipin_realname {padding:40px; border-top:2px solid #ef3e30; background:#fafafa; text-align:center; }
#ipin_realname .icon {display:inline-block;width:85px;height:85px;margin: 10px 0;background: url(/pcms/dist/img/p03/ir_list_icon.png) no-repeat; background-position:-901px  -400px;}
#ipin_realname h2 {display:block;margin: 0 0 10px;font-weight:bold;font-size: 20px;color:#093055;}
#ipin_realname p {margin:10px 0; font-size:15px ; color:#63666e; }
#ipin_realname a {min-width:200px;}
#ipin_realname .list-box {margin:25px 0 0; padding:15px 0 0; border-top:1px dashed #8d8d8d; text-align:left;}
#ipin_realname .btn{padding:12px 19px; text-align: center;}

.sub03_03_01 #svisual_layout,
.sub03_03_01 #location,
.sub03_03_01 #lnb_layout,
.sub03_03_01 #body_layout:before,
.sub03_03_01 .content-info,
.sub03_03_01 .page__title{display:none}
.sub03_03_01 #body_layout .body_wrap,
.sub03_03_01 #body_layout .body_wrap .contents_wrap{width:100%;max-width:100%; padding-bottom: 0; padding-top:0}
.sub03_03_01 #body_layout .body_wrap:after,
.sub03_03_01 #body_layout .body_wrap .contents_wrap{content:''; display:block; clear:both}

.intro-wrap{width: 100%;max-width: 100%;height: 1014px;}
.intro-wrap:after{content:''; display:block; clear:both}

.intro-wrap .intro{width: 100%;max-width: 100%;position:relative;height: 100%;}
.intro-wrap .intro:after{content:''; display:block; clear:both}
.intro-wrap .major-logo, .intro-wrap .see-list{position:absolute; top: 32px; z-index: 5;}
.intro-wrap .major-logo{display:inline-block; left:100px; z-index: 10; font-size:40px; color:#27293e;line-height: 0.4; }
.intro-wrap .major-logo .tit-inner{font-size:40px; color:#27293e; line-height: 1.4; font-family: 'score'; margin-top: -1px;}
.intro-wrap .major-logo .tit-inner:after{content:''; display:block; clear:both;}
.intro-wrap .major-logo .tit-inner > span{color:#ef4030}
.intro-wrap .major-logo .tit-inner .br{display:block; padding-left:158px; position:relative; margin-top:-5px;}
.intro-wrap .major-logo .ust{display:block; width:108px;height: 35px; background:url('/images/kor/sub03/ust_logo.png'); text-indent:-9999px}
.intro-wrap .major-logo .tit-inner .year{display:inline-block;}
.intro-wrap .major-logo .tit-inner .year i{position:relative}
.intro-wrap .major-logo .tit-inner .year i:before{content:''; display:inline-block; position:absolute; left:0; bottom:0; background:#ef4030;  width: 100%; height:5px  }


.intro-wrap .see-list{top:28px; left:500px; z-index:40}
.intro-wrap .see-list.campus{left:630px}
.intro-wrap .see-list .list-link{display:inline-block; overflow:hidden; width: 113px; height: 113px; position:relative; background:#fff; border-radius:50%; box-shadow:3px 3px 10px rgba(0,0,0,0.2);-webkit-box-shadow:3px 3px 10px rgba(0,0,0,0.2); }
.intro-wrap .see-list .list-link:before{content:''; display:block; width:68px; height:84px; position:absolute; top:50%; left:50%; margin-left: -31px; margin-top: 2px; background-image:url('/images/kor/sub03/list-btn.png'); background-repeat:no-repeat; background-position: 0 -1px; background-size: 95%; transform-origin: bottom;animation: scroll_down2 2s linear infinite;animation-direction: alternate; }

.intro-wrap .see-list .list-link:after{content:'';display:block;position:absolute;top:0;left:0;width:105%;height:105%;background-image:url('/images/kor/sub03/list-btn2.png'); background-repeat:no-repeat;;animation: scroll_down 8s linear infinite;animation-direction: alternate;}
.intro-wrap .see-list.campus .list-link:after{background-image:url('/images/kor/sub03/list-school.png') }


.intro-wrap .see-list .list-link span{font-size:0}
@keyframes scroll_down{
    0%,20% {transform: rotate(35deg);}
    80%,100% {transform: rotate(-35deg);}
}
@keyframes scroll_down2{
    0%,20% {transform:scale(0);}
    50% {transform:scale(1);}
    80%,100% {transform:scale(1);}
}
.intro-wrap .see-list .list-link span{text-indent:-9999px; display:block}

/* 캠퍼스별 오브젝트부분 */
/* 가운데로 이미지 몰아주기  예) 지도 반응형 , 맵조절시 넘치는 거 가려주기 */
.intro{background-color:#feeeea; width:100%; height:100%;position:relative; overflow: hidden;}
/* 1280까지 반응형 이미지 고정 기준점*/
.intro-wrap .major-bg{max-width:1280px; margin:0 auto;  margin-top: 96px; height: 100%; position: relative;}
/* 배경이미지 사이즈 무관하게 풀사이즈 유지 */
.intro-wrap .major-bg:before{content:''; display:inline-block; position:absolute; top:0; left:0; width:1889px; height:100%; margin-left:-575px; background: url('/images/kor/sub03/main-bg.png') no-repeat center;  }
.intro-wrap .major-bg:after{content:'';display:block; clear:both}
/* position:absolute 이미지 불분명하게 변함, position:relative 사용 */
.intro-wrap .major-bg .ul{display:inline-block; max-width: 1280px; width: 100%; height: 100%; position:relative; margin: 0 auto; padding: 0; z-index: 10; }
.intro-wrap .major-bg .ul:before{content:''; display:inline-block; position:absolute; width:102px; height:163px; background: url('/images/kor/sub03/star.png') no-repeat center; bottom: 193px;left: -120px;}
.intro-wrap .major-bg .ul:after{content:''; display:block; clear:both}

.intro-wrap .major-bg .ul li{position:absolute; }
.intro-wrap .major-bg .ul li .inner{position:relative; display: inline-block; width:100%; height:100%}
.intro-wrap .major-bg .ul li.li09 .inner .link{position:relative;top: 0;height: 100%;}

.intro-wrap .major-bg .ul li .inner .tool{ display: none; position:absolute; z-index: 2; min-width:280px; background-color: #27293e; color: #fff; font-size: 16px; padding: 14px 15px; border:3px solid #fff;  border-radius: 5px; font-family: 'score'; }
/* 1.차세대 반도체- */
.intro-wrap .major-bg .ul li.li01 .inner .tool{top: 157px; left: 11px;}
/* 2.바이오헬스  */
.intro-wrap .major-bg .ul li.li02 .inner .tool{top: 132px; left: 9px;}
/* 3. 미래 모빌리티 */
.intro-wrap .major-bg .ul li.li03 .inner .tool{top:237px; left:0}
/* 4. 미래 에너지 환경- */
.intro-wrap .major-bg .ul li.li04  .inner .tool{ min-width:280px; top: 252px; left: -11px;}
/* 5. 소재부품장비 */
.intro-wrap .major-bg .ul li.li05  .inner .tool{ min-width: 300px; top: 142px; left: 0;}
/*6. 디지털 통신*/
.intro-wrap .major-bg .ul li.li06  .inner .tool{top: 200px; left: 20px;}
/* 7. 인공지능 빅데이터 */
.intro-wrap .major-bg .ul li.li07  .inner .tool{ min-width: 265px; top: 179px; left: 101px;}
/* 8.지능형로봇*/
.intro-wrap .major-bg .ul li.li08  .inner .tool{top: -22px; left: -125px;}
/* 9.우주항공*/
.intro-wrap .major-bg .ul li.li09  .inner .tool{ top: 250px; left: 0;}
/*10. 기타특수분야 */
.intro-wrap .major-bg .ul li.li10  .inner .tool{top: 199px; left: 140px;  max-width: 200px;}

.intro-wrap .major-bg .ul li .inner .tit{font-weight:bold; display:block; position:relative}
.intro-wrap .major-bg .ul li .inner .tit:after{position:relative; left: 2px; top: -17px; content:''; display:inline-block; width:5px; height:5px; background-color:#e25543; border-radius:50%; }
/* 바이오헬스 */
.intro-wrap .major-bg .ul li.li02 .inner .tit:after{left: -1px; top: -14px;}
.intro-wrap .major-bg .ul li .inner .sub-tit{font-size: 14px;font-weight: 400;}

.intro-wrap .major-bg .ul li:hover .inner .tool{display:block}
.intro-wrap .major-bg .ul li.li03:hover .inner.img01 .tool{display:none}

.intro-wrap .major-bg .ul li .inner .more-btn{display:none}

.intro-wrap .major-bg .ul li .inner .link .tit{font-weight:bold}
/*2021 09 추가 */
.intro-wrap .major-bg .ul li .inner .link{display:block; z-index: 2; height: 100%; width: 100%; position:relative}
.intro-wrap .major-bg .ul li.off .inner .link{opacity:0;}
.intro-wrap .major-bg .ul li.on .inner .link{opacity:1}
/*2021 09 추가 */

.intro-wrap .major-bg .ul li .inner .tool{ display: none; position:absolute; min-width:280px; background-color: #27293e; color: #fff; font-size: 16px; padding: 14px 15px; border:3px solid #fff;  border-radius: 5px; font-family: 'score'; z-index: 20;}
/* 1.차세대 반도체- */
.intro-wrap .major-bg .ul li.li01 .inner .tool{top: 157px; left: 11px;}
/* 2.바이오헬스  */
.intro-wrap .major-bg .ul li.li02 .inner .tool{top: 132px; left: 9px;}
/* 3. 미래 모빌리티 */
.intro-wrap .major-bg .ul li.li03 .inner .tool{top:237px; left:0}
/* 4. 미래 에너지 환경- */
.intro-wrap .major-bg .ul li.li04  .inner .tool{ min-width:280px; top: 252px; left: -11px;}
/* 5. 소재부품장비 */
.intro-wrap .major-bg .ul li.li05  .inner .tool{ min-width: 300px; top: 142px; left: 0;}
/*6. 디지털 통신*/
.intro-wrap .major-bg .ul li.li06  .inner .tool{top: 200px; left: 20px;}
/* 7. 인공지능 빅데이터 */
.intro-wrap .major-bg .ul li.li07  .inner .tool{ min-width: 265px; top: 179px; left: 101px;}
/* 8.지능형로봇*/
.intro-wrap .major-bg .ul li.li08  .inner .tool{top: -22px; left: -125px;}
/* 9.우주항공*/
.intro-wrap .major-bg .ul li.li09  .inner .tool{top: 180px;left: 0;}
/*10. 기타특수분야 */
.intro-wrap .major-bg .ul li.li10  .inner .tool{top: 199px; left: 140px;  max-width: 200px;}

.intro-wrap .major-bg .ul li .inner .tit{font-weight:bold; display:block; position:relative}
.intro-wrap .major-bg .ul li .inner .tit:after{position:relative; left: 2px; top: -17px; content:''; display:inline-block; width:5px; height:5px; background-color:#e25543; border-radius:50%; }
/* 바이오헬스 */
.intro-wrap .major-bg .ul li.li02 .inner .tit:after{left: -1px; top: -14px;}
.intro-wrap .major-bg .ul li .inner .sub-tit{font-size: 14px;font-weight: 400;}

.intro-wrap .major-bg .ul li .link:hover .inner .tool{display:block}
.intro-wrap .major-bg .ul li.li03 .link:hover:hover .inner.img01 .tool{display:none}

.intro-wrap .major-bg .ul li .inner .more-btn{display:none}

.intro-wrap .major-bg .ul li .inner .motion-obj{display:inline-block; position:absolute; background-size:contain}
.intro-wrap .major-bg .ul li .inner .motion-obj{width:100%;height:100%;position:absolute;top:0;left:0;font-size: 0;display:inline-block;}

/* 오브젝트아이콘 */

/* 1.차세대 반도체- */
.intro-wrap .major-bg .ul .li01{width: 245px; height: 209px; top: 251px; left: 318px;}

/* 사람오브젝트 & 지능형로봇 */
.intro-wrap .major-bg .ul .li01 .inner.img02,.intro-wrap .major-bg .ul .li08 .inner.img02{display:none}

/* 2.바이오헬스  */
.intro-wrap .major-bg .ul .li02{width: 150px;height: 150px;top: 56px;left: 276px;}
.intro-wrap .major-bg .ul .li02 .inner.img01{width: 100%;height: 100%;top: -18px;left: 3px;}
.intro-wrap .major-bg .ul .li02 .inner.img01 .motion-obj{}
.intro-wrap .major-bg .ul .li02 .inner.img02{width:64px;height:64px; left: 30px; top: -13px;}
.intro-wrap .major-bg .ul .li02 .inner.img02 .motion-obj{ background:url('/images/kor/sub03/obj02-1.png') no-repeat center;}

/* 3. 미래 모빌리티 */
.intro-wrap .major-bg .ul .li03{width: 286px; height: 260px; top: 435px; left: 0;}
.intro-wrap .major-bg .ul .li03 .inner.img01{width:120px;height:160px;top: 43px;left: -27px;}
.intro-wrap .major-bg .ul .li03 .inner.img01 .motion-obj{}
.intro-wrap .major-bg .ul .li03 .inner.img02{width: 398px;height: 278px;top: -206px;left: 26px;/* border: 1px solid; */}
.intro-wrap .major-bg .ul .li03 .inner.img02 .motion-obj{background:url('/images/kor/sub03/obj03-1.png') no-repeat center;}

/* 4. 미래 에너지 환경- */
.intro-wrap .major-bg .ul .li04{ width: 195px; height: 258px; top: 79px; left: -6px;}
.intro-wrap .major-bg .ul .li04 .inner.img01 .motion-obj{background:url('/images/kor/sub03/obj01.png') no-repeat center;}

/* 5. 소재부품장비 */
.intro-wrap .major-bg .ul .li05{width: 201px;height: 217px;top: 201px;left: 562px;z-index: 3;/* border: 1px solid; */}
.intro-wrap .major-bg .ul .li05 .inner.img01{width:106px;height:173px;top: -25px;left: 30px;}

.intro-wrap .major-bg .ul .li05 .inner .motion-obj{top: -10px;left: -10px;}

/*6. 디지털 통신*/
.intro-wrap .major-bg .ul .li06{width: 254px;height: 290px;top: 580px;left: 268px;/* border: 1px solid; */}
.intro-wrap .major-bg .ul .li06 .inner.img01{width:100%;height:100%;top: -24px;left: 66px;}
.intro-wrap .major-bg .ul .li06 .inner.img02{width:44px;height:29px;top: 43px;left: 103px;}
.intro-wrap .major-bg .ul .li06 .inner.img02 .motion-obj{background:url('/images/kor/sub03/obj07-1.png') no-repeat center;}
.intro-wrap .major-bg .ul .li06 .inner .motion-obj{
    top: -70px;
    left: -30px;
}
/* 7. 인공지능 빅데이터 */
.intro-wrap .major-bg .ul .li07{width: 185px; height: 232px; top: 126px; left: 960px;}
.intro-wrap .major-bg .ul .li07 .inner.img01{top: 0px; left: 0px;}

/* 8.지능형로봇*/
.intro-wrap .major-bg .ul .li08{width: 221px; height: 220px; top: 44px; left: 781px}
.intro-wrap .major-bg .ul .li08 .inner.img01{top: 13px; left: -20px;}

/* 9.우주항공*/
.intro-wrap .major-bg .ul .li09{width: 256px;height: 210px;top: 416px;left: 739px;z-index: 2;/* border: 1px solid; */}
.intro-wrap .major-bg .ul .li09 .inner.img01{width: 100%;height: 100%;top: 12px;left: -44px;}
.intro-wrap .major-bg .ul .li09 .inner.img01 .motion-obj{position:absolute;top: -120px;left: -80px;width:130%;height:130%;}




/*10. 기타특수분야 */
.intro-wrap .major-bg .ul .li10{width: 250px; height: 250px; top:389px; left: 862px;}
.intro-wrap .major-bg .ul .li10 .inner{width:120%}

/* 하이라이트 처리 */
.intro-wrap .major-bg .ul li.on{ opacity:1}
.intro-wrap .major-bg .ul li.off{opacity:0.4}


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

    .intro-wrap .major-logo{top:30px;}
    .intro-wrap .major-logo .tit-inner{font-size:30px}
    .intro-wrap .major-logo .tit-inner .year:before{bottom:-2px;width: 112px;}
    .intro-wrap .major-logo .tit-inner .br{padding-left: 119px; margin-top: -5px;}

    .intro-wrap .see-list{left: 390px;}
    .intro-wrap .see-list.campus{left: 490px;}

    .intro-wrap .see-list .list-link{ width: 80px; height: 80px; background-size: 110%;}
    .intro-wrap .see-list .list-link:before{margin-top: 1px; margin-left: -24px; background-size: 75%;}
    .intro-wrap .see-list .list-link:after,.intro-wrap .see-list.campus .list-link:after{background-size: 100%; background-position:-1px -2px;}

}

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

    .intro-wrap .major-bg:before{margin-left: -530px;}

}

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

    .intro-wrap .major-logo{margin-left: -46px;}
    .intro-wrap .see-list{left: 350px;}
    .intro-wrap .see-list.campus{left: 450px;}

}

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


    .intro-wrap .major-bg .ul{ margin-left: 45px;}

}

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

    .intro-wrap{height:812px}
    .major-form .program--search{margin-left: 0;}

    .intro-wrap .major-log{}
    .intro-wrap .major-bg{max-width:960px; margin-top: 0;}
    .intro-wrap .major-bg:before{max-width:1245px; margin-left: -228px; top:89px; background:url(/images/kor/sub03/main-bg1280.png) no-repeat center; background-size: 100%;}

    .intro-wrap .major-bg .ul{ margin-left: 0px;}
    .intro-wrap .major-bg .ul:before{background-size:75%;bottom: 65px;left: -34px;}
    .intro-wrap .major-bg .ul .li .inner.img01 .motion-obj{background-size:75%}

    /* 차세대 반도체 */
    .intro-wrap .major-bg .ul .li01 { width: 230px; height: 150px; top: 324px; left: 296px; }
    .intro-wrap .major-bg .ul .li01 .inner.img01 .motion-obj{background-size:72%}
    .intro-wrap .major-bg .ul .li01 .inner.img02{top: 15px; left: 68px;}
    /* 바이오헬스 */
    .intro-wrap .major-bg .ul .li02 {top: 183px; left: 293px; width: 87px; height: 91px;}
    .intro-wrap .major-bg .ul .li02 .inner.img02{top:-18px; left:3px}
    /* 미래모빌리티 */
    .intro-wrap .major-bg .ul .li03 {top: 417px;left: 53px; }
    .intro-wrap .major-bg .ul .li03 .inner.img01{top: 14px; left: -10px;}
    .intro-wrap .major-bg .ul .li03 .inner.img02{top: -159px;left: 71px; width: 240px; height: 195px;}

    /* 미래에너지환경 */
    .intro-wrap .major-bg .ul .li04{width: 132px; height: 182px; top: 192px; left: 85px;}
    .intro-wrap .major-bg .ul .li04 .inner.img01 .motion-obj{background-size:70%}


    /* 소재부품장비 */
    .intro-wrap .major-bg .ul .li05 { width: 145px; height: 145px; top: 213px; left: 462px; }
    .intro-wrap .major-bg .ul .li05 .inner.img01{ width: 106px; height: 145px; top: 0; left: -9px;}

    /* 디지털 통신 */
    .intro-wrap .major-bg .ul .li06 {width: 214px; height: 166px; top: 538px;left: 276px; }
    .intro-wrap .major-bg .ul .li06 .inner.img01{top: -26px; left: 0;}
    .intro-wrap .major-bg .ul .li06 .inner.img02{top: 36px; left: 79px;}

    /* 인공지능 빅데이터 */
    .intro-wrap .major-bg .ul .li07 { width: 206px; height: 142px; top: 246px; left: 736px;}
    .intro-wrap .major-bg .ul .li07 .inner.img01{width: 190px; height: 142px;}
    .intro-wrap .major-bg .ul .li07 .inner.img01 .motion-obj{background-size: 77%;}

    /* 지능형로못 */
    .intro-wrap .major-bg .ul .li08 { top: 175px; left: 634px; width:150px; height:160px}
    .intro-wrap .major-bg .ul .li08 .inner.img01{top:0; left: 0;}
    .intro-wrap .major-bg .ul .li08 .inner.img01 .motion-obj{ background-size: 67%;}
    .intro-wrap .major-bg .ul .li08 .inner.img02{top:0; left: 0px;}

    /* 우주항공 */
    .intro-wrap .major-bg .ul .li09 {width: 186px; height: 160px; top: 374px; left: 552px;}
    .intro-wrap .major-bg .ul .li09 .inner.img01{ top: -28px; left: -35px; }

    /* 기타분야 */
    .intro-wrap .major-bg .ul .li10 { width: 182px; height: 141px; top: 434px; left: 701px; }
    /* .intro-wrap .major-bg .ul .li10 .inner.img01 .motion-obj{background-size: 72%;} */
}


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

}

/* 내게 맞는 전공 검색바 추가 211020 */

.major-form{position: absolute; top: 42px; right:0; z-index: 99;  max-width: 450px;  width: 100%; z-index: 11;}
.major-form fieldset{ border: none; min-width: 0; }
.major-form .program--search .fieldset{white-space: nowrap; text-align: left;}
.major-form .program--search { position: relative; border: none; text-align: center;}
.major-form .program--search * {vertical-align: middle;}
.major-form .program--search .search--select{ display: inline-block; position: relative; min-width: 12%;width: auto; text-align: right; margin-right: 2px;}
.major-form .program--search .search--select>div, .major-form .program--search .search--select>span {display: inline-block;border: 1px solid #c5c9d6; background-color: #fff; border-radius: 5px;
    overflow: hidden;}

.major-form .program--search .search--text{display: inline-block; width: 62%; margin: 0; padding: 0; }
.major-form .program--search .search--text span{ display: block;padding: 0 5px; background-color: #fff;border-radius: 5px; border: 1px solid #c5c9d6;}
.major-form .program--search .search--text input[type="text"] {width: 100%;height: 38px; margin: 0;  padding: 0; border: none;background-color: #fff;line-height: 32px; font-size: 15px;}

.major-form .program--search .search--btn{ display: inline-block; height: 100%; border-radius: 0; color: #fff;line-height: 100%;}
.major-form .program--page button, .major-form .program--search .search--btn .btn--submit, .major-form .program--search .search--btn input[type="submit"]{background-color: #e83421; border: 1px solid #e83421;text-align: center; border-radius: 5px;  display: inline-block; height: 38px; width: 81px;}

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

    .major-form .program--search .fieldset{text-align:center;}

}

/* 모바일로 바꾸기 */
@media screen and (max-width:980px){

    .intro-wrap { height: auto;}
    .intro-wrap .see-list{ top: 38px; left:auto; right:25px}
    .intro-wrap .see-list.campus{left:auto; right:125px}


    .intro-wrap .major-logo {left: 50%; top: 70px; transform: translate(-50%,0); margin-left: 0; max-width:210px }
    .intro-wrap .major-logo .tit-inner{font-size: 24px; margin-top: 2px; white-space: nowrap;}
    .intro-wrap .major-logo .tit-inner:before{top: 27px; right: -25px; width: 30px; height: 24px;}
    .intro-wrap .major-logo .tit-inner .br{padding-left: 0px; margin-top: 1px; text-align: center;}
    .intro-wrap .major-logo .tit-inner .year i{margin-right: 5px;}
    .intro-wrap .major-logo .tit-inner .year i:before{height: 4px; bottom:-2px}

    .major-form{top:170px;max-width:80%; right:auto; left:50%;transform: translateX(-50%);}
    .major-form .program--search{margin-left: 0;}
    .major-form fieldset{padding: 0 20px;}

    .intro-wrap .major-bg{padding-top: 230px; padding-bottom:10px}
    .intro-wrap .major-bg:before{display: none;}
    .intro-wrap .major-bg .ul{padding:0 12px}
    .intro-wrap .major-bg .ul:before{display:none}
    .intro-wrap .major-bg .ul:after{content:''; display:block; clear:both}
    .intro-wrap .major-bg .ul .li{position:static; margin:12px; width:calc(50% - 24px); height:199px; float:left; border-radius:10px; background-color:#fff;}
    .intro-wrap .major-bg .ul .li.off{opacity:1}
    .intro-wrap .major-bg .ul .li.off .inner .link{opacity: 1;}
    .intro-wrap .major-bg .ul li .inner .tool{position:static;border:0}
    .intro-wrap .major-bg .ul li.li03.on .inner.img01 .tool{display:block}


    .intro-wrap .major-bg .ul .li .inner[class*=img]{padding:32px; width:100%; height:100%; top:0; left:0; transition: 0.3s; border-radius:10px; overflow: hidden; position:relative}
    .intro-wrap .major-bg .ul li .inner .link .tool{display:block; background-color: transparent; color:#27293e; padding:0 }
    .intro-wrap .major-bg .ul li .inner .link .tool .tit{display:block;}
    .intro-wrap .major-bg .ul li .inner .link .sub-tit{color:#93949e}
    /* 미리에너지환경 부제목 */
    .intro-wrap .major-bg .ul .li.li04 .inner .link .sub-tit{width: 100px;}

    /* 모바일일 때 보여야하는 부분 */
    .intro-wrap .major-bg .ul .li .inner .link,.intro-wrap .major-bg .ul .li .inner .link .tit,.intro-wrap .major-bg .ul .li .inner .link .sub-tit,.intro-wrap .major-bg .ul .li .inner .link .more-btn{display:block}
    /* 모바일일 때 안 보여야하는 부분 */
    .intro-wrap .major-bg .ul .li .inner.img02,.intro-wrap .major-bg .ul .li .inner .motion-obj{display:none}

    .intro-wrap .major-bg .ul .li .inner .link{position:relative}
    .intro-wrap .major-bg .ul .li .inner .link .tit,.intro-wrap .major-bg .ul .li .inner .link .sub-tit{display: block;}
    .intro-wrap .major-bg .ul .li .inner .link .tit{font-size:20px; color:#27293e }
    .intro-wrap .major-bg .ul .li .inner .link .sub-tit{font-size: 15px; color:#93949e}
    /* 더보기 버튼 */
    .intro-wrap .major-bg .ul .li .inner .link .more-btn{ position:absolute; width:20px; height:20px;top:0; right:0;}
    .intro-wrap .major-bg .ul .li .inner .link .more-btn:before,.intro-wrap .major-bg .ul .li .inner .link .more-btn:after{content:''; display:block; position:absolute;width:2px; height:100%; background-color:#27293e ;}
    .intro-wrap .major-bg .ul .li .inner .link .more-btn:before{top:0; left:50%;  transform:translate(-50%,0) }
    .intro-wrap .major-bg .ul .li .inner .link .more-btn:after{top:50%; left:50%; transform:rotate(90deg); margin-top:-10px; margin-left:-1px}

    /* hover */
    .intro-wrap .major-bg .ul .li:hover{background-color:#e54523;}
    .intro-wrap .major-bg .ul .li:hover .inner{ top:-2px; left:-2px; box-shadow:3px 3px 3px rgba(0,0,0,0.2);-webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.2);}
    .intro-wrap .major-bg .ul .li:hover .inner .link .tit{color:#fff}
    .intro-wrap .major-bg .ul .li:hover .inner .link .sub-tit{color:#f1aca3}
    .intro-wrap .major-bg .ul .li:hover .inner .link .more-btn:before,.intro-wrap .major-bg .ul .li:hover .inner .link .more-btn:after{ background-color:#fff}


    /* 리스트 배경 */
    .intro-wrap .major-bg .ul .li .inner:before{content:''; display:block; position:absolute; background:url('/images/kor/sub03/list-ir.png')}

    .intro-wrap .major-bg .ul .li.li01 .inner:before{width: 189px; height: 126px; background-position:-69px 0; top:39%; right: 0;}
    .intro-wrap .major-bg .ul .li.li02 .inner:before{width: 245px; height: 162px; background-position:-367px 0; top:34%; right: 0;}
    .intro-wrap .major-bg .ul .li.li03 .inner:before{width: 202px; height: 128px; background-position:-51px -222px; top:38%; right: 0;}
    .intro-wrap .major-bg .ul .li.li04 .inner:before{width: 170px; height: 139px; background-position:-450px -214px; top:30%; right: 0;}
    .intro-wrap .major-bg .ul .li.li05 .inner:before{width: 160px; height: 124px; background-position:-95px -451px; top:38%; right: 0;}

    .intro-wrap .major-bg .ul .li.li06 .inner:before{width: 201px; height: 116px; background-position:-404px -451px; top:41%; right: 0;}
    .intro-wrap .major-bg .ul .li.li07 .inner:before{width: 188px; height: 140px; background-position:-70px -657px; top:30%; right: 0;}
    .intro-wrap .major-bg .ul .li.li08 .inner:before{width: 190px; height: 134px; background-position:-432px -657px; top:32%; right: 0;}
    .intro-wrap .major-bg .ul .li.li09 .inner:before{width: 206px; height: 138px; background-position: -52px -882px; top:30%; right: 0;}
    .intro-wrap .major-bg .ul .li.li10 .inner:before{width: 192px; height: 131px; background-position: -432px -890px; top:34%; right: 0;}

    /* search */
    .sub03_03 .major-form .program--search{padding-top:8px}


    .modal__close-button span:after{width: 1px; height: 30px; margin-top: -13px;}
    .modal__close-button span:before {left: 50%;width: 30px;height: 1px;margin-top: 2px; margin-left: -15px;}

}


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

    .intro-wrap .major-bg{ padding-top: 272px;}
    .intro-wrap .major-logo{margin-top: 20px;}
    .intro-wrap .see-list{top: 15px;right:50%; margin-right:15px ;}
    .intro-wrap .see-list.campus{right:50%; margin-right: -75px;}
    .intro-wrap .see-list .list-link{ width: 60px; height: 60px; background-size: 110%;}
    .intro-wrap .see-list .list-link:before{margin-left: -18px; margin-top: -2px; background-size:63%}

}

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

    .major-form{max-width:100%;}
    .intro-wrap .major-bg .ul .li{width:calc(100% - 24px)}

}

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

    .major-form .program--search{padding:30px 0; margin-left: 0;}
    .major-form .program--search .fieldset > div{ margin-bottom: 3px; margin-left: 0;}
    .major-form .program--search .fieldset > div,.major-form .program--search .search--select>div, .major-form .program--search .search--select>span{display:block; width:100%}
    .major-form .program--search .search--text{max-width:none}
    .major-form .program--page button,.major-form .program--search .search--btn .btn--submit,.major-form .program--search .search--btn input[type="submit"]{width:100%}

}


#ajaxLayer{position:fixed;left:0;top:0;z-index: 1030;width:100%;height: 100vh;background: transparent;}
#ajaxLayer.on{display:block;}

/* 전공소개  팝업 파일경로 /kor/popup-sample.jsp */
.tabpanel {  display: none;  opacity: 0;}
#tab-panel1{display:block; opacity:1}

.pop-container.pop-major{height:100%; overflow-x: hidden;}
.pop-container.pop-major .modal__content,.pop-container.pop-major .modal__body{ max-width:1170px; width: 100%; height: 634px; padding:0; position: relative;top: 50%;  left: 50%; transform: translate(-50%, -50%); }
.pop-container.pop-major .modal__body{overflow: hidden;}
.pop-container.pop-major .modal__body .modal-side{width: 100%; height:100%; max-height:calc(100% - 199px); padding:0}
#ajaxLayer .modal__content{ background-color: white; }

.pop-container.pop-major .modal__body .modal-side {width: 293px;background: #27293e}
.pop-container.pop-major .modal__body .modal-top { padding: 58px 25px 34px 40px; min-height: 215px;}
.pop-container.pop-major .modal__body .modal-top .h2 { color: #fff; font-size: 27px; margin: 0; padding: 0;}

/* 팝업창 제목 꾸밈요소 */
.pop-container.pop-major .modal__body .modal-top .h2 span{position:relative}
.pop-container.pop-major .modal__body .modal-top .h2 span:after{content:''; display:inline-block; width:5px; height:5px; background-color:#e93421; border-radius:50%; position:relative;top:-25px; margin-left:5px}
.pop-container.pop-major .modal__body .modal-top .h2 .sub {display: block; font-size: 15px;}
.pop-container.pop-major .modal__body .modal-top .h2 .sub.tit {color: #ffbdb6; padding: 5px 0 11px 0}
.pop-container.pop-major .modal__body .modal-top .h2 .sub.dsc { color: #eaeaec; padding: 4px 0; line-height: 1.3; letter-spacing: -2px; word-break: break-word;}
.pop-container.pop-major .modal__body .modal-top .tag {display: none; padding: 9px 0}
.pop-container.pop-major .modal__body .modal-top .tag span {display: inline-block; padding: 4px 13px; min-width: 68px; border: 1px solid #edaea9; border-radius: 20px; color: #edaea9; margin:0 3px}
.pop-container.pop-major .modal__body .modal-top .tag span:first-child{margin-left:0}
.pop-container.pop-major .modal__body .modal-scroll{height:100%; max-height: calc(634px - 199px); overflow-y: scroll; background: #3a3d56;}

.pop-container.pop-major .modal__body .modal-scroll:after{display:block; content:''; clear:both;}
.pop-container.pop-major .modal__body .modal-scroll .ui-tablist{ height:100%; padding:27px 20px 46px;}
.pop-container.pop-major .modal__body .modal-scroll .ui-tablist .tab-ul.type3{ height: 100%; overflow-y: scroll;  }
.pop-container.pop-major .modal__body .modal-scroll .ui-tablist .tab-ul.type3::-webkit-scrollbar{display:none; }
.pop-container.pop-major .modal__body .modal-scroll .ui-tablist .tab-ul.type3 li{width: 100%; max-width:none; border: 0; border-radius: 0; float: none; height: auto; margin: 0; border-bottom:1px solid #575a6f}
.pop-container.pop-major .modal__body .modal-scroll .ui-tablist .tab-ul.type3 li a{font-size:16px; border:0; border-radius: 0;}
.pop-container.pop-major .modal__body .modal-scroll .ui-tablist .tab-ul.type3 li a:after{position:absolute; content:''; display:none; width:23px; height:17px; background:url('/images/kor/sub03/list-ico.png') no-repeat center; top: 50%; right: 15px; left: auto; transform: translate(0, -50%);}
.pop-container.pop-major .modal__body .modal-scroll .ui-tablist .tab-ul.type3 li a span{color:#fff; padding-top: 12px;  padding-right: 30px;}
.pop-container.pop-major .modal__body .modal-scroll .ui-tablist .tab-ul.type3 li:hover {background-color:#e93421; border-bottom:#e93421;}
.pop-container.pop-major .modal__body .modal-scroll .ui-tablist .tab-ul.type3 li.on{background-color:#e93421;  border-bottom:#e93421; font-weight: 500; max-width: none;}
.pop-container.pop-major .modal__body .modal-scroll .ui-tablist .tab-ul.type3 li.on a:after{display:inline-block}

/* 소개내용부분 */
.pop-container.pop-major .modal__body .tab-con {position: absolute; top: 0; left: 293px; height: 100%; max-width: calc(100% - 293px); background: #fff; width:100%}
.pop-container.pop-major .modal__body .tab-con .tabpanel,.modal__body .modal-scroll .tab-con .photo_wrap{height: 100%;}

.pop-container.pop-major .modal__body .tab-con .photo_wrap{padding: 56px 60px;}
.pop-container.pop-major .modal__body .tab-con .photo_wrap .inner{position: relative; padding:30px 0 23px; min-height:196px; }
/* 이미지부분 */
.pop-container.pop-major .modal__body .tab-con .photo_wrap .thumb{ display:none;position:absolute; left:29px; top:24px; width:230px; height:193px}

/* 리스트  color:#180e0d*/
.pop-container.pop-major .modal__body .tab-con .photo_wrap .info_box h3{font-size:22px; color:#180e0d; margin: 29px 0 14px 0; padding-right:115px; font-weight:bold; font-family: 'score'; word-break: break-all; letter-spacing: -2px;}
.pop-container.pop-major .modal__body .tab-con .photo_wrap .info_box h3 .small{font-size: 18px; margin-top: 10px; display:block}
.pop-container.pop-major .modal__body .tab-con .photo_wrap .info_box .text_box{padding-right:56px; padding-top:27px; position:relative}
.pop-container.pop-major .modal__body .tab-con .photo_wrap .info_box .text_box:before{content:''; display:block; position:absolute;  top:0; left:0; width:100%; height:1px; background-color:#c4cbd2}
.pop-container.pop-major .modal__body .tab-con .photo_wrap .info_box .list-1st li,.modal__body .modal-scroll .tab-con .photo_wrap .info_box .list-1st li span{font-size:15px;}
.pop-container.pop-major .modal__body .tab-con .photo_wrap .info_box .list-1st{margin:0}
.pop-container.pop-major .modal__body .tab-con .photo_wrap .info_box .list-1st li{position:relative; padding-left:166px; line-height:1.4; min-height: 24px;}
.modal__body .tab-con .photo_wrap .info_box .list-1st li:before{display:inline-block; content:''; position:absolute;top:0px; left: 0; width:21px; height:21px;  border-radius: 50%; background:#404040 url('/images/kor/common/list_ir.png') no-repeat; }

.pop-container.pop-major .modal__body .tab-con .photo_wrap .info_box .list-1st li.li01:before{background-position:5px 5px}
.pop-container.pop-major .modal__body .tab-con .photo_wrap .info_box .list-1st li.li02:before{background-position:5px -23px;}
.pop-container.pop-major .modal__body .tab-con .photo_wrap .info_box .list-1st li.li03:before{background-position:5px -23px}
.pop-container.pop-major .modal__body .tab-con .photo_wrap .info_box .list-1st li.li04:before{background-position:5px -80px;}

.pop-container.pop-major .modal__body .tab-con .photo_wrap .info_box .list-1st li a{ position:relative}
.pop-container.pop-major .modal__body .tab-con .photo_wrap .info_box .list-1st li span{position:absolute; left: 29px; top: 3px;line-height:1;font-weight: bold;}

.pop-container.pop-major .modal__body .tab-con .photo_wrap .dscription{border-top:1px dashed #7f7f7f; color:#666666 }
.pop-container.pop-major .modal__body .tab-con .photo_wrap .btn.btn-outline{position:absolute;top:100px; right:50px;padding: 7px; padding-left: 11px; min-width:100px; border:2px solid #e93421; text-align: left; color:#e93421;}
.pop-container.pop-major .modal__body .tab-con .photo_wrap .btn.btn-outline:after { content: ''; display: block;position: absolute; width: 25px; height: 25px; border-top: 2px solid #e93421;  border-left: 2px solid #e93421; background-color: #fff; transform: rotate(-45deg); right: -14px;  top: 11.5%;}

.pop-container.pop-major .modal__body .tab-con .photo_wrap .dscription .scroll-text{ height:200px; overflow-y: scroll;}

/* 소개버튼*/
#ajaxLayer  .modal__body .modal__close{position:absolute;display:inline-block;top:0px;right:0px;width:55px;height:55px;background-color: #27293e;}
#ajaxLayer  .modal__body .modal__close button{position:relative;width:100%;height:100%;overflow: hidden;/* background: transparent; */}
#ajaxLayer  .modal__body .modal__close button:before,#ajaxLayer .modal__body .modal__close button:after{content:''; display:block;width:95%; border:1px solid #fff; position:absolute; transform:translate(-50%,-50%); margin-left:2.5%}
#ajaxLayer  .modal__body .modal__close button:before{transform:rotate(-45deg); margin-top:10px;}
#ajaxLayer  .modal__body .modal__close button:after{transform:rotate(45deg); margin-top:-10px}
#ajaxLayer  .modal__body .modal__close button span{display: block;text-indent:-9999px;}

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

    .sub03_03 .layout{padding:0}

}

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

    .pop-container.pop-major .modal__body{top: 0;  left: 50%; transform: translate(-50%, 0); }
    .pop-container.pop-major .modal__body .modal-top .h2{position:relative;display: inline-block;}
    .pop-container.pop-major .modal__body .modal-top .tag{display:block}
    .pop-container.pop-major .modal__body .tab-con{ position:relative; left:0; height:auto; max-width:100%}
    .pop-container.pop-major .modal__body .tab-con .photo_wrap { padding: 20px 24px; padding-top:0}
    .pop-container.pop-major .modal__body .tab-con .photo_wrap .inner{padding:0 0 30px 0px; min-height: 179px;}
    .pop-container.pop-major .modal__body .tab-con .photo_wrap .info_box h3{margin:0 0 20px 0; padding-top: 20px;}
    .pop-container.pop-major .modal__body .tab-con .photo_wrap .info_box .text_box:before{width: 100%;}

    .pop-container.pop-major .modal__body .tab-con .photo_wrap .btn.btn-outline{position:relative; top: 5px; right: 0px;}
    .pop-container.pop-major .modal__body{max-width:692px; max-height:100%; height:100%; overflow:visible}
    .pop-container.pop-major .modal__body .modal-side{width:100%; height:auto}
    .pop-container.pop-major .modal__content{ max-height:100%; height:auto;}
    .pop-container.pop-major .modal__body .modal-scroll{background:#fff; height:auto;}
    .pop-container.pop-major .modal__body .modal-scroll .ui-tablist{height:auto; padding:20px}
    .pop-container.pop-major .modal__body .modal-scroll .ui-tablist .tab-ul.type3{border-bottom:0}
    .pop-container.pop-major .modal__body .modal-scroll .ui-tablist .tab-ul.type3:after{content:''; display:block; clear:both}
    .pop-container.pop-major .modal__body .modal-scroll .ui-tablist .tab-ul.type3 li{width: calc(50% - 10px); height:60px; margin: 5px; border:2px solid #e4e4e4; float:left; max-width: none;}
    .pop-container.pop-major .modal__body .modal-scroll .ui-tablist .tab-ul.type3 li a{display: flex; align-items: center; height:100%;}
    .pop-container.pop-major .modal__body .modal-scroll .ui-tablist .tab-ul.type3 li.on a:after{display: none;}
    .pop-container.pop-major .modal__body .modal-scroll .ui-tablist .tab-ul.type3 li a span .fa{position:absolute; right:16px; top:50%; transform:translate(0,-50%);font-size: 27px;}

    /* 가상선택자 높이 지정 공백자치 and vertical-alilgn:middle*/
    .pop-container.pop-major .modal__body .modal-scroll .ui-tablist .tab-ul.type3 li a:before{content:'';display:inline-block; height:100%; vertical-align: middle;}
    .pop-container.pop-major .modal__body .modal-scroll .ui-tablist .tab-ul.type3 li a span{color:#4b4b4b;  vertical-align: middle; width: 100%;line-height: 1.1;}
    .pop-container.pop-major .modal__body .modal-scroll .ui-tablist .tab-ul.type3 li.on a span{color:#fff}
    #ajaxLayer  .modal__body .modal__close{height:35px; width:35px;top: -2px; right:0px; border-radius: 50%; }
    #ajaxLayer  .modal__body .tab-con .modal__close{display:none}

}

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

    .pop-container.pop-major .modal__body .modal-scroll .ui-tablist .tab-ul.type3 li{width: 100%; border:0; border-bottom:1px solid #d9d9d9; margin:0}
    .pop-container.pop-major .modal__body .modal-scroll .ui-tablist .tab-ul.type3 li.on a:after{display: block;}
    .pop-container.pop-major .modal__body .modal-scroll .ui-tablist .tab-ul.type3 li a span .fa{display:none}
    .pop-container.pop-major .modal__body .modal-top .tag span{margin-bottom: 9px;}

}

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

    .pop-container.pop-major .modal__body .tab-con .photo_wrap .info_box .list-1st li {position: relative; padding-left: 28px; padding-top: 19px;}
    .pop-container.pop-major .modal__body .tab-con .photo_wrap .info_box .list-1st li span{display:block;}
    .pop-container.pop-major .modal__body .tab-con .photo_wrap .info_box h3{padding-right:0}
    .pop-container.pop-major .modal__body .tab-con .photo_wrap .info_box .text_box{padding-right:0}
    .pop-container.pop-major .modal__body .tab-con .photo_wrap { margin-bottom: 0; padding-bottom: 60px;}

}

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

    .pop-container.pop-major .modal__body .modal-top .tag span { width: calc(50% - 23px);  margin: 0 3px 6px 3px;  text-align: center;}
    .pop-container.pop-major .modal__body .modal-top .tag span:first-child{margin-left:3px}

}

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

    .pop-container.pop-major .modal__body .modal-top .tag span{ width: calc(100% - 23px);}

}

.top_line {width:100%;height:1px;background:#dedede;font-size:0px;text-indent:-9999px;}
#major__wrap {margin-bottom:500px;}
#major__wrap .program--search {margin:45px 0 35px;}
#major__wrap .tab-ul {margin-bottom:25px;}
#major__wrap .infobox_type02 .inner .pic {width:281px;height:196px;}
#major__wrap .infobox_type02 .inner .txtwrap p span {display:inline-block;}
#major__wrap .major__search_wrap .major__search {position:absolute;width:464px;font-size:15px;top:50%;left:50%;transform:translate(-50%, -50%);}
#major__wrap .search--select span {margin:0 15px;font-weight:bold;line-height:36px;text-align:center;}
#major__wrap .major__search_wrap .major__search_summit #major_submit {width:100%;height:100%;padding:1px 11px;border:none;background:#4c4d59;color:#fff;text-align:left;}
#major__wrap .btn-default {border:none;background:#e45348;color:#fff;}
#major__wrap .btn-default:after {width:19px;height:16px;background:url(/images/kor/sub03/icon05.png) no-repeat center;}
#major__wrap .major__tap_wrap.tab01 .tab-ul.col4 li {width:20%;}

#major__wrap .infobox_type02 .inner {padding:48px;}
#major__wrap .infobox_type02 .inner .pic img {width:281px;height:196px;}
#major__wrap .infobox_type02 .inner .txtwrap {position:relative;padding-top:0;}
#major__wrap .infobox_type02 .inner .txtwrap a .tit {margin-bottom:8px;max-width:75%;font-weight:bold;font-size:22px;color:#0d1218;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;}
#major__wrap .infobox_type02 .inner .txtwrap a .tit span,
#major__wrap .infobox_type02 .inner .txtwrap p {font-size:15px;}
#major__wrap .infobox_type02 .inner .txtwrap a .tit span {display:block;color:#e54523;}
#major__wrap .infobox_type02 .inner .txtwrap .list_wrap {position:relative;min-height:22px;padding:2px 0;}
#major__wrap .infobox_type02 .inner .txtwrap .listtxt {position:absolute;top:50%;left:32px;transform:translateY(-50%);}
#major__wrap .infobox_type02 .inner .txtwrap .icon {position:absolute;top:50%;left:0;float:left;width:20px;height:21px;margin: 0 10px 0 0;transform:translateY(-50%);}
#major__wrap .infobox_type02 .inner .txtwrap .list_wrap p {padding-left:160px;}
#major__wrap .infobox_type02 .inner .txtwrap .list_wrap01 .icon {background:url(/images/kor/sub03/icon01.png) no-repeat center;}
#major__wrap .infobox_type02 .inner .txtwrap .list_wrap02 .icon {background:url(/images/kor/sub03/icon01.png) no-repeat center;}
#major__wrap .infobox_type02 .inner .txtwrap .list_wrap03 .icon {background:url(/images/kor/sub03/icon04.png) no-repeat center;}
#major__wrap .infobox_type02 .inner .txtwrap .list_wrap04 .icon {background:url(/images/kor/sub03/icon04.png) no-repeat center;}
#major__wrap .infobox_type02 .inner .txtwrap .list_wrap05 .icon {background:url(/images/kor/sub03/icon06.png) no-repeat center;}
#major__wrap .infobox_type02 .inner .txtwrap p {display:inline-block;margin:0;}
#major__wrap .infobox_type02 .inner .txtwrap p span {font-weight:bold;color:#180e0d;}
#major__wrap .infobox_type02 .inner .txtwrap .btn-primary.btn-icon {position:absolute;margin:0;width:100px;height:36px;padding:6px 12px;border:2px solid #e54523;background-color:transparent;color:#e54523;top:0;right:0;}
#major__wrap .infobox_type02 .inner .txtwrap .btn-primary.btn-icon:hover,
#major__wrap .infobox_type02 .inner .txtwrap .btn-primary.btn-icon:focus {background-color:#e54523;color:#fff;}
#major__wrap .infobox_type02 .inner .txtwrap .btn-primary.btn-icon .ir-arrow {width:7px;height:12px;background:url(/images/kor/sub03/arrow01.png) no-repeat center / cover;right:12px;transition:.3s;}
#major__wrap .infobox_type02 .inner .txtwrap .btn-primary.btn-icon:hover .ir-arrow,
#major__wrap .infobox_type02 .inner .txtwrap .btn-primary.btn-icon:focus .ir-arrow {background-image:url(/images/kor/sub03/arrow02.png)}
#major__wrap .program--search .search--select>span {margin-left:15px;border:none;background:transparent;font-size:15px;color:#0d1218;font-weight:bold;}

#major_detail__wrap .infobox {width:100%; padding:70px 0 55px 75px;margin-top:45px;}
#major_detail__wrap .infobox .inner {width:100%;max-width:initial;}
#major_detail__wrap .infobox .images {display:block;position:absolute;width:386px;height:384px;top:0;right:0;text-indent:-9999px;background-repeat:no-repeat;background-position:center;background-size:cover;}
#major_detail__wrap .infobox .inner .txtwrap .h-box::after {width:47px;left:0;}
#major_detail__wrap .infobox .inner .txtwrap ul li {padding-left:160px;}
#major_detail__wrap .major_h2_01 {margin: 50px 0 25px;}
#major_detail__wrap .major_h3_01 {margin: 20px 0 4px;}
#major_detail__wrap .mb_30 {margin-bottom:30px;}
#major_detail__wrap .major__tap_wrap.tab02 .tab-ul.col4 li {width:20%;}
#major_detail__wrap .table tbody>tr>th {background:#fff;font-weight:normal;}
#major_detail__wrap .list_col2 {padding:0 !important;}
#major_detail__wrap .list_col2 .table-bordered {border-color:transparent;}
#major_detail__wrap .list_col2 .ui-accordion--faq .accordion__button {border-left:none;border-right:none;}
#major_detail__wrap .bottom_line {padding-bottom:25px;margin-bottom:55px;border-bottom:1px dotted #7f7f7f;}
#major_detail__wrap .mt_20 {margin-top:40px;}
#major_detail__wrap .ui-accordion--faq .accordion__item {margin-bottom:0;}
#major_detail__wrap .ui-accordion--faq .table-bordered {border-bottom:1px solid transparent;}
#major_detail__wrap .table-icon.on{display:none !important}

@media screen and (max-width:1349px){
    #major__wrap .major__search_wrap > a {width:100%;height:35px;padding:5px;text-align:center;left:0;right:0;top:93px;transform:translate(0, 0);}
    #major__wrap .major__tap_wrap.tab01 .tab-ul.col4 li,
    #major_detail__wrap .major__tap_wrap.tab02 .tab-ul.col4 li {width:25%;}
    #major__wrap .infobox_type02 .inner {padding:48px 48px 104px 48px;}
    #major__wrap .infobox_type02 .inner .txtwrap a .tit {max-width:100%;}
    #major__wrap .infobox_type02 .inner .txtwrap .btn-primary.btn-icon {top:auto;right:auto;left:0;bottom:-56px;}
    #major_detail__wrap .infobox {padding: 70px 0 25px 75px;}
    #major_detail__wrap .infobox .images {width:100%;height:120px;}
    #major_detail__wrap .infobox .inner .txtwrap {margin-top:100px;}
    #major__wrap .major__tap_wrap {margin-top:70px;}
}
@media screen and (max-width:767px){
    #major__wrap .infobox_type02 .inner {padding: 48px 30px 104px 30px;}
    #major__wrap .major__tap_wrap.tab01 .tab-ul.col4 li,
    #major_detail__wrap .major__tap_wrap.tab02 .tab-ul.col4 li {width:33.33%;}
    #major_detail__wrap .infobox {padding: 70px 75px 25px 75px;}
    #major_detail__wrap .table-icon{z-index: 5;}
    /* #major_detail__wrap .table-icon {width:100%;height:24px;}
    #major_detail__wrap .table-icon .swipe-icon {width:auto;height:24px;margin:0 auto;text-align:center;} */
    #major__wrap .major__search_wrap .major__search {width:364px;}
    #major__wrap .major__search_wrap .major__search_bar input {width:200px;}
    #major_detail__wrap .ui-accordion--faq {width:995px;}

}
@media screen and (max-width:600px){
    #major__wrap .program--search .search--btn input[type="submit"] {padding:0;}
}
@media screen and (max-width:567px){
    #major__wrap .infobox_type02 .inner {padding:48px 30px 104px 30px;}
    #major__wrap .major__search_wrap .major__search {width:256px;}
    #major__wrap .major__search_wrap .major__search_bar input {width:150px;}
    #major__wrap .major__search_wrap .major__search_bar {margin:0 0 0 12px;}
    #major__wrap .major__search_wrap .major__search_summit {width:36px;font-size:0px;}
    #major__wrap .major__tap_wrap.tab01 .tab-ul.col4 li, #major_detail__wrap .major__tap_wrap.tab02 .tab-ul.col4 li {width:50%;}
    #major_detail__wrap .infobox {padding: 70px 30px 25px 30px;}
}
@media screen and (max-width:499px){
    #major__wrap .infobox_type02 .inner .txtwrap .list_wrap01 {margin-top:15px;}
    #major__wrap .infobox_type02 .inner .txtwrap .list_wrap ~ .list_wrap {margin-top:8px;}
    #major__wrap .infobox_type02 .inner .txtwrap .list_wrap p {width:100%;padding-left:0;line-height:inherit;}
    #major__wrap .infobox_type02 .inner .txtwrap .list_wrap p span {position:relative;margin-bottom:6px;left:auto;top:auto;transform:translateY(0);}
    #major__wrap .infobox_type02 .inner .txtwrap .list_wrap .listtxt {display:block;}
    #major_detail__wrap .infobox {padding:70px 30px 10px 30px;}
    #major_detail__wrap .infobox .inner .txtwrap ul li {padding-left:0;}
}
@media screen and (max-width:427px) {
    #major__wrap .major__search_wrap .major__search_bar label {font-size:12px;}
    #major__wrap .infobox_type02 .inner .pic {max-width:100%;}
    #major__wrap .infobox_type02 .inner .pic img {width:100%;height:auto;}
    #major__wrap .major__tap_wrap.tab01 .tab-ul.col4 li,
    #major_detail__wrap .major__tap_wrap.tab02 .tab-ul.col4 li {width:100%;}
    #major__wrap .major__tap_wrap.tab01 .tab-ul.type2 li a {height:40px;}
}



/* 캠퍼스 지도 보기 */
/*body {overflow-x:hidden;}*/
.map_tit {display:flex;position:relative;height:210px;background:url(/images/campus/sub03/map_tit_bg.png) no-repeat center bottom; text-align:center;align-items:center;justify-content:center;z-index:9999;}
.map_tit:after {content:"";position:absolute;width:202px;height:149px;background:url(/images/campus/sub03/pepe.png) no-repeat center;right:115px;bottom:-20px;}
.map_con_wrap {width:100%;height:100%;background:#f8f8f8;}
.map_con {position:relative;height:730px;background:url(/images/campus/sub03/map_con_bg.png?ver=20240320) no-repeat center;}
.map_con #tab_wrap,
.map_con #tab_wrap #con_wrap {position:absolute;width:100%;height:100%;top:0;left:0;}
.map_con #tab_wrap #menu_wrap {position:relative;width:401px;height:100%;margin:0 auto;}
.map_con #tab_wrap #menu_wrap .campus {position:absolute;width:58px;height:26px;border-radius:20px;background:#fff;color:#2b2d42;font-size:16px;font-weight:500;box-shadow:0 3px 5px rgba(0,0,0,.2);text-align:center;line-height:28px;}
.map_con #tab_wrap #menu_wrap .campus:hover,
.map_con #tab_wrap #menu_wrap .campus:focus {background:#ef3e30;color:#fff;outline:none;}
.map_con #tab_wrap #menu_wrap .campus.campus01 {top:109px;left:88px;}
.map_con #tab_wrap #menu_wrap .campus.campus02 {top:148px;left:-6px;}
.map_con #tab_wrap #menu_wrap .campus.campus03 {top:162px;left:127px;}
.map_con #tab_wrap #menu_wrap .campus.campus04 {top:255px;left:75px;}
.map_con #tab_wrap #menu_wrap .campus.campus05 {top:274px;left:132px;}
.map_con #tab_wrap #menu_wrap .campus.campus06 {top:378px;left:107px;}
.map_con #tab_wrap #menu_wrap .campus.campus07 {top:430px;right:122px;}
.map_con #tab_wrap #menu_wrap .campus.campus08 {top:441px;right:30px;}
.map_con #tab_wrap #menu_wrap .campus>span {position:absolute;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.3);box-shadow:0 3px 5px rgba(0,0,0,.2);}
.map_con #tab_wrap #menu_wrap .campus.campus01>span {top:118%;left:28%;}
.map_con #tab_wrap #menu_wrap .campus.campus02>span {top:0;right:-50%;}
.map_con #tab_wrap #menu_wrap .campus.campus03>span,
.map_con #tab_wrap #menu_wrap .campus.campus04>span,
.map_con #tab_wrap #menu_wrap .campus.campus05>span,
.map_con #tab_wrap #menu_wrap .campus.campus06>span,
.map_con #tab_wrap #menu_wrap .campus.campus07>span,
.map_con #tab_wrap #menu_wrap .campus.campus08>span {top:118%;left:25%;}
.map_con #tab_wrap #menu_wrap .campus>span:after {content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#fff;top:50%;left:50%;transform:translate(-50%, -50%);}
.map_con #tab_wrap #menu_wrap .campus:hover>span:after,
.map_con #tab_wrap #menu_wrap .campus:focus>span:after {background:#ef3e30;}
.map_con .click {display:inline-block;position:absolute;width:272px;height:40px;border-radius:20px;background:#5c607d;font-size:15px;color:#fff;line-height:40px;right:2%;bottom:2%;}
.map_con .click>span {display:inline-block;float:left;width:62px;height:25px;margin:7px 10px 0 20px;background:url(/images/campus/sub03/click.png);}
.map_con #tab_wrap #con_wrap .con {width:100%;height:100%;margin:0 auto;}
.map_con #tab_wrap #con_wrap .con>div {position:absolute;width:775px;height:603px;text-align:center;box-shadow:0 10px 15px rgba(0,0,0,.1);top:50%;left:50%;transform:translate(-50%, -50%);}
.map_con #tab_wrap #con_wrap .con>div .con_tit {height:56px;padding:11px 21px;background:#4a4f6f;text-indent:17px;}
.map_con #tab_wrap #con_wrap .con>div .con_tit h4 {display:inline-block;margin-top:10px;font-size:18px;font-weight:bold;color:#fff;text-align:center;}
.map_con #tab_wrap #con_wrap .con>div .con_tit .close {position:relative;width:35px;height:35px;border-radius:50%;background:#fff;font-size:0px;opacity:1;text-indent:-9999px;}
.map_con #tab_wrap #con_wrap .con>div .con_tit .close:before,
.map_con #tab_wrap #con_wrap .con>div .con_tit .close:after {content:"";position:absolute;width:19px;height:1px;background:#4a4f6f;left:50%;top:50%;}
.map_con #tab_wrap #con_wrap .con>div .con_tit .close:before {transform:translate(-50%, -50%) rotate(45deg);}
.map_con #tab_wrap #con_wrap .con>div .con_tit .close:after {transform:translate(-50%, -50%) rotate(-45deg);}
.map_con #tab_wrap #con_wrap .con>div .con_sub {height:547px;background:#fff;overflow-y:scroll;}
.map_con #tab_wrap #con_wrap .con>div .con_sub .list {display:flex;flex-wrap:wrap;justify-content: flex-start;}
.map_con #tab_wrap #con_wrap .con>div .con_sub .list .item {width: 31.333%; height:51px; margin: 0 1%;margin-bottom:15px;}
.map_con #tab_wrap #con_wrap .con>div .con_sub .list .item a {display:block;width:100%;height:100%;padding:10px 30px;}
.map_con #tab_wrap #con_wrap .con>div .con_sub .group{text-align:left;padding:20px 0;border-top: 1px solid #ddd;}
.map_con #tab_wrap #con_wrap .con>div .con_sub .group:first-child{border-top:none;}
.map_con #tab_wrap #con_wrap .con>div .con_sub .group .list{padding:0}
.map_con #tab_wrap #con_wrap .con>div .con_sub .group .list .item a {display:block;width:100%;height:100%;margin: 0;padding: 8px 30px;text-align:center;border-radius:30px;background:#f6f6f6;}
.map_con #tab_wrap #con_wrap .con>div .con_sub .group .list .item img{display:inline-block; max-width:170px; height: 32px;}
.map_con #tab_wrap #con_wrap .con>div .con_sub .list .item a:hover,
.map_con #tab_wrap #con_wrap .con>div .con_sub .list .item a:focus {border:2px solid #5c607d;background:#fff;box-sizing:border-box;box-shadow:0 3px 5px rgba(0,0,0,.1);}


#tab_wrap .modal {overflow-y:hidden;}
#tab_wrap .modal-backdrop {position:absolute;width:100%;height:100%;background-color: #f8f8f8;}
#tab_wrap .modal-backdrop.in {opacity:1;}


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

    .map_tit:after {width:140px;height:103px;background-size:cover;right:20px;bottom:-15px;}
    .map_tit img {width:320px;}
    .map_con #tab_wrap #con_wrap .con {padding:50px;height:100%;}
    .map_con #tab_wrap #con_wrap .con>div {width:100%;height:100%;margin:0 auto;}
    .map_con #tab_wrap #con_wrap .con>div .con_sub {height:calc(100% - 56px);}
    .map_con #tab_wrap #con_wrap .con>div .con_sub .list {display:block;overflow-y:scroll;height:100%;text-align:center;}
    .map_con #tab_wrap #con_wrap .con>div .con_sub .list .item {display:inline-block; float:left}
}
@media screen and (max-width:1299px) {
    .map_con #tab_wrap #con_wrap .con>div .con_sub .list {padding:45px 20px;}
    .map_con #tab_wrap #con_wrap .con>div .con_sub .list .item {display:inline-block; width:40%;margin-left:10px;margin-right:10px;width: calc(50% - 20px)}
}
@media screen and (max-width:767px) {
    /* .map_tit {height:240px;} */
    .map_tit:after {display:none;}
    .map_con #tab_wrap #con_wrap .con>div .con_sub .list {padding:30px 20px;}
    .map_con #tab_wrap #con_wrap .con>div .con_sub .list .item {width:80%; float:none}
}
@media screen and (max-width:519px) {

    .map_tit {background-size:cover;}
    .map_con {background-size:335px 535px;}
    .map_con #tab_wrap #menu_wrap {width:335px;}
    .map_con #tab_wrap #menu_wrap .campus {width:45px;font-size:15px;}
    .map_con #tab_wrap #menu_wrap .campus>span {width:20px;height:20px;}
    .map_con #tab_wrap #menu_wrap .campus>span:after {width:8px;height:8px;}
    .map_con #tab_wrap #menu_wrap .campus.campus01 {top:156px;left:80px;}
    .map_con #tab_wrap #menu_wrap .campus.campus02 {top:194px;left:6px;}
    .map_con #tab_wrap #menu_wrap .campus.campus03 {top:198px;left:110px;}
    .map_con #tab_wrap #menu_wrap .campus.campus04 {top:280px;left:65px;}
    .map_con #tab_wrap #menu_wrap .campus.campus05 {top:286px;left:116px;}
    .map_con #tab_wrap #menu_wrap .campus.campus06 {top:370px;left:95px;}
    .map_con #tab_wrap #menu_wrap .campus.campus07 {top:415px;right:100px;}
    .map_con #tab_wrap #menu_wrap .campus.campus08 {top:420px;right:35px;}
    .map_con #tab_wrap #con_wrap .con {padding:30px;}
    .map_con .click {right:50%;transform:translateX(50%);}
    .tab-ul.type2 li a {font-size:13.5px;}
}

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

    .map_tit {height:180px;}
    .sub03_02_01 #body_layout .body_wrap.layout {padding-left:0;padding-right:0;}
    /* .page__title {margin:0 25px 25px 25px;} */
    /* .tab-ul {margin:0 25px;} */
    .map_con #tab_wrap #con_wrap .con>div .con_sub .list .item {width:100%;margin-left:0;margin-right:0;}
}

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

    .map_con {height:520px;background-size:270px 430px;}
    .map_con #tab_wrap #con_wrap .con>div {padding:0;}
    .map_con #tab_wrap #menu_wrap {width:270px;}
    .map_con #tab_wrap #menu_wrap .campus.campus01 {top:82px;left:60px;}
    .map_con #tab_wrap #menu_wrap .campus.campus02 {top:122px;left:-8px;}
    .map_con #tab_wrap #menu_wrap .campus.campus03 {top:110px;left:94px;}
    .map_con #tab_wrap #menu_wrap .campus.campus04 {top:170px;left:50px;}
    .map_con #tab_wrap #menu_wrap .campus.campus05 {top:188px;left:90px;}
    .map_con #tab_wrap #menu_wrap .campus.campus06 {top:245px;left:72px;}
    .map_con #tab_wrap #menu_wrap .campus.campus07 {top:274px;right:78px;}
    .map_con #tab_wrap #menu_wrap .campus.campus08 {top:290px;right:18px;}
    .map_con .click {width:265px;}
}

.campus-section{width:100%;}

.campus-section .inner{position: relative;max-width:1332px;width:100%;margin:0 auto;}
.campus-title .inner{padding:93px 0;}
.campus-article{background-color:#f3f4f6}
.campus-article .inner{padding:98px 0 130px;}

/* 1029 /kor/sub04_03_01_01.do tab-menu  */

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

    .sub04_03_01_01 .tab-ul.tabmenu li{width:33.3333%; max-width:33.3333%}

}

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

    .sub04_03_01_01 .tab-ul.tabmenu li{width:50%; max-width:50%}
   
}

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

    .sub04_03_01_01 .tab-ul.tabmenu{margin:0}

}

/* 1029 table -icon */
.table-responsive{position:relative}
.table-responsive .table-icon{position:absolute; top:50px; left:50%; transform:translate(0,-50%); height: 50px; width: 50px; background-color: #fff; border-radius: 50%; box-shadow: 0 0 15px rgba(0,0,0,0.3);}
.table-icon *{display:inline-block; width:50px; height:50px;}
.table-icon .swipe-icon{position:absolute; top:15px; left:19%; overflow:visible; animation: hand-move 3s ease-out infinite; }
.table-icon .swipe-icon .swipe-arrow{animation:pulse-arrow 3s ease-out infinite;}
/* .table-icon path{fill:#3497a8;} */
@keyframes hand-move{

    0%, 100%{transform:translateX(0)}
    50%{transform:translateX(15px)}
}

@keyframes pulse-arrow{

    0%{opacity:1; transform:translateX(0)}
    50%{opacity:1; transform:translateX(.25em)}
    75%{opacity:1; transform:translateX(.25em)}
    100%{opacity:1; transform:translateX(0)}
}

/* /kor/sub05_02_04_01.do tab-menu */

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

    .sub05_02_04_01 .tab-ul.tabmenu li{width:50%; max-width:50%}

}

/* sub05_06_02_01.do tab-menu*/

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

    .sub05_06_02_01 .tab-ul.tabmenu li, .sub06_06_01_01 .tab-ul.tabmenu li,.sub06_06_06_01 .tab-ul.tabmenu li{width:50%; max-width:50%}

}

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

    .sub05_06_02_01 .tab-ul.tabmenu li, .sub06_06_01_01 .tab-ul.tabmenu li,.sub06_06_06_01 .tab-ul.tabmenu li{width:100%; max-width:100%}

}

/* uston /kor/sub06_02.do  */
#ust-story{ padding:0 127px; height:920px}
#ust-story .slide-wrap{position:relative; width:100%; height:100%; max-width:1800px; margin:0 auto;}
#ust-story .slide-wrap:after{content:''; display:inline-block; width:149px; height:114px; position:absolute;top: -99px; right:10px; background: url(/images/kor/sub06/ust_on.png) no-repeat center;}
#ust-story .slide-wrap .slide-arrow{display:inline-block; width:52px; height:52px; position:absolute; top:50%; transform: translate(0,-50%); border-radius: 50%;}
#ust-story .slide-wrap .slide-arrow i{color:#fff; position:relative; display:inline-block; font-size: 30px;  }
#ust-story .slide-wrap .slide-arrow.prev{background-color:#333333; left:-86px}
#ust-story .slide-wrap .slide-arrow.prev i{right: 2px;}
#ust-story .slide-wrap .slide-arrow.next{background-color:#e53123; right:-86px}
#ust-story .slide-wrap .slide-arrow.next i{left: 2px;}
#ust-story .slide-inner{width:100%; height:100%;}
#ust-story .slide-inner:after{content:''; display:block; clear:both}
#ust-story .slide-inner .slide-item{ height:100%; padding:24px; float:left}
#ust-story .slide-inner .slide-item:nth-child(odd){background-color:#fff}
#ust-story .slide-inner .slide-item:nth-child(even){background-color:#f6f6f6}
#ust-story .slide-inner .slide-item .s-tit strong{display:block; width:100%; padding:15px; margin-bottom:24px; text-align: center; color:#fff; font-size: 18px;  border-radius:15px; white-space: nowrap; }
#ust-story .slide-inner .slide-item:nth-child(odd) .s-tit strong{background-color:#e53123}
#ust-story .slide-inner .slide-item:nth-child(even) .s-tit strong{background-color: #2e3e73}

#ust-story .slide-inner .slide-item .s-con{overflow: hidden; height:100%; max-height:787px}
/* 슬라이드 영역 너비값 */
#ust-story .slide-inner .slide-item .ust-on{position:relative; width:100%; max-width:100%; height:calc(50% - 12px); overflow: hidden; margin-bottom:24px}
#ust-story .slide-inner .slide-item .ust-on:after{content:''; display:block; clear:both}
#ust-story .slide-inner .slide-item .ust-on li{position:absolute; top:0; left:0; width: 100%; height:100%; float:left; margin-left: 1px; border:2px solid transparent;}

#ust-story .slide-inner .slide-item .link{position:relative; display:block; width:100%; height:100%; border-radius: 10px; border:1px solid #e6e6e6; overflow: hidden; }
#ust-story .slide-inner .slide-item .link .thm{width:100%; height:240px;}
#ust-story .slide-inner .slide-item .link .thm > div{width:100%; height:100%;overflow: hidden; position:relative}
#ust-story .slide-inner .slide-item .link .thm img{display:block; position:relative; width:auto; max-width:none; height:100%; position: absolute; top: 0; left: 50%; transform: translateX(-50%); }

#ust-story .slide-inner .slide-item .link .text_box{ height: calc(100% - 240px); padding:20px;}
#ust-story .slide-inner .slide-item:nth-child(odd) .link .text_box{background-color:#f9f4f4}
#ust-story .slide-inner .slide-item:nth-child(even) .link .text_box{background-color:#fff}

#ust-story .slide-inner .slide-item .link .text_box [class*=sns]{color:#333}
#ust-story .slide-inner .slide-item .link .text_box h3{padding:6px 0 15px 0; font-size: 15px; color: #df3127; border:0; font-weight: bold;}
#ust-story .slide-inner .slide-item .link .text_box .con{ width: 100%; transition:all 0.4s; line-height: 1.2;}
#ust-story .slide-inner .slide-item .link .text_box .con [class*=sns]{position: relative; }
#ust-story .slide-inner .slide-item .link .text_box .con .sns_tit{ position:static;display: -webkit-box; -webkit-line-clamp: 1; -webkit-box-orient: vertical; overflow: hidden; text-overflow: ellipsis; font-weight: bold; }
#ust-story .slide-inner .slide-item .link .text_box .con .sns_like, #ust-story .slide-inner .slide-item .link .text_box .con .sns_data{position:relative; top: 15px;display:inline-block; padding-left:20px}
#ust-story .slide-inner .slide-item .link .text_box .con .sns_like:before,#ust-story .slide-inner .slide-item .link .text_box .con .sns_data:before{content:''; display:inline-block; width:17px; height:13px; background:url(/images/kor/sub06/s7_ico.png) no-repeat; position:absolute; top:50%; left:0%; margin-top: -4.5px;}

#ust-story .slide-inner .slide-item .link .text_box .con .sns_data{ }
#ust-story .slide-inner .slide-item .link .text_box .con .sns_data:before{ width:14px; background-position: -79px -35px;}
#ust-story .slide-inner .slide-item .link .text_box .con .sns_like{float: right;}
#ust-story .slide-inner .slide-item .link .text_box .con .sns_like:before{background-position: -109px -35px;}
#ust-story .more{
  width: 96px;
  background-color: #e83421;
  color: #fff;
  border-radius: 5px;
  font-weight: bold;
  padding: 10px 25px;
  margin-left: 5px;
  display: none;
}
@media screen and (max-width:1023px){
  #ust-story{padding: 0 10px;height: 540px; }
  #ust-story .s-con .ust-on{display: none;}
  #ust-story .s-con .ust-on:first-child{display: block;}
  #ust-story .slide-inner .slide-item .ust-on{height: 370px;}
  #ust-story .slide-inner .slide-item .link .text_box{height: 170px;}
  #ust-story .slide-inner .slide-item .ust-on li{height: 370px;}
  #ust-story .slide-wrap .slide-arrow.prev{left:0px;}
  #ust-story .slide-wrap .slide-arrow.next{right:0px;}
  #ust-story .slide-wrap .slide-arrow{top:-33%}
  #ust-story .slide-inner .slide-item .ust-on{margin-bottom: 5px;}
  #ust-story .more{display: none;}
 }



 /* google 통합검색 kor/sitemap_05.do */

 #search_page #search_title{display:inline-block; position:relative; z-index:10; padding-right:1.5em; font-weight:600; font-size:1.8em; color:#015eaa; background-color:#fff;}
#search_page #search_title span{display:inline-block; position:relative; padding-right:1.6em;}
#search_page #search_title span:after{content:""; display:block; position:absolute; right:calc(0.8em - 1px); top:calc(50% - 0.4em); width:2px; height:0.8em; background-color:#ddd;}



#search_page .box_group{position:relative;}
#search_page .box_group:before{content:""; display:none; position:absolute; right:calc(16.375em + 3em); top:0; width:1px; height:100%; background-color:#eaedf1;}
#search_page .box_group:after{content:""; display:block; clear:both;}
#search_page .box_left{float:left; width:100%;}
#search_page .box_left h3:first-child{margin-top:0;}
#search_page .box_right{float:right; width:16.375em;}
#search_page h3{overflow:hidden; position:relative;}
#search_page h3:after{content:""; display:block; position:absolute; left:0; top:50%; z-index:0; width:200%; height:1px; background-color:#eaedf1;}
#search_page h3 span{position:relative; z-index:10; padding-right:1.5em; background-color:#fff;}
#search_page .viewbox{}
#search_page .viewbox>ul>li{position:relative; padding:2em;}
#search_page .viewbox>ul>li:not(:first-child){border-top:1px dashed #eaedf1;}
#search_page .viewbox>ul>li:after{content:""; display:block; clear:both;}
#search_page .viewbox>ul>li>.photos{float:left; display:block; width:7.5em; height:9.375em; background-repeat:no-repeat; background-position:center center; background-size:cover;}
#search_page .viewbox>ul>li>.photos img{opacity:0; display:block; width:100%;}
#search_page .viewbox>ul>li>.lay{float:right; width:100%;}
#search_page .viewbox>ul>li>.photos+.lay{width:calc(100% - 7.5em - 3em);}
#search_page .viewbox>ul>li>.lay>strong{display:block; font-size:1.5em; color:#282b2e;}
#search_page .viewbox>ul>li>.lay>strong span{opacity:0.5; font-size:0.6em;}
#search_page .viewbox>ul>li>.lay>ul{margin-top:0.5em;}
#search_page .viewbox>ul>li>.lay>ul>li{padding:0.2em 0; font-size:0.9em; color:#282b2e;}
#search_page .viewbox>ul>li>.lay>.link{display:block; position:relative; margin-top:1.2em; font-size:0.9em;}
#search_page .viewbox>ul>li>.lay>strong+.link{margin-top:0.6em;}
#search_page .viewbox>ul>li>.lay>.link a{display:inline-block; position:relative; padding-bottom:0.3em; color:#1155a7;}
#search_page .viewbox>ul>li>.lay>.link a:after{content:""; display:block; position:absolute; left:0; bottom:0; width:100%; height:1px; background-color:#e83421;}

#search_page .viewbox.maps>ul{padding-left:2em;}
#search_page .viewbox.maps>ul:after{content:""; display:block; clear:both;}
#search_page .viewbox.maps>ul>li{display:block; float:left; margin-right:1em; padding:2em 0;}
#search_page .viewbox.maps>ul>li:not(:first-child){border-top:none;}
#search_page .viewbox.maps>ul>li .map_card{display:block; width:100%; height:100%; padding:1em; border:1px solid #ddd;transition:all 0.3s ease;-webkit-transition:all 0.3s ease;}
#search_page .viewbox.maps>ul>li .map_card>.photos{display:block; width:100%; background-image:url(/site/kr/img/layout/map_sample.jpg); background-repeat:no-repeat; background-position:center center; background-size:cover;}
#search_page .viewbox.maps>ul>li .map_card>.photos img{display:block; width:100%;}
#search_page .viewbox.maps>ul>li .map_card>span:not(.photos){display:block; position:relative; padding:1em 0.5em 3em 0.5em;}
#search_page .viewbox.maps>ul>li .map_card>span:not(.photos):after{content:""; display:block; position:absolute; right:1em; bottom:1em; width:1.8em; height:1em; background:url(/site/kr/img/layout/btn_arrow_b.svg) no-repeat center center; background-size:100% auto;}
#search_page .viewbox.maps>ul>li .map_card>span:not(.photos)>strong{display:block; font-size:1.5em; color:#282b2e;}
#search_page .viewbox.maps>ul>li .map_card>span:not(.photos)>span{display:block; font-size:0.9em; color:#282b2e;}
#search_page .viewbox.maps>ul>li .map_card:hover{box-shadow:3px 3px 3px rgba(0,0,0,0.1);-webkit-box-shadow:3px 3px 3px rgba(0,0,0,0.1);}

#search_page .viewbox.maps>ul>li{width:calc((100% - 2em) / 3);}
#search_page .viewbox.maps>ul>li:nth-child(3n+3){margin-right:0;}

#search_page .box_left .viewbox.maps>ul>li{width:calc((100% - 1em) / 2);}
#search_page .box_left .viewbox.maps>ul>li:nth-child(2n+2){margin-right:0;}

#search_page .box_right .photos:before,
#search_page .box_right .files:before{display:block; font-weight:500; font-size:1.3em; color:#282b2e;}
#search_page .box_right .photos:before{content:"�̹��� �˻����";}
#search_page .box_right .files:before{content:"÷������ �˻����";}

#search_page .box_right .photos{}
#search_page .box_right .photos li{padding:1em 0 0 0;}
#search_page .box_right .photos li img{display:block; width:100%;}

#search_page .box_right .photos+.files{margin-top:4em;}
#search_page .box_right .files li{border-bottom:1px solid #d7d7dc;}
#search_page .box_right .files li a{display:block; position:relative; padding:0.5em 3em 0.5em 1em; font-size:0.9em;}
#search_page .box_right .files li a:after{content:""; display:block; position:absolute; right:1em; top:calc(50% - (1.4em / 2)); width:1.4em; height:1.4em; background-repeat:no-repeat; background-position:center center; background-size:130% auto;
	border-radius:50%;-webkit-border-radius:50%;}
#search_page .box_right .files li a.pdf:after{background-color:#c11e08; background-image:url(/site/kr/img/skin/icon_down_6.png);}
#search_page .box_right .files li a.hwp:after{background-color:#1a90d0; background-image:url(/site/kr/img/skin/icon_down_5.png);}
#search_page .box_right .files li a.wd:after{background-color:#1f4d94; background-image:url(/site/kr/img/skin/icon_down_4.png);}
#search_page .box_right .files li a.img:after{background-color:#5b5b5b; background-image:url(/site/kr/img/skin/icon_down_3.png);}
#search_page .box_right .files li a.ppt:after{background-color:#cf4223; background-image:url(/site/kr/img/skin/icon_down_2.png);}
#search_page .box_right .files li a.ex:after{background-color:#327a47; background-image:url(/site/kr/img/skin/icon_down_1.png);}

#search_page .gsc-positioningWrapper{margin-bottom:2em;}
#search_page .gsc-tabHeader{line-height:2.6em;padding: 0 3em;font-weight:500;font-size: 1.2em;}
#search_page .gsc-adBlock{display:none !important;}
#search_page .cse .gsc-control-cse,
#search_page .gsc-control-cse{padding:0; font-size:16px;}
#search_page .gsc-results.gsc-webResult .gsc-expansionArea{font-size:2em;}
#search_page .gsc-results.gsc-webResult .gsc-result{padding:1em 0;}
#search_page .gsc-results.gsc-webResult .gsc-result:not(:first-child){border-top:1px dashed #ddd;}
#search_page .gsc-above-wrapper-area .gsc-result-info{display:none;}
#search_page .gsc-control-cse .gsc-results.gsc-webResult .gs-spelling,
#search_page .gsc-control-cse .gsc-results.gsc-webResult .gs-title,
#search_page .gsc-control-cse .gsc-results.gsc-webResult .gs-title *{margin-bottom:0em; font-weight:500; font-size:0.85em; text-decoration:none; color:#282b2e;}
#search_page .gsc-control-cse .gsc-results.gsc-webResult .gs-title *{font-size:1em;}
#search_page .gsc-results.gsc-webResult a.gs-visibleUrl,
#search_page .gsc-results.gsc-webResult .gs-visibleUrl{margin-bottom:0.5em; font-size:0.4em; color:#1155a7;}
#search_page .gsc-preview-reviews,
#search_page .gsc-control-cse .gsc-results.gsc-webResult .gs-snippet,
#search_page .gsc-control-cse .gsc-results.gsc-webResult .gs-promotion em,
#search_page .gsc-control-cse .gsc-results.gsc-webResult .gs-snippet,
#search_page .gsc-control-cse .gsc-results.gsc-webResult .gs-promotion em{font-size:1.2em;}

#search_page .gs-web-image-box,
#search_page .gcsc-more-maybe-branding-root>a{display:none !important;}
#search_page .gcsc-branding>a{font-size:11px;}

#ui-datepicker-div{z-index:999!important;}



 /* google 통합검색추가수정 */
 #search_page  .gsst_a .gscb_a,.gsib_b{display:none}
 #search_page .gsc-search-box-tools .gsc-search-box tr:first-child{position:relative}
 #search_page .gsc-search-box-tools .gsc-search-box .gsc-input{width:100%}
 #search_page  table.gsc-search-box td.gsc-search-button{position:absolute;right:0;top:0; width:80px; text-align: center;  background-color:#e83421; border-radius: 5px; height:100%;}
 #search_page  table.gsc-search-box td.gsc-input{padding-right: 0;}

 #search_page  .gsc-search-button-v2{border-color: transparent; margin-top: 4px; background-color:#e83421}
 #search_page  .gsc-input-box{padding-right:50px}
 
 #search_page .gsc-tabHeader.gsc-tabhActive{ border-bottom: 2px solid #e83421; color: #e83421; font-weight: bold;}
 #search_page .gsc-results.gsc-webResult .gs-visibleUrl span, #search_page .gcsc-find-more-on-google span{color:#e83421}
 #search_page .gcsc-find-more-on-google span{}
 #search_page .gcsc-branding{text-align: right;}
 #search_page .gcsc-branding .gcsc-branding-clickable{display:inline-block}

 #search_page .gcsc-more-maybe-branding-box{display:none}
 #search_page .gcsc-find-more-on-google-magnifier path{fill:#e83421}

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

    #search_page .gsc-tabsArea{}
    #search_page .gsc-tabHeader{font-size: 16px; padding:0}
     
 }


 /* sub_03_03 layer popup (/kor/popup-sample.do) */

 #ajaxLayer{}
 #ajaxLayer #top_layout, #ajaxLayer .page__title, #ajaxLayer .content-info{display:none}
 #txt:after{content:''; display:block; clear:fix}
 #ajaxLayer .body_wrap{padding:0}

#pop-layer{width:100%; min-height:100vh;max-width:100%; background-color:rgba(0,0,0,0.7) ; position: relative;}
#pop-layer .layer-inner{padding:84px 77px 32px;}
#pop-layer .top-tit{ font-weight: bold;font-size: 36px; color:#fff; text-align: center; font-family: 'score';}
#pop-layer .sub-tit{ margin-top: 8px ;font-size: 18px; color:#d9d8d9; display:block; font-weight: 500; font-family: 'gothic','Malgun Gothic','맑은 고딕',Dotum,'돋움',Helvetica,"Apple SD Gothic Neo","애플 SD 산돌고딕 Neo",sans-serif;}

#pop-layer .board--card--list{display:block; width:100%; max-width:1770px; margin: 0 auto; }
#pop-layer .board--card--list .obj{display:flex; position:relative; flex-wrap:wrap; width:100%;}
#pop-layer .board--card--list .obj .col{border:3px solid transparent; min-height:197px; width:100%; max-width:20%}

#pop-layer .board--card--list.n1 .obj,#pop-layer .board--card--list.n2 .obj,#pop-layer .board--card--list.n3 .obj,#pop-layer .board--card--list.n4 .obj{justify-content: center;}

#pop-layer .board--card--list.n5 .obj,#pop-layer .board--card--list.n6 .obj,#pop-layer .board--card--list.n7 .obj,#pop-layer .board--card--list.n8 .obj,#pop-layer .board--card--list.n9 .obj,#pop-layer .board--card--list.n10 .obj,#pop-layer .board--card--list.n11 .obj,#pop-layer .board--card--list.n12 .obj,#pop-layer .board--card--list.n13 .obj,#pop-layer .board--card--list.n14 .obj,#pop-layer .board--card--list.n15 .obj,#pop-layer .board--card--list.n16 .obj{justify-content: flex-start;}
#pop-layer .board--card--list.n5 .col,#pop-layer .board--card--list.n6 .col,#pop-layer .board--card--list.n7 .col,#pop-layer .board--card--list.n8 .col,#pop-layer .board--card--list.n9 .col,#pop-layer .board--card--list.n10 .col,#pop-layer .board--card--list.n11 .col,#pop-layer .board--card--list.n12 .col,#pop-layer .board--card--list.n13 .col,#pop-layer .board--card--list.n14 .col,#pop-layer .board--card--list.n15 .col,#pop-layer .board--card--list.n16 .col{max-width:20%;}


#pop-layer .board--card--list .obj .col .layer-con{max-width:310px; margin: 0 auto; margin-top: 30px;}
#pop-layer .board--card--list .obj .col .mj-tit{display:block;padding:14px 17px;}
#pop-layer .board--card--list .obj .col .mj-tit span{color:#ffffff; font-family: 'score'; font-size: 18px; display:-webkit-box; -webkit-box-orient:vertical; -webkit-line-clamp:1; text-overflow: ellipsis; overflow:hidden}


#pop-layer .board--card--list .obj .col:nth-child(2n) .mj-tit{background-color: #666573;}
#pop-layer .board--card--list .obj .col:nth-child(2n-1) .mj-tit{background-color: #da4536;}

#pop-layer .board--card--list .obj .col .list-1st{margin: 0; height:151px; overflow-y: auto;  overflow-x: hidden;}
#pop-layer .board--card--list .obj .col .list-1st li{ position:relative; padding-left: 32px; min-height:71px; border-bottom: 1px solid rgba(255,255,255,0.2) ; display:table; width:100%}
#pop-layer .board--card--list .obj .col .list-1st:after,#pop-layer .board--card--list .obj .col .list-1st li:after{content:''; display:block; clear:both}
#pop-layer .board--card--list .obj .col .list-1st li:before{background:#fff; top:50%; transform: translateY(-50%); left:17px}
#pop-layer .board--card--list .obj .col .list-1st li a{display:table-cell; padding: 8px 0; color:#fff; font-size: 15px; line-height: 1.3; vertical-align: middle;}
#pop-layer .board--card--list .obj .col .list-1st li a .sm-txt{display:-webkit-box; -webkit-line-clamp: 2; text-overflow: ellipsis; overflow: hidden; -webkit-box-orient: vertical;}

#pop-layer .modal__close{width:56px; height: 56px; position:absolute ;right:76px; top:67px}
#pop-layer .modal__close button{display:block; width: 100%; height:100%; }
#pop-layer .modal__close button:before,#pop-layer .modal__close button:after{content: ''; display:inline-block; background-color:#fff; position:absolute;top:50%; left:50%}
#pop-layer .modal__close button:before{ width:1px; height:100%; transform: rotate(-45deg); margin-top: -28px;}
#pop-layer .modal__close button:after{width:100%; height:1px; transform: rotate(135deg); margin-left: -28px;}
#pop-layer .modal__close button span{text-indent: -9999px; display:block;}



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

    #pop-layer .board--card--list .obj .col{margin: 0 1%; min-width:25%;}
    #pop-layer .board--card--list.n1 .obj .col{max-width:50%}
    #pop-layer .board--card--list.n2 .obj .col{max-width:48%}
    #pop-layer .board--card--list.n3 .obj .col{max-width:30%;}
    #pop-layer .board--card--list .obj .col .layer-con{max-width: 100%;}

    #pop-layer .board--card--list.n4 .obj .col,#pop-layer .board--card--list.n5 .col,#pop-layer .board--card--list.n6 .col,#pop-layer .board--card--list.n7 .col,#pop-layer .board--card--list.n8 .col,#pop-layer .board--card--list.n9 .col,#pop-layer .board--card--list.n10 .col,#pop-layer .board--card--list.n11 .col,#pop-layer .board--card--list.n12 .col,#pop-layer .board--card--list.n13 .col,#pop-layer .board--card--list.n14 .col,#pop-layer .board--card--list.n15 .col,#pop-layer .board--card--list.n16 .col{max-width:23%}

    #pop-layer .modal__close{width: 30px; height: 30px; right: 36px; top: 28px;}
    #pop-layer .modal__close button:before{margin-top: -15px;}
    #pop-layer .modal__close button:after{margin-left: -15px;}
    
}

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

    #pop-layer .board--card--list.n4 .obj{justify-content: flex-start;}
    #pop-layer .board--card--list.n4 .obj .col,#pop-layer .board--card--list.n5 .col,#pop-layer .board--card--list.n6 .col,#pop-layer .board--card--list.n7 .col,#pop-layer .board--card--list.n8 .col,#pop-layer .board--card--list.n9 .col,#pop-layer .board--card--list.n10 .col,#pop-layer .board--card--list.n11 .col,#pop-layer .board--card--list.n12 .col,#pop-layer .board--card--list.n13 .col,#pop-layer .board--card--list.n14 .col,#pop-layer .board--card--list.n15 .col,#pop-layer .board--card--list.n16 .col{max-width:31%}
     
}

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

    #pop-layer .board--card--list.n1 .obj .col{max-width:80%}
    #pop-layer .board--card--list.n3 .obj{justify-content: flex-start;}
    #pop-layer .board--card--list.n3 .obj .col,#pop-layer .board--card--list.n4 .obj .col,#pop-layer .board--card--list.n5 .col,#pop-layer .board--card--list.n6 .col,#pop-layer .board--card--list.n7 .col,#pop-layer .board--card--list.n8 .col,#pop-layer .board--card--list.n9 .col,#pop-layer .board--card--list.n10 .col,#pop-layer .board--card--list.n11 .col,#pop-layer .board--card--list.n12 .col,#pop-layer .board--card--list.n13 .col,#pop-layer .board--card--list.n14 .col,#pop-layer .board--card--list.n15 .col,#pop-layer .board--card--list.n16 .col{max-width:48%}

}

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

    #pop-layer .layer-inner{padding:84px 20px}

    #pop-layer .board--card--list.n1 .obj .col,  #pop-layer .board--card--list.n2 .obj .col,#pop-layer .board--card--list.n3 .obj .col,#pop-layer .board--card--list.n4 .obj .col,#pop-layer .board--card--list.n5 .col,#pop-layer .board--card--list.n6 .col,#pop-layer .board--card--list.n7 .col,#pop-layer .board--card--list.n8 .col,#pop-layer .board--card--list.n9 .col,#pop-layer .board--card--list.n10 .col,#pop-layer .board--card--list.n11 .col,#pop-layer .board--card--list.n12 .col,#pop-layer .board--card--list.n13 .col,#pop-layer .board--card--list.n14 .col,#pop-layer .board--card--list.n15 .col,#pop-layer .board--card--list.n16 .col{max-width:100%; margin: 0;}

}

/* did style.css 1229 */


/* 22-08-23 심리검사 css추가  */
.s050302.sTest .top_title .title_inner:after,.s050302.sTest .top_title .title_inner:before{display: none;}
.s050302.sTest .top_title{min-height: auto;margin-bottom: 50px;}
.s050302.sTest .top_title .title_inner{padding: 30px 0;}
.s050302.sTest .radio-inline{
  padding: 0;
  line-height: 1;
  vertical-align: top;
      padding: 0px 5px;
}
.s050302.sTest .radio-inline input[type=radio]{
  margin-left: 0px;
    margin-right: 0px;
}
.s050302.sTest2 .radio-inline{
  display: flex;
    align-items: baseline;
    justify-content: flex-start;
    padding-left: 0;
    
}
.s050302.sTest2 .radio-inline input[type=radio]{
  margin-left: 0px;
    margin-right: 8px;
}
.s050302.sTest .desc{
  display: flex;
  align-items: center;
  justify-content: flex-end;
  flex-wrap: wrap;
}
.s050302.sTest .desc li {margin-left: 15px;}
.s050302.sTest .desc li span{
  font-size: 15px;
  color: #727272;
}
.s050302.sTest .desc li span em{
  font-weight: bold;
  color: #ee402e;
  font-size: 15px;

}
.s050302.sTest .result_btn{
  display: block;
  margin: 15px auto;
  padding: 12px 19px;
  text-align: center;


}
@media only screen and (max-width: 767px){
  .s050302.sTest .table-responsive .table {
    width: 767px;
}
}

.extract{
  display: block;
 
  padding-bottom: 20px;
   display: block;
    font-size: 16px;
    font-family: 'score';
    text-align: right;
}

/* 소개 - 위원회안내 */
@media screen and (max-width:1200px){
    .sub01_02_02_01 .tab-ul.tabmenu li{width:33.3333%; max-width:33.3333%}
}

@media screen and (max-width:767px){
    .sub01_02_02_01 .tab-ul.tabmenu li{width:50%; max-width:50%}
}

@media screen and (max-width:479px) {
    .sub01_02_02_01 .tab-ul.tabmenu li{margin:0; width:100%; max-width:100%; }
    .sub01_02_02_01 .tab-ul.tabmenu li a{border-bottom:0px !important;}
}