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


/*-----------------------------------------------------------------------------------------------------------
공통css
-----------------------------------------------------------------------------------------------------------*/
body		{}
#wrapper	{max-width: 900px;margin:0 auto; position:relative}

/* 상단 */
#headbar		{ position: relative;   z-index: 100; min-height:70px; }
#headbar p.t1 	{position:absolute;left:5px;top:15px;z-index:100;}
#headbar p.t2 	{position:absolute;right:5px;top:15px;z-index:100;}
#headbar h1 	{position:absolute;	text-align:center;width:100%;top:10px;}


/* 하단 */
#footer			{position:relative;max-width: 900px;height:40px;background:url(/image/common/footer_bg.gif) repeat-x; margin:0 auto}
#bottom 		{float:left;text-align:center;width:100%;padding-top:6px;}
#bottom p a 	{height:18px;color:#999;display:inline-block; font-weight:bold;background:url(/image/common/footer_bar.gif) right no-repeat; padding:0 12px 0 8px; font-size:11px;}
address			{ clear:both; padding: 12px 0 5px 0; line-height:160%;font-style:normal; font-size:12px; text-align:center}


/*-----------------------------------------------------------------------------------------------------------
메인css
-----------------------------------------------------------------------------------------------------------*/

#main_img		{ clear:both; padding:0; margin:0 ; text-align:center; width:100%; overflow:hidden; top:70px; position:absolute;  left:0; z-index:-100; background:#000; height:410px}
#main_menu_bg	{ width:100%; height:410px; background:url(/image/main/main_menu_bar.png) no-repeat bottom center; top:70px;  position:absolute; left:0; z-index:-1;}
#main_txt		{ position:absolute; top:280px; text-align:center; width:100%;}


#Gnb			{ position:relative;top:290px; width:320px;margin:0 auto}
.Gnbmenu01		{ position:absolute;left:-10px;top:0px;}
.Gnbmenu02		{ position:absolute;left:71px;top:0px;}
.Gnbmenu03		{ position:absolute;left:153px;top:0px;}
.Gnbmenu04		{ position:absolute;left:234px;top:0px;}

#Maincontents			{ height:150px; clear:both; max-width: 900px; margin:410px auto 0 auto}
#Maincontents .tit		{ padding:5px 20px; height:30px;  background:url(/image/main/main_contents_bg.gif) repeat-x top; letter-spacing:-1px; font-size:12px;}
#Maincontents ul		{ clear:both; padding:0 20px;}
#Maincontents li		{ height:25px; padding-left:10px; background:url(/image/main/dot_01.gif) no-repeat left 10px; margin-left:5px; font-size:11px;}


/*-----------------------------------------------------------------------------------------------------------
서브css
-----------------------------------------------------------------------------------------------------------*/
#subTit			{ clear:both; max-width: 900px; margin:0 auto; overflow:hidden; background:url(/image/common/subtop_bg.gif) repeat-x; height:41px;}
#subTit > h2	{ font-size:16px; padding:10px 0; font-weight:600; color:#106881; text-align:center;}

/*세부페이지영역*/
#contents_wrap			{ margin:10px auto; min-height:300px; padding:10px; clear:both; overflow-x:hidden; background-color:#FFF; max-width: 900px;}
#contents_wrap > h3 	{font-size:1.4em; color:#333; margin-bottom:10px; clear:both;}
#contents_wrap > h4 	{font-size:1.25em; background:url(/image/common/btn_bullet.gif) no-repeat 5px 5px; padding-left:25px; color:#333; margin:10px 0 5px 0; clear:both; font-weight:600;}

#contents_wrap ul.img 			{ margin-top:10px;}
#contents_wrap ul.img li		{ clear:both; margin-bottom:5px;}

#contents_wrap ul.bu1  			{line-height:170%; margin-left:10px; clear:both}
#contents_wrap ul.bu1 li 		{padding:3px 5px 0px 10px; background:url(/image/common/dot.gif) no-repeat 0 11px; font-size:1em; line-height:170%;}
#contents_wrap div.txt			{line-height:170%; margin-left:10px}
#contents_wrap div.txt2			{line-height:170%; margin-left:25px}

#contents_wrap ul.bu2  			{line-height:170%; margin-left:10px; clear:both}
#contents_wrap ul.bu2 li 		{padding:3px 0;  font-size:1em; line-height:170%;}

