@charset "utf-8";
pre {white-space:normal}
@font-face{font-family:NG;src:url(NanumGothic.eot);src:local(※),url(NanumGothic.woff) format('woff')}

body, table, tr, td, input, textarea, select, form, div, button{
	font-family:나눔고딕, NG, sans-serif;
	line-height: 160%; 
	font-size: 12px;
	color: #333333;
	}
* html body { behavior:url(../rg4_css/csshover.htc); }
/*body, form {font-size:9pt;margin:0px 0px 0px 0px;}

body, table, tr, td, form {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: "돋움";
	font-size: 9pt;
	color: #666666;
	line-height: 160%;
} */
	,textarea,select {font-size:9pt;border:#BBB solid 1px;}
input[type=checkbox],
input[type=radio]
 {border:none}

img { border:none;}
A:link	{ text-decoration:none; color:#333}
A:visited{ text-decoration:none; color:#333}
A:hover {text-decoration:none; color:#009ddf}
A:active {text-decoration:none; color:#009ddf}


.button {
	font-family:나눔고딕, NG, sans-serif;
	font-size:12px;
	color:#333333;
	height:25px;
	background-color:#FFF;
	border-width:1px;
	border-color:#CCC;
	border-style:solid;
	padding-top:1px;
}

.site_list	{border-top:1px solid #488baa;border-left:none;border-right:none;border-collapse:collapse;border-bottom:solid 1px #cccccc;border-right:1px solid #cccccc;}
.site_list th	{color:#3b7c9a;font-weight:bold;font-size: 12px;height: 25px;background-color:#F0F0F4;border-bottom:1px solid #cccccc;border-left:1px solid #cccccc;border-right:none;text-align:center;}
.site_list td	{height:25px;padding:2px 0px 2px 0px;border-top:none;border-left:1px solid #cccccc;border-right:none;border-bottom:solid 1px #CCC;}

.site_content	{border:1px solid #CCCCCC; border-collapse:collapse;}
.site_content th	{background-color:#F0F0F4; color:#000000; padding:3px 3px 3px 3px; font-weight:normal;border:1px solid #CCCCCC;text-align:right}
.site_content td	{padding:3px 3px 3px 3px;border:1px solid #CCCCCC;}
.site_content input {border:#CCC 1px solid; font-size:9pt;}
.site_content textarea {border:#CCC 1px solid;font-size:9pt;}

.login_naver {background:url(../images/login_naver.png);}
.login_google {background:url(../images/login_google.png);}
.login_facebook {background:url(../images/login_facebook.png);padding-right:0;}
.login_twitter {background:url(../images/login_twitter.png);}

.login_naver ,
.login_google ,
.login_facebook ,
.login_twitter {background-repeat:no-repeat;width:160px;height:30px;text-align:left;border:none;color:#FFF;font-size:11px;padding-left:31px;margin:1px;cursor:pointer}

.login_snaver {background:url(../images/login_naver.png);}
.login_sgoogle {background:url(../images/login_google.png);}
.login_sfacebook {background:url(../images/login_facebook.png);}
.login_stwitter {background:url(../images/login_twitter.png);}

.login_snaver ,
.login_sgoogle ,
.login_sfacebook ,
.login_stwitter {background-repeat:no-repeat;width:30px;height:30px;cursor:pointer}

.login_box {margin:50px auto;width:350px; border-bottom:solid #ccc 1px;}
.login_box > .title {border-bottom:#ccc 1px solid;padding:10px;margin-bottom:5px;text-align:center}

.sub_title {text-align:center}
.sub_menu {padding:0;width:80%; text-align:left;}
.sub_menu li {display:block;padding:3px 0 2px 20px;}

#wrap{overflow:hidden; position:relative; width:100%; height:91px; background: url(../images/m_bg.gif); text-align:center;}
.main_img {position:relative; width:100%; height:480; text-align:center; background: url(../images/main_bg.gif);}



/* === header === */
#header { position:relative; overflow:hidden; margin:0 auto; padding:0; width:940px; height:92px; }
#header .logo { position:absolute; top:36px; width:940px; height:56px; text-align:left; }
#header .menu { position:absolute; top:14px; width:940px; height:36px; padding:0; text-align:right; }
#header .menu li { float:left; margin:60px 3px 0 0; padding:0 0 0 10px;display:inline-block}
#header .menu li.first {background-image:none;}
/* === header end === */

/* === topmenu === */
#topmenu {position:relative; float:left; width: 600px; height:91px;}
#topmenu .menu li {float:left;}
#topmenu li .menu ul { background:url(../images/m_top_bar.gif);background-repeat:no-repeat;}
#topmenu li.menu ul a { color:#ffffff; font-size: 12px; font-weight: bold;}
#topmenu .menu .menu_sub{ position:relative; float:left;} 

/* === topmenu end === */

  

#menuArea {width: 600px; height: 50px; margin:0 auto;}
#navi, #navi ul {list-style:none; position: relative;margin: 0; padding: 0;}
#navi a {display: block; text-decoration: none;}
#navi li {position: relative; float: left;}
#navi ul {position: absolute; width:500px; top:50px; padding: 10px 0px 0px 10px;}
#navi ul li {display: block;}
.sub a:hover, .sub a.on {position: relative; background: #ccc !important;color: #000 !important;}



/* === main === */
#mcontent{ position:relative;clear: both; width:940px; height:100%; margin:0 auto; padding:0 0 30px 0; text-align:center;}
#mcontent:after{display:block;clear:both;content:'';}
#mcontent .mleft{float:left; width:172px; height:450px; text-align:center; background:url(../images/left_bg.gif);}
#mcontent .mright{float:left; width:768px; padding:27px 0px 0px 0px; text-align:center;}
#mcontent .mright > .content{font-family:나눔고딕, NG, sans-serif;margin:0 auto; width:700px; padding:30px 0px 40px 0px; text-align:left;}

#mcontent .main01{ float:left; width:284; height:270; vertical-align:top;}
#mcontent .main02{ float:left; width:310; height:270; vertical-align:top;}
#mcontent .main03{ float:right; width:346; height:270; margin-top:35px}
#mcontent .mright .db_img {margin:0 auto; padding:30px 0px 40px 0px; width:700px;}
.his {border: 1px solid #ccc; width: 110px; text-align: center; line-height: 39px; margin-top: 20px; float: left; background-color:#eee; font-size: 20px; font-weight:bold; padding:10px;}
.h_tit {font-size:22px; color:#000; padding:10px;}
.line {clear: both; border-bottom-color: #ddd; border-bottom-width: 1px; border-bottom-style: solid; padding:10px;}


.a_box {background:#efefef; border:solid #d3d3d3 1px; width:270px; text-align:left; padding:20px; float:left; margin:15px;}
.a_box2 {background:#efefef; border:solid #d3d3d3 1px; width:600px; text-align:left; padding:20px; margin: 15px;}
.a_box3 {background:#f3eff8; border:solid #d7d7f3 1px; width:170px; height:160px; text-align:left; padding:18px; float:left; margin:3px;}
.a_tit {clear:both; text-align:left; margin:15px;}
/* === main end === */


/* === footer === */
#footer{border-top:1px solid #cccccc; padding:15px; width:100%; margin:0 auto; text-align:center; font-size:11px }
/* === footer end === */