@charset "utf-8";
@import "other.css";
@import "mCustomScrollbar.css";
/* reset */
body {font-family:Helvetica;padding:0px;margin:0px;text-align:left;letter-spacing:-0.7px;font-size:14px;line-height:1.5;-webkit-text-size-adjust:none;background:#eee;text-align: justify}
html {overflow-y:scroll;}
html,body{min-height:100%;height:100%}
div, p, ul, li,ol, table, th, td, textarea, input, span, form, h1, h2, h3, h4, h5, h6, dt, dl, dd, em, sup {padding:0px;margin:0px;vertical-align:top}
ul, ol, dl, dd, dt, li {list-style-type:none}
h1,h2,h3,h4,h5,h6{font-weight:normal}
body,input,textarea,select,button,table,h1,h2,h3,h4,h5{font-size:100%;font-weight:normal}
form, fieldset{margin:0;padding:0;border:0}
table, tbody, tfoot, thead, tr, th, td {border-collapse:collapse}
img {border:0;vertical-align:top;outline:none}
optgroup {font-style:normal;font-size:0px;height:0px;line-height:0px}
input {margin:0;vertical-align:middle;color:#888}
select {margin:0;vertical-align:middle;color:#888}
label {cursor:pointer;}
img, fieldset {border:0 none transparent;/*'transparent' for Opera7*/}
img{max-width:100%}
i, em {font-style:normal;}
caption{visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;margin:0px;padding:0px;line-height:0px}
legend{position:absolute;top:0;left:0;visibility:hidden;width:0px;height:0px;overflow:hidden;font-size:0px;margin:0px;padding:0px;line-height:0px}
/* html5 ie9 else */
article, aside, details, figcaption, figure, footer, 4, hgroup, menu, nav, section {
   display:block;
   padding:0;
   margin:0
}
address{font-style:normal}

input{
	-webkit-border-radius:0;
	-moz-border-radius: 0;
	border-radius:0;
}
input[type="text"],input[type="password"],textarea{
-webkit-tap-highlight-color: rgba(0, 0, 0, 0);  
-moz-box-shadow:none;
-webkit-box-shadow:none;
}

body.main{background:#f9f9f9}
input[type="text"],input[type="password"],input[type="file"]{padding:0;margin:0;font-size:13px;display:block;background:none;border:none}
input[type="text"],input[type="image"]{
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
}
select{
	font-size:13px;
	display:block;
	width:100%;
	border:none;
	padding:0;
	-webkit-border-radius:0;
	-moz-border-radius:0;
	border-radius:0;
	background:none;
	-webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
	-moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
	zoom:1
}
textarea{display:block;width:100%;-webkit-border-radius:0;-moz-border-radius:0;border-radius:0;background:none;border:none;resize:none}
.font01{font-family:Arial;letter-spacing:normal}

/* 링크 */
a {text-decoration:none;color:#666;cursor:pointer;}
a:link, a:visited {text-decoration:none;}
a:hover, a:focus, a:active {text-decoration:none;}

/* wrap */
#wrap{position:relative;width:100%;min-height:100%;overflow:hidden;z-index:10}

/* header */
#header{position:fixed;top:0;left:0;width:100%;background:#f9f9f9;border-bottom:1px solid #e0e1e4;z-index:1000}
#header .btn_h_left,#header .btn_h_right{position:absolute;top:0;display:block;height:53px;z-index:10}
#header .btn_prev{
	width:41px;
	left:0;
	background:url(../images/common/btn_header_prev.png) center center no-repeat;
	-webkit-background-size:12px auto;
	-moz-background-size:12px auto;
	-o-background-size:12px auto;
	background-size:12px auto;
}
#header .btn_search{
	width:41px;
	left:0;
	background:url(../images/common/btn_search.png) 15px center no-repeat;
	-webkit-background-size:19px auto;
	-moz-background-size:19px auto;
	-o-background-size:19px auto;
	background-size:19px auto;
}
#header .btn_home{
	width:21px;
	right:54px;
	background:url(../images/common/btn_top_home.png) center center no-repeat;
	-webkit-background-size:21px auto;
	-moz-background-size:21px auto;
	-o-background-size:21px auto;
	background-size:21px auto;
}
#header .btn_all{
	width:46px;
	right:0;
	background:url(../images/common/btn_header_all.png) center center no-repeat;
	-webkit-background-size:17px auto;
	-moz-background-size:17px auto;
	-o-background-size:17px auto;
	background-size:17px auto;
}
#header.main .btn_all{
	width:17px;
	height:16px;
	top:19px;
	right:15px;
	background:url(../images/common/btn_header_all.png) left top no-repeat;
	-webkit-background-size:17px auto;
	-moz-background-size:17px auto;
	-o-background-size:17px auto;
	background-size:17px auto;
}
#header .btn_chat{
	width:24px;
	height:22px;
	overflow:hidden;
	top:14px;
	right:47px;
	background:url(../images/common/btn_top_chat.png) left top no-repeat;
	-webkit-background-size:24px auto;
	-moz-background-size:24px auto;
	-o-background-size:24px auto;
	background-size:24px auto;
}
#header .btn_close{
	width:46px;
	right:0;
	background:url(../images/common/btn_top_close.png) center center no-repeat;
	-webkit-background-size:20px auto;
	-moz-background-size:20px auto;
	-o-background-size:20px auto;
	background-size:20px auto;
}

