@charset "UTF-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);



#sub_vi	{
	width:100%;
	height:270px; 
	float:left; 
	background:url('/common/img/common/sub_vi.jpg') no-repeat top center;  
}

#sub_tit_wrap	{
	width:1000px; 
	margin:0 auto; 
	text-align:center; 
	line-height:270px;
}

#sub_tit_wrap h2	{
	font-size:58px; 
	font-weight:800; 
	font-style:italic; 
	color:#fff;
	
}

.sub_arrow_r	{
	float:right; 
	position:relative; 
	top:101px;
	display:block
}

.sub_arrow_l {
	float:left; 
	position:relative; 
	top:101px;
	display:block;
}



#contents	{
	width:1000px; 
	margin:0 auto; 
	overflow:hidden;
}

.tab{
	width:996px; 
	float:left; 
	border-top:1px solid #dbdbdb; 
	border-left:1px solid #dbdbdb;
	margin:30px 0 50px 0;
	
}


.tabmenu{
	float:left; 
	height:41px; 
	border-right:1px solid #dbdbdb; 
	border-bottom:1px solid #dbdbdb;
	width:164px;
	line-height:40px; 
	text-align:center;
}


.tabmenu a{
	font-size:13px;
	display:block;
	letter-spacing:-1px;
}


.tabmenu a:hover{
	color:#fff;
	background:#11215d;
	border-right:1px solid  #11215d;
	border-top:1px solid #11215d; 
	border-bottom:1px solid #11215d;
}


.tabmenu_ov{
	float:left; 
	background:#11215d;
	height:40px;
	width:165px;
	border-top:1px solid #11215d;
	border-bottom:1px solid #11215d;
	text-align:center;
	line-height:40px;
}


.tabmenu_ov a{
	color:#fff; 
	display:block;
	font-size:13px;
	font-weight:bold;
}

.tit{
	font-size:34px; 
	font-weight:bold; 
	text-align:center; 
	margin-bottom:50px; 
	color:#363636;
	width:100%; 
	float:left;
}



.product_list{
	float:left; 
	width:488px; 
	height:198px;
	border:1px solid #c6c4c4;
	margin:0 20px 30px 0;
}

.last{
	margin-right:0 !important
}

.product_img{
	float:left; 
	width:274px;
}

.product_content{
	float:left;
	background:url('/common/img/product/product_bg.png') repeat;
	width:181px;
	height:153px;
	padding:45px 0 0 33px;
	line-height:20px;
	letter-spacing:-1px;
}
.product_content a{
	color:#fff;
	display:block;
	width:181px; 
	height:198px;
}

.product_tit{
	font-size:23px;
	font-weight:600; 
	position:relative; 
	bottom:10px;
}

.view_btn{
	border:1px solid #fff; 
	width:103px; 
	height:28px;
	display:block; 
	text-align:center;
	line-height:28px;
	margin-top:20px;
}
.view_btn:hover{
	background:#fff;
	color:#777;
}


.num_wrap{
	width:1000px;
	text-align:center;
	float:left;
	margin:30px 0 30px 0;
}


.num{
	position:relative; 
	top:-2px;
	
}







.num a{
	display:inline-block;
	font-size:14px; 
	width:24px;
	height:24px;
	line-height:26px;
}

.on{
	background:#11215d; 
	width:24px;
	height:24px;
	padding:4px 0 6px 0;
	line-height:24px;
}

.on a{
	color:#fff; 
	display:inline-block; 
	font-size:14px; 
	font-weight:600;
	height:24px;
	width:24px;
}


.detail{
	text-align:center;
	padding-bottom:50px; 
	border-bottom:1px solid #dbdbdb;
}

.detail_top{
	width:100%; 
	float:left; 
	text-align:center; 
	padding-bottom:30px; 
	margin-bottom:50px;
	border-bottom:1px solid #dbdbdb
}

.detail_top h2{
	font-size:36px;
	font-weight:600;
	color:#343434;
	margin-bottom:15px;
}

.detail_top p{
	font-size:15px; 
	color:#666; 
}

.list_btn{
	float:right;
	margin-top:20px; 
	background:#11215d; 
	width:60px; 
	height:25px;
	text-align:center;
	border:1px solid #071035
}

.list_btn a{
	color:#fff; 
	font-size:12px; 
	display:block;
	border:1px solid #25387e;
	line-height:23px
}


