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

/* CSS Document */
* html { height: 0px; } 
body       { margin:0px; }

#wrap      { width:100%; min-height:100%; text-align:left; margin:0 auto; padding:0; float:left;}


/* Common */
#header    { height:25px; padding:0; background-image:url(/image/common/smenu_bg.gif); background-repeat:repeat-x; text-align:right;}
#header #login                { float:left; width:985px; height:22px; margin:0px; padding:3px 0 0 0;}

#copy			{ clear:both; width:978px; height:96px; margin:10px 0 0 11px; background-image:url(/image/common/copy_box_bg.gif); background-repeat:repeat-x; }
#copyLeft		{ float:left; width:20px; height:96px; margin:0px; background-image:url(/image/common/copy_box_left.gif); background-repeat:repeat-x; }
#copyRight		{ float:right; width:20px; height:96px; margin:0px; background-image:url(/image/common/copy_box_right.gif); background-repeat:repeat-x; }
#copyCenter	{ float:left; width:938px; height:96px; margin:0px; }
#copyCenter #copyLogo	{ float:left; padding:25px 0 0 24px; }
#copyCenter #copyLine	{ float:left; padding:0px 0 0 30px; }
#copyCenter #copyAdd	{ float:left; padding:21px 0 0 30px; }
#copyCenter #copySel	 	{ float:right; padding:25px 10px 0 30px; }


/* Main */
#mainimg	{ height:363px; margin:0px;}

