@charset "euc-kr";
img { margin:0; padding:0; border:0; vertical-align:top;}
html, body {height:100%;}
#wrapper {width:100%; height:100%;}
    #container {width:1215px; min-height:100%; margin:0 auto; background:url(../images/main/bg00.jpg) top left repeat-y;  }
		#container1 {width:1215px; min-height:100%; margin:0 auto; background:url(../images/main/bg01.jpg) top left repeat-y;  }
		#container2 {width:1215px; min-height:100%; margin:0 auto; background:url(../images/main/bg02.jpg) top left repeat-y;  }
		#container3 {width:1215px; min-height:100%; margin:0 auto; background:url(../images/main/bg03.jpg) top left repeat-y;  }
		#container4 {width:1215px; min-height:100%; margin:0 auto; background:url(../images/main/bg04.jpg) top left repeat-y;  }
		#container5 {width:1215px; min-height:100%; margin:0 auto; background:url(../images/main/bg05.jpg) top left repeat-y;  }
		#container6 {width:1215px; min-height:100%; margin:0 auto; background:url(../images/main/bg06.jpg) top left repeat-y;  }
		#container7 {width:1215px; min-height:100%; margin:0 auto; background:url(../images/main/bg07.jpg) top left repeat-y;  } 
	      #left{float:left; width:315px;  margin:0}
			    	.logo{float:left; width:250px; padding:20px 0 50px 0px}
				    .leftmenu{float:left; width:250px; padding:50px 0 0 15px}
						 
		#right{float:left; width:900px;}
			 .topmenu{float:right; height:25px; padding-right:20px}
			   .topmenu li{float:right;} 
				 .m_img  { clear:both; float:left; width:900px; height:500px; }
				 .middle  { clear:both; float:left; width:900px; height:255px; padding-top:40px; }
				   .m_board {float:left; width:230px; height:90px; padding-left:20px;}
				   .m_board .tit {padding:0 0 5px 0}
				   .m_board li {line-height:24px}
						 .m_ban_01 {float:left; padding-left:8px; margin-top:-5px;}
						 .m_ban_02{float:left; width:295px; padding-left:3px; height:95px;}
						 .m_ban_02 li {float:left;}
						 .m_ban_03 {float:left; margin-top:-5px}

                   .m_board1 {float:left; width:260px; padding-left:20px;}
				   .m_board1 .tit {padding:0 0 15px 0}
				   .m_board1 li {line-height:26px}
				   .m_board2 {float:left; width:260px; padding-left:20px;}
				   .m_board2 .tit {padding:0 0 15px 0}
				   .m_board2 li {line-height:26px}
				   .r_con {float:left; padding-left:20px;}
				   .r_con .r_ban {padding:0;}
				   .r_con .r_ban ul li{float:left; }
				   .r_con .b_menu {clear:both; padding-top:5px }	
				   .r_con .b_menu ul li{float:left; padding:0; }	 
				
				 .subtop {padding-left:50px;}
				   .subtitle1  {clear:both; float:left; width:780px; height:225px;  background:url(../images/sub/subtop01.jpg) top left no-repeat; }
						 .subtitle2  { clear:both;float:left; width:780px; height:225px;  background:url(../images/sub/subtop02.jpg) top left no-repeat; }
						 .subtitle3  { clear:both;float:left; width:780px; height:225px;  background:url(../images/sub/subtop03.jpg) top left no-repeat; }
						 .subtitle4  { clear:both;float:left; width:780px; height:225px;  background:url(../images/sub/subtop04.jpg) top left no-repeat; }
						 .subtitle5  { clear:both;float:left; width:780px; height:225px;  background:url(../images/sub/subtop05.jpg) top left no-repeat; }
						 .subtitle6  { clear:both;float:left; width:780px; height:225px;  background:url(../images/sub/subtop06.jpg) top left no-repeat; }
						 .subtitle7  { clear:both;float:left; width:780px; height:225px;  background:url(../images/sub/subtop07.jpg) top left no-repeat; }
						 .subtitle8  { clear:both;float:left; width:780px; height:225px;  background:url(../images/sub/subtop08.jpg) top left no-repeat; }
						 .subtitle9  { clear:both;float:left; width:780px; height:225px;  background:url(../images/sub/subtop09.jpg) top left no-repeat; }
						 .subtitle10  { clear:both;float:left; width:780px; height:225px;  background:url(../images/sub/subtop10.jpg) top left no-repeat; }
					.title {padding:160px 0 0 0}
					.location {padding:5px 0 0 0;font-size:11px; color:#888}
					.location li {display:inline; list-style:none;}
					.slashlast {font-weight:bold;}
		   .contents {clear:both;width:730px; padding:50px 0 50px 75px }
				 .contents2 {clear:both;width:780px; padding:50px 0 50px 50px }
				 .contents3 {clear:both;width:740px; padding:50px 0 50px 70px }
				 .contents4 {clear:both;width:750px; padding:50px 0 50px 65px }
						     
             .copyright {clear:both; width:100%; height:100px;}
						    .copy1 {width:800px; float:left }
								.copy2 { float:left; padding:30px 0 0 40px }

    
.clear{clear:both;}

/*=================================SLIST==================================*/
.Stext {padding:5px 0 0 0; width:100%; }
.Stext li {width:100%; line-height:25px}
.SList {width:100%; border-top:2px solid #2c84e5;border-bottom:1px solid #2c84e5; margin:0;}
.SList th {padding:7px 3px 5px 3px; border-bottom:1px solid #ccc; background:#f3f3f3; color:#777;}
.SList td {border-bottom:1px solid #ccc; padding:5px 5px 5px 7px; }
.SList #mline {border-bottom:2px solid #ccc; padding:5px 5px 5px 7px; }
.SList .titlealign {text-align:left !important;}
.SList .BoardBtm {width:100%; padding:15px 0 10px 0; }
.SList .BoardBtm b {color:#000;}
.SList .BoardBtmL {text-align:left;}
.SList .BoardBtmC {text-align:center;}
.SList .BoardBtmC img {vertical-align:middle;}
.SList .BoardBtmC b {color:#4d88c5;}
.SList .BoardBtmR {text-align:right;}	
.SList .radio_btn input{ text-align:center; border:0px;background:#fff;}
.SList .nowPage {font-weight:bold; color:#2c84e5;}
/*=================================SLIST2==================================*/
.Stext2 {padding:5px 0 0 0; width:100%; }
.Stext2 li {width:100%; line-height:25px}
.SList2 {width:100%; border-top:2px solid #2c84e5;border-bottom:1px solid #2c84e5; margin:0;}
.SList2 th {padding:10px 3px 9px 3px; border-bottom:1px solid #ccc; background:#2c84e5; color:#fff;}
.SList2 td {border-bottom:1px solid #ccc; padding:9px 5px 8px 7px; }
.SList2 #mline {border-bottom:2px solid #ccc; padding:5px 5px 5px 7px; }
/*=================================SLIST3==================================*/
.Stext3 {padding:0; width:100%; }
.Stext3 li {width:100%; line-height:25px}
.SList3 {width:100%; border-top:2px solid #2c84e5;border-bottom:1px solid #2c84e5; margin:0; border-left:1px solid #ccc; border-right:1px solid #ccc;}
.SList3 th {padding:3px 1px 4px 1px; border-bottom:1px solid #ccc; background:#2c84e5; color:#fff;}
.SList3 td {border-bottom:1px solid #ccc; padding:3px 1px 3px 1px; }
.SList3 #mline {border-bottom:2px solid #ccc; padding:2px 1px 2px 1px; }
/*=================================SLIST2==================================*/
.SList4_bar{background:url(../images/sub/table_bar.jpg) top center no-repeat;  text-align:center }
.SList4_bar td{ padding:8px 3px 13px 3px;  color:#fff; font-weight:bold }
.Stext4 { width:100%; padding:0; margin:0 }
.Stext4 li {width:100%; line-height:25px}
.SList4 {width:100%; border-bottom:1px solid #2c84e5; margin:0;}
.SList4 th {padding:7px 3px 9px 3px;  color:#fff;}
.SList4 td {border-bottom:1px solid #ccc; padding:7px 5px 6px 7px; }
.SList4 #mline {border-bottom:1px solid #ccc; padding:5px 5px 5px 7px; }

/*=================================SLIST3==================================*/
.SList5_bar{background:url(../images/sub/table_bar02.jpg) top center no-repeat;  text-align:center }
.SList5_bar td{ padding:8px 3px 13px 3px;  color:#fff; font-weight:bold }
.Stext5 {padding:5px 0 0 0; width:100%; }
.Stext5 li {width:100%; line-height:25px}
.SList5 {width:100%;  margin:0;}
.SList5 th {padding:10px 3px 9px 3px; border-bottom:1px solid #ccc; background:#2c84e5; color:#fff;}
.SList5 td {border-bottom:1px solid #ccc; padding:9px 5px 8px 7px; }
.SList5 #mline {border-bottom:2px solid #ccc; padding:5px 5px 5px 7px; }
/*=================================SLIST2==================================*/
.Stext6 {padding:5px 0 0 0; width:100%; }
.Stext6 li {width:100%; }
.SList6 {width:100%; border-bottom:1px solid #2c84e5; margin:0;}
.SList6 th {padding:10px 3px 9px 3px; border-bottom:1px solid #ccc; background:#2c84e5; color:#fff;}
.SList6 td {border-bottom:1px solid #ccc; padding:9px 5px 8px 7px; line-height:20px  }
.SList6 #mline {border-bottom:2px solid #ccc; padding:5px 5px 5px 7px; }


.con {clear:both; padding:0}
.con_tit {font-size:13px; font-weight:bold; color:#444; line-height:30px}
.con ul li {line-height:21px; margin-left:-14px; padding-left:14px; background:url("../images/sub/dot_04.png") 3px 9px no-repeat; list-style-position:outside;}
.pro_tit { width:220px; height:32px; text-align:center; font-size:13px;  color:#fff; padding-top:5px }
								 
.con1{float:left; width:100%; padding-bottom:35px;  line-height:25px; }
.con1 ul li{list-style:none; list-style-position:inside; padding-left:5px }
.con1 ul li ul li{ list-style:none; list-style-position:inside; }
.con1 img {vertical-align:middle; padding-right:5px }

.con2 {clear:both; padding:0; font-size:12px;}
.con2_tit {font-size:13px; font-weight:bold; color:#444; line-height:30px}
.con2 ul li { line-height:22px; padding-top:3px; padding-bottom:3px; list-style-type:decimal; list-style-position:outside;  }

.con3 {clear:both; padding:0; font-size:12px; line-height:21px;}
.con3_tit {font-size:13px; font-weight:bold; color:#444; line-height:30px}
/* .con3 ul li { line-height:22px; list-style-image:url("../images/sub/dot_04.png"); list-style-position:outside} */
.con3 ul li {line-height:21px; margin-left:-14px; padding-left:14px; padding-top:3px; padding-bottom:3px; background:url("../images/sub/dot_04.png") 3px 11px no-repeat; list-style-position:outside;}
.con3_j01 ul li {line-height:21px; margin-left:-14px; padding-left:14px; padding-top:3px; padding-bottom:3px; background:url("../images/sub/dot_04.png") 3px 13px no-repeat; list-style-position:outside;}

.con4 {clear:both; padding:0; font-size:13px;}
.con4_tit {font-size:13px; font-weight:bold; color:#444; line-height:30px}
.con4 ul li { line-height:22px; list-style-type:lower-alpha; list-style-position:outside;  }

.con5 {clear:both; padding:0; font-size:12px; }
.con5_tit {font-size:13px; font-weight:bold; color:#444; line-height:30px}
.con5 ul li {line-height:12px; margin-left:-14px; padding-left:14px; padding-top:3px; padding-bottom:3px; background:url("../images/sub/dot_04.png") 3px 7px no-repeat; list-style-position:outside;}

.con6 {clear:both; padding:0; font-size:12px; color:#fff; }
.con6_tit {font-size:13px; font-weight:bold; color:#fff; line-height:30px}
.con6 ul li {line-height:12px; margin-left:-14px; padding-left:14px; padding-top:3px; padding-bottom:3px; background:url("../images/sub/dot_07.png") 3px 7px no-repeat; list-style-position:outside;}

.con7 {clear:both; padding:0; width:196px}
.con7_tit { width:196px; height:40px; font-size:16px; font-weight:bold; color:#fff; text-align:center; padding-top:15px; background:url("../images/site/bar.png") top center no-repeat;}
.con7 ul li.submenuA{line-height:22px; padding:2px 0 2px 15px;  border-bottom:1px #ddd solid; font-size:13px; color:#444;  }
.con7 ul li ul li{line-height:14px; margin-left:-14px; padding-left:14px; padding-top:3px; padding-bottom:3px; background:url("../images/sub/dot_03.png") 3px 7px no-repeat; list-style-position:outside; font-size:11px}

.con8 {clear:both; padding:0; font-size:12px; line-height:20px;}
.con8_tit {font-size:13px; font-weight:bold; color:#444; line-height:25px}
.con8 ul li {line-height:20px; margin-left:-14px; padding-left:14px;  background:url("../images/sub/dot_04.png") 3px 8px no-repeat; list-style-position:outside;}
.con9 {clear:both; padding:0; font-size:15px;  color:#555; }
.con9_tit {font-size:16px; font-weight:bold; color:#444; line-height:35px}
.con9 ul li { line-height:25px; padding-top:3px; padding-bottom:3px; list-style-type:decimal; list-style-position:outside;  }

.list_btn{padding-top:30px; text-align:right}
.list_btn2{padding-top:30px; text-align:center}



/*¾à°ü*/
#pages_join {}

#pages_join h2 {font-family:"malgun gothic",dotum;font-size:20px;padding:0 0 10px 0;margin:0 0 30px 0;border-bottom:#999999 solid 3px;}

#pages_join .tt {font-weight:bold;padding:40px 0 15px 0;}
#pages_join .msg {color:#1C5B8C;font-family:dotum;line-height:150%;}

#pages_join .tab {border-bottom:#dfdfdf solid 1px;}
#pages_join .tab ul {position:relative;top:1px;padding:0;margin:0;}
#pages_join .tab li {list-style-type:none;float:left;border-top:#dfdfdf solid 1px;border-right:#dfdfdf solid 1px;border-bottom:#dfdfdf solid 1px;padding:7px 7px 7px 7px;background:#f9f9f9;cursor:pointer;color:#666666;font-size:12px;font-family:dotum;}
#pages_join .tab .leftside {border-left:#dfdfdf solid 1px;}
#pages_join .tab .selected {border-bottom:#ffffff solid 1px;background:#ffffff;color:#000000;}

#pages_join .agreebox {border-left:#dfdfdf solid 1px;border-right:#dfdfdf solid 1px;border-bottom:#dfdfdf solid 1px;padding:15px 7px 7px 7px;}
#pages_join .agreebox textarea {border:0;width:100%;height:160px;overflow-x:hidden;overflow-y:auto;line-height:130%;color:#666;font-family:dotum;scrollbar-base-color:#E1E1E1;scrollbar-face-color:#FFF;scrollbar-track-color:#FFF;scrollbar-highlight-color:#FFF;scrollbar-3dlight-color:#E1E1E1;scrollbar-shadow-color:#E1E1E1;scrollbar-darkshadow-color:#FFF;scrollbar-arrow-color:#7a7a7a;}
#pages_join .agreebox .ag1 {height:255px;}
#pages_join .hide {display:none;}


#pages_join .agreecheck {text-align:center;padding:20px 0 0 0;color:#333;letter-spacing:-1px;}
#pages_join .topline {border-top:#dfdfdf solid 1px;}
#pages_join .submitbox {padding:30px 0 30px 0;text-align:center;}

#pages_join .submitbox input {height:30px;margin:0 2px 0 2px;padding:0 10px 0 10px;font-weight:bold;}

form {display:inline;margin:0;padding:0;}

.b {font-weight:bold;}
.u {text-decoration:underline;}
.s {text-decoration:line-through;}


/*ȸ¿ø°¡ÀÔÆû*/
.input_text { border:1px solid #d3d3d3; padding:8px 5px; vertical-align:middle;}
select.input_text {padding:6px 5px;}
.input_text:hover, .input_text:focus { border:1px solid #5281c8; background:#fafff6; }

/* ÇѱÛÀÔ·Â, ¿µ¹®ÀÔ·Â (input,textarea) */
.ime {ime-mode:active;}
.noime {ime-mode:disabled;}


#join { border-bottom:2px solid #818181; }


#join th,
#join td { padding:10px 0; border-top:1px solid #dcdcdc; }
#join td:first-child { padding:0 0 10px 0; background:#fff; border-bottom:2px solid #818181; border-top:0; }

#join th {  padding:0 30px; background:#f4f4f4; font-size:12px; font-weight:bold; color:#585858; text-align:left; }
#join td { padding-left:20px; background:#fff; }

#join .r { color:#CC0000; }
.submitbox {padding:30px 0 30px 0;text-align:center;}
.submitbox input {height:30px;margin:0 2px 0 2px;padding:0 10px 0 10px;font-weight:bold;}

p.sitelink_btn {padding-top:15px;}



.white_table th{ text-align:center; border-bottom:#c9cccf solid 1px; border-top:#c9cccf solid 1px; background:url("../images/sub/th_li.jpg") 0 0 no-repeat; padding:12px 6px 8px 6px; font-size:11px; letter-spacing:-1px;}
.white_table th.th1 { background:none;}
.white_table td { padding:6px 6px 7px 6px; color:#848484; min-height:30px; vertical-align:middle; height:30px; background:url("../images/sub/td_li.jpg") left bottom repeat-x;}
.white_table td.gongji { font-size:11px; letter-spacing:-1px; color:#c41309; font-weight:bold;}
.white_table tr:hover td { background-color:#f8f8f8;}
.white_table td .thumb { padding-right:5px;}
.white_table td.no, .white_table td.name, .white_table td.hit, .white_table td.date { text-align:center;}
.white_table td.list { text-align:left;}

.jayBbsDesign {margin-top:30px;}
	#howStory02ImgArea div {float:left; width:33.3%; text-align:center; margin-bottom:20px;}
		#howStory02ImgArea div img {width:250px; height:200px;}
/*#galleryBbsArea {float:left; width:780px; margin:30px 0; border-top:1px solid #c9cccf; border-bottom:1px solid #c9cccf; padding-bottom:37px;}*/
#galleryBbsArea {float:left; width:750px; margin:0; padding-bottom:20px;}
	#galleryBbsArea .thm_w {float:left; width:167px; height:180px; margin:5px 10px 0px 10px; cursor:pointer; text-align:center;}
		#galleryBbsArea .thm_div {float:left; text-align:center; margin:5px 10px; border:1px solid #ccc; background:#fff; padding:2px; }
		#galleryBbsArea .thm_sub {float:left; text-align:center; width:167px; background:#fff; }
		#galleryBbsArea img {width:140px; height:98px;}


.width10percent {width:10%;}
.width15percent {width:15%;}
.width85percent {width:85%;}
.width90percent {width:90%;}
.width50px {width:50px;}
.width70px {width:70px;}
.width100px {width:100px;}
.width150px {width:150px;}
.width200px {width:200px;}
.width250px {width:250px;}
.width300px {width:300px;}
.width350px {width:350px;}
.width400px {width:400px;}
.width450px {width:450px;}
.width500px {width:500px;}
.width550px {width:550px;}
.width600px {width:600px;}
.width650px {width:650px;}
.height300px {height:300px;}
.minHeight100px {min-height:100px;}
.jayTable {}
.border1px {border-top:1px solid #c9cccf; border-bottom:1px solid #c9cccf;}
.jayTable p {padding:5px 0 5px 15px;}
	.jayTable th {background:url("../images/sub/th_li.jpg") right center no-repeat; padding:5px 0 5px 15px;}
	.jayTable .jayTitle {padding:5px 0 5px 15px;} /* .jayTable td {padding-left:5px 0 5px 15px;} 140708 °Ô½ÃÆÇ À̹ÌÁö °£°Ý ¹ú¾îÁü*/
	.jayTable td.jayTableLine {background:url("../images/sub/td_li.jpg") 0 0 repeat-x; height:1px; padding:0px;}
	.jayTableLeftTxt {text-align:left;}
	.jayTableRightTxt {text-align:right;}
	.jayTableCenterTxt {text-align:center;}
.jayTable input[type="text"] {padding:7px;}
.jayTable input[type="text"]:focus {border-color:#75a0c8; background:#eaeef7;}
.jayTable input[type="file"] {padding:7px;}
.jayTable select {padding:7px;}
.jayTableButton {background:#666; border:1px solid #666; color:#ffffff; padding:10px 15px; cursor:pointer}
.jayTableButtonGroup {text-align:right;}
.jayTableSearch {float:right; margin-bottom:20px;}
	.jayTableSearch .searchOption {width:75px; height:25px; float:left; border:3px solid #4e4e4e;}
	.jayTableSearch .searchOption select {margin:0; vertical-align:middle; width:100%; height:100%;}
	.jayTableSearch .searchTxtbox {width:200px; height:25px; float:left; border:3px solid #4e4e4e; border-left:none;}
	.jayTableSearch .searchTxtbox input[type="text"] {margin:0; vertical-align:middle; width:100%; height:17px; padding:4px 3px 2px 3px; *margin-top:-1px;}
	.jayTableSearch .searchButton {width:28px; height:25px; float:left; border:3px solid #4e4e4e; border-left:none;}
	.jayTableSearch .searchButton input[type="button"] {margin:0; vertical-align:middle; width:100%; height:25px; border:none; background:url("../images/sub/search.jpg") 0 0 no-repeat;}
.jayClear {clear:both;}
.jayTablePagingArea {text-align:center;}
.jayTablePaging {display:inline-block; zoom:1; *display:inline;}
.jayTablePaging input[type="button"] {background:#4e4e4e; color:#ffffff; border:1px solid #4e4e4e; padding:3px 8px; *padding:3px 4px; margin-top:10px;}
.jayTablePaging ul {list-style:none;}
.jayTablePaging ul li {float:left;}
.jayTablePaging ul li.button {margin:-13px 0 0 0; *margin:-13px 2px 0 2px; }
.jayTablePaging ul li.prev {margin-right:7px;}
.jayTablePaging ul li.next {margin-left:7px;}
.jayTablePaging .p_num:link, .p_num:focus, .p_num:active, .p_num:visited{display:inline-block; color:#666; text-align:left;}
.jayTablePaging .p_num:hover{color:#4b66c2; text-decoration:none; font-weight:bold;}
.jayTablePaging .p_num02:link, .p_num02:focus, .p_num02:active, .p_num02:visited{display:inline-block; color:#4b66c2; font-size:14px; background:none; text-align:left;}
.jayTablePaging .p_num02:hover{color:#4b66c2; text-decoration:none; font-weight:bold; font-size:14px; }
.jayTablePaging .p_button{cursor:pointer;}

/* ¹öÆ° : Èò»ö Á¿쿩¹é 15px */
.adm_btn {height:24px; line-height:23px; color:#444; font-weight:bold; font-size:12px; letter-spacing:-1px; background:url(../images/common/btn.gif) 0px -25px no-repeat; padding-left:15px; text-align:left; vertical-align:middle; text-decoration:none; display:inline-block; margin-right:3px; cursor:pointer;}
.adm_btn .last{display:inline-block; width:5px; height:24px; background:url(../images/common/btn.gif) -150px -25px no-repeat; margin-left:10px; vertical-align:middle;}