@charset "UTF-8";

.cf:after{content:'';display:block;clear:both}
#sub_visu_wrap{width:100%; margin:0 auto; background:#ffffff;}
#sub_visu{width:100%; min-width:1200px; margin:0 auto; overflow:hidden;}

#container{width:1020px; margin:0 auto;}
.content{position:relative;float:right; width:770px; /*border-left:1px solid #b7b7b7;*/ padding-bottom:70px;}
.body_mid{padding:30px 10px 0px 15px; min-height:300px;}


h2.s_title{font-size:26px; padding:50px 0 20px 20px; color:#535353; border-bottom:1px solid #c1c1c1;}


/* lnb */
#lnb{float:left;width:210px; margin:0px 20px 0 5px; color:#fff;}
.left_cs{padding:5px 0 10px 0px; border:2px solid #c1c1c1;}
.left_cs .cs_tit{font-size:14px; font-weight:bold; color:#585453; line-height:180%; padding-left:5px;}
.left_cs .cs_num{font-family:"Arial Black"; font-size:21px; color:#bd0209; letter-spacing:-0.03em; padding:10px 0 10px 5px; border-bottom:1px dashed #c9c9c9;}
.left_cs .cs_num2{font-size:14px; color:#666666; padding-left:3px; margin-top:7px;}
.left_cs .cs_num2>strong{color:#444444; padding-left:3px;}
.left_cs img{display:none;}
.dropdown {
/*  position:relative; */
  width: 200px;
  margin: 30px 30px 0 0;
  font-size: 14px;
  float:left;
  transition:all 0.6s;}
  .dropdown>h2{padding:20px 12px 25px 5px; font-size:26px;letter-spacing:-0.1em; color:#444444; }
  .dropdown li {padding: 0 5px;}
    .dropdown li a.selected {
	background-color: #3474bf;
	color: #fff;
}
	.dropdown li>a>i {visibility:hidden;}
	.dropdown li>a:hover>i {visibility:visible;}
	.dropdown li>a.selected>i {visibility:visible;}
	  
    .dropdown>li>a {
      display: block;
      width: 100%;
      padding: 10px 0 10px 10px;
      text-decoration: none;
      text-transform: uppercase;
      color: #1e1e22; 
	  border-bottom:1px solid #ddd;}
    .dropdown>li>a:hover {
	background-color: #3474bf;
	color: #fff;
	transition: all 0.6s;
	   }
  .dropdown li > ul li {
    padding: 7px 0 7px 15px; border-bottom:1px solid #ddd;}
    .dropdown li > ul li a {
      color: gray; font-size:12px; }
	 .dropdown li > ul li a:hover {border-bottom:1px solid #dedede;}
#deepest {font-weight:bold; color:red;}

    .dropdown li > ul li > ul li {
      padding: 10px 0 10px 30px; }
      .dropdown li > ul li > ul li a {
        color: black;
        font-size: 12px;
        text-transform: none;
        padding: 0; }




/* location_tab */
.location_tab {position:absolute; top:10px;right:0;margin:48px 10px 0 0; height:24px; line-height:24px; float:right;}
.location_tab .home {/*background:url(../images/sub/home.gif) no-repeat 0 9px; */padding-left:15px;height:24px;}
.location_tab li {float:left; color:#606060;}
.location_tab strong {color:#2f2e2e;}



/*인사말*/
.g-wrap{width:745px;}
.g_img{width:200px;float:left; margin-top:40px;}
.g_txt1{width:745px; margin-right:0px; margin-top:30px;float:right; text-align:justify; margin-bottom:5px;}
.g_txt2 p.color1{font-size:22px; color:#014c95; font-weight:bold; letter-spacing:-0.7px;}
.g_txt2{width:745px; text-align:justify; clear:both;}
.g_txt2 p{ font-size:14px;color:#1b1b1b;font-weight:bold;}
.g_txt1 p{line-height:180%; font-size:13px; margin-bottom:15px; letter-spacing:-0.1px;/* font-weight:600;*/}
.g_last{float:right;margin-top:20px;font-size:15px; font-weight:bold; color:#1b1b1b;}



.pro_full{}
.pro_full ul{position:relative; left:50%; float:left;}
.pro_full li{position:relative; left:-50%; float:left; margin-right:20px;}



/* 오시는길 */
.map_add{width:740px; float:left; color:#313131; font-size:13px; margin:15px 0px 0px 0px;}
.map_add span{color:#014c95; font-weight:bold;}
.map_add>div{margin:0 0 10px 15px;}
.map_m{width:170px; height:40px; border:1px solid #898989; border-sizing:border-box; text-align:center; margin:10px 0 0 15px;}
.map_m>a{display:block; padding:10px 0; font-size:13px;fransform:scale(1); transition:all 0.5s;}
.map_m>a:hover{transition: all 0.5s; transform:scale(1.2); color:#99cc99;}
.map_m i{margin-right:3px; color:d1d1d1;}


/* Tab */
ul.tabs {
	margin: 0;
	padding: 0;
	float: left;
	list-style: none;
	height: 35px;
	border-bottom: 1px solid #dddddd;
	border-left: 1px solid #dddddd;
	width: 100%;
}
ul.tabs li {
	float: left;
	margin: 0;
	padding: 0;
	height: 34px;
	line-height: 34px;
	border: 1px solid #dddddd;
	border-left: none;
	margin-bottom: -1px;
	background: #e0e0e0;
	overflow: hidden;
	position: relative;
}
ul.tabs li a {
	text-decoration: none;
	color: #464646;
	display: block;
	font-size: 14px;
	font-weight:bold;
	padding: 0 15px;
	border: 1px solid #fff;
	outline: none;
}
ul.tabs li a:hover {
	background: #ccc;
}	
html ul.tabs li.active, html ul.tabs li.active a:hover  {
	background: #fff;
	border-bottom: 1px solid #fff;
}
.tab_container {
	border-top: 1px solid #dddddd;
	border-top: none;
	clear: both;
	float: left; 
	width: 100%;
	background: #fff;
	-moz-border-radius-bottomright: 5px;
	-khtml-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-moz-border-radius-bottomleft: 5px;
	-khtml-border-radius-bottomleft: 5px;
	-webkit-border-bottom-left-radius: 5px;
}

.tab_content {
	padding: 10px 0px 0 0px;
	font-size: 16px;
	text-align:center;
}

.tab_content h2 {
	font-weight:normal;
	padding-bottom: 10px;
	border-bottom: 1px dashed #ddd;
	font-size: 1.8em;
}


.top_b{float:right; background:#FF4C4C; color:#ffffff;margin:10px 0; border-radius:30px;}
.top_b a{color:#ffffff; font-weight:bold; padding:10px; display:block; }



/* sub nav */
#sub_nav { width:745px;}
.sub_nav_top > div { width:745px; margin:0 auto; text-align:right; color:#fff; font-size:14px; padding-top:8px;}
.sub_nav_bottom { width:745px; margin:0 auto;font-size:14px;}
.nav_title li { 
	width:170px; 
	float:left;
	font-weight:bold;
	padding:7px 7px;
	border:1px solid #e1e1e1;
	text-align:center;
	cursor:pointer;
	
	}
.nav_title > a:first-child li { width:170px; border-left:1px solid #dedede;}
.sub_nav_bottom > p { clear:both; }
.nav_title span { font-size:0.5em; margin-left:0px;}
.nt_li_last { width:170px !important; }

.nav_title li:hover:not(.on2) {
	color:#FFF !important; 
	background:#014c95;
	font-weight:bold;
	/* margin-top:-5px; */
	border-sizing: border-box;
	font-size: 14px;
	}
.nav_title li.on2 { 
	color:#FFF !important; 
	background:#014c95;
	font-weight:bold;
	/* margin-top:-5px; */
	border-sizing:border-box;
	font-size:14px; 
	}


/* sub nav */
#sub_nav2 { width:745px;border-bottom:1px solid #dedede;}
.sub_nav2_top > div { width:745px; margin:0 auto; text-align:right; color:#fff; font-size:14px; padding-top:8px;}
.sub_nav2_bottom { width:745px; margin:0 auto;font-size:14px;}
.nav2_title li { 
	width:100px; 
	float:left;
	font-weight:bold;
	padding:7px 7px;
	border:1px solid #e1e1e1;
	text-align:center;
	cursor:pointer;
	
	}
.nav2_title > a:first-child li { width:100px; border-left:1px solid #dedede;}
.sub_nav2_bottom > p { clear:both; }
.nav2_title span { font-size:0.5em; margin-left:0px;}
.nt_li_last { width:100px !important; }

.nav2_title li:hover:not(.on2) {
	color: #464646 !important;
	background: #e0e0e0;
	font-weight:bold;
	/* margin-top:-5px; */
	border-sizing: border-box;
	font-size: 14px;
	}
.on2 { 
	color:#464646 !important; 
	background:#e0e0e0;
	font-weight:bold;
	/* margin-top:-5px; */
	border-sizing:border-box;
	font-size:14px; 
	}


/*제품소개*/
#newpro {position:relative; top:20px; left:50%;}
#newpro li{position:relative; float:left; left:-50%; margin-right:15px; margin-bottom:20px;}
#newpro li.last{margin-right:0;}
#newpro li dd{text-align:center; margin-bottom:5px;/* border: 1px solid #e5e5e5;*/}
#newpro li dd:hover{transition: all 0.5s; z-index:1000; opacity:0.5;}
#newpro li dt{text-align:center; font-size:13px; font-weight:bold;}
#newpro img{border:solid 1px #e2e2e2}


/* 제품소개 상세 */
.tbl_type,.tbl_type th,.tbl_type td{border:0}
.tbl_type{width:100%; font-size:14px; border-collapse:collapse; margin-bottom:10px; border-top:2px solid #0c5ba9; border-bottom:2px solid #0c5ba9;}
.tbl_type caption{display:none;}
.tbl_type th{background-color:#f5f5f5; font-size:17px; text-align:left; padding:15px 30px;color:#434343;border-bottom:1px solid #d7d7d7;}
.tbl_type td{padding:10px 30px; border-bottom:1px solid #d7d7d7;}
.tbl1{width:100%;}

/* 제품-바닥매트 */
.tbl_type2,.tbl_type2 th,.tbl_type2 td{border:0}
.tbl_type2{width:100%; font-size:14px; border-collapse:collapse; margin-bottom:10px; }
.tbl_type2 caption{display:none;}
.tbl_type2 th{padding:0px auto; background-color:#f5f5f5; text-align:left; color:#666666;/*padding:10px 17px;*/ }
.tbl_type2 td{padding:0px 10px; text-align:left;}


/* 제품-바닥매트 */
.tbl_type3,.tbl_type3 th,.tbl_type3 td{border:0}
.tbl_type3{width:100%; font-size:14px; border-collapse:collapse; margin-bottom:10px; border-top:2px solid #014c95;}
.tbl_type3 caption{display:none;}
.tbl_type3 th{padding:7px 7px; background-color:#f5f5f5; text-align:left; color:#666666;border:1px solid #d7d7d7; }
.tbl_type3 td{padding:7px 7px; text-align:left;border:1px solid #d7d7d7;}