@charset "utf-8";
@import url('https://fonts.googleapis.com/css?family=Arimo:400,700');
@import url('https://fonts.googleapis.com/css?family=Muli:200,300,400,600,700,800,900');
/*============공통==========*/

.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

#skipNavi,
.hide,
legend {
	/*숨기기*/
	position:absolute;
	width:0;
	height:0;
	overflow:hidden;
	font:0/0 Sans-serif;
	/* visibility:hidden;*/
	margin:0;
	padding:0;
}
h1,
h2,
h3,
h4,
p,
input,
ul,
li,
form,
label,
dl,
dt,
dd,
img,
fieldset {
	margin:0;
	padding:0;
}
h3 {	/*text-indent:-1000px;*/
}
hr {
	display:none;
}
ul {
	list-style:none;
}
img,
fieldset {
	border:0;
	vertical-align:top;
	margin:0;
	padding:0;
}
p {
	margin:0;
	padding:0;
}
a {
	text-decoration:none;
	color:#5d5d5d;
}
a:hover {
	color:#333333;
}
input,
select {
	font-size:1em;
}
html {
    overflow-y:scroll;
}
body {
	margin:0;
	padding:0;
	font-family:"돋움", Arial, serif;
	font-size:12px;
	line-height:130%;
	color:#5d5d5d;
	background:url(../images/sub_bg.gif) repeat-x;
}
/*============상단==========*/
#wrapper {
}
#header {
	width:990px;
	position:relative;
	margin:0 auto;
	height:83px;
	z-index:10;
}
h1{
	padding:18px 0 0 47px;
	position:relative;
	z-index:100;
	width:190px; height:45px;
}
.gnb{
	position:absolute;
	top:10px;
	right:0;
}
.gnb li{
	float:left;
}
#navi {
	position:absolute;
	top:41px;
	right:0;
	font-family:'Arimo', "돋움", Arial, serif;
}
#navi ul{}
#navi ul:after{content : ""; display : block; clear:both;}
#navi ul li{float:left; background:url('../images/mbar.gif') no-repeat left center; margin-left:30px; padding-left:30px;}
#navi ul li:first-child{background:none; padding:0; margin:0;}
#navi ul li a{color:#383838; font-size:16px; font-weight:700;}
#navi ul li a:hover{color:#077DC1;}
#navi ul li ul{display:none;position:absolute; left:-50px; top:38px; background-color:#0467B2; padding:7px 25px; border-radius:2px; }
#navi ul li ul li{background:none; margin-left:15px; padding-left:0; margin-right:0;}
#navi ul li ul li a{font-size:13px; font-weight:500; color:#fff;}
#navi ul li ul li a:hover{color:#fff;}



#container{
	width:1185px;
	margin:0 auto;
	box-sizing:border-box;
	padding:0px 97.5px;
	position:relative;

}
/*============하단==========*/
#footer {
	border-top:1px solid #c0c0c0;
	padding-top:15px;
	padding-bottom:20px;
	width:990px;
	margin:0 auto;
	height:55px;
	position:relative;
	margin-top:60px;
}
#footer h2{
	margin-left:153px;
	margin-right:50px;
	float:left;
	display:inline;
}
#footer address{
	float:left;
}
/*============메인==========*/
.main{
	background-image:url(../images/main_bg.gif);
}
.main #wapper{
}
.main .visual{
	background-image:url(../images/main_wapper.gif);
}
.main #container{
	background:url('../images/visual_bg.jpg') no-repeat center top;
	padding-top:320px;
	box-sizing:border-box;
	height:560px;
}
.main #container .banner,
.main #container .quick,
.main #container .product{
	font-size:0;
	letter-spacing:-1px;
}
.main #container .notice{
	margin-left:658px;
	position:relative;
}
.notice p{
	position:absolute;
	top:0;
	right:20px;
}
.notice p a{
	display:block;
	width:40px; height:20px;
	text-indent:-100000000px;
}
.notice ul{
	border-bottom:1px solid #c0c0c0;
	width:320px;
	padding-top:8px;
	padding-bottom:7px;
	position:relative;
}
.notice li{
	background: url(../images/main_noticeBult.gif) no-repeat 7px 5px;
	padding-left:18px;
	position:relative;
	height:20px;
}
.notice li span{
	position:absolute;
	right:0;top:0;
	font:11px Tahoma;
	color:#838383;
}

