@charset "utf-8";
/* CSS Document */

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

/* Base    * {margin:0; padding:0;}*/

body {font-family:'돋움','굴림'; font-size:.75em; line-height:1.4em; position:relative; color:#6b6b6b;margin:0;padding:0;
    top: 0px;
    left: 0px;
    height: 160px;
}
img {vertical-align:top; border:none;}
fieldset, button {border:none;}
hr, button img {display:none; margin:0; padding:0;}
ul, ol, dl, li, dt, dd {list-style:none;}

a {text-decoration:none; color:#6b6b6b;}
a:hover, 
a:active {text-decoration:underline; color:#737c85;}
/* 새창아이콘 */
a.blank {display:inline-block; background:url(../images/common/blank.gif) no-repeat right 50%; padding-right:15px;}

input {border:solid 1px #d2d6db; font-size:1.2em; padding:4px;}
textarea {overflow:auto; padding:5px; border:solid 1px #c5c5c5; font-size:1.2em;} 
input[type="radio"],
input[type="checkbox"] {border:none;}
label{cursor:pointer; cursor:hand;}
address, em {font-style:normal; font-weight:normal;}
option {padding-right:6px;} /* Firefox Fix */

/* hidden contents */
.skip, 
hr, 
legend, 
caption {position:absolute; width:0; height:0; font-size:0; line-height:0; overflow:hidden; visibility:hidden; z-index:-1;}

/* 여백 */
.mt5 {margin-top:5px;}
.mt10 {margin-top:10px;}
.mt15 {margin-top:15px;}
.mt20 {margin-top:20px;}
.mt25 {margin-top:25px;}
.mt30 {margin-top:30px;}
.mt35 {margin-top:35px;}
.mt40 {margin-top:40px;}
.mt45 {margin-top:45px;}
.mt50 {margin-top:50px;}

.mb5 {margin-bottom:5px;}
.mb10 {margin-bottom:10px;}
.mb15 {margin-bottom:15px;}
.mb20 {margin-bottom:20px;}
.mb25 {margin-bottom:25px;}
.mb30 {margin-bottom:30px;}
.mb35 {margin-bottom:35px;}
.mb40 {margin-bottom:40px;}
.mb45 {margin-bottom:45px;}
.mb50 {margin-bottom:50px;}

.ml5 {margin-left:5px;}
.ml10 {margin-left:10px;}
.ml15 {margin-left:15px;}
.ml20 {margin-left:20px;}
.ml25 {margin-left:25px;}
.ml30 {margin-left:30px;}
.ml35 {margin-left:35px;}
.ml40 {margin-left:40px;}
.ml45 {margin-left:45px;}
.ml50 {margin-left:50px;}

.pt5 {padding-top:5px;}
.pt10 {padding-top:10px;}
.pt15 {padding-top:15px;}
.pt20 {padding-top:20px;}
.pt25 {padding-top:25px;}
.pt30 {padding-top:30px;}
.pt35 {padding-top:35px;}
.pt40 {padding-top:40px;}
.pt45 {padding-top:45px;}
.pt50 {padding-top:50px;}

.pl5 {padding-left:5px;}
.pl10 {padding-left:10px;}
.pl15 {padding-left:15px;}
.pl20 {padding-left:20px;}
.pl25 {padding-left:25px;}
.pl30 {padding-left:30px;}
.pl35 {padding-left:35px;}
.pl40 {padding-left:40px;}
.pl45 {padding-left:45px;}
.pl50 {padding-left:50px;}

/* clear */
.clear {clear:both;}






.header {
	width:890px;
	position:relative;
	height:135px;
	background:url(/Images_spc/top_bg.jpg) no-repeat;
	
}
.topmenu {
	width:870px;
	height:14px;
	font-size:0.95em;
	color:#787878;
}
.topmenu ul {
	float:right;
}
.topmenu li {
	float:left;
	padding:0 0 0 20px;
	padding: 0 7px 0 0;
	margin-right: 7px;
}
.topmenu li.last {
	background:none;
	padding:0;
	margin:0;
}
.topmenu a:link, .topmenu a:visited {
	color:#787878;
}
.topmenu a:hover, .topmenu a:active {
	text-decoration:none;
	color:#787878;
}

/*셀렉트박스*/

#quickmenu {
  position: relative;
  height: 20px;
  width: 118px;
}
#quickmenu ul {
  list-style: none;
  padding: 0;
  margin: 0;
  line-height: 1;
}
#quickmenu > ul {
  position: relative;
  display: block;
  width: 118px;
  z-index: 500;
}
#quickmenu:after,
#quickmenu > ul:after {
  content: ".";
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}
#quickmenu > ul > li.active > a{color:#fff}

