/* ÃÊ±âÈ­ */
@charset "euc-kr";
html, body {margin:0; padding:0;}
body,th,td,textarea,input,select,option,h1,h2,h3,h4,h5,h6 {font-size:12px; color:#333; font-family:Arial, Helvetica, sans-serif "-À±°íµñ320" ;}

/* ÆùÆ® ½ºÅ¸ÀÏ */
address,em {font-style:normal}

/* °¡»óÅ¬·¡½º */
a {text-decoration:none; color:#5b5b5b}
a:hover,a:active,a:focus {text-decoration:underline; color:#609e55}


/* ¸¶Áø°ú ÆÐµùÀÇ ÃÊ±âÈ­ */
body, div, dl, dt, dd ,ul ,ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td
{margin:0; padding:0}

/* Çì´õ ÆùÆ® »çÀÌÁî ÃÊ±âÈ­ */
h1,h2,h3,h4,h5,h6 {font-size:100% }


/* ¸®½ºÆ®ÀÇ ½ºÅ¸ÀÏ Á¦°Å */
ol, ul {list-style:none}


/* ÆùÆ® °­Á¶ Æ¯¼º ÃÊ±âÈ­ */
address, caption, cite, code, dfn, em, strong, th, var {font-style :normal; font-weight:normal}


/* Å×ÀÌºí ½ºÅ¸ÀÏ ÃÊ±âÈ­(tableÀÇ border ¿Í tdÀÇ border°¡ °áÇÕµÇ¾î ÀÚ¿¬½º·´°Ô º¸ÀÔ´Ï´Ù.
) */
table {border-collapse:collapse; border-spacing:0}


/* ÀÌ¹ÌÁö ¹× ÇÊµå¼Â¿¡¼­ º¸´õÇ¥½Ã ÃÊ±âÈ­ */
fieldset, img {border:0}


/* Ä¸¼Ç°ú Å×ÀÌºíÇì´õ ÅØ½ºÆ® Á¤·Ä ÃÊ±âÈ­ */
caption, th {text-align:left }


/* ÀÎ¿ë±¸ Ç¥½Ã ÃÊ±âÈ­ */
q:before, q:after {content :''} 

hr {display:none}

.hidden {width:0; height:0; margin:0; padding:0; overflow:hidden; line-height:0; font-size:0; visibility:hidden; position:absolute; left:0; top:0}

/* ÃÊ±âÈ­ ³¡ */



BODY{COLOR: #373736; FONT-FAMILY: "µ¸¿ò";FONT-SIZE: 12px;background-color: #ffffff; line-height: 18px; margin :0; WORD-BREAK: keep-all;

	SCROLLBAR-FACE-COLOR: #FFFFFF;
	SCROLLBAR-HIGHLIGHT-COLOR: CECECE;
	SCROLLBAR-SHADOW-COLOR: CECECE;
	SCROLLBAR-3DLIGHT-COLOR: #FFFFFF;
	SCROLLBAR-ARROW-COLOR: CECECE;
	SCROLLBAR-TRACK-COLOR: #FFFFFF;
	SCROLLBAR-DARKSHADOW-COLOR: #FFFFFF;
}

img {border:0px none;}
SELECT {FONT-SIZE:12px; WORD-SPACING:1px; COLOR:#5a5a5a;}
input { border:expression( (this.type=='checkbox' || this.type=='radio' || this.type=='image') ? '' : '#cccccc 1px solid' ); FONT-SIZE: 12px; COLOR: #5a5a5a;} 
textarea { border:expression( (this.type=='checkbox' || this.type=='radio' || this.type=='image') ? '' : '#cccccc 1px solid' ); FONT-SIZE: 12px; COLOR: #5a5a5a;} 


A:link   {COLOR: #373736;FONT-FAMILY: "µ¸¿ò"; FONT-SIZE: 12px; text-decoration:none;} 
A:visited {COLOR: #373736;FONT-FAMILY: "µ¸¿ò"; FONT-SIZE: 12px; text-decoration:none;}
A:hover  {COLOR: #666666; FONT-FAMILY: "µ¸¿ò"; FONT-SIZE: 12px; text-decoration:underline;}
A:active {COLOR: #373736; FONT-FAMILY:"µ¸¿ò"; FONT-SIZE: 12px; text-decoration:none;}

td {FONT-FAMILY:"µ¸¿ò"; FONT-SIZE: 12px; text-decoration:none; line-height: 150%; }      
   
.date {font:12px "µ¸¿ò";color:#666666;}


/* Å¾¸Þ´º */
#topmenu{width:730px; height:64px; clear:both;}
#topmenu ul{position:relative; float:left; margin:0; padding:0;}
#topmenu ul li {float:left; display:inline; padding:0 0;}
#topmenu ul li a {display:block;}
#topmenu ul:after{content:""; display:block; float:none; clear:both;}
#topmenu ul li a.menu1 {width:203px; height:39px; background:url('/images/common/menu_01.gif') 0 0 no-repeat; padding:0 0;}
#topmenu ul li a.menu1:hover, #topmenu ul li.active a.menu1 {background:url('/images/common/menu_on_01.gif') 0 0 no-repeat;}
#topmenu ul li a.menu2 {width:203px; height:39px; background:url('/images/common/menu_02.gif') 0 0 no-repeat; padding:0 0;}
#topmenu ul li a.menu2:hover, #topmenu ul li.active a.menu2 {background:url('/images/common/menu_on_02.gif') 0 0 no-repeat;}
#topmenu ul li a.menu3 {width:202px; height:39px; background:url('/images/common/menu_03.gif') 0 0 no-repeat; padding:0 0;}
#topmenu ul li a.menu3:hover, #topmenu ul li.active a.menu3 {background:url('/images/common/menu_on_03.gif') 0 0 no-repeat;}
#topmenu ul li a.menu4 {width:122px; height:39px; background:url('/images/common/menu_04.gif') 0 0 no-repeat; padding:0 0;}
#topmenu ul li a.menu4:hover, #topmenu ul li.active a.menu4 {background:url('/images/common/menu_on_04.gif') 0 0 no-repeat;}
#topmenu div.submenu {display:none; position:absolute; left:0; top:0; margin:0; padding:0 20px;} /* ¼­ºê¸Þ´º bg ³ôÀÌ */
#topmenu div.submenu ul{margin:0 0 0 0; float:left;}
#topmenu div.submenu ul li{margin:0 0 0 0; padding:0;} /* ¼­ºê¸Þ´º ³ôÀÌ */
#topmenu div.submenu ul li a{margin:0 0 0 0; padding:0 10px; font-size:12px; line-height:120%; color:#666;}
#topmenu div.submenu ul li a:hover {color:#f00; text-decoration:none;}
#topmenu div.submenu ul li.on a{color:#f000; text-decoration:none;}

#topmenu ul li.m1 div.submenu{left:-20px; width:240px;}
#topmenu ul li.m2 div.submenu{left:180px; width:290px;}
#topmenu ul li.m3 div.submenu{left:100px; width:700px;}
#topmenu ul li.m4 div.submenu{left:280px; width:300px;}

/* ÀÌÁö°ÇÀå ºñÁÖ¾ó */
#visual {width:760px; height:298px; position:relative; margin:0; padding:0;}
#visual a {outline:none; select-dummy: expression(this.hideFocus=true);}

#visual #slideshow {float:left; width:760px; height:298px;	margin:0; padding:0; z-index:300;}
#visual #slides {width:760px; height:298px; list-style:none; overflow:hidden; margin:0; padding:0;}
#visual #slides li {width:760px; height:298px; margin:0; padding:0;}

#visual .pagination {float:left; list-style:none; position:absolute; left:30px; top:360px; z-index:310; padding:0; margin:0;}
#visual .pagination li {float:left; cursor:pointer; width:20px; height:5px; background:#666; border:1px solid #999; padding:0; margin:0 5px 0 0; color:#222}
#visual .pagination li:hover {background:#777; border:1px solid #bbb; color:#000}
#visual .pagination li.current {border:1px solid #ccc; background:#888}

/* ÀÌÁö°ÇÀå */
@font-face { font-family:NGB; src:url(/images/common/NanumGothicBold.eot); src:local("NanumGothicBold"), url(/images/common/NanumGothicBold.woff) format("woff");}

.global td {color:#797979; padding:5px 10px 0 0; margin:0;}
.global td a:link, .global td a:visited, .global td a:hover, .global td a:active{color:#797979;} 

.visualTxt {background:#000; color:#ff0; font-size:18px;}

.lm td.lmTitle {width:176px; height:102px; font:28px NGB; padding-top:50px; background:url(/images/common/lmTitle.gif) no-repeat 0 0;}
.lm td.lmTd a {font:12px NGB; text-decoration:none; cursor:pointer;}
.lm td.lmTd span {width:176px; height:30px; display:block; background:url(/images/common/lmOn.gif) no-repeat 0 0; color:#fff; padding:8px 0 0 20px;}
.lm td.lmTd em {width:176px; height:30px; display:block; background:url(/images/common/lm.gif) no-repeat 0 0; color:#343434; padding:8px 0 0 20px;}

.navi {color:#797979; font-size:11px; padding-bottom:4px;}
.navi span {color:#00b3ee; font-weight:bold;}

.sub01Table{width:100%; border-top:#ed1c24 2px solid;}
.sub01Table .title {color:#545454; font-weight:bold; border-left:1px solid #ddd; border-bottom:1px solid #dddddd; border-right:1px solid #ddd; padding:7px; text-align:center;
background:#f8f8f8;
background:-webkit-linear-gradient(top, #fff, #f8f8f8);
background:-moz-linear-gradient(top, #fff, #f8f8f8);
background:-o-linear-gradient(top, #fff, #f8f8f8);
filter:progid:DXImageTransform.Microsoft.gradient(startColorStr=#ffffff, endColorStr=#f8f8f8);
}
.sub01Table td { border-bottom:solid 1px #dcddde; border-right:1px solid #dcddde; color:#58595b; padding:10px;}

.sub01_02 {border:#dbdbdb 1px solid; padding:10px 20px; color:#333;}
.sub01_02 span {display:block; color:#0080ff; font-weight:bold; padding-bottom:5px;}

.inquiry{border-top:#c0c0c0 1px solid; border-left:#c0c0c0 1px solid;}
.inquiry td.left {background:#ededed; color:#333333; font-weight:bold; padding:5px; text-align:center; border-right:#c0c0c0 1px solid; border-bottom:#c0c0c0 1px solid;}
.inquiry td {color:#333333; padding:5px; border-right:#c0c0c0 1px solid; border-bottom:#c0c0c0 1px solid;}

.footTxt {color:#888; font:11px/20px; padding:20px 0 10px 0;}
.footTxt a:link, .footTxt a:visited, .footTxt a:hover, .footTxt a:active {color:#888; font:11px/20px;}