﻿@charset "utf-8";
/* CSS Document */

/* 메인 */
.main_cont{width:100%; margin-top:30px; padding:0 0 10px 0; vertical-align:top; border:3px solid #0099cc;
	-moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px;
	-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing:border-box;}
.main_cont p{padding:37px 0 0 0; text-align:left; vertical-align:top;}
.main_cont p.m_r{text-align:right;}
.main_cont p:first-child{padding-top:30px;}
.main_cont p:last-child{padding-bottom:30px;}
.main_cont p+p{margin-top:33px; background:url(../image/bg_main_cont.png) repeat-x;}


.board_area, .list_friend, .magazine{font-family:'맑은 고딕','Gothic', sans-serif; font-size:12px; }
.main_stitle{clear:both; padding:10px 0; overflow:hidden;}
.m_stitle_notice{clear:both; padding:10px 0; overflow:hidden; border-bottom:2px solid #77b6f4;}
.bt_more_s{float:right;display:inline-block; width:53px; height:20px; margin:0 10px 0 0; background:url(../image/btn_more.png) no-repeat 0 0; text-indent:-99999999px; overflow:hidden; vertical-align:bottom;}
.bt_more_s:hover{background-position:0 -20px;}

/* 공통버튼 더보기 */
.bt_more{display:block; position:absolute; top:15px; right:20px; width:53px; height:20px; background:url(../image/btn_more.png) no-repeat 0 0; text-indent:-99999999px; overflow:hidden;}
.bt_more:hover{background-position:0 -20px;}

/* 공지사항 */
.board_area{float:left; width:393px; height:199px; padding:19px 20px 0 20px; border:1px solid #cdcccb; overflow:hidden; color:#666; position:relative;}
.board_area_in{float:left; width:1036px; min-height:180px; padding:0 20px 10px 20px; border:2px solid #09c;  -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; overflow:hidden; color:#666;} /* in */
.board_area a, .board_area_in a{color:#666;}
.board_area ul, .board_area_in ul{padding:14px 0 0 0; overflow:hidden;}
.board_area li{height:26px; line-height:1em; font-size:1em; background:url(../image/bullet_sq.png) no-repeat 1px 13px;}
.board_area li a{display:inline-block; width:245px; line-height:2em; padding:0 0 0 8px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.board_area li a:hover, .board_area_in li a:hover{color:#333;}
.date{float:right; display:inline-block; padding:0 20px 0 0; text-align:right; line-height:2em;}
.board_area_in li{height:26px; line-height:1em; font-size:1em; background:url(../image/bullet_sq.png) no-repeat 1px 11px;}
.board_area_in li a{display:inline-block; width:300px; line-height:2em; padding:0 0 0 14px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;}
.board_area_in .type{padding-right:10px;}
.board_area_in .who{padding-right:30px;}