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


.cl{clear:left;}
.c_red{color:#e01e36;}

/* small star*/
ul.small_star li.on_l {float:left;width:6px;height:12px;background:url('//img.ntcdn.net/img/comm/ico/ico_star.png') no-repeat -36px 0;margin-left:1px;}
ul.small_star li.on_r {float:left;width:6px;height:12px;background:url('//img.ntcdn.net/img/comm/ico/ico_star.png') no-repeat -42px 0;margin-right:1px;}
ul.small_star li.off_l {float:left;width:6px;height:12px;background:url('//img.ntcdn.net/img/comm/ico/ico_star.png') no-repeat -48px 0;margin-left:1px;}
ul.small_star li.off_r {float:left;width:6px;height:12px;background:url('//img.ntcdn.net/img/comm/ico/ico_star.png') no-repeat -54px 0;margin-right:1px;}
.star_point {margin-left:5px;}

/* img bu btn */ 
.bu_sm_img{float:left; background:url(//img.ntcdn.net/images/note/btn/bu_btn_ico_sec.gif) no-repeat; margin-top:3px; width:13px; height:13px; display:inline;}
.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;}


/* page no navigation */
ul.page_no_nav {text-align:center; padding:5px 0;}
ul.page_no_nav li {display:inline; margin:0 3px;}
ul.page_no_nav li a {border:1px solid #d9d9d9; margin-right:4px; padding:1px 3px 1px 3px; font-weight:bold; color:#888888;}
ul.page_no_nav li a:hover {background-color:#f1f1f1; color:#333333;}
ul.page_no_nav li a.now {background-color:#f1f1f1; color:#333333; text-decoration:none; cursor:default;}
ul.page_no_nav li a.next_pre {border:0;}
ul.page_no_nav li a.next_pre:hover {border:0; background-color:transparent; color:#333333;}





div.right_menu_koko{margin-bottom:10px}
div.right_menu_koko div.view{border:1px solid #c9c9c9;border-top:none}
div.right_menu_koko h4{background:url(//img.ntcdn.net/img/note/right_menu/top_koko.gif) no-repeat;width:216px;height:20px;font-size:11px;color:#8f8f8f;padding-top:25px;padding-left:10px;font-weight:normal;}
div.right_menu_koko ul.top{padding-left:4px;background-color:#ececec;overflow:hidden;border-right:1px solid #c9c9c9;border-left:1px solid #d9d9d9}
div.right_menu_koko ul.top li{float:left;width:35px;height:19px;font-weight:bold;color:#fff;background:url(//img.ntcdn.net/img/note/right_menu/off_bg.gif) no-repeat;text-align:center;margin-left:1px;cursor:pointer;padding-top:3px}
div.right_menu_koko ul.top li a{color:#fff}

div.right_menu_koko ul.top li.over{background-image:url(//img.ntcdn.net/img/note/right_menu/on_bg.gif);color:#ccc}
div.right_menu_koko ul.top li.HO_over{color:#a4c12b}
div.right_menu_koko ul.top li.FO_over{color:#f35f21}
div.right_menu_koko ul.top li.SH_over{color:#2f88c9}
div.right_menu_koko ul.top li.PL_over{color:#161bbc}
div.right_menu_koko ul.top li.SE_over{color:#b53dbc}
div.right_menu_koko ul.top li.ET_over{color:#7d7d7d}
div.right_menu_koko dl {padding:5px 0 5px 0;}
div.right_menu_koko dl dt {font-weight:bold;padding-top:0px;padding-left:11px}
div.right_menu_koko dl dd {width:206px;clear:both;;padding:3px 0 10px 8px;overflow:hidden;border-bottom:1px dashed #c4c4c4;margin-left:4px;height:64px}

div.right_menu_koko dl dd ul.small_star li.score_black {float:left;font-weight:bold;margin-left:5px;}
div.right_menu_koko dl dd ul.small_star li.people {float:left;}
div.right_menu_koko dl dd ul.small_star{padding:0;margin:0;height:8px;margin-top:-7px}
div.right_menu_koko dl dd ul.small_star li{padding:0;}
div.right_menu_koko dl dd ul.small_star li.on_l,
div.right_menu_koko dl dd ul.small_star li.on_r,
div.right_menu_koko dl dd ul.small_star li.off_l,
div.right_menu_koko dl dd ul.small_star li.off_r{margin-top:2px}

div.right_menu_ranking{margin-bottom:10px}
div.right_menu_ranking div.view{border:1px solid #c9c9c9;border-top:none}
div.right_menu_ranking h4{background:url(//img.ntcdn.net/img/note/right_menu/top_ranking.gif) no-repeat;width:216px;height:24px;font-size:12px;color:#444;padding-top:8px;padding-left:34px;vertical-align:middle;}

/* 호텔 랭킹*/
div.right_menu_ranking {border-bottom:1px solid #d9d9d9;margin-bottom: 10px;margin-top:10px}
div.right_menu_ranking h3{background:url(//img.ntcdn.net/img/hotel/rank_top.png) center center no-repeat;width:226px;height:32px}
div.right_menu_ranking div.grade{padding:5px 0 5px 0;background:url(//img.ntcdn.net/img/hotel/rank_bg.png) center center no-repeat;width:224px;height:21px;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9}
div.right_menu_ranking div.grade span{display:block;margin-left:12px;font-weight:bold;color:#fff;margin-top:2px}
div.right_menu_ranking ul.rank_ul{width:224px;border-left:1px solid #d9d9d9;border-right:1px solid #d9d9d9}
div.right_menu_ranking ul.rank_ul li.rank1 {background:url(//img.ntcdn.net/img/tour/este/ico_rank01.png) 8px 4px no-repeat;padding:2px 0 2px 26px;width:190px;clear:both;}
div.right_menu_ranking ul.rank_ul li.rank2 {background:url(//img.ntcdn.net/img/tour/este/ico_rank02.png) 8px 4px no-repeat;padding:2px 0 2px 26px;width:190px;clear:both;}
div.right_menu_ranking ul.rank_ul li.rank3 {background:url(//img.ntcdn.net/img/tour/este/ico_rank03.png) 8px 4px no-repeat;padding:2px 0 2px 26px;width:190px;clear:both;}
div.right_menu_ranking ul.rank_ul li.rank4 {background:url(//img.ntcdn.net/img/tour/este/ico_rank04.png) 8px 4px no-repeat;padding:2px 0 2px 26px;width:190px;clear:both;}
div.right_menu_ranking ul.rank_ul li.rank5 {background:url(//img.ntcdn.net/img/tour/este/ico_rank05.png) 8px 4px no-repeat;padding:2px 0 3px 26px;width:190px;clear:both;}
div.right_menu_ranking ul.rank_ul li.rank6 {background:url(//img.ntcdn.net/img/tour/este/ico_rank06.png) 8px 4px no-repeat;padding:2px 0 3px 26px;width:190px;clear:both;}
div.right_menu_ranking ul.rank_ul li.rank7 {background:url(//img.ntcdn.net/img/tour/este/ico_rank07.png) 8px 4px no-repeat;padding:2px 0 3px 26px;width:190px;clear:both;}
div.right_menu_ranking ul.rank_ul li.rank8 {background:url(//img.ntcdn.net/img/tour/este/ico_rank08.png) 8px 4px no-repeat;padding:2px 0 3px 26px;width:190px;clear:both;}
div.right_menu_ranking ul.rank_ul li.rank9 {background:url(//img.ntcdn.net/img/tour/este/ico_rank09.png) 8px 4px no-repeat;padding:2px 0 3px 26px;width:190px;clear:both;}
div.right_menu_ranking ul.rank_ul li.rank10 {background:url(//img.ntcdn.net/img/tour/este/ico_rank10.png) 8px 4px no-repeat;padding:2px 0 3px 26px;width:190px;clear:both;}
div.right_menu_ranking ul.rank_ul li span {font-size:11px;color:#8f8f8f}
div.right_menu_ranking ul.rank_ul li {border-bottom:1px dashed #c4c4c4;margin-left:2px;margin-bottom:3px}


/* 투고 사진*/
div.right_menu_photo{margin-bottom:10px}
div.right_menu_photo div.view{border:1px solid #c9c9c9;border-top:none}
div.right_menu_photo h4{background:url(//img.ntcdn.net/img/note/right_menu/top_ranking_photo.gif) no-repeat;width:226px;height:32px;font-size:11px;color:#8f8f8f;}



/* left area spot, them_note */
#area_spot {margin-bottom:10px;}
#area_spot .spot_title, #note_tour .spot_title{background:url(//img.ntcdn.net/images/note/line/line_gray_h_big.gif) no-repeat; width:226px; height:43px; padding-top:4px;}
#note_tour .spot_title{height:20px;}
#area_spot .spot_title h3, #theme_note .theme_title h3, #note_tour .spot_title h3{font-size:small; font-weight:bold; margin-left:7px; height:20px;}
#area_spot .spot_preview, #theme_note .theme_preview, #note_tour .spot_preview{border:1px solid #cccccc; border-top:none; clear:both;}
#area_spot .spot_preview, #note_tour .spot_preview{padding-top:5px;}
#area_spot .spot_contents, #note_tour .spot_contents{margin:5px 5px 2px 5px;}
#area_spot .l_photo, #note_tour .l_photo{float:left; border:1px solid #d9d9d9; padding:2px; margin-right:8px;}
#area_spot .l_photo p, #note_tour .l_photo p{float:left; background-repeat:no-repeat; width:55px; height:55px; cursor:pointer;}
#area_spot .r_contents, #note_tour .r_contents{float:right; width:143px;}
#area_spot .r_contents ul.small_star, #note_tour .r_contents ul.small_star{float:left; margin-top:3px; margin-right:5px;}
#area_spot .b_contents, #note_tour .b_contents{clear:both; margin-left:5px;}
#theme_note .theme_title{background:url(//img.ntcdn.net/images/note/line/gray_line_s.gif) no-repeat; width:226px; height:21px; padding-top:4px;}
#theme_note dl{margin-bottom:3px;}
#theme_note dt{font-weight:bold; margin:0 1px; padding:2px 0  2px 5px;}
#theme_note dd{margin-left:5px; clear:both;}
#theme_note dd div.fr{width:191px; margin-right:3px; display:inline;}
ul.one_text_nav{margin-left:5px;}
ul.one_text_nav li{float:left; margin-right:1px;}
a.one_img, a.one_now{display:block; float:left; background-image:url(//img.ntcdn.net/images/note/btn/btn_nav_one.gif); background-repeat:no-repeat; width:35px; height:19px; padding-top:3px; text-align:center; margin-top:1px; font-weight:bold;}

a.one_img:link, a.one_img:visited{background-position:-10px -10px;}
a.one_img:hover, a.one_img:active{background-position:-10px -37px;}
a.one_now{background-position:-10px -37px;}

a.one_ho:link, a.one_ho:visited{color:#a4c12b;}
a.one_ho:hover, a.one_ho:active{text-decoration:none; color:#a4c12b;}
a.one_fo:link, a.one_fo:visited{color:#f35f21;}
a.one_fo:hover, a.one_fo:active{text-decoration:none; color:#f35f21;}
a.one_sh:link, a.one_sh:visited{color:#2f88c9;}
a.one_sh:hover, a.one_sh:active{text-decoration:none; color:#2f88c9;}
a.one_pl:link, a.one_pl:visited{color:#161bbc;}
a.one_pl:hover, a.one_pl:active{text-decoration:none; color:#161bbc;}
a.one_se:link, a.one_se:visited{color:#b53dbc;}
a.one_se:hover, a.one_se:active{text-decoration:none; color:#b53dbc;}
a.one_et:link, a.one_et:visited{color:#7d7d7d;}
a.one_et:hover, a.one_et:active{text-decoration:none; color:#7d7d7d;}

dt.back_ho{background-color:#e8efca;}
dt.back_fo{background-color:#fcd7c7;}
dt.back_sh{background-color:#cbe1f1;}
dt.back_pl{background-color:#c5c6ee;}
dt.back_se{background-color:#ecceee;}
dt.back_et{background-color:#dedede;}

.font_ho{color:#a4c12b;}
.font_fo{color:#f35f21;}
.font_sh{color:#2f88c9;}
.font_pl{color:#161bbc;}
.font_se{color:#b53dbc;}
.font_et{color:#7d7d7d;}            

.dash_gray{border-top:1px dashed #BBBBBB;}

/* 이미지 썸네일 표시*/
span.img_thum_55 {float:left;padding:2px;border:1px solid #d9d9d9;margin-right:5px;display:block}
span.img_thum_55 a{width:55px;height:55px;cursor:pointer;display:block}
span.img_thum_55_2 {float:left;padding:2px;border:1px solid #d9d9d9;margin:0 6px 0 0;position:absolute;left:10px;display:block}
span.img_thum_55_2 a{width:55px;height:55px;cursor:pointer;display:block}