@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

html,body{
	width:100%;
	min-width:1000px;
	height:100%;
	margin:0 auto;
	padding:0;
	background-color:#fff;
}
body {
	font-size:12px;
	color:#4a4a4a;
	line-height:18px;
	font-family: 'Nanum Gothic', serif;
}
div,p,h1,h2,h3,h4,td,tr,ul,li,img,a,input{
	margin:0;
	padding:0;
}
li{
	list-style:none;
}
a{
	text-decoration:none;
}
a,img{ border:0; }
img{
	border:none;
}
div,ul,li,h1,h2,h3,h4,h5,ol,dl,dt,dd,p,body,a {
	margin:0;
	padding:0;
}
.claener{ clear:both; }

.space5{ margin-top:5px; }
.space10{ margin-top:10px; }
.space20{ margin-top:20px; }
.space30{ margin-top:30px; }


/*===============header시작===============*/
#header{
	width:100%;
	min-width:1240px;
	height:121px;
	padding-top:25px;
}

#header_top{
	width:1024px;
	height:46px;
	margin:0 auto;
}
#header_top .Hlogo{
	width:100px;
	height:46px;
	margin:0 auto;
}
#header_top .Hlogo span{
	line-height:0;
	font-size:0;
	display:block;
	text-indent:10px;
}

/*탑 버튼*/
#header_top .gnb{
	float:right;
}
#header_top #quick_wrap{
	width:430px;
	height:15px;
}
#quick{
	width:100%;
	height:12px;
	margin:0 auto;
	text-align:right;
	line-height:15px;
	color:#aaa;
}
#quick > a {
	color:#aaa;
	font-family: 'Nanum Gothic', serif;
	font-weight:bold;
	font-size:11px;
	line-height:12px;
	vertical-align:top;
}
#quick > a:hover{color:#555;}

/*메뉴*/
#header_bottom{
	width:100%;
	height:35px;
	padding:10px 0;
	background-color:#333;
	margin-top:20px;
	position:relative;
}
.Main_menu{
	width:100%;
	height:35px;
	position:relative;
	overflow:hidden;
}
.menu_wrap{
	width:1016px;
	height:35px;
	margin:0 auto;
}
.menu_wrap > div{ float:left; }

.Mmenu{
	text-align:center;
	border-left:1px solid #aaaaaa;
}
.Mmenu_01{ width:195px; }
.Mmenu_02{ width:195px; }
.Mmenu_03{ width:195px; }
.Mmenu_04{ width:230px; }
.Mmenu_05{ width:195px;  border-right:1px solid #aaaaaa;}

.menu_wrap h2.Mn{ 
	height:35px;
	font-family:'Arial';
	font-size:15px;
	color:#dddddd;
	line-height:17px;
	text-align:center;
}
.menu_wrap h2.Mn2{ 
	height:35px;
	font-family:'Arial';
	font-size:17px;
	color:#dddddd;
	line-height:17px; 
	text-align:center;
	margin-top:10px;
}
.menu_wrap h2.Mn3{ 
	height:35px;
	font-family:'Arial';
	font-size:17px;
	color:#dddddd;
	line-height:17px;
	text-align:center;
	margin-top:2px;
}
.menu_wrap h2.Mn span{
	font-family: 'Nanum Gothic', serif;
	font-size:11px;
	line-height:13px;
}

.Mmenu ul{
	width:195px;
	min-height:340px;
	padding-top:20px;
	position:absolute;
	z-index:500;
}
.Mmenu ul.sm{ width:230px; }
.Mmenu ul li{
	text-align:center;
}
.Mmenu ul li a{
	font-family: 'Nanum Gothic', serif;
	font-size:12px;
	font-weight:800;
	line-height:28px;
	color:#666666;
}
.Mmenu ul li a:hover{
	color:#101d61;
}

#header_bottom .mB{
	width:100%;
	min-width:1240px;
	height:260px;
	overflow:hidden;
	opacity:0.9;
	filter:alpha(opacity=90);
	z-index:200;
	position:absolute;
	top:45px;
	background-color:#fff;
	border-bottom:1px solid #ccc;
}

/*===============header끝===============*/

