@charset "EUC-KR"; /* common */ * {margin:0; padding:0;} html, body {height:100%; margin:0; padding:0; } /*-- 폰트 기본 색상(Black,White, Gray) --*/ .black, a .black, .black a {color:#000;} .white, a .white, .white a {color:#FFF;} .gray, a .gray, .gray a {color:#484848;} /*-- 폰트 종류 --*/ .dotum {font-family:돋움, dotum, verdana, san-serif, arial;} .gulim {font-family:굴림, gulim, verdana, san-serif, arial;} /*-- 굵은 폰트 --*/ .bold {font-weight:bold;} /*-- 폰트 크기 --*/ .px11, pt8 {font-size:11px;} .px12, pt9 {font-size:12px;} .px13, pt10 {font-size:13px;} .px14 {font-size:14px;} .px15, pt11 {font-size:15px;} .px16, pt12 {font-size:16px;} .px17, pt13 {font-size:17px;} .px18 {font-size:18px;} .px19, pt14 {font-size:19px;} /*-- 자간,행간 --*/ .lts1 {letter-spacing:-1px;} .lts2 {letter-spacing:-2px;} .wds1 {word-spacing: -1px;} .wds2 {word-spacing: -2px;} .wds3 {word-spacing: -3px;} /*-- 행 간격 --*/ .h15 {line-height:15px;} .h16 {line-height:16px;} .h17 {line-height:17px;} .h18 {line-height:18px;} .h19 {line-height:19px;} .h20 {line-height:20px;} .h22 {line-height:22px;} body {margin:0; padding:0; color:#484848; font-weight:normal; font-size:12px; font-family:verdana,san-serif,arial,apple-gothic,돋움,dotum; text-align:center; background:url(../images/bg_all.jpg) repeat-x top;} div {text-align:left;} td {color:#484848; font-weight:normal; font-size:12px; font-family:돋움,dotum,verdana,san-serif,arial,apple-gothic;} img {border:0px; vertical-align:middle;} td img {vertical-align:baseline;} input, select {font-size:100%; vertical-align:middle;} ol, ul, dl, li, dd, dt {margin:0;padding:0;list-style:none;} h1,h2,h3,h4,h5,h6 {display:none;} fieldset, blockquote {border:none;} hr {display:none; clear:both;} a {color:#484848;} a, a:link, a:visited{text-decoration:none;} a:hover, a:active {text-decoration:underline;} .ibd1 {border:1px solid #cccccc;} .blind {display:none; } /* layout */ #Weppc_Wrap {position:relative; text-align:center; margin:0 auto; padding:0; width:956px; min-height:100%; overflow:hidden; background:url(../images/bg_wrap.jpg) repeat-y top center; } /* html #Weppc_Wrap {height:100%; _width:100%; overflow:auto;}*/ /*index*/ #Weppc_Top {position:relative; margin:0 auto; padding:0; width:956px; height:206px; background:url(../images/img_top_chr.jpg) no-repeat top; } #Weppc_Top h1 {display:block; position:absolute; top:43px; left:57px; } #login_box {position:absolute; top:11px; right:65px; } #Weppc_Topmenu_Wrap {overflow:hidden; position:absolute; top:136px; width:956px; height:83px; background:url(../images/bg_topmenu.jpg) no-repeat top left; } #Weppc_Topmenu_Wrap .Weppc_Topmenu {margin-left:102px; margin-top:23px; } #Weppc_Topmenu_Wrap .Weppc_Topmenu li {display:inline; } #Weppc_Topmenu_Wrap .Weppc_Topmenu li a {float:left; padding:30px 0 0 0; overflow:hidden; height: 0px !important; height /**/:30px; /* for IE5/Win only */} #Weppc_Topmenu_Wrap .Weppc_Topmenu li a:hover {background-position: 0 -30px; text-decoration:none;} #Weppc_Topmenu_Wrap .Weppc_Topmenu li a.selected {background-position: 0 -30px;} #Weppc_Topmenu_Wrap .Weppc_Topmenu .Topmenu01 a {width:137px; background:url(../images/btn_topmenu01.jpg) top left no-repeat;} #Weppc_Topmenu_Wrap .Weppc_Topmenu .Topmenu02 a {width:164px; background:url(../images/btn_topmenu02.jpg) top left no-repeat;} #Weppc_Topmenu_Wrap .Weppc_Topmenu .Topmenu03 a {width:145px; background:url(../images/btn_topmenu03.jpg) top left no-repeat;} #Weppc_Topmenu_Wrap .Weppc_Topmenu .Topmenu04 a {width:125px; background:url(../images/btn_topmenu04.jpg) top left no-repeat;} #Weppc_Topmenu_Wrap .Weppc_Topmenu .Topmenu05 a {width:178px; background:url(../images/btn_topmenu05.jpg) top left no-repeat;} #Weppc_Topmenu_Wrap .Weppc_Topmenu .Topmenu01On a {width:137px; background:url(../images/btn_topmenu01.jpg) -30px left no-repeat;} #Weppc_Topmenu_Wrap .Weppc_Topmenu .Topmenu02On a {width:164px; background:url(../images/btn_topmenu02.jpg) -30px left no-repeat;} #Weppc_Topmenu_Wrap .Weppc_Topmenu .Topmenu03On a {width:145px; background:url(../images/btn_topmenu03.jpg) -30px left no-repeat;} #Weppc_Topmenu_Wrap .Weppc_Topmenu .Topmenu04On a {width:125px; background:url(../images/btn_topmenu04.jpg) -30px left no-repeat;} #Weppc_Topmenu_Wrap .Weppc_Topmenu .Topmenu05On a {width:178px; background:url(../images/btn_topmenu05.jpg) -30px left no-repeat;} #Weppc_Mid {margin:0px auto; overflow:hidden; width:956px; } #Weppc_Mid #showcase {float:left; margin:0; width:606px; height:275px; padding-left:26px; background:url(../images/bg_mainimg_swf.jpg) top right no-repeat;} #Weppc_Mid #schedule {float:left; padding:0; width:296px; height:275px; background:url(../images/img_index01.jpg) top left no-repeat;} #Board_index {clear:both; position:relative; width:956px; height:210px; color:#f8dab6; background:url(../images/bg_index_board.jpg) top left no-repeat; } #Board01 {position:absolute; top:30px; left:38px; } #Board01 h2 {display:block; margin-bottom:5px; } #Board01 dl {margin-left:10px; width:224px; } #Board01 dl dd {overflow:hidden; font-size:11px; line-height:15px; padding-top:5px; height:28px; } #Board01 dl dd a {color:#f8dab6; } #Board02 {position:absolute; top:30px; left:304px; } #Board03 {position:absolute; top:30px; left:492px; } #Copyright {color:#846a5b; font-size:11px; text-align:center; padding:30px 0; } #Copyright #border {width:840px; height:1px; border-top:1px solid #BAAB9E; margin:0 auto 10px; } #Copyright #txt02 {padding-top:15px; line-height:16px;} /*sub*/ #Leftmenu {float:left; overflow:block; padding-left:44px; width:191px; background:url(../images/bg_lmenu_bottom.jpg) no-repeat 44px bottom ; } #Leftmenu .top {width:191px; padding:18px 0 33px; text-align:center; background:url(../images/bg_lmenu_top.jpg) no-repeat top left; } #Leftmenu .top h2 {display:block; } #Leftmenu .top ul {clear:both; margin-left:23px; overflow:hidden; } #Leftmenu .top ul li a {float:left; padding:30px 0 0 0; overflow:hidden; width:145px; height: 0px !important; height /**/:30px; /* for IE5/Win only */} #Leftmenu .top ul li a:hover {background-position: 0 -30px; text-decoration:none; } #Leftmenu .top ul li a.selected {background-position: 0 -30px; } #Leftmenu .top ul .Lmenu_s {float:left; width:145px; padding:0; border-bottom:1px solid #B0B7BD; height: 30px !important; height /**/:30px; /* for IE5/Win only */} #Leftmenu .top ul .Lmenu_s a, #Leftmenu .top ul .Lmenu_s a:hover {width:70px; padding:0; margin-top:6px; line-height:10px; height: 18px !important; height /**/:18px; /* for IE5/Win only */} #Leftmenu .top ul .Lmenu01_01 a {background:url(../images/btn_lmenu_about01.jpg) top left no-repeat; } #Leftmenu .top ul .Lmenu01_02 a {background:url(../images/btn_lmenu_about02.jpg) top left no-repeat; } #Leftmenu .top ul .Lmenu01_03 a {background:url(../images/btn_lmenu_about03.jpg) top left no-repeat; } #Leftmenu .top ul .Lmenu01_04 a {background:url(../images/btn_lmenu_about04.jpg) top left no-repeat; } #Leftmenu .top ul .Lmenu01_05 a {background:url(../images/btn_lmenu_about05.jpg) top left no-repeat; } #Leftmenu .top ul .Lmenu02_01 a {background:url(../images/btn_lmenu_worship01.jpg) top left no-repeat; } #Leftmenu .top ul .Lmenu02_02 a {background:url(../images/btn_lmenu_worship02.jpg) top left no-repeat; } #Leftmenu .top ul .Lmenu03_01 a {background:url(../images/btn_lmenu_news01.jpg) top left no-repeat; } #Leftmenu .top ul .Lmenu03_02 a {background:url(../images/btn_lmenu_news02.jpg) top left no-repeat; } #Leftmenu .top ul .Lmenu03_03 a {background:url(../images/btn_lmenu_news03.jpg) top left no-repeat; } #Leftmenu .top ul .Lmenu04_01 a {background:url(../images/btn_lmenu_community01.jpg) top left no-repeat; } #Leftmenu .top ul .Lmenu04_02 a {background:url(../images/btn_lmenu_community02.jpg) top left no-repeat; } #Leftmenu .top ul .Lmenu04_03 a {background:url(../images/btn_lmenu_community03.jpg) top left no-repeat; } #Leftmenu .top ul .Lmenu04_05 a {background:url(../images/btn_lmenu_community05.jpg) top left no-repeat; } /* hkw add @2009.1228*/ #Leftmenu .top ul .Lmenu04_04 a {background:url(../images/btn_lmenu_community04.jpg) top left no-repeat; } #Leftmenu .top ul .Lmenu05_01 a {background:url(../images/btn_lmenu_register01.jpg) top left no-repeat; } #Weppc_Contents {float:right; padding-right:44px; width:667px; } #Weppc_Contents h3 {display:block; } #Weppc_Contents .C_bottom {width:667px; background:url(../images/bg_con_bottom.jpg) no-repeat bottom left; } #Weppc_Contents .C_top {width:597px; padding:35px; text-align:center; background:url(../images/bg_con_top.jpg) no-repeat top left; } #Weppc_Contents .C_top p {margin-bottom:20px; line-height:18px; text-align:left; } /*내용 뿌려지는 부분-좌측메뉴 없음*/ #Weppc_Contents_w {float:right; margin-right:44px; width:864px;} #Weppc_Contents_w h3 {display:block; } #Weppc_Contents_w .C_bottom {width:864px; background:url(../images/bg_con_bottom_w.jpg) no-repeat bottom left; } #Weppc_Contents_w .C_top {width:794px; padding:35px; text-align:center; background:url(../images/bg_con_top_w.jpg) no-repeat top left; } #Weppc_Contents_w .C_top p {margin-bottom:20px; line-height:18px; text-align:left; } /*사역자소개*/ .Weppc_staff01 {width:587px; height:209px; background:url(../images/img_staff01.jpg) no-repeat 0 0; } .Weppc_staff02 {width:587px; height:209px; background:url(../images/img_staff02.jpg) no-repeat 0 0; } .Weppc_staff03 {width:587px; height:209px; background:url(../images/img_staff03.jpg) no-repeat 0 0; } .Weppc_staff04 {width:587px; height:209px; background:url(../images/img_staff_chlee.jpg) no-repeat 0 0; } .Weppc_staff042 {width:587px; height:209px; background:url(../images/img_staff_ihmoon.jpg) no-repeat 0 0; } .Weppc_staff05 {width:587px; height:209px; background:url(../images/img_staff05.jpg) no-repeat 0 0; } .Weppc_staff06 {width:587px; height:209px; background:url(../images/img_staff06.jpg) no-repeat 0 0; } .Weppc_staff062 {width:587px; height:209px; background:url(../images/img_staff_yspark.jpg) no-repeat 0 0; } .Weppc_staff07 {width:587px; height:209px; background:url(../images/img_staff07.jpg) no-repeat 0 0; } /*회원가입*/ .ed {color:#484848; font-weight:normal; font-size:12px; font-family:돋움,dotum,verdana,san-serif,arial,apple-gothic; } /*New to PPC*/ .link_list {clear:both; } .link_list ul {float:left; margin-right:60px; } .link_list ul li {line-height:20px; } /*Slide*/ #slide { float: left; padding: 22px 0 0 18px; }