@charset "utf-8";
@import url("../css/reset.css");
@import url("../css/contents.css");

body,html { width:100%; height:100%; overflow-x:hidden;}
#wrap {width:100%; position:relative;  }

#header {width:100%;height:170px;z-index:100;z-index:1000;background:url(../images/inc/header_bg.jpg) repeat-x; position:relative;}
#header .header_top { width:1100px; margin:0 auto; position: relative;}
#header .header_top h1 { text-align:center; width:315px; margin:0 auto; padding:32px 0 0; }

a.btn_menu { position:absolute; left:0; top:0; width:62px; height:62px; background:url(../images/inc/ico_menu.png) no-repeat center center / 22px 16px; display: none;}

.top_tel { position: absolute; left: 0; top: 45px;}
.t_set { position: absolute; right: 92px; top: 52px; }
.t_set li { background:url(../images/inc/t_line.jpg) no-repeat left 4px; padding-left:11px; margin-left:10px; float: left;}
.t_set li:first-child { background:none; }
.t_set li a { font-size:12px; color:#454545; }
.sns { position: absolute; right: 0; top: 42px; }
.sns li { float: left; margin-left: 4px;}

/* 전체메뉴 */
#menuWrap { position:absolute; left:0; top:0; width:100%; height:100%; background:rgba(0,0,0,0.8); z-index:9999; }
.insMenu { position:relative; left:-100%; width:90%; height:100%; background:#696c70; }
.insTop { background:#1144b8; }
.p_logo img , .p_close img { width:100%; }
.p_logo { float:left; width:85%; }
.p_close { float:left; width:15%; border-left:1px solid #3e67c5; }
.m_nav { }
.m_nav > li { border-bottom:1px solid #cecece; width:100%; }
.m_nav > li > a { background:#fff; padding:14px 0 14px 20px; display:block; width:100%; font-size:15px; font-weight:bold; color:#202020; 
	position:relative; position:relative; background:#fff url('../images/inc/ico-more.png') no-repeat right 15px center / 14px auto; letter-spacing:-2px;
}
.m_nav > li > a.open { 
	position:relative; background:#fff url('../images/inc/arrow-up.png') no-repeat right 15px center / 14px auto; 
}
.m_nav > li > a span.down { 
	background:url('../images/inc/ico-more.png') no-repeat / 20px auto; display:block; width:20px; height:20px;  
	position:absolute; right:15px; top:15px;
}
.m_nav > li > ul { background:#097bc1; padding:10px 0; display:none; }
.m_nav > li > ul li a { 
	background:url('../images/inc/pop-dash.png') no-repeat left 22px center / 4px auto; padding:8px 0 8px 30px; display:block; width:100%; font-size:13px; font-weight:bold; color:#b6d8ed; 
	
}

#top_menu{width:100%;position:absolute; top:132px;height:50px;left:0;overflow:hidden;z-index:10; }
#top_menu:hover { background:url(../images/inc/menu_all_bg.jpg) 0 0 repeat-x;}
.menu_wrap{position:relative; width:1100px; margin:0 auto; height:30px; }
.menu{position:relative; float:right;}
.menu > li{display:inline-block;position:relative;float:left; height:40px; }
.menu > li > a , .subMenu a{overflow:hidden;display:inline-block;  }
.menu > li > a{ display:block; font-size:16px; color:#666;  
    padding-bottom:15px; letter-spacing:-1px; line-height:20px;font-weight:500; font-weight:bold;
}
.menu > li > a:hover{ color:#000; }
.menu > li > a.on{ color:#000; font-weight:bold; }

.mn1 { width:150px; }
.mn2 { width:230px; }
.mn3 { width:185px; }
.mn4 { width:185px; }
.mn5 { width:240px; }
.mn6 { width:74px; }

.subMenu{position:absolute;top:40px;left:0;z-index:33;border-bottom:none;z-index:9999; }
.menu li ul.on{}
.subMenu { height:145px; padding:10px 0 0;}
.subMenu > li { display:block; text-align:left !important; }
.subMenu > li > a { display:block; padding:5px 0 5px 0; color:#555;font-size:14px !important; 
    letter-spacing:-1px; font-weight:500; line-height:16px;  }
.subMenu > li > a:hover { color:#000000; text-decoration: underline;}
.subMenu a{overflow:hidden;}


.sm001 { width:210px; }
.sm002 { width:280px; }
.sm003 { width:230px; }
.sm004 { width:230px; }
.sm005 { width:150px; }


.sm001 { width:154px; }
.sm002 { width:235px; }
.sm003 { width:190px; }
.sm004 { width:190px; }
.sm005 { width:250px; }
.sm006 { width:74px; }



@media (max-width:640px) {
	#header {height:70px;background:#fff; }
	#header .header_top { width:100%; height:70px;}
	#header .header_top h1 { width:180px; margin:0 auto; padding:20px 0 0;  }
	#header .header_top h1 a { display:block; }
	#header .header_top h1 a img { width:100%; }

	a.btn_menu { 
		display:block; position:absolute; left:10px; top:23px; color:#333; text-indent:-9999px; padding:10px;
		width:25px; height:24px; background:url(../images/inc/btn_allmenu.png) center no-repeat;
		background-size:100%;
	}
	.top_tel { display:none; }
	.t_set { display:none; }
	#top_menu { display:none; }

	.sns { position: absolute; right: 10px; top: 20px; }
	.sns li { float: left; margin-left: 4px; width:30px; height:30px;}
	.sns li a img { width:100%; }
}


#container { position:relative; z-index:1; }
.contents {zoom:1;}

.cont_top { width:1100px; margin: 0 auto; position: relative; padding:74px 0 0;}

.m_ceo { float: left; margin-right: 20px; width:320px;}
.m_prod { float: left; width:421px;}
.m_prod ul {}
.m_prod ul li { float: left; width:200px; height:190px; margin-left:20px; margin-top:20px;}
.m_prod ul li:nth-child(1) { margin-left:0; margin-top: 0;}
.m_prod ul li:nth-child(2) { margin-top: 0;}
.m_prod ul li:nth-child(3) { margin-left:0;}
.m_prod ul li:nth-child(4) { }

.mv { float: right; width:320px;}

.cont_bottom { width:1100px; margin: 0 auto; position: relative; padding:55px 0 74px; }
.cb_left { float: left; margin-right:56px;}
.cb_center { float: left;}
.cb_right { float: right;}


@media (max-width:640px) {

	.cont_top { width:94%; padding:0 0 0;}

	.m_ceo { float: none; margin-right: 0; width:100%;}
	.m_ceo img { width:100%; }
	.m_prod { float: none; width:100%; padding:20px 0;}
	.m_prod:after { content:"";display:block; clear:both; }
	.m_prod img { width:100%; }

	.m_prod ul {}
	.m_prod ul li { float: left; width:50%; height:auto; margin-left:0; margin-top:0;}

	.mv { float: none; width:100%;}
	.mv img { width:100%; }

	.cont_bottom { width:94%; margin: 0 auto; position: relative; padding:35px 0 35px; }
	.cb_left { float: none; margin-right:auto; text-align:center;}
	.cb_center { float: none; padding:0 0;}
	.cb_right { float: none;}

	.cb_left img, .cb_center img, .cb_right img { width:100%; }
}


#footer {height:250px; position:relative; background:#464646;}
.footer_ins {position:relative;width:1100px;margin:0 auto;} 
.footer_ins h2 { position: absolute; left: 0; top: 37px;}
.footer_ins .addr_box { position: absolute; left: 243px; top: 38px;}
.footer_ins .addr_box { line-height:20px; opacity: 1;}
.footer_ins .addr_box p { font-size:13px; color:#c4c4c4; }
.footer_ins .addr_box p span { margin-right:15px;}
.footer_ins .addr_box p.copy { padding-top:10px; font-size:12px; }

@media (max-width:640px) {
	
	#footer { height:250px;  }
	.footer_ins { width:100%; } 
	.footer_ins h2 { left:15px; top:30px; }
	.footer_ins h2 img { width:80%; }
	.footer_ins .addr_box { position: absolute; left: 0; top: 78px; padding:0 20px; }	
	.footer_ins .addr_box p span { margin-right:15px; display:block; }
	.absp1 { padding-top:10px; }
	.absp3 { padding-bottom:10px; }
}