@charset "utf-8";
/* CSS Document */

/* h font*/
.f_small{font-size:small}

/*yahoo */
p.b_yahoo{padding-left:0px;float:left; width:45px; height:12px;}

.dis_n {display:none;}

/* clear */
.cl{clear:left;}
.cr{clear:right;}
.mr2{margin-right:2px;}
.ml15{margin-left:15px;}
.wd80{width:80px;}

.all_contents{ width:991px;}
#content_right{float:right; width:761px; margin-top:87px; }

/* img bu btn */ 
.bu_img{background:url(//img.ntcdn.net/images/note/btn/bu_btn_ico_sec.gif) no-repeat; width:45px; height:12px;}
.bu_sm_img{float:left;background:url(//img.ntcdn.net/images/note/btn/bu_btn_ico_sec.gif) no-repeat; margin-top:3px; margin-right:3px; width:13px; height:13px;}
.ho_img{background-position:-10px -70px;}
.fo_img{background-position:-60px -70px;}
.sh_img{background-position:-110px -70px;}
.pl_img{background-position:-160px -70px;}
.se_img{background-position:-210px -70px;}
.et_img{background-position:-260px -70px;}
.ho_sm_img{background-position:-10px -92px;}
.fo_sm_img{background-position:-28px -92px;}
.sh_sm_img{background-position:-46px -92px;}
.pl_sm_img{background-position:-64px -92px;}
.se_sm_img{background-position:-82px -92px;}
.et_sm_img{background-position:-100px -92px;}


/* login*/
.login_text{background:url(//img.ntcdn.net/images/note/h/login_text.gif) no-repeat #FFFFFF 5% 50%;}
.login_clickt{background-color:#FFFFFF;}/* 포커스시에 색상*/
.pass_text{background:url(//img.ntcdn.net/images/note/h/pass_text.gif) no-repeat #FFFFFF 5% 50%;}
.login_click{background-color:#FFFFFF;}/* 포커스시에 색상 */
#content_left{float:left; margin-left:15px; display:inline; margin-top:87px; width:201px;}
div.login_sider_line{border:1px solid #d9d9d9; background-color:#f1f1f1; width:198px; height:127px;}
div.login_guest{float:left; border-bottom:1px solid #d9d9d9; margin:0px 5px; padding:3px 0px; display:inline;}
div.login_btn{float:right; padding:6px 3px 6px 0;}
div.login_input{float:left; width:146px; padding:6px 0px; text-align:center;}
div.login_input input{border:1px solid #d9d9d9; width:135px; color:#666666; padding-left:2px;}
div.login_chk{margin-left:5px;}
div.login_chk a{padding-left:25px;}

/* logout*/
div.logout{width:188px; border:1px solid #d9d9d9; padding:5px 5px 0px 5px;}
div.logout p.message{border-bottom:1px solid #d9d9d9; padding-bottom:3px;}
div.logout div.logout_option p{background-repeat: no-repeat; background-position:0 3px; padding-left:17px;}
.smnote{background:url(//img.ntcdn.net/images/note/bu/bu_smnote.gif)}
.pen{background:url(//img.ntcdn.net/images/note/bu/bu_pan.gif)}
.people{background:url(//img.ntcdn.net/images/note/bu/bu_people.gif); }
div.logout div.logout_option{margin:5px 0 5px 3px;}
a.c_dark{font-weight:bold;}
a.c_dark:link, a.c_dark:visited {color:#666666; text-decoration:none;}
a.c_dark:hover, a.c_dark:active {color:#fe8227; text-decoration:underline;}

/* osira */
div.osira_bar{background:url(//img.ntcdn.net/images/note/line/orange_line.gif) no-repeat; width:200px; height:25px;}
div.osira_bar div{float:left; padding-left:5px; padding-top:3px; font-weight:bold;}
div.osira_bar p{float:right; padding-right:5px; padding-top:3px;}
div.osira_list{border:1px solid #fdd5b4; border-top:none; width:198px;}
div.osira_list ul{padding:3px 8px 3px 7px;}
.c_red{color:#e01e36}

/* new blog list */
div.new_blog_bar{background:url(//img.ntcdn.net/images/note/line/line_blue.gif) no-repeat; width:200px; height:25px; padding-left:5px;}
div.new_blog_bar h3{font-size:small; padding-top:3px;}
#new_blog_list{border:1px solid #65adcb; border-top:none; padding:3px 3px 3px 7px; width:188px;}
#new_blog_list li{clear:left;}
#new_blog_list li span{float:left; margin-right:4px; background:url(//img.ntcdn.net/images/note/bu/bu_comment.gif) no-repeat; width:11px; height:12px; margin-top:3px;}
#new_blog_list li a{float:left; width:168px;}

/* big banner*/
div.b_banner_img h1 a img{width:520px; height:162px;}

/* left banner */
#ban_ibis {display:block; margin-top:10px; width:200px; height:60px;}
#ban_kukdo {display:block; margin-top:10px; width:200px; height:45px;}
#ban_itsme {display:block; margin-top:10px; width:200px; height:45px;}
#ban_innolife {display:block; margin-top:10px; width:200px; height:45px;}
#ban_seoultour {display:block; margin-top:10px; width:200px; height:45px;}
#ban_rakuyoubi {display:block; margin-top:10px; width:200px; height:45px;}
#ban_ssl {display:block; margin-top:10px; width:200px; height:75px;}

/* kyoono 1, 2*//* osusume */
div.kyoono_bar{background:url(//img.ntcdn.net/images/note/line/gray_line_m.gif) no-repeat; margin-top:10px; width:520px; height:25px;}
div.osusume_bar{background:url(//img.ntcdn.net/images/note/line/line_green_log.gif) no-repeat;width:520px; height:25px;}

div.kyoono_bar p, div.osusume_bar p{text-align:right; padding-top:3px; margin-right:5px;}
div.kyoono_bar div.fl, div.osusume_bar div.fl{padding-left:5px; padding-top:3px;}
div.kyoono div.clear, div.osusume div.clear{width:518px; border:1px solid #d9d9d9; border-top:none;}
div.kyoono div.clear div.fr, div.osusume div.clear div.fr{padding-right:12px; padding-bottom:5px;}
div.kyoono ul.small_star, div.osusume ul.small_star{margin-right:8px; margin-top:5px;}
div.osusume div.clear{border:1px solid #cadc7f;}
div.osusume div.clear p.c_red{margin:0 5px 5px; padding-top:5px;}
div.t_dash{border-top:1px dashed #cadc7f;}
div.fr div span.bu_img{margin-top:5px; margin-right:5px; display:inline;}
div.fr div a.bold{margin-right:7px; margin-top:1px;}
div.clear div.fr p.story{width:404px;}
div.photo_view{background-color:#FFFFFF; border:1px solid #d9d9d9; padding:2px; margin:5px; display:inline; float:left;}
div.photo_view p{cursor:pointer; background-position:center; background-repeat:no-repeat; width:85px; height:85px;}
p.b_yahoo{margin-top:5px; margin-right:5px;}
div.kyoono span, div.osusume span{margin-top:1px;}
div.kyoono span.kyoono_blog_bulet {width:45px; height:12px; margin-top:5px; margin-right:5px; padding-left:0px; float:left;}

/* kwnnzai */
div.kaku_tukai_img{width:225px;}
div.kennzai_bar{background:url(//img.ntcdn.net/images/note/bar/gray_bar_small.gif) no-repeat; margin-top:10px; width:226px; height:25px;}
div.kennzai_bar div{ padding-left:5px; padding-top:3px; font-weight:bold;}
div.kennzai_sider_line{border:1px solid #d9d9d9; border-top:none; width:224px;}
div.kennzai_time p{background-color:#f1f1f1; margin:0px 1px; padding:0 3px; text-align:right;}
div.kennzai_intro{border-bottom:1px dashed #d9d9d9;}
div.pre_view{float:left; border:1px solid #d9d9d9; background-color:#FFFFFF; padding:2px; margin:5px 3px 0px 5px; display:inline; cursor:pointer;}
div.pre_view p{background-position:center; background-repeat:no-repeat; width:55px; height:55px; }
div.kennzai_fr_format{float:right; margin-right:5px; margin-top:5px; width:145px;}
div ul.kennzai_star{clear:left; float:left; margin-top:3px; margin-right:3px;}
p.kennzai_story{clear:left; margin-left:5px; width:216px; height:20px; overflow:hidden;}
.kennzai_bar h3{padding:5px 0 0 5px; font-size:12px;}

/* rank head*/
div.rank_bar{background:url(//img.ntcdn.net/images/note/line/line_green_solid.gif) no-repeat; width:226px; height:47px; padding-top:0}
div.rank_bar h2 {font-size:small; height:20px; margin-left:4px; padding-top:4px; padding-bottom:1px;}
div.rank_bar ul {margin:0 0 0 4px;}
div.rank_bar ul li{float:left; margin-right:1px;}
div.rank_bar a { width:72px; height:22px; display:block; background-image:url(//img.ntcdn.net/images/note/btn/btn_green_sprit.gif); text-decoration:none; text-align:center; font-weight:bold; color:#A4C12B;}
div.rank_bar a:link, div.rank_bar a:visited {background-position:-10px -37px; color:#A4C12B;}
div.rank_bar a:hover, div.rank_bar a:active {background-position:-10px -10px; text-decoration:none; color:#A4C12B;}
div.rank_bar a.f_nin_neku_now {background-position:-10px -10px;}

/* rank area menu*/
div.rank_sider_line{border:1px solid #b7d635; border-top:none; width:224px;}
div.rank_sider_line a{float:left; font-weight:bold; margin:5px 5px; width:60px;}


div.bu_plus{float:left; background:url(//img.ntcdn.net/images/note/bu/bu_tit_seoul.gif) no-repeat left center; margin:5px 0px 8px 5px; width:13px; height:18px;}
ul.firul_sider_line{clear:left; width:193px; margin-left:5px; border-bottom:1px solid #efefef;}	

li.firli_open{background:url(//img.ntcdn.net./images/note/h/p_area.gif) no-repeat; margin-left:8px; margin-bottom:8px; line-height:90%;}
li.firli_open p{display:inline; font-size:x-small; margin-left:30px;}


a.c_orange:link, a.c_orange:visited {color:#fe8227; text-decoration:none;}
a.c_orange:hover, a.c_orange:active {color:#fe8227; text-decoration:underline;}
a.c_gray:link, a.c_gray:visited {color:#8a8a8a; text-decoration:none; font-weight:normal;}
a.c_gray:hover, a.c_gray:active {color:#fe8227; text-decoration:underline;  font-weight:normal;}

/* rank story*/

li.secli_sider_line {display:block; width:185px; height:18px; margin:2px 0px 0px 10px;}
li.secli_sider_line  div.fl{background:url(//img.ntcdn.net/images/note/ico/ico_cup.gif) no-repeat; width:14px; height:16px;}
li.secli_sider_line div.gold{background-position:-10px -10px;}
li.secli_sider_line div.silver{background-position:-29px -10px;}
li.secli_sider_line div.bronze{background-position:-48px -10px;}

li.secli_sider_line  a.c_gray{float:left; font-size:x-small; width:100px; margin-left:3px; margin-top:3px;}
li.secli_sider_line  div.fr ul.small_star{ clear:left; float:left; margin-top:3px;}
li.secli_sider_line  div.fr span{float:left; font-weight:bold; color:#ff7800; margin-left:3px;}

/* small star*/
ul.small_star li.on_l {background:transparent url(//img.ntcdn.net/images/note/ico/ico-_star.gif) no-repeat scroll -10px -37px;float:left;height:12px;width:7px;}
ul.small_star li.on_r {background:transparent url(//img.ntcdn.net/images/note/ico/ico-_star.gif) no-repeat scroll -22px -37px;float:left;height:12px;width:7px;}
ul.small_star li.off_l {background:transparent url(//img.ntcdn.net/images/note/ico/ico-_star.gif) no-repeat scroll -10px -10px;float:left;height:12px;width:7px;}
ul.small_star li.off_r {background:transparent url(//img.ntcdn.net/images/note/ico/ico-_star.gif) no-repeat scroll -22px -10px;float:left;height:12px;width:7px;}
ul.small_star li.on_sml {float:left; width:4px; height:8px; background:url(//img.ntcdn.net/images/note/ico/ico-_star.gif) -72px -37px no-repeat;}
ul.small_star li.on_smr {float:left; width:4px; height:8px; background:url(//img.ntcdn.net/images/note/ico/ico-_star.gif) -81px -37px no-repeat;}
ul.small_star li.off_sml {float:left; width:4px; height:8px; background:url(//img.ntcdn.net/images/note/ico/ico-_star.gif) -72px -10px no-repeat;}
ul.small_star li.off_smr {float:left; width:4px; height:8px; background:url(//img.ntcdn.net/images/note/ico/ico-_star.gif) -81px -10px no-repeat;}
.star_point {margin-left:5px;}
#email{margin-bottom:2px;}

/* tour */
div.osusume div.tour_con{padding:5px; width:248px;} 
div.osusume div.tour_rline{border-right:1px dashed #8c8edd;}
div.osusume div.tour_con div div.fl{margin:4px 3px 0 0}
div.tour_bline{clear:both; border-bottom:1px dashed #8c8edd;}
#sub_sponsor{background-color:#ececec; border:1px solid #d9d9d9; padding:5px 10px; width:498px;}

/*wheather*/
#wheatherReview{border:1px solid #d9d9d9; padding:4px 7px; margin-top:10px; background:url(//img.ntcdn.net/images/note/bg/bg_wheater_main.gif) no-repeat; width:184px;}
#wheatherReview ul{width:184px;}
#wheatherReview li{border-right:1px solid #d9d9d9; float:left; width:52px; padding:0 4px 0 4px; text-align:center;}
#wheatherReview li p {width:48px;}
#wheatherReview li span{font-size:x-small;}
#wheatherReview li img{border:1px solid #d9d9d9;}
.ki_blue{color:#639aed;}
.ki_red{color:#e01e36;}

/* login manage */
.manage_login{border-top:1px solid #d9d9d9; padding:7px 0 7px 0; margin-top:5px;}
.manage_login div{float:left; background:url(//img.ntcdn.net/images/note/bu/bu__manage_login.gif) no-repeat 0 2px; width:12px; height:14px;padding-right:3px;}
.manage_login a{float:left; font-weight:bold}

/* rate JPN */
#rateKJ{border:1px solid #d9d9d9;background:url(//img.ntcdn.net/images/note/bg/bg_rate_main.gif) repeat-x; height:145px; margin:10px 0; padding:7px 9px 3px 7px;}
#rateKJ .rate_tit{padding-bottom:5px;}
#rateKJ .rate_tit a{float:left;}
#rateKJ .rate_tit span{float:right;}
#rateKJ ul{padding-bottom:2px;}
#rateKJ li div{border:1px solid #d9d9d9; padding:3px 0; background-color:#FFFFFF;}
#rateKJ li div img.kj_img{margin:-9px 0 0 -3px; float:left;}
#rateKJ li div p{float:left; margin-left:3px;}
#rateKJ li div input{width:52px; height:14px; border:1px solid #d9d9d9; padding:1px 3px;}
#rateKJ li div span{padding:1px;}

/*special note banner*/
#sp_note_bann{width:520px;}
#sp_note_bann div.sp_bann_left{ width:165px; margin-left:-2px; background:url(//img.ntcdn.net/images/note/bg/bg_sp_list.gif) no-repeat; width:165px; height:123px;}
#sp_note_bann div.sp_bann_right{ width:357px;}
#sp_note_bann div.sp_bann_left p.sp_tabilist{padding-top:90px; padding-left:8px;}
#sp_note_bann div.sp_bann_left p.sp_tabilist a{ background:url(//img.ntcdn.net/images/note/bar/bar_tabitomo_list.gif) no-repeat; width:83px; height:13px; display:block;}
#sp_note_bann div.sp_bann_left p.sp_tabilist a:hover{background:url(//img.ntcdn.net/images/note/bar/bar_tabitomo_list_on.gif) no-repeat; width:83px; height:13px; display:block;}

#sp_note_bann div.sp_bann_left p.sp_photolist{padding-left:8px;}
#sp_note_bann div.sp_bann_left p.sp_photolist a{ background:url(//img.ntcdn.net/images/note/bar/bar_photo_list.gif) no-repeat; width:110px; height:13px; display:block;}
#sp_note_bann div.sp_bann_left p.sp_photolist a:hover{background:url(//img.ntcdn.net/images/note/bar/bar_photo_list_on.gif) no-repeat; width:110px; height:13px; display:block;}

#sp_note_bann div.sp_arrowkey{ position:absolute; width:50px; height:121px; background:url(//img.ntcdn.net/data/tabitomo/2010/img/img_tabitomo_tri.png) no-repeat; _background:none; _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='//img.ntcdn.net/data/tabitomo/2010/img/img_tabitomo_tri.png', sizingMethod='crop');} 

#sp_note_bann div.sp_bann_img{margin-top:2px;}