@import "style.css";


body{
    margin:0px;
	padding:0px;
	OVERFLOW:auto ;
	background:#eaeaea;
	}

html, div, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, from{
    margin:0;
	padding:0;
	}


ul, ol, dl { 
    list-style:none;
	}
	
img {

    border:0;
	
	}

#main {
	clear:both;
    Z-INDEX:11;
	POSITION:relative;
	WIDTH:100%;
	min-height:530px;
	TOP:0px;
	text-align:center;background-size:cover; background:url(image/main1.jpg) no-repeat center top
	
	
}

/*---------------------main sliding end-------------------------------------------*/

#content:after {clear:both;display:block;content:"";}
#content{
	POSITION:relative;
	WIDTH:100%;
	text-align:center;
	top:0px;
	margin:0 auto; background:#fff;
}

/* ÄÁÅÙÃ÷1 */
#content_in {
	POSITION:relative;
	WIDTH:1200px; 
	min-height:330px;
	text-align:center;
	top:20px;
	margin:0 auto;
}


/* ¹è³Ê */
#m_pro {position:absolute; width:600px;left:0;min-height:202px;}
#m_pro h1 {margin:0 0 0 10px; color:#282828; font-size:23px; font-family:"Gotham"; text-align:left; font-weight:500; letter-spacing:-0.5px}
#m_pro h1 span.t1 {color:#181d61; background:none; margin:0; padding:0;}
#m_pro h1 span.t2 {color:#454545;background:url(image/m_sai.gif) no-repeat 0 6px; margin:0 0 0 10px; padding:0 0 0 15px; font-size:15px;font-family:'Noto Sans KR','Nanum Gothic','Malgun Gothic', 'Dotum', 'verdana'; vertical-align:text-top;font-weight:400;}
.oe_overlay{
	
	opacity:0;
	position: relative;
	top:0px;
	left:0px;
	width:100%;
	background:#fff;
}
.oe_wrapper { width:600px;margin:0px auto;   }

ul.oe_menu:after {clear:both;display:block;content:"";}
ul.oe_menu{
	list-style:none;
	position:relative;
	margin:0px 0px 0px 0px;
	width:600px;
	float:left;
	clear:both;
	top:10px;
}

ul.oe_menu > li{
	width:120px;
	min-height:227px;
	padding-bottom:0px;
	float:left; 
	position:relative; margin:0 0px 0px 0px;
	
}

ul.oe_menu > li > a{
	display:block;
	background:url(image/m_pro01.jpg) no-repeat center top;
	color:#383838;
	text-decoration:none;
	font-weight:500;
	font-size:15px;
	width:120px;
	height:37px;
	padding:190px 0 0 0;
	margin:0px auto;
	text-align:center;
	/*text-shadow:0px 0px 1px #000;
	opacity:0.8;*/
	}
	
ul.oe_menu > li > a.m2	{background:url(image/m_pro02.jpg) no-repeat center top;}
ul.oe_menu > li > a.m3	{background:url(image/m_pro03.jpg) no-repeat center top;}
ul.oe_menu > li > a.m4	{background:url(image/m_pro04.jpg) no-repeat center top;}
ul.oe_menu > li > a.m5	{background:url(image/m_pro05.jpg) no-repeat center top;}
ul.oe_menu > li > a.m6	{background:url(image/m_b_img6.png) no-repeat center 30px;}
	
ul.oe_menu > li > a:hover,
ul.oe_menu > li.selected > a{
	color:#383838;
	opacity:1.0;
}
.oe_wrapper ul.hovered > li > a{color:#383838;
	/*background:#fff;
	text-shadow:0px 0px 1px #FFF;*/
}
ul.oe_menu div{
	position:absolute;
	top:0px;
	background:url(image/m_pro_on.png) no-repeat center top;
	
	display:none;
	margin:0px; text-align:center; 
}
ul.oe_menu div.ms2 {background:url(image/m_pro_on.png) no-repeat center top;}
ul.oe_menu div.ms3 {background:url(image/m_pro_on.png) no-repeat center top;}
ul.oe_menu div.ms4 {background:url(image/m_pro_on.png) no-repeat center top;}
ul.oe_menu div.ms5 {background:url(image/m_pro_on.png) no-repeat center top;}
ul.oe_menu div.ms6 {background:url(image/m_pro_on.png) no-repeat center top;}


ul.oe_menu div ul.oe_full{
	width:100%;
}

