@font-face {font-family:MalgunGothic; src:url(../img/MalgunGothic.eot);}
@charset "utf-8";
body {margin:0; padding:0; font-family:Arial,Helvetica,"맑은 고딕",MalgunGothic,"돋움",sans-serif; position:relative; }
a, a:hover, a:focus {outline:none; text-decoration:none;}
a:hover {color:#ff00ff;}
.clear {clear:both;}
/* 로그인 시작 */
.jqmOverlay { background-color:#000; }
#loginWindow{ display:none; position:absolute; background-color:#f3f3f3; top:170px; left:50%; padding:5px; width:340px; margin-left:-196px; z-index:10000; border:1px solid #d4d4d4; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px;  }
#loginWindow .inputText { display:block; width:165px; margin:2px 0 4px 0; height:14px; padding:4px; border:1px solid #e2e2e2; background-color:#f2f2f2; text-align:left; font-size:12px; color:#999; }
#loginForms { background-color:#fdfdfd; border:0; padding:0px; margin:0;}
#loginForms h2 { font-size:14px; color:#3e3e3e; margin:0; padding:12px 13px; }
#loginForms h5 { font-size:12px; color:#999; margin:0; padding:9px 13px; background-color:#fbfbfb; border-top:1px solid #f1f1f1; border-bottom:1px solid #f1f1f1; }
#loginForms form { border:0; padding:10px; margin:0; }
#loginForms fieldset { border:0; padding:0; margin:0 auto; width:270px; *width:280px;}
#loginForms dl { padding:0; margin:0; overflow:hidden; }
#loginForms dd { float:left; margin:0px 5px 0 0; padding:0; vertical-align:bottom;}
#loginForms label { font-size:11px; padding:0; margin:0;}
.keep_login {padding:5px 0 !important; color:#666;} 
#loginHelp { overflow:hidden; padding:0; padding-bottom:15px; margin:0 auto; width:285px; *width:310px; vertical-align:middle;}
#loginHelp ul { margin:0; padding:0; list-style:none; overflow:hidden; }
#loginHelp li { float:left; padding:0 7px; border-left:1px solid #eee; }
#loginHelp li:first-child { border:0; }
#loginHelp  a{ color:#999; text-decoration:none; font-size:11px; }
#loginHelp  a:hover{ color:#666; }
.img_button { margin-top:2px; margin-left:3px; color:#eee; border:1px solid #333; height:24px; background-color:#555; font-size:11px; padding:4px 7px; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
/* 로그인 끝 */

#memberProfile { display:none; position:absolute; right:168px; top:33px; background:#fdfdfd; border:1px solid #d4d4d4; z-index:10000; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
#memberProfile h2 { margin:0; padding:6px 20px 8px 20px; font-size:12px; line-height:1; border-bottom:1px solid #e0e0e0; }
#memberProfile ul { margin:0; padding:0; }
#memberProfile li { float:none; display:block; list-style:none; margin:0; padding:0; }
#memberProfile a { display:block; font-family:Tahoma, sans-serif; font-size:12px; line-height:1; color:#555; text-decoration:none; margin:0; padding:7px 30px 6px 20px; border:0; }
#memberProfile li:last-child a { padding-bottom:12px;}
#memberProfile a:hover,
#memberProfile a:active,
#memberProfile a:focus { color:#000; background:#f2f2f2; }

#wrap { margin:0; padding:0; background:#ffffff; position:relative; }
#container { width:920px;  margin:5px auto; }
#header {border-top:3px solid #CCC; padding-top:20px; margin:0; text-align:center;}
#logo {float:left; width:25%; padding:0; border-right:1px solid #CCC; margin:0; text-align:center;}
#logo h1 { padding:0; margin:0; }
#main_menu {float:right; width:73%; padding:30px 0 0 0; text-align:center; }

#sub_container { overflow:hidden; }
/* sub_layout start */
#sub_top {padding:10px 0; margin:0; border-bottom:1px solid #ececec; _height:14px; }
#sub_top ul { margin:0; padding:0 0 0 10px; list-style:none; overflow:hidden;background:url(../img/nav_right_dark.gif) no-repeat 4px 14px;  }
#sub_top li { float:left; padding:10px 10px 10px 0; background:url(../img/nav_right_dark.gif) no-repeat right 14px;  }
#sub_top li:last-child {background:none;  }
#sub_top a { color:#666; text-decoration:none; padding:5px 6px; }
#sub_top a:hover { color:#ddd; background-color:#666; border-radius:3px; -webkit-border-radius:3px; -moz-border-radius:3px; }
/* sub_layout end */

/* sub_left start */
#sub_left { width:200px; float:left; margin-top:20px; margin-right:40px;}

#second_menu { margin-bottom:30px; }
#second_menu div { height:15px; padding:12px 16px; *padding-top:11px; border:1px solid #ddd; color:#676767; border-top-left-radius:5px; -webkit-border-top-left-radius:5px; -moz-border-top-left-radius:5px; border-top-right-radius:5px; -webkit-border-top-right-radius:5px; -moz-border-top-right-radius:5px; background-color:#eaeaea; background:url(../img/bg_sub.gif) repeat-x; font-weight:bold; }

#sub_right { width:680px; float:right; margin-top:20px;}

#slides_container { position:relative; margin:0; padding:0; height:350px; margin-top:5px;}
#slides_container .caption p { font-size:12px;line-height:22px; }
#content { margin-top:20px; }

#wrap_bottom {margin-top:20px; overflow:hidden; width:100%; }
#container_bottom { width:920px; margin:0 auto; text-align:center; background:#eaeaea;}
#bottom_info { padding:0px 20px; clear:both; overflow:hidden; }
#copyright_comment { padding:26px 0 22px 0; color:#666; font-size:11px;}
#bottom_menu { float:right; }
#bottom_menu ul { margin:0; padding:0; list-style:none;}
#bottom_menu li { padding:26px 8px 22px 8px; float:left; }
#bottom_menu a { text-decoration:none; color:#666; }
#bottom_menu a:hover { color:#aaa; }


#bottom_widget { float:left; clear:both; padding-bottom:20px; }

.widget_list { float:left; padding:0 20px; width:266px;}

#nav {margin:0; padding:0; height:38px; text-align:center; z-index:1000; align-items:center; justify-content:center; display:flex;}
#nav *:hover { background-color: none; }
#nav li {display:inline; list-style: none; margin:0; padding:0;}
#nav li.on a {color:#000;}
#nav a {font-size:11px; color:#888; padding:10px 8px 10px 10px; line-height:1; text-decoration:none; font-family:"Trebuchet MS",Arial,Sans-Serif; letter-spacing:1px; font-weight:bold;}

#nav ul { width: 130px;  display: none; position: absolute; left: -5px; margin: 0; padding: 0; _overflow:visible !important;  padding:6px 4px; background: white; border: 1px solid #E0E0E0; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-left-style: solid; border-top-color: #E0E0E0; border-right-color: #E0E0E0; border-bottom-color: #E0E0E0; border-left-color: #E0E0E0; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; -webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); box-shadow: 0 0 4px rgba(0, 0, 0, 0.1); }
* html #nav ul { line-height: 0; } /* IE6 "fix" */
  	#nav ul a { zoom: 1; } /* IE6/7 fix */
    #nav ul li { _height:0px;  top:-7px; left: 132px; background:#fafafa;  }
    #nav ul ul { top: 0; }
    
#nav li img {width:18px; padding:0;}    
#nav ul li a { border-bottom:1px solid #f0f0f0; }
#nav ul li:last-child a { border-bottom:none; }
#nav a:hover { color:#333; }
#nav ul a { border-bottom: 1px solid white; border-right: none; opacity: 0.9; filter: alpha(opacity=90); }
.nav_drop_down { padding-right:11px !important; background:url(../img/nav_down.gif) no-repeat right 14px; }
.nav_drop_right { background:url(../img/nav_right.gif) no-repeat right 12px; }
.nav_noline { border-bottom:none !important; } 
/* #nav ul a { border-bottom: none; } - I also needed this for IE6/7 */


#sec_nav { margin:0; padding:0; background-color:#fcfcfc; border:1px solid #ddd; border-top:0; border-bottom-left-radius:5px; -webkit-border-bottom-left-radius:5px; -moz-border-bottom-left-radius:5px; border-bottom-right-radius:5px; -webkit-border-bottom-right-radius:5px; -moz-border-bottom-right-radius:5px;}
#sec_nav li { display: block; list-style: none; margin: 0; padding: 0; position: relative; border-bottom:1px solid #e1e1e1; }
#sec_nav li:last-child { border-bottom:0;}
#sec_nav a { display: block; }
#sec_nav ul { display: none; position: absolute; margin: 0; padding: 0; }
* html #sec_nav ul { line-height: 0; } /* IE6 "fix" */
#sec_nav ul a { zoom: 1; } /* IE6/7 fix */
#sec_nav ul li { float: none; }
#sec_nav ul ul { top: 0; }
#sec_nav li:hover { background-color:#f2f2f2; }

#sec_nav ul { width: 130px;  top: -1px; left:198px;}

#sec_nav *:hover { background-color: none; }
#sec_nav a { color:#797979; font-size: 12px; padding:12px 16px; line-height: 1; text-decoration:none; }
#sec_nav li.hover a { }
#sec_nav ul { padding:0;  background: white; border: 1px solid #ddd;  }
#sec_nav ul li a { padding:12px 16px; background-color:#fcfcfc; }
#sec_nav a:hover { color:#333; }
#sec_nav ul a { margin-left:0; }