@charset "utf-8";
@import url(base.css);

#skipnavigation {position:absolute;}
#skipnavigation h3 {text-indent: -2000px;}
.sknavi{	position:absolute;	top:-500px;}

.sknavi:focus, .sknavi:active{
	top:1px;
	display:block;

	width:200px;
	height:18px;
	padding:3px;
	margin-left:5px;
	text-align:center;
	font-size:100%; 
	font-weight:bold;
	background-color:#eee;
	border: 1px solid #135;
	text-decoration:none;
}

#titlemenu, #toplogo2, #topmenu2, .btn_lms2 {display:none;}
ul#side2m_ { display:none;} 

body {background:#fff;}
#container {position: relative; margin: 0px; padding: 0px; clear: both; float: none; height: 100%; width: 100%; z-index:101; background:url(../../img/layout/containerbg.jpg) no-repeat top center;}

.defaultbox {  position: relative; clear: both; margin:0 auto; padding:0; width:960px; }
.defaultbox2 {  position: relative; clear: both; margin:0 auto; padding:0; width:960px; padding:0 30px }

.defaultbox.headbg { height: 152px; z-index: 9999;}

#head_wrap_Main { position: relative; clear: both; width:100%; height: 520px; z-index:106;background:url(/img/layout/headerbg.jpg); }
#head_wrap { position: relative; clear: both; width:100%; height: 360px; z-index:106;background:url(/img/layout/headerbg.jpg);}
	#toplogo {position: absolute; left:0; top:45px ;z-index:10; width:190px;}
	#globalmenu { position: absolute; right: 0px; top: 10px;  z-index:10;}
		#globalmenu ul { margin:0; padding:0; font-size:11px; }
		#globalmenu ul li { display: inline; float: left; padding: 0 10px; border-left:solid 1px #e8c5c5; }
		#globalmenu ul li:first-child {border:none; }
		#globalmenu ul li a { display: inline; float: left; padding: 0 ; text-decoration:none; color:#FFF; font-family:'����','dotum' !important;}
		#globalmenu ul li a:hover { display: inline; float: left; padding: 0; text-decoration:none; color:#339fdf; }
		#globalmenu li.bgnone { background:none;}
		

	#topmenu_box {position: absolute; top:92px; left:218px; width:767px; height:70px;display:none;}

#head_wrap .search {position: absolute; right:25px; top:55px; width:200px; height:25px;  z-index:106; }
#head_wrap .search .inputTxt {float:left; width:139px; height:21px; padding-left:10px; line-height:1; border-left:1px solid #c4c4c4; border-top:1px solid #c4c4c4; border-bottom:1px solid #c4c4c4; border-right:0; background:#fbfbfb;}
#head_wrap .search .btnSearch {float:left;}


#vis { position: absolute; top:120px; left:0; width:100%; height:300px; margin-bottom:30px;z-index:107;}
.vis1 {background:url(../../img/layout/vis01.png) no-repeat center -40px; }
.vis2 {background:url(../../img/layout/vis02.png) no-repeat center -40px; }
.vis3 {background:url(../../img/layout/vis03.png) no-repeat center -40px; }
.vis4 {background:url(../../img/layout/vis01.png) no-repeat center -40px; }
.vis5 {background:url(../../img/layout/vis02.png) no-repeat center -40px; }
.vis6 {background:url(../../img/layout/vis01.png) no-repeat center -40px; }
.vis7 {background:url(../../img/layout/vis03.png) no-repeat center -40px; }
.vis8 {background:url(../../img/layout/vis03.png) no-repeat center -40px; }
.vis9 {background:url(../../img/layout/vis01.png) no-repeat center -40px; }

#supportbox {width:100%; border-bottom:2px solid #ececec;margin-top:12px;}
.supportboxgray {width:200px; text-align:center; color:#FFF; font-size:15px; line-height:50px; background:#444;}

#body_wrap { position: relative; 	width: 960px; margin:0 auto 30px; z-index:105;}
	#body_left {margin: 0px; padding: 0; float: left; width: 230px; overflow:hidden;}
	#body_right { display:none; margin: 0px; padding:45px 0 0 0; float: right; width: 215px; overflow:hidden;}
	#body_content { float: right;	width: 730px;	min-height:700px; padding:0 0;}
	* html #body_content{ display:inline;}
		#content_head {position: relative; width:100%; height:70px; border-bottom:1px solid #ef8c16;}
			#location { font-size:14px; position:absolute; right:0; top:44px;}
			#location a{color:#444;}
			#content_title { font-size:24px; color:#Af4c16;font-weight:bold;  padding-top:35px; }

		#content_text {position: relative; line-height:1.6;padding:25px 0 0 0;}
		#content_foot {height:30px;width:670px; margin:auto;}
 
#contentFoot {position:relative; width:100%; height:2px; background:#555555; }
#footerBanner {position:relative; width:100%; height:87px; background:#FFF;border-top:1px solid #AAA;border-bottom:1px solid #AAA;}

#NosaBanner li {display:inline;}

#foot_wrap { width:100%; position:relative; display:block; margin:0; padding:0; background:#fff; height:150px; }

.foot_logo { position:absolute; top:33px; left:0; }
.foottxt {position:absolute; top:50px; left: 110px; font-family:'����','dotum' !important; font-size:11px;}
.copyright {position:absolute; top:80px; left:110px; font-family:'����','dotum' !important; font-size:11px; }

	#footmenu { position: absolute; left: 100px; top: 30px;  z-index:10;}
		#footmenu ul { margin:0; padding:0; font-size:11px; }
		#footmenu ul li { display: inline; float: left; padding: 0 10px; border-left:solid 1px #e8c5c5; }
		#footmenu ul li:first-child {border:none; }
		#footmenu ul li a { display: inline; float: left; padding: 0 ; text-decoration:none; color:#000; font-family:'����','dotum' !important;}
		#footmenu ul li a:hover { display: inline; float: left; padding: 0; text-decoration:none; color:#339fdf; }
		#footmenu li.bgnone { background:none;}

.footbox2 {padding-top:27px;}
.footbox2 .select {width:140px;}


.clear_div { clear:both; height:0px;} 


/* �� �޴� */
#topmenu {z-index:3;  position: absolute; left:206px; top: 40px; background:url(../../img/topmenu/topmenubg.png) no-repeat top center; border:solid 0px #ccc; width:830px; height:120px; }
/* #topmenu * { display: none; } */
#topmenu h3 { display: none; }
#topmenu ul { list-style: none; position: absolute; left: 0; top: 12px; margin: 0; padding: 0; }
#topmenu li { margin: 0; padding: 0;}
#topmenu > ul > li p { width:80px; border:1px; display:block;}

#topmenu > ul > li { display: block; float: left; display: inline; text-align:center; margin: 0; padding:0;width:107px;border-left:1px solid #AAA}
#topmenu > ul > li:first-child {border:none;}
#topmenu > ul > li:last-child {border:none; }
#topmenu > ul > li > a { display: block; position: relative; color: #2a4359; line-height:30px; font-size:16px; padding:3px;font-weight:600;}
#topmenu > ul > li > a.noimg {background:none;}
#topmenu > ul > li.on {background:#FFF; }
#topmenu ul li.on { z-index: 3; color:#4671b2;font-weight:bold;}
#topmenu ul li.on a { z-index: 3; color:#4671b2;font-weight:bold;}
#topmenu ul li.on ul { display: block; }
#topmenu ul li.on div { display: block; }
#topmenu ul ul { display: none; list-style: none; position: absolute; top: 35px; margin: 0; padding: 3px 0 2px 0;  z-index: 4;border-top:1px solid #4671b2;overflow:hidden;}
#topmenu[id] ul ul {background-color:#FFF;}/* [IE����] */
#topmenu .iebg { display: none; list-style: none; position: absolute; width: 648px; height: 32px; margin: 0; padding: 3px 0 0 0;  z-index: 2; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true,sizingMethod=crop,src="/kor/img/topmenu/top2bg.png"); }/* [IE��] */

#topmenu ul ul li { float:left;display: block; margin: 0; padding:5px 7px; background: transparent; border:none;}
#topmenu ul ul li.first {  }
#topmenu ul ul li.last {}
#topmenu ul ul li > a { display: block;  padding: 0 3px; color: #666 !important; font-weight: normal; text-decoration: none; white-space: nowrap; font-size: 13px;  }
#topmenu ul ul li.first a {  }
#topmenu ul ul li a span { display: block;  }

* html #topmenu ul ul li a { width: 1%; }

#topmenu ul ul li a.on,
#topmenu ul ul li a:hover,
#topmenu ul ul li a:focus {color: #344f7a !important;border-bottom:2px solid #344f7a;}
#topmenu ul ul li a.on span,
#topmenu ul ul li a:hover span,
#topmenu ul ul li a:focus span {}
#topmenu ul ul li a.on {  }

#topmenu ul ul#top2m1 {left:0px; }
#topmenu ul ul#top2m2 {left:0px; }
#topmenu ul ul#top2m3 {left:80px; }
#topmenu ul ul#top2m4 {left:235px;  }
#topmenu ul ul#top2m5 {left:235px; }
#topmenu ul ul#top2m6 { left:530px;  }
#topmenu ul ul#top2m7 { left:209px; }
#topmenu ul ul#top2m8 { left:0px; }


/* �� �޴� */

#sidebar { padding:0;margin-top:25px;}
#sidebar h2 { width: 187px; margin:0px;background-color:#ef8c16; padding:5px 0 5px 13px;display:block; font-size:24px; color:#FFF; font-weight:normal; border-bottom:1px solid #002299; }
/* sidemenu2Depth+3Depth */
#sidemenu { display:block; width: 200px; margin: 0; padding: 0; }
#sidemenu h3 { display: none; margin: 0; padding: 0; background: transparent; }
#sidebar .menuall { position: relative; margin: 0; padding: 0; z-index: 1; }
#sidebar .menuall img { display: block; }

#sidemenu ul { list-style: none; margin:0 0 ; padding:0; background: url(../../img/left/lmid.png) repeat-y;}
#sidemenu ul li { margin:4px 0; padding: 0; text-align:left;display: block;border:1px solid #Af4c00;  }
#sidemenu ul li img { display: block; padding:0; margin:0;}
#sidemenu ul li a { display: block; padding:5px 12px; margin:0; background: url(/img/layout/d2l.png) no-repeat; color:#666666 ; font-size:15px;font-weight:bold;}
#sidemenu ul li a.on,
#sidemenu ul li a:hover {color:#fff; background:#ef8c16; }
#sidemenu ul li a.on {font-weight:bold;}

#sidemenu ul ul { display: block ; list-style: none; width: 100%; margin:0; padding:10px  0px; background:transparent;}
#sidemenu ul ul li { margin: 0; padding: 0; border-bottom: 0; background: url(/img/layout/lm_dot.png) no-repeat 8px 5px; }
#sidemenu ul ul li.first {  }
#sidemenu ul ul li a { display: block; width: 165px; margin: 0; padding: 0px 0px 3px 19px; color:#fff !important; font-weight: normal; font-size:11px; line-height: 1.5; background:none; }
#sidemenu ul ul li a.on,
#sidemenu ul ul li a:hover { color: #fff; font-weight: bold; font-size:11px;padding: 0px 0px 3px 19px; background:none; }

.lb {padding:0; margin:0; list-style:none;}

/*게시판*/
caption {display:none;}
table.mt { border-collapse: collapse; width:100%; margin:5px 0 5px 0; border-top: 2px solid #001649;  border-right:0px solid #fff; text-indent:0; font-weight:normal; }
table.mt thead, #content_text  table.mt tbody th, #content_text  table.mt tfoot { background: #ffffff; font-weight:bold;  vertical-align: middle; }
table.mt thead {text-align:center;}
table.mt thead th{ padding:5px 3px 5px 3px; font-weight:bold; font-size:13px; color:#333333;}
table.mt thead td{ padding:5px 3px 5px 3px; border-top: 1px solid #adadad; }
table.mt th { border-bottom: 1px solid #333333; padding:5px; text-align: center; }
table.mt td { border-bottom: 1px solid #333333; padding:5px 8px 5px 10px;  text-align: left; }
table.mt tr th { border-right: 0px solid #d5d5d5; background:#ffffff; color:#101010;}

caption {display:none;}
table.mt2 { border-collapse: collapse; width:100%; margin:5px 0 5px 0; border-top: 2px solid #001649;  border-right:0px solid #fff; text-indent:0; font-weight:normal; }
table.mt2 thead, #content_text  table.mt2 tbody th, #content_text  table.mt tfoot { background: #ffffff; font-weight:bold;  vertical-align: middle; }
table.mt2 thead {text-align:center;}
table.mt2 thead th{ padding:5px 3px 5px 3px; font-weight:bold; font-size:12px; color:#989898;}
table.mt2 thead td{ padding:0; border-top: 1px solid #adadad; }
table.mt2 th { border-bottom: 1px solid #d5d5d5; padding:5px; text-align: center; }
table.mt2 td { border-bottom: 1px solid #d5d5d5; padding:0;  text-align: center; font-size:12px; }
table.mt2 tr th { border-right: 0px solid #d5d5d5; background:#ffffff; color:#101010;}


/* footmenu�޴� */
.footmenu {display:block; }
.footmenu .inner {position:relative; width:100%;  padding-top:40px; z-index:0;}
.footmenu .inner > ul {overflow:hidden;}
.footmenu .inner > ul > li {float:left; width:150px; padding-left:10px;}
.footmenu .inner > ul > li > h4 {margin-bottom:19px; font-size:18px !important;}
.footmenu .inner > ul > li > h4, .footmenu .inner > ul > li > h4 > a {  color:#fff; line-height:20px; text-decoration:none;}
.footmenu .inner > ul > li > ul {}
.footmenu .inner > ul > li > ul > li {margin-top:14px;}
.footmenu .inner > ul > li > ul > li:first-child {margin-top:0;}
.footmenu .inner > ul > li > ul > li > a {font-size:13px; color:#707070;}
.footmenu .inner .btnClose {position:absolute; bottom:28px; right:42px;}

#topmenu2 { position: absolute; left:0px; top: 130px; width:100%;opacity:0.9; background:#000000; z-index:999; }
#topmenu2 > ul { display:block; list-style: none; margin: 20px 0 0 0; padding: 0 25px; height:2000px;}
#topmenu2 li { margin: 0; font-size:30px; font-weight:normal;width: 300px;; }
#topmenu2 ul li { float: none; display: block; margin: 0 0 40px 0; padding: 0; }
#topmenu2 ul li:after { content:""; display:block; clear:both; }
#topmenu2 ul li a { display: block; position: relative; color: #fff; font-weight:bold; padding: 0 0; letter-spacing: 0px;}
#topmenu2 ul li a:hover, #topmenu ul li a.on  {color:#f4c00f;}

#topmenu2 ul li a.noimg {background:none;}
#topmenu2 ul li.on a { z-index: 3; }
#topmenu2 ul li.on ul { display: block; }
#topmenu2 ul li.on div { display: block; }
#topmenu2 ul ul { 	margin: 0;	padding:20px 0;}

#topmenu2 ul ul li {width: 49%; line-height: 29px; padding:0 0 15px; margin:0; font-size:24px;}
#topmenu2 ul ul li.first { }
#topmenu2 ul ul li.last {}
#topmenu2 ul ul li a { display: block;color: #989898 !important; font-weight: normal; text-decoration: none; white-space: nowrap; text-indent: 0; }
#topmenu2 ul ul li.first a { }
#topmenu2 ul ul li a span { display: block; padding: 0; }
#topmenu2 ul ul li a:hover {color:#000 !important; background:#fff !important; width:100%; padding:10px 0;}


/* 버튼 레이아웃 */

.bt_WH { background-color:#FFF; padding:5px 10px 5px 10px; font-size:12px; color:#333;font-weight:nomal; text-align:center; border:1px solid; border-color:#DDD; height:20px; margin:1px;cursor:pointer; vertical-align: middle;}
.bt_WH a:link { font-size:12px;; text-decoration:none; color:#666; }
.bt_WH a:visited { font-size:12px;text-decoration:none; color:#666;}
.bt_WH a:hover {font-size:12px; text-decoration:none; color:#666;}
.bt_WH a:active {font-size:12px; text-decoration:none; color:#666;}

.bt_BL { background-color:#1133AA; padding:5px 10px 5px 10px; font-size:12px; color:#fff; text-align:center; border:1px solid; border-color:BLUE; height:20px; margin:1px;cursor:pointer; vertical-align: middle;}
.bt_BL a:link { font-size:12px;; text-decoration:none; color:#fff; }
.bt_BL a:visited { font-size:12px;text-decoration:none; color:#fff;}
.bt_BL a:hover {font-size:12px; text-decoration:none; color:#fff;}
.bt_BL a:active {font-size:12px; text-decoration:none; color:#fff;}

.bt_RED { background-color:DARKRED; padding:5px 10px 5px 10px; font-size:12px; color:#FFFFFF; text-align:center; border:1px solid; border-color:RED; height:20px; margin:1px;cursor:pointer; vertical-align: middle;}
.bt_RED a:link { font-size:12px;; text-decoration:none; color:#FFFFFF; }
.bt_RED a:visited { font-size:12px;text-decoration:none; color:#FFFFFF;}
.bt_RED a:hover {font-size:12px; text-decoration:none; color:#FFFFFF;}
.bt_RED a:active {font-size:12px; text-decoration:none; color:#FFFFFF;}

.bt_GR { background-color:#979818; padding:5px 10px 5px 10px; font-size:12px; color:#fff; text-align:center; border:1px solid; border-color:757606; height:20px; margin:1px;cursor:hand; vertical-align: middle;}
.bt_GR a:link { font-size:12px;; text-decoration:none; color:#fff; }
.bt_GR a:visited { font-size:12px;text-decoration:none; color:#fff;}
.bt_GR a:hover {font-size:12px; text-decoration:none; color:#fff;}
.bt_GR a:active {font-size:12px; text-decoration:none; color:#fff;}

.bt_BK { background-color:#333; padding:5px 10px 5px 10px; font-size:12px; color:#FFF;font-weight:nomal; text-align:center; border:1px solid; border-color:#000; height:20px; margin:1px;cursor:pointer; vertical-align: middle;}
.bt_BK a:link { font-size:12px;; text-decoration:none; color:#FFF; }
.bt_BK a:visited { font-size:12px;text-decoration:none; color:#FFF;}
.bt_BK a:hover {font-size:12px; text-decoration:none; color:#FFF;}
.bt_BK a:active {font-size:12px; text-decoration:none; color:#FFF;}