.gallery_list{
	float:left;
	margin:0 20px 30px 0;
}

.gallery_img img{
	margin-bottom:10px;
}

.gallery_img h3{
	font-size:16px;
	font-weight:500;
	color:#343434;
	margin:0 0 5px 10px;
	
}
.gallery_img p{
	font-size:12px;
	color:#777;
	margin-left:10px;
}

.gallery_tit{
	font-size:26px;
	font-weight:500; 
	text-align:center; 
	border-bottom:1px solid #dbdbdb
}

.gallery_date{
	font-size:13px; 
	color:#666; 
	vertical-align:bottom;
	font-weight:normal; 
	width:100px; 
	border-bottom:1px solid #dbdbdb;
	padding-bottom:10px !important;
}

.gallery_content{
	width:100%; 
}

.gallery_content th{
	padding:15px 0;
}

.gallery_content td{
	padding:20px 0; 
	border-bottom:1px solid #dbdbdb;
}

.news_list	{
	width:100%;
	float:left; 
	padding-bottom:20px; 
	margin-bottom:20px; 
	border-bottom:1px solid #ccc
}

.news img{
	float:left;
	margin-right:30px;
}

.news h3{
	font-size:24px;
	font-weight:500;
	margin-bottom:20px;
}

.news p	{
	font-size:13px;
	color:#666; 
	line-height:20px;
}

.news p:hover{
	text-decoration:underline
}


.board	{
	width:100%;
	float:left;
}

.board th{
	padding:20px 0;
	background:#11215d;
	color:#fff;
	text-align:center;
}

.board td{
	padding:20px 15px; 
	border-bottom:1px solid #dbdbdb; 
	text-align:center;
}


.board_view{
	width:100%;
	float:left; 
}

.board_view th{
	padding:15px; 
	background:#11215d; 
	color:#Fff;
	font-size:18px;
	font-weight:600
}

.board_view td{
	padding:15px; 
	border-bottom:1px solid #dbdbdb;
	text-align:left;
	line-height:20px;
}
.lock{
	background:url('/common/img/community/lock_bg.jpg') no-repeat 150px 100px; 
	width:100%; 
	float:left; 
	height:400px;
	position:relative; 
}

.lock h3{
	font-size:30px; 
	font-weight:600;
	position:absolute; 
	top:130px; 
	left:400px
}

.lock p{
	position:absolute; 
	top:180px; 
	left:400px;
	
}

.lock p input{
	height:38px;
	padding: 0 5px;
	width:200px;
	float:left; 
	margin-right:10px;
	border:1px solid #ccc;
}

.lock p > a{
	display:block;
	float:left; 
}

.privacy{
	width:968px;
	height:300px;
	resize:none;
	border:1px solid #ccc; 
	padding:15px;
	line-height:24px
}

.check	{
	float:right; 
	margin-top:10px;
}


.inquiry	{
	width:100%; 
	float:left; 
	border-top:2px solid #11215d;
	margin:30px 0;
}

.inquiry th{
	padding:15px;
	border-bottom:1px solid #dbdbdb;
	background:#f2f3f8;
}

.inquiry td{
	padding:15px; 
	border-bottom:1px solid #dbdbdb; 
}

.inquiry td > input{
	padding:5px; 
	height:20px;
	border:1px solid #dbdbdb;
}

.inquiry td > textarea{
	border:1px solid #dbdbdb; 
	width:700px;
	height:300px;
	resize:none;
	
}



.search{
	width:967px;
	float:left; 
	text-align:center;
	margin:20px 0;
	padding:15px; 
	border:1px solid #dbdbdb;
}

.search_in{
	width:410px; 
	margin:0 auto;
}
.search select{
	width:80px;
	height:30px;
	float:left;
	margin-right:10px;
	border:1px solid #ccc;
	

}

.search input{
	height:16px; 
	width:200px;
	float:left;
	margin-right:10px;
	padding:5px;
	border:1px solid #ccc
}

.search_btn{
	background:#04296a;
	border:1px solid #021c4a;
	width:90px;
	height:28px;
	float:left;
}

.search_btn a{
	display:block; 
	border:1px solid #173e83; 
	color:#fff; 
	width:88px;
	height:26px;
	line-height:26px;
}