body{background-color:#000;color:#CCC;font-family:AppleGothic,"돋움","굴림",Tahoma,Arial;font-size:12px;margin:8px 0 0 0;-webkit-text-size-adjust: none;}
img {border:0}
form {display:inline}

.site {width:80px;float:left;text-align:center;position:relative;overflow:hidden;padding:5px 0 5px 0}
.icon {width:57px;height:57px;margin:0 0 0 12px}
.label {margin:4px 0 0 0;font-size:11px}
.label.new {color:#FF6633}
.sectiontitle {font-size:14px;color:#FFF;padding:7px 0;clear:both;text-align:center;margin:8px 5px 8px 5px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;font-weight:bold;text-shadow:#000 -1px -1px 0px;font-weight:bold;vertical-align:baseline;
border:1px solid #1F1F1F;background-color:#1C1C1C;background-color:#333;background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgb(30, 30, 30)), to(rgb(18, 18, 18)));}
.site .del {position:absolute;left:2px;top:0}
.site .selmark {position:absolute;left:2px;top:0}
.section {margin:0;padding:0;overflow:hidden}

/*.sectiontitle2 {font-size:14px;color:#FFF;padding:8px 0;clear:both;text-align:center;background-color:#1C1C1C;margin:6px 0 6px 0;border-radius:4px;-moz-border-radius:4px;-webkit-border-radius:4px;font-weight:bold;}*/
.sectiontitle2 {font-size:14px;color:#FFF;padding:7px 12px;clear:both;text-align:left;margin:8px 5px 8px 5px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;font-weight:bold;text-shadow:#000 -1px -1px 0px;font-weight:bold;vertical-align:baseline;
border:1px solid #1F1F1F;background-color:#1C1C1C;background-color:#333;background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgb(30, 30, 30)), to(rgb(18, 18, 18)));}
ul.section {margin:0;padding:0}
li.site2 {position:relative;overflow:hidden;padding:5px 8px 5px 12px;border-top:1px solid #101010;background-color:#030303;border-bottom:1px solid #000;list-style:none}
li.site2 a {text-decoration:none}
li.site2 .label {font-size:16px;color:#5e93ff}
li.site2 .desc {color:#AAA;font-size:12px}
li.site2 .del {position:absolute;right:4px;top:8px}

.bottom {clear:both;margin:0 0 10px 0;text-align:center;line-height:150%;border-top:1px solid #333;padding:8px 4px 0 4px;font-size:13px;line-height:150%}
.bottom a {text-decoration:none;color:#EEE}
.bottom .links {padding-top:8px;color:#333}
.ad {clear:both;margin:0}
#topbar {color:#666;font-size:12px;padding:5px 4px;overflow:hidden}
#keywordrank {float:left;/*width:48%;*/white-space:nowrap;font-size:14px;color:#999}
#topbar .weather {float:right;/*width:48%;*/text-align:right;font-size:14px}
#notice {clear:both;padding:4px 8px;color:#999;border-top:1px solid #101010}
#notice .news {color:#CCC;margin:4px 0 2px 0;font-size:13px}
#notice .news a {text-decoration:none;color:#CCC}
.cold {color:#3366FF}
.cool {color:#3366FF}
.warm {color:#999}
.hot {color:#FF6633} 
#search {margin:10px 0 8px 0;text-align:center;font-size:14px}
#search .engines {margin:0 0 2px 0}
#searchbox {width:180px;height:23px;1px solid #999;padding:2px}
#searchbox.naver {height:19px;border:5px solid rgb(52,177,0)}
#searchbox.google {widht:182px;border:1px solid #93aded;}
#searchbox.daum {height:19px;border:5px solid #4475F1}
#searchbutton {height:24px;padding:0;margin:0}
#searchbutton.naver {width:43px;height:33px;border:0px solid #FFF}
#searchbutton.daum {width:43px;height:33px;border:0px solid #FFF}
#searchbutton.google {width:36px;height:28px;-moz-border-radius:5px;-webkit-border-radius:5px;border:1px solid #93aded;background:url(images/googlebtn.gif) no-repeat center}
#naverRank {position:absolute;top:10px;left:8px;right:8px;color:#CCC;opacity:0.96;-moz-opacity:0.96;background-color:#000;border:1px solid #333;border-radius:6px;-webkit-border-radius:6px;-moz-border-radius:6px;padding:5px 0 5px 0;z-index:560}
#naverRank .header {padding:0 5px 4px 5px;font-size:15px;}
#naverRank ul {margin:0;padding:0;clear:both}
#naverRank ul li {list-style:none;font-size:15px;border-top:1px solid #131313;padding:5px 8px;background-color:#060606;}
#nrankBottom {padding:8px 8px 4px 8px;text-align:right;border-top:1px solid #131313}

.option {overflow:hidden;clear:both;margin:10px 0 0 0;padding:8px 4px 12px 4px;border-top:1px solid #333;background-color:#161616;color:#999}
.option .left {float:left;with:80px;padding:5px 0 0 0}
.option .right {text-align:right;float:right;width:180px;padding:5px 0 0 0}
.option a {text-shadow:-1px -1px 1px #000;text-align:center;color:#CCC;text-decoration:none;font-size:13px;width:60px;padding:4px;margin:0;border:1px solid #1F1F1F;-webkit-border-radius:4px;-moz-border-radius:4px;background-color:#333;background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgb(50, 50, 50)), to(rgb(0, 0, 0)));}
.option a.on {text-shadow:1px 1px 1px #FFF;color:#333;background-color:#CCC;background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgb(200, 200, 200)), to(rgb(150, 150, 150)));}

.userform {position:absolute;top:0px;left:0px;width:100%;padding:8px 0;border-bottom:1px solid #000;background-color:#101010;text-align:center}
.userform h1 {padding:2px;font-size:16px;text-align:center;color:#CCC}
.userform input[type='text'],input[type='password']{margin:4px 0;padding:5px;font-size:15px;-moz-border-radius:4px;-webkit-border-radius:4px;border-radius:4px;border:1px solid #999}
.userform .buttons {margin:8px 0;text-align:center}
.userform .tip {color:#AAA;font-size:12px;}
.userform input[type='button']{width:85px;font-size:14px;}

#loginform {z-index:650}
#joinform {z-index:651}

.help {padding:5px 8px}
.buttons {text-align:right;paddin:10px 8px;overflow:hidden}
.buttons .button {text-shadow:-1px -1px 1px #000;text-align:center;float:right;color:#CCC;text-decoration:none;font-size:13px;width:60px;padding:4px;margin:4px;border:1px solid #1F1F1F;-webkit-border-radius:4px;-moz-border-radius:4px;background-color:#333;background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgb(50, 50, 50)), to(rgb(0, 0, 0)));}

#smartsearch {position:absolute;background-color:#000;color:#CCC;top:0px;left:0px;right:0px;}
#smartsearch .title {font-size:14px;color:#FFF;padding:6px 10px;border-bottom:2px solid #1F1F1F;border-top:2px solid #1F1F1F;background-color:#333}
#smartsearch ul {margin:0;padding:0;}
#smartsearch ul li {padding:10px 10px;font-size:16px;list-style:none;border-bottom:1px solid #1F1F1F}
#smartsearch ul li .type {font-size:12px;color:#999}
#smartsearch ul li .subtext {font-size:12px;color:#999}
#smartsearch a {color:#CCC;text-decoration:none}
#smartsearch ul li.btn {border-bottom:1px solid #000;text-align:center}
#smartsearch ul li.btn a{font-size:14px;margin-top:6px;padding:6px 16px;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;color:#FFF;background-color:#CCC;font-weight:bold;
text-shadow:-1px -1px 1px #333;background:-webkit-gradient(linear,0% 0%,0% 100%,from(rgb(100, 100, 100)), to(rgb(70, 70, 70)));border:1px solid #666}


.suggest {position:absolute;width:186px;top:0;left:0;background-color:#FFF;border:1px solid #666;font-size:14px;color:#333}
.suggest .item {padding:6px 8px;font-size:15px;border-bottom:1px solid #EEE}
.suggest .close {background-color:#F7F7F7;text-align:right;border-bottom:0px solid #FFF;padding:4px 8px}

#sloading {background-color:#000;-webkit-border-radius:8px;-moz-border-radius:8px;border-radius:8px;opacity:0.80;-moz-opacity:0.80;position:absolute;top:60px;left:50%;text-align:center;padding:20px 0;width:60px;margin-left:-30px}