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


/* travelnote title*/
#utn_group_title div{background:transparent url(//img.ntcdn.net/images/note/bu/bu_reser_tit.gif) no-repeat scroll left center; font-weight:bold; height:27px; padding-left:10px; width:12px; float:left;}
#utn_group_title h1{float:left; padding-top:4px;}
#utn_group_title p{float:right; font-size:x-small; padding-top:8px;}
#utn_list_help{padding:5px 0; font-weight:bold;}
#utn_list_count{text-align:right; padding:5px 0;}
.order{font-weight:bold;padding:3px 10px;}
.order p{float:right; font-size:x-small;font-weight:normal;}
.order span{font-weight:bold;}
.bc_qna_ho{background-color:#e8efca;}
.bc_qna_fo{background-color:#fcd7c7;}
.bc_qna_sh{background-color:#cbe1f1;}
.bc_qna_pl{background-color:#c5c6ee;}
.bc_qna_se{background-color:#ecceee;}
.bc_qna_et{background-color:#dedede;}
.bc_ktit_ho{background-color:#f2f6e1;}
.bc_ktit_fo{background-color:#ffefe8;}
.bc_ktit_sh{background-color:#e6f3fc;}
.bc_ktit_pl{background-color:#efeffe;}
.bc_ktit_se{background-color:#fceffc;}
.bc_ktit_et{background-color:#f1f1f1;}
.bc_kuchi_ho{background-color:#e6eec4;}
.bc_kuchi_fo{background-color:#ffdfd1;}
.bc_kuchi_sh{background-color:#cde7fa;}
.bc_kuchi_pl{background-color:#dfe0fd;}
.bc_kuchi_se{background-color:#f9dffa;}
.bc_kuchi_et{background-color:#e3e3e3;}

/* qna list */
#qna_list dt, #qna_list dd{padding:2px 7px;}
#qna_list dt a{font-weight:bold;}

/* all note */
#container_zennoto{border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9; border-bottom:1px solid #d9d9d9; padding:0 7px;}
#container_zennoto ul li{display:inline;}
dl.zennoto_title dt{font-weight:bold; border-bottom:1px #d9d9d9 solid; padding-bottom:2px;}
dl.zennoto_title dd{padding-bottom: 5px;}
.ho_color{color:#a4c12b;}
.fo_color{color:#f35f21;}
.sh_color{color:#2f88c9;}
.pl_color{color:#161bbc;}
.se_color{color:#b53dbc;}
.et_color{color:#7d7d7d;}
dd.noListDd {padding-bottom:5px; background:url(//img.ntcdn.net/images/note/line/line_h_2px_dash.gif) left bottom repeat-x;}

/* blog list */
#blog_list li{border-bottom:1px dashed #bbbbbb; padding:6px 0;}
#blog_list div.fl{border:1px solid #d9d9d9; padding:2px;}
#blog_list div.fl p{width:84px; height:84px; background-repeat:no-repeat;}
#blog_list dl.fr{width:635px;}
#blog_list dl.fr dt span{background-repeat:no-repeat; float:left; height:15px; margin:1px 5px 0 0;}

/* navigation */
#mycoupon_nav{background:url(//img.ntcdn.net/images/note/btn/btn_myspe_nav_b.gif) repeat-x bottom;}
#mycoupon_nav ul{padding-left:8px; margin-top:4px;}
#mycoupon_nav li{float:left; margin-right:1px;}
#mycoupon_nav li a{padding-top:3px; background-image:url(//img.ntcdn.net/images/note/btn/btn_mynote_cou_nav.gif); background-repeat:no-repeat; text-decoration:none; width:90px; height:19px; font-weight:bold; display:block; text-align:center;}
#mycoupon_nav li a.mylist_sp{color:#fe8227; background-position:-9px -42px; width:167px; }
#mycoupon_nav li a.mylist_sp:hover, #mycoupon_nav li a.mylist_sp:active, #mycoupon_nav li a.mylist_sp_now {background-position:-9px -74px; width:167px; color:#fe8227;}
a.mylist_al, a.mylist_ho, a.mylist_fo, a.mylist_sh, a.mylist_pl, a.mylist_se, a.mylist_et{background-position:-10px -10px;}
a.mylist_al:link, a.mylist_al:visited {color:#444444;}
a.mylist_ho:link, a.mylist_ho:visited {color:#a4c12b;}
a.mylist_fo:link, a.mylist_fo:visited {color:#f35f21;}
a.mylist_sh:link, a.mylist_sh:visited {color:#2f88c9;}
a.mylist_pl:link, a.mylist_pl:visited {color:#161bbc;}
a.mylist_se:link, a.mylist_se:visited {color:#b53dbc;}
a.mylist_et:link, a.mylist_et:visited {color:#7d7d7d;}
a.mylist_al:hover, a.mylist_al:active, a.mylist_al_now {background-position:-105px -10px; color:#444444;}
a.mylist_ho:hover, a.mylist_ho:active, a.mylist_ho_now {background-position:-105px -10px; color:#a4c12b;}
a.mylist_fo:hover, a.mylist_fo:active, a.mylist_fo_now {background-position:-105px -10px; color:#f35f21;}
a.mylist_sh:hover, a.mylist_sh:active, a.mylist_sh_now {background-position:-105px -10px; color:#2f88c9;}
a.mylist_pl:hover, a.mylist_pl:active, a.mylist_pl_now {background-position:-105px -10px; color:#161bbc;}
a.mylist_se:hover, a.mylist_se:active, a.mylist_se_now {background-position:-105px -10px; color:#b53dbc;}
a.mylist_et:hover, a.mylist_et:active, a.mylist_et_now {background-position:-105px -10px; color:#7d7d7d;}

/* 쿠치, 오시에떼, 블로그 리뷰 공통 */
#note_group .section a{background:url(//img.ntcdn.net/images/w_utn/bg/gray_height_line.gif) no-repeat left;}
#note_group .section a.fc_{background-image:none;}
#note_group .section a.fc_:hover, #note_group .section a.fc_:active, #note_group .section a:hover, #note_group .section a:active, #note_group .section a.select{width:99px; font-weight:bold; border-right:1px solid #c9c9c9;border-top:1px solid #c9c9c9;border-left:1px solid #c9c9c9; border-bottom:1px solid #ffffff; background:url(//img.ntcdn.net/images/w_utn/bg/gray_h_grad.gif) repeat-x;}
#note_group{width:735px; padding-top:1px; background:url(//img.ntcdn.net/images/w_utn/line/gray_repate_line.gif) repeat-x bottom;}
#note_group .map_spot{float:right;width:73px; margin-top:7px;}
.section{width:735px;}
.section li{float:left; width:100px; height:33px;}
.section li a{width:100px; height:24px; padding-top:7px;}
.section a.select{font-weight:bold;}
.section a.fc_al, .fc_al{display:block; text-align:center; color:#666666;}
.section a.fc_ho, .fc_ho{display:block; text-align:center; color:#a4c12b;}
.section a.fc_fo, .fc_fo{display:block; text-align:center; color:#f35f21;}
.section a.fc_sh, .fc_sh{display:block; text-align:center; color:#2f88c9;}
.section a.fc_pl, .fc_pl{display:block; text-align:center; color:#161bbc;}
.section a.fc_se, .fc_se{display:block; text-align:center; color:#b53dbc;}
.section a.fc_et, .fc_et{display:block; text-align:center; color:#7d7d7d;}
.kuchi_search{border:1px solid #bcbcbc;background:url(//img.ntcdn.net/images/w_utn/bg/kuchi_search.gif) no-repeat; width:222px; height:19px; padding:3px 5px;}
.photo_search{border:1px solid #bcbcbc;background:url(//img.ntcdn.net/images/w_utn/bg/photo_search.gif) no-repeat; width:222px; height:19px; padding:3px 5px;}
.movie_search{border:1px solid #bcbcbc;background:url(//img.ntcdn.net/images/w_utn/bg/movie_search.gif) no-repeat; width:222px; height:19px; padding:3px 5px;}
.blogreview_search{border:1px solid #bcbcbc;background:url(//img.ntcdn.net/images/w_utn/bg/blogreview_search.gif) no-repeat; width:222px; height:19px; padding:3px 5px;}
.osiete_search{border:1px solid #bcbcbc;background:url(//img.ntcdn.net/images/w_utn/bg/osiete_search.gif) no-repeat; width:222px; height:19px; padding:3px 5px;}
.bg_search{border:1px solid #bcbcbc;background:url(//img.ntcdn.net/images/w_utn/bg/gray_x_repeat.gif) repeat-x; width:222px; height:19px; padding:3px 5px;}
.photo_xs{border:1px solid #cacaca; padding:2px;}
.photo_xs p{background-repeat:no-repeat; width:33px; height:33px; background-repeat:repeat; background-position:center;}
.photo{float:left; border:1px solid #cacaca; padding:2px;}
.photo p{background-repeat:no-repeat; width:42px; height:42px;}

#ranking_list{background:url(//img.ntcdn.net/images/w_utn/line/rank_top.gif) no-repeat; width:227px; padding-top:2px; float:right;}
#ranking_contents{border-left:1px solid #d9d9d9; border-right:1px solid #d9d9d9;}
#ranking_list_bottom{background:url(//img.ntcdn.net/images/w_utn/line/rank_bottom.gif) no-repeat; width:227px; padding-top:2px;}
#ranking_contents h2{font-size:small; background-color:#ececec; padding:5px 7px;}
#ranking_contents div.l_list{padding:0px 10px 10px 10px; border-bottom:1px dotted #d9d9d9;}
#ranking_contents div.l_list li a{margin-left:8px; padding-top:10px; display:block; float:left;}
#ranking_contents div.l_list li{padding-left:10px; margin-top:12px;}
#ranking_contents div.l_list li.r_one{background:url(//img.ntcdn.net/images/note/bu/bu_uhitstar_rank_1.gif) no-repeat 0 6px; padding-left:40px; margin-top:12px;}
#ranking_contents div.l_list li.r_two{background:url(//img.ntcdn.net/images/note/bu/bu_uhitstar_rank_2.gif) no-repeat 0 6px; padding-left:40px; margin-top:12px;}
#ranking_contents div.l_list li.r_three{background:url(//img.ntcdn.net/images/note/bu/bu_uhitstar_rank_3.gif) no-repeat 0 6px; padding-left:40px; margin-top:12px;}
#ranking_contents div.l_list li span{float:left;width:27px; display:block; padding:10px 0px 0px 3px; font-weight:bold; color:#8f8f8f; font-size:15px;}
#ranking_contents div.l_list li span{float:left; display:block; padding-top:10px; font-weight:bold; color:#8f8f8f; font-size:15px;}
#ranking_contents div.l_list li span.rank_line{padding-left:3px; width:27px;}
#ranking_contents div.l_list li span.rank_ten{padding-left:0px; width:30px;}

#rank_rull{padding:10px;}
#rank_rull ul{color:#8f8f8f; font-size:x-small; margin-top:5px;}
#rank_rull li{background:url(//img.ntcdn.net/images/note/bu/bu_ublog_liststyle.gif) no-repeat 3px 9px; padding:0px 0 5px 10px;}
#contents_list{width:735px; float:left; margin-left:15px; display:inline;}
#search_result{margin-top:5px; padding-bottom:5px; border-bottom:1px dashed #d9d9d9;}
.title_left{background:url(//img.ntcdn.net/images/w_utn/bg/gray_line_l.gif) no-repeat; padding-left:3px; height:43px; float:left}
.title h1{background:url(//img.ntcdn.net/images/w_utn/bg/gray_line_m.gif) repeat-x; width:703px; padding:13px; height:17px; float:left; font-size:18px;}
.title_right{background:url(//img.ntcdn.net/images/w_utn/bg/gray_line_r.gif) no-repeat; width:3px; height:43px; float:left}
.txt_info{padding:8px 0px; clear:both;}
.txt_info a{float:right;margin-top:17px;background:url(//img.ntcdn.net/images/w_utn/bu/qes.gif) no-repeat 0px 3px;padding-left:15px;font-size:12px;line-height:18px;cursor:help;}
.txt_info span{float:left;}
.top_go{display:block; margin-top:5px; float:right; background:url(//img.ntcdn.net/images/note/bu/bu_go_top.gif) 10px 0px no-repeat; width:27px; height:10px; padding-left:10px;}

/* 페이지 네비게이션 */
/* 리스트 페이지 넘버 네비게이션 */
div#nlist_count {float:left;width:735px;position:relative;margin-top:10px;}
div#nlist_count p {float:left;font-size:10px;color:#666;line-height:20px;height:20px;letter-spacing:1px;padding:0 20px;}
div#nlist_count ul {float:left;font-size:12px;color:#666;line-height:20px;height:20px;position:absolute;left:30%;}
div#nlist_count ul li {display:inline;padding:0 3px;}
div#nlist_count ul li a {border:1px solid #d9d9d9;color:#666;padding:3px 4px 2px 5px;}
div#nlist_count ul li a:hover {border-color:#9c9c9c;background-color:#f6f6f6;font-weight:normal;text-decoration:none;color:#fe8227;}
div#nlist_count ul li.next_pre a {border:none;background-color:#fff;}
div#nlist_count ul li.next_pre a:hover {border:none;background-color:#fff;color:#fe8227;}
div#nlist_count ul li.now a {border-color:#9c9c9c;background-color:#f6f6f6;font-weight:bold;text-decoration:none;padding:3px 3px 2px 5px;}

/* 쿠치, 오시에떼, 블로그 리뷰 공통 */
#ranking_contents div.l_list li.r_0{background:url(//img.ntcdn.net/images/note/bu/bu_uhitstar_rank_1.gif) no-repeat 0 6px; padding-left:40px; margin-top:12px;}
#ranking_contents div.l_list li.r_1{background:url(//img.ntcdn.net/images/note/bu/bu_uhitstar_rank_2.gif) no-repeat 0 6px; padding-left:40px; margin-top:12px;}
#ranking_contents div.l_list li.r_2{background:url(//img.ntcdn.net/images/note/bu/bu_uhitstar_rank_3.gif) no-repeat 0 6px; padding-left:40px; margin-top:12px;}