/*===============index시작===============*/
#content{
	width:100%;
	height:auto;
	position:relative;
}
/*main_vis시작*/
.main_vis{
	width:100%;
	min-width:1240px;
	height:450px;
	position:relative;
	background-color:#000000;
}
.main_vis .vis_wrap{
	width:1240px;
	height:450px;
	margin:0 auto;
	position:relative;
}
.main_vis .text_vis{
	width:700px;
	height:auto;
	position:absolute;
	z-index:50;
	bottom:50px;
	left:20%;
}
.main_vis .text_vis > div{ width:800px; height:auto; }
.main_vis .text_vis ul li.title_01{ float:left; }
div.cleaner{ clear:both; }
.main_vis .text_vis ul li.title_02{ float:left; }
.main_vis .text_vis ul.main_title li.vis_title{
	font-family:'Arial';
	font-size:40px;
	font-weight:700;
	color:#fff;
	opacity:0;
	filter:alpha(opacity=0);
	line-height:50px;
}
.main_vis .text_vis ul.main_title li.title_00{
	font-family: 'Nanum Gothic', serif;
	font-size:25px;
	font-weight:700;
	color:#fff;
	opacity:0;
	filter:alpha(opacity=0);
	line-height:30px;
}
.main_vis .text_vis ul.main_title li.title_03{
	font-family: 'Nanum Gothic', serif;
	font-size:15px;
	font-weight:700;
	color:#fff;
	opacity:0;
	filter:alpha(opacity=0);
	line-height:30px;
}
/*main_vis끝*/

#content .content_nav{
	width:1024px;
	height:100px;
	margin:0 auto;
	margin-top:30px;
	padding:10px 0;
}
#content .content_nav .con_nav{
	width:215px;
	height:100px;
	float:left;
	padding:0 20px;
}
#content .content_nav .con_nav.line{
	border-right:1px solid #333;
}
.content_nav .con_nav .Htitle{
	font-family: 'Arial', serif;
	font-size:13px;
	font-weight:700;
	line-height:15px;
	color:#333333;
}
.content_nav .con_nav .Htitle span{
	font-family: 'Nanum Gothic', serif;
	font-size:10px;
	color:#555555;
}
.content_nav .con_nav .con_note{
	width:215px;
	height:70px;
	margin-top:14px;
}
.content_nav .con_nav .con_note .micon{
	width:72px;
	height:70px;
	float:left;
	background:url('../images/main-icon.png') no-repeat;
}
.content_nav .con_nav .con_note .micon1{ background-position:0 0; }
.content_nav .con_nav .con_note .micon2{ background-position:-72px 0; }
.content_nav .con_nav h4{
	font-size:16px;
	font-weight:800;
	color:#555;
	line-height:25px;
}
.content_nav .con_nav h4:hover{ color:#333; }

.content_nav .con_nav p{
	font-size:12px;
	line-height:17px;
	color:#555;
}
.content_nav .con_nav p span{ font-weight:700; color:#333; }

/*===============index끝===============*/


/*===============footer시작===============*/

#footer{
	width:100%;
	min-width:1240px;
	height:60px;
	padding:25px 0;
	display: block;
	position: relative;
	margin-top:70px;
	border-top:1px solid #aaa;
	background-color:#ffffff;
}
.Fwrap{
	width:1024px;
	height:60px;
	margin:0 auto;
}
.Fwrap > div{ float:left; }
.Fwrap .Flogo{
	width:110px;
	height:60px;
	float:left;
	display:block;
	margin-right:60px;
}
.Fwrap .addess{
	width:auto;
	height:60px;
	float:left;
}
.Fwrap .addess p{
	color:#888888;
	font-size:12px;
	line-height:20px;
}
.Fwrap .addess p span{ color:#333333; }

.Fwrap .prev{ 
	width:100px;
	height:30px;
	float:right;
	margin-top:15px;
}
/*===============footer끝===============*/


/*===============subpage시작===============*/

#sub_wrapper{
	width:100%;
	min-width:1240px;
	height:auto;
	position:relative;
}
#sub_wrapper #sub_wrap{
	width:1024px;
	height:auto;
	min-height:500px;
	margin:0 auto;
	padding-top:40px;
}
#sub_wrapper #sub_wrap > div{ float:left; }
/*menu bar*/
.sub_menu{
	width:240px;
	height:auto;
	float:left;
}