#sub_navi			{ margin:0 auto; clear:both; overflow-x:hidden; max-width: 900px;}
.tab_menu			{overflow:hidden;width:100%;background:url(http://html.nhncorp.com/data/guidelines/uio/img/menu/bg_tab.gif) repeat-x 0 100%;font-size:12px;list-style:none;margin:0;padding:0;}
.tab_menu li		{_display:inline;float:left;margin-right:-1px;border:1px solid #d4d4d4;color:#333}
.tab_menu li a		{display:block;_float:left;height:26px;padding:3px 20px 0 21px;color:#666;text-decoration:none}
.tab_menu li a:hover{background:#f4f4f4;color:#333}
.tab_menu li.selected{border-bottom:1px solid #f4f4f4;background:#f4f4f4}
.tab_menu li.selected a{color:#333;font-weight:bold;letter-spacing:-1px}


/*-----------------------------------------------------------------------------------------------------------
게시판,테이블css
-----------------------------------------------------------------------------------------------------------*/
.board_part_list 			{clear: both; border-collapse: collapse; width:100%; margin:0px;border-top:#999 1px solid;}
.board_part_list th.title	{padding:5px; margin:0; background:#878799; color:#fff;  font-weight:bold;}
.board_part_list th			{padding:5px; margin:0; background:#d9d9e5; color:#878799;  font-weight:bold;}
.board_part_list td 		{padding:5px; background:#fff; border-bottom:#999 1px dotted; }

/*-----------------------------------------------------------------------------------------------------------
게시판,테이블css
-----------------------------------------------------------------------------------------------------------*/

/* 게시판-List */
#BoardList								{ clear:both; background-color:#FFF; min-height:300px}
#BoardList h2.h2_title 					{ font-size:1.25em; background:url(/image/common/btn_bullet.gif) no-repeat 5px 5px; padding-left:20px; color:#333; margin:20px 0 10px 0}

.boardList 			{width:100%;position:relative;text-align:left;border-top:1px solid #DDD;border-top:2px solid #2ba3c5;border-bottom:1px solid #ddd;}
.boardList:after 	{clear:both;content:"";display:block;}
.boardList li 		{width:100%;position:relative;padding:0px;max-height:55px;border-bottom:1px solid #DDD;background:#FFF;}
.boardList li>a 	{display:block;width:100%;}
.boardList li .pnum 		{position:absolute;left:5px;width:50px;text-align:center;line-height:55px;font-size:11px;}
.boardList li .pcont 		{padding-left:60px;padding-right:10px;padding-top:10px;padding-bottom:10px;max-height:55px;line-height:110%;display:block;}
.boardList li .pcont strong, .boardList li .pcont span {max-width:100%;overflow:hidden;display:inline-block;white-space:nowrap;text-overflow:ellipsis;}
.boardList li .pcont strong {display:inline-block;margin-bottom:5px;font-size:110%;}
.boardList li .pstudy 		{position:absolute;right:5px;width:90px;text-align:center; top:15px;}
.boardList li.bg0 {background:#f4f4f4;}
.boardList li.bg1 {background:#ffffff;}


/* 게시판 - 보기 */
#BoardView 								{ clear:both; min-height:300px}
#BoardView h2.h2_title 					{ font-size:1.25em; background:url(/image/common/btn_bullet.gif) no-repeat 5px 5px; padding-left:20px; color:#333; margin:20px 0 10px 0}
#BoardView .board-vtop					{ border-top:2px solid #2ba3c5; background:#f3f3f3; padding:10px;}
#BoardView .board-vtop h4				{ font-size:1.2em; color:#666; font-weight:bold}
#BoardView .board-vcon					{ clear:both; padding:10px;border-bottom:1px solid #ddd; font-size:0.9em}
#BoardView .board-vcon input[type=password]	{ background-color:#FFF;width:90%;  border:1px solid #ddd;color:#777; font-size:0.9em; padding:8px}

#BoardView2 							{ clear:both; min-height:300px}
#BoardView2 .board-vtop					{ border-top:2px solid #2ba3c5; background:#f3f3f3; padding:10px;}
#BoardView2 .board-vtop h4				{ font-size:1.2em; color:#666; font-weight:bold}
#BoardView2 .board-vcon					{ clear:both; padding:10px;border-bottom:1px solid #ddd; font-size:0.9em}
#BoardView2 .board-vcon input[type=password]	{ background-color:#FFF;width:90%;  border:1px solid #ddd;color:#777; font-size:0.9em; padding:8px}



/*Promotion*/
.eventList			{ float:left; padding:5px; margin-bottom:10px; width:140px}
.eventList p.title	{ font-size:1em; color:#333; font-weight:bold; text-align:center; clear:both; padding-top:5px}
.eventList p.img	{ clear:both; border:1px solid #ddd; width:140px}
.eventList p.date	{ padding-top:3px; text-align:center; color:#666;}


/* 페이지 */
#area_boardpagenum			{ clear:both}
#area_boardpagenum p 		{text-align:center; margin-top:5px;}
#area_boardpagenum p a		{width:28px;height:20px;padding:3px 0;display:inline-block; border:1px solid #ddd; color:#333; margin:2px}


.btn01 			{ display:inline-block;height:28px;line-height:28px;padding:0px 15px; border:1px solid #222; background:#555;}
a.btn01			{ color:#fff;}
a:hover.btn01	{ color:#fff; border:1px solid #222; background:#777;}

.btn02 			{ display:inline-block;height:20px;padding:0px 10px; border:1px solid #222; background:#555; font-size:11px;}
a.btn02			{ color:#fff;}
a:hover.btn02	{ color:#fff; border:1px solid #222; background:#777;}



/*-----------------------------------------------------------------------------------------------------------
서브페이지 css
-----------------------------------------------------------------------------------------------------------*/
#map			{width: 263px; height: 300px; float:left; margin-top:10px }
#roadview		{width:263px;height:300px; margin-top:10px; float:left}



/*로그인*/
#Login h2{}
#Login #area_input 			{text-align:center;}
#Login #area_input ul 		{padding:10px 30px 0 30px;}
#Login #area_input ul li 	{padding-top:5px;}
#Login #area_input ul li .input 	{background-color:#FFF;width:100%;}
#Login #area_input ul li .inputid 	{no-repeat 4px -505px;	width:100%;}
#Login #area_input ul li .inputpw 	{no-repeat 4px -550px;	width:100%;}
#Login #area_input ul li .inputname 	{background:url(/image/common/icon.gif) no-repeat 4px -873px;	width:100%;}
#Login #area_input ul li .inputnum	 	{background:url(/image/common/icon.gif) no-repeat 4px -923px;	width:100%;}
#Login #area_text 			{padding:0 0px 12px 0px;color:#757575;text-align:center;}

#area_input, #area_input2, #area_input3{padding:5px;}
#area_input dl, #Admin_main #area_input2 dl, #Admin_main #area_input3 dl {border-bottom:1px solid #ddd;	padding:8px 0;}
#area_input dl dt, #Admin_main #area_input2 dl dt, #Admin_main #area_input3 dl dt {float:left;	padding:3px 5px 0 1px; width:100px; border-right: 1px solid #ddd; color:#333; font-weight:bold;}
#area_input dl dd, #Admin_main #area_input2 dl dd, #Admin_main #area_input3 dl dd {padding-bottom:5px;	display:inline; padding-left:10px}
#area_input2 h3, #Admin_main #area_input h3, #Admin_main #area_input3 h3 {color:#e4007f;font-size:12px; font-weight:bold; padding:5px;background-color:#ffeaef}


/*-----------------------------------------------------------------------------------------------------------
탭
-----------------------------------------------------------------------------------------------------------*/
.tab_menu2			{width:100%;background:url(/image/common/bg_tab.gif) repeat-x bottom; height:33px; margin:10px 0}
.tab_menu2 li		{_display:inline;float:left;margin-right:-1px;background:url(/image/common/bg_tab_right.gif) 100% 0 no-repeat}
.tab_menu2 li span	{display:block}
.tab_menu2 li a		{display:block;_float:left;height:24px;padding:9px 26px 0 10px;background:url(/image/common/bg_tab_left.gif) 0 0 no-repeat;color:#666;line-height:14px;text-decoration:none; letter-spacing:-1px}
.tab_menu2 li a:hover{color:#333}
.tab_menu2 li.selected		{background-position:100% -33px}
.tab_menu2 li.selected a		{background-position:0 -33px;color:#fff;font-weight:bold;}
.tab_menu2 li.w33	{ width:33.3333%; box-sizing:border-box}


.study_menu	{ padding:10px 0; width:320px; margin:0 auto;}
.study_menu ul li	{ float:left}


@media all and (max-width:380px) {
	
}