body, td { font-family: µ¸¿ò, Verdana; font-size: 12px; color: #666666; margin: 0px; padding: 0px; line-height:17px;}
/*
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:active { text-decoration: underline; }
a:hover { text-decoration: underline; }
*/
A:link {
	COLOR: #333333; TEXT-DECORATION: none
}
A:visited {
	COLOR: #333333; TEXT-DECORATION: none
}
A:hover {
	COLOR: #3366CC; TEXT-DECORATION: underline
}
A:active {
	COLOR: #006699
}

/* ================================================================================================== */
/* ================================================================================================== */
/* ±³È¸ ·Î°í */	
div#ci { position: absolute; top: 25px; left: 43px; }

body { background: url(/img/common/bg_top.gif) no-repeat left top; }
/* GNB - Login */
div#login {
width: 573px; height: 27px;
font-family: µ¸¿ò, Verdana; font-size: 11px; color: #064687;
text-align: right;
margin: 0px; padding: 4px 10px 0 0;
}
html>body div#login { width: 563px; height: 23px; }
div#login span { height: 19px; margin: 0px; padding: 4px 0 0 0; }
div#login input { width: 71px; height: 16px; font-family: µ¸¿ò, Verdana; font-size: 11px; color: #4172A2; margin: 0 0 1px 0; padding: 2px 0 0 4px; border: 1px solid #6DABD3; background-color: #FFFFFF; }
.input { font-family: µ¸¿ò; font-size: 12px; FONT-WEIGHT: normal; COLOR: #444444; BORDER: #D8D6D2 1px solid;padding-left:3px; height"17px" }
div.bgTrue { background: url(/img/common/gnb/bg_true.gif) 0 0 no-repeat; }
div.bgFalse { background: url(/img/common/gnb/bg_false.gif) 0 0 no-repeat; }

/* ROOFY Login */
div#roofyLogin {
height: 27px;
font-family: µ¸¿ò, Verdana; font-size: 11px; color: #064687;
text-align: right;
margin: 0px; padding: 4px 10px 0 0;
}
html>body div#roofyLogin { height: 23px; }
div#roofyLogin span { height: 19px; margin: 0px; padding: 4px 0 0 0; }
div#roofyLogin input { width: 71px; height: 16px; font-family: µ¸¿ò, Verdana; font-size: 11px; color: #4172A2; margin: 0 0 1px 0; padding: 2px 0 0 4px; border: 1px solid #D2CFCB; background-color: #FFFFFF; }


/* Left Menu */
div#leftMenu { width: 165px; margin: 28px 0 0 15px; padding: 0px; }
div#leftMenu ul { list-style: none; margin: 0px; padding: 0px; }
div#leftMenu ul li { margin: 0px 0px -4px 0px; padding: 0px; }

/* Left Menu Search */
div#left_search { width: 165px; height: 39px; margin: 10px 0 0 15px; padding: 11px 0 0 22px; background: url(/img/common/left_search_bg.gif) 0 0 no-repeat; }
div#left_search input { width: 92px; height: 17px; font-family: µ¸¿ò, Verdana; font-size: 12px; color: #3A6087; margin: 0px; padding: 2px 0 0 4px; border: 1px solid #B7D3EE; background-color: #FFFFFF; }
html>body div#left_search input { width: 88px; }
html>body div#left_search { width: 128px; padding: 10px 0 0 37px; }

/* Left Banner */
div#leftBanner { width: 165px; margin: 0 0 0 15px; padding: 0px; }

/* Left MY ROOFY */
div#roofyInfo { width: 165px; text-align: center; padding: 5px 4px; border: 1px solid #E4DCD1; background-color: #F2EEEA; }
html>body div#roofyInfo { width: 155px; }
div#roofyInfo div#myRoofy { width: 155px; text-align: center; padding: 0 7px 7px 7px; border: 1px solid #DAD0BF; background-color: #FFFFFF; }
html>body div#roofyInfo div#myRoofy { width: 139px; }
div#roofyInfo div#myRoofy span.txt01 { font-family: µ¸¿ò; font-size: 11px; color: #72604E; margin: 0px; padding: 0px; }
div#roofyInfo div#myRoofy a.color01:link { font-size: 11px; color: #FF7811; text-decoration: none; letter-spacing: -1; }
div#roofyInfo div#myRoofy a.color01:visited { font-size: 11px; color: #FF7811; text-decoration: none; letter-spacing: -1; }
div#roofyInfo div#myRoofy a.color01:active { font-size: 11px; color: #FF7811; text-decoration: underline; letter-spacing: -1; }
div#roofyInfo div#myRoofy a.color01:hover { font-size: 11px; color: #FF7811; text-decoration: underline; letter-spacing: -1; }

div#roofyInfo span.txt02 { font-family: µ¸¿ò; font-size: 11px; color: #967E64; margin: 0px; padding: 0px; }
div#roofyInfo span.txt03 { font-family: µ¸¿ò; font-size: 11px; color: #65BF15; margin: 0px; padding: 0px; }
div#roofyInfo a.color02:link { font-size: 11px; color: #967E64; text-decoration: none; letter-spacing: -1; }
div#roofyInfo a.color02:visited { font-size: 11px; color: #967E64; text-decoration: none; letter-spacing: -1; }
div#roofyInfo a.color02:active { font-size: 11px; color: #65BF15; text-decoration: underline; letter-spacing: -1; }
div#roofyInfo a.color02:hover { font-size: 11px; color: #65BF15; text-decoration: underline; letter-spacing: -1; }