ul.oe_menu li ul{
	list-style:none;
	width:120px;
	margin:0px;
}
li.oe_heading{
	color:#383838;
	font-size:15px;
	padding-top:0px; margin:0px;top:0px;
    text-align:center;font-weight:500;/*text-shadow:0px 0px 1px #f7f7f7;*/
}
li.oe_heading a { display:block;color:#383838;width:120px;
	height:227px;
	padding:0px 0 0 0;}



/* »çÀÌÁî */
#m_size {position:absolute; width:250px; top:0px; left:640px; text-align:left}
#m_size h1 {margin:0 0 0 10px; color:#282828; font-size:23px; font-family:"Gotham"; text-align:left; font-weight:500; letter-spacing:-0.5px}
#m_size h1 span.t1 {color:#181d61; background:none; margin:0; padding:0;}
#m_size h1 span.t2 {color:#454545;background:url(image/m_sai.gif) no-repeat 0 6px; margin:0 0 0 10px; padding:0 0 0 15px; font-size:15px;font-family:'Noto Sans KR','Nanum Gothic','Malgun Gothic', 'Dotum', 'verdana'; vertical-align:text-top;font-weight:400;}

#m_size_box {position:relative;margin:0px 0px 0px 0px;top:10px;}
#m_size_box p {margin:0 0 4px 0; min-height:73px; text-align:left;}
#m_size_box p a{ display:block; font-size:16px; color:#222; padding:15px 30px; font-weight:500; line-height:21px;} 
#m_size_box p a span { display:block; font-size:12px;color:#9e0606;}
#m_size_box p a:hover span {color:#181d61}
#m_size_box p.box1 {background:url(image/m_size01.jpg) no-repeat center top;}
#m_size_box p.box2 {background:url(image/m_size02.jpg) no-repeat center top; text-align:right;}
#m_size_box p.box3 {background:url(image/m_size03.jpg) no-repeat center top; margin:0;}


/* »ó´ã¹®ÀÇ */
#m_tel {position:absolute; width:270px; top:0px; left:930px; text-align:left}
#m_tel h1 {margin:0 0 0 10px; color:#282828; font-size:23px; font-family:"Gotham"; text-align:left; font-weight:500; letter-spacing:-0.5px}
#m_tel h1 span.t1 {color:#181d61; background:none; margin:0; padding:0;}
#m_tel h1 span.t2 {color:#454545;background:url(image/m_sai.gif) no-repeat 0 6px; margin:0 0 0 10px; padding:0 0 0 15px; font-size:15px;font-family:'Noto Sans KR','Nanum Gothic','Malgun Gothic', 'Dotum', 'verdana'; vertical-align:text-top;font-weight:400;}

#m_tel_box {position:relative;margin:0px 0px 0px 0px;top:20px;}
#m_tel_box p {margin:0 ; text-align:left; padding:0 0 0px 0; color:#222; font-size:25px; font-weight:600;line-height:28px; letter-spacing:-1px;}
#m_tel_box p span { width:50px;color:#565656;font-size:18px;  font-weight:400; margin:0px 10px 0 30px;}
#m_tel_box p span img { margin-right:10px}

#m_tel_box2 {position:relative; min-height:93px;margin:0px 0px 0px 0px;top:52px; background:url(image/m_tel_bg.jpg) no-repeat center top;}
#m_tel_box2 p {padding:30px 0 ; text-align:center; color:#303030; font-size:14px; font-weight:400; letter-spacing:-1px;}


/***ÇÏ´Ü***/
#bottom {
	clear:both;
	POSITION: relative; 
	WIDTH: 100%; 
	HEIGHT: 120px;
	text-align: center;
	TOP:0px;
	border-top:1px solid #d9d9d9; background:#eaeaea;
}

#bottom_lay {
	WIDTH:1200px;
	POSITION: relative;
	margin: 0 auto;
	text-align:cetner;
	top:0;
}

#bottom_lay li {padding:25px 0 0 10px;font-size:13px;color:#4a4a4a;line-height:160%; }
#bottom_lay li span.ttel {color:#181818; font-size:15px;line-height:160%;font-family:'Noto Sans KR','Nanum Gothic','Malgun Gothic', 'Dotum', 'verdana';}
#bottom_lay li span {display:block;font-family: Verdana, Geneva, sans-serif;font-size:10px;color:#8f8f8f; line-height:200%; }



	
	
	
