@charset "euc-kr";
/* Type Selector */

*{margin:0; padding:0; font-family:Dotum, AppleGothic, Sans-serif; }
body{font-size:11px;color: #9a9a9a;line-height:1.4em;}
img, fieldset, button{border:none;}
hr, button img{display:none;}
li{list-style:none; text-align:left}
em{font-style:normal;}
a{text-decoration:none; color:#e1e1e1;}
a:hover, a:active, a:focus{text-decoration:none; color:#fff799;}
textarea{overflow:auto; background:#f2f1f0}
table{border-collapse:collapse;}
html:first-child select{padding-right:6px; height:20px;} /* Opera 9 & Below Fix */
option {padding-right:6px;} /* Firefox Fix */
caption, legend, .alt {position:absolute; top:0; left:0; width:0; height:0; overflow:hidden; visibility:hidden; display:none; font-size:0; line-height:0;} /* For Screen Reader */

.png24 {
	tmp:expression(setPng24(this));
}

.more{float:right; color:#968954; font-size:15px; padding:5px;}

#hwang_wrap{width:100%; height:100%;}
#hwang_wrap #main{background: url(../images/main_imageback.gif) no-repeat 50% 104px;}
#hwang_wrap #main #body{width:960px; height:100%; margin:0 auto; position:relative }
#hwang_wrap #main #body .top{ height:104px;}
#hwang_wrap #main #body .top .logo{ float:left; width:134px;}
#hwang_wrap #main #body .top .menu{ float:right;}
#hwang_wrap #main #body .second{height:25px; border-top: 1px solid #d3d3d3;border-bottom: 1px solid #d3d3d3; padding:5px}
#hwang_wrap #body .second .main_notice{ float:left; margin-top:5px}
#hwang_wrap #body .second .main_notice .main_notice_title{color:#005f85}
#hwang_wrap #main #body .second .main_mem{ float:right}
#hwang_wrap #main #body .second .main_mem .input{ border:1px solid #dbf4ff; width:150px; padding:1px;}
#hwang_wrap #main #body .main_flash{ height:382px;}
#hwang_wrap #main #body .main_flash .main_03{ height:382px; z-index:100; position:absolute; top:138px;left:0}
#hwang_wrap #main #body .main_flash .main_04{ height:248px; z-index:200; position:absolute; top:275px;left:0}
#hwang_wrap #main #body .main_con1{ height:134px;}
#hwang_wrap #main #body .main_con1 .time{float:left; width:194px; background:url(../images/main_line.gif) no-repeat right center}
#hwang_wrap #main #body .main_con1 .slide{ position:absolute; right:-60px; top:462px; width:767px; height:193px; z-index:300;}


#hwang_wrap #main #body .main_con2{ height:107px;border-top:1px solid #dbf4ff; padding-top:21px;}

#hwang_wrap #main #body .main_con2 .banner{float:left; width:194px; background:url(../images/main_line.gif) no-repeat right center; text-align:left}
#hwang_wrap #main #body .main_con2 .main_online{float:left; width:255px; background:url(../images/main_line.gif) no-repeat right center}
#hwang_wrap #main #body .main_con2 .main_online .online_top{width:100%; float:left}
#hwang_wrap #main #body .main_con2 .main_online .online_top .online_title{float:left; padding-left:10px;}
#hwang_wrap #main #body .main_con2 .main_online .online_con .online_point{ font-weight: bold; margin-right:3px}
#hwang_wrap #main #body .main_con2 .main_online .online_con{width:100%; float:left}
#hwang_wrap #main #body .main_con2 .main_online .online_con ul{ margin:5px 0 0 10px}
#hwang_wrap #main #body .main_con2 .main_online .online_con li{ line-height:20px;}
#hwang_wrap #main #body .main_con2 .main_online .more{float:right; padding-right:10px;}

#hwang_wrap #main #body .main_con2 .main_careafter{float:left; width:253px; background:url(../images/main_line.gif) no-repeat right center}
#hwang_wrap #main #body .main_con2 .main_careafter .careafter_top{width:100%; float:left}
#hwang_wrap #main #body .main_con2 .main_careafter .careafter_top .careafter_title{float:left; padding-left:10px;}
#hwang_wrap #main #body .main_con2 .main_careafter .careafter_con .careafter_point{ font-weight: bold; margin-right:3px}
#hwang_wrap #body .main_con2 .main_careafter .careafter_con{width:100%; float:left}
#hwang_wrap #body .main_con2 .main_careafter .careafter_con ul{ margin:5px 0 0 10px}
#hwang_wrap #body .main_con2 .main_careafter .careafter_con li{ line-height:20px;}
#hwang_wrap #body .main_con2 .main_careafter .more{float:right; padding-right:10px;}

#hwang_wrap #main #body .main_con2 .main_pds{float:left; width:258px;}
#hwang_wrap #main #body .main_con2 .main_pds .pds_top{width:100%; float:left}
#hwang_wrap #main #body .main_con2 .main_pds .pds_top .pds_title{float:left; padding-left:10px;}
#hwang_wrap #main #body .main_con2 .main_pds .pds_con{width:100%; float:left}
#hwang_wrap #main #body .main_con2 .main_pds .pds_con .pds_image{float:left; margin:10px 0 0 10px}
#hwang_wrap #main #body .main_con2 .main_pds .pds_con .pds_image .psd_pic{border:1px solid #dedede}
#hwang_wrap #main #body .main_con2 .main_pds .pds_con .pds_text{float:left; margin:5px 0 0 8px}
#hwang_wrap #main #body .main_con2 .main_pds .pds_con ul{ padding:0;}
#hwang_wrap #main #body .main_con2 .main_pds .pds_con li{ line-height:20px;}
#hwang_wrap #main #body .main_con2 .main_pds .more{float:right; padding-right:10px;}

#hwang_wrap #main #body .main_footer{height:100px;border-top:1px solid #dbf4ff; background:url(../images/footer_logo.gif) no-repeat left top; padding-top:21px;}
#hwang_wrap #main #body .main_footer .right{float:right;}
#hwang_wrap #main #body .main_footer .right li{text-align:right}


#hwang_wrap #sub{background: url(../images/sub_imageback.gif) no-repeat 50% 104px; }
#hwang_wrap #sub #body{width:960px; height:100%; margin:0 auto; position:relative;}
#hwang_wrap #sub #body .top{ height:104px;}
#hwang_wrap #sub #body .top .logo{ float:left; width:134px;}

#hwang_wrap #sub #body .top .menu{
	float:right;
  width: 740px;
	text-align:center;
	margin-top:30px;
	margin-left:26px;
}

#hwang_wrap #sub #body .top .menu ul{
  font-size:0;
  text-align: center;
  position:relative;
  margin:0 auto;
}

#hwang_wrap #sub #body .top .menu ul:after{
  content:'';
  clear:both;
  display:block;
}

#hwang_wrap #sub #body .top .menu ul li.main_menu{
  letter-spacing: -1px;
  font-size: 14px;
  float:left;
  text-align:center;
	line-height: 30px;
	height: 30px;
	padding: 0 12px;
	min-width: 55px;
}

#hwang_wrap #sub #body .top .menu ul li.main_menu:hover{
	background: linear-gradient(180deg, #7bc2de, #3da5cf);
  border-radius: 8px;
}

#hwang_wrap #sub #body .top .menu ul li.main_menu:hover a{
	color:#fff;font-weight:400;
}

