@charset "utf-8";

html {margin:0;padding:0;font-face:맑은 고딕;font-size:12px;overflow-y:scroll;}
body {margin:0;padding:0;}
div,ul,li,dl,dt,dd,ol,p,h1,h2,h3,h4,h5,h6,form,p {margin:0;padding:0;}
ul, ol{list-style: none;}
li{font-size:0.75em; list-style:none;}
img {border:0 none;}
.png24 {tmp:expression(setPng24(this));}
a:link { color: #555555;text-decoration: none;font-size:12px;}
a:visited {color: #777777;text-decoration: none;font-size:12px;}
a:hover {color: #cf4c0a;text-decoration: underline;font-size:12px;}
a:active {text-decoration: none;underline;font-size:12px;}
a.roll img { border-width:0px; display:inline; } 
a.roll img.over { display:none; } 
a.roll:hover { border:0px } 
a.roll:hover img { display:none; } 
a.roll:hover img.over { display:inline; } 



input[type=radio] {border:0;margin-bottom:-3px;*margin-bottom:-2px;_margin-bottom:-2px;vertical-align:middle;}
input[type=checkbox] {border:0;margin-bottom:-2px;*margin-bottom:-2px;_margin-bottom:-2px;vertical-align:middle;}
input[type=text] {font-size:12px;vertical-align:middle;border: 1px solid #ccc;}
input[type=password] {font-size:12px;vertical-align:middle;border: 1px solid #ccc;}
input[type=file] {font-size:12px;vertical-align:middle;}
input[type=image] {vertical-align:middle;}

/* form */
select.select {  padding: 1px; font: 12px Dotum; color: #9d9d9d; border: 1px solid #d4d1d1; }
select.select2 {  padding: 1px; font: 11px Dotum; color: #9d9d9d; border: 1px solid #d4d1d1; }
input.checkbox { vertical-align: middle; }input_text1
label.global-label-type1 { margin-right: 40px; }
label.global-label-type2 { margin-right: 28px; }
label input.radio { margin-top: -3px; margin-right: 3px; vertical-align: middle; }
label input.checkbox { margin-top: -3px; margin-right: 3px; vertical-align: middle; }
input.txt { height: 17px; padding: 0 2px; font: 12px/17px Dotum; color: #666; border: 1px solid #ccc; background: #fff; }
input.txt2 { height: 23px; padding: 0 2px; font: 12px/23px Dotum; color: #666; border: 1px solid #ccc; background: #fff; }
input.txt3 {width:50px;padding-bottom:3px;}
input.date1 {width:80px;}
textarea.textarea { padding: 4px; font: 11px Dotum; color: #666; border: 1px solid #ccc; }
select {font-size: 12px;color:#666666;vertical-align:middle;border: 1px solid #ccc;}
textarea {font-size: 12px;width:100%;}



#wrap {width:100%;height:100%;text-align:center;}
#header {height:102px;background:url(../../image_n/common/bg_top1.jpg);}
#header_sub {height:102px;background:url(../../image_n/common/bg_top1.jpg);}
#image_sub_bg {height:16px;}
#image_sub {height:185px;}
#image_sub_title {margin:0 auto;width:970px;height:185px;}


#center {background:#ffffff;}

#visual_area{margin-bottom:8px;height:533px;padding-top:10px;}
#visual{margin:0 auto;width:970px;height:315px;}
#visualtext{margin:0 auto;width:970px;height:218px;}
#contents_main {margin:0 auto;width:970px;padding-bottom:32px;padding-top:0px;}

#contents {margin:0 auto;width:970px;padding-bottom:32px;padding-top:16px;}
#c_left {margin:0 auto;float:left;width:310px;text-align:left;}
/* .notice {margin:0 auto;width:523px;height:21px;margin-top:17px;text-align:center}
.notice_list {margin:0 auto;width:425px;height:21px;margin-top:8px;} */


#c_center {margin-left:7px;float:left;width:330px;text-align:left;}
#c_right {float:right;width:280px;text-align:left;}
#quick {margin:0 auto;text-align:center;margin-top:20px;}
#quick ul{ margin:0;vertical-align:middle;}
#quick li {display:inline;padding:3px;}
#quick li.space {width:3px;padding-left:2px;}


#download1 {text-align:center;margin-bottom:20px;}
#download1 ul{ margin:0;vertical-align:middle;}
#download1 li {float:left;display:inline;padding-right:10px;padding-bottom:10px;}


#latest_list{position:relative;width:344px;height:140px;font-size:12px;}
#latest_list #latest_tab{width:344px;float:left;height:23px;}
#latest_list #latest_tab li{float:left;height:23px;}
#latest_list div{clear:both;position:absolute;top:35px;left:0;}
#latest_list div li{line-height:1.5em;background:url(../../image_n/main/icon_1.gif) no-repeat 5px 5px;padding-left:12px;}
#title1{width:344px;height:38px;}
#title2{width:344px;height:38px;padding-top:13px;}
#title3{width:257px;height:38px;}
.title4 {width:731px;height:24px;font-weight:bold;text-align:left;}
#photo_gallery{width:344px;}


div.main-notice {
	margin:0 auto;
	width:425px;
	margin-top:2px;
}
	div.main-notice h2 {
		border-bottom:1px solid #E3E3E3;
	}
	div.main-notice div.more {
		position:relative;
	}
		div.main-notice div.more span {
			position:absolute;
			right:0;
			top:-20px;
		}
	div.main-notice ul {
		padding-top:4px;
	}
		div.main-notice ul li {
			margin-top:5px;
			padding-left:7px;
			background:url('/img/common/ico/bl_rec.gif') no-repeat left 7px;
			line-height:14px;
		}

		
       
  .table1 {
                border-collapse:collapse;
				padding:0;
				margin:0;
        }
        .table1 caption{
                font-family:맑은 고딕;
                color:#993333;
                padding-bottom: 6px;
        }
       .table1 tbody{
                background-color:#FFF;
        }
       .table1 td{
				text-align:center;
        }
       .table1 th{
				width:108px;
				height:81px;
                font-family: 맑은 고딕;
				border-left:1px solid #ccc;
				border-top:1px solid #ccc;
                border-right:1px solid #ccc;
                border-bottom: 1px solid #ccc;
        }
     

.table {margin:0;padding:0;}

        /*padding:1px 2px 3px 4px
                left->top->right->bottom (�ð����) �����Դϴ�.
        */

       
        .table2 {
				width:731px;
				font-size:12px;
                border-top:0px solid #ccc;
                border-collapse:collapse;
        }
        .table2 caption{
				
                font-family:맑은 고딕, Arial, sans-serif;
                color:#e7e7e7;
                padding-bottom: 6px;
        }
       .table2 tbody{
                background-color:#FFF;
        }
       .table2 td{
                padding: 7px;
				
                border-right:0px solid #efefef;
                border-bottom: 1px solid #ddd;
				text-align:center;
        }
       .table2 th{
				height:28px;
				text-align:center;
				background:url(../../image_n/bg_table_list1.jpg);
                border-right:0px solid #efefef;
                border-bottom: 1px solid #ccc;
        }

		       .table2 th view{
				height:28px;
				text-align:center;
                border-right:0px solid #efefef;
                border-bottom: 1px solid #ccc;
        }







       
        .table3 {
				width:600px;
				font-size:12px;
                border-top:0px solid #ccc;
                border-collapse:collapse;
        }
        .table3 caption{
				
                font-family:맑은 고딕, Arial, sans-serif;
                color:#e7e7e7;
                padding-bottom: 6px;
        }
       .table3 tbody{
                background-color:#FFF;
        }
       .table3 td{
                padding: 7px;
				
                border-right:0px solid #efefef;
                border-bottom: 1px solid #ddd;
				text-align:center;
        }
       .table3 th{
				height:28px;
				text-align:center;
				background:url(../../image_n/bg_table_list1.jpg);
                border-right:0px solid #efefef;
                border-bottom: 1px solid #ccc;
        }

		       .table2 th view{
				height:28px;
				text-align:center;
                border-right:0px solid #efefef;
                border-bottom: 1px solid #ccc;
        }





		.table2_view {
				width:100%;
				font-size:12px;
                border-top:1px solid #ddd;
                border-collapse:collapse;
        }
        .table2_view caption{
				
                font-family:맑은 고딕, Arial, sans-serif;
                color:#e7e7e7;
                padding-bottom: 6px;
        }
       .table2_view tbody{
                background-color:#FFF;
        }
       .table2_view td{
	   text-align:left;
                padding: 5px;
                border-right:0px solid #efefef;
                border-bottom: 1px solid #ddd;
        }
       .table2_view th{
				width:100px;
				height:28px;
				text-align:center;
				background-color:#f6f6f6;
                border-right:0px solid #efefef;
                border-bottom: 1px solid #ddd;
        }




		.table3_view {
				width:100%;
				font-size:12px;
                border-top:1px solid #ddd;
                border-collapse:collapse;
        }
        .table3_view caption{
				
                font-family:맑은 고딕, Arial, sans-serif;
                color:#e7e7e7;
                padding-bottom: 6px;
        }
       .table3_view tbody{
                background-color:#FFF;
        }
       .table3_view td{
	   text-align:left;
                padding: 5px;
                border-right:0px solid #efefef;
                border-bottom: 1px solid #ddd;
        }
       .table3_view th{
				width:100px;
				height:28px;
				text-align:left;
				padding-left:10px;
				background-color:#f6f6f6;
                border-right:0px solid #efefef;
                border-bottom: 1px solid #ddd;
        }





#search_bbs {width:731px;height:28px;text-align:center;clear:both;background-color:#efefef;padding-top:5px;}
#search_bbs ul {margin:0;padding:0;font-size:11px;}
#search_bbs ul li {display:inline;font-size:11px;}
#listnum {width:731px;text-align:center;padding:15px; 0 15px; 0;font:normal 11px dotum;color:#888;}
.button1 {text-align:right;height:30px;float:right;} 
.button2 {text-align:center;height:30px;padding-top:15px;} 
.button3 {text-align:right;height:30px;padding-top:10px;float:right;} 
.button4 {text-align:right;height:30px;padding-top:10px;padding-bottom:13px;float:right;} 





/*���� ���콺����*/
#s_menu a img.menuon {display: none;vertical-align:middle;}
#s_menu a img.menuoff {display: inline;vertical-align:middle;}
#s_menu a:hover img.menuon {display: inline;}
#s_menu a:hover img.menuoff { display: none;}

#s_left {float:left;width:190px;}
#s_left_area {width:190px;}
#s_left_area_menu1 {width:190px;}
#s_left_area_menu1 ul{ margin:0;vertical-align:top;}
#s_left_area_menu1 li {display:inline;}

.sub_title {width:731px;height:55px;font:normal 11px dotum;color:#7e7e7e;text-align:right;margin-bottom:25px;border-bottom:1px solid #ddd;}


#s_center {float:left;width:49px;}
#s_right {float:right;width:731px;text-align:left;}
 

  #tabA {
      width:100%;
      font-size:93%;
      line-height:normal;
      }
    #tabA ul {
        margin:0;
        padding:10px 10px 0 0;
        list-style:none;
      }
    #tabA li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabA a {
      float:left;
      background:url("../../image_n/tableftA.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
      }
    #tabA a span {
      float:left;
      display:block;
      background:url("../../image_n/tabrightA.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#666;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabA a span {float:none;}
    /* End IE5-Mac hack */
    #tabA a:hover span {
      color:#000;
      }
    #tabA a:hover {
      background-position:0% -42px;
      }
    #tabA a:hover span {
      background-position:100% -42px;
      }

        #tabA #current a {
                background-position:0% -42px;
        }
        #tabA #current a span {
                background-position:100% -42px;
        }


/* �߾� ���� ��� �ڽ� �Ӽ� */
#login {margin:0 auto;width:257px; margin-bottom:10px;}
#login dd{width:141px; float:left; vertical-align:top;}
#login dd.upw{ margin-top:3px;}
#login .input_text{border:1px solid #e6e4e4; width:188px; height:17px; color:#444;}
#login #uid{background:#fff;}
#login #upw{background:#fff;}
#login p.join{float:right; margin:-22px 0 0 0;} 
#login p.log_in_etc{float:left; color:#9e9e9e; font:normal 11px dotum; width:170px;}


#namecheck {margin:0 auto;margin-bottom:10px;}
#namecheck dd{width:200px; float:left; vertical-align:top;}
#namecheck dd.upw{ margin-top:3px;}
#namecheck .input_text{border:1px solid #e6e4e4; width:100px; height:17px; color:#444;}
#namecheck p.join{float:right; margin:-22px 0 0 0;} 
#namecheck p.log_in_etc{float:left; color:#9e9e9e; font:normal 11px dotum; width:170px;}


#main_banner {width:257px;}
#main_banner li {padding:0 0 7px 0;}
#sub_banner {width:257px;}
#sub_banner li {padding:5px 0 0 0;}


#main_banner2 {width:257px;}

#menu {margin:0 auto;width:970px;text-align:center;}
#t_menu1 {height:40px;}
#t_menu2 {text-align:center;}
#t_menu1_c {float:left;width:382px;height:50px;background:#efefef;}
.logo{padding-top:0px; display: inline-block; width: 126px; height: 94px; margin: 0;float:left;}
#t_menu2_c {float:right; margin:0 0 0 0;} 
/* #t_menu2_c {float:left;width:770px;height:57px;}
#t_menu2_c ul{ margin:0;padding-top:30px;float:right;vertical-align:middle;height:18px;line-height:18px;}
#t_menu2_c li {padding:0 0 0 0;float:left;}
#t_menu2_c li.add {padding:0 10px 0 0;float:left;}
#t_menu2_c li img {display:inline;float:left;vertical-align:middle;} 
*/

#slide {margin:0 auto;clear:both;height:45px;background:url(../../image_n/common/bg_footer1.gif);}
#slide_banner {margin:0 auto;width:1000px;}



#footer {margin:0 auto;clear:both;height:110px;border-top:1px solid #ececec;}
#footer_info {clear:both;margin:0 auto;width:970px;padding-top:21px;text-align:left;}

#bottomspace {height:10px;clear:both;}



/*quick�޴�*/
#quickMenu {position:absolute; top:370px; left:50%; margin:0 0 0 520px; padding:0;}