@charset "utf-8";
@import url('common.css');
@font-face { font-family:malgun; src:url('font/malgun.eot'); src:url('font/malgun.eot') format(eot); }
@font-face { font-family:malgun; src:url('font/malgun.woff'); src:url('font/malgun.woff') format(woff); }
@font-face { font-family:malgun; src:url('font/malgun.ttf'); src:url('font/malgun.ttf') format(ttf); }


body { font-family:malgun; font-size:12px; }
/*   main   */
.main_bg { background:url(../img/main/main_bg.jpg) center top no-repeat; background-color:#e5e5e5; }
.sub_bg { background:url(../img/sub01/sub_bg.jpg) center top no-repeat; background-color:#e5e5e5; }
.logo { position:absolute; left:0; top:35px; }
.tm { position:absolute; right:0; top:19px; }
.bn01 { width:352px; height:161px; box-sizing:border-box; padding:25px 25px 0; background:#fff; }
.bn01 .notice { width:302px; }
.bn01 .notice li { padding-left:30px; background:url(../img/main/icon01.jpg) left 6px no-repeat; line-height:22px; }
.bn01 .notice li p { color:#b1b1b1; }
.bn01 .notice a { color:#555555; }
.bn02 { width:314px; height:161px; box-sizing:border-box; padding:25px 25px 0; background:#fff; }
.bn03 { width:294px; height:161px; box-sizing:border-box; padding:25px 25px 0; background:url(../img/main/img04.jpg) left top no-repeat; background-color:#fff; }


/*   sub   */
.title { height:93px; position:relative; }
.title p { background:url(../img/sub01/home.jpg) left 1px no-repeat; padding-left:17px; font-size:11px; color:#b2b2b2; position:absolute; top:26px; left:0; }
.title div { position:absolute; left:0; bottom:0; }
.cont { width:721px; height:auto; position:relative; padding-bottom:100px; }

.sub02 { width:160px; float:left; margin-bottom:30px; }
.sub02 .st { font-size:13px; color:#555; background:url(../img/sub02/icon01.jpg) left 3px no-repeat; padding-left:20px; padding-bottom:10px;  }
.sub02 .img { border:1px solid #dcdcdc; }

.sub03 { width:100%; margin-top:30px; margin-bottom:50px; }
.sub03 th { border:1px solid #dcdcdc; padding:10px; font-size:13px; background:#87babe; color:#fff; }
.sub03 td { border:1px solid #dcdcdc; padding:10px; font-size:12px; text-align:left; color:#808080; }

.sub0302 { width:100%; }
.sub0302 thead th { border:1px solid #dcdcdc; padding:10px; font-size:13px; background:#87babe; color:#fff; }
.sub0302 tbody th { border:1px solid #dcdcdc; padding:10px; font-size:13px; background:#f2f2f2; color:#555; }
.sub0302 td { border:1px solid #dcdcdc; padding:10px; font-size:12px; text-align:center; color:#808080; }

.sub_tab { width:100%; }
.sub_tab a { box-sizing:border-box; display:block; width:100%; padding:10px 0; text-align:center; border:1px solid #e3e3e3; color:#808080; }
.sub_tab .on a { box-sizing:border-box; display:block; width:100%; padding:10px 0; text-align:center; border:1px solid #cc0000; background:#cc0000; color:#fff; font-weight:bold; }

.sub04 { box-sizing:border-box; width:320px; height:436px; padding:4px; border:1px solid #dcdcdc; }

.sitemap { width:200px; min-height:250px; float:left; }
.sitemap .st { font-size:18px; color:#555; font-weight:bold; padding-bottom:10px; border-bottom:2px solid #cc0000; margin-bottom:10px;  }
.sitemap a:link { font-size:13px; color:#808080; line-height:24px; }
.sitemap a:visited { font-size:13px; color:#808080; line-height:24px; }