#quickmenu.align-right > ul > li {
  float: right;
}
#quickmenu.align-center ul {
  text-align: center;
}
#quickmenu.align-center ul ul {
  text-align: left;
}
#quickmenu > ul > li {
  display: inline-block;
  position: relative;
  margin: 0;
  padding: 0;
}
#quickmenu > ul > #menu-button {
  display: none;
}
#quickmenu ul li a {
  display: block;
  font-family: Tahoma, sans-serif;
  text-decoration: none;
}
#quickmenu > ul > li > a {
  font-size: 14px;
  font-weight: bold;
  /*padding: 15px 20px;*/
  color: #7a8189;
  
  text-transform: uppercase;
  -webkit-transition: color 0.25s ease-out;
  -moz-transition: color 0.25s ease-out;
  -ms-transition: color 0.25s ease-out;
  -o-transition: color 0.25s ease-out;
  transition: color 0.25s ease-out;
}
#quickmenu > ul > li.has-sub > a {
  /*padding-right: 32px;*/
}
#quickmenu > ul > li:hover > a {
  color: #ffffff;
}
#quickmenu li.has-sub::after {
  display: block;
  content: "";
  position: absolute;
  width: 0;
  height: 0;
}

#quickmenu > ul > li:hover::after {
  border-top-color: #ffffff;
}

#cIndicator {
  position: absolute;
  height: 0;
  width: 100%;
  border: 12px solid transparent;
  border-top-color: #2b2f3a;
  top: -12px;
  right: 100%;
  z-index: -2;
}
#quickmenu ul ul {
  position: absolute;
  left: -9999px;
 
  opacity: 0;
 
  z-index: 1000;
}
#quickmenu ul ul ul {
  top: 37px;
  padding-left: 5px;
}
#quickmenu ul ul li {
  position: relative;
}
#quickmenu > ul > li:hover > ul {
  left: auto;
  opacity: 1;
}
#quickmenu.align-right > ul > li:hover > ul {
  left: auto;
  right: 0;
  opacity: 1;
}
#quickmenu ul ul li:hover > ul {
  left: 170px;
  top: 0;
  opacity: 1;
}
#quickmenu.align-right ul ul li:hover > ul {
  left: auto;
  right: 170px;
  top: 0;
  opacity: 1;
  padding-right: 5px;
}
#quickmenu ul ul div.sub  { /*서브메뉴 배경*/
  width: 118px;
  height:87px;
  background:url(/Images_spc/select_02depth.gif) no-repeat;
  
}

#quickmenu ul ul div.sub li.s_01{ /*서브메뉴 1*/
  padding-top:3px;
  
}

#quickmenu ul ul div.sub li.s_02{ /*서브메뉴 1*/
  padding-top:2px;
  
}

#quickmenu ul ul div.sub li.s_03{ /*서브메뉴 3*/
  padding-top:3px;
  
}
#quickmenu ul ul div.sub li.s_04{ /*서브메뉴 4*/
  padding-top:5px;
  
}

#quickmenu ul ul div.sub li.s_01:hover a { /*서브메뉴 배경*/
   background: url(/Images_spc/btn_quick01_on.png) no-repeat;
  
}
#quickmenu ul ul div.sub li.s_02:hover a { /*서브메뉴 배경*/
   background: url(/Images_spc/btn_quick02_on.png) no-repeat;
  
}
#quickmenu ul ul div.sub li.s_03:hover a { /*서브메뉴 배경*/
   background: url(/Images_spc/btn_quick03_on.png) no-repeat;
  
}
#quickmenu ul ul div.sub li.s_04:hover a { /*서브메뉴 배경*/
   background: url(/Images_spc/btn_quick04_on.png) no-repeat;
  
}



/*네비게이션*/
.navi6 img{border:0}
.navi6 ,.navi6 ul,.navi6 li{list-style:none;margin:0;padding:0}

.navi6{width:877px;height:60px;
background:url('/Images_spc/nav_bg.png') no-repeat;overflow:hidden;position:relative;
    top: 0px;
    left: 0px;
}
.navi6 li.one_depth{float:left;display:inline;height:41px;position:relative;margin-top:-8px;margin-left:15px;   padding:0 30px 0 30px;}
.navi6 li.one_depth a{display:inline-block;padding:8px 13px;}
.navi6 li.one_depth:first-child{background:none;margin-left:20px;} /*메뉴시작값조정*/

.navi6 li.one_depth ul.sub_mu{display:none;position:absolute;top:32px;width:800px;height:100px;}
.navi6 li.one_depth ul.sub_mu.s1{left:0px;background:url('/Images_spc/sub_bg02.png') no-repeat 10px 8px;}  /*서브메뉴전체 좌우이동*/
.navi6 li.one_depth ul.sub_mu.s2{left:0px;background:url('/Images_spc/sub_bg02.png') no-repeat 0px 8px;}
.navi6 li.one_depth ul.sub_mu.s3{left:15px;background:url('/Images_spc/sub_bg01.png') no-repeat 6px 8px;}
.navi6 li.one_depth ul.sub_mu.s4{left:15px;background:url('/Images_spc/sub_bg01.png') no-repeat 6px 8px;}
.navi6 li.one_depth ul.sub_mu.s5{left:-130px;background:url('/Images_spc/sub_bg.png') no-repeat 6px 8px;}
.navi6 li.one_depth ul.sub_mu.s6{left:-130px;background:url('/Images_spc/sub_bg.png') no-repeat 0px 8px;}

.navi6 li.one_depth ul.sub_mu li{float:left;display:inline;height:32px;background:url('/Images_spc/sub_bar.gif') no-repeat 0px 12px;}
.navi6 li.one_depth ul.sub_mu li a{display:inline-block;padding:10px 15px;background:none}
.navi6 li.one_depth ul.sub_mu li:first-child{background:none;margin-left:0px}