*,*: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:9px 0 0 0; }
#header div.logo { position:absolute; padding-top:2px; box-sizing:border-box;  width:210px; z-index:10;}
aside.util {width:100%; font-size:12px; display:block; background-color:#f0f0f0; border-bottom:1px solid #e9e9e9; }
aside.util div.util_Area { width:1100px;  margin:0 auto;  text-align:right; 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; }

/*---------------------------------------
  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 */
header.large {  height: 115px; border-bottom:0px solid #999; background-color: #fff; z-index: 99; }
header.large img {  width: auto;  height: 60px;  position: absolute;  top: 5px;   margin: auto;}
header.large ul > li {  margin:10px 0 0 0}
header.large .util {margin-top:0;}
header.large .topmenu ul li a{height:60px;}
/* header small */
header.small {  height: 60px; border-bottom:1px solid #dfdfdf; background-color: #fff; z-index: 99;}
header.small img {  width: auto;  height: 48px;  position: absolute;  top: 0px;   margin: auto;}
header.small ul >  li {  margin: 0px 0 0 0;}
header.small .util {margin-top:-30px;}
header.small .topmenu ul li a{height:50px;}
/* 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;  position:relative;}
#topmenu .topmenu {width:1100px; box-sizing: border-box;  margin:0 auto;  padding:0 0px 0px 300px;   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; }
#topmenu .topmenu ul  {list-style: none;  padding: 0; margin: 0;}
#topmenu .topmenu ul li a{ display:block;  padding-top:12px; margin:0; box-sizing: border-box; }

#topmenu .topmenu li {background-position: center 53px;}
#topmenu .topmenu li:hover {background-image:url("../img/bg_menu.png"); background-repeat:no-repeat; background-position:
 center 53px; }

#topmenu .topmenu ul:after  { content: ""; clear: both; display: block;  }
#topmenu .topmenu ul li { float: left; width:20%; text-align:center; border-right:0px solid #dfdfdf;  box-sizing: border-box; padding:0;}
#topmenu .topmenu ul ul { background-color:#fff; margin: 0px; padding:0; position: absolute; border:2px solid #353535;   z-index:5;  }
#topmenu .topmenu ul ul li  { float: none;  text-align:left; width:170px; 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:18px;  margin: 2px 0em 0.9em 0em; border-right:0px solid #e1e1e1; }
#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:1px solid #dfdfdf; height:auto; background: #fff;  padding:13px 5px 13px 15px;  border-right:0px;}
#topmenu .topmenu li li a:hover {  text-decoration: none; margin: 0; background-image:none; background-color:#353535; color:#fff; border-bottom:1px solid #353535; }

.mobile {display:none;}

/*---------------------------------------
  MOBILE RESPONSIVE              
-----------------------------------------*/
@media (max-width: 1023px) {
.slicknav_menu {display:block; border-bottom:1px solid #dfdfdf;}/*모바일 메뉴*/
.mobile {display:block;}
#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;    }
div.logo { float:left; padding:0px 0px 0 5px; top:5px;}
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: 50px; }
header.large img {  width: auto;  height: 60px;  position: absolute;  top: 0;   margin: auto;}
header.large ul > li {  margin: 0px 0 0 0}

/* header small */
header.small {  height: 50px;}
header.small img {  width: auto;  height: 60px;  position: absolute;  top: 0px;   margin: auto;}
header.small ul >  li {  margin: 0px 0 0 0;}
}

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