/* reset */
html, body {width:100%; height:100%;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0; padding:0;}
img{border:0}
input, textarea {text-indent:5px}
ol,ul{list-style:none}
testarea {resize: none}
td {font-size:9pt; color:#454545; line-height:20px;} 
A:link {color:#4D534D; font-size:9pt; text-decoration:none} 
A:visited {color:#434843; font-size:9pt; text-decoration:none} 
A:active {color:#434843; font-size:9pt} 
A:hover {color:#276194; text-decoration:underline}
.box {font-size:9pt; border:2px solid #e7e7e7; background-color:#f7f7f7;  } 
.selectbox {BACKGROUND-COLOR:#F5F5F5; COLOR:#4E4E4E; font-size:8pt;}
.nonbox {font-size:9pt; border:0 solid #666666; background-color:white;  } 
.radio {font-size:9pt; border:0 solid #666666; background-color:white;  } 
.text {font-size:9pt; border:1px solid #e7e7e7;}
.select {font-size:9pt; border:0 solid #666666;}
.outset {font-size:9pt; border:1px outset #ffffff;}
.btn {border:2px solid #565656; font-size:9pt; color:#ffffff; background-color:#73A9D1; height:22px}
.input{background-color:#ffffff; font-family:±¼¸²,Gulim; font-size:12px; color:#636163; border:1px solid #9C9A9C}
.submit {border:1px solid #1F556A; font-size:9pt; color:white; background-color:#50889F; height:19px}
.textarea {border:1px solid 347088; font-size:9pt; color:#042330; background-color:#white}

@font-face {
    font-family:'ng';
    font-weight: normal;
    font-style: normal;     
    src: url('/font/NanumGothic.eot');
    src: url('/font/NanumGothic.eot?#iefix') format('embedded-opentype'),
         url('/font/NanumGothic.woff') format('woff'),
         url('/font/NanumGothic.ttf') format('truetype');
}
body, input, textarea, a, select{font-family:³ª´®°íµñ, NanumGothic, ng , Rix°íµñ B}

/*#####################################
## Top Menu
#####################################*/
#wrap{width:100%; overflow:hidden;}
.menuList {width:1200px; margin:0 auto; min-width:1250px; padding:0px;}
.depthWrap {width:1200px; margin:0 auto; min-width:1250px; padding:0px;}
/*header*/
#header {width:100%;  position:relative; height:105px; background-color:#2A2B2F;}
#header h2 {margin:0px; padding:0px;}
/*topMenu start*/
.topInfo { position:relative;-width:935px;-margin-left:378px;height:105px;float:left;text-align:right;}
.topMenu {width:100%; position:relative; height:105px; background-color:#2A2B2F; z-index:3001; min-width:1250px; }
.topMenu .menuList { overflow: hidden; }
.topMenu .menuList h2{float:left; margin-top:0px; }
.topMenu .menuList li{float:left; height:105px; -margin-top:40px;}
.topMenu .menuList li.last{padding-right:28px;}
.topMenu .menuList li .first_depth {display:none;}
.topMenu .menuList li.on .first_depth {display:block;}
.topMenu .menuList li.last a:after, .gnb .gnblist li.sitemap a:after, .gnb .gnblist li.language a:after{display:none;}
.topMenu .menuList li:hover{ cursor:pointer;}
.topMenu .menuList li .first_depth {width:100%; height:155px; position: absolute; left:0; top:105px; background:#4abcc7; z-index:1000; opacity: 0.9; filter: alpha(opacity:'90')}
.topMenu .menuList li .first_depth .depthWrap {margin: 0px auto; overflow: hidden;}
.topMenu .menuList li .first_depth .depthWrap .depthTitle {float:left;}
.topMenu .menuList li .first_depth .depthWrap .depthTitle a:after {display:none;}
.topMenu .menuList li .subMenu {float:left; margin-left:20px; }
.topMenu .menuList li .subMenu ul {overflow:hidden; width:960px; margin-top:25px;}
.topMenu .menuList li .subMenu li {width:138px; height:26px; float:left; margin-top:10px; background:none; padding:0px; margin-right:10px;}
.topMenu .menuList li .subMenu li a {padding:0;}
.topMenu .menuList li .subMenu li a:after {display:none;}
.topMenu .menuList li .subMenu li:hover {background:#0b8692}
/*topMenu end*/


/*#####################################
## Left Menu
#####################################*/
#leftMenuWrap {position:relative; width:200px; height:100%; margin:0px; padding:0px; left:0px; top:0px; z-index:10;}
#leftMenu {position:relative; width:200px; left:0px; top:0px; margin:0px; padding:0px;}
#leftMenu li ul img{display:block; border:0;}
#leftMenu li ul {width:200px; left:0px; margin:0px; padding:0px;}
#leftBanWrap {width:200px;}
#leftBanWrap ul {margin:0px; padding:0px;}
#leftBanWrap ul li {display:block;}

/*########## common start #############*/
.header {width:100%; height:80px; background-color:#3AB6C2 }
.footer {width:100%; height:60px; background-color:#3AB6C2 }
/*########## common end #############*/

/*########## Paging start #############*/
#paging {font-size:9pt;}
#paging img {vertical-align:middle;}
#paging .click_text {height:22px; margin:0px; padding:0px 4px 0px 4px; color:#00000; font-weight:bold; vertical-align:middle;}
#paging .board_text {height:22px; color:#505050; text-decoration:none; border:1px solid #CCC; margin:0px 4px 0px 4px; padding:2px 6px 2px 6px; vertical-align:middle;}
/*########## Paging end #############*/

/*########## Board Search start #############*/
.searchTable {width:108px;}
.searchOpt {height:30px; width:80px; font-size:14px;}
.searchInput {background-color:#e8e8e8; border:0; width:250px; height:30px; padding-left:7px}
/*########## Board Search end #############*/

/*########## board start #############*/
.board_1 {font-size:13px; color:#363636; font-weight:600; font-family:"³ª´®°íµñ"}
.board_2 {font-size:12px; color:#363636; font-family:"³ª´®°íµñ"}
.board_noti {font-size:12px; color:#363636; font-weight:600; font-family:"³ª´®°íµñ"}
/*########## board end  #############*/



/*########## menu start #############*/
div#menu {
	background: transparent url('/images/menu_m.png') repeat-x scroll 0 0;
	position: absolute;	top: 0;	left: 0;font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;line-height: 150%;	
}
ul.menu {clear: both;float: none;cursor: pointer;z-index: 1;position: relative;}
div#menu ul {margin: 0px;padding: 0px;list-style: none;	float: left;z-index: 2;	position: relative;}
div#menu li {position: relative;margin: 0px;padding: 0px;display: block;overflow: visible;float: left; height: 30px;z-index: 3;}
/* menu::level1 */
div#menu li a {height: 30px;display: block;float: left;	line-height: 30px;text-decoration: none;color: #ffffff;overflow: hidden;z-index: 4; position: relative;}
div#menu li span { color: #ffffff;display: block;padding: 0 15px; background-repeat: no-repeat;background-position: 95% 0px;z-index: 6;position: relative;}
div#menu li span.bg { display: block;background: transparent url('/images/menu_level1_item.png') repeat-x scroll 0pt 100%;padding: 0;	height: 30px;z-index: 5;position:relative;	float: left;}
div#menu li.current {
	//font-weight: bold;
	//background:url('/images/menu_level1_item_current.png');
	background: transparent url('/images/menu_level1_item_current.png') repeat-x scroll 0pt 100%;
}
div#menu li.current ul {font-weight: normal;}
/* menu::level2 */
div#menu ul.menu ul {padding: 0px 0px 10px;	background: transparent url('/images/menu_dropdown_bg.png') no-repeat scroll 0pt 100%; _background: transparent url('/images/menu_dropdown_bg.gif') no-repeat scroll 0pt 100%;	left: -999em; width: 165px;position: absolute;top: 30px;}
div#menu li:hover ul, div#menu li.sfhover ul { left: 0px; z-index: 100;	visibility: visible; }
div#menu li li { width: 100%; text-indent: 0px;	float: none; height: auto;}
div#menu li li a, div#menu li li span.separator { margin: 0px 1px;padding: 0px; background: url('/images/menu_level2_item.gif') no-repeat scroll 100% bottom;height: auto; float: none;display: block; line-height: 25px; 	width: 163px;}
div#menu li li a.parent { background: url('/images/menu_level2_item_parent.gif') no-repeat scroll 100% bottom;}
/* menu::level3 */
div#menu li ul ul { margin: -31px 0 0 164px;}
div#menu li:hover ul ul, div#menu li.sfhover ul ul { border-top: 1px solid #1E1E1E; }
div#menu li:hover ul ul, div#menu li.sfhover ul ul, div#menu li:hover ul ul ul, div#menu li.sfhover ul ul ul, div#menu li:hover ul ul ul ul, div#menu li.sfhover ul ul ul ul { left: -999em; }
div#menu li li:hover ul, div#menu li li.sfhover ul, div#menu li li li:hover ul, div#menu li li li.sfhover ul, div#menu li li li li:hover ul, div#menu li li li li.sfhover ul { left: 0pt; z-index: 100; }
div#menu a:hover {color: #FFFFFF;}
div#menu span:hover {color: #FFFFFF;}
div#menu li ul span:hover {	color: #FFFFAA;}
/*########## menu end #############*/