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

body {
	margin:0; padding:0;
	color:#333333;
	font-size:small;
	font-family:arial,'Lucida Grande','Bitstream Vera Sans',verdana,sans-serif;
	vertical-align:baseline;
	line-height:140%;
}

img {border:0; margin:0;}

p {font-size:small;}

h1, h2, h3, h4, h5, h6, p, dl, dt, dd, ol, ul, form, blockquote, form {margin:0; padding:0;}

h1 { font-size:200%; }
h2 { font-size:180%; }
h3 { font-size:160%; }
h4 { font-size:140%; }
h5 { font-size:120%; }
h6 { font-size:110%; }

ul, li { list-style:none; }

table th {text-align:center; vertical-align:baseline;}
table td {vertical-align:baseline;}


/* form field */
input {vertical-align:middle;}
input.input_text {border:1px solid #c9c9c9; padding-left:3px}
textarea {border:1px solid #c9c9c9}

/* img */
.vam {vertical-align:middle;}

/* text-align */
.t_ac {text-align:center;}
.t_ar {text-align:right;}
.t_al {text-align:left;}

/* float */
.fl {float:left;}
.fr {float:right;}

/* cursor */
.curP {cursor:pointer;}

/* font */
.bold {font-weight:bold}

/* dispay none */
.dis_n { display:none }

/* float clear */
.clear:after {content:"."; display:block; height:0; font-size:0; clear:both; visibility:hidden;}
.clear {min-height:1px;}
* html .clear { height:1px; }

/* border */
.e6bd1{border:1px solid #e6e6e6;}

/* line */
.dash_2px {height:1px; background:url(http://image.utravelnote.com/images/note/line/line_h_2px_dash.gif) repeat-x;}

/* margin, padding */
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml20{margin-left:20px;}
.mr5{margin-right:5px;}
.mr10{margin-right:10px;}
.mt5{margin-top:5px;}
.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt20{margin-top:20px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom:10px;}
.pl5{padding-left:5px;}
.pl10{padding-left:10px;}
.pr5{padding-right:5px;}
.pr10{padding-right:10px;}

/* color */
.e01 {color:#e01e36}

/* bg opacity */
.layerBgOpacity_50 { filter:alpha(opacity=50); opacity:0.5; -moz-opacity:0.5; background-color:#FFFFFF; position:absolute; z-index:10; top:0; left:0; width:100%; height:100%; }

/* a link */
a:link, a:visited {color:#333333; text-decoration:none;}
a:hover, a:active {color:#fe8227; text-decoration:underline;}
a.c_gray:link, a.c_gray:visited {color:#8f8f8f; text-decoration:none;}
a.c_gray:hover, a.c_gray:active {color:#fe8227; text-decoration:underline;}
a.c_red:link, a.c_red:visited {color:#e01e36; text-decoration:none;}
a.c_red:hover, a.c_red:active {color:#fe8227; text-decoration:underline;}


#wrap {width:991px; margin: 0 auto; }
#content {width:735px; margin-top:75px; margin-left:15px; padding:3px 0 0 0;}
#r_bar {width:226px; float:right;}
#footer {clear:both;}

/* login form : layer, floor */
.login_form_section {width:478px; margin-top:3px; margin: 0 auto; border:1px solid #e7e7e7; background-color:#f1f1f1; text-align:left;}
.login_form_section dl {margin-left:15px; margin-top:15px;}
.login_form_section dl dt {float:left; width:90px; font-weight:bold; margin-right:5px;}
.login_form_section dl dt.email {padding-top:4px;}
.login_form_section dl dt.pass {padding-top:3px; text-align:right;}
.login_form_section dl dd input.input_box {width:200px; height:21px; padding-left:3px; border:1px solid #d6d6d6; font-size:120%; text-transform:lowercase; font-weight:bold;}
.login_form_section dl dd label {width:210px; cursor:pointer}
.login_form_section dl dd a.forgot_password_link {color:#0000ee; text-decoration:underline;}
.login_form_section dl dd #email_process_desc, #pass_process_desc {margin:0 0 0 100px; color:#dd0202; font-weight:bold;}
.login_form_section div.btn_wrapper {text-align:center; margin:10px 0 15px 0; }
.login_form_section div.btn_wrapper input {width:118px; height:34px;}

/* login form : layer */
#login_form_layer {width:502px; padding-bottom:5px; margin: 0 auto; text-align:left; background-color:#ee6a22;}
#login_form_layer img {margin-top:7px;}
#login_form_layer div.close_btn {float:right; width:50px; height:22px; margin-top:5px; margin-right:10px; display:inline; text-align:center; font-weight:bold; color:#ffffff; cursor:pointer;}
#login_form_layer div.outer_wrapper {width:490px; margin:8px 0 0 5px; padding-top:3px; background:url('http://image.utravelnote.com/images/note/line/line_h_login.gif') no-repeat left top;}
#login_form_layer div.inner_wrapper {width:488px; padding-top:4px; padding-bottom:17px; border-left:1px solid #f4f4f4; border-right:1px solid #f4f4f4; background-color:#ffffff}
#login_form_layer div.member_regist {text-align:center;}
#login_form_layer div.member_regist p {font-weight:bold;}
#login_form_layer div.member_regist input {width:118px; height:34px;}
#login_form_layer .login_form_section p.login_form_desc {margin:5px 5px -10px 5px; padding:5px; border:1px dashed #EE0022; color:#EE0022}
#login_form_layer .login_form_section dl dd#email {width:190px;}
#login_form_layer .login_form_section dl dd#pass {width:190px;}
#login_form_layer .login_form_section div.btn_wrapper input {width:118px; height:34px;}
#login_form_layer .inner_wrapper div.member_regist a {width:118px; height:34px;}

/* page no navigation */
#page_no_nav_text{margin-left:116px;}
#page_no_nav_text p{float:left; vertical-align:middle; margin-top:10px; font-size:11px;}
ul#page_no_nav {margin-left:10px; padding:2px 0;}
ul#page_no_nav li {display:inline; font-size:x-small;}
ul#page_no_nav li a {border:1px solid #8f8f8f; padding:4px 4px 4px 5px; display:inline; margin:0 3px;}
ul#page_no_nav li a:hover {background-color:#8f8f8f; color:#FFFFFF; text-decoration:none;}
ul#page_no_nav li a.next_pre {border:none; background-color:#ffffff; color:#333333;}
ul#page_no_nav li a.now {border:1px solid #FFFFFF; color:#333333;}
ul#page_no_nav li a.now:hover {background-color:#ffffff; color:#333333;}

/* gnb */
#header {position:absolute; top:0; width:991px; height:67px; margin-top:8px; background:url(http://image.utravelnote.com/images/note/line/line_h_header.gif) right bottom no-repeat;}
#header div.main_menu{margin-left:15px; position:absolute; width:876px;}
#header div.main_menu p {width:500px; height:20px; background:url(http://image.utravelnote.com/images/note/bu/bu_taegeuk.gif) left 50% no-repeat; padding-left:17px;
	/* default.css p 막기. */ font-size:small;
}
#header div.sub_menu{padding-top:20px;}
#header div.sub_menu p{margin-top:6px; float:right; text-align:right; clear:none;}
#header div.sub_menu ul{margin-left:15px;}
#header div.sub_menu ul li.s_main_btn {float:left; margin-left:3px;}
#header div.sub_menu ul a {display:block; width:207px; height:31px; margin-top:4px; background:url(http://en.image.utravelnote.com/images/note/btn/btn_header.gif) no-repeat;}
#header div.sub_menu ul a.a1 {background-position:-10px -51px;}
#header div.sub_menu ul a.a1_now{background-position:-10px -10px;}
#header div.sub_menu ul a.a1:hover{background-position:-10px -92px; margin-top:1px; height:34px;}
#header div.sub_menu ul a.a2 {background-position:-220px -51px;}
#header div.sub_menu ul a.a2_now{background-position:-220px -10px;}
#header div.sub_menu ul a.a2:hover{background-position:-220px -92px; margin-top:1px; height:34px;}
#header div.sub_menu ul a.a3 {background-position:-430px -51px;}
#header div.sub_menu ul a.a3_now{background-position:-430px -10px;}
#header div.sub_menu ul a.a3:hover{background-position:-430px -92px; margin-top:1px; height:34px;}
#header div.sub_menu {text-align:right;}
#header div.main_menu img {margin-top:2px; margin-bottom:0px; margin-right:2px;}
#header div.sub_menu input.input_text {width:170px; height:19px;}
#header div.sub_menu input.gsw_submit {width:53px; height:23px;
	/* default.css p 막기. */ border:none;
}

/* r_bar */
#r_bar {position:absolute; right:0; top:63px; margin-top:8px;}

/* footer */
#footer {margin:20px 0 10px 0; padding:9px; border:1px solid #d9d9d9; color:#8f8f8f}
/* default.css 막기 */ #footer p {font-size:small;}

/* content body */
ul#page_nav {font-size:smaller;}
ul#page_nav li {display:inline;}
ul#page_nav li span {color:#8f8f8f;}


/* btn */
.text_btn_out_bg {height:18px; background:url(http://image.utravelnote.com/images/note/bg/bg_btn_right.gif) top right no-repeat;}
.text_btn_inner_a {float:left; display:block; height:18px; padding:0 7px 0 7px; background:url(http://image.utravelnote.com/images/note/bg/bg_btn_left.gif) top left no-repeat; text-decoration:none;}
a.text_btn_inner_a:hover, a.text_btn_inner_a:active {color:#333333; text-decoration:none;}
.text_btn_inner_a span {display:block; margin-top:-1px;}


/* star */
ul#small_star li.on_l {float:left; width:7px; height:12px; background:url(http://image.utravelnote.com/images/note/ico/ico-_star.gif) -10px -37px no-repeat;}
ul#small_star li.on_r {float:left; width:7px; height:12px; background:url(http://image.utravelnote.com/images/note/ico/ico-_star.gif) -22px -37px no-repeat;}
ul#small_star li.off_l {float:left; width:7px; height:12px; background:url(http://image.utravelnote.com/images/note/ico/ico-_star.gif) -10px -10px no-repeat;}
ul#small_star li.off_r {float:left; width:7px; height:12px; background:url(http://image.utravelnote.com/images/note/ico/ico-_star.gif) -22px -10px no-repeat;}
ul#small_star li.on_sml {float:left; width:4px; height:8px; background:url(http://image.utravelnote.com/images/note/ico/ico-_star.gif) -72px -37px no-repeat;}
ul#small_star li.on_smr {float:left; width:4px; height:8px; background:url(http://image.utravelnote.com/images/note/ico/ico-_star.gif) -81px -37px no-repeat;}
ul#small_star li.off_sml {float:left; width:4px; height:8px; background:url(http://image.utravelnote.com/images/note/ico/ico-_star.gif) -72px -10px no-repeat;}
ul#small_star li.off_smr {float:left; width:4px; height:8px; background:url(http://image.utravelnote.com/images/note/ico/ico-_star.gif) -81px -10px no-repeat;}


/* no image */
.noImage170 {width:170px; height:170px; background:url(http://image.utravelnote.com/images/note/bg/bg_no_image.gif) -34px -33px no-repeat !important;}
.noImage115 {width:115px; height:115px; background:url(http://image.utravelnote.com/images/note/bg/bg_no_image.gif) -212px -88px no-repeat !important;}
.noImage84 {width:84px; height:84px; background:url(http://image.utravelnote.com/images/note/bg/bg_no_image.gif) -336px -120px no-repeat !important;}
.noImage55 {width:55px; height:55px; background:url(http://image.utravelnote.com/images/note/bg/bg_no_image.gif) -428px -149px no-repeat !important;}


/* blog icon */
.b_yahoo {padding-left:48px; background:url(http://image.utravelnote.com/images/0802/icon/yahoo.gif) left 50% no-repeat;}
.b_ameblo {padding-left:48px; background:url(http://image.utravelnote.com/images/0802/icon/ameblo.gif) left 50% no-repeat;}
.b_fc2 {padding-left:48px; background:url(http://image.utravelnote.com/images/0802/icon/fc2.gif) left 50% no-repeat;}
.b_goo {padding-left:48px; background:url(http://image.utravelnote.com/images/0802/icon/goo.gif) left 50% no-repeat;}
.b_jugem {padding-left:48px; background:url(http://image.utravelnote.com/images/0802/icon/jugem.gif) left 50% no-repeat;}
.b_livedoor {padding-left:48px; background:url(http://image.utravelnote.com/images/0802/icon/livedoor.gif) left 50% no-repeat;}
.b_rakuten {padding-left:48px; background:url(http://image.utravelnote.com/images/0802/icon/rakuten.gif) left 50% no-repeat;}
.b_yaplog {padding-left:48px; background:url(http://image.utravelnote.com/images/0802/icon/yaplog.gif) left 50% no-repeat;}
.b_seesaa {padding-left:48px; background:url(http://image.utravelnote.com/images/0802/icon/seesaa.gif) left 50% no-repeat;}
.b_cocolog {padding-left:48px; background:url(http://image.utravelnote.com/images/0802/icon/cocolog.gif) left 50% no-repeat;}
.b_etc {padding-left:48px; background:url(http://image.utravelnote.com/images/0802/icon/blog.gif) left 50% no-repeat;}

/* member navi */
#m_nav_main {width:134px; height:49px;}		/* 3개일때 height:87px */ /* 길이에 따라 width:174px */
#m_nav_main div.main_l {float:left; width:3px; height:49px; background:url(http://image.utravelnote.com/images/note/bg/member_nav/l_bar.png) left top no-repeat;}		/* height:87px */
* html #m_nav_main div.main_l {
	background-image:url(http://image.utravelnote.com/images/note/blank.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://image.utravelnote.com/images/note/bg/member_nav/l_bar.png',sizingMethod='crop');
}
#m_nav_main div.main_c {float:left; width:128px; border-top:1px solid #adadad; background-color:#FFFFFF}	/* 길이에 따라 width:168px */
#m_nav_main div.main_r {float:left; width:3px; height:49px; background:url(http://image.utravelnote.com/images/note/bg/member_nav/r_bar.png) left top no-repeat;}		/* height:87px */
* html #m_nav_main div.main_r {
	background-image:url(http://image.utravelnote.com/images/note/blank.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://image.utravelnote.com/images/note/bg/member_nav/r_bar.png',sizingMethod='crop');
}

#m_nav_main ul {background:url(http://image.utravelnote.com/images/note/line/line_h_2px_dash.gif) bottom repeat-x; padding-bottom:5px;}
#m_nav_main ul li {margin-left:5px;}
#m_nav_main p {text-align:right;}
#m_nav_main p img {cursor:pointer;}

#m_nav_bt {width:134px; height:6px;}		/* 길이에 따라 width:174px */
#m_nav_bt div.bt_l {float:left; width:4px; height:6px; background:url(http://image.utravelnote.com/images/note/bg/member_nav/bt_l.png) left top no-repeat;}
* html #m_nav_bt div.bt_l {
	background-image:url(http://image.utravelnote.com/images/note/blank.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://image.utravelnote.com/images/note/bg/member_nav/bt_l.png',sizingMethod='crop');
}
#m_nav_bt div.bt_c {float:left; width:126px; height:6px; background:url(http://image.utravelnote.com/images/note/bg/member_nav/bt_c.png) left top no-repeat;}		/* 길이에 따라 width:166px */
* html #m_nav_bt div.bt_c {
	background-image:url(http://image.utravelnote.com/images/note/blank.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://image.utravelnote.com/images/note/bg/member_nav/bt_c.png',sizingMethod='crop');
}
#m_nav_bt div.bt_r {float:left; width:4px; height:6px; background:url(http://image.utravelnote.com/images/note/bg/member_nav/bt_r.png) left top no-repeat;}
* html #m_nav_bt div.bt_r {
	background-image:url(http://image.utravelnote.com/images/note/blank.gif);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='http://image.utravelnote.com/images/note/bg/member_nav/bt_r.png',sizingMethod='crop');
}