@charset "utf-8";

/* base */
* {margin:0; padding:0;}

img {border:none; margin:0; padding:0;}
a {color:#444; text-decoration:none; border:none; margin:0; padding:0}
a:hover {color:#444; text-decoration:underline; border:none; margin:0; padding:0}
hr, legend, h2, h3, h4 {display:none;}
body, th, td {font-size:12px;font-family:dotum,µ¸¿ò,sans-serif;}
ul, ol, li {list-style:none outside;}

/* border=0 cellpadding=0 cellspacing=0 ÀÎ Å×À̺í */
table {border-spacing:0px; border-collapse:collapse; margin:0; padding:0;border:0}
td, th {padding:0px;}

/* ¸µÅ© Á¡¼±Å׵θ®¾ø¾Ö±â : ±×·¯³ª ÀÌ°ÍÀº Á¢±Ù¼ºÀ» ¶³¾î¶ß¸®´Â ÇàÀ§·Î½á, À¥Ç¥ÁØ¿¡¼­ ¸Ö¾îÁö´Â ÇàÀ§ÀÌ´Ù */
a, img, input {outline: none; selector-dummy:expression(this.hideFocus=true);}

.png24 {tmp:expression(setPng24(this));}

/* roll over */
a.rollover img, a.rollover img.rollover {float:left;}
a.rollover img {display:block;}
a.rollover img.rollover {display:none;}
a.rollover:hover {position:relative;}
a.rollover:hover img {display:none;}
a.rollover:hover img.rollover {display:block;}



/* fonts */
.b, .bold {font-weight:bold;}
.bb {font-weight:bolder;}
.nor {font-weight:normal;}
.date, .eng, .num  {font-family:Verdana,dotum,µ¸¿ò,sans-serif;}
.kor {font-family:serif;}
.event {font-family:±Ã¼­,Gungseo,±Ã¼­Ã¼;font-size:16px;line-height:32px;letter-spacing:1px;}
.s-10 {font-size:10px;}
.s-11 {font-size:11px;}
.s-12 {font-size:12px;}
.s-13 {font-size:13px;}
.s-14 {font-size:14px;}
.s-16 {font-size:16px;}
.s-18 {font-size:18px;}
.blue-1, .blue-1 a, .blue-1 a:hover {color:#b2c0de;}
.blue-2, .blue-2 a, .blue-2 a:hover {color:#0e72d0;}
.blue-3, .blue-3 a, .blue-3 a:hover {color:#1a5ead;}
.blue-4, .blue-4 a, .blue-4 a:hover {color:#658ae8;}
.blue-5, .blue-5 a {color:#4545ff;}
.blue-5 a:hover {color:#4545ff; text-decoration:underline;}
.blue-6, .blue-6 a {color:#02a6cf;}
.blue-7, .blue-7 a {color:#0194e1;}
.blue-7 a:hover {color:#0194e1; text-decoration:underline;}
.blue-8, .blue-8 a {color:#cadde7;}
.blue-9, .blue-9 a {color:#00aeef;}
.gray-1, .gray-1 a, .gray-1 a:hover {color:#959595;}
.gray-2, .gray-2 a, .gray-2 a:hover {color:#c8c8c8;}
.gray-3, .gray-3 a, .gray-3 a:hover {color:#666;}
.gray-4, .gray-4 a, .gray-4 a:hover {color:#555;}
.gray-5, .gray-5 a, .gray-5 a:hover {color:#898989;}
.gray-6, .gray-6 a, .gray-6 a:hover {color:#707070;}
.gray-7, .gray-7 a, .gray-7 a:hover {color:#ccc;}
.orange, .orange a, .orange a:hover {color:#fe5504;}
.green, .green a {color:#68a301;}
.green a:hover {color:#68a301; text-decoration:underline;}
.dark-blue {color:#7183aa;}
.dark-blue2 {color:#5a6e99;}
.dark-blue3 {color:#3b4f79;}
.dark-blue4 {color:#828895;}
.dark-blue5 {color:#9ebdc8;}
.dark-blue6 {color:#1678aa;}
.dark-blue7 {color:#219fe0;}
.dark-blue8 {color:#016c88;}
.bbs-blue {color:#0094e1;}
.white, .white a, .white a:link {color:#fff;}
.yellow {color:#fff200;}
.copyright {font-size:11px; color:#888; font-family:Verdana,dotum,µ¸¿ò,sans-serif;}
.title {font-family:±¼¸²,dotum,µ¸¿ò,sans-serif;}
.sat {color:#1871c0;}
.sun {color:#fa535a;}
.red {color:#ff0000;}


/* °£°Ý/À§Ä¡/Border */
.pad-t20 {padding-top:20px;}
.pad-t15 {padding-top:15px;}
.pad-t10 {padding-top:10px;}
.pad-t8 {padding-top:8px;}
.pad-t6 {padding-top:6px;}
.pad-t5 {padding-top:5px;}
.pad-t4 {padding-top:4px;}
.pad-t3 {padding-top:3px;}
.pad-t2 {padding-top:2px;}
.pad-t1 {padding-top:1px;}
.pad-l20 {padding-left:20px;}
.pad-l15 {padding-left:15px;}
.pad-l10 {padding-left:10px;}
.pad-l5 {padding-left:5px;}
.pad-l2 {padding-left:2px;}
.pad-r5 {padding-right:5px;}
.pad-r10 {padding-right:10px;}
.pad-r15 {padding-right:15px;}
.pad-l2 {padding-left:2px;}
.pad-l3 {padding-left:3px;}
.pad-b2 {padding-bottom:2px;}
.pad-b4 {padding-bottom:4px;}
.pad-b6 {padding-bottom:6px;}

.mar-b5 {margin-bottom:-5px;}
.mar-l5 {margin-left:5px;}
.mar-r5 {margin-right:5px;}
.mar-b2 {margin-bottom:-2px;}

.td-r1 {border-right:1px solid #dbdee7;}
.img-b img, .img-b a, .img-b a:hover, .img-b a img, .img-b a:hover img {margin-bottom:-1px; text-decoration:none;}


/* Æû°ü·Ã */
.check-1 {margin-bottom:-2px; margin-right:3px;}
.check-2 {margin:0;}
.radio-cafe, .check-cafe {margin-bottom:-2px; margin-right:5px;}
.radio-1 {margin:0 3px -2px 0;}
.textarea-11 {width:97%; height:160px; padding-left:1px; padding-right:1px; font:12px/1.6 µ¸¿ò,Dotum,AppleGothic,sans-serif; border:1px solid #e3e8f1;}
.textarea-1 {width:97%; height:160px; padding-left:5px; padding-right:5px; font:12px/1.6 µ¸¿ò,Dotum,AppleGothic,sans-serif; border:5px solid #e3e8f1;}
.textarea-2 {width:97%; height:300px; padding-left:5px; padding-top:5px; padding-right:5px; font:12px/1.6 µ¸¿ò,Dotum,AppleGothic,sans-serif; border:5px solid #e3e8f1;}
.textarea-3 {width:100%; height:150px; padding:10px; font:12px/1.6 µ¸¿ò,Dotum,AppleGothic,sans-serif; border:none;}
.textarea-4 {width:95%; height:150px; padding:10px; font:12px/1.6 µ¸¿ò,Dotum,AppleGothic,sans-serif; border:1px soild #b3bfdc;}
.textarea-5 {width:96%; height:100px; padding:12px; font:12px/1.6 µ¸¿ò,Dotum,AppleGothic,sans-serif; border:none;}
.textarea-6 {width:710px; height:100px; padding:10px; font:12px/1.6 µ¸¿ò,Dotum,AppleGothic,sans-serif; border:none;}
.textarea-qna {width:99%; height:200px; padding:6px; font:12px/1.6 µ¸¿ò,Dotum,AppleGothic,sans-serif; border:1px solid #b7bfcc;}
.input_login {width:90%; border:none; background-color:#fff; font-size:11px; font-family:dotum,µ¸¿ò,sans-serif; padding-left:3px;}
.login-1 {border:none; background:transparent; width:150px; padding-top:1px; font-size:12px; font-family:dotum,µ¸¿ò,sans-serif;}
.login-2 {border:none; background:transparent; width:75px; padding-top:1px;}
.srh-box1 {border:2px solid #3b5eae; height:21px; width:250px;}
.select-50 {width:50px; height:22px; font-family:dotum,µ¸¿ò,sans-serif; font-size:12px; padding-left:3px; border:1px solid #9ba7c6; margin-right:2px;}
.select-50c {width:50px; height:22px; font-family:dotum,µ¸¿ò,sans-serif; font-size:12px; padding-left:3px; border:1px solid #aaa;}
.select-60c {width:60px; height:22px; font-family:dotum,µ¸¿ò,sans-serif; font-size:12px; padding-left:3px; border:1px solid #aaa;}
.select-70 {width:70px; height:22px; font-family:dotum,µ¸¿ò,sans-serif; font-size:12px; padding-left:3px; border:1px solid #9ba7c6;}
.select-80 {width:80px; height:22px; font-family:dotum,µ¸¿ò,sans-serif; font-size:12px; padding-left:3px; border:1px solid #9ba7c6;}
.select-80c {width:80px; height:22px; font-family:dotum,µ¸¿ò,sans-serif; font-size:12px; padding-left:3px; border:1px solid #aaa;}
.select-90 {width:90px; height:22px; font-family:dotum,µ¸¿ò,sans-serif; font-size:12px; padding-left:3px; border:1px solid #9ba7c6;}
.select-90c {width:90px; height:22px; font-family:dotum,µ¸¿ò,sans-serif; font-size:12px; padding-left:3px; border:1px solid #ccc;}
.select-100 {width:100px; height:22px; font-family:dotum,µ¸¿ò,sans-serif; font-size:12px; padding-left:3px; border:1px solid #9ba7c6;}
.select-130 {width:130px; height:22px; font-family:dotum,µ¸¿ò,sans-serif; font-size:12px; padding-left:3px; border:1px solid #9ba7c6;}
.select-140 {width:140px; height:20px; font-family:dotum,µ¸¿ò,sans-serif; font-size:12px; padding-left:3px; border:1px solid #9ba7c6;}
.select-140c {width:140px; height:20px; font-family:dotum,µ¸¿ò,sans-serif; font-size:12px; padding-left:3px; border:1px solid #ccc;}
.select-150 {width:150px; height:20px; font-family:dotum,µ¸¿ò,sans-serif; font-size:12px; padding-left:3px; border:1px solid #9ba7c6;}
.select-200 {width:200px; height:20px; font-family:dotum,µ¸¿ò,sans-serif; font-size:12px; padding-left:3px; border:1px solid #9ba7c6;}
.select-250 {width:250px; height:20px; font-family:dotum,µ¸¿ò,sans-serif; font-size:12px; padding-left:3px; border:1px solid #9ba7c6;}
.select-board {width:60px; margin-right:0px; border:1px solid #a9aeb2; font-family:dotum,µ¸¿ò,sans-serif; height:19px;}
.select-board2 {width:120px; margin-right:5px; border:1px solid #a9aeb2; font-family:dotum,µ¸¿ò,sans-serif; height:21px;}
.select-board3 {width:90px; margin-right:5px; border:1px solid #a9aeb2; font-family:dotum,µ¸¿ò,sans-serif; height:21px;}
.select-event {width:75px; margin-right:5px; border:1px solid #a9aeb2; font-family:dotum,µ¸¿ò,sans-serif; height:21px;}
.select-event2 {width:90px; margin-left:5px; border:1px solid #a9aeb2; font-family:dotum,µ¸¿ò,sans-serif; height:21px;}
.select-qna {width:120px; height:22px; font-family:dotum,µ¸¿ò,sans-serif; font-size:12px; padding-left:3px; border:1px solid #b7bfcc;}
.select-family {width:170px; height:20px; font-family:dotum,µ¸¿ò,sans-serif; font-size:12px; padding-left:3px; border:1px solid #b7bfcc; text-align:left;}

.input-srh {border:none; background:transparent; width:200px; padding-top:1px; font-family:dotum,µ¸¿ò,sans-serif;}
.input-srh250 {border:none; background:transparent; width:250px; padding-top:1px; font-family:dotum,µ¸¿ò,sans-serif;}
.input-srh350 {border:none; background:transparent; width:350px; padding-top:1px; font-family:dotum,µ¸¿ò,sans-serif;}
.input-srh2 {border:none; background:transparent; width:350px; padding-top:1px; font-family:dotum,µ¸¿ò,sans-serif;}
.input-calendar {border:none; background:transparent; width:100px; padding-top:4px; font-family:Verdana,dotum,µ¸¿ò,sans-serif; font-size:11px; text-align:center;}
.input-630 {border:none; background:transparent; width:630px; height:15px; padding-top:5px; text-align:left; color:#555; font-family:dotum,µ¸¿ò,sans-serif;}
.input-590 {border:none; background:transparent; width:590px; height:15px; padding-top:5px; text-align:left; font-family:dotum,µ¸¿ò,sans-serif;}
.input-350 {border:none; background:transparent; width:350px; height:15px; padding-top:5px; text-align:left; font-family:dotum,µ¸¿ò,sans-serif;}
.input-250 {border:none; background:transparent; width:250px; height:15px; padding-top:5px; text-align:left; font-family:dotum,µ¸¿ò,sans-serif;}
.input-183 {border:none; background:transparent; width:183px; height:15px; padding-top:5px; text-align:left; font-family:dotum,µ¸¿ò,sans-serif;}
.input-150 {border:none; background:transparent; width:150px; height:15px; padding-top:5px; text-align:left; font-family:dotum,µ¸¿ò,sans-serif;}
.input-100 {border:none; background:transparent; width:100px; height:15px; padding-top:5px; text-align:left; font-family:dotum,µ¸¿ò,sans-serif;}
.input-90 {border:none; background:transparent; width:90px; height:15px; padding-top:5px; text-align:left; font-family:dotum,µ¸¿ò,sans-serif;}
.input-80 {border:none; background:transparent; width:80px; height:15px; padding-top:5px; text-align:left; font-family:dotum,µ¸¿ò,sans-serif;}
.input-55 {border:none; background:transparent; width:55px; height:15px; padding-top:5px; text-align:left; *margin-top:-1px; font-family:dotum,µ¸¿ò,sans-serif;}
.input-file {border:1px solid #b0bfd4; background:transparent; padding:3px 0 0 2px; width:350px; height:20px; text-align:left; font-family:dotum,µ¸¿ò,sans-serif;}
.input-file1 {border:1px solid #b7bfcc; background:transparent; padding:3px 0 0 2px; width:600px; height:22px; text-align:left; font-family:dotum,µ¸¿ò,sans-serif;}
.input-adr {border:1px solid #a9aeb2; width:252px; height:12px; padding-top:5px; text-align:left;}
.input-board {margin-right:5px; border:1px solid #a9aeb2;  height:16px; padding:0 0 0 0; text-align:left; font-family:dotum,µ¸¿ò,sans-serif; ime-mode:active;}
.input-board02 {margin-right:5px; border:1px solid #a9aeb2;  height:16px; padding:0 0 0 0; text-align:left; font-family:dotum,µ¸¿ò,sans-serif; ime-mode:active;width:40px;}
.input-event {border:1px solid #a9aeb2; width:80px; height:16px; padding:3px 0 0 0; text-align:center; font-size:11px; font-family:Verdana,dotum,µ¸¿ò,sans-serif;}
.input-event2 {margin-right:5px; border:1px solid #a9aeb2; width:130px; height:16px; padding:3px 0 0 2px; text-align:left; font-family:dotum,µ¸¿ò,sans-serif; ime-mode:active;}
.input-member {margin-right:5px; border:1px solid #a9aeb2; width:180px; height:16px; padding:3px 0 0 2px; text-align:left; font-family:dotum,µ¸¿ò,sans-serif; ime-mode:active;}
.input-faq {margin:0 5px; border:1px solid #a9aeb2; width:250px; height:16px; padding:3px 0 0 2px; text-align:left; font-family:dotum,µ¸¿ò,sans-serif; ime-mode:active;}

.input-pw2 {margin-right:5px; border:1px solid #b2c0de; width:130px; height:16px; padding:3px 0 0 2px; text-align:left; font-family:dotum,µ¸¿ò,sans-serif; ime-mode:active;}
.select-pw2 {width:130px; border:1px solid #b2c0de; height:24px; font-family:dotum,µ¸¿ò,sans-serif; font-size:12px; padding-left:3px;}

/* Paging */
.paging, .paging a {border:1px solid #fff; padding:4px 7px; font-family:Verdana,dotum,µ¸¿ò,sans-serif;}
.paging a:hover {border:1px solid #ccc; padding:4px 7px; font-family:Verdana,dotum,µ¸¿ò,sans-serif; text-decoration:none;}
.paging-now {font-weight:bold; color:#586fab; margin:0 0px; border:1px solid #ccc; padding:4px 7px; font-family:Verdana,dotum,µ¸¿ò,sans-serif;}
.paging-now2 {font-weight:bold; color:#02a6cf; margin:0 0px; border:1px solid #ccc; padding:4px 7px; font-family:Verdana,dotum,µ¸¿ò,sans-serif;}
.paging-now3 {font-weight:bold; color:#0094e1; margin:0 0px; border:1px solid #ccc; padding:4px 7px; font-family:Verdana,dotum,µ¸¿ò,sans-serif;}
.paging-now4 {font-weight:bold; color:#333; margin:0 0px; border:1px solid #ccc; padding:4px 7px; font-family:Verdana,dotum,µ¸¿ò,sans-serif;}

/* ÀÌ¿ë¾Ç°ü */
#etc1 .indent {padding-left:20px;}
#etc1 {text-align:justify; line-height:18px; font-family:±¼¸²,dotum,µ¸¿ò,sans-serif;}
#etc1 a, #etc1 a:hover {text-decoration:none;}
#etc1 .title {margin-bottom:15px;}
#etc1 .link, #etc1 .link a {color:#0e7abb; font-weight:bold; font-family:±¼¸²,dotum,µ¸¿ò,sans-serif;}
#etc1 .link a:hover {color:#0e7abb; font-weight:bold; font-family:±¼¸²,dotum,µ¸¿ò,sans-serif; text-decoration:underline;}
#etc1 .link2 a:hover {text-decoration:underline;}

/* Board */
.board, .board a, .recent, .recent a, .faq, .faq a, .board-2, .board-2 a, .board-3, .board-3 a, .bz365, .bz365 a {text-decoration:none;}
.board a:hover, .recent a:hover {text-decoration:none; color:#0094e1;}
.board-2 a:hover {text-decoration:underline; color:#0094e1;}
.board-3 a:hover {text-decoration:none; color:#118583;}
.bz365 a:hover {text-decoration:underline; color:#5e7dce;}
.faq a:hover {text-decoration:none; color:#02a6cf;}
.recent {text-align:justify; line-height:16px; padding-top:5px;}
.admin {font-weight:bold; color:#0094e1;}
.admin2 {font-weight:bold; color:#118583;}
.icon {margin-bottom:-2px;}
.board-tit {border:none; background:transparent; width:600px; padding-top:3px; font-size:12px; font-family:dotum,µ¸¿ò,sans-serif; ime-mode:active;}
.board-name {border:none; background:transparent; width:150px; padding-top:3px; font-size:12px; font-family:dotum,µ¸¿ò,sans-serif; ime-mode:active;}
.input-file2 {border:1px solid #ccc; background-color:#fff; width:400px; height:20px; text-align:left;}
.dot {border-bottom:1px dotted #ddd;}
.dot2 {border-bottom:1px dotted #cadde7;}
.dot3 {border-bottom:1px dotted #acd0ce;}
.news_title {font-weight:bold; color:#0177b7; font-size:14px; margin-bottom:10px;}
.news_img {display:inline-block; float:left; width:180px;}
.lh { line-height: 170%; }



/* ´ë¿ì°¡Á· */
.green-1 {color:#c6d0be;}
.green-2, .green-2 a, .green-2 a:hover {color:#189b98;}
.green-3, .green-3 a, .green-3 a:hover {color:#39b54a;}
.green-4, .green-4 a, .green-4 a:hover {color:#219a9c;}
.paging-cafe {font-weight:bold; color:#189b98; margin:0 0px; border:1px solid #ccc; padding:4px 7px; font-family:Verdana,dotum,µ¸¿ò,sans-serif;}
.cafe-list, .cafe-list a {color:#444; font-size:12px;font-family:dotum,µ¸¿ò,sans-serif; text-decoration:none;}
.cafe-list a:hover {font-weight:bold; color:#444; font-size:12px;font-family:dotum,µ¸¿ò,sans-serif; text-decoration:none;}
.input-cafe {border:1px solid #ccc; width:250px; height:15px; padding:3px 0 0 2px; text-align:left; font-size:12px; font-family:dotum,µ¸¿ò,sans-serif; ime-mode:active;}
.textarea-cafe {width:98%; height:50px; padding:5px; font:12px/1.6 µ¸¿ò,Dotum,AppleGothic,sans-serif; border:1px solid #ccc; ime-mode:active;}
.textarea-cafe2 {width:718px; height:70px; padding:5px; font:12px/1.6 µ¸¿ò,Dotum,AppleGothic,sans-serif; border:1px solid #aaa; ime-mode:active;}
.direc, .direc a {color:#444; text-decoration:none;}
.direc a:hover {color:#189b98; text-decoration:none;}