@charset "utf-8";
/*-------------------------------------------------
layout Style Sheet / myeong-hee / 2019.08.06
-------------------------------------------------*/
@media (max-width: 1610px) {
#header.active .nav-area .nav {width: 68%;}	
#header.active .logo {padding-left: 30px; }
#header.active .logo a {width: 245px;}	
#header.active .nav-area {padding-left: 280px;}
.total-search {float: right;}
}
@media (max-width: 1385px) {
#header.active .logo {padding-left: 15px; }
#header.active .nav-area {padding-left: 250px;}
#header .nav-area .nav {float: none; width: calc(100% - 300px);}	
.total-search {float: none; position: absolute; top: 0; right: 0; min-width: initial;width: 300px;}

.layerpop-active .layerPop {
	overflow: auto;
	}
.layerpop-active .layerPop_area {
	max-width: 95% !important;
	}
}
@media (max-width: 1300px) {
.container {width: 95%; min-width: inherit;}	
#header.active .logo {padding-left: 0;}	
#gnb > li > a {font-size: 2rem;}
#header.active .nav-area {width: 100%;}
.allmenu-close {left: 29px; margin-left: 0;}
.layerpop-active .layerPop_area {
	position: relative;	
	top: inherit !important;	
	left: inherit !important;	
	}
}
@media (max-width: 1135px) {
html {font-size: 8px;}	
.all-scrollFixed::before {position: fixed; top:0;left:0;width:100%;height:100%;background:rgba(0,0,0, 0.6); content: ''; z-index: 90;}
.allmenu-wrap {
	top: 60px;
    width: 280px;
    padding-top: 0;
	}
.allmenu-close {
    position: absolute;
    top: -47px;
    left: 24px;
    margin-left: 0;
	}
.allmenu-wrap  .container {
	width: 100%;
    height: 90%;
	}	
.all-nav > li {
	float: none;
	width: 100%;
    padding: 0;
	}
.all-nav > li > a {
	position: relative;
    margin-bottom: 0;
	padding: 15px 20px;
	background-color: transparent;
	border-bottom: 1px solid rgba(255,255,255, .3);
    text-align: left;
	}
.all-nav > li > a::after {
	position: absolute;
	top: 0;
	right: 0;
    width: 30px;
    height: 50px;
    line-height: 50px;
	font-family:xeicon;
	content:"\e9c5";
	}	
.all-nav .depth2 {
	height: 0;
	margin: 0;
	background-color: rgba(14,19,46, .6);
	opacity: 0;
    visibility: hidden;
	}
.all-nav > li.active a {
	border-bottom-color: transparent;
	}	
.all-nav > li.active > a::after {
	content:"\e9c1"
	}	
.all-nav > li.active .depth2 {	
    height: auto;
    transition: all .25s ease;
    -webkit-transition: all .25s ease;
    opacity: 1;
    visibility: visible;
	}		
.all-nav .depth2 > li > a {
	padding:  10px 20px;
	color: rgba(255,255,255,.5);
	}
.all-nav .depth3 {	
	margin: 0 20px 15px;
	padding: 10px 20px;
	background-color: #105278;
	}
.all-nav .depth3 > li > a {	
	padding: 5px 15px 5px 18px;
	}
.all-nav .depth3 > li > a::before {
	top: 4px;
	}	
#header {position: fixed; height: 60px; background-color: #fff;}	
#header .logo {padding: 12px 0;}
#header .logo a {height: 36px;  background-image: url('/resources/images/stu/layout/logo02.png');}
#header .logo + .container {max-width: 100%; margin: -47px auto 12px;}
#header .logo + .container button {width: 35px; height: 35px; color: #000;}
#header .lang { height: 35px; color: #000; line-height: 35px; font-size: 1.8rem; vertical-align: middle;}
#header .lang i {vertical-align: middle; font-size: 2rem;}
#header .logo + .container button i {line-height: 35px; font-size: 3rem; vertical-align: middle;}
#header .logo + .container button span {display: block; height: 1px; color: transparent;  clip: rect(0,0,0,0); overflow: hidden;}
#header .nav-area {display: none;}
#snb {min-height: 250px; padding-top: 115px;}
.cont-util button.btn-print {display: none;}
.cont-util .share-list.active {left: inherit; right: 0;}
.share-list::before, .share-list::after {left: inherit; right: 20px;}
.path-nav {height: 45px;}
.path-nav .home  {width:auto; padding: 11px 15px;}
.path-nav .home i {font-size: 2.5rem;}
.nav-dropdown {padding-left: 50px;}
.nav-dropdown > li > a {padding: 11px 15px;}
.nav-dropdown > li> a:after {right: 10px;}
.nav-dropdown .depth2 {top: 45px;}
.nav-dropdown .depth2 li > a {padding: 8px 10px;}
#contents {margin-top: 25px; margin-bottom: 50px;}
#contents .stitle, #tab-nav {margin-bottom: 25px;}
.section-nav li {height: 35px; }
.section-nav a {width: 30px; background-color: rgba(0,0,0, .5);}
.section-nav a i {width: 30px; height: 35px; line-height: 35px; font-size: 2rem;}
.section-nav a span {line-height: 35px;}
.section-nav a:hover, .section-nav a:focus {width: 150px;}  
}
@media (max-width: 690px) {
.allmenu-close{left: 20px;}
.footer-sitemap {display: none;}
.path-nav .container {width: 100%;}
.path-nav .home, .nav-dropdown > li > a {padding-left: 10px; padding-right: 10px;}
.nav-dropdown {padding-left: 41px;}
.nav-dropdown > li> a:after {right: 0;}
#footer {padding: 0 0 50px; text-align: center; letter-spacing: -0.05em; font-size: 1.8rem;}
#footer .float-wrap.container {width: 100%;}
.fside-menu, .footer-sns {float: none;}
.fside-menu {margin-bottom: 20px;}
.fside-menu > li {width: 33.33%;}
.fside-menu a {margin-left: -1px; padding: 8px 0; border: 1px solid #343b4a; border-top: none; }
.fside-menu a::before {display: none;}
#footer .tel {display: block;}
}
@media (max-width: 510px) {
.allmenu-close{left: 13px;}
}
@media (max-width: 400px) {
#header .logo a {
    width: 210px;
    background-position: 0 0;
    background-size: 100%;
    }
#header .lang {
	width: 35px;
    text-align: center;
    overflow: hidden;
	}  
#header .lang i {
	font-size: 2.8rem;
	}
#header .lang > span {
    display: block;
    position: absolute;
    top: 0;
    width: 100%;
    height: 1px;
    text-indent: -9999px;
 	} 
}