#hwang_wrap #sub #body .top .menu ul li.main_menu a{
  font-family:'Nanum Gothic',sans-serif;
	font-size:14px;
	color: #797373;
	font-weight:600;
}

#hwang_wrap #sub #body .top .menu.main_menu:hover a{
  color: #fff799;
}

#hwang_wrap #sub #body .top .menu ul li.main_menu .sub_menu{display:block;position:absolute;opacity:0;visibility: hidden;transition:all .3s;width:auto;}
#hwang_wrap #sub #body .top .menu ul li.main_menu .pr{left:inherit;right:0;}
#hwang_wrap #sub #body .top .menu ul li.main_menu:hover .sub_menu{opacity:1;visibility:visible;}
#hwang_wrap #sub #body .top .menu ul li.main_menu .sub_menu li{float:left;display:inline-block;margin:0 18px 0 0;}
#hwang_wrap #sub #body .top .menu ul li.main_menu .sub_menu li a{color:#797373;font-size:13px;}
#hwang_wrap #sub #body .top .menu ul li.main_menu .sub_menu li:hover a{color:#0394d5;font-weight:bold;}

#hwang_wrap #sub #body .second{height:34px; }
#hwang_wrap #body .second .main_notice{ float:left; margin-top:5px}
#hwang_wrap #body .second .main_notice .main_notice_title{color:#005f85}
#hwang_wrap #sub #body .second .main_mem{ float:right}
#hwang_wrap #sub #body .second .main_mem .input{ border:1px solid #dbf4ff; width:150px;}


