/* header */
#header {position: absolute; width: 100%; z-index: 999; background-color: #fff;}
#header .navbar { width: 1200px; margin: 0 auto; position: relative;}
#header h1 {position: absolute; left: 0; top: -7px}
#header h1 a { width:117px; height:64px; background-image: url("../img/theartro_logo_.gif"); background-repeat: no-repeat, repeat; display: block; transition: all ease 0.3s}
#nav { padding: 20px 0; margin-top: 30px; text-align: center; width: 100%; transition: all ease 0.3s}
#nav > li { position: relative; display: inline-block ; color:#4c4c4c; font-weight: 900; font-size:15px;  }
#nav > li a {display: block; padding: 10px 30px; color:#222222; font-weight: 600; letter-spacing: 0.025em}
#nav > li a:link { color:#000000; font-weight: 600; }
#nav > li a:hover,
#nav li.on > a {color: #f29200}
#header .gnb_util { position: absolute; right: 0; top: 30px; transition: all ease 0.3s}
#header .gnb_util li { float:left;  color:#ffffff;  font-size:14px; }
#header .gnb_util .join { color:#66666; font-weight:400;  font-size:14px; padding-right: 20px; } 
#header .gnb_util .join:hover { text-decoration: underline;  } 
#header .gnb_util .serch { width:15px; height:15px; margin-top: 0px; background-image: url("../img/search.gif"); background-repeat: no-repeat, repeat; display:block; }


.dropbtn { background-color: #ffffff; cursor: pointer; }
.dropdown { position: relative; display: inline-block; }
.dropdown-content { transition: all ease 0.3s; display: none; position: absolute; background-color: #ffffff; min-width: 100px; color:#ffffff; font-size:14px; z-index:99999; top: 40px; left: 50%; margin-left: -80px; box-shadow: 2px 2px 10px #888888; border-top: 2px solid #fe8f00; padding: 0 10px 0 10px; }
.dropdown-content a { color: #aaaaaa; font-size: 13px; padding: 12px 16px; text-decoration: none; display: block; border-bottom: 1px solid #aaaaaa; width: 100px; font-weight:300; }
.dropdown-content li:last-child a { border:none; }
.dropdown-content a:hover {background-color: #ffffff; font-weight:300; }
.dropdown:hover .dropdown-content { display: block; }


.fixed #header {position: fixed; border-bottom: 1px solid #ccc}
.fixed #header h1 a {background-image: url(../img/fixed_logo.png); width: 109px; height: 29px; margin-top: 22px;}
.fixed #nav {margin-top: 0; padding: 10px;}
.fixed #header .gnb_util {top: 22px}
.fixed #container {padding-top: 95px;}