#header .btn_chat.new{background-position:left -22px}
/* khj */
#header h1{/* padding:11px 100px 0 55px; */ font-size:18px; font-weight:400; color:#fff; text-align:left; line-height:1.3; }
#header .btn_message_cancel,
#header .btn_message_send,
#header .btn_out{position:absolute;top:0;display:block;height:52px;font-size:16px;padding:0 15px;line-height:54px}
#header .btn_message_cancel{left:0;color:#b2b2b2}
#header .btn_message_send{right:0;color:#f86c73}
#header .btn_out{right:0;color:#b2b2b2}
#header h1.chat_title{width:50%;margin:0 auto;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* lnb */
/* khj */
/* #lnb{position:absolute;top:0;right:0;width:100%;min-width:272px;overflow:hidden;min-height:100%;z-index:1000000} */
/*
@media screen and (max-width:320px){
	#lnb{width:272px}
}*/
/*#lnb .mCSB_scrollTools{display:none}*/
#lnb .mCSB_scrollTools{right:-100px}
#lnb .btn_set{display:block;position:absolute;top:10px;right:10px;z-index:1000}
#lnb .lnb_wrap{position:absolute;right:0;top:0;width:100%;min-height:100%;background:#ebebeb;float:right}
/*#lnb .lnb_wrap{position:absolute;right:0;top:0;width:274px;min-height:100%;margin-right:-274px;background:#ebebeb;float:right}*/
#lnb .lnb_top{position:relative;padding:12px 15px 10px 15px;border-bottom:1px solid #dcdcdc;background:#fff}
#lnb .lnb_header {position: relative;}
#lnb .lnb_top .txt_title{font-size:17px;line-height:18px;color:#58c8b6;margin-top:4px}
#lnb .lnb_top .txt_info{font-size:12px;color:#b2b2b2;margin-top:5px;line-height:12px;vertical-align:middle}
#lnb .lnb_top .txt_info .id,#lnb .lnb_top .txt_info .date{color:#797979}
#lnb .lnb_top .txt_info .level{display:inline-block;margin-right:3px}
#lnb .lnb_top .txt_info .level img{height:10px;width:auto}
#lnb .lnb_top .txt_info em{color:#444}
#lnb .lnb_top .txt_wrap{padding-left:52px;min-height:43px}
#lnb .txt_thumb{position:absolute;top:12px;left:15px;width:43px;height:43px}
#lnb .txt_thumb span{display:block;position:absolute;top:0;left:0;width:100%;height:100%;}
/* khj */ 
#lnb .txt_thumb span.txt_over{
	background-size:43px auto;
	z-index:100
}
/* //khj */
#mypage .btns_lnb_con{overflow:hidden;border-bottom:1px solid #e0e1e4;background:#fafafa}
#mypage .btns_lnb_con li{float:left;width:25%}
#mypage .btns_lnb_con li a{display:block;text-align:center;border-left:1px solid #e5e5e5}
#mypage .btns_lnb_con li:first-child a{border-left:none}
#mypage .no_firend{display:block;padding:15px;font-size:11px;color:#797979;min-height:140px;
	background:url(../images/common/side_no_friend.gif) center center no-repeat;
	-webkit-background-size:57px auto;
	-moz-background-size:57px auto;
	-o-background-size:57px auto;
	background-size:57px auto;
}
/*.my_friend_search{padding:5px 15px;background:#f8f8f8;border-bottom:1px solid #cacbce}*/
#lnb .word_search{
	position:relative;
	padding:0 44px 0 10px;
	background:#fff;
	border-bottom:1px solid #dbdbdb
}
#lnb .word_search input{
	width:100%;
	height:44px;
	line-height:normal;
	color:#7a7a7a
}

#lnb .word_search a.btn_search{
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:44px;
	height:44px;
	background:	url(../images/common/btn_lnb_search.gif) center center no-repeat;
	-webkit-background-size:11px auto;
	-moz-background-size:11px auto;
	-o-background-size:11px auto;
	background-size:11px auto;


}
#lnb .word_search a.btn_apply{
	position:absolute;
	top:50%;
	right:15px;
	display:block;
	width:43px;
	height:28px;
	margin-top:-14px;
	background:	url(../images/common/btn_input_focus.png) center center no-repeat;
	-webkit-background-size:43px auto;
	-moz-background-size:43px auto;
	-o-background-size:43px auto;
	background-size:43px auto;
	display:none;
	z-index:5

}
#lnb .lnb_info{padding:15px;background:#ebebeb;border-bottom:1px solid #cecece}
#lnb .lnb_info .info_top{overflow:hidden}
#lnb .lnb_info .info_top h3{font-size:11px;color:#797979;float:left}
#lnb .lnb_info .info_top p{font-size:12px;color:#797979;float:right}
#lnb .lnb_info .info_top .line{color:#c5c5c5}
#lnb .lnb_info .info_top em{font-weight:bold;color:#515151}
#lnb .lnb_con_wrap{position:relative;margin-top:10px}
#lnb .my_thumb{position:relative}
#lnb .my_thumb .thumb_wrap{position:relative;width:158px;height:159px;margin:0 auto}
#lnb .my_thumb .thumb_wrap span{display:block}
#lnb .my_thumb .thumb_over{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:url(../images/common/lnb_thumb_over_02.png) left top no-repeat;
	-webkit-background-size:158px auto;
	-moz-background-size:158px auto;
	-o-background-size:158px auto;
	background-size:158px auto;
	z-index:100
}
#lnb .my_health_num{right:0;bottom:0;z-index:105}
#lnb .bx-controls{position:absolute;top:50%;left:0;width:100%}
#lnb .bx-controls a{position:absolute;top:-28px;display:block;width:40px;height:56px;line-height:55px}
#lnb .bx-controls a.bx-prev{width:30px; height:30px;left:0;text-align:left}
#lnb .bx-controls a.bx-next{width:30px; height:30px;right:0;text-align:right}
#lnb .bx-controls a img{vertical-align:middle}
#lnb .comment_list{background:#ebebeb}
#lnb .comment_list .txt_thumb{position:absolute;top:9px;left:15px;width:35px;height:35px}
#lnb .comment_list .txt_thumb span{display:block;position:absolute;top:0;left:0;width:100%;height:100%}
#lnb .comment_list .txt_thumb span.txt_over{
	background:url(../images/common/lnb_comment_thumb_over.png) left top no-repeat;
	-webkit-background-size:35px auto;
	-moz-background-size:35px auto;
	-o-background-size:35px auto;
	background-size:35px auto;
	z-index:100
}
#lnb .my_health_heart{margin-top:10px}
#lnb .comment_list li{position:relative;padding:9px 15px 10px 15px;border-bottom:1px solid #cecece}
#lnb .comment_list li:last-child{border-bottom:none}
#lnb .comment_list .comment_con{padding-left:45px;min-height:35px}
#lnb .comment_list .c_id{font-size:12px;color:#515151;line-height:16px;margin-top:0}
#lnb .comment_list .c_txt{font-size:11px;color:#797979;line-height:15px;margin-top:0}
#lnb .comment_list .c_time{position:relative;top:auto;right:auto;font-size:10px;color:#b3b2b2}

