@charset "utf-8";
/*CSS Document*/
@font-face{
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: normal;
  src: url('/css/fonts/NanumGothic.eot'); 
  src: local('┚'), url('/css/fonts/NanumGothic.woff') format('woff'), url('/css/fonts/NanumGothic.ttf') format('truetype'); 
}

@font-face{
  font-family: 'NanumGothic';
  font-style: normal;
  font-weight: bold;
  src: url('/css/fonts/NanumGothicBold.eot');     
  src: local('┚'), url('/css/fonts/NanumGothicBold.woff') format('woff'), url('/css/fonts/NanumGothicBold.ttf') format('truetype'); 
}

/* reset css */
body{margin:0; padding:0; }
html{overflow-y:scroll;}
body, table, th, td, input, select, textarea, div ,p{font-family:"나눔고딕",'NanumGothic',Helvetica; font-size:12px; color:#444444; }
h1, h2, h3, h4, h5, h6, ol, ul, li, form, fieldset, input, textarea, hr, p{margin:0; padding:0;}
img, fieldset{border:0 none;}
img{vertical-align:baseline;BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none;z-index:999;}
ol, ul, li{list-style:none;}
table{border-spacing:0; border-collapse:collapse; border:0 none;}
h1,h2,h3,h4,h5,h6{font-size:100%;}
button{border:0 none; padding:0; margin:0; background:transparent; *overflow:visible; cursor:pointer;}
button::-moz-focus-inner{border:0; padding:0;}
label{cursor:pointer;}

a:link{color:#444; text-decoration:none; selector-dummy:expression(this.hideFocus=true); outline:none;}
a:visited{color:#444; text-decoration:none; selector-dummy:expression(this.hideFocus=true); outline:none;}
a:hover{color:#444; text-decoration:none; selector-dummy:expression(this.hideFocus=true); outline:none;}
a:active{color:#444; text-decoration:none; selector-dummy:expression(this.hideFocus=true); outline:none;}



.check {COLOR: #666666;	BORDER: 0 solid #dddddd; font-size: 8px; background-color:ffffff;}
.radio {BORDER: 0; background-color:FFFFF7}

.pt10 {clear:both; padding-top:10px;}
.pt20 {clear:both; padding-top:20px;}
.pt30 {clear:both; padding-top:30px;}
.pt40 {clear:both; padding-top:40px;}


/*-----------------------------------------------------------------------------------*/


.page2 dl {margin:0;margin-bottom:50px; width:780px;}
.page2 dt {background: #fff url(../images/ar01.png) no-repeat ;  margin:0; text-indent:15px; line-height:25px; width:200px; font-size:14px; font-weight:bold;}
.page2 dd {margin:0;padding-right:0px; padding:0px; text-align:left; line-height:25px; text-indent:0px; font-size:12px;}


.Table1 {width:100%; border:1px solid #ddd; border-collapse:collapse;}
.Table1 th {background:#005180; border:1px solid #ddd; text-align:left; font-size:12px; padding:8px 10px; color:#fff;}
.Table1 td {border:1px solid #ddd; padding:8px 10px;}

.Table2 {width:100%; margin:0 auto; border:4px solid #ddd; border-collapse:collapse;}
.Table2 th {background:#f7f7f7; border:1px solid #ddd; text-align:left; font-size:12px; padding:8px 10px; color:#333;}
.Table2 td {border:1px solid #ddd; padding:8px 10px;}

.Table3 {width:100%; height:500px; margin:0 auto; border:0px solid #ddd; border-collapse:collapse;}
.Table3 th { border:1px solid #ddd; text-align:left; font-size:14px; padding:8px 10px; color:#333;}
.Table3 td {width:400px; height:30%; border:0px solid #ddd; padding:60px 20px 0px 30px;}
.Table3 div {}
.Table3 li {height:16px;}


.Table1_1 {width:100%; margin:0 auto; border:0px solid #ddd; border-collapse:collapse;}
.Table1_1 th {background:#ffffff; border-bottom:0px solid #ddd;width:100px; text-align:left; font-size:12px; padding:0px 0px; color:#333;}
.Table1_1 td {border-bottom:0px solid #ddd; padding:0px 0px; height:22px;}
.Table1_1 .fs {font-size:25;font-weight:bold;color:#ff6600;}
.Table1_1 span {font-size:16;font-weight:bold;color:#00b8ee;padding-right:10px;}

.hh30{height:30px;}
.mbn {width:1000px; }
.mbn li{float:left; }
.bc1{background-color:#ffe3de;}
.bg {background: #fff url(../images/menu/body_bg.gif) repeat-x;}
.mbg {background: #fff url(../images/main/mbg.gif) repeat-x;}

#wrap{width:100%;text-align:center;}
#wrap .inner{*width: 50%; margin: 0 auto; text-align:left;}



/***/
#top_box{width:1000px; height:170px; margin:0 auto; border:0px solid red;}


#top_box #top{height:122px;}
#top_box #top h1{float:left;margin-top:10px;}
#top_box #top .logo {text-align:left;float:right;padding-top:10px;}
#top_box #top .logo .co {color:#222;}
#top_box #top .logo li{padding-right:10px;float:left;color:#ffffff;}

#top_box .niv {height:25px; border:0px solid red;font-size:13px; padding-left:40px;}
/***/





/* main */
#main_con{width:1000px;height:340px; margin:0 auto; padding-bottom:0px;}
#main_con #main_img{width:1000px; height:313px;   margin-bottom:10px;float:right; position:relative; z-index:1; }
#main_img li{float:left;list-style:none;margin-top:10px; z-index:1;}


#main_con2{width:1000px;  margin:0 auto; }
#main_con2 h1 {text-align:left;line-height:30px;margin-bottom:20px;}

#main_con2 #banner01{float:left; margin-top:10px;}
#main_con2 #banner01 .b1 {border:0px dashed #ddd; background-color:ffff;width:320px; height:160px;overflow:hidden;}

#main_con2 #banner02{float:left;margin-top:10px;}
#main_con2 #banner02 #review{height:144px; }
#main_con2 #banner02 #review .more{float:right}
#main_con2 #banner02 #review #viewlist{height:113px;  float:left; }
#main_con2 #banner02 #review #viewlist #reviewlist{padding-bottom:3px;width:330px;}
#main_con2 #banner02 .b2 img{margin:0px 10px 0px 10px ;}
#main_con2 #banner02 .b2 {text-align:center;background-color:fff;width:354px; height:160px;}
#main_con2 #banner02 h1{text-indent: 2.5em;}

#main_con2 #banner03{float:left; margin-top:10px;}
#main_con2 #banner03 ul{margin:0px; padding-top:30px;}
#main_con2 #banner03 ul li{list-style:none; display:inline; float:left;}
#main_con2 #banner03 .b_r_p{padding-right:9px;}
#main_con2 #banner03 .b3 {border:0px dashed #ddd; background-color:ffff;width:320px; height:160px;overflow:hidden;}



/* sub */
#sub_box{width:1000px; margin:0 auto;}
#sub_box #leftmenu{width:200px;float:left; }
#leftmenu li{margin-top:0px;text-align:left; border:0px solid #ddd;}
#sub_box #sub_con{width:800px;float:right;}
#sub_con h1{text-align:left;margin-bottom:10px;}


#sub_con #p2{background: #fff url(../images/page/p2bg.png) repeat-x;}

#sub_con #p1 p{font-size:13px;height:30px; text-align:right; }
#sub_con #p1 {height:500px;background:url(../images/page/p1bg.png) top left no-repeat;  overflow:hidden;padding:40px 20px 20px 20px; }

#sub_con #p3 {height:600px;background:url(../images/page/p3bg.png) top left no-repeat;  overflow:hidden;padding:0px 20px 20px 20px; }
#sub_con #p3 p {font-size:13px;height:20px; text-align:left; }
#sub_con .subtm {padding-bottom:30px;border-bottom:1px solid #dddddd;}
#sub_con .subtm li{float:left;text-indent:15px;background:url(../images/dot.png) top left no-repeat;padding-right:10px;font-size:14px;}


#sub_main_con{width:1000px; margin:0 auto; padding-bottom:50px;}
#sub_main_con #sub_main_img{ height:84px; margin-top:40px;}
#sub_main_con #roan {width:1000px;height:107px;margin-bottom:10px;}




/* bbs */
#sub_box #bbs{width:800px;float:right;}
#bbs h1 {margin-bottom:10px;}
#sub_box #left_con{width:200px;float:left; }
#sub_box #left_con li{list-style:none;margin:0px;margin-top:0px;text-align:left;}


/* footer */
#bottom_box{width:1000px;margin:0 auto;clear:both; background: #fff url(../images/footer/fbg.png) repeat-x;}
#bottom_box #copyright{text-align:left; border-top:0px solid #222; padding-top:30px;}
#bottom_box #copyright li{float:left;}
#bottom_box #copyright p {font-size:12px; line-height:18px;}



/* topmenu */
*{
	margin:0;
	padding:0;
	list-style-type:none;
}


ul.menu li{
	float:left;
	width:160px;
	height:32px;
	background-color:#f7f7f7;
	position:relative;
	z-index:99999;
	font-size:16px;
}
ul.menu li a{
	display:block;
	width:100%;
	height:100%;
	line-height:32px;
	text-indent:10px;
	color:#444;
	text-decoration:none;
}
ul.menu li a:hover{
	background-color:#f7f7f7;
	color:#888;
}
ul.menu li ul.sub{
	position:absolute;
	border:1px solid #ddd;

}
ul.menu li ul.sub li {font-size:13px;border-bottom:1px solid #ddd; }
ul.menu{
	zoom:1;
}
ul.menu:after {
	height:0;
	visibility:hidden;
	content:".";
	display:block;
	clear:both;
}