.main #container .banner{
	margin-left:658px;
	margin-top:20px;
}
.main #container .quick{
	margin-left:658px;
	margin-top:15px;
}
.main #container .quick h3{
	margin-bottom:8px;
	height:13px;
	overflow:hidden;
}


.main #container .product{
	position:absolute;
	top:510px;
	left:97.5px;
}
.main #container .product h3{
	float:left;
	margin-right:13px;
}
.main #container .product a{
	width:71px;
	height:75px;
	overflow:hidden;
	display:block;
	float:left;
	margin-right:2px;
}
.main #container .product a:hover img{
	margin-top:-75px;
}



/*==============서브==============*/
.subLeft{	
	position:relative;
	left:0; top:0px;
	float:left;
	width:260px;
	margin-top:-4px;
	background:url(../images/sub_leftMenuBg.gif) repeat-y;
}
.leftMenu{
	background:url(../images/sub_leftMenuBtm.gif) no-repeat left bottom;
	padding-bottom:100px;
}
.leftMenu li{
	width:150px;
	height:30px;
	overflow:hidden;
	margin-left:30px;
}
.leftMenu li a.on,
.leftMenu li a:hover{
	margin-left:-150px;
}
.subRight{
	float:left;
	width:730px;
	margin-top:20px;
}
.subRight h3{
	border-bottom:1px solid #cecece;
	padding-bottom:10px;
	margin-bottom:20px;
}
.location{
	float:right;
	text-align:right;
	margin-top:5px;
	display:inline;
	font-size:11px;
	color:#666666;
}
.location a{
	color:#666666;
	background:url(../images/sub_locationBult.gif) no-repeat 4px center;
	padding-left:12px;
}
.location a.first-child{
	background:url(../images/sub_locationHome.gif) no-repeat left center;
	padding-left:18px;
}




/*탭네비*/
.tabNavi{
	margin-bottom:20px;
}
.tabNavi ul{
	border-bottom:1px solid #e3e3e3;
	float:left;
	width:100%;
}
.tabNavi li{
	float:left;
	margin-right:0px;
}
.tabNavi li a{
	float:left;
	display:block;
	height:25px;
	padding-left:25px;
	background:url(../images/sub_tabNavi_bg.gif) no-repeat;
	cursor:pointer;
	font-weight:bold;
	color:#696969;
}
.tabNavi li a span{
	float:left;
	display:block;
	height:20px;
	padding-right:30px;
	padding-top:5px;
	background:url(../images/sub_tabNavi_bg.gif) right 0 no-repeat;
}
.tabNavi li a:hover,
.tabNavi li a.on{
	background-position:0 -30px;
	color:#fff;
}
.tabNavi li a:hover span,
.tabNavi li a.on span{
	background-position:right -30px;
}


/*라운드박스-- 가로세로 유동*/
.RoundBox{
	position:relative;
	border:1px solid #e1e1e1;
	margin-bottom:20px;
	min-height:20px;
	height:auto !important;
	height:20px;
}
.RoundBox .RoundContent{margin:10px;}
.RoundBox img.trans{position:absolute}
.tl{top:-1px;left:-1px}
.tr{top:-1px;right:-1px}
.bl{bottom:-1px;left:-1px}
.br{bottom:-1px;right:-1px}
*html .tr{right:-2px;}
*html .br{right:-2px;}


/*title & list*/
.h4{
	margin-bottom:15px;
}
.h5{
	background:url(../images/sub_bult_h4.gif) no-repeat left center;
	padding-left:15px;
	color:#046eb4;
	font-size:14px;
	margin:0;
	margin-bottom:10px;
}
.productList{
	margin-bottom:20px;
}
.productList li{
	background:url(../images/sub_bult_list.gif) no-repeat left center;
	padding-left:10px;
	margin-left:10px;
	margin-bottom:5px;
}
.productPhoto{
}
.productPhoto li{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
}


/*내용테이블*/
.tbl td{
	border-bottom:1px solid #e3e3e3;
	padding:3px;
}
.tbl th{
	color:#077dc1;
	background:#e8f4fa;
	padding:5px 0;
	border-top:1px solid #4194c4;
	border-bottom:1px solid #4194c4;
}