/****************** 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 ********************/

body {
		background-image:url(../images/main_bggg.jpg) no-repeat;
}




#wrap { width:100%;  }




/*********************** header **************************
**********************************************************/





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






#wrap > .h_top { background-image:url(../images/main_bggg.jpg); height:592px;} 

#wrap > .h_top > #header {width:100%; height:592px; overflow:hidden; position:relative;}

#wrap > .h_top >  #header > .h_left { width:1280px; z-index:3;margin:0 auto;;}

#wrap > .h_top >  #header > .h_left > .logo { width:100%; background-color:#f1f1f1; z-index:30; }

#wrap > .h_top >  #hedaer > .h_left > h1 > p { width:1280px; margin:0 auto;}

#wrap > .h_top >  #header > .h_left > .h_menu {width:242px; float:left; height:436px; z-index:100; background-color:#ec1d27 }

#wrap > .h_top >  #header > .h_left > .h_menu > .h_ul { width:242px; height:436px;
											 padding-left:15px; padding-top:11px; }

#wrap > .h_top >  #header > .h_left > .h_menu > .h_ul > li {font-size:23px; margin-bottom:30px; 
													cursor:pointer; }

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

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



/* 화살표 css로 나오게 하는 테그
#wrap > #header > .h_left > .h_menu > .h_ul > li > i { opacity:0; }

#wrap > #header > .h_left > .h_menu > .h_ul > li:hover > i { opacity:1 }
*/



#wrap > .h_top >  #header > .h_left > .h_menu > .h_ul > li:hover { color:#fff;  }  





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





#wrap > .h_top >  #header > .h_left > .h_right { width:1398px; height:592px; float:left; z-index:9999px;
										position:relative; top:-592px; left:242px;  }
.slider{width:auto;	height:auto; background: blue;}






/*********************** container **************************/





#con {width:1280px; height:auto; overflow:hidden; margin:0 auto; display:block; position:relative;}

#wrap > #con > .con_left { width:640px; height: 708px; float:left;}
#wrap > #con > .con_right { width:640px; float:right;}
#wrap > #con > .con_right > .ri > li {float:left; display:block;}
#wrap > #con > .con_right > .ri > a > li {float:left; display:block;}





/*********************** main_ li **************************/




#wrap > #con > .con_left > .le > a > li.m2 {display:block;  background-image:url(../images/m_2.jpg) ; 
										width:641px; height:180px; cursor:pointer; }
#wrap > #con > .con_left > .le > a > li.m2:hover {display:block;  background-image:url(../images/m_2_h.jpg) ; 
										width:641px; height:180px; cursor:pointer; }

#wrap > #con > .con_left > .le > a > li.m3 {display:block;  background-image:url(../images/m_3.jpg) ; 
										width:641px; height:191px; cursor:pointer; }
#wrap > #con > .con_left > .le > a > li.m3:hover {display:block;  background-image:url(../images/m_3_h.jpg) ; 
										width:641px; height:191px; }

#wrap > #con > .con_right > .ri > a > li.m4 {display:block;  background-image:url(../images/m_4.jpg) ; 
										width:319px; height:327px; cursor:pointer; }
#wrap > #con > .con_right > .ri > a > li.m4:hover {display:block;  background-image:url(../images/m_4_h.jpg) ; 
										width:319px; height:327px; }

#wrap > #con > .con_right > .ri > a > li.m5 {display:block;  background-image:url(../images/m_5.jpg) ; 
										width:320px; height:327px; cursor:pointer; }
#wrap > #con > .con_right > .ri > a > li.m5:hover {display:block;  background-image:url(../images/m_5_h.jpg) ; 
										width:320px; height:327px; }

#wrap > #con > .con_right > .ri > li.m6 {display:block;  background-image:url(../images/m_6.jpg) ; 
										width:640px; height:373px; position:relative;}
#wrap > #con > .con_right > .ri > li.m6:hover {display:block;  background-image:url(../images/m_6_h.jpg) ; 
										width:640px; height:373px; }
#wrap > #con > .con_right > .ri > li.m6 > iframe { position:absolute; top:195px; left:21px; }





/***********************footer ****************************/



div.fo { width:100%;}
div.fo > div.fo_i { width:1280px; margin:0 auto; border-bottom:3px solid #d5d5d5; position:relative;} 
div.fo > div.fo_t { position:absolute; top:0px; right:0px; }
div.fo > div.fo_t > ul > li { float:left; margin-right:10px;}
div.fo > div.fo_t > ul > li > a { color:#9e9e9e; font-size:15px; font-family:"맑은 고딕", "Malgun Gothic", "malgun",
													"맑은고딕", "Dotum", "돋움", "sans-serif";text-decoration:none; }
div.fo > div.fo_t > ul > li > a:hover { color:#ec1d27 ; text-decoration:none; }




 /*============================*/
/*=== Custom Slider Styles ===*/
/*============================*/



 
#slider-wrapper {
    width:641px;
    height:327px;
    z-index:1;
	position:relative;

}

#slider {
	position:relative;
    width:641px;
    height:327px;
	z-index:1;
}

#main_wrapper > #slider-wrapper > #slider img {
	position:relative;
	display:none;
    width:641px;
    height:327px;
	z-index:1;
}


#sub_wrapper > #slider-wrapper > #slider img {
	position:relative;
	display:none;
    width:641px;
    height:327px;
	z-index:1;
}


#slider a {
	border:0;
	display:block;

}

.nivo-controlNav {
	position:absolute;
	bottom:0px;
	right:0px;
}

.nivo-controlNav a {
	display:block;
	width:15px;
	height:15px;
	background:url(images/bullets.png) no-repeat;
	behavior: url("iepngfix.htc");
	text-indent:-9999px;
	border:0;
	margin-right:10px;
	margin-bottom:10px;
	float:left;
	display:none;
}

.nivo-controlNav a.active {
	background-position:0 -15px;
}

.nivo-directionNav a {
	display:inline;
	width:25px;
	height:21px;
	background:url(images/arrows.png) no-repeat;
	z-index:9999;
	border:0;

}

a.nivo-nextNav {
	background-position:-43px 0;
	right:450px;
}
a.nivo-prevNav {
	left:25px;
}