@charset "UTF-8";

ul {list-style:none;}
ul { margin: 0 0 0 0; padding: 0; }
li { margin: 0; padding: 0; }

.logo { position:absolute; left:20px; top:39px; }
.menu { position:absolute; right:20px; top:23px; }

#wrap header img {display:block;}
#wrap footer.copy {clear:both;position:relative; margin-top:0;}
#wrap footer div img { display:block;}

/* 헤더영역 */

.head_wrap { width:100%; height:120px; background:none; box-sizing:border-box; padding:30px 20px 0; }
	.main_head { width:600px; height:90px; background:#ffffff; position:relative; }
		.menu { position:absolute; left:30px; top:31px; }
		.logo { position:absolute; left:50%; margin-left:-166px; top:30px; }
		.chat { position:absolute; right:30px; top:28px; }

/* 헤더영역 끝 */

/* nav */
#MenuArea {position:fixed; width:100%; height:100%; left:0; top:0; background-color:#000000;filter:alpha(opacity=50);opacity:.5; z-index:9999; display:none;}
#Menu {position:absolute; width:500px; height:2500px; background:#fff; z-index:99999; display:none; left:-500px; top:0; }
	.menu_top { width:100%; height:120px; position:relative; background:#febf00; }
	.menu_ci { position:absolute; left:40px; top:45px; }
	.menu_off { top:46px; right:40px; position:absolute;}
#sidemenu { width:100%; display:inline-block; text-align:center; }
#sidemenu > li { display:block; text-align:left; padding-top:36px; }
#sidemenu > li:first-child { padding-top:50px; }
#sidemenu > li > span { width:100%; height:100%; box-sizing:border-box; font-size:30px; color:#373737; display:inline-block; padding:5px 40px; }
#sidemenu > li.on > span { color:#febf00; }

#sidemenu > li > ul { padding:20px 0; display:none; }
#sidemenu > li.abc > ul { display:block; }
#sidemenu > li > ul > li { display:block; }
#sidemenu > li > ul > li > a { color:#484242; font-size:24px; font-weight:400; height:45px; line-height:45px; text-decoration:none; }



/* 메인 */
section .Mainvisual { width:640px; height:630px; position:relative;z-index:40; }

.m3 { width:100%; height:824px; background:url('/m/images/m3/bg.jpg') no-repeat center top; box-sizing:border-box; padding:158px 25px 0; margin:0px 0 40px;}
.m4 { width:100%; height:415px; position:relative; background:url('/m/images/m4/bg.jpg') no-repeat center top; box-sizing:border-box; padding:40px 25px 0; }
	.m4_btn {  width:590px; height:80px; }
		.m4_btn1 { float:left; }
		.m4_btn2 { margin-left:10px; float:left; }
	.m4_review { width:590px; height:295px; position:relative; }
		.m4_more { position:absolute; top:104px; left:0; }
	.m4_review_list { width:461px; height:295px; float:right; box-sizing:border-box; padding-top:60px; }

.left_btn {position:absolute;left:10px;top:290px;z-index:50;}
.right_btn {position:absolute;right:10px;top:290px;z-index:50;}

.m6{width:600px; margin:0 auto;}
.m6 > li{font-size:20px; color:#333; line-height:44px; }

/* 서브 */
.subvisual { position:relative; width:100%; height:330px; text-align:center; }
.st2 { font-size:37px; color:#ffffff; padding-top:197px; }

	.link_area { width:100%; height:60px; margin:0 auto; box-sizing:border-box; border-bottom:1px solid #cecece; }
	.link_area .link1 {  width:278px; height:60px; display:block;  float:left; box-sizing:border-box; } 
	.link_area .link1 > li { background:url('/m/images/route_point.jpg') no-repeat 95% 27px; text-align:left; }
	.link_area .link1 > li > span { width:100%; height:60px; line-height:60px; font-size:20px; color:#2e2e2e; display:block; padding-left:16px; box-sizing:border-box; cursor:pointer; font-weight:400;}
	.link_area .link1 > li > ul { width:101%; position:relative; z-index:5; display:none; background:#fff; border:1px solid #d6d6d6; border-top:0; margin-left:-1px; box-sizing:border-box; }
	.link_area .link1 > li > ul > li { font-size:20px; color:#2e2e2e; display:block; padding-left:16px; line-height:60px; box-sizing:border-box; border-bottom:1px solid #cecece; }
	.link_area .link1 > li > ul > li:last-child { border-bottom:0; }
	.link_area .link1 > li > ul > li > span { display:inline-block; cursor:pointer; }
	.link_area .link1 > li > ul > li.on > span,
	.link_area .link1 > li > ul > li:hover > span { color:#333333; }

	.link_area .link2 {  width:279px; height:60px; display:block; float:left;  border-right:1px solid #cecece; }
	.link_area .link2 > li { background:url('/m/images/route_point.jpg') no-repeat 95% 27px; text-align:left; }
	.link_area .link2 > li > span { width:100%; height:60px; line-height:60px; font-size:20px; color:#2e2e2e; display:block; padding-left:16px; box-sizing:border-box; cursor:pointer; font-weight:400;}
	.link_area .link2 > li > ul { width:101%; margin-left:-1px; position:relative; z-index:4; display:none; background:#fff; border:1px solid #cdcbce; border-top:0; box-sizing:border-box; }
	.link_area .link2 > li > ul > li { font-size:20px; color:#2e2e2e; display:block; padding-left:16px; line-height:60px; box-sizing:border-box; border-bottom:1px solid #cecece; }
	.link_area .link2 > li > ul > li:last-child { border-bottom:0; }
	.link_area .link2 > li > ul > li > span { display:inline-block; cursor:pointer; }
	.link_area .link2 > li > ul > li.on > span,
	.link_area .link2 > li > ul > li:hover > span { color:#333333; }

	.st1 { font-size:37px; color:#2e2e2e; padding-top:50px; font-weight:600; }

	.tab_area { width:100%; max-width:1919px; height:290px; }
	.tab_tle { width:590px; height:290px; margin:0 auto; text-align:center; } 
		.tit_tab { display:inline-block; box-sizing:border-box; }
		.tit_tab > li { float:left; height:50px; box-sizing:border-box; line-height:47px; background:#f5f5f5; margin-left:10px; margin-bottom:10px; }
		.tit_tab > li > a { text-decoration:none; font-size:20px; color:#2e2e2e; display:inline-block; width:100%; height:100%; padding: }
		.tit_tab > li:hover > a { color:#2e2e2e; } 
		.tit_tab > li.on > a { color:#2e2e2e; } 
		.tit_tab > li:hover,
		.tit_tab > li.on { border:0; background:#febf00; }


	.family_btn { position:absolute; right:91px; top:692px; width:215px; height:40px; background:url("/res/images/family_off.jpg") no-repeat 95% center, #efefef; }
	.family_btn > a { display:block; width:100%; height:100%; color:#585858; font-size:18px; text-decoration:none; box-sizing:border-box; padding-left:18px; line-height:40px; }
	.family_site { position:absolute; right:91px; bottom:235px; width:215px; line-height:35px; background:#efefef; display:none; }
	.family_site > li { display:block; width:100%; height:40px; border-bottom:1px solid rgba(255,255,255); }
	.family_site > li:last-child { border:0; }
	.family_site > li > a { display:block; width:100%; height:100%; color:#585858; font-size:20px; text-decoration:none; box-sizing:border-box; padding-left:18px; line-height:40px;}

/* 보드 */
.boardarea { width:620px; margin:40px auto 50px; }

/* 공통 */
.bbtn { position:relative; width:100%; height:152px; }

.bbtn_1 { position:absolute; left:21px; top:51px; }
.bbtn_2 { position:absolute; left:340px; top:51px; }
.bbtn_3 { position:absolute; left:440px; top:51px; }
.bbtn_4 { position:absolute; left:540px; top:51px; }
.count { display:inline-block; color:#1e1e1e; font-size:18px; line-height:45px; color:rgba(255,255,255,.4); }

.clr {clear:both;}
.line {clear:both;margin:10px auto;border-top:1px solid #ddd;margin-bottom:20px;}
.ft_left {float:left;}
.ft_right {float:right;}
.pointer {cursor:pointer}
.blank {padding:10px;}
.paging {text-align:center;padding:10px;}

/* 리스트 */
#m_list ul { list-style-type:none; padding:0; margin:10px 0 20px 0; display:block; }
#m_list li { list-style-type:none; height:40px; line-height:40px; padding:0px 15px 0 15px; border-bottom:1px solid #ddd; cursor:pointer; display:block; clear:both; font-weight:bold; }
#m_list li:first-child { border-top:1px solid #ddd; }
.list_left {float:left;}
.list_left > img { vertical-align:middle; }
.list_right {float:right;text-align:right;width:100px;padding:0;margin:0;color:#999;}

/*게시글 보기*/
#m_view {border-bottom:1px solid #ccc;padding:10px;}
.view_contents {margin:25px 0;}
#m_view p{margin: 10px 0;}

/*페이징*/
.pagelist {margin:0 auto;text-align:center;}
.pagelist .pgPrevNext a {padding:6px 3px;font:bold 12px verdana;color:#555;border:1px solid #ddd;}
.pagelist a {padding:6px 8px;font:bold 12px verdana;color:#555;border:1px solid #eee;margin:0 1px 0 1px;}
.pagelist a:hover {color:#999;border:1px solid #ccc;}
.pagelist .pgNow {padding:6px 8px;font:bold 12px verdana;color:#c81818; border:1px solid #eee;}

/*댓글 목록*/
#m_cmt_list {background:#f5f5f5;margin-bottom:25px;}
#m_cmt_list ul {list-style-type:none;padding:0;margin:0;}
#m_cmt_list li {clear:both;list-style-type:none;padding:10px;margin:0;margin-bottom:15px;}

/*댓글 쓰기*/
#m_cmt_write {border:1px solid #ddd;margin-bottom:25px;}
#m_cmt_write ul {list-style-type:none;padding:0;margin:0;}
#m_cmt_write li {clear:both;list-style-type:none;padding:10px;margin:0;}
#m_cmt_write textarea.input_txt2 {list-style-type:none;width:95%;padding:5px;background:#f5f5f5;border:1px solid #ccc;border-radius:3px;-mz-border-radius:3px;}

/* btn */
#btn {text-align:center; margin:10px;}

.join_btn { font-size:16px; padding:10px 15px; text-align:center; border:3px double #bcbcbc; color:#555555; background:linear-gradient( 180deg, #fff, #eee ); border-radius:6px; }

/* Button Common */
.button,
.button *{ position:relative; margin:0; padding:0; display:-moz-inline-stack; display:inline-block; text-decoration:none !important; border:0; font-size:12px; font-family:Tahoma, Sans-serif; white-space:nowrap; background:url(/m/images/btn.gif) no-repeat; vertical-align:top; overflow:visible; color:#333;}
.button { margin-right:4px;}
.button *{ left:4px; cursor:pointer; _cursor:hand;}

/* Button Size = medium | large | xLarge | small */
.button.medium, .button.medium *{ height:24px; line-height:24px;}
.button.large, .button.large *{ height:30px; line-height:30px;}
.button.xLarge, .button.xLarge *{ height:36px; line-height:36px;}
.button.small, .button.small *{ height:19px; line-height:19px;}
.button.medium { background-position:left 0;}
.button.large { background-position:left -30px;}
.button.xLarge { background-position:left -65px;}
.button.small { background-position:left -106px;}
.button.medium *{ padding:0 10px 0 6px; font-size:12px; background-position:right top;}
.button.large *{ padding:0 10px 0 6px; font-size:16px; background-position:right -30px;}
.button.xLarge *{ padding:0 10px 0 6px; font-size:20px; background-position:right -65px;}
.button.small *{ padding:0 6px 0 2px; font-size:11px; background-position:right -106px;}

/* Button Hover */
.button *:hover,
.button *:active,
.button *:focus{ color:#690;}

/* Button Strong */
.button.strong *{ font-weight:bold !important;}

/* Button Icon Variation */
.button.icon *{ padding-left:20px;}
.button.small.icon *{ padding-left:16px;}
.button.icon span{ width:20px; margin-right:-20px; padding:0 !important;}
.button.medium .check{ background-position:4px -150px;}
.button.large .check{ background-position:4px -146px;}
.button.xLarge .check{ background-position:5px -144px;}
.button.small .check{ background-position:3px -153px;}
.button.medium .add{ background-position:-16px -150px;}
.button.large .add{ background-position:-14px -146px;}
.button.xLarge .add{ background-position:-14px -144px;}
.button.small .add{ background-position:-18px -153px;}
.button.medium .delete{ background-position:-34px -150px;}
.button.large .delete{ background-position:-34px -146px;}
.button.xLarge .delete{ background-position:-34px -144px;}
.button.small .delete{ background-position:-37px -153px;}
.button.medium .calendar{ background-position:-56px -150px;}
.button.large .calendar{ background-position:-56px -146px;}
.button.xLarge .calendar{ background-position:-56px -144px;}
.button.small .calendar{ background-position:-59px -153px;}
.button.medium .refresh{ background-position:-76px -150px;}
.button.large .refresh{ background-position:-76px -146px;}
.button.xLarge .refresh{ background-position:-76px -144px;}
.button.small .refresh{ background-position:-79px -153px;}

/*글작성*/
#m_write {padding:0;margin:20px;border:1px solid #ccc;border-radius:5px;-mz-border-radius:5px;}
#m_write ul {list-style-type:none;padding:15px;margin:0;}
#m_write li {list-style-type:none;padding:3px;margin:0;}
#m_write input.input_txt1 {list-style-type:none;width:95%;padding:5px;background:#f5f5f5;border:1px solid #ccc;border-radius:3px;-mz-border-radius:3px;height:21px;}
#m_write textarea.input_txt2 {list-style-type:none;width:95%;padding:5px;background:#f5f5f5;border:1px solid #ccc;border-radius:3px;-mz-border-radius:3px;}
#m_write input:focus, #m_write textarea:focus {background:#fff;}

/*로그인*/
#m_login {padding:0;margin:80px 20px 40px 20px;border:1px solid #ccc;border-radius:5px;-mz-border-radius:5px;}
#m_login ul {list-style-type:none;padding:15px;margin:0;}
#m_login li {list-style-type:none;padding:3px;margin:0;}
#m_login input.m_input_text {list-style-type:none;width:95%;padding:5px;background:#f5f5f5;border:1px solid #ccc;border-radius:3px;-mz-border-radius:3px;height:21px;}
#m_login input:focus {background:#fff;}

/* 보드 */
.board_content_head p {font-size: 20px; line-height:1.3;}