/* history */
div#history { height: 28px; font-family: µ¸¿ò, Verdana; font-size: 11px; color: #A8A5A0; text-align: right; margin: 0px; padding: 10px 0 0 0; }
html>body div#history { height: 18px; }
div#history a:link { color: #A8A5A0; text-decoration: none; }
div#history a:visited { color: #A8A5A0; text-decoration: none; }
div#history a:active { color: #A8A5A0; text-decoration: underline; }
div#history a:hover { color: #A8A5A0; text-decoration: underline; }

/* top Button */
#topBtn { margin-left: 25px; }
/* ================================================================================================== */
/* ================================================================================================== */

/* historyroofy */
div#historyroofy { height: 28px; font-family: µ¸¿ò, Verdana; font-size: 11px; color: #A8A5A0; text-align: right; margin: 0px; padding: 10px 0 0 0; background: url(/img/community/community_title_bg.gif) top left no-repeat; }
html>body div#historyroofy { height: 18px; }
div#historyroofy a:link { color: #A8A5A0; text-decoration: none; }
div#historyroofy a:visited { color: #A8A5A0; text-decoration: none; }
div#historyroofy a:active { color: #A8A5A0; text-decoration: underline; }
div#historyroofy a:hover { color: #A8A5A0; text-decoration: underline; }
/* ================================================================================================== */
/* ================================================================================================== */


/* ¸ÞÀÎ */
/* ================================================================================================== */
.main_bg02 { background: url(/img/common/main/main_bg02.gif) bottom left repeat-x; }

/* ¸ÞÀÎ »ç¿ëÀÚ Á¤º¸ */
div#user_info { width: 165px; margin: 10px 0 0 0px; padding: 0px; }
div#user_info span.txt01 { font-family: µ¸¿ò; font-size: 12px; color: #3A6087; letter-spacing: -1; margin: 0px; padding: 0px; }
div#user_info span.txt02 { font-family: µ¸¿ò; font-size: 12px; color: #3A6087; padding: 0px; }
div#user_info .fs11 { font-size: 11px; } 
div#user_info a:link { color: #5DB60C; text-decoration: none; letter-spacing: -1; }
div#user_info a:visited { color: #5DB60C; text-decoration: none; letter-spacing: -1; }
div#user_info a:active { color: #5DB60C; text-decoration: underline; letter-spacing: -1; }
div#user_info a:hover { color: #5DB60C; text-decoration: underline; letter-spacing: -1; }

/* ¸ÞÀÎ °Ë»ö */
div#main_search { width: 165px; height: 59px; font-family: µ¸¿ò, Verdana; font-size: 11px; color: #D9F2CC; margin: 10px 0 0 15px; padding: 11px 0 0 11px; background: url(/img/common/main/main_search_bg.gif) 0 0 no-repeat; }
div#main_search input { width: 92px; height: 17px; font-family: µ¸¿ò, Verdana; font-size: 12px; color: #3A6087; margin: 0 0 0 11px; padding: 2px 0 0 4px; border: 1px solid #A9D891; background-color: #FFFFFF; }
div#main_search a:link { color: #D9F2CC; text-decoration: none; }
div#main_search a:visited { color: #D9F2CC; text-decoration: none; }
div#main_search a:active { color: #D9F2CC; text-decoration: underline; }
div#main_search a:hover { color: #D9F2CC; text-decoration: underline; }
html>body div#main_search { padding: 9px 0 0 11px; }
html>body div#main_search input { margin: 0 0 0 24px; }

