body {	
		font-family:Malgun Gothic,Nanum Gothic,dotum,AppleGothic,sans-serif;
		color:#333;
		background:#FFFFFF;
		margin-left:0px; margin-top:0px; margin-right: 0px; margin-bottom:0px;
		word-break:break-all;
		background-image:url(../images/sub_bg.gif);
		background-repeat:repeat-x;
		text-align:center;
		overflow-y:scroll;
	 }
body,pre{font-family:'¸¼Àº °íµñ'}

.main {	
		background-image:url(../images/main_bg.gif);
		background-repeat:repeat-x;
	 }

a:visited	{ color: #666666; text-decoration: none; }
a:link 		{ color: #666666; text-decoration: none; }
a:hover		{ color: #333333; text-decoration: none; }

ul	{
list-style-type : none;
padding:0px;margin:0;
}

form { 
display:  					inline;
}

IMG	{ 
border: 					none;
}

td	{ 
font-size: 					9pt; 
word-break:					break-all;
}

.select{ 
behavior:url('../_js/selectbox.htc');
width:						150px;
height:						17px;
text-align:					left:
}

.textarea{
font-size:					12px;
border:						1px solid #D7D7D7; 
}

.input { 
font-size:					12px;
border:						1px solid #D7D7D7; 
height:						18px;
}

.input_search { 
font-size:					12px;
border:						1px solid #D7D7D7; 
height:						20px;
}

.font11_dod{			
font-size:					11px;	
font-family:				µ¸¿ò;
}

.verdana{
font-size:					11px;
font-family:				verdana;
}

.title{			
font-size:					11px;	
font-family:				µ¸¿ò;
color:						#666666;
}

.title_color{
color:						#ff8633;
}

.nbsp{
padding-top:				10px;
padding-bottom:				30px;
}

/* Layout_°øÅë*/

#menu{
	height:92px;
	vertical-align:top;
}

#bottom{
	clear:both;
	width:100%;
	vertical-align:top;
	background-image:url(../images/bottom_bg.gif);
}

#s_bottom{
	clear:both;
	width:100%;
	vertical-align:top;
	background-image:url(../images/s_bottom_bg.gif);
}

#padding13{
	height:13px;
}


/* Layout_main*/

#main{
	width:100%;
	margin:0 auto;
	vertical-align:top;
	background-image:url(../images/main_bg.jpg);
}

#m_table{
	width:1000px;
	margin:0 auto;
	vertical-align:top;
}

#m_flash{
	height:284px;
	vertical-align:top;
	background-image:url(../images/bg-main1.jpg);
}


#m_content{
	height:170px;
	vertical-align:top;
	text-align:left;
	padding-top:30px;
}


/* Layout_sub*/


#sub{
	width:100%;
	margin:0 auto;
	vertical-align:top;
	background-image:url(../images/sub_bg.jpg);
}

#sub_table{
	width:1000px;
	margin:0 auto;
	vertical-align:top;
}

#s_flash{
	height:132px;
	float:left;
}

#s_menu{
	width:182px;
	float:left;
	vertical-align:top;
	padding-bottom:10px;padding-left:54px;
}

#s_title{
	width:718px;
	height:70px;
	float:left;
	text-align:left;
	vertical-align:top;
	padding-left:46px;padding-top:15px;
}

#s_content{
	width:713px;
	float:left;
	text-align:left;
	vertical-align:top;
	padding-left:51px;
}

#menu {position:relative;margin:0 auto;width:1000px;height:91px;}
#menu #logo {float:left;margin-top:30px;margin-left:50px;}
#menu #nav {float:right;margin-top:10px;}
nav li {
  position: relative;
  display: inline-block;
  float: left;
}
nav a {
  position: relative;
  z-index: 599;
  color: #f5f5f5;
  background:#FFF;
  text-decoration: none;
  display: block;
  font-weight: 600;
  text-transform: uppercase;
  letter-spacing: 1px;
  -webkit-transition: all 0.2s ease;
  -moz-transition: all 0.2s ease;
  transition: all 0.2s ease;
  font-size:15px;
}
#main-menu>li>a {padding: 1.5em 2em;background:url(/images/ico-bar.png) no-repeat right center;}
#main-menu>li>a.last {background:none;}