#hwang_wrap #sub #body .sub_top {position:relative; height:212px; }
#hwang_wrap #sub #body .sub_top .sub_flash {position:relative; height:212px; left:0px;}
#hwang_wrap #sub #body .sub_top .sub_location {position:absolute; right:0px; top:146px;}
#hwang_wrap #sub #body .sub_top .sub_location li{ display:inline; font-size:11px; color:#979797;}
#hwang_wrap #sub #body .sub_top .sub_location li a{font-size:11px; color:#f94848;}
#hwang_wrap #sub #body .left_menu {float:left; width:229px; margin-right:11px;}
#hwang_wrap #sub #body .left_menu .left_title { margin-bottom:8px;}
#hwang_wrap #sub #body .left_menu .left_btn { margin-bottom:5px; text-align:center;}
#hwang_wrap #sub #body .left_menu .banner_01 { margin-top:76px; text-align:center;}
#hwang_wrap #sub #body .left_menu .banner_02 { text-align:center;}
#hwang_wrap #sub #body .left_menu .banner_03 { text-align:center; margin-bottom:20px;}
#hwang_wrap #sub #body .sub_con {float:left;}
#hwang_wrap #sub #body .sub_con .sub_title { text-align:left; margin-bottom:13px;}
#hwang_wrap #sub #body .sub_con .contants {}

#hwang_wrap #sub #body .sub_con .contants #board_magin { margin-left:16px; margin-right:16px;}
#hwang_wrap #sub #body .sub_con .contants .notice_title { background-image:url(../board/notice_design/board_notice_bg.gif); background-repeat:repeat-x; line-height:15px; height:34px;}
#hwang_wrap #sub #body .sub_con .contants .notice_search { margin-bottom:11px;}
#hwang_wrap #sub #body .sub_con .contants .notice_text { font-size:11px; color:#999999; line-height:30px;}
#hwang_wrap #sub #body .sub_con .contants .notice_btn { margin-top:25px;}
#hwang_wrap #sub #body .sub_con .contants .notice_line { background-color:#dbdbdb; height:1px;}


#hwang_wrap #sub #body .sub_con .contants .read_text { padding:10px;}
#hwang_wrap #sub #body .sub_con .contants .read_line { background-color:#CCCCCC; height:1px;}





#hwang_wrap #sub #body .sub_con .contants .page_99_03_magin_01 { height:24px;}
#hwang_wrap #sub #body .sub_con .contants .page_99_03_magin_02 { height:20px;}
#hwang_wrap #sub #body .sub_con .contants .page_99_03_line_01 { background-color:#979797; width:1px;}
#hwang_wrap #sub #body .sub_con .contants .page_99_03_line_02 { background-color:#e3e3e3; height:1px;}
#hwang_wrap #sub #body .sub_con .contants .page_99_03_line_03 { height:2px; background-color:#383838;}
#hwang_wrap #sub #body .sub_con .contants .page_99_03_title_01 { width:100px;}
#hwang_wrap #sub #body .sub_con .contants .page_99_03_txt_01 { font-size:12px; color:#979797; line-height:18px; padding-right:10px;}
#hwang_wrap #sub #body .sub_con .contants .page_99_03_txt_01 a{text-decoration:none; color:#666;}
#hwang_wrap #sub #body .sub_con .contants .page_99_03_txt_01 a:hover, a:active, a:focus{text-decoration:none; color:#993300;}










#hwang_wrap #sub #body .main_footer{height:100px;border-top:1px solid #dbf4ff; background:url(../images/footer_logo.gif) no-repeat left top; padding-top:21px;}
#hwang_wrap #sub #body .main_footer .right{float:right;}
#hwang_wrap #sub #body .main_footer .right li{text-align:right}