@charset "utf-8";
 
@import "board.css";


.mainPage { width:100%; background:#f7f7f7; overflow-x : hidden; }
#contentsArea { z-index:10; zoom:1;  }



/* searchWrap */
#searchWrap { position:relative; width:100%; background:#b0c3d2; height:249px; line-height:249px; border-bottom:1px solid #d7d7d7; }
#searchWrap #search{ position:relative; width:1600px; height:249px; margin:0 auto;  background:url(../images/main/bg_search.png) left top no-repeat; }

#searchWrap #search #main_searchArea {position:relative; width:820px; height:145px; margin:0px auto !important; background:url(../images/main/bg_searchbox.png) left bottom no-repeat; padding-top:50px }

#main_searchArea h3 { float:left; display:inline; margin :0px 1px 0 0; width:300px; line-height:50px;  }
#main_searchArea h3 a { display:block; background:url(../images/main/tab_off.png) left top no-repeat; color:#212121; }
#main_searchArea h3 a:hover { text-decoration:underline; color:#1b4991;}
#main_searchArea h3 a:focus { text-decoration:none; }
#main_searchArea h3 a span {display:block;   font-size:1.13em; background:url(../images/main/tab_off.png) right top no-repeat; padding:0px 0px 0 53px;  }
#main_searchArea h3 a.on { display:block;  background:url(../images/main/tab_on.png) left top no-repeat;  }
#main_searchArea h3 a.on span {display:block;      background:url(../images/main/tab_on.png) right top no-repeat;   color:#fff; }
#main_searchArea .search_con { position:absolute; left:25px; top:105px; width:800px;}
#main_searchArea form {  position:relative; }
#main_searchArea #search_input01 { position:absolute; left:0; top:20px; width:700px; height:40px; border:1px solid #d1d1d1; background:#fff;}
#main_searchArea #search_text01 { width:600px; line-height:30px; height:30px; border:none;  font-size:1.13em; font-weight:bold; vertical-align:middle; margin:5px 0 0 10px; padding-left:10px; color:#4e4e4e; }
#main_searchArea *html #search_text01 {margin:4px 0 0 0}
#main_searchArea #search_text01:hover, #search_text01:focus { line-height:30px; height:30px;}
#main_searchArea #btn_search01 { position:absolute; right:30px; top:18px;}





/* mainContents */
#mainContents { position:relative; width:1005px; height:375px; margin:20px auto;  }
.title04 {  border-top:1px solid #ccc;border-left:1px solid #ccc; border-right:1px solid #ccc;border-bottom:1px solid #d5d5d5;  border-top-left-radius:4px; border-top-right-radius:4px;   behavior: url(../css/PIE.htc);  background:#f1f1f1; color:#010101; line-height:40px; font-weight:700;  }
.box04 { border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc; border-bottom-left-radius:4px; border-bottom-right-radius:4px;   behavior: url(../css/PIE.htc); background:#fff; }



.leftCons { position:relative; float:left; display:inline; width:240px; } 
#mainSite { height:285px; }
.bg_site { background:url(../images/main/bg_site.png) 9px 10px no-repeat; padding :0px 0 0 50px;  letter-spacing:-0.1em; }
.list_site { font-size:0.93em; padding:7px; }
.list_site li {background:url(../images/common/arrow_site.gif) 10px 50% no-repeat; padding-left:20px; line-height:1.9em;  letter-spacing:-0.05em; color:#565656; font-weight:400;}
.list_site li a:hover, 	.list_site li a:focus { text-decoration:none; color:#212121; font-weight:700; }
span.part { color:#ff5400; }



#mainOnline { margin-top:8px; }

.mainBoard { position:relative; float:left; display:inline; width:485px; margin:0px 20px; }
#notice { position:relative; float:left; display:inline; width:241px; }
#news { position:relative; float:left; display:inline; width:243px; }
.title03 {  border-top:1px solid #ccc;border-left:1px solid #ccc; border-bottom:1px solid #d5d5d5;  border-top-left-radius:4px;  behavior: url(../css/PIE.htc);  background:#f1f1f1; color:#010101; line-height:40px; font-weight:700;  padding-left:15px; font-size:1.07em;  }
.title02 {  border-top:1px solid #ccc;border-left:1px solid #ccc; border-right:1px solid #ccc;border-bottom:1px solid #d5d5d5;  border-top-right-radius:4px;  behavior: url(../css/PIE.htc);  background:#f1f1f1; color:#010101; line-height:40px; font-weight:700;  padding-left:15px; font-size:1.07em;  }
.box03 { border-left:1px solid #ccc; border-bottom:1px solid #ccc; border-bottom-left-radius:4px;  behavior: url(../css/PIE.htc); background:#fff; }
.box02 { border-left:1px solid #ccc;border-right:1px solid #ccc;border-bottom:1px solid #ccc; border-bottom-right-radius:4px;  behavior: url(../css/PIE.htc); background:#fff; }

.more { background:none; padding:0; position:absolute; top:15px; right:15px;}

.list_board { font-size:0.93em; padding:13px 7px;  height:196px; line-height:196px; }
.list_board li {background:url(../images/common/arrow_board.gif) 10px 50% no-repeat; padding:0 0 1px 20px; line-height:1.9em;  letter-spacing:-0.05em; color:#565656; font-weight:400;}
.list_board li a:hover, .list_board li a:focus {  color:#212121; font-weight:700; }


.rightCon { position:relative;float:left; display:inline; width:240px; }
#mainSns { position:relative; background:url(../images/main/bg_sns.png) left top no-repeat; height:100px; }
#mainSns li a{ font-weight:700;  color:#565656; width:120px; height:50px; display:block;  }
li.sns_fb  { position:absolute; top:15px;  left:0px;  }
li.sns_tw  { position:absolute; top:15px;  left:120px;  }
li.sns_bl  { position:absolute; top:65px;  left:0px;  }
li.sns_mb  { position:absolute; top:65px;  left:120px;  }
#mainSns li span{padding-left:60px; }


#mainLetter {margin:7px 0;}




#mainBanner {position:relative;float:left; display:inline; margin :13px 0 0 20px; border :1px solid #ccc;  border-radius:4px;  behavior: url(../css/PIE.htc); height:93px; width:745px; background:#fff; 	box-sizing:border-box;
-webkit-box-sizing:border-box;
-moz-box-sizing:border-box; ;}

#mainBanner li  { border-left :1px solid #ccc;  width:147px; float:left; display:inline;height:91px;  }
#mainBanner li a{   font-weight:700 ; font-size:1em; color:#565656; display:block; width:134px; height:81px; background:url(../images/main/bg_banner.png);}
#mainBanner li a:hover,#mainBanner li a:focus { font-weight:700  ; font-size:1.07em; color:#222; text-decoration:none; }
#mainBanner li:first-child { border-left :none;  }
#mainBanner li:last-child { }

#mainBanner li.l_01 a { background-position:0 0; padding:10px 0 0 14px; }
#mainBanner li.l_02 a { background-position:-149px 0; padding:10px 0 0 14px; }
#mainBanner li.l_03 a { background-position:-298px 0; padding:10px 0 0 14px; }
#mainBanner li.l_04 a { background-position:-447px 0; padding:10px 0 0 14px; }
#mainBanner li.l_05 a { width:137px; background-position:-596px 0; padding:10px 0 0 14px; }


#mainBanner li.l_01 a:hover, #mainBanner li.l_01 a:focus { background-position:0 -100px ; }
#mainBanner li.l_02 a:hover, #mainBanner li.l_02 a:focus { background-position:-149px -100px;}
#mainBanner li.l_03 a:hover, #mainBanner li.l_03 a:focus { background-position:-298px -100px;}
#mainBanner li.l_04 a:hover, #mainBanner li.l_04 a:focus { background-position:-447px -100px;}
#mainBanner li.l_05 a:hover, #mainBanner li.l_05 a:focus { width:137px;background-position:-596px -100px;}