@charset "utf-8";
html,body{height:100%;}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,div,form,table,th,td {margin:0;border:0;padding:0; font-weight:normal;font-style:normal;list-style:none;}
body{font-size:12px;font-family: "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3"; color:#666; background-color:#FFF}
img, a img { border: 0; }
a {color:#666}
.clear{clear:both;font: 0pt/0pt sans-serif; height:1px}
.ml15{margin-left:15px;}
.mr15{margin-right:15px;}
.mt15{margin-top:15px;}
.mb15{margin-bottom:15px;}


#Wrap{position:relative; width:980px; margin:0 auto}
#Head{position:relative; height:155px}
#Head_top{ position:relative; height:90px; background-color:#FFF}
#Head h1{ position:absolute; left:0; top:13px;}


#guide_menu{ position:absolute; right:0; top:0;}
#guide_menu li{float:left; margin-left:20px; border-left:1px solid #ccc}
#guide_menu li a{ display:block; padding-left:10px; background:url(../img/foot_arrow.gif) no-repeat left center; line-height:15px; height:15px; margin-left:8px;  margin-top:15px;}



#gnb{height:45px; background:url(../img/menu_bg.gif) no-repeat left top;}
#gnb li{float:left; position:relative;}
#gnb li li{float:none;}
#gnb ul ul{display:none;position:absolute;left:0;top:45px;width:116px; background-color:#fff; padding-bottom:5px; z-index:10}
#gnb li a span{text-indent:-9999em; font-size:0; line-height:0}
#gnb li a{display:block; height:45px;}
#gnb li li a{line-height:20px; height:20px; color:#333; text-align:center; text-decoration:none; margin-top:5px;}

#gnb li.menu1 li a,#gnb li.menu2 li a,#gnb li.menu3 li a{width:116px}
#gnb li.menu1 ul{ border:2px solid #2e37b7; border-top:none}
#gnb li.menu1 ul li a:hover,#gnb li.menu1 ul li.active a{color:#2e37b7; background-color:#f4f4f4}

#gnb li.menu2 ul{ border:2px solid #ff3e99; border-top:none}
#gnb li.menu2 ul li a:hover,#gnb li.menu2 ul li.active a{color:#ff3e99; background-color:#f4f4f4}

#gnb li.menu3 ul{ border:2px solid #f0d532; border-top:none}
#gnb li.menu3 ul li a:hover,#gnb li.menu3 ul li.active a{color:#f0d532; background-color:#f4f4f4}

#gnb li li a:hover{ background:none;}
#gnb li a:hover, #gnb li a.active, #gnb li a.hover{background:url(../img/menu_bg.gif) no-repeat;}
#gnb li li a:hover{ background:none;}

#gnb li.menu1 a, #gnb li.menu2 a, #gnb li.menu3 a, #gnb li.menu4 a, #gnb li.menu5 a{width:121px}
#gnb li.menu6 a{width:115px}
#gnb li.menu7 a{width:126px}
#gnb li.menu8 a{width:134px}

#gnb li.menu1 a:hover, #gnb li.menu1 a.hover, #gnb li.menu1 a.active{ background-position:left bottom}
#gnb li.menu2 a:hover,#gnb li.menu2 a.hover, #gnb li.menu2 a.active{ background-position:-121px bottom}
#gnb li.menu3 a:hover,#gnb li.menu3 a.hover, #gnb li.menu3 a.active{ background-position:-242px bottom}
#gnb li.menu4 a:hover, #gnb li.menu4 a.active{ background-position:-363px bottom}
#gnb li.menu5 a:hover, #gnb li.menu5 a.active{ background-position:-484px bottom}
#gnb li.menu6 a:hover, #gnb li.menu6 a.active{ background-position:-605px bottom}
#gnb li.menu7 a:hover, #gnb li.menu7 a.active{ background-position:-720px bottom}
#gnb li.menu8 a:hover, #gnb li.menu8 a.active{ background-position: right bottom}

#location{position:absolute; left:0; bottom:-8px;}
#location, #location a{line-height:12px; height:12px;}
#location a{ margin:0 15px; color:#666; text-decoration:none}

#Contents{width:740px; float:left; font-size:13px; z-index:0}
#Right{float:right; width:225px;}


.iSearch ul{background:url(../img/search_title_bg.gif) no-repeat left top; padding-top:36px; height:19px; margin-bottom:15px}
.iSearch li{float:left;}
.iText{border:0;background:url(../img/search_input_bg.gif) no-repeat left center; color:#666; width:143px; height:15px; line-height:15px; padding:2px 5px}

.search_btn{display:block; margin-left:9px; width:63px; height:19px;background:url(../img/search_btn.gif) no-repeat left top; text-indent:-9999em; font-size:0; line-height:0; border:0; cursor:pointer}
.search_btn:hover{ background-position:left bottom;}

.box_out_border{border:2px solid #f7f7f7;-moz-border-radius:3px; -webkit-border-radius:3px;border-radius:3px; margin-bottom:10px}
.box_contents{ border:1px solid #cdcdcd;-moz-border-radius:2px; -webkit-border-radius:2px;border-radius:2px;}
.box_contents h1{font-size:16px; letter-spacing:2px; color:#666; margin:10px 10px 0 10px; background:url(../img/dot.gif) repeat-x left bottom;line-height:35px; height:35px}
.books{background:url(../img/book_icon.gif) no-repeat left center; display:block; padding-left:25px; }
.box_contents ul{margin:0 10px 10px 10px;}
.box_contents ul li a{background:url(../img/arrow.gif) no-repeat left center; display:block; padding-left:15px; color:#666; text-decoration:underline}
.box_contents ul.dots li{background:url(../img/dot.gif) repeat-x left bottom; line-height:30px; height:30px;}

.box_contents ul.no_dots{margin-top:15px}
.box_contents ul.no_dots li{height:30px; margin-top:5px}
.box_contents ul.no_dots li.one_line{line-height:30px;}
.site_links{background:url(../img/link_icon.gif) no-repeat left center; display:block; padding-left:25px;}

.titles_line{background:url(../img/color_line.gif) no-repeat left bottom #2d36b7; height:1px;}
.titles_line span, .board_title_line span{text-indent:-9999em; font-size:0; line-height:0}

.title_bar{border:2px solid #f7f7f7; -moz-border-radius:3px; -webkit-border-radius:3px;border-radius:3px;}
.title_bar h2{background:url(../img/title_bar.gif) repeat-x left bottom;border:1px solid #d6d6d6; -moz-border-radius:2px; -webkit-border-radius:2px;border-radius:2px;line-height:35px; height:35; letter-spacing:1px; font-size:14px; font-weight:normal}
.title_bar h2 span{margin-left:15px}
.title_bar h2 .more{ display:block; height:35px; line-height:35px; float:right; margin-right:10px; font-size:12px}

.banner{background:url(../img/baner_link.gif) no-repeat left top; height:172px}
.banner li{margin-bottom:6px;}
.banner li a{ display:block; height:54px; width:225px;}
.banner li a span{text-indent:-9999em; font-size:0; line-height:0}
.banner li:hover a{background:url(../img/baner_link.gif) no-repeat}

.banner li.banner1:hover a{ background-position:right top}
.banner li.banner2:hover a{ background-position:right -60px}
.banner li.banner3:hover a{ background-position:right -120px}

.sub_title{border:2px solid #f7f7f7; margin:20px 0; -moz-border-radius:5px; -webkit-border-radius:5px;border-radius:5px;}
.sub_title h1{padding:1px; background:url(../img/sub_title_bg.gif) repeat-x left bottom;border:1px solid #adb9c2; font-size:18px; letter-spacing:3px; line-height:45px; height:45px; -moz-border-radius:3px; -webkit-border-radius:3px;border-radius:3px;}
.sub_title span{margin-left:20px;}
.border_none{border:none}

.board_title{line-height:30px; margin:0 2px 30px 2px; letter-spacing:1px; font-size:18px; font-weight:normal}
.board_title span{margin-left:5px}
.board_title_line{background:url(../img/color_line.gif) repeat-y left bottom #2d36b7; height:2px;}

.locNav{ margin-top:30px; height:25px;}
.locNav ul{ float:right}
.locNav li{float:left; margin-right:5px; -moz-border-radius:3px; -webkit-border-radius:3px;border-radius:3px; border:1px solid #e3e3e3}
.locNav li:hover,.locNav li.active{border:1px solid #ccc}
.locNav li a{display:block; border:1px solid #fff; background:url(../img/sub_menu_bg.gif) repeat-x left top; padding:0 10px; line-height:21px; text-decoration:none; color:#9c9c9c}
.locNav li:hover a,.locNav li.active a{background:url(../img/sub_menu_bg.gif) repeat-x left bottom; color:#333}


#Foot{border:2px solid #f7f7f7; border-bottom:none; margin-top:20px}

#Foot_contents{ position:relative; background:url(../img/foot_bg.gif) repeat-x left bottom;border:1px solid #ccc; height:70px}
.foot_logo{position:absolute; left:15px; top:15px;}
.foot_menu{position:absolute; left:230px; top:15px}
.foot_menu li{float:left; color:#666}
.foot_menu li a{margin:0 15px}

.foot_menus{position:absolute; left:230px; bottom:15px}
.foot_menus li{float:left; background:url(../img/foot_arrow.gif) no-repeat left center; padding-left:10px; margin-right:15px}
.foot_menus li a{text-decoration:none;}

.copyright{position:absolute; right:15px; top:15px}
.copyright li{text-align:right; line-height:15px; height:15px; margin-bottom:6px}
.copyright li a{background:url(../img/foot_arrow.gif) no-repeat left center; padding-left:10px;}


#gakaishi{ position:relative; height:120px; background:url(../img/gakkaishi.gif) no-repeat center center; margin-bottom:20px }
#gakaishi ul{position:absolute; left:130px; top:10px}
#gakaishi ul li{background:url(../img/black_arrow.gif) no-repeat left center; padding-left:15px;}
#gakaishi ul li, #gakaishi ul li a{line-height:25px; height:25px; }
#gakaishi ul li a{display:inline-block; color:blue}

.pdf{background:url(../img/pdf.gif) no-repeat right center; padding-right:20px}
.word{background:url(../img/word.gif) no-repeat right center; padding-right:20px}
#Sitemap{margin-left:15px;}
#Sitemap ul li{margin-top:20px;}
#Sitemap ul li a{ color:#2D36B7; font-size:14px; background:url(../img/blue_arrow.gif) no-repeat left center; padding-left:10px;}
#Sitemap ul ul li{display:inline-block; *display:inline; *zoom:1; margin-left:20px; line-height:35px; height:35px;  margin-top:0}
#Sitemap ul ul li a{color:#666;background:url(../img/foot_arrow.gif) no-repeat left center; padding-left:10px;}








#Top_img{background:url(../img/top_bg.jpg) no-repeat left top; height:267px;}
#Top_img span{text-indent:-9999em; font-size:0; line-height:0}

#Constitution{line-height:35px; font-size:14px}
#Constitution h2{font-size:24px; text-align:center; margin-top:100px; margin-bottom:50px;}
#Constitution h2 span{font-size:12px; font-weight:normal}

#Constitution h3{ margin-top:20px; margin-bottom:10px; font-size:16px; line-height:30px; border-bottom:1px dotted #CCC}

#Constitution p{margin-left:15px;}


#Korea,#Chinese{display:none}
.outline{line-height:25px}
.outline h2{font-size:24px; text-align:center; margin:50px 0}
.outline p{ margin-bottom:20px}
.outline li{float:left; margin-right:30px; margin-bottom:30px; line-height:30px}
.outline li.li_photo{background:url(../img/l_photo.png) no-repeat left top; width:157px; height:120px}
.outline li.li_photo span{text-indent:-9999em; font-size:0; line-height:0}
.outline li h4{font-weight:bold; font-size:18px;}


#language{position:relative;}
#language ul{position:absolute; top:-15px; right:5px;}
#language ul li{float:left; margin-left:10px;}
#language ul li a{color:#ccc;}
#language ul li a:hover,#language ul li a.active{color:#555;}

.bord_guide{line-height:30px; margin-left:20px;}
.bord_guide a{color:blue; text-decoration:underline;}


.board_btn{ display:block; width:230px; margin:50px auto; height:54px; background:url(../img/board_go.gif) no-repeat left top;}
.board_btn span{text-indent:-9999em; font-size:0; line-height:0;}
.board_btn:hover{background:url(../img/board_go.gif) no-repeat left bottom;}

.register_go_btn{ display:block; width:229px; margin:30px 0; height:54px; background:url(../img/register_go_btn.gif) no-repeat left top;}
.register_go_btn span{text-indent:-9999em; font-size:0; line-height:0;}
.register_go_btn:hover{background:url(../img/register_go_btn.gif) no-repeat left bottom;}


#register_guide{line-height:30px; font-size:14px; margin:0 10px}
#register_guide p, #register_guide ul{margin:10px 30px}
#register_guide ul{ border-bottom:1px dashed #ccc; border-top:1px dashed #ccc; width:400px;}
.silver_icon, .gold_icon{padding-left:25px; display:block; line-height:31px; height:31px; font-size:16px;}
.silver_icon{background:url(../img/silver_icon.gif) no-repeat left center;}
.gold_icon{background:url(../img/gold_icon.gif) no-repeat left center;}

#register_guide table{ border-left:1px solid #ccc; border-top:1px solid #ccc}
#register_guide table th, #register_guide table td{border-bottom:1px solid #ccc; border-right:1px solid #ccc; padding:0 15px}
#register_guide table th{background-color:#efefef}

.omosi{ display:block; background:url(../img/black_arrow.gif) no-repeat left center; padding-left:15px; color:blue; margin:10px 0}
.omosi span{background:url(../img/excel_icon.gif) no-repeat right center; padding-right:20px;}
.email{margin:30px;}
.email span{display:block; background:url(../img/email_icon.gif) no-repeat left center; padding-left:20px; height:20px; line-height:20px}
.email a{color:blue}

.widget_info{ margin-bottom:20px; margin-top:10px}
.widget_info li{background:url(../img/dot_arrow.gif) no-repeat 10px center; padding-left:20px; line-height:25px; height:25px;}
.widget_info li span{ display: inline-block; color:#c0c0c0;}
.widget_info li span.date{ font-size:11px; margin-right:5px;}
.widget_info li a{ color:#666; text-decoration:none}
.widget_info li a:hover{ color:#ee6622}