nav a i[class*="caret"] {
  color: #3b536b;
  margin-left: .15em;
}
nav a:hover {
  color: #16A085;
}
nav a:hover + .submenu {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  visibility: visible;
}
nav .eiob .submenu {
  -webkit-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.2s linear;
  -moz-transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.2s linear;
  transition: all 0.3s cubic-bezier(0.68, -0.55, 0.265, 1.55), opacity 0.2s linear;
}
nav .ln .submenu {
  -webkit-transition: all 0.3s linear;
  -moz-transition: all 0.3s linear;
  transition: all 0.3s linear;
}
nav .ei .submenu {
  -webkit-transition: all 0.3s ease-in, opacity 0.2s linear;
  -moz-transition: all 0.3s ease-in, opacity 0.2s linear;
  transition: all 0.3s ease-in, opacity 0.2s linear;
}
nav .eo .submenu {
  -webkit-transition: all 0.3s ease-out, opacity 0.2s linear;
  -moz-transition: all 0.3s ease-out, opacity 0.2s linear;
  transition: all 0.3s ease-out, opacity 0.2s linear;
}
nav .submenu {
  display: block;
  opacity: 0;
  position: absolute;
  visibility: hidden;
  z-index: 499;
  width: 16em !important;
  top: 100%;
  left: 0;
  background: #D6EEF0;
  box-shadow: 0 2px 5px rgba(68, 68, 68, 0.3);
  -webkit-transform-origin: top center;
  -moz-transform-origin: top center;
  -ms-transform-origin: top center;
  -o-transform-origin: top center;
  transform-origin: top center;
  -webkit-transform: rotateX(-90deg);
  -moz-transform: rotateX(-90deg);
  -ms-transform: rotateX(-90deg);
  -o-transform: rotateX(-90deg);
  transform: rotateX(-90deg);
  -webkit-transition: all 0.25s ease;
  -moz-transition: all 0.25s ease;
  transition: all 0.25s ease;
}
nav .submenu li > .submenu {
  top: 0;
  left: 100%;
}
nav .submenu:hover {
  opacity: 1;
  -webkit-transform: rotateX(0deg);
  -moz-transform: rotateX(0deg);
  -ms-transform: rotateX(0deg);
  -o-transform: rotateX(0deg);
  transform: rotateX(0deg);
  visibility: visible;
}
nav .submenu li {
  float: none;
  display: block;
}
nav .submenu a {
  width: 100%;
  display: block;
  font-weight: 300;
  color:#000;
  line-height:40px;
  text-align:left;
  text-indent:20px;
}
nav .submenu a:hover {
  color: #f5f5f5;
  background: #0182FF;
}

