/* button */ .button { cursor:pointer; padding:3px; } .button_s { cursor:pointer; position:relative; padding: 0 5px; height:20px; line-height:20px; line-height:24px\9; display:inline-block; } .button_ss { cursor:pointer; position:relative; padding: 0 3px; height:18px; line-height:18px; line-height:20px\9; display:inline-block; } .button_m { cursor:pointer; position:relative; padding: 0 10px; height:24px; line-height:24px; line-height:28px\9; display:inline-block; } .button_l { cursor:pointer; position:relative; padding: 0 12px; height:28px; line-height:28px; line-height:32px\9; display:inline-block; } .button_xl { cursor:pointer; position:relative; padding: 0 15px; height:32px; line-height:32px; line-height:35px\9; display:inline-block; } .ui_button { cursor:pointer; padding:3px; } .ui_button_s { cursor:pointer; position:relative; padding: 0 5px 0 3px; height:20px; line-height:20px; line-height:24px\9; display:inline-block; } .ui_button_ss { cursor:pointer; position:relative; padding: 0 3px 0 2px; height:18px; line-height:18px; line-height:20px\9; display:inline-block; } .ui_button_m { cursor:pointer; position:relative; padding: 0 10px 0 5px; height:24px; line-height:24px; line-height:28px\9; display:inline-block; } .ui_button_l { cursor:pointer; position:relative; padding: 0 12px 0 6px; height:28px; line-height:28px; line-height:32px\9; display:inline-block; } .ui_button_xl { cursor:pointer; position:relative; padding: 0 15px 0 8px; height:32px; line-height:32px; line-height:35px\9; display:inline-block; } .notice { border: 1px solid #CCCCCC; margin: 20px auto 0px auto; padding:20px 20px; width: 610px; line-height:180%; background:#eee;} .about_title { position:relative; height:360px; background: url(../images/subtop_1.png) no-repeat left top; } .help_title { position:relative; height:375px; background:#e6e8e8 url(../images/help_title.png) no-repeat left top; } .community_Top_image { position:relative; height:375px; background:#ccc url(../images/subtop_3.png) no-repeat left top; } .jumana_Top_image { position:relative; height:375px; background:#ccc url(../images/jumana_201402.png) no-repeat left top; } .counsel_Top_image { position:relative; height:375px; background:#e6e8e8 url(../images/counsel_top.png) no-repeat left top; } .counsel_top { position:relative; height:210px; background:#e6e8e8 url(../images/counsel_top.png) no-repeat left top; } .media_title { position:relative; height:360px; background: url(../images/media_top.png) no-repeat left top; } .media_title a.onLive { display:block; position:absolute; top:40px; right:20px; width:58px; height:48px; background:url(../images/media_live.png) no-repeat left -48px; } .media_title a.onLive:hover { background-position:left top; } /* 2012-07-19_jsh .media_title .thumb { position:absolute; bottom:17px; right:20px; width:310px; height:230px; overflow:hidden;} .media_title .thumb img { width:320px; margin-top:-5px; margin-left:-5px;} .media_title .thumb .play_btn { position:absolute; top:75px; left:50%; margin-left:-58px; width:116px;height:38px; background:url(../images/media_player_start.png) no-repeat left top; } .media_title .thumb .media_meta { position:absolute; top:165px; left:0px; width:310px; height:65px; background:url(../images/media_bg_alpha.png)repeat left top; } .media_title .thumb .media_meta .title { position:absolute; top:10px; right:10px; width:300px; color:#fff; text-align:right; font-size:12px; font-weight:bold; letter-spacing:-50%; } .media_title .thumb .media_meta .bible { position:absolute; top:28px; right:10px; width:300px; color:#fff; text-align:right; font-size:11px; font-weight:normal; letter-spacing:-50%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .media_title .thumb .media_meta .summary { position:absolute; top:43px; right:10px; width:300px; color:#fff; text-align:right; font-size:12px; font-weight:normal; letter-spacing:-50%;} 2012-10-15_¿À·ûTV ´ãÀÓ¸ñ»ç´Ô Ç÷¹À̹öÆ° .media_title .thumb .play_btn { position:absolute; top:65px; left:50%; margin-left:-58px; width:116px;height:38px; background:url(../images/media_player_start.png) no-repeat left top; } */ .media_title .thumb { position:absolute; bottom:27px; right:14px; width:250px; height:180px; overflow:hidden;} .media_title .thumb img { width:250px; margin-top:-5px; margin-left:-5px;} .media_title .thumb .play_btn { position:absolute; top:148px; left:48px; margin-left:-48px; width:116px;height:38px; background:url(../images/media_play.png) no-repeat left top; } .media_title .thumb .media_meta { position:absolute; top:120px; left:0px; width:244px; height:65px; background:url(../images/media_bg_alpha.png)repeat left top; } .media_title .thumb .media_meta .title { position:absolute; top:10px; right:10px; width:300px; color:#fff; text-align:right; font-size:12px; font-weight:bold; letter-spacing:-50%; } .media_title .thumb .media_meta .bible { position:absolute; top:28px; right:10px; width:300px; color:#fff; text-align:right; font-size:11px; font-weight:normal; letter-spacing:-50%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .media_title .thumb .media_meta .summary { position:absolute; top:43px; right:10px; width:300px; color:#fff; text-align:right; font-size:12px; font-weight:normal; letter-spacing:-50%;} #oryunkim { position:absolute; top:337px; right:14px; width:250px; height:480px; overflow:hidden;} .media_title2 { position:relative; height:340px; background: url(../images/media_top2.png) no-repeat left top; } .media_title2 a.onLive2 { display:block; position:absolute; top:273px; right:20px; width:58px; height:48px; background:url(../images/media_live.png) no-repeat left -48px; } .media_title2 a.onLive2:hover { background-position:left top; } .media_title2 .thumb2 { position:absolute; bottom:13px; left:30px; width:250px; height:180px; overflow:hidden;} .media_title2 .thumb2 img { width:250px; margin-top:-5px; margin-left:-5px;} .media_title2 .thumb2 .play_btn2 { position:absolute; top:120px; left:48px; margin-left:-48px; width:245px;height:60px; background:url(../images/media_play2.png) no-repeat left top; } #media_meta2 { position:absolute; top:265px; left:280px; min-width:400px; height:60px; } .title2 { position:absolute; top:10px; left:10px; width:500px; color:#fff; text-align:left; font-size:20px; font-weight:bold; letter-spacing:-50%; } .bible2 { position:absolute; top:28px; left:120px; width:auto; color:#fff; text-align:right; font-size:15px; font-weight:normal; line-height:250%; letter-spacing:-50%; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .summary2 { position:absolute; top:28px; left:10px; width:80px; color:#fff; text-align:right; font-size:15px; font-weight:normal; line-height:250%; letter-spacing:-50%;} #oryunkim2 { position:absolute; top:290px; left:160px; width:550px; height:480px; overflow:hidden;} /* header */ .header {position:relative; width:950px; height:60px; margin:0px auto 0 auto; border-bottom:1px solid #b5b5b6; background:#f3f3f4;} .subHeader {position:relative; height:33px;margin-top:5px; border-bottom:none;} .header .logo { position:absolute; top:-30px; left:0px; width:205px; height:50px; margin-top:40px; margin-left:2px; margin-bottom:0px; display:block; background:#f3f3f4 url(../images/logo_main.png) no-repeat 0 0; font-size:0; text-indent: -99999px; z-index:199;} .header .logo:hover {background-position:0 -0px; } .header .top_nav { position:absolute; top:10px; left:200px; margin:0; padding: 0; z-index:9999;} .header .usr_img { float: right; margin: 8px 15px 0px 0px; width:35px; height:35px; border:1px solid #eee; background:url(../images/view_usr_photo_small.gif) no-repeat center top; } .header .info { position:absolute; top:20px; right:0px; width:350px; text-align:right; font-size:12px; margin: 5px 0 0px 0px; padding: 0px 0px 0px 0px; color: #333; vertical-align:top; z-index:9996;} .header .info a { padding:0; margin:0; font-size:12px; font-weight:normal; color:#9a9a9a; text-decoration:none; cursor:pointer; } .header .info .email { padding: 0px 0px 5px 0px; text-align:right; } .header .info .signout { padding: 3px 0px 1px 0px; color:#666; } .header .info .signout a { font-size: 12px; color: #666; } .header .topLink { position:absolute; top:15px; right:0px; margin:5px 0px 0px 0px; padding:0 10px 0 0; z-index:9995;} .subHeader .topLink { top:0px; } .header .topLink a { float:left;display:block; background-image:url(../images/nav.png); background-repeat: no-repeat; background-position:-630px -8px; cursor:pointer; text-indent:-99999px; margin-left:5px; } .header .topLink a.home {width:15px; height:20px; background-position: -620px -8px; } .header .topLink a.home:hover { background-position:-620px -78px; } .header .topLink a.login {width:35px; height:20px; background-position: -635px -8px; } .header .topLink a.login:hover { background-position:-635px -78px; } .header .topLink a.mypage {width:50px; height:20px; background-position:-675px -8px; } .header .topLink a.mypage:hover { background-position:-675px -78px; } .header .topLink a.acts { width:35px; height:20px; background-position: -728px -8px; } .header .topLink a.acts:hover { background-position:-728px -78px; } .header .topLink a.em { width:30px; height:20px; background-position: -762px -8px; } .header .topLink a.em:hover { background-position:-762px -78px; } .header .topLink a.admin { background:url(../images/icon_s_modify.gif) no-repeat 50% 50% ; } .header a:hover, .header a:active, .header a:focus {color: #FF0000; text-decoration: none; cursor: pointer;} .header .topLink .topSearchBar { position:absolute; top:35px; right:0px; width:270px; height:50px; background-color:#fff; border:#ddd 1px solid; display:none; z-index:50000;} .header .topLink .topSearchBar input { position:absolute; top:14px; left:15px; width:175px; height:22px; background:#d4d4d4 url(../images/fieldbg.gif) repeat-x scroll center top; border-color:#d4d4d4; border-style:solid; border-width:0px;} .header .topLink .topSearchBar .topSearchBtn { position:absolute; top:14px; right:15px; font-size:100%; margin:0; width:60px; height:22px; background:#69bcf3 url(../images/topSearchBtn.png) no-repeat left top; } .subHeader .logo { top:0px; width:122px; height:33px; background:#f8f8f8 url(../images/sub_logo.png) no-repeat 19px 7px; } .subHeader .logo:hover {background-position:19px 7px; } .subHeader .top_nav { top:0px; left:121px; } .subHeader .topLink .topSearchBar { top:28px; } /* LEVEL ONE */ ul.dropdown { } ul.dropdown {_height:1%;} *:first-child+html ul.dropdown {height:1%;} ul.dropdown :after{content:" "; display:block; clear:both; height:0; visibility:hidden; } ul.dropdown li { font-weight: bold; float:left; zoom: 1; } ul.dropdown li a { display:block; text-indent: -99999px;} ul.dropdown li.allNav { float:right; } ul.dropdown li.allNav a { border-right: none;background:#000; } ul.dropdown li.allNav a:hover { color:#ff0000; } /* Doesn't work in IE */ ul.dropdown li a.nav_0 { width:100px; height:40px; background-image: url(../images/nav.png); background-repeat: no-repeat; background-position: 0px 40px; } ul.dropdown li a.nav_0:hover, ul.dropdown li a.nav_1.selected { background-position:0px -100px; } ul.dropdown li a.nav_1 { width:90px; height:40px; background-image: url(../images/nav.png); background-repeat: no-repeat; background-position: 0px 0px; } ul.dropdown li a.nav_1:hover, ul.dropdown li a.nav_1.selected { background-position:0px -70px; } /* ul.dropdown li a.nav_2 { width:100px; height:40px; background-image: url(../images/nav.png); background-repeat: no-repeat; background-position: -94px 0px; } ul.dropdown li a.nav_2:hover, ul.dropdown li a.nav_2.selected { background-position:-94px -70px; } */ ul.dropdown li a.nav_3 { width:102px; height:40px; background-image: url(../images/nav.png); background-repeat: no-repeat; background-position: -194px 0px; } ul.dropdown li a.nav_3:hover, ul.dropdown li a.nav_3.selected { background-position:-194px -70px; } /* ul.dropdown li a.nav_4 { width:70px; height:40px; background-image: url(../images/nav.png); background-repeat: no-repeat; background-position: -296px 0px; } ul.dropdown li a.nav_4:hover, ul.dropdown li a.nav_4.selected { background-position:-296px -70px; } */ ul.dropdown li a.nav_5 { width:110px; height:40px; background-image: url(../images/nav.png); background-repeat: no-repeat; background-position: -321px 0px; } ul.dropdown li a.nav_5:hover, ul.dropdown li a.nav_5.selected { background-position:-321px -70px; } /* ul.dropdown li a.nav_6 { width:90px; height:40px; background-image: url(../images/nav.png); background-repeat: no-repeat; background-position: -446px 0px; } ul.dropdown li a.nav_6:hover, ul.dropdown li a.nav_6.selected { background-position:-446px -70px; } */ ul.dropdown li a.nav_7 { width:80px; height:40px; background-image: url(../images/nav.png); background-repeat: no-repeat; background-position: -530px 0px; } ul.dropdown li a.nav_7:hover, ul.dropdown li a.nav_7.selected { background-position:-530px -70px; } .subHeader ul.dropdown li a.nav_1 { width:99px; height:33px; background-image: url(../images/sub_nav.png); background-position: 0px 0px; } .subHeader ul.dropdown li a.nav_1:hover, .subHeader ul.dropdown li a.nav_1.selected { width:100px; background-position:0px -29px; background-color:#b5b5b6; margin-right:-1px; } .subHeader ul.dropdown li a.nav_2 { width:100px; height:33px; background-image: url(../images/sub_nav.png); background-position: -100px 0px; } .subHeader ul.dropdown li a.nav_2:hover, .subHeader ul.dropdown li a.nav_2.selected { width:100px; background-position:-100px -29px; background-color:#b5b5b6; margin-right:-1px; } .subHeader ul.dropdown li a.nav_3 { width:100px; height:33px; background-image: url(../images/sub_nav.png); background-position: -200px 0px; } .subHeader ul.dropdown li a.nav_3:hover, .subHeader ul.dropdown li a.nav_3.selected { width:100px; background-position:-200px -29px; background-color:#b5b5b6; margin-right:-1px; } .subHeader ul.dropdown li a.nav_4 { width:100px; height:33px; background-image: url(../images/sub_nav.png); background-position: -300px 0px; } .subHeader ul.dropdown li a.nav_4:hover, .subHeader ul.dropdown li a.nav_4.selected { width:100px; background-position:-300px -29px; background-color:#b5b5b6; margin-right:-1px; } .subHeader ul.dropdown li a.nav_5 { width:100px; height:33px; background-image: url(../images/sub_nav.png); background-position: -400px 0px; } .subHeader ul.dropdown li a.nav_5:hover, .subHeader ul.dropdown li a.nav_5.selected { width:100px; background-position:-400px -29px; background-color:#b5b5b6; margin-right:-1px; } .subHeader ul.dropdown li a.nav_6 { width:100px; height:33px; background-image: url(../images/sub_nav.png); background-position: -500px 0px; } .subHeader ul.dropdown li a.nav_6:hover, .subHeader ul.dropdown li a.nav_6.selected { width:100px; background-position:-500px -29px; background-color:#b5b5b6; margin-right:-1px; } .subHeader ul.dropdown li a.nav_7 { width:100px; height:33px; background-image: url(../images/sub_nav.png); background-position: -600px 0px; } .subHeader ul.dropdown li a.nav_7:hover, .subHeader ul.dropdown li a.nav_7.selected { width:100px; background-position:-600px -29px; background-color:#b5b5b6; margin-right:-1px; } ul.dropdown li a:hover { background-position:0px -30px; } .btnSitemap_main { display:block; width:950px; height:9px; background-color:#ffffff; } .btnSitemap { display:block; width:950px; background:#f7f8f8 url(../images/icon_openclose.png) no-repeat 50% 4px; height:9px; padding-top:4px; text-align:center; } .btnSitemap:hover { background-color:#eee;} .btnSitemap.hide { background:#eee url(../images/icon_openclose.png) no-repeat 50% -22px; } .btnSitemap.hide:hover { background-color:#ddd;} .btnSitemap_sub { display:block; width:100%; background:#f7f8f8 url(../images/icon_openclose.png) no-repeat 50% 4px; height:9px; padding-top:4px; text-align:center; border-top:1px solid #b5b5b6; } .btnSitemap_sub:hover { background-color:#eee;} .btnSitemap_sub.hide { background:#eee url(../images/icon_openclose.png) no-repeat 50% -22px; } .btnSitemap_sub.hide:hover { background-color:#ddd;} .sitemap {position:absolute; top:33px; left:50%; width:950px; height:169px; margin-left:-475px; padding:0; display:none; background:transparent url(../images/nav_bg.png) no-repeat left top; } .sitemap ul.map1 { width:180px; height:270px; position:absolute; top:0px; left:0px; } .sitemap ul.map2 { width:180px; height:270px; position:absolute; top:0px; left:180px; } .sitemap ul.map3 { width:180px; height:270px; position:absolute; top:0px; left:360px; } .sitemap ul.map4 { width:180px; height:270px; position:absolute; top:0px; left:540px; } .sitemap ul.map5 { width:218px; height:270px; position:absolute; top:0px; left:720px; } .sitemap ul li:first-child { margin-top:20px; } .sitemap ul li { margin: 0 10px; letter-spacing:-1px;} .sitemap ul li a{color:#7e8f9b; display:block; padding:3px 0px 3px 12px; font-size:13px; font-weight:normal; letter-spacing:-20%; } .sitemap ul li a:hover , .sitemap ul li:hover { background:#7e8f9b; color:#fff; } .sitemap ul li.group { margin-bottom:3px;} .sitemap ul li.group a { color:#555; display:block; padding:5px 0px 5px 12px; font-size:14px; font-weight:bold; letter-spacing:-1px;} .sitemap ul li.group div { color:#555; display:block; padding:5px 0px 5px 12px; font-size:14px; font-weight:bold; letter-spacing:-1px;} .sitemap ul li.group a:hover , .sitemap ul li.group:hover, .sitemap ul li.group div:hover { background:#4e8ecb; color:#fff; } .sitemap ul li.groupBar { padding-top:15px; border-top:1px solid #e7e7e7; margin-top:0px;} .sitemap ul li.groupBar5 { padding-top:15px; border-top:1px solid #e7e7e7; margin-top:10px;} .sitemap ul li.groupBar4 { padding-top:0px; border-top:1px solid #e7e7e7; margin-top:15px;} .sitemap ul li.groupBar3 { padding-top:15px; border-top:1px solid #e7e7e7; margin-top:52px;} .sitemap ul li.groupBar2 { padding-top:15px; border-top:1px solid #e7e7e7; margin-top:73px;} .sitemap ul li.groupBar1 { padding-top:15px; border-top:1px solid #e7e7e7; margin-top:94px;} .sitemap ul li.groupBar:hover { background:#fff; color:#fff; } .sitemap .banner1 { position:absolute; top:30px; right:0px; width:230px; height:123px; } .sitemap .banner2 { position:absolute; top:180px; right:22px; width:230px; height:123px; } .sitemap .hotLink { position:absolute; top:125px; right:408px; width:181px; height:38px; } .toolbar .close { position:absolute; top:auto; right:10px; bottom:10px; width:70px; height:25px; background: url(../images/close.png) no-repeat 50% 50%; font-size:0; text-indent: -99999px; z-index:19999; display:none;} .toolbar_sub .close { position:absolute; top:auto; right:10px; bottom:10px; width:70px; height:25px; background: url(../images/close.png) no-repeat 50% 50%; font-size:0; text-indent: -99999px; z-index:19999; display:none;} /* Footer */ .footer {position:relative; width:950px; margin:17px auto 0 auto; padding:0 0 30px 0; background-color:#fff; } .footer {_height:1%;} *:first-child+html .footer {height:1%;} .footer:after{content:" "; display:block; clear:both; height:0; visibility:hidden; } .footer .copy {position:relative; height:50px; margin-top:15px; text-align: center; color:#a0a0a0; font-size:11px; } .footer .copy a { display:inline-block; margin: 0 24px 0 24px; color:#a0a0a0; line-height: 30px; font-size:11px; } .footer .copy p strong { color:#777777; } .footer .copy p .contect { margin-left: 14px; } .footer .family {position:relative; margin-top:0px; height:67px; padding:0; background: url(../images/family.png) no-repeat 50% 50%;} .footer .family ul.sns { position:absolute; top:50%; left:25px; margin-top:-14px; } .footer .family ul.sns {_height:1%;} *:first-child+html .footer .family ul.sns {height:1%;} .footer .family ul.sns :after{content:" "; display:block; clear:both; height:0; visibility:hidden; } .footer .family ul.sns li { float:left; margin-right:17px; } .footer .family ul.sns li a{ display:block; width:27px; height:27px; background-image: url(../images/sns.png); background-repeat: no-repeat; background-position: 0px 0px;} .footer .family ul.sns li a.facebook { background-position: 0px 0px;} .footer .family ul.sns li a.facebook:hover { background-position:0px -27px; } .footer .family ul.sns li a.twitter { background-position: -27px 0px;} .footer .family ul.sns li a.twitter:hover { background-position:-27px -27px; } .footer .family ul.sns li a.youtube { background-position: -54px 0px;} .footer .family ul.sns li a.youtube:hover { background-position:-54px -27px; } .footer .family ul.sns li a.me2day { background-position: -81px 0px;} .footer .family ul.sns li a.me2day:hover { background-position:-81px -27px; } .footer .link { position:absolute; top:25px; left:830px; } .footer .logo { list-style:none; } .footer .logo {_height:1%;} *:first-child+html .footer .logo {height:1%;} .footer .logo:after{content:" "; display:block; clear:both; height:0; visibility:hidden; } .footer .logo li { float:left; display:block; position:relative; margin-left:30px; color:#999; line-height:150%;} .footer .logo li a { color:#666; } .footer .logo li .company { padding:0; font-size:12px; } .footer .logo li .copyright { padding:0; font-size:12px; } .board { float:right; width:750px; min-height:400px; margin-right:0px; padding-top:15px; margin-bottom:0px; } .board .location {color:#7e7e7e; font-size:12px; font-weight:normal; text-align:left; border-bottom:1px solid #e7e7e7; border-top:1px solid #e7e7e7; padding:7px 0 7px 10px; } .board .location span.current { display:inline-block; color:#fff; font-size:12px; font-weight:bold; background: url(../images/nav_history_bar_current.png) no-repeat left 50%; padding:3px 10px 1px 15px; margin-left:5px; } .board .location span.bar { display:inline-block; color:#999; font-size:12px; width:20px; height:16px; background: url(../images/nav_history_bar.png) no-repeat 50% 50%;} .board .category_title { margin-top:20px; font-size:20px; font-weight:bold; } .board h1 { margin:15px 0 0 0; } .board h2 { color:#aaa; font-size:12px; margin:13px 0 0; padding:0 0 24px; line-height:150%; } .board h2.red { color:#890327; font-weight:normal; font-size:24px; line-height:100%; margin:13px 0 0; padding:0 0 24px; } .boardFormBox { border:18px solid #d6d6d6; margin-bottom:0px; } .boardFormBox .subject { margin: 20px 30px 20px 30px; height:40px; border-bottom:9px solid #d6d6d6; background:url(../images/community_form_subject.png) no-repeat 20px 10px; } .boardFormBox form ul { display:block; list-style:none; margin:30px 30px;} .boardFormBox form ul li { display:block; margin:0; padding:10px 5px 10px 20px; } .boardFormBox form ul li{_height:1%;} *:first-child+html .boardFormBox form ul li{height:1%;} .boardFormBox form ul li:after{content:" "; display:block; clear:both; height:0; visibility:hidden; } .boardFormBox form ul li span.req {color:red !important; display:inline-block; float:none; font-weight:bold; margin:0; padding:0; } .boardFormBox form ul li span.help { color:#999 !important; display:block; float:none; font-weight:normal; margin: 0; padding:0; } .boardFormBox form ul li label.desc { float:left; width:70px; border:medium none; color:#666; display:block; font-size:1em; font-weight:normal; line-height:150%; margin:0; padding:0 0 1px; } .boardFormBox form ul li input.large, form ul li select.large, form ul li textarea.large { width:98% !important; } .boardFormBox form ul li input.text, form ul li input.search, form ul li textarea.textarea { float:left; background:#FFFFFF url(../images/fieldbg.gif) repeat-x scroll center top; border-color:#7C7C7C #C3C3C3 #DDDDDD; border-style:solid; border-width:1px;} .boardFormBox form ul li input.text, form ul li input.search, form ul li input.file, form ul li textarea.textarea, form ul li select.select { color:#333333; font-family:"Lucida Grande",Tahoma,Arial,sans-serif; font-size:100%; margin:0; padding:3px 1px; } .boardFormBox form ul li input.checkbox, ul li input.radio { display:inline-block; height:13px; margin:3px 0 0; padding:0; width:13px; } .boardFormBox .submitBox { border-top:1px solid #c8c6c6; margin:10px 25px; padding:23px 98px;} .boardFormBox .submitBox a.btnSubmit { background-color:#727272; color:#fff; font-weight:bold; padding:10px 30px; } .boardFormBox .submitBox a.btnCancel { background-color:#c5c5c5; color:#fff; font-weight:bold; padding:10px 30px;} .boardFormBox .noticeBox { background-color:#f8f8f8; padding:20px 25px; margin:50px 25px 30px 25px; color:#666;} .event ul {list-style: none; border-top:1px solid #eee; padding:17px 0 20px; } .event li.design_is { color:#000; font-size:25px; font-weight:bold; } .event li.date { color:#7F7F7F; } .event li.comment { color:#000; padding:15px 10px 22px 0; line-height:160%;} .event li.writer { color:#000; } .thinks ul {list-style: none; border:none;} .thinks li { margin-right:5px; float:left; } .subTitle_1 { margin:10px 20px 20px 10px; width:170px; height:20px; background:transparent url(../images/l_menu_01.png) no-repeat left top; color:#999; padding-top:40px; padding-left:5px; } .subTitle_2 { margin:10px 20px 20px 10px; width:170px; height:20px; background:transparent url(../images/l_menu_02.png) no-repeat left top; color:#999; padding-top:40px; padding-left:5px; } .subTitle_3 { margin:10px 20px 20px 10px; width:170px; height:20px; background:transparent url(../images/l_menu_03.png) no-repeat left top; color:#999; padding-top:40px; padding-left:5px; } .subTitle_4 { margin:10px 20px 20px 10px; width:170px; height:20px; background:transparent url(../images/l_menu_04.png) no-repeat left top; color:#999; padding-top:40px; padding-left:5px; } .subTitle_5 { margin:10px 20px 20px 10px; width:170px; height:20px; background:transparent url(../images/l_menu_05.png) no-repeat left top; color:#999; padding-top:40px; padding-left:5px; } ul.navigation { list-style: none; padding:0 0 0 0; margin:10px 0 0 0; overflow:hidden; background-color:#f7f7f7;} ul.navigation li { padding:0; margin:0px 0 0 0; clear:both;} ul.navigation li a { color:#555555; display:block; font-size:14px; padding-left:25px; height:20px; line-height:20px; line-height:23px\9; margin:20px 0 0 0; cursor:pointer; font-weight:normal; font-weight:bold; letter-spacing:-1.5px; } ul.navigation li a:hover { font-weight:bold; color:#fff; background-color:#66839e; } ul.navigation li a.selected{ color:#555555; font-weight:bold; } ul.navigation li ul { margin:0; list-style: none; clear:both; } ul.navigation li ul li { padding:0; margin:0px 0 0 0; clear:both; } ul.navigation li ul li a { color:#999999; display:block; font-size:12px; padding-left:25px; height:17px; line-height:17px; line-height:19.5px\9; margin:10px 0 0 0; cursor: pointer; font-weight:normal; letter-spacing:-1.3px; } ul.navigation li ul li a:hover { font-weight:bold; color:#fff; background-color:#b5b5b6; } ul.navigation li ul li a.selected { font-weight:bold; color:#e76f0b; } ul.counselNavigation { list-style: none; padding:0 0 20px 0; margin:0px 0 0 0; overflow:hidden; background-color:#f8f8f8;} ul.counselNavigation li { padding:0; margin:0px 0 0 0; clear:both;} ul.counselNavigation li span { color:#555555; display:block; font-family:dotum; font-size:13px; padding-left:25px; height:25px; line-height:25px; line-height:28px\9; margin:15px 0 0 0; cursor:pointer; font-weight:normal; font-weight:bold; letter-spacing:-50%; } ul.counselNavigation li a { color:#555555; display:block; font-family:dotum; font-size:13px; padding-left:25px; height:25px; line-height:25px; line-height:28px\9; margin:15px 0 0 0; cursor:pointer; font-weight:normal; font-weight:bold; letter-spacing:-50%; } ul.counselNavigation li a:hover { font-weight:bold; color:#fff; background-color:#cacaca; } ul.counselNavigation li a.selected{ color:#555555; font-weight:bold; } ul.counselNavigation li ul { margin:0; list-style: none; clear:both; margin:0px; background:url(../images/pNavigation_bar.png) no-repeat 50% top; } ul.counselNavigation li ul li { padding:0; margin:0px 0 0 0; clear:both; } ul.counselNavigation li ul li:first-child { padding-top:3px;} ul.counselNavigation li ul li a { color:#999999; display:block; font-size:12px; padding-left:25px; height:17px; line-height:17px; line-height:19.5px\9; margin:3px 0 0 0; cursor: pointer; font-weight:normal; letter-spacing:-100%; } ul.counselNavigation li ul li a:hover { font-weight:normal; color:#fff; background-color:#b5b5b6; } ul.counselNavigation li ul li a.selected { font-weight:normal; color:#e76f0b; } ul.deskNavigation { list-style: none; padding:30px 0 50px 0; margin:0px 0 0 0; overflow:hidden; background-color:#a2a2a2; width:165px;} ul.deskNavigation li { padding:0; margin:15px 0 0 0; clear:both;} ul.deskNavigation li span { color:#fff; display:block; font-family:dotum; font-size:13px; padding-left:20px; height:25px; line-height:25px; line-height:28px\9; margin:15px 0 0px 0; cursor:pointer; font-weight:normal; font-weight:bold; letter-spacing:-50%;} ul.deskNavigation li a { color:#fff; display:block; font-family:dotum; font-size:13px; padding-left:20px; height:25px; line-height:25px; line-height:28px\9; margin:15px 0 0px 0; cursor:pointer; font-weight:normal; font-weight:bold; letter-spacing:-50%; } ul.deskNavigation li a:hover { font-weight:bold; color:#6d6c6c; background-color:#b5b5b6; } ul.deskNavigation li a.selected{ color:#ebf14c; font-weight:bold; } ul.deskNavigation li ul { margin:0; list-style: none; clear:both; margin:0px; background:url(../images/pNavigation_bar.png) no-repeat 50% top; } ul.deskNavigation li ul li { padding:0; margin:0; clear:both; } ul.deskNavigation li ul li:first-child { padding-top:3px;} ul.deskNavigation li ul li a { color:#fff; display:block; font-size:12px; padding-left:20px; height:19px; line-height:19px; line-height:21px\9; margin:3px 0 0 0; cursor: pointer; font-weight:normal; letter-spacing:-100%; } ul.deskNavigation li ul li a:hover { font-weight:normal; color:#6d6c6c; background-color:#b5b5b6; } ul.deskNavigation li ul li a.selected { font-weight:bold; color:#ebf14c; } ul.accountNavigation { list-style: none; padding:0 0 50px 0; margin:0px 0 0 0; overflow:hidden; background-color:#a2a2a2; width:165px;} ul.accountNavigation li { padding:0; margin:15px 0 0 0; clear:both;} ul.accountNavigation li span { color:#fff; display:block; font-size:15px; padding-left:20px; height:23px; line-height:23px; line-height:25px\9; margin:5px 0 4px 0; font-weight:bold; letter-spacing:-1.3px; } ul.accountNavigation li a { color:#fff; display:block; font-size:15px; padding-left:20px; height:23px; line-height:23px; line-height:25px\9; margin:5px 0 4px 0; cursor:pointer; font-weight:bold; letter-spacing:-1.3px; } ul.accountNavigation li a:hover { font-weight:bold; color:#6d6c6c; background-color:#b5b5b6; } ul.accountNavigation li a.selected{ color:#ebf14c; font-weight:bold; } ul.accountNavigation li ul { margin:0; list-style: none; clear:both; margin:0px; background:url(../images/pNavigation_bar.png) no-repeat 50% top; } ul.accountNavigation li ul li { padding:0; margin:0; clear:both; } ul.accountNavigation li ul li a { color:#fff; display:block; font-size:12px; padding-left:20px; height:19px; line-height:19px; line-height:21px\9; margin:3px 0 0 0; cursor: pointer; font-weight:normal; letter-spacing:-1px; } ul.accountNavigation li ul li a:hover { font-weight:normal; color:#6d6c6c; background-color:#b5b5b6; } ul.accountNavigation li ul li a.selected { font-weight:bold; color:#ebf14c; } a.myCoucel { display:block; margin-top:0px; width:190px; height:30px; text-align:center; font-size:15px; font-weight:bold; line-height:30px; line-height:35px\9; overflow:hidden; letter-spacing:-1.3px; color:#fff; background-color:#a8b2be; } a.myCoucel:hover { color:#607288; background-color:#dde1e6; } /* form */ ul { list-style: none; } form input.large, form select.large, form textarea.large { width:100% !important; } form input.text, form input.search, form textarea.textarea { background:#FFFFFF url(../images/fieldbg.gif) repeat-x scroll center top; border-color:#7C7C7C #C3C3C3 #DDDDDD; border-style:solid; border-width:1px;} form input.text, form input.search, form input.file, form textarea.textarea, form select.select { color:#333333; font-family:"Lucida Grande",Tahoma,Arial,sans-serif; font-size:100%; margin:0; padding:3px 1px; } form input.checkbox, input.radio { display:inline-block; height:13px; margin:3px 0 0; padding:0; width:13px; } .request { margin-left:20px; } .request_btn_box {margin-top:20px; text-align:center; } .error { padding:3px; margin-top:5px; width:96.5% !important} /* media */ table.mediaNavTable { border-collapse:collapse; margin:0; } table.mediaNavTable td { background-color:#f7f7f7; } ul.mediaNavigation { list-style: none; padding:20px 0 0 0; margin:0 0 0 0; overflow:hidden; background-color:#f7f7f7;} ul.mediaNavigation li { padding:0; margin:5px 0 0 0; clear:both;} ul.mediaNavigation li a { color:#555555; display:block; font-size:13px; padding-left:25px; height:20px; line-height:20px; line-height:23px\9; margin:15px 0 0 0; cursor:pointer; font-weight:normal; font-weight:bold; letter-spacing:-1.5px; } ul.mediaNavigation li a:hover { font-weight:bold; color:#fff; background-color:#b5b5b6; } ul.mediaNavigation li a.selected{ color:#e76f0b; font-weight:bold; } ul.mediaNavigation li ul {margin:0; list-style: none; clear:both; margin:0px; background:url(../images/mediaNavigation_bar.png) no-repeat 50% top; } ul.mediaNavigation li ul li { padding:0; margin:0; clear:both; } ul.mediaNavigation li ul li:first-child { padding-top:3px;} ul.mediaNavigation li ul li a { color:#999999; display:block; font-size:12px; padding-left:25px; height:17px; line-height:17px; line-height:19.5px\9; margin:3px 0 0 0; cursor: pointer; font-weight:normal; letter-spacing:-1.3px; } ul.mediaNavigation li ul li a:hover { font-weight:normal; color:#fff; background-color:#b5b5b6; } ul.mediaNavigation li ul li a.selected { font-weight:bold; color:#e76f0b; } .mediaLocation { background-color:#b5b5b6;} .mediaLocation {_height:1%;} *:first-child+html .mediaLocation {height:1%;} .mediaLocation:after{content:" "; display:block; clear:both; height:0; visibility:hidden; } .mediaLocation .live { float:left; width:375px; height:23px; overflow:hidden; background:#4e8ecb url(../images/mediaLive.png) no-repeat 6px 50%; } .mediaLocation .live a {margin-left:35px; display:block; color:#fff; width:300px; height:23px; line-height:23px; display:block;} .mediaLocation .week { float:left; width:390px; height:23px; overflow:hidden; background:#b5b5b6 url(../images/mediaWeekBible.png) no-repeat 6px 50%;} .mediaLocation .week ul { margin-left:50px; display:block;} .mediaLocation .week ul li { padding:0; margin:0; clear:both; width:340px; height:23px; line-height:23px; display:none; } .mediaLocation .week ul li.rollSelected {display:block; width:340px; } .mediaLocation .week ul li a { color:#fff; width:340px; display:block;} .mediaLocation .search { float:right; background-color:#898989; width:230px; height:23px; } .mediaLocation .search input { width:183px; height:14px; border:0px; margin:4px 0 0 5px;} .mediaLocation .search a.btnSearch { display:inline-block; background-color:#4e8ecb; width:32px; height:13px; background:#b5b5b6 url(../images/searchBtn.png) no-repeat left top; } .media_t {float:left; width:770px; min-height:30px; padding:0; margin-right:0px; padding-top:20px; margin-bottom:0px; } .media_t .location {color:#7e7e7e; font-size:12px; font-weight:normal; text-align:left; border-bottom:1px solid #e7e7e7; border-top:1px solid #e7e7e7; padding:7px 0 7px 10px; } .media_t .location {color:#7e7e7e; font-size:12px; font-weight:normal; text-align:left; border-bottom:1px solid #e7e7e7; border-top:1px solid #e7e7e7; padding:7px 0 7px 10px; } .media_t .location span.current { display:inline-block; color:#fff; font-size:12px; font-weight:bold; background: url(../images/nav_history_bar_current.png) no-repeat left 50%;; padding:1px 10px 1px 15px; margin-left:5px; } .media_t .location span.bar { display:inline-block; color:#999; font-size:12px; width:20px; height:16px; background: url(../images/nav_history_bar.png) no-repeat 50% 50%; } .media {float:left; width:770px; min-height:30px; padding:0; margin-right:0px; padding-top:10px; margin-bottom:0px; } .media {_height:1%;} *:first-child+html .media {height:1%;} .media:after{content:" "; display:block; clear:both; height:0; visibility:hidden; } .media .location {color:#7e7e7e; font-size:12px; font-weight:normal; text-align:left; border-bottom:1px solid #e7e7e7; border-top:1px solid #e7e7e7; padding:7px 0 7px 10px; } .media .location span.current { display:inline-block; color:#fff; font-size:12px; font-weight:bold; background: url(../images/nav_history_bar_current.png) no-repeat left 50%;; padding:1px 10px 1px 15px; margin-left:5px; } .media .location span.bar { display:inline-block; color:#999; font-size:12px; width:20px; height:16px; background: url(../images/nav_history_bar.png) no-repeat 50% 50%; } .media .worldtime {position:relative; width:709px; height:318px; margin-top:50px; margin-left:150px; } /* tabs */ .media .SearchLocation {position:relative; color:#494949; font-size:12px; padding:10px 5px; margin:10px 0; } .media .SearchLocation .keyword { color:#d25807; font-size:14px; font-weight:bold;} .media .SearchLocation .count { color:#d25807; font-size:12px; font-weight:bold;} .media .tabs { border-bottom:1px solid #c6c6c6; display:block; margin-bottom:1px; width:720px; padding-left:30px;} .media .tabs {_height:1%;} *:first-child+html .media .tabs {height:1%;} .media .tabs:after{content:" "; display:block; clear:both; height:0; visibility:hidden; } .media .tabs ul { list-style: none; } .media .tabs li { float:left; cursor: pointer; color:#a1a0a0; display:block; padding:0px 15px; height:35px; line-height:35px; margin-bottom:-1px; margin-left:5px; background:#fff; } .media .tabs li a { color:#a1a0a0; } .media .tabs li.sel { float:left; color:#000; font-weight:bold; display:block; padding:0px 15px; height:35px; line-height:35px; margin-bottom:-1px; margin-left:5px; border-top:1px solid #c6c6c6; border-left:1px solid #c6c6c6; border-right:1px solid #c6c6c6; border-bottom:1px solid #fff; background:#fff; } .media .tabs li.sel a { color:#000; } .media .tabs li.listSearch { position:relative; float:right; width:240px; padding:0px; text-align:right;} .media .tabs li.listSearch input { display:inline-block; width:160px; height:20px; line-height:20px; margin:5px 0 0 0; border:1px solid #c9c8c8; } .media .tabs li.listSearch a.btnSearch { display:inline-block; width:39px; height:20px; line-height:20px; text-align:center; margin:5px 0 3px 0px; border:1px solid #c9c8c8; } ul.media { list-style:none; width:760px; margin:0; padding:0; border-bottom:1px #c7c7c7 solid;} ul.media {_height:1%;} *:first-child+html ul.media {height:1%;} ul.media:after{content:" "; display:block; clear:both; height:0; visibility:hidden; } ul.media .item {float:left; position:relative; width:372px; height:118px; margin: 5px 5px 5px 5px; background-color:#fff; } ul.media .disabled {background-color:#eee; } ul.media .item .thumb { position:absolute; top:5px; left:5px; margin:0; text-align:center; } ul.media .item .thumb a{ display:block; position:relative; background-repeat:no-repeat; background-position:50% 50%; margin:0; padding:0; text-align:center; background-color:#000; overflow:hidden; } ul.media .item .thumb img { /*width:150px; height:100px; */ } ul.media .item .info { position:absolute; top:15px; left:180px; overflow:hidden;} ul.media .item .info .title { width:165px; margin-top:0px; color:#333; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} ul.media .item .info .title a{ margin-top:0px; font-weight:bold; letter-spacing:-1px; color:#333; font-family:dotum; letter-spacing:-50%;} ul.media .item .info .summary { position:relative; width:120px; margin-top:5px; font-size:11px; color:#989898; text-overflow:ellipsis; overflow:hidden; font-family:gulim; letter-spacing:-50%;} ul.media .item .info .meta { width:120px; margin-top:5px; font-size:12px;} ul.media .item .info .meta span.hit { display:inline-block; background:url(../images/iconHit.png) no-repeat left 50%; padding-left:15px; font-size:12px; color:#989898; text-overflow:ellipsis; overflow:hidden; letter-spacing:-1px;} ul.media .item .info .meta span.scrap { display:inline-block; background:url(../images/iconScrap.png) no-repeat left 50%; padding-left:15px; font-size:12px; color:#989898; text-overflow:ellipsis; overflow:hidden; letter-spacing:-1px;} ul.media .item .info .meta span.good { margin-left:10px; display:inline-block; background:url(../images/iconGood.png) no-repeat left 50%; padding-left:15px; font-size:12px; color:#989898; text-overflow:ellipsis; overflow:hidden; letter-spacing:-1px;} ul.media .item .info .category { position:relative; display:block; margin-top:5px;} ul.media .item .info .status { position:relative; display:block; margin-top:5px;} ul.media .item .info .status .src { padding:1px 5px; margin-right:5px; border:1px solid #333; display:inline-block; color:#333; } ul.media .item .info .status .empty { padding:1px 5px; margin-right:5px; border:1px solid #ddd; display:inline-block; color:#ddd; } ul.media .item .info .speaker { width:120px; margin-top:8px; text-overflow:ellipsis; overflow:hidden; color:#989898; letter-spacing:-1px; font-family:dotum; letter-spacing:-50%;} ul.media .item .action { position:absolute; bottom:10px; right:20px; } ul.media .item .is_open { position:absolute; top:10px; right:20px; color:#ff0000; font-weight:bold;} ul.media .item.end { margin: 5px 0px 10.5px 5px; } .media .detail { padding-top:5px; padding-bottom:0px; overflow:hidden; font-size:12px; margin:0 0px 0 0;} .media .detail .title { margin-left:25px; font-size:16px; font-weight:bold; color:#ea5514; line-height:160%; font-family:dotum; letter-spacing:-100%; } .media .detail .title span.speaker { color:#B2B2B2; margin-left:10px; font-weight:normal; font-size:12px; font-family:gulim; letter-spacing:-100%; } .media .detail .title span.displayDate { color:#B2B2B2; margin-left:5px; font-weight:normal; font-size:12px; font-family:gulim; letter-spacing:0; } /* 2012-09-10_jsh */ .media .detail .title_a { margin-left:0px; font-size:16px; font-weight:bold; color:#ea5514; line-height:160%; font-family:dotum; } .media .detail span.speaker { color:#B2B2B2; margin-left:10px; font-weight:normal; font-size:12px; font-family:gulim; letter-spacing:-100%; } .media .detail span.displayDate { color:#B2B2B2; margin-left:5px; font-weight:normal; font-size:12px; font-family:gulim; letter-spacing:0; } .media .detail .subject { margin-top:10px; margin-left:15px; font-size:16px; font-weight:bold; color:#4b4b4b; line-height:160%; font-family:dotum; } .media .detail .meta { color:#B2B2B2; margin-top:5px;} .media .detail .meta .date { display: inline-block; height:16px; color:#B2B2B2; margin-right:5px; padding-left:20px; background: url(../images/icons-normal.png) no-repeat left 0px; } .media .detail .meta .author { display: inline-block; height:16px; color:#B2B2B2; margin-right:5px; padding-left:20px; background: url(../images/icons-normal.png) no-repeat left -16px; } .media .detail .meta .comment { display: inline-block; height:16px; color:#B2B2B2; margin-right:5px; padding-left:20px; background: url(../images/icons-normal.png) no-repeat left -32px; } .media .detail .meta a:hover span{ color:#BE261E; } .media .detail .meta a:hover span.date { background: url(../images/icons-hover.png) no-repeat left 0px; } .media .detail .meta a:hover span.author { background: url(../images/icons-hover.png) no-repeat left -16px; } .media .detail .meta a:hover span.comment { background: url(../images/icons-hover.png) no-repeat left -32px; } .media .detail .url{ text-align:right; color:#999; margin-right:5px; } .media .detail .url a{color:#999; } .media .detail .content { margin-left:25px; color:#666; line-height:160%;} .media .detail .video-js-box { position:relative; margin-left:25px; margin-bottom:10px; } .media .detail .video-js-box #player { position:relative; margin:auto;} .media .detail .video-js-box #player img{ position:absolute; top:199px; left:279px; } form ul.media { list-style: none; } form ul.media li { clear:both; display:block; margin:10px 0 0 0 ; padding:3px 5px 3px 5px; } form ul.media li {_height:1%;} *:first-child+html form ul.media li {height:1%;} form ul.media li:after{content:" "; display:block; clear:both; height:0; visibility:hidden; } form ul.media li ul li{ clear:both; display:block; margin:0; padding:0; } form ul.media li span.req {color:red !important; display:inline-block; float:none; font-weight:bold; margin:0; padding:0; } form ul.media li span.help { color:#999 !important; display:inline-block; float:none; font-weight:normal; margin:3px 0 0 0; padding:0; } form ul.media li label.desc {float:left; width:100px; text-align:right; border:medium none; color:#222222; display:block; font-size:1em; font-weight:normal; line-height:150%; margin:0; padding:0 0 1px; margin-right:10px; } #file_box { position:relative;} #loading { position:absolute; top:0px; left:0px; background-color:#000; background-color:rgba(0,0,0,.7); filter: alpha(opacity:'70'); z-index:10003 !important; display:none; width:100%; height:100%;} #loading img { position:absolute; top:50%; left:50%; margin:-16px 0 0 -16px; width:32px; height:32px; border:none; } .mediaFilter { position:relative; margin-top:40px; margin-bottom:40px;} .mediaFilter {_height:1%;} *:first-child+html .mediaFilter {height:1%;} .mediaFilter:after{content:" "; display:block; clear:both; height:0; visibility:hidden; } .mediaFilter ul {} .mediaFilter ul li { float:left; width:250px;} .mediaFilter ul li h1 { font-size:16px; color:#898989; margin-bottom:10px; } .mediaFilter ul li a { font-size:12px; color:#898989; display:inline-block; margin:5px 5px 0 0; } .mediaFilter ul li a:hover { color:#666; } .mediaFilter ul li .mnotice { margin:0 auto 0 auto; width:140px; } .mediaFilter ul li .mnotice .mnoticeTitle{margin-bottom:5px; width:100px; height:20px; background: url(../images/mediaBottomTitle_1.png) no-repeat left top; } .mediaFilter ul li .bible { margin:0 0 0 15px; text-align:justify; width:220px;} .mediaFilter ul li .bible .bibleTitle_1{margin-bottom:5px; width:100px; height:20px; background: url(../images/mediaBottomTitle_2.png) no-repeat left top; } .mediaFilter ul li .bible .bibleTitle_2{margin-bottom:5px; width:100px; height:20px; background: url(../images/mediaBottomTitle_3.png) no-repeat left top; } .mediaFilter ul li .bible a { font-size:11px; color:#898989; display:inline-block; margin:5px 0 0 0; font-family:dotum; letter-spacing:-100%; } .mediaFilter ul li .vision { margin:0 0 0 15px; width:220px; } .mediaFilter ul li .vision .visionTitle{margin-bottom:5px; width:100px; height:20px; background: url(../images/mediaBottomTitle_4.png) no-repeat left top; } /* 2012-10-15_jsh */ /* 2012-12-07_lym */ .mediaFoot_ { border:1px solid #dadada; padding:12px 0; margin:0 0 0 0px; overflow:hidden; } /** ´ãÀÓ ¸ñ»ç´Ô »çÁøºÎ**/ .mediaFoot_ .revisorList_ { float:left; width:82px; height:83px; overflow:hidden; margin-right:3px; background-color:#eee; } .mediaFoot_ .revisorList_ li { float:left; margin:2px 0 0 2px; } .mediaFoot_ .revisorList_ li a{ display:block; width:80px; height:80px; overflow:hidden; background: url(../images/staff_revisor_off_.png) no-repeat left top;} .mediaFoot_ .revisorList_ li a:hover { background: url(../images/staff_revisor_over_.png) no-repeat left top; } .mediaFoot_ .revisorList_ li a.revisor00 { background-position: 0px 0px; } /** ºÎ ¸ñ»ç´Ôµé »çÁøºÎ**/ .mediaFoot_ .revisorTit { float:left; margin-left:10px; margin-right:5px; } .mediaFoot_ .revisorTit2 { float:left; margin-left:5px; margin-right:3px; } .mediaFoot_ .revisorList { float:left; width:657px; height:83px; overflow:hidden; padding-left:0 0 0 2px; margin-left:2px; background-color:#eee; } .mediaFoot_ .revisorList li { float:left; margin:1px 0 0 1px;} .mediaFoot_ .revisorList li a{ display:block; width:40px; height:40px; overflow:hidden; background: url(../images/staff_revisor_off_.png) no-repeat left top;} .mediaFoot_ .revisorList li a:hover { background: url(../images/staff_revisor_over_.png) no-repeat left top; } .mediaFoot_ .revisorList li a.revisor01 { background-position:-80px 0px; } .mediaFoot_ .revisorList li a.revisor02 { background-position:-120px 0px; } .mediaFoot_ .revisorList li a.revisor03 { background-position:-160px 0px; } .mediaFoot_ .revisorList li a.revisor04 { background-position:-200px 0px; } .mediaFoot_ .revisorList li a.revisor05 { background-position:-240px 0px; } .mediaFoot_ .revisorList li a.revisor06 { background-position:-280px 0px; } .mediaFoot_ .revisorList li a.revisor07 { background-position:-320px 0px; } .mediaFoot_ .revisorList li a.revisor08 { background-position:-360px 0px; } .mediaFoot_ .revisorList li a.revisor09 { background-position:-400px 0px; } .mediaFoot_ .revisorList li a.revisor10 { background-position:-440px 0px; } .mediaFoot_ .revisorList li a.revisor11 { background-position:-480px 0px; } .mediaFoot_ .revisorList li a.revisor12 { background-position:-520px 0px; } .mediaFoot_ .revisorList li a.revisor13 { background-position:-560px 0px; } .mediaFoot_ .revisorList li a.revisor14 { background-position:-600px 0px; } .mediaFoot_ .revisorList li a.revisor15 { background-position:-640px 0px; } .mediaFoot_ .revisorList li a.revisor16 { background-position:-680px 0px; } .mediaFoot_ .revisorList li a.revisor17 { background-position:-80px -40px; } .mediaFoot_ .revisorList li a.revisor18 { background-position:-120px -40px; } .mediaFoot_ .revisorList li a.revisor19 { background-position:-160px -40px; } .mediaFoot_ .revisorList li a.revisor20 { background-position:-200px -40px; } .mediaFoot_ .revisorList li a.revisor21 { background-position:-240px -40px; } .mediaFoot_ .revisorList li a.revisor22 { background-position:-280px -40px; } .mediaFoot_ .revisorList li a.revisor23 { background-position:-320px -40px; } .mediaFoot_ .revisorList li a.revisor24 { background-position:-359px -40px; } .mediaFoot_ .revisorList li a.revisor25 { background-position:-400px -40px; } .mediaFoot_ .revisorList li a.revisor26 { background-position:-439px -40px; } .mediaFoot_ .revisorList li a.revisor27 { background-position:-480px -40px; } .mediaFoot_ .revisorList li a.revisor28 { background-position:-520px -40px; } .mediaFoot_ .revisorList li a.revisor29 { background-position:-560px -40px; } .mediaFoot_ .revisorList li a.revisor30 { background-position:-600px -40px; } .mediaFoot_ .revisorList li a.revisor31 { background-position:-640px -40px; } .mediaFoot_ .revisorList li a.revisor32 { background-position:-680px -40px; } .mediaFoot_ .revisorList li.revisor { background:#ddd; } .mediaFoot_ .revisorExt { float:left; margin-left:5px;} .mediaFoot_ .revisorExt a.mediaUploadBtn { display:block; width:166px; height:83px; overflow:hidden; background: url(../images/img_revisor_tit2_.png) no-repeat left top; } .mediaFoot_ .revisorExt a.mediaUploadBtn:hover { background-position: left -83px; } /** ºÎ ¸ñ»ç´Ôµé »çÁøºÎ 20131214 ¿µ¹Î ¹é¾÷ .mediaFoot_ .revisorTit { float:left; margin-left:10px; margin-right:5px; } .mediaFoot_ .revisorList { float:left; width:574px; height:83px; overflow:hidden; padding-left:0 0 0 2px; margin-left:2px; background-color:#eee; } .mediaFoot_ .revisorList li { float:left; margin:1px 0 0 1px;} .mediaFoot_ .revisorList li a{ display:block; width:40px; height:40px; overflow:hidden; background: url(../images/staff_revisor_off_.png) no-repeat left top;} .mediaFoot_ .revisorList li a:hover { background: url(../images/staff_revisor_over_.png) no-repeat left top; } .mediaFoot_ .revisorList li a.revisor01 { background-position:-80px 0px; } .mediaFoot_ .revisorList li a.revisor02 { background-position:-120px 0px; } .mediaFoot_ .revisorList li a.revisor03 { background-position:-160px 0px; } .mediaFoot_ .revisorList li a.revisor04 { background-position:-200px 0px; } .mediaFoot_ .revisorList li a.revisor05 { background-position:-240px 0px; } .mediaFoot_ .revisorList li a.revisor06 { background-position:-280px 0px; } .mediaFoot_ .revisorList li a.revisor07 { background-position:-320px 0px; } .mediaFoot_ .revisorList li a.revisor08 { background-position:-360px 0px; } .mediaFoot_ .revisorList li a.revisor09 { background-position:-400px 0px; } .mediaFoot_ .revisorList li a.revisor10 { background-position:-440px 0px; } .mediaFoot_ .revisorList li a.revisor11 { background-position:-480px 0px; } .mediaFoot_ .revisorList li a.revisor12 { background-position:-520px 0px; } .mediaFoot_ .revisorList li a.revisor13 { background-position:-560px 0px; } .mediaFoot_ .revisorList li a.revisor14 { background-position:-600px 0px; } .mediaFoot_ .revisorList li a.revisor15 { background-position:-80px -40px; } .mediaFoot_ .revisorList li a.revisor16 { background-position:-120px -40px; } .mediaFoot_ .revisorList li a.revisor17 { background-position:-160px -40px; } .mediaFoot_ .revisorList li a.revisor18 { background-position:-200px -40px; } .mediaFoot_ .revisorList li a.revisor19 { background-position:-240px -40px; } .mediaFoot_ .revisorList li a.revisor20 { background-position:-280px -40px; } .mediaFoot_ .revisorList li a.revisor21 { background-position:-320px -40px; } .mediaFoot_ .revisorList li a.revisor22 { background-position:-360px -40px; } .mediaFoot_ .revisorList li a.revisor23 { background-position:-400px -40px; } .mediaFoot_ .revisorList li a.revisor24 { background-position:-440px -40px; } .mediaFoot_ .revisorList li a.revisor25 { background-position:-480px -40px; } .mediaFoot_ .revisorList li a.revisor26 { background-position:-520px -40px; } .mediaFoot_ .revisorList li a.revisor27 { background-position:-560px -40px; } .mediaFoot_ .revisorList li a.revisor28 { background-position:-600px -40px; } .mediaFoot_ .revisorList li.revisor { background:#ddd; } .mediaFoot_ .revisorExt { float:left; margin-left:5px;} .mediaFoot_ .revisorExt a.mediaUploadBtn { display:block; width:166px; height:83px; overflow:hidden; background: url(../images/img_revisor_tit2_.png) no-repeat left top; } .mediaFoot_ .revisorExt a.mediaUploadBtn:hover { background-position: left -83px; } */ /* pages */ .pageNavgation { float:left; width: 180px; height:100%; padding-top:0px; padding-bottom:30px; margin-top:11px; margin-bottom:20px; overflow:hidden; background-color:#f8f8f8;} ul.pNavigation { list-style: none; padding:0 0 0 0; margin:0px 0 0 0; overflow:hidden; background-color:#f8f8f8;} ul.pNavigation li { padding:0; margin:0px 0 0 0; clear:both;} ul.pNavigation li span { color:#555555; display:block; font-family:dotum; font-size:13px; padding-left:25px; height:25px; line-height:25px; line-height:28px\9; margin:15px 0 0 0; cursor:pointer; font-weight:normal; font-weight:bold; letter-spacing:-50%; } ul.pNavigation li a { color:#555555; display:block; font-family:dotum; font-size:13px; padding-left:25px; height:25px; line-height:25px; line-height:28px\9; margin:15px 0 0 0; cursor:pointer; font-weight:normal; font-weight:bold; letter-spacing:-50%; } ul.pNavigation li a:hover { font-weight:bold; color:#fff; background-color:#cacaca; } ul.pNavigation li a.selected{ color:#555555; font-weight:bold; } ul.pNavigation li ul { margin:0; list-style: none; clear:both; margin:0px; background:url(../images/pNavigation_bar.png) no-repeat 50% top; } ul.pNavigation li ul li { padding:0; margin:0px 0 0 0; clear:both; } ul.pNavigation li ul li:first-child { padding-top:3px;} ul.pNavigation li ul li a { color:#777777; display:block; font-size:13px; padding-left:30px; height:17px; line-height:17px; line-height:19.5px\9; margin:3px 0 0 5px; cursor: pointer; font-weight:normal; letter-spacing:-100%; } ul.pNavigation li ul li a:hover { font-weight:normal; color:#fff; background-color:#b5b5b6; } ul.pNavigation li ul li a.selected { font-weight:bold; color:#e76f0b; } .pages .item{ border: 1px solid #ddd; padding:5px 0; margin-bottom:5px; } .pages .item:first-child { } .pages .item{_height:1%;} *:first-child+html .pages .item{height:1%;} .pages .item:after{content:" "; display:block; clear:both; height:0; visibility:hidden; } .pages .item .thumb { float:left; margin: 0px; width:250px; text-align:center; } .pages .item .thumb img { width:250px; } .pages .item .pdf { float:left; margin: 0px; width:100px; text-align:center; } .pages .item .pdf img { width:100px; } .pages .item .info { float:left; margin-left:10px; overflow:hidden;} .pages .item .info .title { margin:5px 0; font-size:14px; font-weight:bold; color:#333; } .pages .item .info .title a{ margin-top:5px; font-size:14px; font-weight:bold; } .pages .item .info .summary { margin-top:5px; font-size:12px; color:#999; } .pages .item .info .link { margin-top:5px; } .pages .item .action { float:right; margin:5px; } .pages .item .date { float:right; margin:5px; } form ul.pages { list-style: none; } form ul.pages li { clear:both; display:block; margin:0 0 5px 0; padding:5px 0px; } form ul.pages li span.req { color:red !important; display:inline-block; float:none; font-weight:bold; margin:0; padding:0; } form ul.pages li span.help { color:#999 !important; display:inline-block; float:none; font-weight:normal; margin: 0; padding:0; } form ul.pages li label.desc { border:medium none; color:#222222; display:block; font-size:1em; font-weight:normal; line-height:150%; margin:0; padding:0 0 1px; margin-right:10px; } .fileBox { list-style: none; border:1px solid #ddd; } .fileBox li { margin:0px 0px; padding-top:10px; padding-bottom:10px; border-bottom:1px solid #eee;} .fileBox li {_height:1%;} *:first-child+html .board .fileBox li {height:1%;} .fileBox li:after{content:" "; display:block; clear:both; height:0; visibility:hidden; } .fileBox li .pic { float:left; margin-left:5px; width:105px;} .fileBox li .pic img { border: 1px solid #e5e5e5; width:100px;} .fileBox li .title { float:left; margin-left:10px; } .fileBox li .action { float:right; margin-top:5px; margin-right:10px; } .swfupload { cursor: pointer; float: left; margin-right: 5px;} .swfu_box { border:1px solid #A6C9E2; height:100px; margin:0; overflow:auto; font-size:12px; } .swfu_button { cursor:pointer; float:left; margin-right:5px; padding:3px; } /* signin */ .signin {margin:0px 0 20px 0; background-color:#fff; padding:60px 89px 65px 82px; } .signin {_height:1%;} *:first-child+html .signin {height:1%;} .signin:after{content:" "; display:block; clear:both; height:0; visibility:hidden; } .signin .banners { float:right; margin-top:42px; } .signin .section { float:left; width:372px; margin:0 40px 0 0; } .signin ul { float:left; list-style:none; width:360px; margin:10px 0 0 0; } .signin ul li {_height:1%; text-align:left; } *:first-child+html .signin ul li {height:1%;} .signin ul li:after{content:" "; display:block; clear:both; height:0; visibility:hidden; } .signin ul li { clear:both; display:block; margin:0; padding:0 0 17px 0; } .signin ul li input.text { border:1px solid #d2d2d2; background-image:none; font-family:Gulim; margin:0;} .signin ul li select { vertical-align:middle; } .join ul li input.text { height:31px; padding-left:8px; border:1px solid #d2d2d2; background-image:none; color:#b0b0b0; font-size:18px; font-family:Gulim; } .signin ul li.subject { margin-bottom:17px; padding:0 2px 0 1px; font-size:29px; color:#545454; border-bottom:1px solid #d2d2d2; } .signin ul li.subject .summary { margin-top:10px; font-size:12px; font-weight:normal; color:#999; } .signin ul li.summary { margin-top:10px; font-size:12px; font-weight:normal; color:#999; line-height:19px; } .signin ul li span.req {color:red !important; display:inline-block; float:none; font-weight:bold; margin:0; padding:0; } .signin ul li span.help { color:#999 !important; display:inline-block; font-weight:normal; margin: 0 0 0 10px; padding:0; } .signin ul li span.dot { color:#999; display:inline-block; font-weight:normal; margin: 3px 5px 0 5px; padding:0; font-size:1em; font-weight:normal; line-height:150%;} .signin ul li label { width:97px; display:inline-block; font-size:14px; color:#525252; } .signin ul li label.desc { float:left; width:100px; text-align:right; border:medium none; color:#222222; display:block; font-size:12px; font-weight:normal; line-height:150%; margin:0; padding:0 0 1px; margin-right:10px; } .signin ul li .signin_input { font-size:14px; padding:3px 0;} .signin ul li span.saveIdWrap { float:left; vertical-align:middle; color:#7f7f7f; } .signin ul li span.saveIdWrap input { vertical-align:middle; margin-top:-2px; } .signin ul li span.joinWrap { float:right; color:#7f7f7f; } .signin ul li span.joinWrap a { color:#7f7f7f; } .signin ul li span.joinWrap a:hover { color:#288df7; } .signin ul li .textBtn, .signin ul li .textBtn a { color:#727171; font-size:14px; } .signin ul li .textBtn a:hover { color:#545454; font-weight:bold; letter-spacing:-1px; } .signin ul.rightBox { width:395px; margin:10px 0 0 0; float:right; } .signup { padding:24px 0 0 0; } .signup .signUpForm {padding:0; height:612px; background-color:#fafafa; margin-bottom:-25px; } .signup .signUpForm #step01, .signup .signUpForm #step02 { padding: 39px 60px; } .signup .signUpForm h5 { font-size:18px; color:#414141; padding-left:3px; } .signup .signUpForm .summary { margin:17px 0 0 5px; color:@464646; font-weight:bold; } .signup .signUpForm .overPgWrab { height:180px; padding:16px 12px 0 12px; overflow:hidden; overflow-y:auto; border:1px solid #cfcbc8; margin-top:10px; } .signup .signUpForm .pgNotice { margin-top:11px; } .signup .signUpForm .pgNotice input { vertical-align:middle; margin-top:-2px; } .signup .signUpForm a.btnCancel { display:inline-block; margin-left:10px; color:#7e7e7e; } .signup .signUpForm .btnGlay { display:inline-block; margin-left:10px; color:#7e7e7e; } .signup .signUpForm .btnGlay a { color:#7e7e7e; } .signup .signUpForm #step02 h5 { padding-bottom:15px; border-bottom:1px solid #c3c3c3; margin-bottom:0px; } .signup .signUpForm #step02 ul { border-bottom:1px solid #c3c3c3; /* margin-bottom:23px; */ } .signup .signUpForm #step02 ul li { clear:both; display:block; margin:0; padding:0 0 12px 0; } .signup .signUpForm #step02 ul li label { width:125px; display:inline-block; font-size:14px; color:#525252; } .signup .signUpForm #step02 ul li input.text { border:1px solid #d2d2d2; background-image:none; font-family:Gulim; margin:0;} .signup .signUpForm #step02 ul li .value { display:inline-block; font-weight:bold; } .signup .signUpForm ul li span.help { color:#999 !important; display:inline-block; font-weight:normal; margin: 0 0 0 10px; padding:0; } .signup .signUpForm #step02 ul li .req { color:#1d2cac !important; } .signup .signUpForm #step03 .welcomMent { background-color:#ffffff; padding:0 112px 26px 112px; } .signup .signUpForm #step03 .welcomMent p { color:#828282; line-height:30px; padding-top:30px; } .signup .signUpForm #step03 .welcomMent p strong { color:#545252; } .signup .signUpForm #step03 .goPageBtns { padding:30px 112px 30px 112px; color:#828282; font-size:14px; } .signup .signUpForm #step03 .goPageBtns .btnGlay { margin-left:0; color:#828282; font-size:15px; font-weight:bold; } .signup .signUpForm #step03 .goPageBtns .btnGlay a { color:#828282; font-size:14px; } /* Usr Info */ .usr_info { padding:10px; margin:0px; } .usr_info p{ padding:0px; margin:5px 0px 5px 0px;} .usr_info .thumb { float:left; width:80px; height:80px; margin-top:0px; margin-left:5px; } .usr_info .thumb img{ width:80px; margin: 0; display:block; } .usr_info .info { float:left; padding-left:15px;} .usr_info .info .name { font-size: 14px; color: #333; font-weight: bold; } .usr_info .info .uid { margin-left:10px; font-size: 12px; color: #999; } .usr_info .info .email { font-size: 12px; color: #999; } .usr_info .info .birth { font-size: 12px; color: #999; } .usr_info .info .phone { font-size: 12px; color: #999; } .usr_info .action { float: right;} .usr_info .groups {display:inline-block; background:#eee; color:#666; font-size:12px; margin-right:5px; margin-bottom:5px; padding:2px; } /* Location */ .location { display: block; margin:0px; padding:5px; margin:5px 0px 15px 0px; } /* * html .location { width: 698px; padding-left: 10px; padding-right: 10px;} *+html .location { width: 698px; margin:0px;} */ .location {_height:1%;} *:first-child+html .location {height:1%;} .location:after{content:" "; display:block; clear:both; height:0; visibility:hidden; } .location .check { float: left; margin-left:5px; margin-right:10px; padding: 5px 0px 0px 0px;} .location .box { float:left; color: #333; font-weight: bold; font-size: 14px; line-height: 150%; font-family: "Trebuchet MS";} .location .box a { } .location .box2 { text-align:center; line-height: 150%; font-family: "Trebuchet MS";} .location .box a { color: #333; font-weight: bold; font-size: 14px; } .location .arrow { float:left; margin-left:10px; margin-right:10px;} .location .usr { } .location .usr a { color:#999; font-size: 12px; padding-left: 10px;} .location .tools { float:right; } .location .share a { font-size: 12px; background: url(../images/share_icon.gif) no-repeat 2px; padding: 3px 0px 3px 20px; } .location .note { font-size: 12px; background:#fafafa; padding: 10px; } .location .button { padding: 5px 10px 5px 10px; margin: 0px; border:1px solid #999; background: url(../images/btn_bg.gif) repeat-x 0px 0px; font-size: 12px; font-weight:bold; color:#333; } * html .location .button { padding: 7px 5px 3px 5px; margin: 0px; } *+html .location .button { padding: 7px 5px 3px 5px; margin: 0px; } .location .view_button { padding: 5px 10px 5px 10px; } * html .location .view_button { padding: 7px 5px 3px 5px; margin: 0px; } *+html .location .view_button { padding: 7px 5px 3px 5px; margin: 0px; } .location .single_upload_form { padding: 10px; border:1px solid #ccc; text-align:center;} .location .single_button { padding: 2px 10px 2px 10px; border:1px solid #999; background: url(../images/btn_bg.gif) repeat-x 0px 0px; font-size: 12px; font-weight:bold; color:#333; } * html .location .single_button { padding: 4px 5px 0px 5px; } *+html .location .single_button { padding: 4px 5px 0px 5px; } .location .single_button_c { padding: 2px 10px 2px 10px; border:1px solid #999; background: url(../images/btn_bg_2.gif) repeat-x 0px 0px; font-size: 12px; font-weight:bold; color:#333; } * html .location .single_button_c { padding: 4px 5px 0px 5px; } *+html .location .single_button_c { padding: 4px 5px 0px 5px; } .location .upload_input { } .location .upload_msg { font-size:12px; color: #4682B4; background:#F5FFFA; border:1px solid #ADD8E6; margin:10px 0px 10px 0px; padding:5px 10px 5px 10px; text-align: center;} /* form */ ul { list-style: none; } form ul { list-style: none; } form li { clear:both; display:block; margin:0; padding:3px 5px 3px 5px; } form span.req {color:red !important; display:inline-block; float:none; font-weight:bold; margin:0; padding:0; } form span.help { color:#999 !important; display:inline-block; float:none; font-weight:normal; margin: 0; padding:0; } form span.msg { color:#999 !important; display:block; float:left; font-weight:normal; margin: 0; padding:0; } label.desc { border:medium none; color:#222222; display:block; font-size:1em; font-weight:normal; line-height:150%; margin:0; padding:0 0 1px; } form .color { float:left; display:block; padding:3px 5px; text-align:center; margin:2px 4px 2px 0px;} div.desc { border:medium none; color:#222222; font-size:12px; font-weight:bold; line-height:150%; margin:0; padding:0 0 3px; } span.desc { border:medium none; color:#222222; font-size:12px; font-weight:bold; line-height:150%; margin-right:5px; padding:0 0 3px; width:70px; text-align:right; display:inline-block; } form li img { vertical-align:text-bottom; margin-left:5px; } form li .groups { float:left; } form li .groups_list { float:left; margin:0px; } form li .div_desc { float:left; } form li .div_textarea { float:left; margin-left:3px; } /* Staff List */ .staff_group {clear:both; width:700px; height:30px; line-height:30px; font-size:15px; font-weight:bold; margin:0 0 0 10px; padding:0; color:#0474bf; } .staff_group2 { float:left; width:253px; height:30px; line-height:30px; font-size:15px; font-weight:bold; margin:0 0 0 10px; padding:0; color:#0474bf; } .staff_group3 {float:left; width:500px; height:30px; line-height:30px; font-size:15px; font-weight:bold; margin:0 0 0 10px; padding:0; color:#0474bf; } .staff { float:left; width:266px; height:120px; margin:5px 0px 0 0; display: block; border-bottom:1px solid #eee;} .staff {_height:1%;} *:first-child+html .staff {height:1%;} .staff:after{content:" "; display:block; clear:both; height:0; visibility:hidden; } .staff:hover {/* background:#fff7c0; */ } .staff .thumb { float:left; margin:10px 0px 10px 10px; width:80px; height:80px; border: 1px solid #eee;} .staff .thumb img{ width:80px; height:80px;} .staff .thumb a { width:35px; height:35px; display:block;} .staff .thumb a.man { background: url(../images/usr_s_m.png) no-repeat center top; } .staff .thumb a.woman { background: url(../images/usr_s_w.png) no-repeat center top; } .staff .thumb2 { float:left; margin:10px 0px 10px 10px; width:80px; height:80px;} .staff .thumb2 img{ width:80px; height:80px;} .staff .thumb2 a { width:35px; height:35px; display:block;} .staff .thumb2 a.man { background: url(../images/usr_s_m.png) no-repeat center top; } .staff .thumb2 a.woman { background: url(../images/usr_s_w.png) no-repeat center top; } .staff .info { float:left; margin: 10px 0px 0px 10px; padding:0px; width:150px; } .staff .meta { width:200px;} .staff .info .name { font-size:14px; font-weight: bold; margin-top:5px; margin-bottom:5px;} .staff .info .position { font-size: 12px; color: #666; font-weight: normal; margin-right:5px; } .staff .info .group { font-size: 12px; color: #999; margin-bottom:5px;} .staff .info .phone { font-size: 12px; color: #999; margin-bottom:5px; } .staff .info .email { font-size: 12px; color: #666; margin-bottom:5px; } .staff .info .message { margin-top:3px;} .staff .info .groups { font-size:12px; line-height:120%; color:#666; padding:0 2px 2px 2px; margin:3px 5px 0 0; background:#eee; border: 1px solid #ccc; display:inline-block; } .staff .info .sameage { font-size:12px; line-height:120%; color:#666; padding:0 2px 2px 2px; margin:3px 5px 0 0; background:#fff; border: 1px solid #999; display:inline-block; } .staff .action { position:absolute; top:3px; right:0px; font-size: 12px; margin: 0px 5px 0px 0px; padding:10px; display:none; background:#fafafa; border: 1px solid #ccc; z-index:99; } .staff .action a.mail { background: url(../images/icon_s_mail.gif) no-repeat left center; height:20px; line-height:20px; padding-left:20px; display:block; } .staff .action a.modify { background: url(../images/icon_s_modify.gif) no-repeat left center; height:20px; line-height:20px; padding-left:20px; display:block; } .staff .action a.psw { background: url(../images/icon_s_member.gif) no-repeat left center; height:20px; line-height:20px; padding-left:20px; display:block; } .staff .action a.family { background: url(../images/icon_s_group.gif) no-repeat left center; height:20px; line-height:20px; padding-left:20px; display:block; } .staff .action a.copy { background: url(../images/icon_s_copy.gif) no-repeat left center; height:20px; line-height:20px; padding-left:20px; display:block; } .staff .action a.delete { background: url(../images/icon_s_delete.gif) no-repeat left center; height:20px; line-height:20px; padding-left:20px; display:block; } .staff a.arrow { position:absolute; top:10px; right:10px; background:url(../images/btn_box_menu.gif) no-repeat left top; width:20px; height:20px; display:block; text-decoration:none;} .sel {font-weight: bold; color:#ff0000; } .chief { width:652px; } .btnStyleBlue { background: url(../images/bg_btn_blue.png) repeat-x left top; height:36px; line-height:36px; padding:0 20px; color:#ffffff; border:none; cursor:pointer; font-weight:bold; } a.btnStyleBlue { display:inline-block; } a.btnStyleBlue:hover, a.btnStyleBlue:active, a.btnStyleBlue:focus { color:#ffffff; } .btnStyleBlue2 { background: #376092; height:35px; line-height:36px; padding:0 20px; color:#ffffff; border:none; cursor:pointer; font-weight:bold; } a.btnStyleBlue2 { display:inline-block; } a.btnStyleBlue2:hover, a.btnStyleBlue:active, a.btnStyleBlue:focus { color:#ffffff; } .btnStyleGlay { background: url(../images/bg_btn_glay.png) repeat-x left top; height:22px; line-height:22px; font-size:12px; padding:0 10px; color:#828282; border:none; cursor:pointer; font-weight:bold; border:1px solid #dbd9d9; } a.btnStyleGlay { display:inline-block; } a.btnStyleGlay:hover, a.btnStyleGlay:active, a.btnStyleGlay:focus { color:#828282; } div#mailRolling {} div#mailRolling ul{} div#mailRolling ul li{float:left; width:320px;overflow: hidden;} div#mailRolling ul li.rollSelected{} div#mailRolling ul li img{cursor:pointer;} /* mediaLive */ .mediaLive { width:750px; margin:10px auto;} .mediaLive .item{ border: 1px solid #eee; padding:5px; margin-bottom:5px;} .mediaLive .item:first-child { } .mediaLive .item{_height:1%;} *:first-child+html .mediaLive .item{height:1%;} .mediaLive .item:after{content:" "; display:block; clear:both; height:0; visibility:hidden; } .mediaLive .item .thumb { float:left; margin: 0px; width:58px; height:49px; text-align:center; background:url(../images/media_live.png) repeat-x scroll left top; } .mediaLive .item .thumb_off { float:left; margin: 0px; width:58px; height:49px; text-align:center; background:url(../images/media_live_off.png) repeat-x scroll left top; } .mediaLive .item .info { float:left; margin-left:10px; width:500px; overflow:hidden;} .mediaLive .item .info .title { margin-top:0px; font-size:14px; font-weight:bold; color:#666; } .mediaLive .item .info .title a{ margin-top:5px; font-size:14px; font-weight:bold; color:#666; } .mediaLive .item .info .owner { margin-top:5px; font-size:12px; color:#999; } .mediaLive .item .info .summary { margin-top:5px; font-size:12px; color:#999; } .mediaLive .item .info .link { margin-top:5px; color:#ccc; } .mediaLive .item .info .startDate {font-size:14px; font-weight:bold; color:#999; } .mediaLive .item .action { float:right; margin:5px; } /* signin */ .account {margin:5px 0 20px 0; padding:10px; } .account {_height:1%;} *:first-child+html .account {height:1%;} .account:after{content:" "; display:block; clear:both; height:0; visibility:hidden; } .account .banners { float:right; margin-top:42px; } .account .section { float:left; width:372px; margin:0 40px 0 0; } .account ul { list-style:none; margin:0px 0 0 0; } .account ul li {_height:1%; text-align:left; } *:first-child+html .account ul li {height:1%;} .account ul li:after{content:" "; display:block; clear:both; height:0; visibility:hidden; } .account ul li { display:block; margin:0; padding:0 0 17px 0; } .account ul li input.text { border:1px solid #d2d2d2; background-image:none; font-family:Gulim; margin:0;} .account ul li select { vertical-align:middle; } .join ul li input.text { height:31px; padding-left:8px; border:1px solid #d2d2d2; background-image:none; color:#b0b0b0; font-size:18px; font-family:Gulim; } .account ul li.subject { margin:17px; padding:0 2px 0 1px; font-size:29px; color:#545454; border-bottom:1px solid #d2d2d2; } .account ul li.subject .summary { margin-top:10px; font-size:12px; font-weight:normal; color:#999; } .account ul li.summary { margin-top:10px; font-size:12px; font-weight:normal; color:#999; line-height:19px; } .account ul li span.req {color:red !important; display:inline-block; float:none; font-weight:bold; margin:0; padding:0; } .account ul li span.help { color:#999 !important; display:block; font-weight:normal; margin: 0 0 0 10px; padding:0; } .account ul li span.dot { color:#999; display:inline-block; font-weight:normal; margin: 3px 5px 0 5px; padding:0; font-size:1em; font-weight:normal; line-height:150%;} .account ul li label { width:50px; display:inline-block; font-size:14px; color:#525252; } .account ul li label.desc { float:left; width:50px; text-align:right; border:medium none; color:#222222; display:block; font-size:12px; font-weight:normal; line-height:150%; margin:0; padding:0 0 1px; margin-right:10px; } .account ul li .account_input { font-size:14px; padding:3px 0;} .account ul li span.saveIdWrap { float:left; vertical-align:middle; color:#7f7f7f; } .account ul li span.saveIdWrap input { vertical-align:middle; margin-top:-2px; } .account ul li span.joinWrap { float:right; color:#7f7f7f; } .account ul li span.joinWrap a { color:#7f7f7f; } .account ul li span.joinWrap a:hover { color:#288df7; } .account .submitBox { border-top:1px solid #c8c6c6; margin:10px 25px; padding:23px 0px;} .account .submitBox a.btnSubmit { background-color:#727272; color:#fff; font-weight:bold; padding:10px 30px; } .account .submitBox a.btnCancel { background-color:#c5c5c5; color:#fff; font-weight:bold; padding:10px 30px;} .account .noticeBox { background-color:#f8f8f8; padding:20px 25px; margin:50px 25px 30px 25px; color:#666;} table.myDesk { width:100%; border-collapse:collapse; margin:0; } table.myDesk tr { padding:0;} table.myDesk td { font-size:12px; font-weight:normal; } table.myDesk td.menu { width:187px; background-color:#f7f7f7; } table.myDesk td.main { background-color:#fff; } table.helpDesk { width:100%; border-collapse:collapse; margin-top:15px; } table.helpDesk tr { padding:0;} table.helpDesk td { font-size:12px; font-weight:normal; } table.helpDesk td.menu { width:187px; background-color:#fff; border-right:1px solid #d7d7d7; } table.helpDesk td.main { background-color:#fff; } table.deskLayout { width:100%; border-collapse:collapse; margin:0; } table.deskLayout tr { padding:0;} table.deskLayout td { font-size:12px; font-weight:normal; } table.deskLayout td.menu { width:165px; background-color:#ababab; } table.deskLayout td.main { background-color:#fff; } ul.adminMediaList li ul li a.adminMediaList{ color:#000; text-decoration:underline; font-weight:bold; letter-spacing:0; } ul.adminMediaInsert li ul li a.adminMediaInsert{ color:#000; text-decoration:underline; font-weight:bold; letter-spacing:0; } ul.adminMediaCategoryList li ul li a.adminMediaCategoryList{ color:#000; text-decoration:underline; font-weight:bold; letter-spacing:0; } ul.adminMediaSpeakerList li ul li a.adminMediaSpeakerList{ color:#000; text-decoration:underline; font-weight:bold; letter-spacing:0; } ul.adminMediaPodcast li ul li a.adminMediaPodcast{ color:#000; text-decoration:underline; font-weight:bold; letter-spacing:0; } ul.adminMediaLive li ul li a.adminMediaLive{ color:#000; text-decoration:underline; font-weight:bold; letter-spacing:0; } ul.adminCafe li ul li a.adminCafe{ color:#000; text-decoration:underline; font-weight:bold; letter-spacing:0; } ul.adminBoradCategory li ul li a.adminBoradCategory{ color:#000; text-decoration:underline; font-weight:bold; letter-spacing:0; } ul.adminBoradList li ul li a.adminBoradList{ color:#000; text-decoration:underline; font-weight:bold; letter-spacing:0; } ul.ebookList li ul li a.ebookList{ color:#000; text-decoration:underline; font-weight:bold; letter-spacing:0; } ul.deskMoney li ul li a.deskMoney{ color:#000; text-decoration:underline; font-weight:bold; letter-spacing:0; } ul.deskDonation li ul li a.deskDonation{ color:#000; text-decoration:underline; font-weight:bold; letter-spacing:0; } /* event */ table.nevent { width:100%; border-collapse:collapse; margin: 20px 0 0 0; } table.nevent tr { padding:0;} table.nevent td { font-size:12px; font-weight:normal; } table.nevent td.menu { width:200px; border-right:1px solid #ddd; } table.nevent td.main { min-height:300px; background-color:#fff; } .eventNavgation { float:left; width: 180px; height:100%; padding-top:0px; padding-bottom:30px; margin-top:0px; margin-bottom:20px; overflow:hidden; } ul.eNavigation { list-style: none; padding:0 0 0 0; margin:0px 0 0 0; overflow:hidden;} ul.eNavigation li { padding:0; margin:0px 0 0 0; clear:both; } ul.eNavigation li span { color:#555555; display:block; text-align:right; font-family:dotum; font-size:14px; padding-right:25px; height:25px; line-height:25px; line-height:28px\9; margin:15px 0 0 0; cursor:pointer; font-weight:normal; font-weight:bold; letter-spacing:-50%; } ul.eNavigation li a { color:#999; display:block; text-align:right; font-family:dotum; font-size:14px; padding-right:25px; height:25px; line-height:25px; line-height:28px\9; margin:15px 0 0 0; cursor:pointer; font-weight:normal; font-weight:bold; letter-spacing:-50%; } ul.eNavigation li a:hover { font-weight:bold; color:#666; } ul.eNavigation li a.selected{ color:#555555; font-weight:bold; } ul.eNavigation li ul { margin:0; list-style: none; clear:both; margin:0px; } ul.eNavigation li ul li { padding:0; margin:0px 0 0 0; clear:both; } ul.eNavigation li ul li:first-child { padding-top:3px;} ul.eNavigation li ul li a { color:#999; display:block; font-size:12px; padding-left:25px; height:17px; line-height:17px; line-height:19.5px\9; margin:3px 0 0 0; cursor: pointer; font-weight:normal; letter-spacing:-100%; } ul.eNavigation li ul li a:hover { font-weight:normal; color:#666; background-color:#b5b5b6; } ul.eNavigation li ul li a.selected { font-weight:bold; color:#e76f0b; } .eventNoticeBox { position:relative;clear:both; margin-top:50px; padding:12px 0px; } .eventNoticeBox h1 { margin:0 0 0 0; font-size:14px; font-weight:bold; margin-left:40px; color:#333; padding:0; letter-spacing:-50%; font-family:dotum;} .eventNoticeBox ul.recently { margin-top:20px; margin-left:40px; } .eventNoticeBox ul.recently li { margin-top:10px;} .eventNoticeBox ul.recently li {_height:1%;} *:first-child+html .eventNoticeBox ul.recently li {height:1%;} .eventNoticeBox ul.recently li:after{content:" "; display:block; clear:both; height:0; visibility:hidden; } .eventNoticeBox ul.recently li .subject { float:left; width:160px; text-overflow:ellipsis; overflow:hidden; white-space:nowrap; color:#666;} .eventNoticeBox ul.recently li .subject a { color:#666; } .desk table.contributionList { width:780px; border-collapse: collapse; margin:0;} .desk table.contributionList tr{ padding:0;} .desk table.contributionList th { height:30px; font-size:12px; font-weight:normal; line-height:30px; text-align:center; background-color:#eee; border:1px solid #ddd; } .desk table.contributionList tbody td { height:25px; line-height:25px; font-size:12px; border:1px solid #ddd; } .desk table.contributionList tbody td.no { width:40px; text-align:center; font-size:10px; color:#999; } .desk table.contributionList tbody td.usr_name { text-align:center; } .desk table.contributionList tbody td.usr_name a { color:#3366ff; } .desk table.contributionList tbody td.birth { width:80px; text-align:center;} .desk table.contributionList tbody td.money { width:70px; text-align:right; padding-right:10px; font-weight:bold;} .desk table.contributionList tbody td.bank { width:70px; text-align:center;} .desk table.contributionList tbody td.type { width:80px; text-align:center;} .desk table.contributionList tbody td.phone { width:110px; text-align:center;} .desk table.contributionList tbody td.regdate { width:80px; text-align:center; font-size:12px;} .desk table.contributionList tbody td.adddate { width:70px; text-align:center; font-size:10px; color:#999;} .desk table.contributionList tbody td.action { width:50px; text-align:center;} .desk .ord { background-color:#ddd; } .desk table.donationList { width:780px; border-collapse: collapse; margin:0;} .desk table.donationList tr{ padding:0;} .desk table.donationList th { height:30px; font-size:12px; font-weight:normal; line-height:30px; text-align:center; background-color:#eee; border:1px solid #ddd; } .desk table.donationList tbody td { height:25px; line-height:25px; font-size:12px; border:1px solid #ddd; } .desk table.donationList tbody td.no { width:40px; text-align:center; font-size:10px; color:#999; } .desk table.donationList tbody td.usr_name { width:80px; text-align:center; } .desk table.donationList tbody td.usr_name a { color:#3366ff; } .desk table.donationList tbody td.donation_name { width:80px; text-align:center;} .desk table.donationList tbody td.registration { width:70px; text-align:center;} .desk table.donationList tbody td.address { width:70px; text-align:center; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .desk table.donationList tbody td.day { width:80px; text-align:center; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .desk table.donationList tbody td.tel { width:60px; text-align:center; letter-spacing:-1px; text-overflow:ellipsis; white-space:nowrap; overflow:hidden;} .desk table.donationList tbody td.memo { width:80px; text-align:center; font-size:12px;} .desk table.donationList tbody td.adddate { width:70px; text-align:center; font-size:10px; color:#999;} .desk table.donationList tbody td.action { width:50px; text-align:center;} .desk .ord { background-color:#ddd; } table.mediaDetail { width:100%; border-collapse:collapse; margin:0; } table.mediaDetail tr { padding:0;} table.mediaDetail td { font-size:12px; font-weight:normal; } table.mediaDetail td.menu { width:187px; background:#fff /* url(../images/mediaLineBg.png) repeat-y left top */; } table.mediaDetail td.main { background-color:#fff; } .titleBar { margin-bottom:20px;} .titleBar {_height:1%;} *:first-child+html .titleBar {height:1%;} .titleBar:after{content:" "; display:block; clear:both; height:0; visibility:hidden; } .titleBar .subject { float:left; } .titleBar .subject h1 { margin:0; font-size:25px; font-weight:normal; color:#666; letter-spacing:-2px;} .titleBar .action { float:right; } ul.form { list-style: none; } ul.form li { clear:both; display:block; margin:0; padding:3px 5px 3px 5px; } ul.form li {_height:1%;} *:first-child+html ul.form li {height:1%;} ul.form li:after{content:" "; display:block; clear:both; height:0; visibility:hidden; } ul.form li label.desc { float:left; width:50px; text-align:right; border:medium none; color:#666; display:block; font-weight:normal; line-height:200%; margin:0 10px 0 0; padding:0 0 1px; font-size:12px; } ul.form li label.desc2 { float:left; width:80px; text-align:right; border:medium none; color:#666; display:block; font-weight:normal; line-height:200%; margin:0 10px 0 0; padding:0 0 1px; font-size:12px; } ul.form li label.desc3 { float:left; width:120px; text-align:right; border:medium none; color:#666; display:block; font-weight:normal; line-height:200%; margin:0 10px 0 0; padding:0 0 1px; font-size:12px; } ul.form li input.large, ul.form li select.large, ul.form li textarea.large { width:97% !important; } ul.form li input.text, ul.form li input.search, ul.form li textarea.textarea, ul.form li select.select { float:left;} ul.form li input.text, ul.form li input.search, ul.form li input.file, ul.form li textarea.textarea { color:#333333; font-family:"Lucida Grande",Tahoma,Arial,sans-serif; font-size:100%; margin:0; padding:3px 1px; } ul.form li select.select { color:#333333; font-family:"Lucida Grande",Tahoma,Arial,sans-serif; font-size:100%; margin:0; padding:1px 1px 1px 1px; } ul.form li input.checkbox, form li input.radio { display:inline-block; height:13px; margin:3px 0 0; padding:0; width:13px; } ul.form li div.value { float:left; border:medium none; color:#999; display:block; font-size:12px; font-weight:normal; line-height:200%; margin:0 10px 0 0; padding:0 0 1px; } ul.form li .mini { width:36px !important; } ul.form li .small { width:50px !important; } ul.form li .date { width:80px !important; } ul.form li .small { width:120px !important; } ul.form li .normal { width:180px !important; } ul.form li .medium { width:250px !important; } ul.form li .large { width:350px !important; } ul.form li span.req { display:inline-block;color:red; line-height:150%; margin-right:5px; } ul.form li span.help { color:#999; float:left; font-weight:normal; margin: 3px 10px 0 10px; padding:0; font-size:12px; font-weight:normal; line-height:150%; display:block; } ul.form li span.help2 { color:#999; font-weight:normal; margin: 3px 10px 0 0px; padding:0; font-size:12px; font-weight:normal; line-height:150%; display:block; } ul.form li span.help3 { clear:both; color:#999; font-weight:normal; margin: 3px 10px 0 90px; padding:0; font-size:12px; font-weight:normal; line-height:150%; display:block; } ul.form li span.dot { color:#999; float:left; font-weight:normal; margin: 3px 5px 0 5px; padding:0; font-size:12px; font-weight:normal; line-height:150%; display:block; } ul.form li span.txt { color:#999; float:left; font-weight:normal; margin: 3px 0px 0 0px; padding:0; font-size:12px; font-weight:normal; line-height:150%; display:block; } ul.form li span.subTitle { color:#999; float:left; font-weight:bold; margin: 15px 0px 0 15px; padding:0; font-size:16px; color:#000; line-height:150%; display:block; } ul.form li button { float:left; } ul.form li .btn { float:left; margin-left:10px; } ul.form li .btn_s { float:left; margin-left:5px; } ul.form li .send { float:left; } ul.form li .adddate { float:right; color:#999; margin-right:15px; } ul.form li .contentArea { font-size:12px; line-height:160%; border:1px solid #ccc; background:#fff7c0; padding: 5px; width:400px; height:150px; overflow-y:auto; } .pagenation { background-color:#efefef; margin-top:0px; padding:5px 0 5px 0; } .pagenation_board { background-color:#efefef; margin-top:0px; padding:5px 0 5px 0; } .pagenation_media { background-color:#efefef; margin-top:0px; padding:5px 0 5px 0; } /* Pagging */ .pagging { padding:0px; margin: 0px 0px 0px 0px; text-align:center; clear:both;} .pagging .bar { padding: 0px 1px 0px 1px;} .pagging a{ display:inline-block; color:#666; text-decoration:none; padding:2px 5px; border: 1px solid #eee; background-color:#fff; } .pagging .selected { font-weight:bold; color:#666; padding: 2px 5px; border: 1px solid #ddd; background-color:#ddd;} .pagging .first{ } .pagging .prev{ } .pagging .next{ } .pagging .last{ } /* accountInfo */ .accountLogout { position:relative; height:66px; } .accountInfo { position:relative; height:145px; } .accountInfo .thumb { position:absolute; top:5px; left:13px; width:80px; height:80px; border: 1px solid #ddd; } .accountInfo .thumb img { width:80px; } .accountInfo .meta { position:absolute; top:10px; left:110px; } .accountInfo .meta .name { font-size:16px; margin-top:3px; color:#666; font-family:dotum; letter-spacing:-50%; font-weight:bold; } .accountInfo .meta .myBoard { font-size:12px; margin-top:8px; } .accountInfo .meta .myBoard a { color:#7e7e7e; font-family:dotum; letter-spacing:-100%; } .accountInfo .meta .myComment { font-size:12px; margin-top:8px; } .accountInfo .meta .myComment a { color:#7e7e7e; font-family:dotum; letter-spacing:-100%; } .accountInfo .action { position:absolute; top:100px; left:13px; width:210px; } .accountInfo .action a { display:block; border:1px solid #e9e9e9; padding:5px 0; margin:5px 0px; text-align:center; color:#444;} .accountInfo .action a:hover { background-color:#999; color:#fff;} .helpNavgation { float:left; width: 180px; height:100%; padding-top:0px; padding-bottom:30px; margin-top:11px; margin-bottom:20px; overflow:hidden; background-color:#fff;} ul.helpNavigation { list-style: none; padding:0 0 0 0; margin:0px 0 0 0; overflow:hidden; background-color:#fff;} ul.helpNavigation li { padding:0; margin:0px 0 0 0; clear:both;} ul.helpNavigation li span { color:#8e8c8c; display:block; font-family:dotum; font-size:13px; padding-left:25px; height:25px; line-height:25px; line-height:28px\9; margin:15px 0 0 0; cursor:pointer; font-weight:normal; font-weight:bold; letter-spacing:-50%; } ul.helpNavigation li a { color:#8e8c8c; display:block; font-family:dotum; font-size:13px; padding-right:25px; height:25px; line-height:25px; line-height:28px\9; margin:15px 0 0 0; cursor:pointer; font-weight:normal; font-weight:bold; letter-spacing:-50%; text-align:right; } ul.helpNavigation li a:hover { font-weight:bold; color:#fff; background-color:#cacaca; } ul.helpNavigation li a.selected{ color:#555555; font-weight:bold; } .history { position:relative; min-height:300px;margin:20px 0 20px 0 0; line-height:200% ;background: url(../images/history.png) no-repeat left top; width:800px; } .history .text { padding:30px 30px; font-size:13px; color:#6d6d6d;} .history .text .sub_title{font-size:14px; font-family: gulim,Arial,sans-serif; font-weight: bold; color:black;} .history .text .m_title{font-size:15px; font-family: gulim,Arial,sans-serif; font-weight: bold; color:#496ef7;} .history .text .close_title{font-size:13px; font-family: gulim,Arial,sans-serif; font-weight: bold; color:#496ef7;} .page_kim { position:relative; margin-top:40px;background:#f8f8f8 url(../images/kim_bible.png) no-repeat left top; width:800px; height:330px;} .page_kim .media_meta { position:absolute; top:65px; left:65px; margin:0; padding:0; } .page_kim .media_meta .title { font-size:14px; font-weight:bold; font-family:dotum; letter-spacing:-50%; } .page_kim .media_meta .bible { margin-top:5px; font-size:12px; font-weight:normal; font-family:dotum; letter-spacing:-50%; } .page_kim .media_meta .summary { margin-top:7px;font-size:12px; font-weight:normal; font-family:dotum; letter-spacing:-50%; } .page_kim a.play { position:absolute; top:130px; left:30px; display:block; margin-top:8px; font-size:14px; font-weight:bold; font-family:dotum; letter-spacing:-50%; color:#fff; background-color:#197ff2; padding:8px 20px; } .page_kim .link { position:absolute; top:260px; left:26px; margin:0; padding:0; } .page_kim .link a { color:#333; display:block; margin-bottom:10px; font-size:12px; font-weight:normal; font-family:dotum; letter-spacing:-50%; } .page_kim .link a:hover { color:#999; } .page_kim .radio { position:absolute; top:60px; left:495px; margin:0; padding:0; width:300px; line-height:18px; color:#333; font-size:12px; font-weight:normal; font-family:dotum; letter-spacing:-50%;} .page_kim .radio a { color:#333; font-size:12px; font-weight:normal; font-family:dotum; letter-spacing:-50%; } .page_kim .radio a:hover { color:#999; } /* tree_link */ .tree_link {position:relative; height:30px; margin:0 10px 0 0; padding:0 0; overflow:hidden; border-bottom: 1px solid #eee;} .tree_link.root {position:relative; height:30px; margin:0 10px 0 0; padding:0 0; overflow:hidden; border: 1px solid #ccc; background:#eee; } .tree_link .domain {position:absolute; top:5px; left:15px; text-overflow:ellipsis; overflow:hidden; margin-bottom:5px;} .tree_link .title { position:absolute; top:5px; left:5px; text-overflow:ellipsis; overflow:hidden; margin-bottom:5px; } .tree_link .url { position:absolute; top:5px; right:5px; margin-left:10px; color:#999; } .tree_link .attendance { position:absolute; top:5px; right:200px; text-align:center; width:50px; } .tree_link .enabled { position:absolute; top:5px; right:250px; text-align:center; width:50px; } .tree_link .menu { position:absolute; top:5px; right:5px; padding:0px; margin-bottom:5px; text-align:center; } .tree_link .menu select { width:120px; } div.tree_link:hover {background-color:#FFF7C0; } /* livetimetable 2012-08-17_jsh*/ .t1 { font-size:11px; font-family:µ¸¿ò,µ¸¿òü,Arial; color:#999999; line-height:18px; } A.t1 { font-size:11px; font-family:µ¸¿ò,µ¸¿òü,Arial; color:#999999;} A.t1:visited { font-size:11px; font-family:µ¸¿ò,µ¸¿òü,Arial; color:#999999;} A.t1:active { font-size:11px; font-family:µ¸¿ò,µ¸¿òü,Arial; color:#999999;} A.t1:hover { font-size:11px; font-family:µ¸¿ò,µ¸¿òü,Arial; color:#999999;} .t2 { font-size:11px; font-family:µ¸¿ò,µ¸¿òü,Arial; color:#50A0D8; line-height:18px; } A.t2 { font-size:11px; font-family:µ¸¿ò,µ¸¿òü,Arial; color:#50A0D8;} A.t2:visited { font-size:11px; font-family:µ¸¿ò,µ¸¿òü,Arial; color:#50A0D8;} A.t2:active { font-size:11px; font-family:µ¸¿ò,µ¸¿òü,Arial; color:#50A0D8;} A.t2:hover { font-size:11px; font-family:µ¸¿ò,µ¸¿òü,Arial; color:#50A0D8;} .t3 { font-size:11px; font-family:µ¸¿ò,µ¸¿òü,Seoul,arial,helvetica; color:#333333; line-height:18px; } A.t3 { font-size:11px; font-family:µ¸¿ò,µ¸¿òü,Seoul,arial,helvetica; color:#333333;} A.t3:visited { font-size:11px; font-family:µ¸¿ò,µ¸¿òü,Seoul,arial,helvetica; color:#333333;} A.t3:active { font-size:11px; font-family:µ¸¿ò,µ¸¿òü,Seoul,arial,helvetica; color:#333333;} A.t3:hover { font-size:11px; font-family:µ¸¿ò,µ¸¿òü,Seoul,arial,helvetica; color:#333333;} .t4 { font-size:14px; font-family:µ¸¿ò,µ¸¿òü; font-weight:bold; color:#515183; line-height:18px; } A.t4 { font-size:14px; font-family:µ¸¿ò,µ¸¿òü; font-weight:bold; color:#515183;} A.t4:visited { font-size:14px; font-family:µ¸¿ò,µ¸¿òü; font-weight:bold; color:#515183;} A.t4:active { font-size:14px; font-family:µ¸¿ò,µ¸¿òü; font-weight:bold; color:#515183;} A.t4:hover { font-size:14px; font-family:µ¸¿ò,µ¸¿òü; font-weight:bold; color:#515183; text-decoration:underline;} .t5 { font-size:11px; font-family:µ¸¿ò,µ¸¿òü; color:#769D00; line-height:18px; } A.t5 { font-size:11px; font-family:µ¸¿ò,µ¸¿òü; color:#769D00;} A.t5:visited { font-size:11px; font-family:µ¸¿ò,µ¸¿òü; color:#769D00;} A.t5:active { font-size:11px; font-family:µ¸¿ò,µ¸¿òü; color:#769D00;} A.t5:hover { font-size:11px; font-family:µ¸¿ò,µ¸¿òü; color:#769D00; text-decoration:underline;} /* tv css 2012-08-17_jsh*/ .tv_imgbox {padding:5px; width:130px; height:100px; border:1px solid #e0e0e0;} .tv_listline {padding:5px;border-bottom:1px solid #e0e0e0;} .wedding td { color:#4f4f4f; font-size:12px; font-weight:normal; } .wedding th { vertical-align:top;padding:10px 0; border-bottom:#dadada solid 1px; text-align:center; font-weight:normal;background:#f6f6f6;color:#424242; } .wedding td { padding:10px 0; border-bottom:#dadada solid 1px; padding-left:15px; text-align:left; }