@charset "utf-8";
@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css); /* font-family: 'Nanum Gothic' */
@import url(http://fonts.googleapis.com/earlyaccess/nanumsquare.css);  /* font-family: 'NanumSquare' */

/* reset */
* { padding: 0px; margin: 0px;}
h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, table {margin: 0; padding: 0; list-style: none;}
header, main, footer, section, article, aside, nav {display: block;}
a {color: inherit; text-decoration: none;}
a img {border: none;}
li {list-style: none;}
/*기본폰트설정*/
body,input,textarea,select,button,table{ font-family: "Noto Sans KR", 'Nanum Gothic','NanumSquare', '돋움', sans-serif;  font-size: 14px; font-weight: 300; line-height: 24px; color: #333;}



/* 탑메뉴 */
#top_menu {width:100%; z-index:100;}
#header{width:100%;min-width:1060px;height:100px;}

.top_menu_wrap {position:relative; top:0; left:50%; z-index:9; width:100%; margin-left:-50%; background: #fff; min-height:100px; }
.top_menu_wrap .inner {overflow:hidden;width:1060px;margin:0 auto; /*padding-bottom:10px;*/ }
.top_menu_wrap h1{float:left;padding: 15px 10px 0 20px;}
.top_menu_wrap .top_menu{float:right;padding:30px 0 10px 0; height:38px;overflow:hidden}
.top_menu_wrap .top_menu > li {  }
.top_menu_wrap .top_menu li{float:left; text-align:center}
.top_menu_wrap .top_menu li a{display:block;overflow:hidden;height:30px;margin:10px 0 10px 15px; padding:0; font-size:21px; font-weight:500; color:#333;}
.top_menu_wrap .top_menu li a:hover {color:#3d72da}
.top_menu_wrap .top_menu li ul {padding-left:10px; padding-top:1000px;}
.top_menu_wrap .top_menu.on li ul {padding-top:0px;}
.top_menu_wrap .top_menu li li{width:115px;float:none;padding:6px 0 0 10px;line-height:22px;}
.top_menu_wrap .top_menu li li a{display:inline;padding:0;height:auto;overflow:visible;margin:0;font-size:16px; font-weight:400; color:#333;}

.top_menu_wrap .top_menu li.on img,
.top_menu_wrap .top_menu li.hv img{margin-top:-30px;}
.top_menu_wrap .top_menu li li.on a,
.top_menu_wrap .top_menu li li.hv a,
.top_menu_wrap .top_menu li li a:hover{color:#3d72da; font-size:17px;}
.top_menu_wrap p.bgB	{ background: url("../images/index/bg_top_menu.png") repeat-x center bottom; width: 100%; height: 15px; position: absolute; left: 0px; right: 0px; bottom: -10px; }



.return-top a { display:block; width:100px; line-height:35px; background-color:#f68a21; color:#fff; border-radius:5px; font-size:16px; font-weight:400; text-align:center }
.return-top a:hover { background-color:#f67121; transition: all 0.8s }


/*메인이미지_롤링*/
#m_contets1{
	width: 100%;
	height: 380px;
	display: inline-block;
	position: relative;
	z-index: 1;
	left:0;
} 

#m_contets1 .img{
	width: 100%;
	height: 380px;
	position: absolute;
}



/*메인페이지 설정*/

.main_pro_text {font-size:18px; font-weight:400; text-align:center; line-height:50px}

.main_banner { background-color:#f2f2f2}
.main_banner img { opacity:0.9}
.main_banner img:hover { opacity:1;}




/* 푸터 설정 */
.footer_nav { color:#e9e9e9; font-weight:400; line-height:20px; padding-bottom:10px }
.footer_nav a:hover { opacity:0.6;}
.copyright {  color:#e9e9e9;}




/*서브메뉴 설정 (1단계) */
.main_menu {font-size:24px; color:#000; font-weight: 400; background-color:#eee;}

.sub_menu a {font-size:21px; font-weight:400; color:#333; line-height:60px; display:block; width:160px; overflow:hidden}
.sub_menu a:hover{ font-weight:400; color:#0371d3; background-color:#eee; transition:all 0.4s}





.sub_title { background-color:#fff; font-size:35px; font-weight:400; padding:10px 20px }
.sub_title_s {font-size:18px; font-weight:400; color:#0371d3 }


/*제품소개 시리즈 메뉴*/
.pro_series_menu_o a { text-align:center; font-size:15px; background-color:#9C3; display:block; width:195px; line-height:30px; color:#fff}
.pro_series_menu a { text-align:center; font-size:15px; background-color:#f2f2f2; display:block; width:195px; line-height:30px;}
.pro_series_menu a:hover { background-color:#ddd; transition:all 0.6s}


.pro03_ssmenu_o a { text-align:center; font-size:14px; background-color:#9C3; display:block; width:245px; height:30px; color:#fff; line-height:16px; letter-spacing:-0.2px; padding:5px 0}
.pro03_ssmenu a { text-align:center; font-size:14px; background-color:#f2f2f2; display:block; width:245px; height:30px; line-height:16px; letter-spacing:-0.2px; padding:5px 0}
.pro03_ssmenu a:hover { background-color:#ddd; transition:all 0.6s}

.pro03_ssmenu2_o a { text-align:center; font-size:14px; background-color:#9C3; display:block; width:245px; height:30px; color:#fff; line-height:30px; letter-spacing:-0.2px; padding:5px 0}
.pro03_ssmenu2 a { text-align:center; font-size:14px; background-color:#f2f2f2; display:block; width:245px; height:30px; line-height:30px; letter-spacing:-0.2px; padding:5px 0}
.pro03_ssmenu2 a:hover { background-color:#ddd; transition:all 0.6s}



.com02_text { font-size:16px; background-color:#f2f2f2; line-height:40px; padding-left:20px}
.com02_text span { color:#0371d3; font-weight:400}



.pro_list_title { font-size:24px; font-weight:400; line-height:30px; padding-bottom:20px}
.pro_list_title img { margin-bottom:-5px; padding-right:10px;}

.pro_list_text { font-size:16px; font-weight:400; text-align:center; }

.pro_list_img img { padding:10px 0 }


.pro_title01 { font-size:18px; font-weight:400}
.pro_title01 img {margin-bottom:-2px; padding-right:5px}
.pro_title02 { font-size:15px; font-weight:400;}


.pro_table01 { background-color:#ddd; line-height:22px}
.pro_table01 th { background-color:#f2f2f2; font-size:14px; padding:5px 0;}
.pro_table01 td { text-align:center; background-color:#fff; font-size:13px; letter-spacing:-0.2px; padding:5px 0}
.pro_table01 td > p { display:inline-block; font-size:10px}
.pro_table01 .table_bg { background:#f6fdff; font-weight:400;}

.pro_table02 { background-color:#ddd; line-height:22px}
.pro_table02 th { background-color:#f2f2f2; font-size:14px; padding:10px 0}
.pro_table02 td { text-align:center; background-color:#fff; font-size:14px; padding:10px 0}
.pro_table02 .table_bg { background:#f6fdff;}

.pro_table03 { background-color:#ddd; line-height:30px}
.pro_table03 th { text-align:left; background-color:#f2f2f2; font-size:15px; padding-left:20px}
.pro_table03 td { text-align:left; background-color:#fff; font-size:14px; padding-left:20px}

.pro_table04 { background-color:#ddd; line-height:40px}
.pro_table04 th { background-color:#f3f9fe; font-size:14px}
.pro_table04 td { text-align:center; background-color:#fff; font-size:13px; letter-spacing:-0.2px; padding:3px 0}


.pro05_ssmenu a { display:block; width:151px; line-height:35px; background-color:#759aaf; color:#fff; border:solid 1px #ddd; text-align:center; font-size:15px; font-weight:400; letter-spacing:-0.3px}
.pro05_ssmenu a:hover { background-color:#fff; color:#000}


.pro_text_s { font-size:13px; line-height:15px}

.pro_img_box {text-align:center; padding:20px 0; border:solid 2px #f2f2f2}



/*제품소개 탭메뉴*/
.nav {
  margin: 0 auto;
  width: 1060px;
}
.nav a {
  display: block;
  text-decoration: none;
  text-align:center;
}
.nav > li {
  float:left;
  margin-right: 5px;
}
.nav > li > a {
  height: 40px;
  line-height: 40px;
  /*padding: 0 100px;*/
  width:250px;
  font-size:18px;
  font-weight: 400;
  color: white;
  text-decoration: none;
  text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
  background: #759aaf;
  box-shadow: inset 0 1px rgba(255, 255, 255, 0.3), inset 0 -2px 2px rgba(0, 0, 0, 0.03), 0 2px white, 0 0 2px rgba(0, 0, 0, 0.2);
}
.nav > li > a:hover {
  text-decoration: none;
  background: #85a6b8;
  background-image: -webkit-linear-gradient(top, #afc5d1, #85a6b8);
  background-image: -moz-linear-gradient(top, #afc5d1, #85a6b8);
  background-image: -o-linear-gradient(top, #afc5d1, #85a6b8);
  background-image: linear-gradient(to bottom, #afc5d1, #85a6b8);
}
.nav > li.active > a, .nav > li > a:active, .nav > .dropdown:hover > a {
  background: white;
  color: #333;
  text-shadow: none;
  -webkit-box-shadow: 0 2px white, 0 0 2px rgba(0, 0, 0, 0.2);
  box-shadow: 0 2px white, 0 0 2px rgba(0, 0, 0, 0.2);
}

.dropdown {
  position: relative;
  border-bottom: 5px solid white;
}
.dropdown:hover ul {
  display: block;
}
.dropdown ul {
  display: none;
  position: absolute;
  top: 40px;
  left: -1px;
  min-width: 250px; /*드롭다운 메뉴 가로 사이즈 조정*/
  padding: 0 0 5px;
  background: white;
  border: 1px solid #dadada;
  border-top: 0;
  border-radius: 0 0 3px 3px;
  -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.04);
  box-shadow: 0 0 1px rgba(0, 0, 0, 0.04);
}
.dropdown li {
  display: block;
  margin: 0 18px;
  overflow: visible;
}
.dropdown li + li {
  border-top: 1px solid #eee;
}
.dropdown li a {
  color: #333;
  padding: 5px 18px;
  margin: 0 -18px;
}
.dropdown li a:hover {
  color: #39C
}