/* Browser Default Style Reset */ body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; } fieldset, img, iframe { border:0; } ol, ul { list-style:none; } caption, th { text-align:left; } h1,h2,h3,h4,h5,h6 { font-size:100%; } abbr,acronym { border:0; } hr { display:none; } /* Font */ body { font-size:12px; font-family:"Apple Gothic","굴림",Gulim,"돋움",Dotum,sans-serif; line-height:1.3em; background:#fff; color:#555; } input, select, textarea, button { font-size:100%; font-family:"Apple Gothic","굴림",Gulim,"돋움",Dotum,sans-serif; color:#555; } a:link { text-decoration:none; color:#555; } a:visited { text-decoration:none; color:#4b4b4b; } a:hover { text-decoration:underline; color:#4b4b4b; } a:active { text-decoration:none; color:#4b4b4b; } .orange { color:#F5550D; } .blue {color:#377BCB; } /* Button */ .btn1 { position:relative; display:inline-block; height:22px; margin-left:2px; background:url(/images/btn1.gif) no-repeat right top; text-decoration:none; } .btn1 span { display:inline-block; height:22px; position:relative; left:-3px; margin:0; padding:0 2px 0 5px; border:0; background:url(/images/btn1.gif) no-repeat; line-height:22px; cursor:pointer; } .btn1 button, .btn1 input { display:inline-block; overflow:hidden; position:relative; left:-3px; height:23px; border:0; background:url(/images/btn1.gif) no-repeat; line-height:22px !important; line-height:24px; cursor:pointer; color:#666; } .btn1 span { padding:0 3px 0 6px; } .btn1 button { padding:0 0 0 3px; } .btn1 input { padding-left:3px; } .btn1:hover { text-decoration:none; } .btn2 { display:inline-block; position:relative; height:22px; margin-left:3px; background:url(/images/btn2.gif) no-repeat right top; text-decoration:none; color:#666; font-size:12px; } .btn2:hover { text-decoration:none; color:#666; } .btn4 a, .btn2 span, .btn2 button, .btn2 input { display:inline-block; overflow:hidden; position:relative; left:-3px; height:23px; border:0; background:url(/images/btn2.gif) no-repeat; line-height:22px !important; line-height:24px; cursor:pointer; color:#666; } .btn2 span { padding:0 3px 0 6px; } .btn2 button { padding:0 0 0 3px; } .btn2 input { padding-left:3px; } .btn2 a:hover { color:#666; } .btn3 { display:inline-block; position:relative; height:22px; margin-left:3px; background:url(/images/btn3.gif) no-repeat right top; text-decoration:none; color:#fff; font-size:12px; } .btn3 hover { text-decoration:none; color:#666; } .btn3 span, .btn3 button, .btn3 input { display:inline-block; overflow:hidden; position:relative; left:-3px; height:23px; border:0; background:url(/images/btn3.gif) no-repeat; color:#fff; line-height:22px !important; line-height:24px; cursor:pointer; } .btn3 span { padding:0 3px 0 6px; } .btn3 button { padding:0 0 0 3px; } .btn3 input { padding-left:3px; } .btn3 a:hover { color:#666; } .btn4 { position:relative; display:inline-block; height:22px; margin-left:2px; background:url(/images/btn4.gif) no-repeat right top; text-decoration:none; color:#fff; font-size:12px; } .btn4 span { display:inline-block; height:22px; position:relative; left:-3px; margin:0; padding:0 2px 0 5px; border:0; background:url(/images/btn4.gif) no-repeat; line-height:22px; cursor:pointer; } .btn4 a, .btn4 button, .btn4 input { display:inline-block; overflow:hidden; position:relative; left:-3px; height:23px; border:0; background:url(/images/btn4.gif) no-repeat; color:#fff; line-height:22px !important; line-height:24px; cursor:pointer; } .btn4 span { padding:0 3px 0 6px; } .btn4 button { padding:0 0 0 3px; } .btn4 input { padding-left:3px; } .btn4:hover { text-decoration:none; color:#fff; } .noborder { border:none;} .clear {clear:both;} .disable {display:none;} .line{border-top: 1px solid #e5e5e5;} .text_left { text-align:left !important; } .text_right { text-align:right !important; } .text_center { text-align:center !important; } #wrap { position:relative; min-width:970px; } * html #wrap { height:1%; } /* header */ #header { z-index:30; position:relative; min-width:960px; margin-bottom:10px; } #header .group1 { z-index:20; position:relative; width:960px; height:88px; margin:0 auto; } #header .group2 { z-index:10; position:relative; width:960px; margin:0px auto; padding-right:10px; height:37px; background:#2f4763; color:#fff; } #header .logo { z-index:30; position:absolute; top:12px; left:4px; } #header .logo a { display:block; } #header .logo img { vertical-align:top; margin:10px; } #header .user {z-index:20; position:relative; font-size:11px; } #header .user h2 { overflow:hidden; position:absolute; height:0; } #header .user ul {float:right; position:relative; margin-top:8px; } #header .user ul li { float:left; position:relative; left:-1px; padding:0 4px; background:url(/images/common/user_ico_bar1.gif) no-repeat 0 5px; } #header .user ul li .point { line-height:1.2em; text-decoration:none; } #header .user ul li .point span { font-weight:bold; color:#3b5ace; } #header .user ul li .point strong { padding-right:2px; color:#676e7d; } #header .user ul li a, #header .user ul li span { padding:2px; font-family:tahoma; vertical-align:center; } #header .user ul li.last { background:none; padding-left:20px; } #header .user ul li p span strong { padding-right:2px; font-weight:bold; color:#d4021b; } #header .gnb { clear:both; z-index:10; float:right; position:relative; margin-top:16px; } #header .gnb h2 { overflow:hidden; position:absolute; height:0; } #header .gnb ul { overflow:hidden; float:right; position:relative; } #header .gnb ul li { float:left; position:relative; left:-1px; margin-top:3px; padding:0 4px 0 5px; background:url(/images/common/gnb_ico_bar1.gif) no-repeat 0 11px; } #header .gnb ul li a { float:left; padding:5px; } #header .gnb ul li.premium { margin:0; padding:0 0 0 10px; background:none; } #header .gnb ul li.premium a { padding:0; } #header .search { overflow:hidden; position:relative; width:960px; margin:0 auto; padding-top:7px; } #header .search h2 { overflow:hidden; position:absolute; height:0; } #header .search fieldset legend { display:none; } #header .search fieldset p { text-align:center; } #header .search fieldset p * { vertical-align:middle; } #header .search fieldset p .form_select { width:100px; height:18px; border:0; line-height:18px;} #header .search fieldset p .form_text { width:240px; height:12px; padding:3px; border:0; background:#fff; line-height:12px; } #header .search .best { position:absolute; top:10px; right:-5px; line-height:16px; } #header .search .best h3 { float:left; height:11px; margin-right:10px; padding-top:1px; font-size:11px; } #header .search .best p { float:left; color:#d9d9d9; } #header .search .best p a { color:#d9d9d9; } /* 플롯로그인 */ #loginFloat { top:0px; left:0px; width:254px; height:auto; z-index:999; position:absolute; display:none; } #loginFloat #login_top { height:36px; background:url(/images/login/login_top.gif) no-repeat; overflow:hidden; position:relative; } #loginFloat #login_top h2{ left:15px; bottom:0px; margin:0px; padding:0px; font:bold 12px 굴림; position:absolute; } #loginFloat #login_bg { height:auto; padding:0px 0px 20px 0px; background:url(/images/login/login_bg.gif) repeat-y; position:relative; } #loginFloat #login_bottom { height:27px; background:url(/images/login/login_bottom.gif) no-repeat; overflow:hidden; position:relative; padding:0px 10px; text-align:center; } #loginFloat form , div#loginFloat fieldset { border:none; margin:0px; padding:8px; font:12px 굴림; height:75px; position:relative; } #loginFloat dl, #loginFloat dl dt, #loginFloat dl dd { margin:0px; padding:0px; line-height:20px; } #loginFloat dt{ clear:left; width:60px; height:26px; float:left; } #loginFloat dd { float:left; } #loginFloat input { font:12px 돋움; height:16px; line-height:13px; border-top:1px solid #a1a1a1; border-left:1px solid #a1a1a1; border-bottom:1px solid #f3f3f3; border-right:1px solid #f3f3f3; } #loginFloat input#login_btn {position:absolute; right:0px; top:0px; width:54px; height:22px; border:none } #login_bottom a { font:12px 굴림; color:#666; padding:0px 4px; letter-spacing:-0.1em; text-decoration:none; } #login_bottom a:hover { color:#9ec969; } #loginFloat span { left:0px; font:11px 돋움; color:#f60; top:5px; position:absolute; } #loginFloat #login_out { right:8px; bottom:3px; width:14px; height:14px; position:absolute; background:url(/images/login/login_close.gif) no-repeat;} #loginFloat #login_out:hover { background:url(/images/login/login_closeon.gif) no-repeat; } #loginFloat #login_msgs { clear:both; height:30px; position:relative; } /* LOGIN2 */ #login2 { position:relative; margin:200px auto; } #login_text p { margin-bottom:10px; } #login_text .p1 { color:#fd6918; font-size:16px; font-weight:bold; } #login_text .p2 { color:#51568b; font-size:12px; } #login_box { position:relative; width:668px; height:220px; margin:0 auto; background:url('/images/login/login_box_bg.gif') repeat-y; z-index:100; } #login_box .login_top { width:668px; height:8px; background:url('/images/login/login_box_top.gif') no-repeat; } #login_box .login_btm { float:left; width:668px; height:14px; background:url('/images/login/login_box_btm.gif') no-repeat; } #login_box .login_cont { position:relative; float:left; margin:30px 0px; padding-left:30px; } #login_box .login_area { width:260px; height:80px; padding-top:30px; } dl.login { float:left; margin-right:10px; } dl.login dt { float:left; clear:left; width:60px; height:20px; margin-top:2px; text-align:left; font-weight:bold; color:#636ea8; } dl.login dd { float:left; width:120px; height:22px; } dl.login dd input { height:16px; border:1px solid #a5acb2; } p.login_area { width:58px; height:41px; float:right; } ul.login_text { margin-top:14px; padding:10px 0 0 0; border-top:1px dotted #ccc;} ul.login_text li { padding:0 15px 0 10px; background:url('/images/login/login_dot.gif') no-repeat 2px 4px; float:left; } ul.login_text a:hover { color:#ce0672; } /* footer */ #footer { clear:both; position:relative; width:968px; margin:0 auto; margin-top:30px; padding:7px 0 20px; border-top:1px solid #dcdcdc; } #footer .cnb { position:relative; margin-left:10px; } #footer .cnb h2 { overflow:hidden; position:absolute; height:0; } #footer .cnb ul { overflow:hidden; position:relative; width:100%; } #footer .cnb ul li { float:left; position:relative; left:-9px; padding:0 9px 0 8px; background:url(/images/common/cnb_ico_bar1.gif) no-repeat 0 2px; } #footer .cnb ul li a { color:#898989; } #footer .cnb ul li a:hover { color:#272727; } #footer .info { margin:20px 0 0 10px; padding-left:5px; border-left:2px solid #01adff; color:#898989; font-size:11px; line-height:16px; } #footer .copyright { position:absolute; top:7px; right:10px; color:#898989; font-family:tahoma, sans-serif; font-size:11px; } /* center */ #center { z-index:20; position:relative; width:960px; margin:0 auto 20px; color:#555; } #center:after { clear:both; overflow:hidden; display:block; height:0; content:" "; } /*left*/ #left_box { float:left; position:relative; width:190px; background:#fff url(/images/common/left_bg_center.gif) repeat-y; } #left_box .left_bg_top { height:14px; background:#fff url(/images/common/left_bg_top.gif) no-repeat 0 bottom; } #left_box .left_bg_bottom { height:10px; background:#fff url(/images/common/left_bg_bottom.gif) no-repeat; } #left_box h2 { overflow:hidden; position:absolute; height:0; } #left_box .write { position:relative; padding-left:3px; text-align:center; } #left_box .box { position:relative; line-height:18px; padding:0 10px; margin-bottom:10px;color:#555; } #left_box .box h3 { margin-top:14px; font-weight:bold; } #left_box .box a.more { position:absolute; right:10px; top:0px; font:bold 11px tahoma; color:#999;} #left_box .box a.more:hover { color:#f80;} #left_box .box ul { margin-top:3px; padding-top:5px; border-top:1px solid #e4e4e4; } #left_box .box ul li { } #left_box .box ul li.sele a { color:#ff6600; font-weight:bold; } #left_box .box .tag_cloud { border:1px solid #d5d5d5; height:auto !important; height:1%; } #left_box .ad_area { text-align:center; } #left_box .ad_area p { margin:10px 0; } #left_box .ad_area iframe { display:block; width:165px; margin:0 auto; } #left_box .counter { position:relative; margin:5px 14px; padding:5px 8px; border:1px solid #d5d5d5; } #left_box .counter h3 { margin-bottom:5px; padding:5px 0px; border-bottom:1px dashed #d5d5d5; font-weight:bold; } /*right*/ #right_box { float:right; position:relative; width:760px; margin-top:10px; } #right_box .content_title { font-weight:normal; font-weight:bold; color:#000; border-left:5px solid #f80; padding-left:8px; margin-bottom:10px;} #right_box .content_title em { color:#a1a1a1; font-style:normal; } #right_box .btn_rss { position:absolute; top:0; right:0; } /* content */ #content { float:right; position:relative; right:0px; width:760px; margin-bottom:20px; } /* Paging */ .paging { position:relative; width:100%; text-align:center; font-weight:bold; line-height:30px; } .paging a { position:relative; top:4px; padding:4px 6px 2px; border:1px solid #dcdcdc; margin:0px; color:#aaa; text-decoration:none; font-size:11px; } .paging a:hover, .paging a:focus { padding:3px 5px 1px; border:2px solid #8e8e8e; color:#333; text-decoration:none; } .paging a:active { padding:3px 5px 1px; border:2px solid #8e8e8e; color:#333; text-decoration:none; } .paging .selected { padding:4px 6px 2px; border:1px solid #8e8e8e; color:#333; font-weight:bold; } /**모두의글/내가쓴글**/ div#left_top {height:15px; line-height:24px; text-align:center; margin:0px; padding:0px; position:relative;} div#left_top a, div#left_top span {cursor:pointer; font:13px 굴림; font-weight:bold; text-align:center; width:auto; height:auto; margin:0px; padding:0px; } div#left_top a:hover, div#left_top span:hover{ text-decoration:underline; color:#ff9c00; } /*본문페이지 타이틀*/ div#top_title{ text-align:left; width:745px; height:30px; margin:0px 0px 0px 10px; padding:0px; list-style-type:none; position:relative; } /*메인큰이미지*/ div#big_img li a:hover{ text-decoration:underline; color:#4b4b4b; } div#top_title h2{ width:auto; line-height:31px; text-align:left; margin:0px; padding:0px; float:left; } .navi{ text-align:left; color:#a1a1a1; margin:0px; padding:9px 0px 0px 0px; float:left; } .rss_img{ right:10px; margin:5px 5px 0px 0px; padding:0px; border:none; float:right; } #data{ width:auto; height:auto; right:80px; top:11px; margin:0px; padding:0px; position:absolute; } /**로그인**/ #loginField { top:50px; left:250px; width:400px; height:auto; border:1px solid; position:absolute; text-align:center; background:url(/images/bg_gray.gif); visibility:hidden; z-index:12; background:#fff;} #loginField dl { display:block; margin:10px auto; padding:0px; width:320px; height:27px; position:relative; z-index:1; } #loginField dt { display:block; margin:0px; padding:0px; width:70px; line-height:28px; float:left; } #loginField p { margin:0px; padding:0px 0px 0px 3px; color:#f80; line-height:20px; letter-spacing:-0.1em; } #loginField dd { display:block; margin:0px; padding:0px; line-height:28px; height:auto; width:240px; float:left; } #loginLayer { padding:30px 0px; } #loginField h2 { margin:0px; padding:0px;font:bold 12px 굴림; height:20px; line-height:20px; background:#e3e3e3;} div#mapPop { top:0px; left:0px; width:700px; height:600px; visibility:hidden; position:absolute; z-index:31; } div#mapPop #map { width:700px; height:600px; font:12px 굴림; position:relative; } div#mapPop #mapContainer { border:2px solid #000; position:relative; } div#mapPop #address { left:20px; top:10px; margin:6px auto; width:660px; height:48px; padding:5px; color:#fff; background:#000; filter:alpha(opacity=30); overflow:hidden; position:absolute; z-index:99;} div#mapPop #address h2{ font:bold 12px 굴림; position:relative; } div#mapPop #address #tel1 { top:5px; right:10px; position:absolute; } div#mapPop #address #tel2 { top:20px; right:10px; position:absolute; } div#mapPop #address p { width:500px; margin:0px; padding:0px; bottom:5px; left:10px; position:absolute; } /*인증버튼*/ #btn{ width:100px; margin:10px 0px 0px 0px; } #w3c{ margin:0px; padding:0px; float:left; } #rss{ margin:0px; padding:0px; } /**zoom**/ div#grays { filter:alpha(opacity:30); } div#zoom { top:0px; left:0px; width:100%; height:100%; filter:alpha(opacity:50); visibility:hidden; background:#000; z-index:1000; position:absolute; } div#zoomHTML { top:0px; margin:0px auto; text-align:center; background:#fff; cursor:pointer; position:absolute; overflow:auto; visibility:hidden; border:8px solid #000; padding:5px; z-index:1001; } div #camera { text-align:left; filter:alpha(opacity:40); width:210px; height:auto; color:#fff; background:#000; border:1px dashed #fff; left:13px; top:13px; position:absolute; } div #camera th{ width:60px; } div #camera td{ width:150px; } #contNum { display:none; } /*creviewer*/ #memberInfo { margin:5px auto; padding:5px; width:145px; text-align:center; line-height:2em; border:1px dashed #d5d5d5; } /*mkindList*/ div.mkind {} div.mkind ul { border-left:1px solid #d5d5d5; border-bottom:1px solid #d5d5d5; height:21px; padding:0; margin:10px 0 20px 0; line-height:16px; } div.mkind li { float:left; margin:0px; display:block; padding:2px 15px; border-top:1px solid #d5d5d5; border-right:1px solid #d5d5d5; } div.mkind li.sele, div.mkind li:hover { background:#f3f3f3; } div.mkind li a { text-decoration:none; } /*specialBanner*/ div.special { position:relative; } div.special a.specialLink { position:absolute; right:20px; } div.special a.specialLink img { width:210px; height:20px; } /*specialBanner*/ .special_box { position:relative; width:750px; height:158px; margin-left:12px; border:1px solid #999; overflow:hidden; margin-bottom:2px; } .special_box .special_img { display:none; position:absolute; float:left; z-index:2; } .special_box .special_list { position:relative; float:right; width:220px; padding:15px 0 0 8px; overflow:hidden; } .special_box .special_list h3 { padding-bottom:5px; border-bottom:2px solid #000; } .special_box .special_list ul { position:relative; top:1px; margin-top:5px; } .special_box .special_list ul li { width:204px; padding-top:5px; border-bottom:1px solid #8cc8e4; font-family:"돋움"; font-size:11px; } .special_box .special_list ul li a { text-decoration:none; } .special_box .special_list ul li a:hover { color:#f66d09; } .special_box .special_list ul em{ padding-right:5px; font-weight:bold; font-style:normal; color:#9b9b9b; } /* tag cloud */ .tag_cloud { overflow:hidden; position:relative; padding:3px 10px; line-height:1.8em; } .tag_cloud li { display:inline; margin:0 2px; } .tag_cloud li a { text-decoration:none; padding:1px;} .tag_cloud li a:hover { text-decoration:underline; background:#D3E6EB;} .tag_cloud li a.cloud0 { font-size:12px; color:#000; } .tag_cloud li a.cloud1 { font-size:13px; color:#000; } .tag_cloud li a.cloud2 { font-size:13px; font-weight:bold; color:#000; } .tag_cloud li a.cloud3 { font-size:14px; font-weight:bold; } .tag_cloud li a.cloud4 { font-size:15px; font-weight:bold; color:#7e8cd7; } .tag_cloud li a.cloud5 { font-size:16px; font-weight:bold; color:#01adff; } .tag_cloud li a.cloud6 { font-size:16px; font-weight:bold; color:#000; background:#BCD6E0; } .tag_cloud_all { overflow:hidden; position:relative; padding:3px 10px; line-height:1.6em; } .tag_cloud_all a { font-size:14px; text-decoration:none; padding:1px;} .tag_cloud_all a:hover { text-decoration:underline; background:#ff0;} .tag_cloud_all a.cloud0 { font-size:13px; color:#000; } .tag_cloud_all a.cloud1 { font-size:14px; color:#000; } .tag_cloud_all a.cloud2 { font-size:15px; font-weight:bold; color:#346ad7; } .tag_cloud_all a.cloud3 { font-size:16px; font-weight:bold; color:#4e6991; } .tag_cloud_all a.cloud4 { font-size:17px; font-weight:bold; color:#7e8cd7; } .tag_cloud_all a.cloud5 { font-size:18px; font-weight:bold; color:#01adff; } .tag_cloud_all a.cloud6 { font-size:18px; font-weight:bold; color:#000; background:#BCD6E0; } /*레이어 팝업*/ #poplayer { position:absolute; top:140px; left:50%; display:none; width:810px; margin-left:-405px; } #poplayer .light_pop { position:relative; border:5px solid #2F4763; } #poplayer .close_btn11 { position:absolute; bottom:15px; right:15px; font-size:15px; font-weight:bold; color:#868484; z-index:69; cursor:pointer; }