@charset "utf-8";
body{font-size:18px;font-family:"Noto Sans KR","맑은 고딕",serif;color:#333;position:relative;height:100%;min-height:100%;font-weight:400;line-height:1.5;-webkit-text-size-adjust:none;letter-spacing:-0.025em;overflow-x:hidden;min-height:100vh;}
a{text-decoration:none;color:inherit;}
img{max-width:100%;}
em , strong{font-weight:700;}
ul.list > li{ float:left;}
div{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;max-height:1000000px;} */
html.fix{overflow-y:hidden;}

.overflow{overflow:auto;}
body,div,th,td,p{word-break:keep-all;}
.transtion{
	-webkit-transition:all 0.5s;
	-moz-transition:all 0.5s ;
	-ms-transition:all 0.5s ;
	-o-transition:all 0.5s ;
	transition:all 0.5s ;
}


/* skip */
#skipNav{height:0;overflow:hidden;}
#skipNav li a{display:block;font-size:16px;width:100%;position:absolute;top:-9999px;left:0;text-align:center;z-index:999999;}
#skipNav li a:focus, #skipNav li a.on{position:absolute;top:0;left:0;font-weight:bold;color:#fff;background:#272727;padding:20px 0;color:#ffffff;}


/* header */
#header{position:relative;height:110px;z-index:999;background:#0054a6;top:0;box-shadow:0 5px 5px 0 rgba(0,0,0,0.2);text-align:center;}
#header:before { content: ''; position: absolute; width: 100%; height: 1px; left: 0; top: 30px; background: rgba(255,255,255,0.1); }
#header .logo{position:absolute;left:0px;top:34px;}
#header .auto{width:inherit;height:110px;margin:0 2rem;}


/* tnb */
#tnb { position: absolute; width: 100%; top: 0; background-color: #0054a6; }
#tnb .headerTop .auto { width: auto; height: auto; padding: 0; margin: 0; }
#tnb .headerTop ul { float: right; }
#tnb .headerTop ul li { float: left; font-size: 0.8em; }
#tnb .headerTop ul li a { position: relative; display: block; padding: 0 10px; line-height: 30px; color: #e2e2e2; }
#tnb .headerTop ul li a:after { content: ''; position: absolute; width: 1px; height: 12px; top: 9px; right: -1px; background: #e2e2e2; }
#tnb .headerTop ul li:last-child a:after { display: none; }
#tnb .headerTop ul li > span { position: relative; display: block; padding: 0 10px; color: #fff; line-height: 30px; }
#tnb .headerTop ul li > span:after { content: ''; position: absolute; width: 1px; height: 12px; top: 9px; right: -1px; background: #e2e2e2; }


/* gnb */
#gnb{margin:0 auto;color:#fff; padding-top: 30px;}
#gnb .list > li > a{font-size:1.13rem;font-weight:500;position:relative;height:80px;line-height:80px;letter-spacing:-0.025em;padding:0 30px;display:block;}
#gnb .list > li > a span{position:relative;}
#gnb .list > li > a span:after{content:"";display:block;width:100%;height:2px;background:#fff;position:absolute;left:50%;bottom:-5px;margin-left:-50%;transform:scaleX(0);transition:all 0.3s;}
#gnb .list > li:hover > a span:after{transform:scaleX(1);}
#header .util a{position:relative;display:block;top:inherit;top:1px;}
#header .util a span{background:#fff;}
#header .util .comment{margin-right:20px;}
#header .util .comment .num{width:20px;height:20px;line-height:20px;background:#ed7c3b;color:#fff;border-radius:50px;display:block;position:absolute;right:-10px;top:-10px;font-size:12px;text-align:center;}
#sitemap{top:0;height:calc(100vh - 80px);}
#gnb .util{position:absolute;top:30px;right:0;}
@media (max-width:1401px){
	#gnb .list > li > a{padding:0 17px;}
}
@media (max-width:1180px){
	#header{padding-right:0;}
	#gnb{padding:30px 50px 0 150px;}
}


/* lnb */
.lnbBox{width:280px;background:#fefedf;left:0;top:0;border-right:1px solid #ccc;}
@media screen and (max-width:1401px) {
    .lnbBox{width:inherit;border-bottom:1px solid #ccc;border-right:0;}
}
#profile{text-align:center;position:relative;}
#profile .portrait .photo{border-radius:100px;overflow:hidden;margin-top:-75px;}
#profile .portrait .nameBox{position:relative;align-items:center;right:-180px;top:-120px;color:#fff;}
#profile .portrait .nameBox span{line-height:1;}
#profile .portrait .nameBox .name{font-size:1.56rem;position:relative;vertical-align:middle;}
#profile .portrait .nameBox .name:after{content:"";display:inline-block;position:relative;top:-2px;width:1px;height:14px;background:#fff;margin:0 10px;vertical-align:middle;}
#profile .portrait .nameBox .department{font-size:1.13rem;vertical-align:middle;}
#profile .infoBox{padding-top:20px;}
#profile .infoBox dl{color:#999;font-size:0.94rem;}
#profile .infoBox dl dt{display:inline-block;}
#profile .infoBox dl dt:after{content:":";display:inline-block;margin:0 5px;}
#profile .infoBox dl dd{display:inline-block;}
#profile .infoBox .btns{margin:20px 0 30px;}
#profile .infoBox .btns .btn{margin:0 2px;}
@media (max-width:1401px){
    .lnbBox{display:flex;}
    #profile{width:38%;text-align:left;padding:10px;}
    #profile .infoBox,
    #profile .portrait img{margin-left:10px;}
    #profile .portrait .nameBox{position:static;display:inline-block;padding:10px;color:#333;}
    #profile .portrait .nameBox .name:after{background:#666;}
    #lnb{width:62%;border-left:1px solid #ddd;}
}
@media (max-width:768px){
    #profile .portrait .photo{margin-top:-50px;}
    .lnbBox{display:block;}
    #profile,
    #lnb{width:inherit;}
}

#lnb{border-top:1px solid #ccc;margin-bottom:-1px;}
#lnb li{float:left;width:50%;height:160px;text-align:center;padding:15px 0;line-height:1.3;position:relative;}
#lnb li dt{font-size:1.13rem;color:#4c4c4c;font-weight:500;}
#lnb li dd .iconBox{height:65px;}
#lnb li dd strong{font-size:1.13rem;color:#44318f;font-weight:500;display:block;}
#lnb li dd span{color:#808080;display:block;}
#lnb li:nth-child(3) dd strong ,#lnb li:nth-child(4) dd strong{font-size:16px;}
#lnb li:before{content:"";display:block;width:1px;height:100%;background:#ccc;position:absolute;left:0;top:0;}
#lnb li:after{content:"";display:block;width:100%;height:1px;background:#ccc;position:absolute;left:0;bottom:0;}
#lnb li:nth-child(2n+1):before{display:none;}

#lnb .utilBox div{padding:25px 0 25px 80px;background-position:25px 50%;background-repeat:no-repeat;border-bottom:1px solid #ccc;}
#lnb .utilBox div dt{font-size:1.13rem;color:#333;}
#lnb .utilBox div dt .num{color:#44318f;font-weight:700;}
#lnb .utilBox div dd{color:#999;}
#lnb .utilBox .util01{background-image:url("../images/layout/iconLnb05.png");}
#lnb .utilBox .util02{background-image:url("../images/layout/iconLnb06.png");}


/* footer */
#footer{padding:2rem 15px 3rem;color:#a0a2a6;font-size:0.94rem;text-align:center;border-top:1px solid #ccc;}


/* common */
.purple{background:#9c88ca;}
.black{background:#4d4d4d;}

.table{display:table;width:100%;}
.cell{display:table-cell;vertical-align:middle;text-align:center;}

.btn_student_search{position:fixed;bottom:2rem;width:60px;height:60px;z-index:99;}
#btnTop{position:fixed;z-index:99;bottom:6.4rem;visibility:inherit;opacity:1;display:block;}
#btnTop,
.btn_student_search{right:3%;}