@charset "utf-8";

html, body {height:100%;}
body {position:relative;overflow-x:hidden;margin:0px;height:auto;}
html {-webkit-font-size-adjust: none;overflow-y: scroll;-ms-text-size-adjust: 100%;-webkit-text-size-adjust: 100%;}

@media print {
    * {
        -webkit-print-color-adjust: exact !important; /*Chrome, Safari */
        color-adjust: exact !important; /*Firefox*/
    }
}

#wrap{position:relative;}
body:not([id*="main"]) 

#header,
#footer {font-family:'Noto Sans KR','Malgun Gothic',Dotum;}
#header {font-size:16px;font-weight:400;line-height:1.6;opacity:1;z-index:1000;}
#footer {font-size:15px;line-height:1.5;}

/* Skip 메뉴 */
#skipnavi {position:absolute;top:-1px;left:0;background-color:#333;z-index:999999;}
#skipnavi a {position:absolute;top:0;left:0;padding:10px 25px;margin-top:-100px;text-align:center;line-height:1;white-space:nowrap;background:#000;}
#skipnavi a:link {color: #333;}
#skipnavi a:focus {margin-top:0;text-decoration:underline;color:#fff;}

#dim,
#gnb_dim {position:fixed;top:0;left:0;width:100%;height:100%;background:#000;visibility:hidden;opacity:0;}
#dim.on,
#gnb_dim.on {visibility:visible;opacity:0.5;z-index:900;}

#header {position:fixed;left:0;top:0;overflow:hidden;width:100%;height:130px;background:url('/images/common/bg_header.gif') repeat-x 0 0;box-shadow:0 2px 8px rgba(0,0,0,0.1);}
#header a, #header a:active, #header a:hover, #header a:link, #header a:visited, 
#footer a, #footer a:active, #footer a:hover, #footer a:link, #footer a:visited {text-decoration:none;}
#header ul, #footer ul {list-style:none;}
#header ul, #header li,
#footer ul, #footer li {margin:0;padding:0;border:0;}
#header,header h1.logo,header .top_util,header .top_util .btn_sitemap span, header .top_util .utilGrp,header>nav,header>nav #gnb>li>a
 {transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease; }
#header::after {content:'';display:block;position:absolute;left:0;top:130px;width:100%;height:1px;background:#fff;opacity:0.5;}
.typeSub #header {position:absolute;}