.sub_menu .title{
	width:240px;
	height:50px;
	font-family:'Arial';
	font-size:20px;
	line-height:22px;
	color:#333333;
}
.sub_menu .title span{
	font-family: 'Nanum Gothic', serif;
	font-size:11px;
	line-height:14px;
	color:#666666;
}

.sub_menu .menu{
	width:240px;
	height:auto;
	padding:10px 0;
	border-top:2px solid #333333;
	border-bottom:2px solid #333333;
	margin-top:10px;
}
.sub_menu .menu .mn{
	width:210px;
	height:36px;
	padding:0 15px;
	font-size:12px;
	line-height:36px;
	font-weight:800;
	color:#555555;
}
.sub_menu .menu .mn.active{ color:#001d60; }
.sub_menu .menu .mn:hover{ color:#001d60; }
.sub_menu .menu .mn i{
	font-size:10px;
	line-height:36px;
	float:right;
	opacity:0;
	filter:alpha(opacity=0);
}
.sub_menu .menu .mn.active i{
	opacity:1;
	filter:alpha(opacity=100);
}
.sub_menu .menu .mn:hover i{
	opacity:1;
	filter:alpha(opacity=100);
}
.sub_menu .menu .mn.line{
	border-bottom:1px solid #dddddd;
}

.sub_content{
	width:714px;
	height:auto;
	margin-left:70px;
	margin-top:30px;
	position:relative;
	float:right;
}
.sub_content h2.title{
	width:714px;
	height:20px;
	line-height:20px;
	font-size:18px;
	color:#333333;
}

.sub_content h2.title span{
	float:right;
	font-size:10px;
	line-height:12px;
	color:#888888;
	font-weight:500;
}


.note_contnet{
	width:714px;
	height:auto;
	display:block;
	margin-top:30px;
}
.note_contnet > div{float:left;}

.note_contnet h1{
	font-family: 'Nanum Gothic', serif;
	font-size:18px;
	color:#001d60;
	line-height:25px;
}
.note_contnet h1 span{ font-weight:800; color:#3d605c; }
.note_contnet h2{
	color:#666;
	font-size:18px;
}
.note_contnet p{
	font-family: 'Nanum Gothic', serif;
	font-size:13px;
	color:#555555555;
	line-height:23px;
}
.note_contnet p span{
	font-weight:600;
}


/*===============sub1-1===============*/

.note_contnet .note_1-1{
	width:354px;
	height:auto;
	float:left;
	margin-right:30px;
}
.note_contnet .greetings{
	width:330px;
	background:url('../images/greethings.jpg') no-repeat;
	cursor:pointer;
}
.note_contnet .greetings:hover{
	background-position:-324px 0;
}

.ci{
	width:714px;
	height:100px;
	margin-top:100px;
}
.ci > div{
	width:357px;
	height:140px;
	float:left;
}

/*===============sub2===============*/
.product_wrap{
	width:1024px;
	height:720px;
	margin:50px 0;
}
.product_wrap > div{
	width:1024px;
	height:260px;
}
.product_wrap > div .kind{
	width:330px;
	height:260px;
	float:left;
	background:url('../images/sub2.png') no-repeat;
} 
.product_wrap > div .kinde{
	width:330px;
	height:260px;
	float:left;
	background:url('../images/sub2e.png') no-repeat;
} 
.product_wrap > div .kind.space{ margin-left:17px; }
.product_wrap > div .kinde.space{ margin-left:17px; }
.product_wrap > div .kind01{ background-position:0 0; }
.product_wrap > div .kind02{ background-position:-347px 0; }
.product_wrap > div .kind03{ background-position:-694px 0; }
.product_wrap > div .kind04{ background-position:0 -277px; }
.product_wrap > div .kind05{ background-position:-347px -277px; }
.product_wrap > div .kind06{ background-position:-694px -277px; }

.product_wrap > div .kind01:hover{ background-position:0 -554px; }
.product_wrap > div .kind02:hover{ background-position:-347px -554px; }
.product_wrap > div .kind03:hover{ background-position:-694px -554px; }
.product_wrap > div .kind04:hover{ background-position:0 -831px; }
.product_wrap > div .kind05:hover{ background-position:-347px -831px; }
.product_wrap > div .kind06:hover{ background-position:-694px -831px; }

.product_wrap > div#blindimgs { width:330px; height:260px; }
.product_wrap > div#blindimgs > a > p { width:328px; height:260px; margin-top:20px; }
.product_wrap > div#blindimgs > a > p { background-image:url(../images/blind_img1.jpg); width:328px; height:260px; }
.product_wrap > div#blindimgs > a > p:hover { background-image:url(../images/blind_img2.jpg); width:328px; height:260px; }

.product_wrap > div#blindimgse { width:330px; height:260px; margin-top:20px; }
.product_wrap > div#blindimgse > a > p { width:328px; height:260px; margin-top:20px; }
.product_wrap > div#blindimgse > a > p { background-image:url(../images/blind_img3e.jpg); width:328px; height:260px; }
.product_wrap > div#blindimgse > a > p:hover { background-image:url(../images/blind_img4e.jpg); width:328px; height:260px; }

.product_wrap > div#blindimgse1 { width:330px; height:260px; }
.product_wrap > div#blindimgse1 > a > p { width:328px; height:260px; margin-top:-260px; margin-left:348px; }
.product_wrap > div#blindimgse1 > a > p { background-image:url(../images/blind_img1e.jpg); width:328px; height:260px; }
.product_wrap > div#blindimgse1 > a > p:hover { background-image:url(../images/blind_img2e.jpg); width:328px; height:260px; }
.product_wrap > div#blindimgse1 > img { width:330px; height:260px; margin-top:-260px; margin-left:348px; }
.boardwrap{
	width:714px;
	margin-top:30px;
}

.boardwrap .smartdiv { width:664px; height:185px;
						border-top:2px solid #555555; 
						border-bottom:1px solid #ccc;
						padding:40px 50px }


.boardwrap .smartdiv ul {  width:650px; height:179px; margin:0 auto; }


.boardwrap .smartdiv ul li { float:left; margin-right:26px; }


.boardwrap .smartdiv ul li:last-child { margin-right:0px; } 

.boardwrap .smartdiv ul li img { border:3px solid #eee; }

.boardwrap .smartdiv ul li p { font-size:13px; font-weight:bold; color:#4a4a4a; margin-left:21px;}

.subslide{
	width:714px;
	height:260px;
	overflow:hidden;
	position:relative;
}

.subslide_2{
	width:714px;
	height:260px;
	overflow:hidden;
	position:relative;
	border:1px solid red;
}








.subslide08{
	width:714px;
	height:788px;
	overflow:hidden;
	position:relative;
}

.expl{
	width:654px;
	height:auto;
	padding:20px 30px;
	background-color:#000000;
	text-align:center;
	color:#ffffff;
}
.expl h4{
	font-family:'Arial';
	font-size:15px;
}

.expl2{
	width:654px;
	height:auto;
	padding:20px 30px;
	text-align:center;
}


/*===============sub3===============*/
.note_contnet .explain{
	width:713px;
	height:auto;
}

.note_contnet .explain .ex_text{
	width:693px;
	border:1px solid #ddd;
	padding:10px 10px 10px 10px ;
	height:112px;
	margin-top:265px;
	margin-bottom:50px;
}

.note_contnet .explain .t2{
	width:691px; float:right;
	border:1px solid #ddd;
	padding:10px;
	height:193px;
	margin-top:266px;

}


.note_contnet .explain h3{
	text-align:center;
	color:#1B2B54;
	font-size:18px;
	line-height:20px;
	font-family:'Arial';
}

/*===============오시는 길===============*/
.info_wrap{
	width:714px;
	height:auto;
	position:relative;
	margin-top:40px;
}
.info_wrap > h3{
	text-align:center;
	color:#1B2B54;
	font-size:18px;
	line-height:20px;
}
.info_wrap .info > div{
	width:500px;
	height:50px;
	margin:0 auto;
	margin-top:50px;
}
.info_wrap .info > div.space{ margin-top:10px; }

.info_wrap .info > div h3{
	width:200px;
	height:50px;
	line-height:50px;
	color:#ffffff;
	font-family:'Arial';
	font-size:14px;
	font-weight:500;
	float:left;
	text-align:center;
	background-color:#1A2A52;
}
.info_wrap .info > div h3 i{ padding-right:5px; }
.info_wrap .info > div p{
	float:left;
	padding-left:15px;
	line-height:25px;
	font-size:14px;
}
.info_wrap .info > div p span{ font-weight:700; }