/* ¸ÞÀÎ ¼­ºê³»¿ë */
div#sub { margin: 0px; padding: 0px; }
div#sub img { margin: 0px 0px 6px 0px; padding: 0px; }
div#sub #box { height: 1px; font-size: 1px; border: 1px solid #C8E0F6; background-color: #E3F1FF; }
div#sub ul { margin: 10px 0px 0px 0px; padding: 0px; }
div#sub ul li { list-style: none; height: 21px; margin: 0px; padding: 3px 0px 0px 54px; }
div#sub ul li a:link { color: #666666; text-decoration: none; }
div#sub ul li a:visited { color: #666666; text-decoration: none; }
div#sub ul li a:active { color: #5DB60C; text-decoration: underline; }
div#sub ul li a:hover { color: #5DB60C; text-decoration: underline; }
div#sub ul li.case01 { background: url(/img/common/main/news01.gif) 0 0 no-repeat; }
div#sub ul li.case02 { background: url(/img/common/main/news02.gif) 0 0 no-repeat; }
div#sub ul li.case03 { background: url(/img/common/main/news03.gif) 0 0 no-repeat; }
div#sub ul li.case04 { background: url(/img/common/main/news04.gif) 0 0 no-repeat; }
div#sub ul li.case05 { background: url(/img/common/main/news05.gif) 0 0 no-repeat; }
a.thisw:link { color: #666666; text-decoration: none; }
a.thisw:visited { color: #666666; text-decoration: none; }
a.thisw:active { color: #5185B9; text-decoration: underline; }
a.thisw:hover { color: #5185B9; text-decoration: underline; }
div#sub #pray { line-height: 17px; margin: 12px 0px 0px 0px; padding: 0px; background: url(/img/common/main/main_bg03.gif) top right no-repeat; }
div#sub #pray a:link { color: #666666; text-decoration: none; }
div#sub #pray a:visited { color: #666666; text-decoration: none; }
div#sub #pray a:active { color: #5DB60C; text-decoration: underline; }
div#sub #pray a:hover { color: #5DB60C; text-decoration: underline; }
div#sub #pray img { margin-top: 2px; }

/* ÀÌ¹øÁÖ ¹æ¼Û */
div#broad_bg01 { width: 274px; height: 72px; text-align: right; margin: 0px; padding: 39px 12px 0px 12px; background: url(/img/common/main/broad01.gif) top left no-repeat; }
html>body div#broad_bg01 { width: 250px; height: 33px; }
div#broad_bg01 img { margin-left: 1px; }

div#broad_bg02 { width: 274px; height: 124px; margin: 0px; padding: 14px 12px 11px 12px; background: url(/img/common/main/broad02.gif) top left no-repeat; }
div#broad_bg02 table tr td { color: #CBE8FA; }
html>body div#broad_bg02 { width: 250px; height: 99px; }
div#broad_bg02 a { line-height: 16px; }
div#broad_bg02 a:link { color: #FFFFFF; text-decoration: none; }
div#broad_bg02 a:visited { color: #FFFFFF; text-decoration: none; }
div#broad_bg02 a:active { color: #FFFFFF; text-decoration: underline; }
div#broad_bg02 a:hover { color: #FFFFFF; text-decoration: underline; }

div#broad_bg03 { width: 274px; height: 124px; margin: 0px; padding: 14px 12px 11px 12px; background: url(../../img/common/main/broad02.gif) top left no-repeat; }
div#broad_bg03 table tr td { color: #CBE8FA; }
html>body div#broad_bg03 { width: 250px; height: 99px; }
div#broad_bg03 a { line-height: 16px; }
div#broad_bg03 a:link { color: #FFFFFF; text-decoration: none; }
div#broad_bg03 a:visited { color: #FFFFFF; text-decoration: none; }
div#broad_bg03 a:active { color: #FFFFFF; text-decoration: underline; }
div#broad_bg03 a:hover { color: #FFFFFF; text-decoration: underline; }

/* ÃßÃµÀÚ·á */
/* ÅÇ ¸®½ºÆ® */
ul#mm_list { list-style: none; padding: 0px; margin: 12px 0 0 0; }
ul#mm_list li { padding-left: 22px; background: url(/img/common/bl/main_list_01.gif) 13px 4px no-repeat; }
ul#mm_list li.list_left { height: 20px; font-family: µ¸¿ò; font-size: 12px; color: #4B6F94; }
ul#mm_list li.list_left a:link { color: #4B6F94; decoration: none; }
ul#mm_list li.list_left a:visited { color: #4B6F94; decoration: none; }
ul#mm_list li.list_left a:active { color: #4B6F94; decoration: underline; }
ul#mm_list li.list_left a:hover { color: #4B6F94; decoration: underline; }

/* ¼­ºê¸ÞÀÎ - ¼þÀÇ¾Ù¹ü */
#multimedia { margin: 0px; padding: 0px; }
#multimedia div.imgBorder { width: 74px; padding: 4px; border: 1px solid #D3E5F6; background-color: #FFFFFF; }
#multimedia .txt { padding-right: 10px; }
#multimedia a:link { color: #4B6F94; text-decoration: none; }
#multimedia a:visited { color: #4B6F94; text-decoration: none; }
#multimedia a:active { color: #4B6F94; text-decoration: underline; }
#multimedia a:hover { color: #4B6F94; text-decoration: underline; }
/* ================================================================================================== */

/* È¸¿ø°¡ÀÔ */
/* ================================================================================================== */
/* »ó´Ü¹®±¸ */
.title_member { margin: 10px 0 11px 8px; }
.title_member_bg { background-color: #E7F0F7; }
div#title_member { margin: 0px; padding: 0px; background-color: #FFFFFF; }
div#title_member ul { margin: 7px 0 0 0; padding: 6px 8px 5px 8px; }
div#title_member ul li { color: #C57B74; margin: 0px; padding: 0 10px 0 13px; background: url(/img/info/sub_off.gif) 0 1px no-repeat; display: inline; }
div#title_member ul li a:link { color: #C57B74; }
div#title_member ul li a:visited { color: #C57B74; }
div#title_member ul li a:active { color: #E86B5F; }
div#title_member ul li a:hover { color: #E86B5F; }
div#title_member ul li.end { padding-right: 0px; }
div#title_member ul li.on { font-weight: bold; background: url(/img/info/sub_on.gif) 0 1px no-repeat; }
div#title_member ul li.on a { color: #E86B5F; }
/* ================================================================================================== */

/* ±³È¸¾ÈÀ¸·Î */
/* ================================================================================================== */
/* »ó´Ü¹®±¸ */
.title_info { margin: 10px 0 11px 8px; }
.title_info_bg { background-color: #FBEFEC; }
div#title_info { margin: 0px; padding: 0px; background-color: #FFFFFF; }
div#title_info ul { margin: 7px 0 0 0; padding: 6px 8px 5px 8px; }
div#title_info ul li { color: #C57B74; margin: 0px; padding: 0 10px 0 13px; background: url(/img/info/sub_off.gif) 0 1px no-repeat; display: inline; }
div#title_info ul li a:link { color: #C57B74; }
div#title_info ul li a:visited { color: #C57B74; }
div#title_info ul li a:active { color: #E86B5F; }
div#title_info ul li a:hover { color: #E86B5F; }
div#title_info ul li.end { padding-right: 0px; }
div#title_info ul li.on { font-weight: bold; background: url(/img/info/sub_on.gif) 0 1px no-repeat; }
div#title_info ul li.on a { color: #E86B5F; }
/* ================================================================================================== */


/* ¸¸³²°ú ÀÎµµ */
/* ================================================================================================== */
/* »ó´Ü¹®±¸ */
.title_advice { margin: 10px 0 11px 8px; }
.title_advice_bg { background-color: #EEF6DD; }
div#title_advice { margin: 0px; padding: 0px; background-color: #FFFFFF; }
/* ================================================================================================== */


/* ¼Ò½Ä°ú ³ª´® */
/* ================================================================================================== */
/* »ó´Ü¹®±¸ */
.title_board { margin: 10px 0 11px 8px; }
.title_board_bg { background-color: #E3F6F0; }
.title_media_bg { background-color: #EBEEFC; }
div#title_board { margin: 0px; padding: 0px; background-color: #FFFFFF; }

/* ¼­ºê¸ÞÀÎ - ÅÇ ¸®½ºÆ® */
ul#sm_list { list-style: none; padding: 0px; margin: 13px 0 0 0; }
ul#sm_list li { padding-left: 8px; background: url(/img/common/bl/submain_list_01.gif) 0 4px no-repeat; }
ul#sm_list li.list_left { width: 210px; height: 20px; float : left; font-family: µ¸¿ò; font-size: 12px; color: #666666; }
html>body ul#sm_list li.list_left { width: 202px; }
ul#sm_list li.list_left a:link { color: #666666; }
ul#sm_list li.list_left a:visited { color: #666666; }
ul#sm_list li.list_left a:active { color: #0085A1; }
ul#sm_list li.list_left a:hover { color: #0085A1; }
ul#sm_list li.list_right { width: 64px; float : right; color: #A8A5A0; text-align: right; background: none; }
html>body ul#sm_list li.list_right { width: 56px; }

/* ¼­ºê¸ÞÀÎ - ¼þÀÇ¾Ù¹ü */
#album { margin: 0px; padding: 0px; }
#album .imgBorder { border: 5px solid #DDF1EB; }
#album .txt { padding-right: 10px; }
#album .end { padding-right: 5px; }
#album a:link { color: #666666; }
#album a:visited { color: #666666; }
#album a:active { color: #0085A1; }
#album a:hover { color: #0085A1; }
/* ================================================================================================== */


/* ROOFY */
/* ================================================================================================== */
/* ¼­ºê¸ÞÀÎ - ÅÇ ¸®½ºÆ®01 */
ul#sm_list_roofy01 { list-style: none; padding: 0px; margin: 13px 0 0 0; }
ul#sm_list_roofy01 li { padding-left: 8px; background: url(/img/common/bl/submain_list_02.gif) 0 4px no-repeat; }
ul#sm_list_roofy01 li span.txt01 { font-size: 12px; color: #A8A5A0; }
ul#sm_list_roofy01 li.list_left { width: 210px; height: 20px; float : left; font-family: µ¸¿ò; font-size: 12px; color: #666666; }
html>body ul#sm_list_roofy01 li.list_left { width: 202px; }
ul#sm_list_roofy01 li.list_left a:link { color: #666666; }
ul#sm_list_roofy01 li.list_left a:visited { color: #666666; }
ul#sm_list_roofy01 li.list_left a:active { color: #FF9212; }
ul#sm_list_roofy01 li.list_left a:hover { color: #FF9212; }
ul#sm_list_roofy01 li.list_right { width: 64px; float : right; color: #A8A5A0; text-align: right; background: none; }
html>body ul#sm_list_roofy01 li.list_right { width: 56px; }

/* ¼­ºê¸ÞÀÎ - ÅÇ ¸®½ºÆ®02 */
ul#sm_list_roofy02 { list-style: none; padding: 0px; margin: 13px 0 0 0; }
ul#sm_list_roofy02 li { padding-left: 8px; background: url(/img/common/bl/submain_list_02.gif) 0 4px no-repeat; }
ul#sm_list_roofy02 li span.txt01 { font-size: 12px; color: #A8A5A0; }
ul#sm_list_roofy02 li.list_left { width: 274px; height: 20px; float : left; font-family: µ¸¿ò; font-size: 12px; color: #666666; }
ul#sm_list_roofy02 li.list_left a:link { color: #666666; }
ul#sm_list_roofy02 li.list_left a:visited { color: #666666; }
ul#sm_list_roofy02 li.list_left a:active { color: #FF9212; }
ul#sm_list_roofy02 li.list_left a:hover { color: #FF9212; }
ul#sm_list_roofy02 li.list_right { width: 64px; float : left; color: #A8A5A0; text-align: right; background: none; }

/* ¼­ºê¸ÞÀÎ - ·çÇÇºÐ·ù ¸®½ºÆ®03 */
ul#sm_list_roofy03 { list-style: none; padding: 0px; margin: 0 0 0 0; }
ul#sm_list_roofy03 li { padding-left: 8px; background: url(/img/common/bl/submain_list_03.gif) 0 4px no-repeat; }
ul#sm_list_roofy03 li span.txt01 { font-size: 12px; color: #A8A5A0; }
ul#sm_list_roofy03 li.list_left { width: 110px; height: 16px; float : left; font-family: µ¸¿ò; font-size: 12px; color: #666666; }
html>body ul#sm_list_roofy03 li.list_left { width: 102px; }
ul#sm_list_roofy03 li.list_left a:link { color: #666666; }
ul#sm_list_roofy03 li.list_left a:visited { color: #666666; }
ul#sm_list_roofy03 li.list_left a:active { color: #FF9212; }
ul#sm_list_roofy03 li.list_left a:hover { color: #FF9212; }
ul#sm_list_roofy03 li.list_right { width: 40px; float : left; color: #A8A5A0; text-align: right; background: none; }

/* ¼­ºê¸ÞÀÎ - ·çÇÇºÐ·ù ¸®½ºÆ®04 */
ul#sm_list_roofy04 { list-style: none; padding: 0px; margin: 0 0 0 0; }
ul#sm_list_roofy04 li { padding-left: 8px; background: url(/img/common/bl/submain_list_03.gif) 0 4px no-repeat; }
ul#sm_list_roofy04 li span.txt01 { font-size: 12px; color: #A8A5A0; }
ul#sm_list_roofy04 li.list_left { padding-right: 14px; height: 16px; float : left; font-family: µ¸¿ò; font-size: 12px; color: #666666; }
ul#sm_list_roofy04 li.list_left a:link { color: #666666; }
ul#sm_list_roofy04 li.list_left a:visited { color: #666666; }
ul#sm_list_roofy04 li.list_left a:active { color: #FF9212; }
ul#sm_list_roofy04 li.list_left a:hover { color: #FF9212; }
ul#sm_list_roofy04 li.list_right { width: 40px; float : left; color: #A8A5A0; text-align: right; background: none; }

/* sub */
div#sub_roofy { margin: 0px; padding: 0px; }
div#sub_roofy .title { margin: 0px 0px 6px 0px; padding: 0px; }
div#sub_roofy #line { font-size: 1px; height: 1px; margin: 0px; padding: 0px; background-color: #D8CCA0; }
a.thisr:link { color: #666666; text-decoration: none; letter-spacing: -1; }
a.thisr:visited { color: #666666; text-decoration: none; letter-spacing: -1; }
a.thisr:active { color: #FF9212; text-decoration: underline; letter-spacing: -1; }
a.thisr:hover { color: #FF9212; text-decoration: underline; letter-spacing: -1; }
div#sub_roofy .imgBorder { width: 90px; padding: 5px; background-color: #EAE4CE; }
html>body div#sub_roofy .imgBorder { width: 80px; }

div#searching { margin: 0px; padding: 0px; }
div#searching span.txt01 { font-family: ±¼¸²; font-size: 11px; }
div#searching label { font-family: µ¸¿ò; font-size: 12px; margin: 0px; padding: 0px; }
div#searching .radio01 { width: 12px; height: 12px; margin: 0px 2px 2px 0px; border: 0px; }
div#searching .input01 { height: 17px; font-family: µ¸¿ò; font-size: 12px; color: #8B7C62; border: 1px solid #E5DBCF; background-color: #FFFFFF; }
/* ================================================================================================== */


/* ÇªÅÍ °¡·Î100% ¶óÀÎ»ö */
.footerLine { background-color: #EAE8E5; }
input#roofySites { width: 132px; height: 19px; font-family: µ¸¿ò; font-size: 12px; color: #666666; padding: 3px 0px 0px 0px; border-top: 1px solid #D2CFCB; border-bottom: 1px solid #D2CFCB; border-left: 0px; border-right: 0px; background-color: #FFFFFF; }
div#roofySite { position: absolute; width: 155px; height: 52px; top: 26px; left: 249px; z-index: 50; overflow-x: none; }
div#roofySite a:link { color: #666666; text-decoration: none; }
div#roofySite a:visited { color: #666666; text-decoration: none; }
div#roofySite a:active { color: #064687; text-decoration: none; }
div#roofySite a:hover { color: #064687; text-decoration: none; }

input#familysite { width: 172px; height: 19px; font-family: µ¸¿ò; font-size: 12px; color: #666666; padding: 3px 0px 0px 0px; border-top: 1px solid #D2CFCB; border-bottom: 1px solid #D2CFCB; border-left: 0px; border-right: 0px; background-color: #FFFFFF; }
div#family { position: absolute; width:195px; height: 52px; top: -39px; z-index: 50; overflow-x: none; }
div#family a:link { color: #666666; text-decoration: none; }
div#family a:visited { color: #666666; text-decoration: none; }
div#family a:active { color: #064687; text-decoration: none; }
div#family a:hover { color: #064687; text-decoration: none; }

/* sub floater */
#sub_floater { position: absolute; visibility: visible; z-index: 10; }



/* ================================================================================================== */
/* ================================================================================================== */
/* °Ô½ÃÆÇ °Ë»ö */
.select01 { font-family: µ¸¿ò; font-size: 12px; color: #666666; }
.input01 { width: 93px; height: 17px; font-family: µ¸¿ò; font-size: 12px; color: #666666; margin-bottom: 2px; border: 1px solid #D8D6D2; background-color: #FFFFFF;  }

/* °Ô½ÃÆÇ01 - list */
#board01_list { width: 100%; font-family: µ¸¿ò; font-size: 12px; border-top: 2px solid #B5E3E2; }
#board01_list th { height: 31px; color: #6CA2AC; font-weight: normal; border-bottom: 1px solid #E4E2DE; background: url(/img/board/bbs01_th_bar.gif) right 8px no-repeat; }
#board01_list th.end { background: none; }
#board01_list td { height: 27px; color: #666666; border-bottom: 1px solid #EDECE9; }
#board01_list td a:link { color: #666666; text-decoration: none; }
#board01_list td a:visited { color: #666666; text-decoration: none; }
#board01_list td a:active { color: #0085A1; text-decoration: underline; }
#board01_list td a:hover { color: #0085A1; text-decoration: underline; }
#board01_list td a.notice:link { color: #666666; font-weight: bold; text-decoration: none; letter-spacing: -1; }
#board01_list td a.notice:visited { color: #666666; font-weight: bold; text-decoration: none; letter-spacing: -1; }
#board01_list td a.notice:active { color: #0085A1; font-weight: bold; text-decoration: underline; letter-spacing: -1; }
#board01_list td a.notice:hover { color: #0085A1; font-weight: bold; text-decoration: underline; letter-spacing: -1; }

#board01_list td span.re { height: 14px; font-family: Verdana; font-size: 10px; color: #0085A1; }
#board01_list td span.del { color: #808080; text-decoration: line-through; }
#board01_list td.l { text-align: left; padding: 0px; }
#board01_list td.c { text-align: center; padding: 0px 5px; }
#board01_list td.r { text-align: right; padding: 0px; }
#board01_list td img { margin-bottom: 2px; }

div#btn_l { margin-top: 8px; text-align: left; }
div#btn_c { margin-top: 8px; text-align: center; }
div#btn_r { margin-top: 8px; text-align: right; }
.noem { margin-top: 8px; }

.desc { height: 21px; color: #6CA2AC; text-align: right; }

/* °Ô½ÃÆÇ ÀÐ±â */
#board01_read { width: 100%; font-family: µ¸¿ò; font-size: 12px; color: #666666; border-top: 2px solid #B5E3E2; }
#board01_read th { height: 31px; text-align: left; border-bottom: 1px solid #E4E2DE; }
#board01_read td { height: 31px; border-bottom: 1px solid #E4E2DE; }
#board01_read td.date { font-family: Verdana; font-size: 10px; }
#board01_read td span.txt { color: #9B9B9B; }
#board01_read td.contents { padding: 30px 0px; }
#board01_read td div#pwd { text-align: right; margin-top: 10px; }
#board01_read td div#file { font-family: Verdana; font-size: 10px; color: #666666; text-align: right; margin-top: 10px; } 
#board01_read td div#file img { margin-top: 2px; }
#board01_read td div#file a:link { color: #666666; text-decoration: none; }
#board01_read td div#file a:visited { color: #666666; text-decoration: none; }
#board01_read td div#file a:active { color: #666666; text-decoration: underline; }
#board01_read td div#file a:hover { color: #666666; text-decoration: underline; }

#board01_read td.l { text-align: left; padding: 0px; }
#board01_read td.c { text-align: center; padding: 0px 5px; }
#board01_read td.r { text-align: right; padding: 0px; }
#board01_read th img { margin-bottom: 2px; }
#board01_read td img { margin-bottom: 2px; }

div#comments { color: #666666; margin: 0px; padding: 10px 5px; border: 1px solid #E4E2DE; border-top: 0px; background-color: #FFFFFF; }
div#comments.noClass { margin: 0; padding: 0; border: 0px; background-color: none; }
div#comments #commentsList tr td { padding: 10px 0px 7px 0px; }
div#comments #commentsList tr td.user { color: #333333; }
div#comments #commentsList tr td span.date { font-family: Verdana; font-size: 10px; color: #9B9B9B; }
div#comments .input01 { height: 17px; color: #666666; border: 1px solid #D8D6D2; background-color: #FFFFFF; }
div#comments span.txt01 { color: #0085A1; }
div#comments span.txt02 { color: #6065CB; }

/* °Ô½ÃÆÇ ¾²±â */
#board01_write { width: 100%; font-family: µ¸¿ò; font-size: 12px; color: #666666; border-top: 2px solid #B5E3E2; }
#board01_write th { height: 30px; color: #6CA2AC; font-weight: normal; text-align: left; border-bottom: 1px solid #E4E2DE; }
#board01_write th.attach {  padding: 5px 0px; }
#board01_write td { height: 30px; border-bottom: 1px solid #E4E2DE; }
#board01_write td.attach { padding: 5px 0px; }
#board01_write td input.input01 { height: 17px; font-family: µ¸¿ò; font-size: 12px; color: #666666; margin-bottom: 2px; border: 1px solid #D8D6D2; background-color: #FFFFFF; }
#board01_write td input.radio01 { width: 12px; height: 12px; margin: 0px 2px 2px 0px; border: 0px; }

#board01_write td.l { text-align: left; padding: 0px; }
#board01_write td.c { text-align: center; padding: 0px 5px; }
#board01_write td.r { text-align: right; padding: 0px; }
#board01_write th img { margin-bottom: 2px; }
#board01_write td img { margin-bottom: 2px; }

/* »çÁø °Ô½ÃÆÇ */
div#pic { width: 136px; height: 116px; margin: 0px 0px 9px 0px; padding: 7px 18px 7px 18px; background: url(/img/board/bbs_pic_bg.gif) top left no-repeat; }
div#pic_desc { color: #666666; line-height: 16px; margin: 0px 0px 11px 0px; padding: 0px; }
div#pic_desc span.tit { color: #9B9B9B; }
div#pic_desc span.bar { color: #E4E2DE; margin: 0px 3px; }
div#pic_desc a:link { color: #666666; text-decoration: none; }
div#pic_desc a:visited { color: #666666; text-decoration: none; }
div#pic_desc a:active { color: #0085A1; text-decoration: none; }
div#pic_desc a:hover { color: #0085A1; text-decoration: none; }

/* ÆäÀÌÂ¡ */
div#paging { width: 100%; font-family: µ¸¿ò; font-size: 12px; margin: 0px; padding: 0px; }
div#paging ul { margin: 0px; padding: 0px; }
div#paging ul li { display: inline; width: 19px; height: 20px; text-align: center; padding: 4px 7px 0px 7px; background: url(/img/board/paging_bar.gif) top right no-repeat; }
div#paging ul li.btn { width: 21px; }
div#paging ul li.end { background: none; }
div#paging ul li a:link { color: #666666; text-decoration: none; }
div#paging ul li a:visited { color: #666666; text-decoration: none; }
div#paging ul li a:active { color: #FF8400; text-decoration: none; }
div#paging ul li a:hover { color: #FF8400; text-decoration: none; }
div#paging ul li span.active { color: #FF8400; }


/* ÆäÀÌÂ¡ */
.paging {
	font-family: "Tahoma", "Verdana", "µ¸¿ò", "±¼¸²";
	font-size: 12px;
	line-height: 150%;
	color: #333333;
}
.paging a:link { font-size: 12px; color: #333333; text-decoration: none; }
.paging a:visited { font-size: 12px; color: #333333; text-decoration: none; }
.paging a:active { font-size: 12px; color: #333333; text-decoration: none; }
.paging a:hover { font-size: 12px; color: #006699; text-decoration: underline; }

/* ================================================================================================== */
/* ================================================================================================== */
/* ·çÇÇÅ¬·´ */
div#roofyTop { width: 693px; height: 80px; color: #666666; padding: 21px 0px 0px 20px; background: url(/img/community/roofy/roofy_bg01.gif) top left no-repeat; }
div#roofyTop .roofyTitle { font-family: µ¸¿ò; font-size: 16px; color: #FFFFFF; }
div#roofyTop .url { font-family: Verdana; font-size: 12px; color: #000000; }
span.txt01 { color: #967E64; }
span.txt02 { color: #D8D6D2; }

div#cover { padding: 13px; border: 1px solid #D8D6D2; background-color: #FFFFFF; }
div#cover .welcome { margin-top: 8px; margin-bottom: 10px; }
div#cover td { color: #A89379; }

div#roofySub { height: 17px; color: #666666; margin-top: 22px; padding-left: 8px; border-bottom: 1px solid #D8D6D2; background: url(/img/community/roofy/bl_01.gif) top left no-repeat; }
ul#roofyList { margin: 8px 0px 0px 0px; padding: 0px; }
ul#roofyList li { list-style: inline; height: 18px; padding-left: 8px; background: url(/img/community/roofy/bl_02.gif) 0 4 no-repeat; }
ul#roofyList li a:link { color: #666666; text-decoration: none; }
ul#roofyList li a:visited { color: #666666; text-decoration: none; }
ul#roofyList li a:active { color: #FF9212; text-decoration: underline; }
ul#roofyList li a:hover { color: #FF9212; text-decoration: underline; }

div#roofyPic a:link { color: #666666; text-decoration: none; }
div#roofyPic a:visited { color: #666666; text-decoration: none; }
div#roofyPic a:active { color: #FF9212; text-decoration: underline; }
div#roofyPic a:hover { color: #FF9212; text-decoration: underline; }
.imgBorder01 { border: 5px solid #F3F2EF }

div#roofyLeft { width: 165px; padding: 8px 5px; background-color: #F3F0EC; }
div#roofyLeft01 { margin-bottom: 7px; padding: 7px; border: 1px solid #DAD0BF; background-color: #FFFFFF; }
div#roofyLeft01 #left01 { width: 45px; height: 39px; color: #FF8629; text-align: center; padding-top: 22px; background: url(/img/community/roofy/left_bg01.gif) top left no-repeat; }
div#roofyLeft01 #left02 { width: 45px; height: 39px; color: #FF8629; text-align: center; padding-top: 22px; background: url(/img/community/roofy/left_bg02.gif) top left no-repeat; }
div#roofyLeft01 #left03 { width: 45px; height: 39px; color: #FF8629; text-align: center; padding-top: 22px; background: url(/img/community/roofy/left_bg03.gif) top left no-repeat; }

div#roofyLeft02 { margin-bottom: 7px; padding: 10px 10px 3px 10px; border: 1px solid #FFC662; background-color: #FFFFFF; }
div#roofyLeft02 a { color: #666666; }
div#roofyLeft02 #menu { height: 18px; color: #666666; }
div#roofyLeft02 #list { margin: 0px; padding: 0px; }
div#roofyLeft02 #list li { list-style: none; height: 18px; padding: 0px 0px 0px 14px;  }
div#roofyLeft02 #list li.01 { background: url(/img/community/roofy/leftmenu01.gif) top left no-repeat; }
div#roofyLeft02 #list li.02 { background: url(/img/community/roofy/leftmenu02.gif) top left no-repeat; }
div#roofyLeft02 #list li.03 { background: url(/img/community/roofy/leftmenu03.gif) top left no-repeat; }
div#roofyLeft02 #menu img { margin-bottom: 2px; }
div#roofyLeft02 #line { height: 18px; background: url(/img/community/roofy/leftmenu_line.gif) top left repeat-x; }


div#roofyLeft02 { margin-bottom: 7px; padding: 10px 10px 3px 10px; border: 1px solid #FFC662; background-color: #FFFFFF; }
div#roofyLeft02 a { color: #666666; }
div#roofyLeft02 #menu { height: 18px; color: #666666; }
div#roofyLeft02 #list3 { margin: 0px; padding: 0px; }
div#roofyLeft02 #list3 li { list-style: none; height: 18px; padding: 0px 0px 0px 14px;  }
div#roofyLeft02 #list3 li.01 { background: url(/img/community/roofy/leftmenu01.gif) top left no-repeat; }
div#roofyLeft02 #list3 li.02 { background: url(/img/community/roofy/leftmenu02.gif) top left no-repeat; }
div#roofyLeft02 #list3 li.03 { background: url(/img/community/roofy/leftmenu03.gif) top left no-repeat; }
div#roofyLeft02 #menu img { margin-bottom: 2px; }
div#roofyLeft02 #line { height: 18px; background: url(/img/community/roofy/leftmenu_line.gif) top left repeat-x; }
/* ================================================================================================== */


/* GWTV&MEIDA */
/* ================================================================================================== */
ul#sm_list_media01 { list-style: none; padding: 0px; margin: 13px 0 0 0; }
ul#sm_list_media01 li { padding-left: 8px; background: url(/img/common/bl/submain_list_04.gif) 0 4px no-repeat; }
ul#sm_list_media01 li span.txt01 { font-size: 12px; color: #6065CB; }
ul#sm_list_media01 li.list_left { width: 210px; height: 20px; float : left; font-family: µ¸¿ò; font-size: 12px; color: #666666; }
html>body ul#sm_list_media01 li.list_left { width: 202px; }
ul#sm_list_media01 li.list_left a:link { color: #666666; }
ul#sm_list_media01 li.list_left a:visited { color: #666666; }
ul#sm_list_media01 li.list_left a:active { color: #6065CB; }
ul#sm_list_media01 li.list_left a:hover { color: #6065CB; }
ul#sm_list_media01 li.list_right { width: 64px; float : right; color: #A8A5A0; text-align: right; background: none; }
html>body ul#sm_list_media01 li.list_right { width: 56px; }

div#movie { width: 88px; height: 96px; text-align: center; padding: 9px 0 6px 0; background: url(/img/media/submain/bg01.gif) no-repeat left top; }
html>body div#movie { height: 81px; }
.imgBorder { border: 5px solid #DBE1F7; }
div#screen { width: 82px; height: 84px; padding: 9px; background: url(/img/media/submain/bg02.gif) no-repeat left top; }
html>body div#screen { width: 64px; }
div#screen .imgBorder { margin-top: 8px; border: 1px solid #C9C2F2; }

div#search_01 { font-size: 11px; letter-spacing: -1; margin: 7px 0 0 0; }
div#search_01 a:link { color: #7276C5; text-decoration: none; }
div#search_01 a:visited { color: #7276C5; text-decoration: none; }
div#search_01 a:active { color: #6065CB; text-decoration: underline; }
div#search_01 a:hover { color: #6065CB; text-decoration: underline; }

div#cal { position: relative; width: 156px; height: 28px; text-align: center; margin: 7px 0 0 0; padding: 5px 0 0 0; background: url(/img/media/submain/bg03.gif) no-repeat left top; }
div#cal_b { position: relative; width: 292px; height: 28px; margin: 7px 0 0 0; padding: 5px 0 0 8px; background: url(/img/media/submain/bg04.gif) no-repeat left top; }
div#p_cal { position: absolute; top: 25px; left: 106px; width: 139px; text-align: center; padding: 0 7px 5px 7px; background-color: #817DDA; z-index: 100; }
div#p_cal table tr th { font-size: 11px; color: #CFCFFF; font-weight: normal; }
div#p_cal table tr td { font-size: 11px; color: #FFFFFF; }
div#p_cal .sun { color: #FFCEE1; }
div#p_cal .sat { color: #CFCFFF; }
div#p_cal .sel { background-color: #9D9AFF; } 


div#p_cal1 {width: 139px; text-align: center; padding: 0 7px 5px 7px; background-color: #817DDA; z-index: 100; }
div#p_cal1 table tr th { font-size: 11px; color: #CFCFFF; font-weight: normal; }
div#p_cal1 table tr td { font-size: 11px; color: #FFFFFF; }
div#p_cal1 .sun { color: #FFCEE1; }
div#p_cal1 .sat { color: #CFCFFF; }
div#p_cal1 .sel { background-color: #9D9AFF; } 

#media_list01 { width: 100%; font-family: µ¸¿ò; font-size: 12px; border-top: 2px solid #BBBAEF; border-bottom: 1px solid #C8C7F3; }
#media_list01 th { height: 31px; color: #6065CB; letter-spacing: -1; font-weight: normal; border-bottom: 1px solid #C8C7F3; background: url(/img/media/th_bg01.gif) right 7px no-repeat;  }
#media_list01 th.end { background: none; }
#media_list01 td { height: 27px; color: #666666; border-bottom: 1px solid #FFFFFF; }
#media_list01 td a:link { color: #666666; text-decoration: none; }
#media_list01 td a:visited { color: #666666; text-decoration: none; }
#media_list01 td a:active { color: #6065CB; text-decoration: underline; }
#media_list01 td a:hover { color: #6065CB; text-decoration: underline; }
#media_list01 td.end { border-bottom: 0px; }
#media_list01 td.l { text-align: left; padding: 0px; }
#media_list01 td.c { text-align: center; padding: 0px; }
#media_list01 td.r { text-align: right; padding: 0px; }
#media_list01 td img { margin-bottom: 2px; }

#media_txt { width: 533px;; font-family: µ¸¿ò; font-size: 12px; color: #666666; border-top: 2px solid #DCDFF7; }
#media_txt th { height: 31px; text-align: left; }
#media_txt td { height: 31px; }
#media_txt td.date { font-family: Verdana; font-size: 10px; }
#media_txt td span.txt { color: #9B9B9B; }
#media_txt td.contents { padding: 30px 0px; }
#media_txt td div#pwd { text-align: right; margin-top: 10px; }

#media_txt td.l { text-align: left; padding: 0px; }
#media_txt td.c { text-align: center; padding: 0px 5px; }
#media_txt td.r { text-align: right; padding: 0px; }
#media_txt th img { margin-bottom: 2px; }
#media_txt td img { margin-bottom: 2px; }

/* ÆäÀÌÂ¡ */
div#paging_media { width: 100%; font-family: µ¸¿ò; font-size: 12px; margin: 0px; padding: 0px; }
div#paging_media ul { margin: 0px; padding: 0px; }
div#paging_media ul li { display: inline; width: 19px; height: 20px; text-align: center; padding: 4px 7px 0px 7px; background: url(/img/media/paging_bar.gif) top right no-repeat; }
div#paging_media ul li.btn { width: 21px; }
div#paging_media ul li.end { background: none; }
div#paging_media ul li a:link { color: #6065CB; text-decoration: none; }
div#paging_media ul li a:visited { color: #6065CB; text-decoration: none; }
div#paging_media ul li a:active { color: #8355C6; text-decoration: none; }
div#paging_media ul li a:hover { color: #8355C6; text-decoration: none; }
div#paging_media ul li span.active { color: #8355C6; }

div#bible { width: 533px; letter-spacing: -1; padding: 20px 0; border-top: 1px solid #E4E2DE; }
div#preaching { width: 533px; letter-spacing: -1; padding: 0 0 20px 0; border-top: 1px solid #E4E2DE; }


.reserve{font-family: µ¸¿ò; font-size: 10px; margin: 0px; padding: 0px; }

/* Table_ Border */
TABLE.border 			{ border-collapse: collapse;}
TABLE.border TD			{ padding:3px;  border:1px solid #D3D3D3 }


input.calendar { behavior:url('/js/calendar.htc'); height:20px}