header {position:relative;width:100%;max-width: 1400px;margin:0 auto;font-family:'Noto Sans KR';box-sizing:border-box;}
h1.logo{position:absolute;display:block;left:0;top:58px;width:202px;height:53px;z-index:2;}
h1.logo a{display:inline-block; width:202px; height:53px; background:url(/images/common/logo2.png) left top no-repeat; background-size:202px; }
header .btn_sitemap2 {position:absolute;display:block;padding:0 20px;font-size:0.8125rem;color:#fff;line-height:40px;background-color:#0d2b62;transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}
header .btn_sitemap2:hover, header .btn_sitemap2:focus{color:#fff;background:#0e9fb4;}
header .top_util {position:absolute;right:0;top: 70px;width:260px;height:30px;box-sizing:border-box;text-align:right;z-index:5;}
header .top_util .btn_sitemap{display:inline-block;overflow:hidden;width:20px;height:auto;line-height:0;font-size:0;text-indent:-9999em;}
header .top_util .btn_sitemap span{display:block;float:right;width:70%;margin:3px 0;height:2px;background:#555; }
header .top_util .btn_sitemap span:first-child{width:100%; }
header .top_util .btn_sitemap span:last-child{width:100%; }
header .top_util .btn_sitemap:hover span{width:100% !important; background:#004a96;}
header .top_util .btn_topSearch {display:inline-block;overflow:hidden;margin-left:20px;width:25px;height:25px;vertical-align:top;text-indent:-999px;font-size:0;}
header .top_util .btn_topSearch {background:url('/images/common/btn_nav_search.png') no-repeat center;}

header .top_util .utilGrp {position:absolute;right:0;top:-68px;display:inline-block;height:30px;box-sizing:border-box;font-size:0;vertical-align:top;}
header .top_util .utilGrp a {position:relative;display:inline-block;overflow:hidden;margin-top:10px;padding-right:1px;color:#fff;font-size:14px;line-height:18px;vertical-align:top;}
header .top_util .utilGrp a {margin-left:10px;padding-left:10px}
header .top_util .utilGrp a::before {content:'';display:block;position:absolute;left:0;top:4px;width:1px;height:10px;background:#fff;opacity:0.4;}
header .top_util .utilGrp a:first-child::before {padding-left:0;margin-left:0;width:0;}

#header .top_util2 {position:absolute;right:60px;top:63px;z-index:5;}
#header .top_util2 li {float:left;text-align:center;}
#header .top_util2 a {display:inline-block;overflow:hidden;padding: 0 15px;height:42px;color:#fff;text-align:center;line-height:42px;font-size: 15px;transition:all .3s ease; -ms-transition:all .3s ease; -webkit-transition:all .3s ease;}
#header .top_util2 a.btn_iphak {background:-webkit-linear-gradient(to right top, #2c50a6, #00abad);background:linear-gradient(to right top, #2c50a6, #00abad);}
#header .top_util2 a.btn_portal {background:#1e3365;}
#header .top_util2 a.btn_portal:hover {background:#2c56b9;}
#header .top_util2 a.btn_ecampus {background:#db586d;}
#header .top_util2 a.btn_ecampus:hover {background:#c0354c;}

/*gnb 1depth*/
header>nav {width:100%;max-width:1280px;height:130px;box-sizing:border-box;padding: 0 30px 0 200px;text-align:center;}
header>nav #gnb {width:100%;max-width: 800px;box-sizing:border-box;padding: 40px 0 0;font-size:0;}
header>nav #gnb>li {display:inline-block;padding:0 3%;vertical-align:top;letter-spacing:-2px;vertical-align:top;}
header>nav #gnb>li>a {display:inline-block;position:relative;height: 90px;line-height: 90px;margin:0 auto;color:#333;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:20px;font-weight:500;text-align:center;vertical-align:middle;z-index:1002;}
header>nav #gnb>li>a::before {content:'';display:block;position:absolute;left:50%;bottom: 0;overflow:hidden;width:0;height:4px;margin-left:-4px;background:#0082d2;transition:all .3s ease;-ms-transition:all .3s ease;-webkit-transition:all .3s ease;}
header>nav #gnb>li>a:hover::before {width:80px; margin-left:-40px; opacity: 1;}
header>nav #gnb>li .gnbTit {display:none;position:absolute;left:0;top: 130px;width:300px;height:0;box-sizing:border-box;padding: 40px 0 30px 60px;background: #1188aa url('/images/common/topbg_logo.png') no-repeat 60px 230px;color:#656565;font-family:'Noto Sans KR';font-size:16px;font-weight:300;text-align:left;letter-spacing:-1px;}
header>nav #gnb>li .gnbTit::before {content:'';display:block;position:absolute;left:-600px;top:0;width:600px;height:100%;background:#1188aa}
header>nav #gnb>li .gnbTit::after {content:'';display:block;position:absolute;right:0;top:100px;width:calc(100% - 60px);height:2px;background:#fff;opacity:.8;z-index:0;}
header>nav #gnb>li.child .gnbTit.act {display:block;}
header>nav #gnb>li .gnbTit>b {display:inline-block;position:relative;margin-bottom:35px;color:#fff;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:34px;font-weight:500;line-height:46px;text-align:left;letter-spacing:-3px;z-index:1;}
/*gnb 2depth*/
header>nav #gnb ul.menuM {display:none;position:absolute;left:300px;top:130px;overflow-x:hidden;overflow-y:auto;width:calc(100% - 300px);box-sizing:border-box;padding:40px 0 30px 40px;font-size:0;text-align:left;min-height:300px;}
header>nav #gnb ul.menuM.on,
header>nav #gnb ul.menuM.act {display:block;}
header>nav #gnb ul.menuM>li {display:inline-table;position:relative;overflow:hidden;width:170px;margin-bottom:40px;padding-right:20px;font-size:0;text-align:left;vertical-align:top;}
header>nav #gnb ul.menuM>li>a {display:inline-block;box-sizing:border-box;color:#000;font-family:'Roboto','Noto Sans KR',sans-serif;font-size:17px;font-weight:500;line-height:22px;text-align:left;vertical-align:top;letter-spacing:-2px;}
header>nav #gnb ul.menuM>li>a[target='_blank'] {padding-right:20px;background:url('/images/common/ico_newWin14_black.png') no-repeat right top 3px;}
header>nav #gnb ul.menuM>li:hover>a,
header>nav #gnb ul.menuM>li.on>a,
header>nav #gnb ul.menuM>li.act>a {color:#0097ce;}
header>nav #gnb>li:nth-child(5n) ul.menuM>li{width:auto;margin-right:30px;}
/*gnb 3depth*/
header>nav #gnb ul.menuS {display:none;padding-top:1px;}
header>nav #gnb ul.menuM.on .menuS,
header>nav #gnb ul.menuM.act .menuS {display:block;}
header>nav #gnb ul.menuS>li {position:relative;margin-top:9px;padding-left:9px;font-size:0;}
header>nav #gnb ul.menuS>li::before {content:'';display:block;position:absolute;left:0;top:8px;width:3px;height:3px;box-sizing:border-box;background:#0097ce;}
header>nav #gnb ul.menuS>li>a {display:inline-block;position:relative;color:#333;font-size:15px;font-weight:400;line-height:19px;text-align:left;vertical-align:top;letter-spacing:-1px;}
header>nav #gnb ul.menuS>li>a[target='_blank'] {padding-right:20px;background:url('/images/common/ico_newWin12_black.png') no-repeat right top 3px;}
header>nav #gnb ul.menuS>li:hover>a,
header>nav #gnb ul.menuS>li.on>a,
header>nav #gnb ul.menuS>li.act>a {color:#0097ce;}
/*gnb 20240821*/
header>nav #gnb > li:nth-child(2) > ul.menuM > li:nth-child(6) {width:180px;}
header>nav #gnb > li:nth-child(2) > ul.menuM > li:nth-child(3) > ul.menuS > li:nth-child(6),
header>nav #gnb > li:nth-child(2) > ul.menuM > li:nth-child(3) > ul.menuS > li:nth-child(7),
header>nav #gnb > li:nth-child(2) > ul.menuM > li:nth-child(4) > ul.menuS > li:nth-child(2),
header>nav #gnb > li:nth-child(2) > ul.menuM > li:nth-child(4) > ul.menuS > li:nth-child(3),
header>nav #gnb > li:nth-child(2) > ul.menuM > li:nth-child(4) > ul.menuS > li:nth-child(6),
header>nav #gnb > li:nth-child(2) > ul.menuM > li:nth-child(4) > ul.menuS > li:nth-child(7),
header>nav #gnb > li:nth-child(2) > ul.menuM > li:nth-child(4) > ul.menuS > li:nth-child(8),
header>nav #gnb > li:nth-child(2) > ul.menuM > li:nth-child(4) > ul.menuS > li:nth-child(9),
header>nav #gnb > li:nth-child(2) > ul.menuM > li:nth-child(4) > ul.menuS > li:nth-child(10),
header>nav #gnb > li:nth-child(2) > ul.menuM > li:nth-child(7) > ul.menuS > li:nth-child(5),
header>nav #gnb > li:nth-child(2) > ul.menuM > li:nth-child(7) > ul.menuS > li:nth-child(6),
header>nav #gnb > li:nth-child(2) > ul.menuM > li:nth-child(7) > ul.menuS > li:nth-child(8),
header>nav #gnb > li:nth-child(2) > ul.menuM > li:nth-child(7) > ul.menuS > li:nth-child(9),
header>nav #gnb > li:nth-child(2) > ul.menuM > li:nth-child(7) > ul.menuS > li:nth-child(10),
header>nav #gnb > li:nth-child(2) > ul.menuM > li:nth-child(7) > ul.menuS > li:nth-child(11) {margin-top:5px;padding-left:20px; }
header>nav #gnb > li:nth-child(2) > ul.menuM > li:nth-child(3) > ul.menuS > li:nth-child(6)::before,
header>nav #gnb > li:nth-child(2) > ul.menuM > li:nth-child(3) > ul.menuS > li:nth-child(7)::before,
header>nav #gnb > li:nth-child(2) > ul.menuM > li:nth-child(4) > ul.menuS > li:nth-child(2)::before,
header>nav #gnb > li:nth-child(2) > ul.menuM > li:nth-child(4) > ul.menuS > li:nth-child(3)::before,
header>nav #gnb > li:nth-child(2) > ul.menuM > li:nth-child(4) > ul.menuS > li:nth-child(6)::before,
header>nav #gnb > li:nth-child(2) > ul.menuM > li:nth-child(4) > ul.menuS > li:nth-child(7)::before,
header>nav #gnb > li:nth-child(2) > ul.menuM > li:nth-child(4) > ul.menuS > li:nth-child(8)::before,
header>nav #gnb > li:nth-child(2) > ul.menuM > li:nth-child(4) > ul.menuS > li:nth-child(9)::before,
header>nav #gnb > li:nth-child(2) > ul.menuM > li:nth-child(4) > ul.menuS > li:nth-child(10)::before,
header>nav #gnb > li:nth-child(2) > ul.menuM > li:nth-child(7) > ul.menuS > li:nth-child(5)::before,
header>nav #gnb > li:nth-child(2) > ul.menuM > li:nth-child(7) > ul.menuS > li:nth-child(6)::before,
header>nav #gnb > li:nth-child(2) > ul.menuM > li:nth-child(7) > ul.menuS > li:nth-child(8)::before,
header>nav #gnb > li:nth-child(2) > ul.menuM > li:nth-child(7) > ul.menuS > li:nth-child(9)::before,
header>nav #gnb > li:nth-child(2) > ul.menuM > li:nth-child(7) > ul.menuS > li:nth-child(10)::before,
header>nav #gnb > li:nth-child(2) > ul.menuM > li:nth-child(7) > ul.menuS > li:nth-child(11)::before {left:10px;width:5px;height:1px;background:#0097ce; }

header>nav #gnb>li>a.pageView,
header>nav #gnb .menuM>li>a.pageView,
header>nav #gnb .menuS>li>a.pageView {display:none;}

header .mBtn_topMenu,
header .mBtn {display:none;}

.gnbOn {overflow:hidden;background:#EEF5F5 url('/images/common/bg_header.gif') repeat-x left top !important;}
.gnbOn::after {background:#dddfe5!important;}


@media print {
    #header, #footer {display:none;}
}

@media all and (max-width:1400px){
    header h1.logo {left:20px;}
    #header .top_util2 {right: 50px;} 
    #header .top_util, #header .top_util .utilGrp {padding-right:10px;}     
}

@media all and (max-width:1240px){
    h1.logo{top:61px;width:177px;height:46px;}
    h1.logo a{width:177px; height:46px;background-size:177px;}      
    header>nav #gnb>li {padding:0 1.6%;}
    header>nav #gnb>li>a {font-size:20px;}
    header>nav {padding: 0 0 0 250px; text-align:left;}  
    header>nav #gnb>li .gnbTit {width:230px;box-sizing:border-box;padding: 40px 0 30px 60px;font-size:16px;}
    header>nav #gnb>li .gnbTit::before {cleft:-230px;top:0;width:230px;}
    header>nav #gnb ul.menuM {left:230px;width:calc(100% - 250px);box-sizing:border-box;padding:40px 0 30px 40px;font-size:0;text-align:left;}
    header>nav #gnb>li .gnbTit>b {font-size:30px;}

}

@media all and (max-width:1041px){
    body {position:relative;}
    
    #header {position:fixed !important;overflow:visible;padding-top:0;height:55px;background:#fff;}
    #header::before {height:85px;}
    #header::after {display:none;}

    header h1.logo {left:50%;top:8px;width:154px;height:40px;margin-left:-77px;padding-left:0;}
    h1.logo a{width:154px; height:40px;background-size:154px;}

    header .btn_sitemap2{display:none;}
    header .top_util {top: 2px;width:45px;height:50px;z-index:auto;}
    header .top_util .btn_topSearch {margin-left:0;width: 45px;height: 50px;background-size:auto 22px;}  
    header .top_util .btn_sitemap {display:none;}
    header .top_util .utilGrp {position:fixed;right:0;top:0;left:-770px;width:100%;max-width:760px;height:55px;padding: 20px 100px 0 20px;background: #109aa9;text-align:left;z-index:2001;}
    header .top_util .utilGrp a {height:18px;margin-top:0;font-size:14px;line-height:18px;}
    header .top_util .utilGrp a {position:relative;margin-left:10px;padding-left:10px;color:#fff;}
    header .top_util .utilGrp a::before {content:'';display:block;position:absolute;left:0;top:4px;width:1px;height:18px;background:#fff;opacity:0.3;}
    #header .top_util2 {top:12px;right:50px;}
    #header .top_util2 a {padding: 0 10px;height:30px;line-height:30px;font-size: 13px;}    

    header>nav {position:fixed !important;left:-770px;top:0;width:100%;max-width:760px;height:100%;margin:0;box-sizing:border-box;padding:55px 0 0;background:#fff;z-index:2000;}
    header>nav #gnb {overflow-x:hidden;overflow-y:auto;margin:0;padding:0;text-align:left;}
    header>nav #gnb>li {display:block;width:100%;height:auto;padding:0;background:#f5f5f5;}
    header>nav #gnb>li+li {border-top:1px solid #dbdfe2;}
    header>nav #gnb>li>a {display:block;height:auto;box-sizing:border-box;box-sizing:border-box;padding:15px 10px 15px 20px;font-size:16px;line-height:20px;text-align:left;vertical-align:middle;}
    header>nav #gnb>li>a:hover{color:#109aa9}
    header>nav #gnb>li.act {background: #133f6e;}
    header>nav #gnb>li.act>a:first-child {color:#fff !important;} 
    header>nav #gnb>li>a:hover::before {width:0;}
    header>nav #gnb>li.act>a:first-child:hover {color:#fff !important}
    header>nav #gnb>li.act>a:first-child::before {display:none !important;}
    header>nav #gnb>li.child {background-image:url('/images/common/ico_menuDep01_close.png');background-repeat:no-repeat;background-position:right 20px top 17px;background-size:auto 19px;}
    header>nav #gnb>li.child.act {background-image:url('/images/common/ico_menuDep01_open.png');cursor:default;}
    header>nav #gnb>li .gnbTit {display:none !important;}

    header>nav #gnb ul.menuM {display:none;position:relative;left:auto;top:auto;width:100%;box-sizing:border-box;padding:0 0 0 20px;background:#fff;}    
    header>nav #gnb>li>a.on~ul.menuM {display:block;}
    header>nav #gnb ul.menuM>li {width:100%;margin:0;padding:15px 0;background:none;font-size:0;}
    header>nav #gnb ul.menuM>li::before {display:none !important;}
    header>nav #gnb ul.menuM>li+li {border-top:1px solid #e1e1e1;}
    header>nav #gnb ul.menuM>li.child {background-image:url('/images/common/ico_menuDep02_close.png');background-repeat:no-repeat;background-position:right 20px top 20px;background-size:auto 8px;display: block;}
    header>nav #gnb ul.menuM>li.child.act {background-image:url('/images/common/ico_menuDep02_open.png');}
    header>nav #gnb ul.menuM>li>a:first-child {display: block;float:none;margin:0 10px 0 0;padding:0;font-size:14px;line-height:18px;vertical-align:top;}
    header>nav #gnb ul.menuM>li>a[target='_blank'] {background-image:none;}
    header>nav #gnb ul.menuM>li.on>a:first-child {color:#000;}
    header>nav #gnb ul.menuM>li.act>a:first-child,
    header>nav #gnb ul.menuM>li.on.act>a:first-child {width:auto !important;color:#009fdb !important;}
    header>nav #gnb ul.menuM>li.on .menuS {display:block;}
    header>nav #gnb ul.menuM>li:hover>a::before,
    header>nav #gnb ul.menuM>li.on>a::before,
    header>nav #gnb ul.menuM>li.act>a::before {display:none;}

    header>nav #gnb ul.menuS {width:100%;margin:15px 0 -5px;box-sizing:border-box;padding:0;border-top:1px solid #e1e1e1;}
    header>nav #gnb ul.menuS>li {float:none;margin:10px 40px 0 0;cursor:pointer;}
    header>nav #gnb ul.menuS>li::before {top:7px;width:2px;height:2px;}
    header>nav #gnb ul.menuS>li>a {font-size:14px;line-height:18px;}
    header>nav #gnb ul.menuS>li>a[target="_blank"] {background-image:none;}
    header>nav #gnb>li li.child>ul {display:none;}

    header>nav #gnb>li a.pageView {display:inline-block;overflow:hidden;width:14px;height:14px;padding:0 !important;background-repeat:no-repeat;background-position:center !important;background-size:auto 14px !important;font-size:0;text-indent:-999px;}
    header>nav #gnb>li a.pageView {background-image:url(/images/common/ico_pageView_black.png) !important}
    header>nav #gnb>li a[target="_blank"].pageView {background-image:url(/images/common/ico_newWin_black.png) !important;}
    header>nav #gnb>li a.pageView::before {display:none;}
    header>nav #gnb>li.act>a.pageView {background-image:url(/images/common/ico_pageView_white.png) !important;}
    header>nav #gnb>li.act>a[target="_blank"].pageView {background-image:url(/images/common/ico_newWin_white.png) !important;}
    header>nav #gnb ul.menuM>li>a.pageView {margin-top:1px;background-size:auto 12px !important;}

    header .mBtn_topMenu {display:block;position:absolute;left:0;top:0px;overflow:hidden;width:50px;height:55px;background:url('/images/common/ico_topLineMenu.png') no-repeat center;background-size:auto 22px;text-indent:-999px;z-index:2;}
    header .mBtn {display:block;position:fixed;left:-770px;top:0;width:100%;max-width:760px;height:0;z-index:2001;}
    header .mBtn .mBtn_close {display:block;float:right;overflow:hidden;width:50px;height:55px;background:url('/images/common/btn_closeX_white.png') no-repeat center;background-size:auto 16px;font-size:0;text-indent:-999px;border:0;}

    .gnbOn {background:#fff!important;}
    .gnbOn header>nav,
    .gnbOn header .top_util .utilGrp,
    .gnbOn header .mBtn {left:0;}
    .gnbOn header .top_util .utilGrp a {color:#fff !important;}
    .gnbOn header .top_util .utilGrp a::before {background:#fff;}

    .gnbOn header .top_util .utilGrp a:first-child {margin-left:0;padding-left:0;;}
    .gnbOn header .top_util .utilGrp a:first-child:before {display:none;}
    .gnbOn header .top_util .utilGrp a+button {padding-left:10px;margin-left:10px;}

    .gnbOn header>nav #gnb ul.menuM {min-height:auto;}
}

@media all and (max-width:768px){
    body,
	input,
	select,
	.btn{font-size:14px;}
    #header {height:80px;background:#fff;}
    header h1.logo{top:35px;}
    header .top_util {top:27px;width:45px;height:50px;}
    #header .top_util2 {display:block;width:100%;left:0;top:0;right:0}
    #header .top_util2 li {width: 33.333%;}
    #header .top_util2 a {width:100%;height:30px;color:#fff;text-align:center;line-height:30px;font-size: 13px;}
    header .mBtn_topMenu {top:30px;width:45px;height:50px;background-size:auto 20px;} 
}

@media all and (max-width:320px){
    header .top_util .utilGrp a {margin-left:8px;padding-left:8px;}
    header .top_util .utilGrp a {font-size:12px;}
}

/* Footer */
#footer{position:relative;background-color:#1b334f;margin-top:-2em;z-index:10;}
#footer  * {box-sizing: border-box;}
#footer .layout{position:relative;max-width:1400px;margin:0 auto;padding:3em 0;}
#footer .menu{width:100%; margin:0 0 1em 0; text-align:center;}
#footer .menu ul{display:inline-block !important;}
#footer .menu ul:after{content:""; display:block; clear:both;}
#footer .menu ul li{display:inline-block;vertical-align: top;}
#footer .menu ul li a{display:block;padding:0.6em 0.6em; font-size:0.9em; color:#fff;opacity: .8;}
#footer .menu ul li.on a{color:#fbff00;}
#footer address,
#footer .copy{line-height:1.8em;margin:0;text-align:center;font-style:normal;font-weight:300; font-size:1em;color:rgba(255,255,255,0.6);}
#footer address a {color:rgba(255,255,255,0.6);}
#footer .sns{text-align:center;}
#footer .sns ul{display:inline-block;}
#footer .sns ul li{float:left;margin:0;padding:1.25em;}
#footer .sns ul li a{overflow:hidden;display:block;width:1.5em;height:1.5em;padding:0.5em;text-align:left;text-indent:-99999px;background-repeat:no-repeat;background-position:center center;background-size:100% auto;}
#footer .sns ul li:nth-child(1) a{background-image:url(/images/common/sns_blog.png);}
#footer .sns ul li:nth-child(2) a{background-image:url(/images/common/sns_facebook.svg);}
#footer .sns ul li:nth-child(3) a{background-image:url(/images/common/sns_instagram.svg);}
#footer .sns ul li:nth-child(4) a{background-image:url(/images/common/sns_youtube.svg);}

body#main #footer .layout .content_controll .btn_prev{display: none;}
#footer .layout .content_controll.active{bottom:0;}
#footer .layout .content_controll.on{position: absolute;bottom:auto;top:-2em;background: transparent;}
#footer .layout .content_controll.on .btn_top:after{display: inline-block;}

#footer .layout .content_controll{position:fixed;bottom:-4em;right: 0;width:100%;background:#083562;line-height: 0;transition:.5s ease;-webkit-transition:.5s ease;}
#footer .layout .content_controll:after{content:""; display:block; clear:both;}
#footer .layout .content_controll .controll_wrap{position: relative;float: right;margin-right: calc(50% - 1023px);}
#footer .layout .content_controll [class*="btn_"]{float:left;position:relative;z-index:20;width:3.5em;height:3.5em;background-color:#015eaa;border-right:1px solid rgba(255,255,255,0.1);}
#footer .layout .content_controll .btn_site{width: 17em;padding:1.5em;text-indent:0;color:#fff;background-color:#1849a0;transition: .5s;-webkit-transition: .5s;z-index:30;}
#footer .layout .content_controll .btn_site.on{width:18em;background-color: #216bd7;}
#footer .layout .content_controll .btn_site span{display: block;line-height: 0.55em;}
#footer .layout .content_controll .btn_site span.btnmore{display: inline-block;position: absolute;right: 1.3em;top:50%;width:1.4em;height:1px;padding:0;background: #fff;}
#footer .layout .content_controll .btn_site:before{display: inline-block;position: absolute;right: 1.3em;top:40%;width:1.4em;height:1px;background: #fff;content: '';transition:0.3s ease;-webkit-transition:0.3s ease;transform-origin:83%;}
#footer .layout .content_controll .btn_site:after{display: inline-block;position: absolute;right: 1.3em;top:60%;width:1.4em;height:1px;background: #fff;content: '';transition:0.3s ease;-webkit-transition:0.3s ease;transform-origin:83%;}
#footer .layout .content_controll .btn_site:hover:before,
#footer .layout .content_controll .btn_site:focus:before{top:calc(40%);}
#footer .layout .content_controll .btn_site:hover:after,
#footer .layout .content_controll .btn_site:focus:after{top:calc(60%);}
#footer .layout .content_controll .btn_site.on span.btnmore{display: none;}
#footer .layout .content_controll .btn_site.on:before{top:calc(40% - 0.1em);width:1.7em;transform: rotate(-45deg);-webkit-transform:rotate(-45deg);}
#footer .layout .content_controll .btn_site.on:after{width:1.7em;transform: rotate(45deg);-webkit-transform:rotate(45deg);}
#footer .layout .content_controll .btn_site.on:hover:after,
#footer .layout .content_controll .btn_site.on:focus:after{top:60%;}
#footer .layout .content_controll .btn_top span,
#footer .layout .content_controll .btn_list:before,
#footer .layout .content_controll .btn_list:after,
#footer .layout .content_controll .btn_list span{opacity:0.8; content:""; display:block; position:absolute; left:calc(50% - 0.7em); top:50%; width:1.4em; height:1px;background-color:#fff;color:transparent;}
#footer .layout .content_controll .btn_top:before{content:""; display:block; position:absolute; left:calc(50% - 0.7em + 1px); top:calc(50% - 0.4em); width:0.8em; height:0.8em; border:1px solid #fff; border-right:none; border-top:none; box-sizing:border-box;transform:rotate(45deg);-webkit-transform:rotate(45deg);}
#footer .layout .content_controll .btn_top span{top:1.7em;transition:width 0.3s ease;-webkit-transition:width 0.3s ease;}
#footer .layout .content_controll .btn_list:before, 
#footer .layout .content_controll .btn_list:after{transition:top 0.3s ease;-webkit-transition:top 0.3s ease;}
#footer .layout .content_controll .btn_list:before{top:calc(50% - 0.5em);}
#footer .layout .content_controll .btn_list:hover:before,
#footer .layout .content_controll .btn_list:focus:before{top:calc(50% - 0.6em);}
#footer .layout .content_controll .btn_list:after{top:calc(50% + 0.5em);}
#footer .layout .content_controll .btn_list:hover:after,
#footer .layout .content_controll .btn_list:focus:after{top:calc(50% + 0.6em);}
#footer .layout .content_controll .btn_top{background:-webkit-linear-gradient(to left bottom, #1f5cb7, #06ad8f);background:linear-gradient(to left bottom, #1f5cb7, #06ad8f);transform:rotate(90deg);-webkit-transform:rotate(90deg);}
#footer .layout .content_controll .btn_top:hover span,
#footer .layout .content_controll .btn_top:focus span{width:1.7em;}

#footer .layout .content_controll .sitebox{display: none;position: absolute;right: 0;bottom: calc(3.5em - 1px);width: 100%;padding: 2em 2em;border: 0.5em solid #216bd7;background: #fff;text-align: left;}
#footer .layout .content_controll .sitebox > ul > li{display: inline-block;width:33.333%;margin:2px 0; padding-rightvertical-align: top;letter-spacing:-1px;}
#footer .layout .content_controll .sitebox > ul li a {position:relative; display:block;line-height:1.5;color:#000;}
#footer .layout .content_controll .sitebox ul li a:hover,
#footer .layout .content_controll .sitebox ul li a:focus{color:#004c98;}
#footer .layout .content_controll .sitebox ul li a:hover:before,
#footer .layout .content_controll .sitebox ul li a:focus:before{width:95%;} 
#footer .layout .content_controll .sitebox ul li a:after,
#footer .layout .content_controll .sitebox ul li span:after{display:inline-block;position:absolute;left:-0.7em;top:0.6em;width:4px;height:4px;border-radius:50%;background: #0b84c0;content:'';}

#footer .layout .content_controll .campussite ul{width:50%;float:left;}
#footer .layout .content_controll .campussite li{width:100% !important;}

#footer .layout .content_controll .departsite {padding: 2em 1em 2em 2em;letter-spacing:-1px;}
#footer .layout .content_controll .departsite > ul{width:35%;float:left;}
#footer .layout .content_controll .departsite > ul:nth-child(2){width:30%;float:left;}
#footer .layout .content_controll .departsite > ul > li{width:100% !important;}
#footer .layout .content_controll .departsite > ul > li span {position:relative; display:block;color:#000;line-height:1.2em;}
#footer .layout .content_controll .departsite > ul > li > ul > li {display:block;width:100%;margin:0.15em 0;padding-left:0;}
#footer .layout .content_controll .departsite > ul > li > ul > li a {padding-left:10px;}
#footer .layout .content_controll .departsite > ul > li > ul > li a:after{left:0;top:0.8em;width:5px;height:1px;background: #0b84c0; }


@media all and (max-width: 2125px) {
    #footer .layout .content_controll .controll_wrap {
        margin-right: 0;
    }
}
@media all and (max-width: 1024px) {
	#footer ul li:nth-child(n+6){display: block;}
	#footer .menu>ul{padding-right: 0;border-bottom: 0;}
	#footer .menu>ul>li{float: left;width:calc(20% - 0.2em);margin:0.1em;border:1px solid rgba(255,255,255,0.2);}
	#footer .menu ul li:not(:nth-child(1)){padding-left:0;}
	#footer .menu>ul>li>a{padding:0.8em 0;font-size: 1em;color:#fff;opacity: .7;}
	#footer .layout .content_controll .btn_list{display: none;}
}
@media all and (max-width: 767px) {
	#footer{padding:0;font-size:0.7em;}
	#footer .layout{padding:3em 0 6em;}
	#footer .layout .content_controll{top:auto;bottom:0;left:0;width:100%;font-size:1.1em;z-index:15;}
	#footer .layout .content_controll .controll_wrap{margin:0;width: 100%;}	
	#footer .layout .content_controll .sitebox{overflow-y: auto;right: 0;height:20em;}
	#footer .layout .content_controll .btn_site{width:50%;}
	#footer .layout .content_controll .btn_site.on{width:50%;}
	#footer .layout .content_controll .btn_top{display:none!important;}
	#footer .layout .content_controll .sitebox ul li{width:49%;}
    #footer .layout .content_controll .departsite > ul{width:49%}
	#footer .layout .content_controll .departsite > ul:nth-child(2){width:49%;}

	#footer .layout .content_controll.on{top:auto;bottom:0;}
	#footer .layout .content_controll.on .sitebox{width:100%;}
	#footer .layout .content_controll.on .btn_top{overflow:visible;display:block!important;position:absolute;right:2%;bottom:22rem;}

	#footer .sns ul li a{width:1.25rem;height:1.25rem;}
    #footer .menu>ul>li{width:calc(33.333% - 0.4em);margin:0.2em;}
}

@media all and (max-width: 418px) {
	#footer {font-size:0.6em;}
    #footer .layout .content_controll.on .btn_top{bottom:19rem;}
}