nav.rx li:hover + .submenu {
  opacity: 1;
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
nav.rx .submenu {
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  -ms-transform: rotateY(-90deg);
  -o-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
}
nav.rx .submenu:hover {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

/*=== Fade Dwn ===*/
nav.fd li:hover + .submenu {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}
nav.fd .submenu {
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: translateY(-50px);
  -moz-transform: translateY(-50px);
  -ms-transform: translateY(-50px);
  -o-transform: translateY(-50px);
  transform: translateY(-50px);
}
nav.fd .submenu:hover {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}

nav.fu li:hover + .submenu {
  opacity: 1;
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}
nav.fu .submenu {
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: translateY(20px);
  -moz-transform: translateY(20px);
  -ms-transform: translateY(20px);
  -o-transform: translateY(20px);
  transform: translateY(20px);
}
nav.fu .submenu:hover {
  -webkit-transform: translateY(0px);
  -moz-transform: translateY(0px);
  -ms-transform: translateY(0px);
  -o-transform: translateY(0px);
  transform: translateY(0px);
}

/*=== Scale ===*/
nav.sc li:hover + .submenu {
  opacity: 1;
  -webkit-transform: rotateY(0deg) scale(1);
  -moz-transform: rotateY(0deg) scale(1);
  -ms-transform: rotateY(0deg) scale(1);
  -o-transform: rotateY(0deg) scale(1);
  transform: rotateY(0deg) scale(1);
}
nav.sc .submenu {
  -webkit-transform-origin: center top;
  -moz-transform-origin: center top;
  -ms-transform-origin: center top;
  -o-transform-origin: center top;
  transform-origin: center top;
  -webkit-transform: scale(0);
  -moz-transform: scale(0);
  -ms-transform: scale(0);
  -o-transform: scale(0);
  transform: scale(0);
}
nav.sc .submenu:hover {
  -webkit-transform: rotateY(0deg) scale(1);
  -moz-transform: rotateY(0deg) scale(1);
  -ms-transform: rotateY(0deg) scale(1);
  -o-transform: rotateY(0deg) scale(1);
  transform: rotateY(0deg) scale(1);
}

/*==== Rotate ====*/
nav.rt li:hover + .submenu {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
}
nav.rt .submenu {
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
nav.rt .submenu:hover {
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -ms-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transform: scale(1);
  -moz-transform: scale(1);
  -ms-transform: scale(1);
  -o-transform: scale(1);
  transform: scale(1);
}

/*==== Move/Skew In ====*/
nav.mv li:hover + .submenu {
  -webkit-transform: translateX(0px) skewX(0deg);
  -moz-transform: translateX(0px) skewX(0deg);
  -ms-transform: translateX(0px) skewX(0deg);
  -o-transform: translateX(0px) skewX(0deg);
  transform: translateX(0px) skewX(0deg);
}
nav.mv .submenu {
  -webkit-transform-origin: center center;
  -moz-transform-origin: center center;
  -ms-transform-origin: center center;
  -o-transform-origin: center center;
  transform-origin: center center;
  -webkit-transform: translateX(-40px) skewX(-7deg);
  -moz-transform: translateX(-40px) skewX(-7deg);
  -ms-transform: translateX(-40px) skewX(-7deg);
  -o-transform: translateX(-40px) skewX(-7deg);
  transform: translateX(-40px) skewX(-7deg);
}
nav.mv .submenu:hover {
  -webkit-transform: skewX(0deg);
  -moz-transform: skewX(0deg);
  -ms-transform: skewX(0deg);
  -o-transform: skewX(0deg);
  transform: skewX(0deg);
}

/*==== Door ====*/
nav.dc li:hover + .submenu {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
nav.dc .submenu {
  -webkit-transform-origin: left top;
  -moz-transform-origin: left top;
  -ms-transform-origin: left top;
  -o-transform-origin: left top;
  transform-origin: left top;
  -webkit-transform: rotateY(-90deg);
  -moz-transform: rotateY(-90deg);
  -ms-transform: rotateY(-90deg);
  -o-transform: rotateY(-90deg);
  transform: rotateY(-90deg);
}
nav.dc .submenu:hover {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}
.bottom-copy {position:relative;width:1000px;height:117px;margin:0 auto;}
.bottom-copy .logo {position:absolute;left:50px;top:30px;}
.bottom-copy .copy {margin-left:320px;text-align:left;line-height:20px;color:#333;font-size:12px;padding-top:25px;}
.bottom-copy .info {color:transparent;}

.subm-wrap {text-align:left;padding:20px 0px 10px 0px;}
.subm-wrap .tit {padding-left:6px;font-weight:bold;font-size:22px;color:#649083;margin:0;}
.subm-wrap .tite {padding-left:8px;font-size:11px;color:#999;font-weight:bold;}
.subm-line {border-top:1px solid #B1B1B1;height:1px;font-size:0px;margin:10px 0px;}
#topLogo {width:100px;height:38px;margin:0;background:url(/images/logo-dlc1.png) no-repeat;color:transparent;font-size:14px;}
.content-tit {width:366px;height:38px;color:transparent;margin:0;}
.content-subtit {margin:0;color:#888888;font-size:12px;text-indent:4px;}