*,*:before,*:after { margin: 0;  padding: 0;  box-sizing: border-box;  -moz-box-sizing: border-box;  -webkit-box-sizing: border-box;}
.clearfix {  clear: both;  overflow: hidden;}
header.container {  width: 100%;  max-width: 1100px;  margin: 0 auto;}

/*---------------------------------------
  HEAD             
-----------------------------------------*/
.slicknav_menu {display:none;}/*모바일 메뉴*/
#header {width:1100px; margin:0 auto; overflow:hidden; padding:8px 0 8px 0; }
#header div.logo { position:relative;  box-sizing:border-box;  width:100%; text-align:center; z-index:10;}
aside.util div.top_banner {width:100%; text-align:center;}
aside.util {width:100%; text-align:center; font-size:12px; display:block; background-color:#f0f0f0; border-bottom:1px solid #e9e9e9; }
aside.util div.util_Area {position:absolute; right:0; top:5px; padding:4px 0px 0 0; height:25px; }
aside.util div.util_Area a{ color:#888; padding:0px 12px 0 12px; border-left:1px solid #ccc;  }
aside.util div.util_Area a.first{ border-left:0px; }
aside img {vertical-align: top;}

/*---------------------------------------
  MENU             
-----------------------------------------*/
img.logo {  float: left;}
/* Section */
section.stretch {  height: 1500px;  width: 100%;}
section.stretch p {  font-family: sans-serif;  font-size: 30px;  text-align: center;  margin-top: 300px;}
/* Header */
header {  background-color: #fff;   width: 100%;  position: fixed; top:0;  z-index: 10;}
header a {  color: #222;  text-decoration: none;  text-transform: uppercase;}
header a.active,header a:hover {  color: #3d3d3d;}
header li { }
/* header large */
.areaB {display:none;}
.areaA {display:block;}
header .area {position:fixed; width:100%; background:#670001; text-align:center; color:#fff; padding:7px 0px 0 0px;
 z-index:9; height:38px; font-size:14px; font-weight:500}
header .area a{color:#fff; display:inline-block; padding:1px 15px 0 15px;}
header .area span {display:inline-block; background:#fff; color:#333; padding:0px 5px 1px 5px; border-radius:3px;
font-size:12px; margin-right:5px}
header.small .area {position:fixed; }

header.large {  height: 178px; border-bottom:0px solid #999;  z-index: 90; }
header.large .logo {  padding-top: 10px; }
header.large .logo img {  width: auto;  height: 65px;    margin: auto;}
header.large ul > li {  margin:0px 0 0 0}
header.large .util {margin-top:38px;}
header.large .topmenu ul li a{height:45px;}
/* header small */
header.small { border-bottom:0px solid #dfdfdf; background-color: #fff; z-index: 90;}
header.small #header {padding:5px 0 0px 0; }
header.small .logo img {  width: auto;  height: 48px;   top: 0px;   margin: auto;}
header.small ul >  li {  margin: 0px 0 0 0;}
header.small .util {margin-top:2px;}
header.small #topmenu { box-shadow: 3px 4px 8px rgba(0,0,0,0.15);  }
header.small .topmenu ul > li a{height:40px; padding-top:6px !important; box-sizing:border-box; }
header.small .topmenu li:hover { ; background-position: center 32px !important; }
/* Transitions */
header,nav,header a,header img,header li,.util {  
	transition: .5s all;  -moz-transition: .5s all;  -webkit-transition: .5s all;  -o-transition: .5s all;}

#topmenu{ clear:both; width:100%; font-size:15px; box-sizing: border-box; background-color:#111;  position:relative;}
#topmenu .topmenu {width:1100px; box-sizing: border-box;  margin:0 auto;  padding:0 0px 0px 0px;   box-sizing: border-box;}
#topmenu .topmenu ul ul  { display: none; background: #fff; padding: 0; margin: 0; }
#topmenu .topmenu ul li:hover > ul  { display: block; *display:none; background-color:#111; }
#topmenu .topmenu ul  {list-style: none;  padding: 0; margin: 0;}
#topmenu .topmenu ul li a{ display:block; color:#fff; padding-top:9px; margin:0; box-sizing: border-box; }
#topmenu .topmenu li {background-position: center 53px;}
#topmenu .topmenu li:hover { background-image:url("../img/bg_menu2.png"); background-repeat:no-repeat; background-position: center 36px; }
#topmenu .topmenu li li:hover {background:none;} 

#topmenu .topmenu ul:after  { content: ""; clear: both; display: block;  }
#topmenu .topmenu ul li { float: left; width:14.28571%; text-align:center; border-right:0px solid #dfdfdf;  box-sizing: border-box; padding:0;}
#topmenu .topmenu ul ul { background-color:#fff; margin: 0px 0 0 -10px; padding:20px 0 25px 0; position: absolute; border:0px solid #353535; 
  z-index:5; box-shadow: 7px 10px 16px rgba(0,0,0,0.2);  }
#topmenu .topmenu ul ul li  { float: none; text-align:left; width:180px; margin:0 ;  height:auto; border-right:0px; border-bottom:0px solid #dfdfdf; }
#topmenu .topmenu ul ul li.last a{border-bottom:0;}
#topmenu .topmenu li a {display: block; font-size:16px; font-weight:400;  margin: 2px 0em 0.9em 0em; border-right:0px solid #e1e1e1; }
#topmenu .topmenu li li a:hover  {/*color:#ed1c24*/ color:#fff200;}
#topmenu .topmenu ul li a.first { border-left:0px solid #dfdfdf; } 
#topmenu .topmenu ul li ul li a{ font-size:14px; margin: 0; border-bottom:0px solid #dfdfdf; color:#fff;
height:auto;  padding:8px 5px 8px 17px;  border-right:0px;}
#topmenu .topmenu li li > a:hover {  text-decoration: none; margin: 0; border-bottom:0px solid #353535; }
#topmenu .topmenu li.edu > ul{width:1000px; height:310px;  margin-left:-120px; padding-left:20px; }
#topmenu .topmenu li.edu ul li {float:left; width:160px;}
#topmenu .topmenu li.edu ul li h2 a{display:block;font-size:15px !important; /* font-weight:normal; padding:8px 5px 8px 17px*/ }

#topmenu .topmenu ul ul ul { display: block; box-shadow:none; background:none; padding-top:5px; }
#topmenu .topmenu ul ul ul li{   width:auto; display:block; clear:both}
#topmenu .topmenu ul ul ul li a{  font-size:13px; color:#bbb; padding:5px 5px 5px 40px; 
background:url("../img/arrow.png") no-repeat 28px center; }

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.slicknav_menu {display:block; border-bottom:1px solid #dfdfdf; background:#fff;  }/*모바일 메뉴*/
#topmenu {	display:none;}
#top { background-color:#fff; z-index: 999;position:absolute; top:0; left:0; width:auto;  }
#header {width:50%; padding:0; overflow:hidden;    }
#header div.logo { position:absolute; top:12px; left:5px;   box-sizing:border-box;  width:100%; text-align:center; z-index:10;}
#header div.logo img { height:45px;}
aside.util { display:none; }
#header div.logo {  width:auto; text-align:left; z-index:10;}
#topmenu .topmenu ul ul li  {  margin:0;}

/* header large */
header.large {  height: 69px; margin-top:36px }
header.large .logo img {  width: auto;  height: 60px;  position: absolute;  top: 0;   margin: auto; z-index: 9999;}
header.large ul > li {  margin: 0px 0 0 0}

.areaA {display:none;}
.areaB {display:block;}
 .areaB img{max-height:26px; vertical-align:top}
 .areaB {position:fixed; top:0; width:100%; background:#670001; text-align:center; color:#fff; padding:0px 0px 0 0px;
 z-index:9; height:38px; font-size:14px; font-weight:500}
.areaB a{color:#fff; display:inline-block; padding:7px 16px 0 16px; height:38px;}
.areaB a:last-child {width:60px; background:#f9e200; float:right; padding:5px 0 0 0}
.areaB span {display:inline-block; padding:5px 0 0 0; vertical-align: top}

/* header small */
header.small {  height: 50px; margin-top:36px }
header.small .logo img {  width: auto;  height: 60px;  position: absolute;  top: 0px;   margin: auto;}
header.small ul >  li {  margin: 0px 0 0 0;}
header ul >  li a{outline:none !important; }
}

@media (max-width: 768px) {
}
@media (max-width: 640px) {
}
@media (max-width: 480px) {
}
@media (max-width: 320px) {
}