/****************** CSS RESET ******************/

@charset "UTF-8";
@import url(http://211.234.100.234/font/nanumgothic.css);

* {
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
		margin:0; padding:0; border:0;
		font-family:'Nanum Gothic', sans-serif;
}

a {text-decoration:none;}
html { overflow-y:scroll; }
body, html { width:100%;  }
ul, li { list-style:none; display:block;}
address { display:block; }
strong { font-weight:bold; font-size:inherit; font-family:inherit;}
img { border:0; margin:0; padding:0; }
.cleaner{ clear:both; }

/****************** Style ******************/

hr {
	display:inline-block;
	float:left;
	width:650px;
	height:1px;
	margin:35px 0;
	border:1px solid #E8E8E8;
}

body {
	background-color:#fff;

}


#wrap { width:100%; height:auto; overflow:hidden; ;}


/*********************** header **************************
**********************************************************/
#wrap > .wr_to { background-image:url(../images/wf.gif); height:1225px; width:320px; position:fixed }

#header { width:1280px; height:100%; margin:0 auto;}
#header > .header_wrap { height:1280px; width:462px; position:fixed; z-index:9999;}


/**********************header_left*************************/


#header > .header_wrap > .h_left { width:243px; height:1225px; background-color:#ec1d27;
									border-right:2px solid #f1f1f1; float:left; position:relative; }


#header > .header_wrap > .h_left > .logo { width:242px; height:155px; }

#header > .header_wrap > .h_left > .h_menu {width:242px; height:436px; }

#header > .header_wrap > .h_left > .h_menu > .h_ul { width:242px; height:436px;	 padding-left:14px; padding-top:12px; }

#header > .header_wrap > .h_left > .h_menu > .h_ul > li {  margin-bottom:30px; 
													cursor:pointer; }

#header > .header_wrap > .h_left > .h_menu > .h_ul > li > a { font-family:"맑은 고딕", "Malgun Gothic", "malgun",
															"맑은고딕", "Dotum", "돋움", "sans-serif"; letter-spacing:5px;
															color:#f1f1f1; font-size:23px;}

#header > .header_wrap > .h_left > .h_menu > .h_ul > li > a > i { display:none; }


#header > .header_wrap > .h_left > .h_menu > .h_ul > li:hover > a { color:#fff;  }  

#header > .header_wrap > .h_left > .fot { position:absolute; top:730px; left:7px; }


/**********************header_right*************************/


#header > .header_wrap > .h_right { width:219px; float:right; border-right:2px solid #f1f1f1;
									height:1225px; background-color:#fff;}

#header > .header_wrap > .h_right > h2 { width:223px; height:153px; line-height:156px; color:#ec1d27;
										font-size:28px; font-family:"맑은 고딕", "Malgun Gothic",
										"malgun", "Dotum", "돋움", "sans-serif"; padding-left:49px; }

#header > .header_wrap > .h_right > ul { width:223px; height:auto; overflow:hidden; }
#header > .header_wrap > .h_right > ul > li { cursor:pointer; display:block; width:218px; height:76px;
											position:relative; border-bottom:1px solid #ddd;}

#header > .header_wrap > .h_right > ul > li:first-child { border-top:1px solid #ddd; }
#header > .header_wrap > .h_right > ul > li > a.ro { width:218px; height:76px; display:block; 
												transition: all 0.3s linear;
												color:#000; line-height:76px; font-size:20px;
												font-family:"nanumgothic","맑은 고딕","Malgun Gothic",
												"malgun", "Dotum", "돋움", "sans-serif";
												font-weight: bold;
												}

#header > .header_wrap > .h_right > ul > li > a.ro:hover { 
	color:#fff;
	background:url(../images/left_m1_hh.png) no-repeat;
   width:218px;
   height:76px;
  }


#header > .header_wrap > .h_right > ul > .action > a.ro {
  text-decoration:none;
  display:block;
  height:76px;
  width:218px;
  font-weight: bold;
  transition: all 0.3s linear;
  background:url(../images/left_m1_hh.png) no-repeat;
}






/*
#header > .header_wrap > .h_right > ul > .left_m1 { background:url(images/left_m1.gif); width:218px; height:73px; }
#header > .header_wrap > .h_right > ul > .left_m2 { background:url(images/left_m2.gif); width:218px; height:73px; }
#header > .header_wrap > .h_right > ul > .left_m3 {  background:url(images/left_m3.gif);width:218px; height:76px; }


#header > .header_wrap > .h_right > ul > .left_m1:hover { background:url(images/left_m1_h.gif); width:218px; height:73px; }
#header > .header_wrap > .h_right > ul > .left_m2:hover { background:url(images/left_m2_h.gif);}
#header > .header_wrap > .h_right > ul > .left_m3:hover {  background:url(images/left_m3_h.gif);}
*/


#con { width:1280px; margin:0 auto; height:auto; }

#con > p { width:1280px;  margin:0 auto; }
#con > p > iframe { float:right;}
#con > div.ii { width:1280px; margin:0 auto ; height:auto; overflow:hidden;  }
#con > div.ii > iframe { float:right;  }

#con > img { float:right; padding-top:4px; }
#con > ul { margin-top:42px; float:right; width:782px; height:800px; padding-top:4px; }
#con > ul > li { float:left; width:190px; margin-right:50px; margin-bottom:43px; }
#con > ul > li > ul > li { padding-left:5px; padding-top:5px; margin-bottom:5px; }
#con > ul > li > ul > li > a { color:#000; font-family:"맑은 고딕", "Malgun Gothic", "malgun",
													"맑은고딕", "Dotum", "돋움", "sans-serif";
								font-size:14px;}
  
#con > ul > li > ul > li > a:hover {color:#ec1d27;}