#lnb .comment_list .cheer_msg{
font-size: 12px;
color: #797979;
text-align: center;
line-height: 16px;
padding: 30px 15px 15px 15px;
}
#lnb .comment_list .cheer_btn a {
width: 141px;
margin: 0 auto;
}

#lnb .btn_close{position:absolute;top:0;left:-28px;}
/* container */
#container{padding:44px 0 0 0; margin-top:0 !important;}






/* c_list */
.c_list{}
.c_list > ul{}
.c_list > ul > li{position:relative}
.c_list > ul > li > a{display:block;padding:12px 15px 10px 15px;background:#f3f3f3;border-bottom:1px solid #e0e1e4}
.c_list .txt_wrap{padding-right:50px;height:35px}
.c_list .txt_wrap > span{display:inline-block;width:100%}
.c_list .txt_wrap .list_title{font-size:15px;color:#515151;line-height:16px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.c_list .txt_wrap .list_info{font-size:12px;color:#b2b2b2;margin-top:5px}
.c_list .txt_wrap .list_info em.read_em{color:#67beb8}
.c_list .list_like{
	position:absolute;
	top:50%;
	right:15px;
	height:12px;
	margin-top:-6px;
	font-size:11px;
	color:#f86c73;
	line-height:12px;
	text-align:right;
	padding-right:15px;
	background:url(../images/content/list_like_icon.png) right 1px no-repeat;
	-webkit-background-size:10px auto;
	-moz-background-size:10px auto;
	-o-background-size:10px auto;
	background-size:10px auto;
}
.c_list .list_like.zero{
	color:#b2b2b2;
	background:url(../images/content/list_like_icon_zero.png) right 1px no-repeat;
	-webkit-background-size:10px auto;
	-moz-background-size:10px auto;
	-o-background-size:10px auto;
	background-size:10px auto;
}
.c_list .list_pet{
	position:absolute;
	top:50%;
	right:15px;
	height:12px;
	margin-top:-6px;
	font-size:11px;
	color:#f86c73;
	line-height:12px;
	text-align:right;
	padding-right:14px;
	background:url(../images/content/list_pet_icon.png) right center no-repeat;
	-webkit-background-size:9px auto;
	-moz-background-size:9px auto;
	-o-background-size:9px auto;
	background-size:9px auto;
}
.c_list .list_pet.zero{
	color:#b2b2b2;
	background:url(../images/content/list_pet_icon_zero.png) right 1px no-repeat;
	-webkit-background-size:9px auto;
	-moz-background-size:9px auto;
	-o-background-size:9px auto;
	background-size:9px auto;
}

.v_list{}
.v_list h3,.d_list h3{display:block;padding:9px 15px 8px 15px;height:11px;font-size:11px;color:#b1b1b1;background:#eee;border-bottom:1px solid #e0e1e4}
.v_list h3 em,.d_list h3 em{color:#67beb8}
.v_list li,.d_list li{padding:15px 15px;background:#f3f3f3;border-bottom:1px solid #e0e1e4;-webkit-tap-highlight-color:transparent;}
.v_list li > a{
	display:block;
	font-size:12px;
	color:#515151;
	background:url(../images/content/v_list_arrow.png) right center no-repeat;
	-webkit-background-size:9px auto;
	-moz-background-size:9px auto;
	-o-background-size:9px auto;
	background-size:9px auto;
}
.v_list li.press,.d_list li.press{background:#eee}
/* 
.v_list .strong_title,.d_list .strong_title{
	padding-right:12px;
	background:url(../images/content/list_title_strong.gif) right center no-repeat;
	-webkit-background-size:8px auto;
	-moz-background-size:8px auto;
	-o-background-size:8px auto;
	background-size:8px auto;
}
 */
  .v_list .strong_title label img{width:8px; margin-left:3px; vertical-align:middle;}
.d_list li.d_list_con{font-size:12px;color:#767676;line-height:16px;padding:15px;}
.d_list li.timer_set_wrap{display:block;width:auto}
.d_list li.timer_set_wrap .timer_set_input{display:block}
.d_list li.timer_set_wrap .timer_set_input > span{display:inline-block; margin:8px 15px 0 0;}

.g_list{}
.g_list > ul{overflow:hidden;padding:15px 10px 0 10px;border-bottom:1px solid #e0e1e4}
.g_list > ul > li{float:left;width:50%;margin-bottom:15px}
.g_list > ul > li a{position:relative;display:block;margin:0 5px}
.g_list .g_thumb{
	padding-top:92%;
	background:#d9d9d9 url(../images/content/gallery_no.gif) center center no-repeat;
	-webkit-background-size:21px auto;
	-moz-background-size:21px auto;
	-o-background-size:21px auto;
	background-size:21px auto;
	border:1px solid #d9d9d9
}
.g_list .g_thumb img{position:absolute;top:0;left:0;width:100%;height:100%}

.g_list .g_title{max-height:32px;overflow:hidden;margin-top:10px;font-size:14px;color:#797979;line-height:16px;text-align:center}

.list_search{padding:15px 15px 30px 15px;overflow:hidden}
.list_search .list_search_select,.list_search .list_search_input,.list_search .list_user_select{position:relative;float:left}
.list_search .list_search_select{width:37.52%}
.list_search .list_search_input{width:62.48%}
.list_select_wrap{
	position:relative;
	margin-right:7px;
	padding-left:10px;
	background:#fff;
	border:1px solid #dbdbdb;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.list_select_wrap select{
	height:31px;
	background:url(../images/content/list_search_select_arrow.png) right top no-repeat;
	-webkit-background-size:20px auto;
	-moz-background-size:20px auto;
	-o-background-size:20px auto;
	background-size:20px auto;
}
.list_search .list_search_input .list_s_input_wrap{
	position:relative;
	padding:0 31px 0 10px;
	background:#fff;
	border:1px solid #dbdbdb;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.list_search .list_search_input input{
	width:100%;
	height:31px;
	line-height:normal;
	color:#b2b2b2
}

.list_search .list_search_input a.btn_search{
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:31px;
	height:31px;
	background:	url(../images/content/list_search_iuput_icon.png) right top no-repeat;
	-webkit-background-size:31px auto;
	-moz-background-size:31px auto;
	-o-background-size:31px auto;
	background-size:31px auto;
}
.list_search label{
	position: absolute;
	font-size: 0;
	width: 0;
	height: 0;
	line-height: 0;
	overflow: hidden;
	visibility: hidden;
}
.txt_thumb{position:absolute;top:10px;left:15px;width:35px;height:35px}
.txt_thumb span{display:block;position:absolute;top:0;left:0;width:100%;height:100%;overflow:hidden;border-radius:50%;}
.txt_thumb span.txt_over{
}

.list_view .list_view_top{position:relative;padding:10px 15px;background:#eee;border-bottom:1px solid #e0e1e4}
.list_view .list_view_top .txt_title{font-size:15px;line-height:18px;color:#515151;margin-top:2px;}
.txt_info{font-size:12px;color:#b2b2b2;margin-top:0px;line-height:16px !important;vertical-align:middle}
.list_view .list_view_top .txt_info .id,.list_view .list_view_top .txt_info .date{color:#797979}
.txt_info .level{display:inline-block;margin-right:3px}
.txt_info .level img{height:16px !important;width:auto !important}
.list_view .list_view_top .txt_wrap{min-height:35px}
.list_view .list_view_con{font-size:17px;color:#000000;line-height:20px;padding:20px 15px;background:#f3f3f3;border-bottom:1px solid #e0e1e4}
.list_view .list_view_con img{max-width:100%}
.list_view .list_view_con strong{font-weight:normal;color:#f86c73}
.list_view .list_view_btns{position:relative;padding:10px 0;line-height:32px;text-align:center;background:#f3f3f3;border-bottom:1px solid #e0e1e4}
.list_view .list_view_btns .btn_recommend{display:inline-block;}
.list_view .list_view_btns .btn_recommend img{max-width:60px;height:auto}

.list_view .list_view_btns .recommend_number{font-size:16px;color:#f86c73;font-weight:bold}
.list_view .list_view_btns02{position:relative;overflow:hidden;padding:0 15px}

.list_view .list_view_btns02 a{float:right;display:;padding:13px 0;font-size:13px;color:#959595;}

.list_view .list_view_btns02 a span{display:inline-block;padding:0 13px}
.list_view .list_view_btns02 a.btn_delete{float:left;color:#f86c73}
.list_view .list_view_btns02 a.btn_delete span{padding:0}
.list_view .list_view_btns02 a.btn_recommend span{color:#67beb8;border-right:1px solid #d1d1d1}
.list_view .list_view_btns02 a.btn_list span{padding-right:0}

.list_view .list_view_btns03{position:relative;padding:10px 0;line-height:32px;height:32px;text-align:center;background:#f3f3f3;border-bottom:1px solid #e0e1e4}
.list_view .list_view_btns03 .btn_recommend{display:inline-block;}
.list_view .list_view_btns03 .btn_recommend img{max-width:60px;height:auto}
.list_view .list_view_btns03 .recommend_number{font-size:16px;color:#f86c73;font-weight:bold}
.list_view .list_view_btns03 > p{font-size:14px;color:#ddd;line-height:32px}
.list_view .list_view_btns03 > p > a{font-size:14px;color:#959595;line-height:32px;vertical-align:middle}
.list_view .list_view_btns03 .btns_01{position:absolute;top:10px;left:15px}
.list_view .list_view_btns03 .btns_03{position:absolute;top:10px;right:25px}

.list_view .paragraph{margin-bottom:5px}
.list_file{padding:7px 15px;background:#f3f3f3;border-bottom:1px solid #e0e1e4}
.list_file .file_wrap{display:table;width:100%;}
.list_file p{display:table-cell;vertical-align:middle}
.list_file p.file_title{font-size:11px;color:#b2b2b2;width:55px}
.list_file a.file_info{
	display:table-cell;
	vertical-align:middle;
	font-size:11px;
	font-weight:bold;
	color:#515151;
	padding-left:16px;
	line-height:14px;
	background:	url(../images/content/file_icon.png) left top no-repeat;
	-webkit-background-size:14px auto;
	-moz-background-size:14px auto;
	-o-background-size:14px auto;
	background-size:14px auto;
}


.comment_list{padding-bottom:50px}
.comment_list h3{font-size:14px;color:#67beb8;height:28px;line-height:29px;padding:0 15px;border-bottom:1px solid #e0e1e4}
.comment_list li{position:relative;padding:10px 15px;border-bottom:1px solid #e0e1e4}
.comment_list li:last-child{border-bottom:none}
.comment_list .comment_con{padding-left:45px;min-height:35px}
.comment_list .c_id{font-size:14px;color:#515151;line-height:16px;margin-top:3px}
.comment_list .c_txt{font-size:13px;color:#797979;line-height:18px;margin-top:2px}
.comment_list .c_time{position:absolute;top:14px;right:15px;font-size:10px;color:#b3b2b2}

.comment_input{position:fixed;bottom:0;left:0;width:100%;border-top:1px solid #66bbb5;z-index:500}
.comment_input .comment_input_wrap{padding:8px 15px;background:#eee}
.comment_input .comment_input_wrap .input_wrap{
	position:relative;
	padding:0 47px 0 10px;
	background:#fff;
	border:1px solid #d7d7d7;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.comment_input .comment_input_wrap .input_wrap.addImg{margin-left:29px}
.comment_input .comment_input_wrap .input_wrap input{width:100%;color:#b2b2b2;height:32px;line-height:normal}
.comment_input .comment_input_wrap .input_wrap textarea{width:100%;color:#b2b2b2;line-height:normal;padding:0;height:32px;-webkit-overflow-scrolling: touch}
.comment_input .comment_input_wrap .btn_input{
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:47px;
	height:100%;
	background:#f5f5f5 url(../images/content/btn_comment_input.png) center center no-repeat;
	-webkit-background-size:24px auto;
	-moz-background-size:24px auto;
	-o-background-size:24px auto;
	background-size:24px auto;
	border-left:1px solid #dcdcdc;
	z-index:100
}
.comment_input .comment_input_wrap .btn_input.chat{
	background:#f5f5f5 url(../images/content/btn_comment_input_02.png) center center no-repeat;
	-webkit-background-size:24px auto;
	-moz-background-size:24px auto;
	-o-background-size:24px auto;
	background-size:24px auto;
	z-index:100
}
.comment_input .comment_input_wrap .btn_chat_input{
	position:absolute;
	top:0;
	right:0;
	display:block;
	width:47px;
	height:32px;
	background:url(../images/content/btn_chat_input.png) left top no-repeat;
	-webkit-background-size:47px auto;
	-moz-background-size:47px auto;
	-o-background-size:47px auto;
	background-size:47px auto;
	z-index:100
}
.comment_input .comment_input_wrap .btn_addImg{
	position:absolute;
	top:50%;
	left:-29px;
	display:block;
	width:18px;
	height:32px;
	margin-top:-16px;
	background:url(../images/content/comment_add_icon.png) center center no-repeat;
	-webkit-background-size:18px auto;
	-moz-background-size:18px auto;
	-o-background-size:18px auto;
	background-size:18px auto;
	z-index:100
}

.comment_input .comment_input_wrap .txt_label{position:absolute;top:0;left:10px;width:100%;height:32px;font-size:13px;color:#b2b2b2;line-height:32px;z-index:5}
/* etc */
.sns_list{position:fixed;top:0;left:0;width:100%;height:100%;z-index:10000;display:none}
.sns_list .pop_data{display:table;width:100%;height:100%;text-align:center;background:none}
.sns_list .pop_data > div{position:relative;display:table-cell;vertical-align:bottom;}

.sns_list .pop_data > div > div{position:relative;margin:0 32px 0 32px;background:#fff;z-index:10;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;}
.sns_list .pop_data h3{display:block;height:45px;font-size:16px;color:#67beb8;text-align:center;font-weight:bold;line-height:47px;border-bottom:1px solid #e9e9e9}
.sns_list .pop_data ul li{padding:0 15px;border-bottom:1px solid #e9e9e9}
.sns_list .pop_data ul li.last{border-bottom:none}
.sns_list .pop_data ul li a{display:block;font-size:15px;color:#515151;height:41px;line-height:43px;padding-left:35px}
.sns_list .pop_data ul li.sns01{
	background:url(../images/content/sns_cacao.gif) 15px center no-repeat;
	-webkit-background-size:21px auto;
	-moz-background-size:21px auto;
	-o-background-size:21px auto;
	background-size:21px auto;
}
.sns_list .pop_data ul li.sns02{
	background:url(../images/content/sns_twitter.gif) 15px center no-repeat;
	-webkit-background-size:22px auto;
	-moz-background-size:22px auto;
	-o-background-size:22px auto;
	background-size:22px auto;
}
.sns_list .pop_data ul li.sns03{
	background:url(../images/content/sns_face.gif) 15px center no-repeat;
	-webkit-background-size:16px auto;
	-moz-background-size:16px auto;
	-o-background-size:16px auto;
	background-size:16px auto;
}
.sns_list .pop_data ul li.sns04{
	background:url(../images/content/sns_comment.gif) 15px center no-repeat;
	-webkit-background-size:22px auto;
	-moz-background-size:22px auto;
	-o-background-size:22px auto;
	background-size:22px auto;
}
.sns_list .pop_data ul li.sns05{
	background:url(../images/content/sns_email.gif) 15px center no-repeat;
	-webkit-background-size:20px auto;
	-moz-background-size:20px auto;
	-o-background-size:20px auto;
	background-size:20px auto;
}
.sns_list .pop_data ul li.sns05 a{border:none}
.sns_list .pop_data .close_sns{position:absolute;top:15px;right:15px}
.pop_bg{position:absolute;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7)}

.alert_pop{position:fixed;top:0;left:0;width:100%;height:109%;z-index:10000;display:none}
.alert_pop .pop_data{display:table;width:100%;height:100%;text-align:center;background:none}
.alert_pop .pop_data > div{position:relative;display:table-cell;vertical-align:middle}
.alert_pop .pop_data > div > div{position:relative;margin:0 35px 0 35px;background:#fff;z-index:10;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px;}
.alert_pop .pop_data h3{display:block;font-size:16px;color:#515151;line-height:16px;padding:29px 0}
.alert_pop .pop_data h3 span{display:block}
.alert_pop .pop_data h3 span.big_title{line-height:17px}
.alert_pop .pop_data h3 span.sub_title{font-size:13px;color:#797979;line-height:13px;margin-top:8px}
.alert_pop .pop_data h3 span.em_title{color:#f86c73;margin-top:8px}

.alert_pop .pop_data .btn_wrap{border-top:1px solid #e9e9e9;overflow:hidden}
.alert_pop .pop_data .btn_wrap a{display:block;padding:12px 0;text-align:center;font-size:15px;line-height:15px;color:#797979}
.alert_pop .pop_data .btn_wrap a em{color:#00a6a6}
.alert_pop .pop_data .btn_wrap a.btn_com,.alert_pop .pop_data .btn_wrap a.btn_cancel{float:left;width:50%}
.alert_pop .pop_data .btn_wrap a.btn_com{border-right:1px solid #e9e9e9;margin-left:-1px}

.alert_pop .pop_data .info_view{padding:25px 0 0 0}
.alert_pop .pop_data .info_view h3{text-align:left;font-size:14px;color:#67beb8;margin-bottom:15px;padding:0 20px}
.alert_pop .pop_data .info_view .info_data{font-size:12px;color:#797979;line-height:18px;text-align:left;padding:0 20px}
.alert_pop .pop_data .info_view .btn_wrap{margin-top:23px}

.sns_list .pop_data .sort_list ul{text-align:center}
.sns_list .pop_data .sort_list ul a{padding:0;font-size:16px;line-height:43px}
.sns_list .pop_data .sort_list ul li:first-child a{color:#66bbb5}
.sns_list .pop_data .sort_list ul li:last-child{border-bottom:none}
.sns_list .pop_data a.pop_close_02{
	position:relative;
	display:block;	
	font-size:16px;
	line-height:16px;
	text-align:center;
	color:#f86c73;
	padding:12px 0;
	margin:10px 32px 0 32px;
	background:#fff;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
	z-index:100
}

.add_friend{position:fixed;bottom:0;left:0;width:100%;z-index:5}
.add_friend .a_f_top{position:relative;padding:15px;background:#f3f3f3;border-bottom:1px solid #e0e1e4}
.add_friend .a_f_top .txt_title{font-size:18px;line-height:18px;color:#515151;font-weight:bold;margin-top:1px;}
.add_friend .a_f_top .txt_info{font-size:12px;color:#b2b2b2;margin-top:0;line-height:12px;vertical-align:middle}
.add_friend .a_f_top .txt_info .id,.list_view .a_f_top .txt_info .date{color:#797979}
.add_friend .a_f_top .txt_info .level{display:inline-block;margin-right:3px}
.add_friend .a_f_top .txt_info .level img{height:10px;width:auto}
.add_friend .a_f_top .txt_wrap{padding-left:43px}
.add_friend .a_f_top .txt_thumb{top:15px}
.add_friend .btn_add_close{
	position:absolute;
	top:10px;
	right:10px;
	display:block;
	width:16px;
	height:16px;
	background:url(../images/content/btns_add_friend_close.png) right center no-repeat;
	-webkit-background-size:16px auto;
	-moz-background-size:16px auto;
	-o-background-size:16px auto;
	background-size:16px auto;
}
.add_friend .a_f_btns{padding:10px 0;background:#eee;overflow:hidden}
.add_friend .a_f_btns p{float:left;width:25%}
.add_friend .a_f_btns a{display:block;width:61px;height:80px;margin:0 auto;overflow:hidden}
.add_friend .a_f_btns a.btn_01{
	background:url(../images/content/icon_add_01.png) left top no-repeat;
	-webkit-background-size:61px auto;
	-moz-background-size:61px auto;
	-o-background-size:61px auto;
	background-size:61px auto;
}
.add_friend .a_f_btns a.btn_02{
	background:url(../images/content/icon_add_02.png) left top no-repeat;
	-webkit-background-size:61px auto;
	-moz-background-size:61px auto;
	-o-background-size:61px auto;
	background-size:61px auto;
}
.add_friend .a_f_btns a.btn_03{
	width:65px;
	background:url(../images/content/icon_add_03.png) left top no-repeat;
	-webkit-background-size:65px auto;
	-moz-background-size:65px auto;
	-o-background-size:65px auto;
	background-size:65px auto;
}
.add_friend .a_f_btns a.btn_04{
	background:url(../images/content/icon_add_04.png) left top no-repeat;
	-webkit-background-size:61px auto;
	-moz-background-size:61px auto;
	-o-background-size:61px auto;
	background-size:61px auto;
}
.add_friend .btn_add_friend{
	display:inline-block;
	zoom:1;
	*display:inline;
	width:61px;
	height:21px;
	margin-left:5px;
	margin-top:-2px;
	background:url(../images/content/add_bottom_friend.png) left top no-repeat;
	-webkit-background-size:61px auto;
	-moz-background-size:61px auto;
	-o-background-size:61px auto;
	background-size:61px auto;

}


.p_agree_data{text-align:left;padding:25px 20px}
.p_agree_data h4{font-size:14px;color:#00a6a6;line-height:18px;margin-bottom:15px}
.p_agree_data .p_a_small_txt{font-size:12px;color:#797979;line-height:18px;padding-bottom:13px}
.p_agree_data > p:last-child{padding-bottom:0}

.page{position:relative;text-align:center;padding:10px 15px;background:#f3f3f3;border-bottom:1px solid #e0e1e4;border-top:1px solid #e0e1e4;margin-top:-1px}
.page > a{position:absolute;top:10px;display:block;width:30px;height:30px;overflow:hidden;}
.page > a.btn_page_prev{left:15px}
.page > a.btn_page_next{right:15px}
.page ul{display:inline-block;height:30px}
.page ul li{display:inline}
.page ul li a{
	float:left;
	display:block;
	width:30px;
	height:30px;
	font-size:14px;
	color:#797979;
	font-weight:bold;
	line-height:32px;
	overflow:hidden;
	margin:0 4px;
	background:url(../images/content/paging_bg.png) left top no-repeat;
	-webkit-background-size:30px auto;
	-moz-background-size:30px auto;
	-o-background-size:30px auto;
	background-size:30px auto;	
}
.page ul li.actived a{background-position:left bottom;color:#66b8b4}
.page .page_txt_num{font-size:14px;line-height:31px;height:30px;color:#797979}
.page .page_txt_num em.current{color:#66b8b4}
.txt_line{color:#d3d3d3;margin:0 7px}
.page > a.btn_answer{
	right:55px;
	width:62px;
	height:30px;
	background:url(../images/content/btn_result_view.png) left top no-repeat;
	-webkit-background-size:62px auto;
	-moz-background-size:62px auto;
	-o-background-size:62px auto;
	background-size:62px auto;	
}

/* btns */
.btn_share{
	display:inline-block;
	position:absolute;
	top:50%;
	right:15px;
	margin-top:-15px;
	width:30px;
	height:30px;
	overflow:hidden;
	background:url(../images/content/btn_share.png) left top no-repeat;
	-webkit-background-size:30px auto;
	-moz-background-size:30px auto;
	-o-background-size:30px auto;
	background-size:30px auto;	
}
.btn_share.default{
	background:url(../images/content/btn_share_default.png) left top no-repeat;
	-webkit-background-size:30px auto;
	-moz-background-size:30px auto;
	-o-background-size:30px auto;
	background-size:30px auto;	
}
.btn_time{
	display:inline-block;
	position:absolute;
	top:50%;
	right:15px;
	margin-top:-15px;
	width:30px;
	height:30px;
	overflow:hidden;
	background:url(../images/content/btn_time.png) left top no-repeat;
	-webkit-background-size:30px auto;
	-moz-background-size:30px auto;
	-o-background-size:30px auto;
	background-size:30px auto;	
}
a.btn_message{
	background:url(../images/content/btn_friend_message.png) left top no-repeat;
	-webkit-background-size:30px auto;
	-moz-background-size:30px auto;
	-o-background-size:30px auto;
	background-size:30px auto;
}
a.btn_cheer{
	background:url(../images/content/btn_friend_cheer.png) left top no-repeat;
	-webkit-background-size:30px auto;
	-moz-background-size:30px auto;
	-o-background-size:30px auto;
	background-size:30px auto;
}
a.btn_chat{
	background:url(../images/content/btn_friend_chat.png) left top no-repeat;
	-webkit-background-size:30px auto;
	-moz-background-size:30px auto;
	-o-background-size:30px auto;
	background-size:30px auto;
}
a.btn_add{
	background:url(../images/content/btn_friend_add.png) left top no-repeat;
	-webkit-background-size:30px auto;
	-moz-background-size:30px auto;
	-o-background-size:30px auto;
	background-size:30px auto;
}
/* 
a.btn_month_prev{
	background:url(../images/content/btn_month_prev.png) left top no-repeat;
	-webkit-background-size:30px auto;
	-moz-background-size:30px auto;
	-o-background-size:30px auto;
	background-size:30px auto;
}
a.btn_month_next{
	background:url(../images/content/btn_month_next.png) left top no-repeat;
	-webkit-background-size:30px auto;
	-moz-background-size:30px auto;
	-o-background-size:30px auto;
	background-size:30px auto;
}
 */
a.btn_diary{
	/* background:url(../images/content/btn_diary.png) left top no-repeat; */
	-webkit-background-size:30px auto;
	-moz-background-size:30px auto;
	-o-background-size:30px auto;
	background-size:30px auto;
}
a.btn_myheart{
	/* background:url(../images/content/btn_myheart.png) left top no-repeat; */
	-webkit-background-size:30px auto;
	-moz-background-size:30px auto;
	-o-background-size:30px auto;
	background-size:30px auto;
}
a.btn_month_prev.default{
	background:url(../images/content/btn_month_prev_default.png) left top no-repeat;
	-webkit-background-size:30px auto;
	-moz-background-size:30px auto;
	-o-background-size:30px auto;
	background-size:30px auto;
}
a.btn_month_next.default{
	background:url(../images/content/btn_month_next_default.png) left top no-repeat;
	-webkit-background-size:30px auto;
	-moz-background-size:30px auto;
	-o-background-size:30px auto;
	background-size:30px auto;
}
a.btn_diary.default{
	background:url(../images/content/btn_diary_default.png) left top no-repeat;
	-webkit-background-size:30px auto;
	-moz-background-size:30px auto;
	-o-background-size:30px auto;
	background-size:30px auto;
}
/* 
a.btn_page_prev{
	background:url(../images/content/btn_month_prev.png) left top no-repeat;
	-webkit-background-size:30px auto;
	-moz-background-size:30px auto;
	-o-background-size:30px auto;
	background-size:30px auto;
}
a.btn_page_next{
	background:url(../images/content/btn_month_next.png) left top no-repeat;
	-webkit-background-size:30px auto;
	-moz-background-size:30px auto;
	-o-background-size:30px auto;
	background-size:30px auto;
}
 */
a.btn_onoff{display:block;width:50px;height:29px}
a.on_kr{
	background:url(../images/content/btn_sns_on.png) left top no-repeat;
	-webkit-background-size:50px auto;
	-moz-background-size:50px auto;
	-o-background-size:50px auto;
	background-size:50px auto;
}
a.out_kr{
	background:url(../images/content/btn_sns_out.png) left top no-repeat;
	-webkit-background-size:50px auto;
	-moz-background-size:50px auto;
	-o-background-size:50px auto;
	background-size:50px auto;
}
a.on_en,span.on_en{
	background:url(../images/content/btn_on.png) left top no-repeat;
	-webkit-background-size:50px auto;
	-moz-background-size:50px auto;
	-o-background-size:50px auto;
	background-size:50px auto;
}
a.out_en,span.out_en{
	background:url(../images/content/btn_off.png) left top no-repeat;
	-webkit-background-size:50px auto;
	-moz-background-size:50px auto;
	-o-background-size:50px auto;
	background-size:50px auto;
}

a.btn_O{
	background:url(../images/content/btn_O.png) left top no-repeat;
	-webkit-background-size:130px auto;
	-moz-background-size:130px auto;
	-o-background-size:130px auto;
	background-size:130px auto;
}
a.btn_X{
	background:url(../images/content/btn_X.png) left top no-repeat;
	-webkit-background-size:130px auto;
	-moz-background-size:130px auto;
	-o-background-size:130px auto;
	background-size:130px auto;
}
a.btn_men{
	background:url(../images/content/btn_men.png) left top no-repeat;
	-webkit-background-size:130px auto;
	-moz-background-size:130px auto;
	-o-background-size:130px auto;
	background-size:130px auto;
}
a.btn_woman{
	background:url(../images/content/btn_woman.png) left top no-repeat;
	-webkit-background-size:130px auto;
	-moz-background-size:130px auto;
	-o-background-size:130px auto;
	background-size:130px auto;
}

.ox_select{padding:15px 0;text-align:center;background:#f3f3f3;border-bottom:1px solid #e0e1e4}
.ox_select > a{display:inline-block;width:130px;height:132px;overflow:hidden;margin:0 5px}
.btns_wrap{padding:0 15px;overflow:hidden}
.btns_wrap p{}
.btns_wrap a{
	display:block;
	height:14px;
	padding:14px 0 13px 0;
	text-align:center;	
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

.btns_wrap a.type01{background:#f66a0d;border:1px solid #f66a0d}
.btns_wrap a.type02{background:#ef5350;border:1px solid #ef5350}
.btns_wrap a.type03{background:#767676;border:1px solid #767676}
.btns_wrap a.type01.btn_press_out{background:#ff9800;border:1px solid #ff9800}
.btns_wrap a.type02.btn_press_out{background:#e35a61;border:1px solid #db4b52}
.btns_wrap a.type03.btn_press_out{background:#838383;border:1px solid #7f7f7f}
.btn_press{-webkit-tap-highlight-color:transparent;}
.btn_press_out{background-position:left bottom !important}

.vt{vertical-align:top !important}
.clear{clear:both}
.d_color{color:#515151 !important}
.a_color{color:#444 !important}
.b_color{color:#b2b2b2 !important}
.e_color{color:#f86c73 !important}
.f_color{color:#67beb8 !important}
.f_r{float:right}
.f_l{float:left}
.deco{ text-decoration: underline}
.p_t_20{padding-top:20px}

.share_title{position:relative;min-height:30px}
.share_title span.title{line-height:30px;vertical-align:middle}
.share_title span img{vertical-align:middle}