body{ width:980px; margin:auto; -webkit-text-size-adjust:none; font-family:'나눔고딕',NanumGothic,'굴림',Gulim,Helvetica,sans-serif; }

button, input[type=submit], .btn{ background-image: linear-gradient(bottom, #E6E6E6 0%, #FFFFFF 100%); background-image: -o-linear-gradient(bottom, #E6E6E6 0%, #FFFFFF 100%); background-image: -moz-linear-gradient(bottom, #E6E6E6 0%, #FFFFFF 100%); background-image: -webkit-linear-gradient(bottom, #E6E6E6 0%, #FFFFFF 100%); background-image: -ms-linear-gradient(bottom, #E6E6E6 0%, #FFFFFF 100%); background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #E6E6E6),	color-stop(1, #FFFFFF)); border: 1px solid #CCC; padding:3px 10px 3px 10px; border-radius:4px; color:#333; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75);box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2),0 1px 2px rgba(0, 0, 0, 0.05); }
button:hover, input[type=submit]:hover, .btn:hover{ background:#E6E6E6; cursor:pointer; }
img{ border:0 !important; }

#header #topmenu{ text-align:right; margin-top:50px; }
#header #menu{ background:url("./i/menu"); height:37px; border:1px solid #DDD; border-radius:3px; margin:10px 0 10px 0; font-size:13px; font-weight:bold; color:#777; text-shadow:1px 1px 1px #CCC; }
#header #menu a{ color:#777; }
#header #menu li{ float:left; height:15px; border-right:1px solid #DDD; padding:11px 30px 11px 30px; cursor:pointer; }
#header #menu li:hover{ background:url("./i/menuh"); }
#header #menu .logo{ padding-top:1px !important; padding-bottom:1px !important; height:35px !important; }
#header #menu .sitemap{ border-right:0; border-left:1px solid #DDD; float:right; }

#body{ background:#FFF; border:1px solid #DDD; border-radius:3px; padding:15px 10px 15px 10px; }

#sub{ width:180px; float:left; }
#sub .submenu{ width:170px; border:1px solid #DDD; border-bottom:0; background:#F9F9F9; border-radius:0 10px 0 0; margin-bottom:10px; }
#sub .submenu li{ text-align:right; padding:10px; border-bottom:1px solid #DDD; cursor:pointer; border-radius:0 10px 0 0; }
#sub .submenu .submenuTitle{ font-weight:bold; font-size:14px; }
#sub .submenu li:hover{ background:#DDD; }
#sub .submenu a:hover{ text-decoration:none !important; }

#content{ float:left; width:760px; padding:0 4px 0 10px; }

#body .contentLogin{ width:374px; margin-left:193px; }
#body .contentLogin .loginTitle, #body .contentRegister .registerTitle{ width:360px; height:30px; background:url("./i/logintitle") no-repeat; }
#body .contentLogin .loginTitle li, #body .contentRegister .registerTitle li{ width:180px; float:left; height:30px; cursor:pointer; }
#body .contentLogin .loginForm, #body .contentRegister .registerForm{ border:3px solid #444; padding:32px; border-radius:0 10px 10px 10px; }
#body .contentLogin .loginForm .logindes{ color:#e77161; font-weight:bold; margin-bottom:15px; }
#body .contentLogin .loginForm input[type="text"], #body .contentLogin .loginForm input[type="password"]{ width:100%; height:25px; margin-bottom:3px; font-weight:bold; font-size:18px; }
#body .contentLogin .loginForm .mailsave{ float:left; margin-top:3px; }
#body .contentLogin .loginForm input[type="submit"]{ float:right; padding:5px 20px 5px 20px; }
#body .contentRegister{ width:474px; margin-left:143px; }
#body .contentRegister .registerTitle{ width:360px; height:30px; background:url("./i/registertitle") no-repeat; }
#body .contentRegister .registerForm textarea{ width:100%; height:100px; margin-bottom:10px; background:#FFF; }
#body .contentRegister .registerForm .registerFormTitle{ text-align:right; padding-right:10px; }

#body .contentSetting .settingTitle{ width:170px; padding:10px 0 10px 0; border:1px solid #DDD; background:#DDD; margin:0 11px 10px 11px; font-size:24px; border-radius:10px 0 10px 10px; text-align:center; cursor:pointer; }
#body .contentSetting .select{ background:#CCC; }
#body .contentSetting .settingTitle:hover{ background:#CCC; }
#body .contentSetting .lmenu{ float:left; }
#body .contentSetting .rctt{ float:left; margin-top:10px; }
#body .contentSetting .rctt .cttTitle{ font-size:16px; }
#body .contentSetting .rctt .cttBody{ margin-top:10px; padding-left:15px; }

#body .contentBoard .boardTitle{ font-size:14px; }
#body .contentBoard .boardDes{ color:#BBB; margin-top:3px; margin-left:10px; }
#body .contentBoard .board{ width:100%; margin-top:15px; background:url("./i/tabletop") no-repeat; }
#body .contentBoard .board tr{ height:30px; border-bottom:1px solid #DDD; }
#body .contentBoard .board .notice{ background:#F6F6F6; }
#body .contentBoard .board td{ vertical-align:middle; word-break:break-all; text-align:center; }
#body .contentBoard .board .boardLeft{ text-align:left; padding:0 5px 0 5px; }
#body .contentBoard .board thead td{ height:30px; text-align:center; border-right:1px solid #DDD; }
#body .contentBoard .writeBtn{ float:right; margin-top:10px; }
#body .contentBoard .pageLogic{ float:left; margin-top:15px; }
#body .contentBoard .search{ text-align:center; }
#body .contentBoard .search input[type=text]{ width:200px; height:17px; }

#body .contentView .viewInfo1, #body .contentView .viewInfo2{ background:#FAFAFA; border:1px solid #CCC; border-right:0; border-left:0; padding:7px 15px 7px 15px; }
#body .contentView .viewTitle, #body .contentView .viewWriter, #body .contentView .viewBtn1{ float:left; }
#body .contentView .viewInfo, #body .contentView .viewDate, #body .contentView .viewBtn2{ float:right; }
#body .contentView .viewInfo2{ background:#FFF; border-top:0; }
#body .contentView .article{ padding:10px 17px 10px 17px; }
#body .contentView article p{ line-height:0.8 !important; }
#body .contentView article img{ max-width:100%; }
#body .contentView .viewBtn{ padding:0 10px 15px 10px; }
#body .board{ margin-top:30px; margin-left:-3px; }

#body .contentView #commentArea{ border-top:1px solid #CCC; }
#body .contentView #commentArea .comment{ background:#FAFAFA; border-bottom:1px dotted #AAA; padding:7px 15px 7px 15px; }
#body .contentView #commentArea img{ max-width:100%; }
#body .contentView #commentArea .comment .commentWriter{ float:left; margin-right:10px; }
#body .contentView #commentArea .comment .commentBody{ padding:15px 15px 5px 15px; word-break:break-all; }
#body .contentView #commentArea .comment .commentDelete, #body .contentView #commentArea .comment .commentRecommend, #body .contentView #commentArea .comment .commentRe{ color:#888; cursor:pointer; float:right; }
#body .contentView #commentArea .comment .commentRecommend, #body .contentView #commentArea .comment .commentRe{ margin-right:10px; }
#body .contentView #commentArea .comment .commentDate{ float:left; font-size:10px; letter-spacing:-1px; padding-top:3px; color:#555; }
#body .contentView .commentWrite{ border-bottom:1px solid #CCC; background:#F6F6F6; padding:15px; padding-bottom:8px; }
#body .contentView .commentWrite textarea{ width:635px; height:50px; float:left; }
#body .contentView .commentWrite .commentbtn{ width:80px; height:55px; float:right; }
#body .contentView input[name=file]{ margin-top:8px; }

#body .contentView .Comment1, #body .contentView .Comment1 a{ color:#FF6339; } /* [] */
#body .contentView .Comment2, #body .contentView .Comment2 a{ color:#B24FFF; } /* {} */
#body .contentView .Comment3, #body .contentView .Comment3 a{ color:#999; } /* () */
#body .contentView .Comment4, #body .contentView .Comment4 a{ color:#30BA71; } /* || */

#body .contentWrite input[type="text"]{ margin:0; margin-bottom:5px; width:758px; }
#body .contentWrite textarea{ margin:0; width:752px; height:400px; }
#body .contentWrite .uploadForm{ margin:20px 100px 20px 100px; border:2px dotted #888; border-radius:10px; padding:10px; }

#body .contentAttendance input[type="submit"]{ width:210px; height:40px; }
#body .contentAttendance .widget{ float:left; }
#body .contentAttendance .widget_clock{ margin-bottom:10px; width:210px; margin-top:20px; border-top:1px solid #EEE; padding-top:20px; }
#body .contentAttendance .time{ border:1px solid #CCC; border-top:0; padding:10px; text-align:center; font-size:24px; background:#F7F7F7; }
#body .contentAttendance .att{ float:left; margin-left:10px; width:540px; }
#body .contentAttendance .att .attendance{ border:1px solid #CCC; background:#FCFCFC; border-radius:5px; padding:10px; width:148px; margin:0 5px 0 5px; float:left; margin-bottom:10px; }
#body .contentAttendance .att .attendance .member{ font-size:18px; }
#body .contentAttendance .att .attendance .date{ margin-top:10px; border-top:1px solid #CCC; padding-top:10px; }

#body .contentSitemap .title{ font-size:16px; }
#body .contentSitemap ul{ margin:5px 0 15px 10px;; font-size:14px; padding-bottom:15px; border-bottom:1px dotted #AAA; }
#body .contentSitemap ul li{ padding:3px 0 3px 0; color:#555; }

#body .contentEvent .event{ background:#F8F8F8; border-bottom:1px solid #CCC; padding:15px; }
#body .contentEvent .eventlogo{ float:left; width:150px; }
#body .contentEvent .eventdetail{ float:left; margin-left:15px; width:540px; word-break:break-all; }
#body .contentEvent .eventtitle{ font-weight:bold; font-size:16px; margin-bottom:15px; }

#body .contentSetting .setting{ width:245px; margin:4px; margin-bottom:10px; float:left; }
#body .contentSetting .settingContent{ border:1px solid #CCC; border-top:0; padding:10px; height:160px; }
#body .contentSetting .settingContent input{ font-size:12px; }
#body .contentSetting .checkbox {width:50px; height:20px; background:#EEE; border:1px solid #CCC; border-radius:8px;}
#body .contentSetting .checkbox .left {position:relative; width:25px; height:14px; background:#74cc5a; border-radius:8px; color:#EEE; text-align:center; font-size:14px; padding-top:3px; padding-bottom:3px; cursor:pointer;}

#body .contentIconshop .icons{ border:1px solid #CCC; padding:10px; border-top:0; }
#body .contentIconshop .icons .icon{ float:left; width:101px; height:70px; text-align:center; border:1px solid #CCC; background:#FCFCFC; border-radius:5px; padding:5px; margin:5px; }
#body .contentIconshop .icons .icon:hover{ cursor:pointer; background:#EEE; }
#body .contentIconshop .icons .icon .name{ font-weight:bold; }
#body .contentIconshop .icons .myicon{ background:#EEE; border:1px solid #888; }
#body .contentIconshop .icons img{ width:32px; height:32px; border-bottom:1px solid #CCC; padding-bottom:5px; margin-bottom:5px; }

#body .contentMsg .get, #body .contentMsg .sent{ padding:10px; margin-top:10px; max-width:350px; min-width:100px; word-break:break-all; }
#body .contentMsg .get{ background:#EBEBEB; float:left; border-radius:0 15px 15px 15px; }
#body .contentMsg .sent{ background:#FAEE5A; float:right; border-radius:15px 0 15px 15px; }
#body .contentMsg .head{ margin-bottom:10px; padding-bottom:10px; border-bottom:1px solid #CCC; font-weight:bold; }

#bottom{ margin-bottom:20px; }
#bottom #bottomMenu{ border:1px solid #CCC; border-left:0; border-right:0; margin-top:20px; padding:5px 10px 5px 10px; }
#bottom #bottomMenu li{ float:left; border-right:1px solid #CCC; padding-right:10px; margin-left:10px; }
#bottom #bottomMenu li a{ color:#444; }
#bottom #copyright{ margin-top:10px; text-align:center; font-size:11px; color:#444; }

#xmas{ width:128px; height:128px; background:url("./i/event-xmas"); position:relative; cursor:pointer; top:-320px; left:650px; }