#middle                { width:1000px; background-image:url(/image/main/cn_bg.jpg); background-repeat:no-repeat; padding:25px 0 0 0; text-align:left; border:0px solid red;}
#middle #con1       { float:left; width:297px; padding:0 0 0 13px;  border:0px solid red;}
#middle #con2       { float:left; width:207px; margin:0 0 0 33px; border:0px solid blue; }
#middle #con3       { float:left; width:218px; height:295px; margin:0 0 0 33px;  background-image:url(/image/main/cn_time_bg.jpg); background-repeat:no-repeat; padding:30px 0 0 50px; font-size:11px; font-family:dotum; color:#7b7b7b; line-height:15px; border:0px solid blue;}
#middle #con4       { float:left; width:100px; margin:0 0 0 12px;}

	#con1 .board							{ clear:both; width:297px; margin:0 0 10px 0;  }
	#con1 .board .boardTit			{ clear:both; width:100%; height:22px; background-image:url(/image/main/board_line.gif); background-repeat:repeat-x; background-position:bottom; margin:0 0 5px 0;}
	#con1 .board .boardTit .tit1		{ float:left; width:260px; background-image:url(/image/main/tit_admonition.gif); background-repeat:no-repeat; padding:0 0 1px 0;}
	#con1 .board .boardTit .tit2		{ float:left; width:260px; background-image:url(/image/main/tit_jubo.gif); background-repeat:no-repeat; padding:0 0 1px 0;}
	#con1 .board .boardTit .tit3		{ float:left; width:260px; background-image:url(/image/main/tit_event.gif); background-repeat:no-repeat; padding:0 0 2px 0;}
	#con1 .board .boardTit .more	{ float:right; width:37px; padding:11px 0 0 0;}

	#con1 .board	.bd_ul				{ float:left; width:100%; padding:0px; }
	#con1 .board	.bd_li				{ float:left; width:213px; background:url(/image/main/icon_brown.gif) no-repeat 8px 8px; padding-left:17px; line-height:19px; }
			 .board	.bd_li A:link		{color:#6f6f6f; text-decoration:none;}
			 .board	.bd_li A:visited	{color:#6f6f6f; text-decoration:none;}
			 .board	.bd_li A:active	{color:#6f6f6f; text-decoration:none;}
			 .board	.bd_li A:hover		{color:#964220; text-decoration:none;}
	#con1 .board .bd_data			{ float:right; width:62px; padding:0 5px 0 0; color:#9b806f; text-align:right; }

	#con2 .con2tit				{ clear:both; width:207px; height:22px; background-image:url(/image/main/board_line.gif); background-repeat:repeat-x; background-position:bottom; margin:0 0 16px 0;}
	#con2 .con2tit .tit       { float:left; width:170px; background-image:url(/image/main/tit_gallery.gif); background-repeat:no-repeat; padding:0 0 1px 0;}
	#con2 .con2tit .more	{ float:right; width:37px; padding:11px 0 0 0;}
	#con2 .con2limg			{ float:left; width:99px; height:135px; background-image:url(/image/main/gallery_img_bg.gif); background-repeat:no-repeat; padding:2px 0 0 2px; }
	#con2 .con2rimg			{ float:right; width:99px; height:135px; background-image:url(/image/main/gallery_img_bg.gif); background-repeat:no-repeat; padding:2px 0 0 2px; }
	#con2 .con2text			{ float:left;  padding:7px 7px 0 5px; line-height:15px; }
			 .con2text A:link			{color:#6f6f6f; text-decoration:none;}
			 .con2text A:visited		{color:#6f6f6f; text-decoration:none;}
			 .con2text A:active		{color:#6f6f6f; text-decoration:none;}
			 .con2text A:hover		{color:#964220; text-decoration:none;}

	#con3 #con3sun		{ padding:3px 0 4px 0; }
	#con3 #con3day		{ padding:3px 0 4px 0; }
	#con3 #con3sat		{ padding:3px 0 0 20px; }
	#con3 #con3oth		{ padding:8px 0 0 82px; }
	#con3 #con3class	{ padding:48px 0 0 10px; line-height:18px; }


/* Sub_Common */
#SubBody { background-image:url(/image/common/sub_top_bg.jpg); background-repeat:no-repeat; border:solid 0px green;}

#SubTop					{ clear:both; width:985px; height:212px; border:solid 0px red; }
/*#SubTop #subLogo		{ float:left; width:196px; height:167px; padding:16px 0 0 49px; }
#SubTop #subMenu	{ float:right; width:735px; height:154px; padding:29px 0 0 0; text-align:right; }*/

#SubMiddle { clear:both; width:988px; }
#SubMiddle #SubLeft	{ float:left; width:245px; margin:-45px 30px 0 0; position:relative; top:0px;} /* margin-top:-16px -->> top:0px;*/
#SubMiddle #SubCon	{ float:right; width:710px;  margin:-26px 0 0 0; }
				  
	#SubNavi	{ font-size:11px; font-family:dotum; color:#777777; }
		#SubNavi A:link			{color:#777777; text-decoration:none;}
		#SubNavi A:visited		{color:#777777; text-decoration:none;}
		#SubNavi A:active		{color:#777777; text-decoration:none;}
		#SubNavi A:hover		{color:#1f89ac; text-decoration:none;}

	#SubTitle		{ float:left; padding-top:14px; }

	#SubContent	{ float:left; width:710px; padding-top:10px; overflow-x:hidden;}


/*------ float -------*/
#both		{clear:both;}
#fleft		{float:left;}
#fright	{float:right;}


/*---- intro -----*/
#Text0101	{ clear:both; padding-bottom:37px; }
#con0101	{ clear:both; width:710px;}
#Img0101	{ float:left; width:159px;}
#intro0101	{ float:left;}
	#tit0101	{ padding:0 0 10px 0;}
	#Text010102	{ float:left; padding:0 0 10px 85px;}
	#Img010102	 	{ float:right;}

#yearTit		{ float:left; width:380px; padding:30px 0 0 10px;  }
#yearImg	{ float:right; padding:30px 0 30px 0;  }

#fa_01		{ clear:both; width:710px; height:430px; margin:0 0 1px 0; background:url(/image/intro/03_fa_bg1.jpg) no-repeat bottom; }
#fa_02		{ clear:both; width:710px; height:213px; margin:0 0 1px 0; background:url(/image/intro/03_fa_bg2.jpg) no-repeat bottom; }

#si_00		{ clear:both; width:710px; height:289px; background:url(/image/intro/03_sister_bg.jpg) no-repeat ; margin:0 0 20px 0;}
#si_01		{ float:left; width:350px; height:289px; border:0px solid; }
#si_02		{ float:right; width:310px; height:289px; border:0px solid; }

#fa_tit			{ float:left; width:710px; padding:30px 0 20px 0; }
#fa_tit1		{ float:left; width:710px; padding:21px 0 15px 269px; }


/*---- faith -----*/
#con0401	{ clear:both; width:710px; padding-top:30px;}
#part_line	{ clear:both; width:710px; height:1px; background-image:url(/image/faith/01_line01.gif); background-repeat:repeat-x; background-position:top; padding:0 0 20px 0; }


/*------ samok ---------*/
#sm01_text	 	{ float:left; line-height:20px; color:#575757; padding:0px;}
#sm01_img		{ float:right; margin:0 0 0 10px; }
#sm01_btn		{ clear:both; width:710px; height:35px; text-align:right; }

#sm03_top			{ float:left; width:710px; height:130px; text-align:center; background:url(/image/samok/03_bg01.gif) no-repeat center top;}
#sm03_topL		{ float:left; width:275px; height:130px; }
#sm03_topC		{ float:left; width:160px; height:130px; color:#FFFFFF; font-family:dotum; font-size:12px; padding:0 0 0 0; line-height:22px; }
#sm03_topR		{ float:left; width:130px; height:130px; text-align:left; color:#FFFFFF; font-family:dotum; font-size:12px; padding:0 0 0 72px; margin:0 0 0 18px; line-height:23px; }

#sm03_box114	{ float:left; width:114px; margin-right:2px; }
#sm03_box114n	{ float:left; width:114px; margin-right:2px; }
#sm03_box234	{ float:left; width:234px; margin-right:2px; }
#sm03_box1		{ float:left; width:114px; background:url(/image/samok/03_box_bg1.gif) no-repeat bottom; padding-bottom:9px;}
#sm03_box1n		{ float:left; width:114px; background:url(/image/samok/03_box_bg1.gif) no-repeat bottom; padding-bottom:9px; }
#sm03_box2		{ float:left; width:116px; background:url(/image/samok/03_box_bg2.gif) no-repeat bottom; padding-bottom:9px;}

#sm03_0401		{ float:left; width:116px; }
#sm03_0402		{ float:right; width:116px; }


/*------ sitemap -------*/
#smap		{ clear:both; width:710px; padding:30px 0 0 0; }
#smap01	{ float:left; padding:0 65px 0 0; }
#smap02	{ float:right; }


#middle #quickMenu       { position:relative; width:80px; height:410px; margin:82px 0 0 1px; padding:0; float:left; display:inline; }
* html #middle #quickMenu        { width:81px; w\idth:80px; margin:81px 0 0 0;}

#footer                { clear:both; position:relative; width:100%; height:123px; margin:0 auto; padding:0; float:left; background-color:#000;}
#footer #footer2       { position:relative; width:1000px; height:100px; margin:0 auto; padding:0; float:left; background-color:#000;}
#footer #footer2 #shortcut      { position:relative; width:242px; height:80px; margin:0 auto; padding:20px 0 0 35px; float:left; display:inline;}
#footer #footer2 #copyright     { position:relative; width:723px; height:85px; margin:0 auto; padding:0; text-align:right; float:left; background-color:#000;}

.board    { position:relative; width:615px; margin:0 auto; padding:0; float:left; }
.board #boardSearch { position:relative; width:615px; height:18px; margin:0 0 10px 0; padding:0; text-align:right; float:left; }
.board #boardSearch #sForm { position:relative; width:566px; height:18px; margin:0 0 6px 0; padding:0; text-align:right; float:left; }
.board #boardSearch #sBtn  { position:relative; width:49px; height:18px; margin:0 auto; padding:0; text-align:right; float:left; }
.board #boardBody { position:relative; width:615px; min-height:100%; margin:0 auto; padding:0; float:left; }
.board #boardBody .boardTitle{ font-size:12px; padding:4px 0 2px 0; }
.board #boardFooter { position:relative; width:615px; height:30px; margin:0 auto; padding:15px 0 0 0; float:left; }
.board #boardFooter #pNo    { position:relative; width:523px; height:30px; margin:0 auto; padding:0; text-align:center; float:left; }
.board #boardFooter #lBtn   { position:relative; width:92px; height:30px; margin:0 auto; padding:0; float:left; }
.board #boardFooter #vForm  { position:relative; width:266px; height:30px; margin:0 8px 0 0; padding:0; float:left; text-align:right; display:inline; }
.board #boardFooter #vBtn   { position:relative; width:341px; height:30px; margin:0 auto; padding:0; float:left; text-align:right; }
/*
#login           { position:relative; width:300px; height:230px; margin:0 auto; padding:0; float:left; background-color:#fff}
#login #loginH   { position:relative; width:300px; height:60px; margin:0 auto; padding:0; float:left; }
#login #loginM   { position:relative; width:215px; height:98px; margin:25px 42px 22px 43px; padding:0; float:left; display:inline;}
#login #loginF   { position:relative; width:300px; height:25px; margin:0 auto; padding:0; float:left; text-align:right; background-color:#dedede; }
*/
.insTabBox       { position:relative; width:615px; height:125px; margin:0 0 20px 0; padding:0; float:left; background-image:url(/images/ibsiLife/bg_insTab.gif); display:inline;}
.grayBox595      { position:relative; width:545px; margin:0 0 0 10px; padding:30px 25px 30px 25px; float:left; border:4px solid #ececec; display:inline;}
.grayBox605      { position:relative; width:605px; margin:0 0 0 5px; padding:8px 0 8px 0; float:left; border:2px solid #ececec; display:inline;}
.grayBox605m     { position:relative; width:605px; margin:0 0 15px 5px; padding:8px 0 8px 0; float:left; border:2px solid #ececec; display:inline;}
.cbox190         { position:relative; width:190px; margin:0 7px 0 8px; padding:0; float:left; display:inline; background-image:url(/images/department/bg_debody.gif);}
.cbox185         { position:relative; width:185px; margin:0 0 0 15px; padding:0; float:left; display:inline; background-image:url(/images/guide/bg_siteMap_m.gif);}

.box265          { position:relative; width:265px; float:left;}
.movieBox127     { position:relative; width:127px; height:93px; float:left;}
.movieBox138     { position:relative; width:138px; height:44px; margin-top:49px; float:left;}

.detailBox01     { width:615px; height:23px; margin:0 auto; padding:0; background-image:url(/images/department/bg_detailinfo_top.gif); float:left;}
.detailBox02     { width:572px; border-left:3px solid #ececec; border-right:3px solid #ececec; border-bottom:3px solid #ececec; margin:0 auto; padding:15px 0 12px 37px;}
.detailphoto     { width:262px; height:192px; margin:5px 10px 10px 10px; padding:0; background-image:url(/images/department/bg_photoBox.gif); float:left; display:inline;}
.detailInfo      { width:310px; margin:0 auto; padding:0 0 15px 0; float:left;}
.detailBox03     { width:535px; border:3px solid #ececec; margin:0 auto; padding:10px 30px 10px 37px; float:left; display:inline;}
.detailBox03  table {border-collapse:collapse; margin:0 0 10px 0}
.detailBox03  table th {font-weight:bold; text-align:center; background-color:#ECECEC}
.detailBox03  table td {text-align:center}

#Layer1 A:link     {color:#FFF; text-decoration:none;}
#Layer1 A:visited  {color:#FFF; text-decoration:none;}
#Layer1 A:active   {color:#FFF; text-decoration:none;}
#Layer1 A:hover    {color:#FFF; text-decoration:underline;}

#Layer3 A:link     {color:#FFF; text-decoration:none;}
#Layer3 A:visited  {color:#FFF; text-decoration:none;}
#Layer3 A:active   {color:#FFF; text-decoration:none;}
#Layer3 A:hover    {color:#FFF; text-decoration:underline;}