@charset "utf-8"; /* NHN UIT Lab. WebStandardization Team (http://html.nhndesign.com/) Jeong, Chan Myeong 070601~070630 */ /* Default Skin - Start */ #selectLang { margin:0; padding:0; } #gnb { margin:0; padding:0; } #lnb { margin:0; padding:0; } #lnb ul { margin:0; padding:0; } /* Site Layout - Body Wrap */ body { background:#ffffff;} #top_index {height:20px;background:#e4e4e4;border-bottom:1px solid #999999;} #top_index .index_menu{width:985px; margin:2px auto 0 auto; color:#727272;} #bodyWrap { width:985px; margin:0px auto 0 auto; } /* Site Layout - Header */ #header { position:relative; width:985px; height:120px; background:url(../images/default/bgHeader.jpg) no-repeat left top; margin-bottom:10px; z-index:99;} #header h1 { margin:0; padding:0; position:absolute; top:35px; left:0px;} #language { position:absolute; top:0px; right:10px; z-index:100;} #language strong { color:#4f4f4f; font:.75em Tahoma; margin-right:3px;} #language a img { vertical-align:-5px;} #language ul { position:absolute; top:15px; right:0px; display:none; border:1px solid #b23628; background:#de4332;} #language ul li { list-style:none; } #language ul li a { display:block; width:61px; padding:3px 8px; font:9px Tahoma; color:#ffffff; text-decoration:none;} #language ul li a:hover { background:#bc4032;} #count { position:absolute; top:25px; left:250px; width:450px; text-align:left;} #top_login{ position:absolute; top:25px; right:10px; width:700px; text-align:right; float:right;} #it_search_form { position:absolute; top:50px; right:15px;} #it_search_form .input { border:1px solid #bc4032; height:17px; width:120px; color:#888888; font-size:.9em;} #it_search_form .submit_button { width:1px; height:1px; visibility:hidden; } #gnb { position:absolute; top:60px; left:240px; height:55px; overflow:hidden; white-space:nowrap; margin-bottom:10px;} #gnb li { list-style:none; float:left; background:url(../images/default/bgGnbVr.gif) no-repeat left center; padding-left:2px; position:relative; left:-2px; white-space:nowrap;} #gnb li a { font-weight:bold; display:block; float:left; padding:15px 20px 0 20px; height:25px; color:#ffffff; white-space:nowrap; text-decoration:none; } #gnb li a:hover, #gnb li a:focus { color:#ff9900;} #gnb li.on a { font-weight:bold; color:#ff9900; background:url(../images/default/bgGnbOn.gif) no-repeat center top;} .gnb_subMenu{position:absolute; left:250px; top:110px; ;width:570px;height:24px;} .gnb_subMenu li{display:block; list-style:none; float:left;} .gnb_subMenu li a {text-decoration:none; color:#333333; padding-left:10px; line-height:2em; position:relative;white-space:nowrap;} .gnb_subMenu li a:hover, .gnb_subMenu li a:focus {color:#ff9900;} .gnb_subMenu .on a {color:#ff9900;} #isSearch { position:absolute; top:112px; right:7px; width:320px; text-align:right;} #isSearch .searchOrder { display:none;} #isSearch .checked { position:absolute; left:0; top:0; text-align:left; display:block; padding:5px 0 0 5px; width:64px; height:14px; background:url(../images/default/bgSearchTerm.gif) no-repeat; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#ffffff; line-height:normal;} #isSearch ul { display:none; position:absolute; left:0; top:18px; padding:2px 0 3px 0; text-align:left; border:1px solid #6e8081; background:#385153;} #isSearch ul li { width:67px; height:18px; list-style:none;} #isSearch ul li input { display:none;} #isSearch ul li label { display:block; padding:4px 0 0 4px; width:63px; height:15px; font:11px "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif; color:#ffffff;} #isSearch ul li label.on { background:#2f4345; } #isSearch ul li label:hover, #isSearch ul li label:focus { background:#2f4345;} #isSearch .inputText { vertical-align:middle; position:relative; top:0; _top:-1px; left:1px; padding:3px 3px 1px 3px; width:100px; height:13px; color:#333333; border:1px solid #4f4f4f; background-color:#ffffff; } #isSearch .inputText:hover, #isSearch .inputText:focus { border:1px solid #B0B0AF; background-color:#A9A4A3; } *:first-child+html #isSearch .inputText { position:relative; top:-1px;} #isSearch .submit { vertical-align:middle; _position:relative; _top:-1px;} *:first-child+html #isSearch .submit { position:relative; top:-1px;} /* Site Layout - Content Body */ #contentBody { position:relative; width:925px; padding:20px 30px 20px 30px; overflow:hidden; background:url(../images/default/bgContentBody.jpg) repeat-y left top; border-bottom:0px solid #515151;} /* Site Layout - Column Left */ #columnLeft { position:relative; width:530px; float:left; text-align:left; border:0px solid #ffffff;} #columnLeft .mask { width:530px; height:5px; background:#3d3d3d; display:block;} #lnb { border-top:1px solid #515151; padding:4px 5px; width:190px;} #lnb li { list-style:none; padding-bottom:4px;} #lnb li a { padding:6px 5px 6px 13px; width:170px; display:block; border:1px solid #565655; background:url(../images/default/bgLnbOff.gif) repeat-x; color:#c2c2c2; position:relative; z-index:99; text-decoration:none;} #lnb li a:hover, #lnb li a:focus { color:#ffffff; background:#e61700; border:1px solid #ff1a00;} #lnb li.on a { color:#ffffff; background:#e61700; border:1px solid #ff1a00;} #lnb li.on a:hover, #lnb li.on a:focus { font-weight:bold;} #lnb li ul { display:block; position:relative; width:184px; padding:0 3px; position:relative; border-top:1px solid #3d3d3d; overflow:hidden;} #lnb li.on ul { display:block;} #lnb li ul li { padding:0; border-top:1px solid #474747; position:relative; top:-1px;} #lnb li ul li a { padding:6px 5px 6px 10px; width:169px; color:#818181 !important; border:none; background:none !important; border:none !important;} #lnb li ul li a:hover, #lnb li ul li a:focus { font-weight:normal !important; color:#de4332 !important;} #lnb li.on ul li.on a { color:#ff1a00 !important; font-weight:bold !important; background:url(../images/default/bulletLnb.gif) no-repeat 175px center !important;} /* Site Layout - Column Right */ #columnRight {position:relative; top:0px; right:0px; width:380px; text-align:left; float:right; margin:0px; border:0px solid #ffffff;} #columnRight .cont1{margin-bottom:15px;} #columnRight .cont2{margin-bottom:15px;} #visualArea { width:400px; height:200px; background:#f5f5f5; margin-bottom:2.5em; position:relative; left:-15px; margin-right:-15px;} #content { width:100%; overflow:hidden;} /* Site Layout - Article */ #article {position:relative; top:0px; right:0px; width:925px; text-align:left; float:right; margin-bottom:20px; border-bottom:1px solid #4f4f4f;} #article .left{float:left; width:290px;} #article .center{float:left; width:290px; margin-left:25px;} #article .right{float:right; right:0px;width:290px;} /* Site Layout - policy */ #bottom_content {position:relative; top:0px; right:0px; width:925px; text-align:left; float:right; margin-bottom:0px; border-bottom:0px solid #4f4f4f;} #bottom_content .policy {position:relative;width:915px;display:block; overflow:hidden; border: 1px solid #999999; color:#999999; background:#ffffff; padding: 5px; margin: 20px 0px 0px 0px; text-align:left;} #bottom_content .policy li{display:block;list-style:circle;} /* Site Layout - Footer */ #bottom{ margin:0; padding:0; text-align:center; padding:1em 0 0em; clear:both; background:url() repeat-x left top;} #footer {padding:10px 0px; border-top:1px solid #4f4f4f; border-bottom:1px solid #4f4f4f; text-align:center; width:985px; margin:0 auto 0 auto; clear:both;} #footer li { display:inline; padding:0 .6em 0 1em; background:url(../images/default/vrType1.gif) no-repeat left center;} #footer li.first-child { background:none;} #footer li a { color:#999999; font:.9em "돋움", Dotum, "굴림", Gulim, AppleGothic, Sans-serif;text-decoration:none;} #footer li address { display:inline; } /* Site Layout - Copyright */ #copyright{margin:0 auto 30px auto; clear:both; width:940px;background:#ffffff;padding:10px;} #copyright .bottom_logo {padding:0; border-top:0px solid #f4f4f4; text-align:left; width:200px;float:left;} #copyright .address {padding:0; border-top:0px solid #f4f4f4; text-align:center; margin-left:0px;color:#666666;} /*comment font-size:0.75em; position:relative; */ #reply1{border:1px solid #ddd; padding: 15px 10px 15px 10px; margin-top:10px; width:97%; font-size:11px; font-family:돋움;color:#2f3743;} #reply1 .list{background-color:#f9f9f9; padding:5px 15px;} #reply1 table{border-collapse:collapse;} #reply1 table.comment-table{width:100%} /* #reply1 table.comment-table td{padding:7px 0; border-bottom:1px solid #eaeaea;} */ #reply1 table.comment-table td{padding:4px 0; border-bottom:1px solid #e5e5e5;} #reply1 table.comment-table_notice td{padding:4px 0; border-bottom:1px solid #e5e5e5;} #reply1 .gfix{border:0; vertical-align:middle; margin-left:5px;} #reply1 .smfont{font-size:11px; color:#777;} /* #reply1 .line{font-size:11px; font-weight:bold; color:#ddd; margin:0 10px;} */ #reply1 .line{font-size:11px; color:#ddd; margin:0 10px;} #reply1 .line2{font-size:11px; color:#999999; margin:0 10px;letter-spacing:-1px} #reply1 .txtOrange{color:#ff5409;font-size:12px; font-family:돋움;} #reply1 .pd10 strong{margin-right:5px;font-size:12px; font-family:돋움;} /* position:absolute; */ #reply1 .btn{margin-top:-30px; right:20px;} /* #reply1 .btn2{margin-top:15px; position:absolute; margin-top:-50px; right:20px;} */ #reply1 .btn2{margin-top:15px; margin-top:-50px; right:20px;} #reply1 .btn2 img{margin-left:3px;} /*prev-next*/ /* #reply1 .prev-next{margin:20px 0 30px 0;} */ #reply1 .prev-next{margin:20px 0 30px 0; text-align:center;} table.Nnavi{ border-collapse:collapse; margin:0 auto;} table.Nnavi td {padding:0 2px 0 2px; border-right:1px solid #ddd; } table.Nnavi a.on:link , table.Nnavi a.on:visited , table.Nnavi a.on:hover{font-weight:bold; color:#ea7716 !important; text-decoration: none;} /* table.Nnavi a {display:block; font-family:dotum; text-decoration:none; padding:2px 6px 0 5px; font-weight:bold;} */ table.Nnavi a {display:block; font-family:dotum; text-decoration:none; padding:0px 6px 0 5px; font-weight:bold;line-height:13px } table.Nnavi a span {font-weight:normal;} table.Nnavi .pgR{border-right:0;} /*comment write form*/ .com-write{margin-bottom:10px; font-size:12px; font-family:'dotum';} .com-write table{width:100%;} .com-write input{vertical-align:middle;} .com-write .com-id{display:block; float:left; width:90px; padding:6px 0 0 10px; margin:0; background:url(../images/dot_gray.gif) no-repeat 2px 9px;} .com-write .com_ip{padding-left:10px;} .com-write .input-text{height:18px; margin-right:1px; border:1px solid #ddd; padding:4px 0 0 3px; color:#555;} #reply1 .pl10{padding-left:10px;} #reply1 .pr10{padding-right:10px;} #reply1 .pd10{padding:0 0 10px 0; margin:0;} /*link*/ .Nnavi a:link { color: #555; text-decoration: none;} .Nnavi a:visited { color: #555; text-decoration: none;} .Nnavi a:hover { color: #000; text-decoration: none;} .com_ip {display:none;} /*common class*/ #reply1 .num{font-size:smaller; font-family:Arial, Helvetica, sans-serif; color:#888;width:200} #reply1 .num2{font-family:Arial, Helvetica, sans-serif; color:#abaaab; font-size:smaller;} /*common class*/ #reply1 .list .comment-table .com_text {font: normal 13px/1.2 굴림;color:#000000;padding:7px 10px 7px 0px;line-height:140%} /* padding:5px 3px 5px 0; */ #reply1 .list .comment-table .com_name {font: normal 13px/1.2 굴림;color:#000000;padding:7px 0px 7px 0px} /* padding:5px 3px 5px 0; */ #reply1 .list .comment-table .com_reply {font: bold 13px/1.2 굴림;color:#000000;padding:7px 0px 7px 0px} /* padding:5px 3px 5px 0; */ #reply1 .list .comment-table .com_btn {font: normal 13px/1.2 굴림;color:#000000;display:none;padding:7px 0px 7px 0px} /* padding:5px 3px 5px 0; */ #reply1 .list .comment-table .com_chat {padding:7px 5px 7px 0px} /* padding:5px 3px 5px 0; */ #reply1 .list .comment-table_notice .com_text {font: normal 13px/1.2 굴림;color:#000000;padding:7px 10px 7px 0px;line-height:140%} /* padding:5px 3px 5px 0; */ #reply1 .list .comment-table_notice .com_name {font: normal 13px/1.2 굴림;color:#000000;padding:7px 0px 7px 0px} /* padding:5px 3px 5px 0; */ #reply1 .list .comment-table_notice .com_reply {font: bold 13px/1.2 굴림;color:#000000;padding:7px 0px 7px 0px} /* padding:5px 3px 5px 0; */ #reply1 .list .comment-table_notice .com_btn {font: normal 13px/1.2 굴림;color:#000000;padding:7px 0px 7px 0px} /* padding:5px 3px 5px 0; */ #reply1 .list .comment-table_notice .com_chat {padding:7px 5px 7px 0px} /* padding:5px 3px 5px 0; */ #password_new{width:225px; height:51px; background:url(http://wstatic.dcinside.com/gallery/skin/skin_new/img/bg_password.gif) no-repeat;} #password_new .box{position:relative; padding-top:15px; padding-left:18px; font-weight:bold; letter-spacing:-1px;} #password_new input.style_text{width:90px; height:16px; border:1px solid #ddd; margin-left:5px; padding:4px 0 0 3px;} #password_new .btn{position:absolute; right:10px; top:5px;} .com_name{display:none;} .line,.num2{display:none;} .com_text{width:100%;} .comment-table_notice { display:none; } /* Default Skin - End */ div, td, body { font-family:굴림; } .boardList td.title a:visited { color:purple; }