/*
 * http://getbootstrap.com/customize - 하려 했으나, 원본 소스와 차이가 있어 강제 선언으로 처리
 * font-family:"돋움",Dotum,"굴림",Gulim,AppleGothic,Sans-serif; color:#383d41;
 */

.row {display: flex; flex-wrap: wrap;}
.row-nowrap {display: flex; flex-wrap: nowrap;}
.col {flex: 1 1 auto; min-width: 0; max-width: 100%;}
.col-auto {flex: 0 0 auto; min-width: 0;}

/* custom widths .span !important? */
.span1 { display:inline-block; width:50px; }
.span2 { display:inline-block; width:100px; }
.span3 { display:inline-block; width:150px; }
.span3_1 { display:inline-block; width:180px; }
.span4 { display:inline-block; width:200px !important; }
.span5 { display:inline-block; width:250px; }
.span6 { display:inline-block; width:300px; }
.span7 { display:inline-block; width:350px; }
.span8 { display:inline-block; width:400px; }
.span9 { display:inline-block; width:450px; }
.span10 { display:inline-block; width:500px; }

.wd100{width:100%;}
.wd90{width:90%;}
.wd80{width:80%;}
.wd70{width:70%;}
.wd60{width:60%;}
.wd50{width:50%;}
.wd40{width:40%;}
.wd30{width:30%;}
.wd20{width:20%;}
.wd10{width:10%;}

.ht100{height:100%;}
.ht90{height:90%;}
.ht80{height:80%;}
.ht70{height:70%;}
.ht60{height:60%;}
.ht50{height:50%;}
.ht40{height:40%;}
.ht30{height:30%;}
.ht20{height:20%;}
.ht10{height:10%;}


.txt_center{text-align:center;}
.txt_left{text-align:left;}
.txt_right{text-align:right;}

.f_left{float:left;}
.f_right{float:right;}

.mg_t5{margin-top:5px;};
.mg_t5 label{margin-right:5px;}
.mg_t5:nth-child(3) label{margin-right:0;}
.mg_t10{margin-top:10px;}
.mg_t15{margin-top:15px;}
.mg_t20{margin-top:20px;}
.mg_t25{margin-top:25px;}
.mg_t30{margin-top:30px;}

.mg_b5{margin-bottom:5px;}
.mg_b10{margin-bottom:10px;}
.mg_b15{margin-bottom:15px;}
.mg_b20{margin-bottom:20px;}
.mg_b25{margin-bottom:25px;}
.mg_b30{margin-bottom:30px;}

.mg_l5{margin-left:5px;}
.mg_l10{margin-left:10px;}
.mg_l15{margin-left:15px;}
.mg_l20{margin-left:20px;}
.mg_l25{margin-left:25px;}
.mg_l30{margin-left:30px;}

.mg_r5{margin-right:5px;}
.mg_r10{margin-right:10px;}
.mg_r15{margin-right:15px;}
.mg_r20{margin-right:20px;}
.mg_r25{margin-right:25px;}
.mg_r30{margin-right:30px;}

.mg_5{margin:5px;}
.mg_10{margin:10px;}
.mg_15{margin:15px;}
.mg_20{margin:20px;}
.mg_25{margin:25px;}
.mg_30{margin:30px;}

.head_message_cnt{
	background: red;
    border-radius: 15px;
    padding: 5px;
    height: 5px;
    width: 5px;
    display: flex;
    position: absolute;
    right: 55px;
}

.bookmark{
	padding: 0px 6.5%;
    display: flex;
    height: 42px;
    background: #000000;
    align-items: center;
    width: 90%;
    margin: 0 auto;
    border-radius: 10px;
    cursor: pointer;
    justify-content: space-around;
}
.bookmark span{
	color:#fff;
}
.bookmark img{
	width: 15px;
    height: 15px;
    margin-left: 10px;
}
/* css버튼의 기본 모양 (기본-라운드) */
.button {
	color:white;
	display:inline-block;	
	line-height:100%;
	border-radius:5px;           /* 모서리둥글게 */
	-webkit-border-radius:5px;  /* 모서리둥글게 크롬과 사파리 */
	-moz-border-radius:5px;     /* 모서리둥글게 파이어폭스 */
	border:1px solid #ccc;
	cursor:pointer;
	letter-spacing:-1px;
	text-align:center;
	font-size:0.875em;
	font-family: 'Malgun Gothic','맑은 고딕', Helvetica Neue, Arial, sans-serif, dotum,'돋움';
	min-height:35px; 
	line-height:35px;
}

/* 버튼 스타일 */
.big_white, .big_white:visited, .big_white:hover {
	color:#444;
	font-weight:bold;
	font-size:120%;
	background: #fff; /* Old browsers */
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#e5e5e5));
	background:-moz-linear-gradient(top, #fff, #e5e5e5);
	background:-o-linear-gradient(top, #fff, #e5e5e5);
	background:linear-gradient(top, #fff, #e5e5e5);
	background-size:contain;
	border:1px solid #bababa;
}

.sm_btn {
	display:inline-block;
	color:#000000;
	padding:0 8px;
	border-radius:3px;
	border: none;
	-webkit-border-radius:3px;  
	-moz-border-radius:3px;
	/* background-image: linear-gradient(to bottom,#fff,#f6f6f6); */
	/* background-image:url('../images/contents/bg_white.gif');*/
	font-size:0.750em;
	
	-webkit-box-shadow: 0px 1px 1px #ebebeb;  /* Safari and Chrome */
    -moz-box-shadow: 0px 1px 1px #ebebeb;  /* Firefox */
    box-shadow: 0px 1px 1px #ebebeb;  /* CSS3 */
	background: #F4F5F7; /* Old browsers */
	letter-spacing:-1px;
}

.ltgray {		
	border:1px solid #ccc;
	padding:5px;
	color:#555;
	font-size:0.875em;
	background: #e0e0e0; /* Old browsers */
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
	background:-moz-linear-gradient(top, #fff, #e0e0e0);
	background:-o-linear-gradient(top, #fff, #e0e0e0);
	background:linear-gradient(top, #fff, #e0e0e0);
	border-radius:3px;
	vertical-align:top;
}

.gradation_g {	
	background: #e0e0e0; /* Old browsers */
	background:-webkit-gradient(linear, left top, left bottom, from(#fff), to(#e0e0e0));
	background:-moz-linear-gradient(top, #fff, #e0e0e0);
	background:-o-linear-gradient(top, #fff, #e0e0e0);
	background:linear-gradient(top, #fff, #e0e0e0);
}

.red {background-color:#c94327; border:none !important; color:white !important;}
.red:active {background-color:#c94327;}

.blue {background-color:#217acf; border:none !important; color:white !important;}
.blue:active {background-color:#217acf;}

.dkblue {background-color:#266caf; border:none !important; color:white !important;}
.dkblue:active {background-color:#266caf;}

.gray {background-color:#9e9e9e; border:none !important; color:white !important;}
.gray:active {background-color:#9e9e9e;}

.sky {background-color:#04b0e4; border:none !important; color:white !important;}
.sky:active {background-color:#04b0e4;}

.orange {background-color:#FF6331; border:none !important; color:white !important;}
.orange:active {background-color:#FF6331;}

.black {background-color:#000000; border:none !important; color:white !important;}
.black:active {background-color:#000000;}

.ui-b-user {position:relative; left:0; top:0; width:28px; height:28px; margin-right:6px; display:inline-block; background:url(/img/sub/bt_user.png) no-repeat; background-size:28px; vertical-align:middle}
.ui-s-write {position:relative; left:0; top:0; width:28px; height:23px; margin-right:4px; display:inline-block; background:url(/img/sub/bt_write.png) no-repeat; background-size:28px; vertical-align:middle}
.ui-b-addF {position:relative; left:0; top:0; width:28px; height:28px; margin-right:4px; display:inline-block; background:url(/img/sub/bt_friend.png) no-repeat; background-size:28px; vertical-align:middle} 
.ui-dkb-remF {position:relative; left:0; top:0; width:28px; height:28px; margin-right:4px; display:inline-block; background:url(/img/sub/bt_refriend.png) no-repeat; background-size:28px; vertical-align:middle}
.ui-s-play {position:relative; left:0; top:0; width:28px; height:28px; margin-right:4px; display:inline-block; background:url(/img/sub/bt_video.png) no-repeat; background-size:28px; vertical-align:middle}
.ui-g-block {position:relative; left:0; top:0; width:28px; height:28px; margin-right:4px; display:inline-block; background:url(/img/sub/bt_block.png) no-repeat; background-size:28px; vertical-align:middle}
.ui-g-unblock {position:relative; left:0; top:0; width:28px; height:28px; margin-right:4px; display:inline-block; background:url(/img/sub/bt_unblock.png) no-repeat; background-size:28px; vertical-align:middle}
.ui-b-accept {position:relative; left:0; top:0; width:28px; height:28px; margin-right:4px; display:inline-block; background:url(/img/sub/bt_accept.png) no-repeat; background-size:28px; vertical-align:middle}
.ui-r-refusal {position:relative; left:0; top:0; width:28px; height:28px; margin-right:4px; display:inline-block; background:url(/img/sub/bt_refusal.png) no-repeat; background-size:28px; vertical-align:middle}

.exp {width:100%}
.bold {font-weight:bold}

/* 한줄로 이어지는 유동적인 버튼들 */
.btn_group_type03 {margin:0; padding:0;}
.btn_group_type03:after {content:""; clear:both; display:block;}
.btn_group_type03 li {width:32.5%; float:left; margin-left:1.2%; margin-bottom:5px;}
.btn_group_type03 li:first-child {margin-left:0}
.btn_group_type03 li a {width:100%; margin:0; padding-top:3px; text-align:center; border-radius:5px; min-height:40px; line-height:32px}
.btn_group_type03 li button {width:100%; margin:0; text-align:center; border-radius:5px; min-height:40px; line-height:32px}

/* custom padding */
.pdt1 { padding-top	  :5px; } .pdt2 { padding-top   :10px; } .pdt3 { padding-top   :15px; } .pdt4 { padding-top   :20px; }
.pdl1 { padding-left  :5px; } .pdl2 { padding-left  :10px; } .pdl3 { padding-left  :15px; } .pdl4 { padding-left  :20px; }
.pdr1 { padding-right :5px; } .pdr2 { padding-right :10px; } .pdr3 { padding-right :15px; } .pdr4 { padding-right :20px; }
.pdb1 { padding-bottom:5px; } .pdb2 { padding-bottom:10px; } .pdb3 { padding-bottom:15px; } .pdb4 { padding-bottom:20px; }


/* custom margin */
.mgt1 { margin-top	 :5px; } .mgt2 { margin-top   :10px; } .mgt3 { margin-top   :15px; } .mgt4 { margin-top   :20px; }
.mgl1 { margin-left  :5px; } .mgl2 { margin-left  :10px; } .mgl3 { margin-left  :15px; } .mgl4 { margin-left  :20px; }
.mgr1 { margin-right :5px; } .mgr2 { margin-right :10px; } .mgr3 { margin-right :15px; } .mgr4 { margin-right :20px; }
.mgb1 { margin-bottom:5px; } .mgb2 { margin-bottom:10px; } .mgb3 { margin-bottom:15px; } .mgb4 { margin-bottom:20px; }

/* new header */

@charset "utf-8";
* { -webkit-text-size-adjust:none;-moz-text-size-adjust:none;-ms-text-size-adjust:none;-o-text-size-adjust:none;text-size-adjust:none;-webkit-touch-callout:none; }
a, input, button { -ms-touch-action:none; }
body, select, textarea {color:#333; font-family: 'Malgun Gothic','맑은 고딕', Helvetica Neue, Arial, sans-serif, dotum,'돋움'; font-size:100%; line-height:1; font-weight: normal; margin:0px; padding:0px;}
button, input {font-family: 'Malgun Gothic','맑은 고딕',dotum,'돋움', sans-serif; font-size:1em; margin:0; padding:0px;}
p {margin:0px;padding:0px}
div, ul, li{margin:0; padding:0; list-style:none;}
dl, dt, dd {margin:0; padding:0;}
img {border:none; vertical-align:middle; max-width:100%}
form {margin:0px}
em, address {font-style:normal}
p img {vertical-align:middle;}
html {height:100%}
table {border-collapse:collapse; border-spacing:0;}
body {background-color:#e5eaee}

.defalt {border:none;}
a:link    {text-decoration:none; /* color:#333333 */}
a:visited    { text-decoration:none; /* color:#333333 */}
a:hover    { text-decoration:none; /* color:#333333 */}
a:active    {text-decoration:none; /* color:#333333 */}

/* 스마트폰 세로:320px and below. */

	.top_header{width:100%; background:#ffffff; z-index:10;}
	.lnb {position:relative;}
	.lnb.lnb-sm {position:absolute; right:5px; top:15px;}
	.lnb:after {content:""; clear:both; display:block;}
	.lnb li {float:left;}
	.lnb li a {padding:4px 6px; background-color:#00b9f1; font-size:0.875em; color:#fff; border-radius:5px; margin-left:5px;}
	.lnb .bk-block {display:none;}
	.menu {border-bottom:1px solid #e5e5e5;}
	.header:after {content:""; clear:both; display:block;}
	.logo {width:150px; padding:5px;}
	.navi ul {border-top:1px solid #ccc}
	.navi ul:after {content:""; clear:both; display:block;}
	.navi ul li {float:left; width:20%; padding:12px 0; max-height:38px; font-size:1em; font-weight:600; text-align:center; letter-spacing:-1px;}
	.navi ul li:hover {cursor:pointer; background:url(../img/main/navi_bg.gif) left bottom repeat-x; }
    .navi ul li.active {background:url(../img/main/navi_bg.gif) left bottom repeat-x;}
	.navi ul li .ui-more {left:0; width:15px; height:15px; display:inline-block; vertical-align:top; background:url(../img/head/ui-more.png); background-size:15px; margin-left:3px;margin-top: 0;}

	.list_tit_wrap {
	margin:10px 10px 0 10px;
	padding:8px;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#43c4e3+0,2989d8+51,ad99d1+100 */
	background: #43c4e3; /* Old browsers */
	background: -moz-linear-gradient(left,  #43c4e3 0%, #2989d8 51%, #ad99d1 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(left,  #43c4e3 0%,#2989d8 51%,#ad99d1 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to right,  #43c4e3 0%,#2989d8 51%,#ad99d1 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#43c4e3', endColorstr='#ad99d1',GradientType=1 ); /* IE6-9 */
	}
	.list_tit_wrap p {padding:10px 0; text-align:center; background-color:#fff; color:#0074a2; font-size:0.875em}

   #list dl dt {position:relative;}
	.ui_rating {display:block; position:absolute; left:5px; top:-45px; width:25px; height:25px;}
	.ui_rating.num_01 {background:url(../img/sub/badge01.png) no-repeat; background-size:25px 25px;position: absolute;top: 5px;}
	.ui_rating.num_02 {background:url(../img/sub/badge02.png) no-repeat; background-size:25px 25px;position: absolute;top: 5px;}
	.ui_rating.num_03 {background:url(../img/sub/badge03.png) no-repeat; background-size:25px 25px;position: absolute;top: 5px;}
	.ui_rating.num_04 {background:url(../img/sub/badge04.png) no-repeat; background-size:25px 25px;position: absolute;top: 5px;}

	.sub_wrap {padding:10px; background-color:#ffffff;}

	.menu_top {margin:10px 10px 0 10px; text-align:left; font-family: 'Malgun Gothic','맑은 고딕', Helvetica Neue, Arial, sans-serif, dotum,'돋움'; background-color:#f6f8fa; border:1px solid #c8d1d8; padding:8px; color:#3c545a;  font-size:0.875em; vertical-align:top}
	.menu_top img {width:40px}

	.menu_top2 {text-align:left; font-family: 'Malgun Gothic','맑은 고딕', Helvetica Neue, Arial, sans-serif, dotum,'돋움'; background-color:#f6f8fa; border:1px solid #c8d1d8; padding:8px; color:#3c545a;  font-size:0.875em; vertical-align:top}
	.menu_top2 img {width:40px}

	footer {padding:35px 0; font-size:0.750em; color:#3c545a;}
	footer.m_footer {background-color:#fff; padding:45px 0;}
/* 스마트폰 가로:321px to 568px. */
@media only screen and (min-width:321px) {

}

/* 태블릿 세로:569px to 768px. */
@media only screen and (min-width:569px) {

	.navi ul li {font-weight:normal}
	.sub_wrap {min-height:750px;}

}


/* 태블릿 가로:769px to a max of 1024px. */
@media only screen and (min-width:769px) {
	body {width:100%; background:#e5eaee url(/img/sub/back_bg.jpg); overflow:hidden; background-repeat:no-repeat; background-attachment:fixed; background-size:cover; overflow-y:auto;}

	.lnb {width:100%; border-bottom:1px solid #e5e5e5;}
	.lnb > div {width:720px; margin:0 auto;}
	.lnb > div:after {content:""; clear:both; display:block;}
	.lnb > div ul {float:right;}
	.lnb > div ul li {margin:0; float:left;}
	.lnb > div ul li a {display:block; padding:5px 15px 8px 15px; background-color:#00b9f1; color:#fff; border-radius:0; font-size:12px; vertical-align:top; margin-left:0;}
	.lnb > div ul li a:first-child {border-right:1px solid #72d3f0}
	.lnb.lnb-sm {position:relative; top:0; right:0}
	.lnb .bk-block {display:block; border-right:1px solid #e5e5e5; background-color:#fff; color:#888;}

	.logo {float:left; padding-top:12px;}
	.navi {float:right;}
	.navi ul {border-top:0}
	.menu {width:100%; overflow:hidden; border-bottom:1px solid #e5e5e5; background-color:#fff}
	.menu .menu_wrap {width:720px; margin:0 auto;}
	.navi {width:450px;}
	.navi ul li {float:left; padding:23px 0 25px 0; font-size:14px; max-height:60px;}
	.navi ul li:hover {background:url(../img/main/navi_bg.gif) left bottom repeat-x; cursor:pointer}
	.navi ul li .ui-more {vertical-align:middle}
	
	.container {}
	/* .content_wrap {width:720px; margin:0 auto;} */

	.list_tit_wrap {	margin:13px; padding:13px;}
	.list_tit_wrap p {padding:20px 0;}

	.ui_rating {width:40px; height:40px; top:-60px;}
	.ui_rating.num_01 {background-size:40px 40px;}
	.ui_rating.num_02 {background-size:40px 40px;}
	.ui_rating.num_03 {background-size:40px 40px;}
	.ui_rating.num_04 {background-size:40px 40px;}

	.sub_wrap {padding:18px;}
	.menu_top {margin:20px 20px 0 20px; font-size:1em}
	.menu_top2 {font-size:16px}
	.row.pcver {min-height:700px;}

}

/* 데스크탑:1025px 이상. */
@media only screen and (min-width:1025px) {

	.lnb {width:100%; border-bottom:1px solid #e5e5e5;}
	.lnb > div {width:1150px; margin:0 auto;}
	.logo {width:197px; padding-top:12px;}
	.menu .menu_wrap {width:1150px; margin:0 auto;}
	.navi {width:600px;}
	.navi ul li {float:left; padding:25px 0 28px 0; max-height:70px; font-size:18px; }
	.navi ul li .ui-more {width:18px; height:18px; background-size:18px; margin-left:3px; vertical-align:middle}

}
@media only screen and (max-width:720px) {
	.head_message_cnt{
		right: 40px;
	}
}
/* 회원가입 */
.stipulation{ 
	display:none;	
	width:80%;
	height:50%;
	background:#ffffff;
}

.stipulation h5{ 
	margin:5px;
	font-weight:bold;
	font-size:15px;
}

.stipulation textarea{ 
	height:95%;
}
.stipulation img{
	position:absolute;
	float:right;
	margin:0;
	padding:0;
	right:5px;
	top:5px;
	height:15px;
	width:15px;
}


.privacy{ 
	display:none;
	width:80%;
	height:50%;
	background:#ffffff;
}

.privacy h5{ 
	margin:5px;
	font-weight:bold;
	font-size:15px;
}

.privacy textarea{ 
	height:95%;
}

.privacy img{
	position:absolute;
	float:right;
	margin:0;
	padding:0;
	right:5px;
	top:5px;
	height:15px;
	width:15px;
}

/* 프로필 메시지 보내기 */
.containers {
    width: 100%;
    margin: 0 auto;
    position: relative;
    top: 25px;
}
.row {width:100%; overflow:hidden; /* background-color:#e5eaee; */}

.rows{ 
	margin:-25px -10px 0 -10px; 
}

.upload_text_div{ 
	width:100%;
	height:150px;
}

.upload_text_div #send_message_content{ 
	width:100%;
	height:150px;
	margin:0 auto;
}

.upload_file_div{ 
	width:100%;
	margin:5px 0 0 0; 
}

.upload_btn_div{ 
	width:100%;
	margin:5px 0 0 0; 
}

.upload_btn_div .btn{ 
	width:100%;
}

/* 포스팅작성 */
.upload_text_div #add_post_content{ 
	width:100%;
	height:150px;
	margin:0 auto;
}

/* 접속자 리스트 */
#sex_btn{ 
	position: relative;
	float:left;
	margin-left:2%;
	margin-right:3%;
	width:63%;
	height:34px;
}

#sex_btn ul li{
	float:left;
	text-align:center;
	font-size:15px;
	border:1px #CCCCCC solid;
	
}

#sex_btn ul li a{ 
	position: relative;
	top:5px;
}

#sex_btn ul li:first-child{
	width:47.5%;
	height:34px;
	border-radius: 5px;
}
#sex_btn ul li:last-child{ 
	width:47.5%; 
	height:34px;
	margin-left:5%;
	border-radius: 5px;
}
#select{
	position: relative;
	width:100%;
	transform: translate(0, -10%);
}
#select .sex{
	position: relative;
	float:left;
	margin-left:2%;
	margin-right:3%;
	width:30%;
}
#select .new{
	position: relative;
	float:left;
	margin-right:2%;
	width:30%;
}
#select .local{
	position: relative;
	float:left;
	margin-right:3%;
	width:30%;
}

@media(min-width:10px) and (max-width:992px) { 
	.list_wrap {width:100%; overflow:hidden;}

	#list{ 
		background-color:#fff;
		display:block;
		float:left;
		width:32%;
		height:130px;
		margin:0.5%;
		border: 1px #CFCFCF solid;
		box-shadow:0 1px 1px #ccd4da;
	}

	#list a:hover{ 
		text-decoration:none ;	 
	}
	#list .img{ 
		height:105px;
	}
	#list #list_user_image{ 
		 height:100px;
		 width:100%;
		 background-image:url('/img/loading_image.png');
		 background-size: 100% 100px;
	}

	#list_user_image_mask{ 
		 position: relative;
		 height:128px;
		 width:100%;
		 top:-100px;
		 background-color: #000000;
		 opacity: 0.4;
	}
	#list .nickname{ 
		position: relative;
		top:-5px;
		font-size:11px;
		margin-left:5px; 
		color:#384d60;
		font-weight:normal;		
		/*font-size:0.875em;*/
	}
	#list .sex{ 
		 height:10px;
		 width:10px;
		 position: relative;
		 float:right;
		 right:5px;
		 top:2px;
		 margin-right:1px;
	}
	#list .age{ 
		 position: relative;
		 float:right;
		 top:-10px;
		 right:5px;
		 margin-right:3px;
		 font-size:11px;
	     color:#df456d;
		 font-weight:normal;
	}
}

@media(min-width:992px) and (max-width:2000px) { 
	.list_tit_wrap {	margin:18px 22px 0 22px; padding:13px;}
	.list_tit_wrap p {padding:20px 0;}

	.list_wrap {width:100%; overflow:hidden;}
	#list{
		overflow:hidden;
		background-color:#fff;
		display:block;
		float:left;
		width:218px;
		margin:6px 5px 6px 5px;
		border: 1px #CFCFCF solid;
		box-shadow:0 1px 1px #ccd4da;
	}

	#list a:hover{ 
		text-decoration:none ;	 
	}
	#list .img{ 
		height:170px; 
	}
	#list #list_user_image{ 
		 height:160px;
		 width:100%;
		 background-image:url('/img/loading_image.png');
		 background-size: 100% 160px;
	}
	#list_user_image_mask{ 
		 position: relative;
		 height:202px;
		 width:100%;
		 top:-160px;
		 background-color: #000000;
		 opacity: 0.4;
	}
	#list .nickname{ 
		position: relative;
		margin-left:8px; 
		font-size:0.875em;	
		color:#384d60;
		font-weight:normal;
		font-family: 'Malgun Gothic','맑은 고딕', Helvetica Neue, Arial, sans-serif, dotum,'돋움';
	}
	#list .sex{ 
		 height:16px;
		 width:16px;
		 position: relative;
		 float:right;
		 right:7px;
		 top:3px;
	}
	#list .age{ 
		 position: relative;
		 float:right;
		 top:-10px;
		 right:5px;
		 margin-right:3px;		
		 color:#df456d;
		 font-weight:normal;
		 font-family: 'Malgun Gothic','맑은 고딕', Helvetica Neue, Arial, sans-serif, dotum,'돋움';
	}
	.ui_rating {top:-65px;}

}



/*
.popup{ 
	width:250px;height:auto;background-color:#ffffff;display:none;font-size:13px;	 
}
.popup dl{ 
	text-align:center;
}
.popup .heart_image{ 
	height:10px;
	width:10px;
	position: relative;
	top:-1px;
	margin-left:5px;
}
.popup .pop_nickname{ 
	color:#01B9ED;
	text-align:center;
	height:20px;
	padding:5px;
}
.popup .x_dt{ 
	width:10px;
	position: absolute;
	top:5px;
	right:10px;
}
.popup .pop_x{ 
	 height:10px;
	 width:10px;
	 position: relative;
}
.popup .pop_coin_heart{ 
	background-color:#EEEEEE;
	margin-top:-10px;
	top:0;
}
.popup .pop_coin_heart .span1{ 
	width:49%;
	position: relative;
	left:0px;
	top:-5px;
	border-right:1px #ffffff solid;
	text-align:left;
}
.popup .pop_coin_heart .span2{ 
	width:49%;
	text-align:left;
	position: relative;
	top:-5px;
}
.popup .profile_btn{ 
	height:30px;
	width:100px;
	margin:0 15px 5px 0;
}
.popup .friend_add_btn{ 
	height:30px;
	width:100px;
	margin:0 15px 5px 15px;
}
.popup .friend_remove_btn{ 
	height:30px;
	width:100px;
}

.popup .pop_hr{ 
	background-color:#EEEEEE;
	width:100%;
	height:1px;
}
.popup .pop_hr2{ 
	background-color:#01B9ED;
	width:100%;
	height:2px;
	margin: 5px 0 5px 0;
}
.popup .pop_hr3{ 
	background-color:#CFCFCF;
	width:100%;
	height:2px;
	margin: 5px 0 5px 0;
}
.popup .pop_user_image{ 
	 height:120px;width:60%;
}
.popup .pop_user_image_mask{
	position: absolute;
	top:33px;
	left:20%;
	height:120px;width:60%;
}
.popup .video_btn{ 
	width:100%;
	height:30px;
}
*/

/*상단 공용*/
.top{margin:10px;background:#f7f8fc;height:84px;}
.top img,span{margin-top:10px;}

	.share{ 
		display:none;
		background:#ffffff;
		width:200px;
		border-radius:5px 5px 0 0;
	}
	.share header { 
		 width:100%;
		 padding:12px 0;
		 box-sizing:border-box;
		 color:#fff;
		 font-weight:bold;
		 text-align:center

	}
	.share dl { 
		overflow:hidden;
		width:100%;
		padding:5px 0;
		border-bottom:1px #ddd dashed;
	}
	.share dl:last-child { 
		border-bottom:1px #ddd solid
	}
	.share dl dt { 
		float:left;width:30%;
		text-align:center
	}
	.share dl dt img { 
		height:35px
	}
	.share dl dd { 
		float:right;
		width:70%;
		text-align:left;
		line-height:32px
	}

	.appdownload{ 
		display:none;
		background:#ffffff;
		width:200px;
	}
	.appdownload header { 
		 width:100%;
		 background:#14a4e5;
		 padding:12px 0;
		 box-sizing:border-box;
		 color:#fff;
		 font-weight:bold;
		 text-align:center
	}
	.appdownload dl { 
		overflow:hidden;
		width:100%;
		padding:5px 0;
		border-bottom:1px #ddd dashed;
		background:#ffffff;
	}
	.appdownload dl:last-child { 
		border-bottom:1px #ddd solid
	}
	.appdownload dl dt { 
		float:left;width:30%;
		text-align:center
	}
	.appdownload dl dt img { 
		height:35px
	}
	.appdownload dl dd { 
		float:right;
		width:70%;
		text-align:left;
		line-height:32px
	}

/*메인리스트 팝업*/
.popup{ 
	/* border:1px #E5E5E5 solid; */
	width:385px;
	height:280px;
	text-align:center;
	background:#ffffff;
	display:none;
}
.popup ul{
	width:100%;
	height:100%;
}
.popup .title{
    padding: 0 15px;
    height: 40px;
    line-height: 40px;
	background: #FF6331 0% 0% no-repeat padding-box;
	margin: 0px;
}

.popup .title .title_name{
	color: #ffffff;
    font-size: 14px;
	float: left;
}
.popup .title .title_x{
	color: #ffffff;
    font-size: 14px;
	float: right;
	cursor:pointer;
}

.popup .info{ 
	width:100%;
	padding: 0 15px 15px;
}
.popup .infos{ 
	width:100%;
	height: 36px;
    line-height: 36px;
}
.popup .infos:after{
	content:"";
	display:block;
	clear:both;
}
.popup .info > div:nth-child(3):after {
	content:"";
	display:block;
	clear:both;
}
.popup .info > div:nth-child(3) a{
	float:left;
	display: inline-block;
    width: 25%;
    padding-right: 1%;
 }
.popup .info .user_img {
    width: 100%;
    height: 150px;
}
.popup .info .pop_user_image_mask{
	position:absolute;
	width:110px;
	height:100px;
	left:10px;
	top:85px;
}
.popup .info .nickname{
	float: left;
    font-size: 12px;
	color:#FF6331;
	font-weight:bold;
}
.popup .info .age{ 
	color:#FF6331;
	font-weight:bold;
}

.popup .info .area{ 
	color:#727272;
	font-weight:bold;
}

.popup .info .callheart{ 
	position:relative;
	float:right;
    font-size:0.750em;
	font-weight:bold;
}
.popup hr{
	height: 2px;
    background: #F4F5F7;
    margin: 0 auto;
    width: 100%;
	margin-bottom: 10px;
}
.popup .info .callheart_img{ 
	width:15px;
	height:15px;
	margin-top: -3px;
}
.popup .info .main_content{ 
	float: right;
    width: 75%;
    height: 90px;
    box-sizing: border-box;
    border: 0;
    background: #F3F3F3;
    padding: 10px;
    font-size: 11px;
    resize: none;	
}

.popup .msg_txt{
	text-align:left;
	margin: 10px 0;
}

.popup .msg_txt p{
	padding: 2px 0;
    font-size: 10px;
}
.popup .msg_txt p span{
	color: #727272;
}

.popup .msg_txt p b{
	color: #FF6331;
}


.rank_popup{ 
	border:1px #E5E5E5 solid; 
	width:385px;
	height:280px;
	text-align:center;
	background:#ffffff;
	display:none;
}
.rank_popup ul{
	width:100%;
	height:100%;
}
.rank_popup .title{
	width: 100%;
	height: 35px;
	background: #FF6331 0% 0% no-repeat padding-box;
	padding: 10px 20px;
	margin: 0px;
}

.rank_popup .title .title_name{
	color: #ffffff;
    font-size: 14px;
	float: left;
}
.rank_popup .title .title_x{
	color: #ffffff;
    font-size: 14px;
	float: right;
	cursor:pointer;
}

.rank_popup .info{ 
	width:100%;
}
.rank_popup .infos{ 
	width:100%;
	height:35px;
}
.rank_popup .info .user_img {
	width:90px;
	height:100px;
	margin:5px;
}
.rank_popup .info .pop_user_image_mask{
	position:absolute;
	width:110px;
	height:100px;
	left:10px;
	top:85px;
}
.rank_popup .info .nickname{
	float: left;
    font-size: 12px;
    margin: 5px 5px 5px 15px;
    line-height: 25px;
	color:#FF6331;
	font-weight:bold;
}
.rank_popup .info .age{ 
	color:#FF6331;
	font-weight:bold;
}

.rank_popup .info .area{ 
	color:#727272;
	font-weight:bold;
}

.rank_popup .info .callheart{ 
	position:relative;
	top:6px;
	float:right;
	margin:5px 5px 5px 0;
    font-size:0.750em;
	font-weight:bold;
}
.rank_popup hr{
	height: 2px;
    background: #F4F5F7;
    margin: 0 auto;
    width: 95%;
}
.rank_popup .info .callheart_img{ 
	width:15px;
	height:15px;
	margin-top: -3px;
}
.rank_popup .info .main_content{ 
	display:inline-block;
	text-align:left;
	width:275px;
	margin:8px 0 0 0;
    padding:5px;
	font-size:14px;
	color:#1D1D1D;
	height:95px;
	resize: none;
    border:1px solid #dcdcdc;
	
}

.rank_popup .msg_txt{
	text-align:left;
}

.rank_popup .msg_txt p{
	padding: 2px 15px;
    font-size: 10px;
}
.rank_popup .msg_txt p span{
	color: #727272;
}

.rank_popup .msg_txt p b{
	color: #FF6331;
}
::-webkit-input-placeholder{color:#1D1D1D;}
/*
.popup .info .comment{ 
	display:inline-block;
	text-align:left;
	width:94%;
	margin:0 10px 10px 10px;
	height:auto;
	resize: none;
}
*/
.b-modal{max-width: 100%;}

@media only screen and (min-width:10px) and  (max-width:768px){ 
	.popup{ 
		/* border:1px #E5E5E5 solid; */
		width:80%;
		height:auto;
		text-align:center;
		background:#ffffff;
		display:none;
	}
	.popup .info .main_content{ 
		float: right;
		width: 75%;
		/* height: 90px; */
		height:100px;
		box-sizing: border-box;
		border: 0;
		background: #F3F3F3;
		padding: 10px;
		font-size: 11px;
		resize: none;
	}
	.popup .info .user_img {
		width: 100%;
		height: 100px;
	}
	.popup .info .msg_btn { 
		padding:5px 5px 0 5px;
		width: 190px;
		position: absolute;
		right: 0;
		top: 140px;
	}

	.rank_popup{ 
		border:1px #E5E5E5 solid; 
		width:80%;
		height:auto;
		text-align:center;
		background:#ffffff;
		display:none;
	}
	.rank_popup .info .main_content{ 
		display:inline-block;
		text-align:left;
		width:50%;
		margin:8px 0 0 0;
		padding:5px;
		font-size:14px;
		color:#1D1D1D;
		height:95px;
		resize: none;
		border:1px solid #dcdcdc;
		
	}
	.rank_popup .info .msg_btn { 
		padding:5px 5px 0 5px;
		width: 190px;
		position: absolute;
		right: 0;
		top: 140px;
	}


	#list_user_image{
		height:100px;
	}
	.ui-profile-video{
		position: absolute;
		top: 30px;
		left:3%;
	}
}
@media only screen and (min-width:581px) and  (max-width:699px){ 
	.ui-profile-video{
		position: absolute;
		top: 30px;
		left:10%;
	}
}
@media only screen and (min-width:700px) and  (max-width:768px){ 
	.ui-profile-video{
		position: absolute;
		top: 30px;
		left:30px;
	}
}

@media only screen and (min-width:769px) { 
	.popup .info .msg_btn { 
		padding:5px 5px 0 5px;
	}

	.rank_popup .info .msg_btn { 
		padding:5px 5px 0 5px;
	}
	.ui-profile-video{
		position: absolute;
		top: 30px;
		left:30px;
	}
	#list_user_image{
		height:130px;
	}
}

/* .popup .info .msg_btns {padding:5px;} */
.popup .info .msg_btns .send_msg{width:100%;}
.popup .info .msg_btns ul:after {content:""; clear:both; display:block}
.popup .info .msg_btns ul li {float:left; width:45%; margin-right:2%}
.popup .info .msg_btns ul li:last-child {margin-right:0;}

.popup .info .send_msg_btn{ 
	position:relative;
	
	width:30%;
	height:20px;
	margin:1px;
	padding:40px 20px 40px 20px;
	border-radius:5px;
	color:#ffffff;
	background:#ff3939;
}



.rank_popup .info .msg_btns {padding:5px;}
.rank_popup .info .msg_btns .send_msg{width:100%;}
.rank_popup .info .msg_btns ul:after {content:""; clear:both; display:block}
.rank_popup .info .msg_btns ul li {float:left; width:45%; margin-right:2%}
.rank_popup .info .msg_btns ul li:last-child {margin-right:0;}

.rank_popup .info .send_msg_btn{ 
	position:relative;
	
	width:30%;
	height:20px;
	margin:1px;
	padding:40px 20px 40px 20px;
	border-radius:5px;
	color:#ffffff;
	background:#ff3939;
}

@media only screen and (min-width:769px) {
    .popup {width:590px;height:285px;} 

	.popup .info .main_content{ 
		float: right;
		width: 70%;
		height: 90px;
		box-sizing: border-box;
		border: 0;
		background: #F3F3F3;
		padding: 10px;
		font-size: 11px;
		resize: none;
		
	}

	.rank_popup {width:400px;height:285px;} 

	.rank_popup .info .main_content{ 
		display:inline-block;
		text-align:left;
		width:275px;
		margin:8px 0 0 0;
		padding:5px;
		font-size:14px;
		color:#1D1D1D;
		height:95px;
		resize: none;
		border:1px solid #dcdcdc;
		
	}
}

@media only screen and (min-width:720px) { 
	.popup {height: 353px;}
	.popup .info .user_img {
		height: 150px;
		/* border-radius:15px; */

	}
	.popup .info .main_content{
		height: 150px;
	}
}

@media only screen and (max-width:411px) { 
	.popup .title .title_name {font-size: 3.5vw;}
	.popup .info .nickname {font-size: 2.923vw;}
	.popup .info .callheart {font-size: 2.923vw;}
}

.countryFlag{
	margin-left:2px;
}


/* 더보기 이용약관 */
.stipulations{ 
	width:100%;
	height:300px;
	border:1px #CFCFCF solid;
	margin:5px 0 15px 0; 
	text-align:center;
}
.stipulations h5{ 
	margin:5px;
	font-weight:bold;
	font-size:15px;
}

.stipulations textarea{ 
	height:95%;
}

.privacys{ 
	width:100%;
	height:300px;
	border:1px #CFCFCF solid;
	margin:5px 0 15px 0; 
	text-align:center;
}
.privacys h5{ 
	margin:5px;
	font-weight:bold;
	font-size:15px;
}

.privacys textarea{ 
	height:95%;
}

/* 상점 */
.payment_title{margin:5px 0 5px 15px;}
.shop{background:#e5e9ed;padding:1px;}
.shop button{background:#05b0e4;border-radius: 10px;border:none}

@media only screen and (min-width:10px) { 
	.my_heart_coin{background:#ffffff; margin:10px 0; border-radius:6px; border: 1px solid #c8d1d8;}
	.heart_send{background:#ffffff; border-radius:6px; border: 1px solid #c8d1d8;}
}
@media only screen and (min-width:569px) { 

}
@media only screen and (min-width:769px) { 

}
@media only screen and (min-width:1025px) { 

}
/*나의 하트 코인 정보*/

.heart_tit {background-color:#fff;}
.heart_change { 
	width:100%; 
}
.my_heart_coin ul{ 
	height:50px;
}
.my_heart_coin ul li{ 
	float:left;
}
.my_heart_coin ul .heartpoint{ 
	width:50%;
	height:50px;
	font-size:15px;
	color:red;
	font-weight:bold;
	border-right:2px #E5EAEE solid;
}
.my_heart_coin ul .heartpoint img{ 
	margin:10px;
}
.my_heart_coin ul .coin{ 
	width:50%;
	height:50px; 
	font-size:15px;
	font-weight:bold;
}
.my_heart_coin ul .coin img{ 
	margin:10px;
	width:30px;
	height:30px;
}

/*하트구매*/

.heart_send ul{ 
	margin:10px;
}
.heart_send ul li:first-child{ 
	border-bottom:1px #E5EAEE solid;
	height:25px; 
}
.heart_send ul li{ 
	border-bottom:2px #E5EAEE dotted;
}
.heart_send ul li span{ 
	font-size:15px;
	margin:15px 0 0 10px;
	color:#63747C;
	font-weight:bold;
}
.heart_send ul li:last-child{ 
	border-bottom:0;
}

.heart_send .heart_send_btn_0{ 
	text-align:center;
}

.heart_send ul li .heart{ 
	margin:10px;
}
.heart_send .right{ 
	float:right;
	margin:10px;
}

.heart_send .btn_group li{ 
	border-bottom:0;
}

/*코인을 하트로 전환*/

.heart_change ul{ 
	border:1px #E5EAEE solid;
}
.heart_change ul li:first-child{ 
	background:#F3F3F3;
	border:1px #E5EAEE solid;
	height:25px; 
}
.heart_change ul li{ 
	border:1px #E5EAEE solid;
	height:60px; 
}
.heart_change ul li span{ 
	font-size:15px;
	margin:15px 0 0 10px;
	color:#63747C;
	font-weight:bold;
}

.heart_change ul li .coin{ 
	margin:10px;
	width:30px;
	height:30px;
}
.heart_change .middle{ 
	position: relative;
	width:170px;
	left:40%;
	top:-50px;
}
.heart_change .change_heart{ 
	width:110px;
	height:45px;
}
.heart_change .right{ 
	float:right;
	margin:10px;
}
.heart_change .right .change_heart{ 
	width:auto;
	height:40px;
}




/*이용약관*/
.webinfo{height: 760px;}


/*설정*/
.setting{background:#e5e9ed;padding: 1px;}
.user_del_btn{width:100%;margin:15px 5px 5px 5px;}
.user_del_btn img{width:99%;}





/* daum editor modify
#write_content p { margin:0; }

@media only screen and (min-width:10px) { 
	 .wrap_content { padding:30px 10px 10px 10px; margin:70px 0 10px 0; background-color:#fff; border:1px solid #d6d6d6; width:100%;}
}
@media only screen and (min-width:569px) { 
	 .wrap_content { padding:30px 10px 10px 10px; margin:70px 0 10px 0; background-color:#fff; border:1px solid #d6d6d6; width:100%;}
}
@media only screen and (min-width:769px) { 
	.wrap_content { padding:30px 10px 10px 10px; margin:65px 0 10px 0; background-color:#fff; border:1px solid #d6d6d6; width:100%;}
}
@media only screen and (min-width:1025px) { 
	 .wrap_content { padding:30px 10px 10px 10px; margin:96px 0 10px 0; background-color:#fff; border:1px solid #d6d6d6; width:100%;}
}
.body_gray { padding-bottom:20px; background-color:#f8f8f8; width:100%;}
/*.body_gray { padding-top:60px; padding-bottom:20px; background-color:#f8f8f8; width:100%;}*/


/* my profile */

.my_info {background:#fff; margin:10px 0; padding-bottom: 10px; border:1px solid #c5ced5;}
.tbl_info {width:100%; border-collapse:collapse; }
.tbl_info .tbl_thum {width:100px; vertical-align:top}
.ui-sex-f {width:16px; height:18px; display:inline-block; vertical-align:bottom; background:url(/data/file/msg_img_f.png) no-repeat; background-size:16px;}
.ui-sex-m {width:16px; height:18px; display:inline-block; vertical-align:bottom; background:url(/data/file/msg_img_m.png) no-repeat; background-size:16px;}
.tbl_user_con {padding-top:15px;}
.tbl_user_con p.nick {font-size:1.125em;}
.tbl_user_con p.sex {font-size:0.875em; color:#666}
.tbl_user_con p.text-info {font-size:0.875em; margin:8px 0 10px 0; color:#666}
.tbl_user_con .pro_btns {margin:0 15px 3px 0;}

.myposting_div {margin:15px}

#post_list_dl {border:1px #ced2d4 solid; margin-bottom:10px}
#post_list_dl .cm_p_wrap {padding:15px;}
#post_list_dl .cm_p_wrap p {color:#888; font-size:0.750em; line-height:130%; margin-bottom:5px;}
#post_list_dl .cm_p_wrap .con {color:#333; font-size:1em}

.pro_cm_wrap a {display:block; float:left; width:50%; height:40px; line-height:40px; background-color:#f0f4f7; text-align:center; color:#7e8e95; font-size:0.875em; cursor:pointer; border-top:1px solid #ced2d4; border-left:1px solid #ced2d4;}
.pro_cm_wrap a:first-child {border-left:0}
.pro_cm_wrap:after {content:""; clear:both; display:block;}
.pro_cm_wrap .ui-cm {position:relative; left:0; top:3px; width:16px; height:16px; display:inline-block; background:url(/img/sub/ui_cm_01.png) no-repeat; background-size:16px; margin-right:5px;}
.pro_cm_wrap .ui-reply {position:relative; left:0; top:3px; width:16px; height:16px; display:inline-block; background:url(/img/sub/ui_cm_02.png) no-repeat; background-size:16px; margin-right:5px;}

#slidx_menu {
	background-color: #fff;
	display:none;
}

#slidx_menu .slidx_header{
	width:100%;
	height:60px;
	background:#ff6331;
	display: flex;
	padding-left: 20px;
}

#slidx_menu .slidx_header .slidx_close{
    height: 100%;
    text-align: center;
}

#slidx_menu .slidx_header .slidx_close img{
	width: 12px;
    margin: 1px 0 0 7px;
	cursor:pointer;
}

#slidx_menu .slidx_header .slidx_logo{
	width: 65%;
    height: 100%;
	margin-left: 20px;
}

#slidx_menu .slidx_header .slidx_logo img{
	width: 35px;
    height: 40px;
	margin-bottom: 4px;
}

#slidx_menu .slidx_header .slidx_logo span{
	color: #ffffff;
    font-weight: bold;
    font-size: 24px;
	line-height: 60px;
}

#slidx_menu .slidx_header .slidx_icon{
	width:25%;
	height: 100%;
	margin:0 auto;
}

#slidx_menu .slidx_header .slidx_icon img{
	width: 25px;
    height: 25px;
    margin: 15px 5px 0 0;
}

#slidx_menu .menu-inner{padding: 20px;}
#slidx_menu .profile-box {padding-bottom: 20px; border-bottom: 2px solid #CFCFCF;display: flex;margin: 0;box-shadow: none;border-radius: 0;}
#slidx_menu .profile-box .profile-img {flex: 0 0 30%; margin-right: 15px;width:95px;height:110px;border-radius: 10px;}
/* #slidx_menu .profile-box .profile-img img{width:80px;height:90px;margin-top: 20px;} */
#slidx_menu .profile-box .profile-img img{border-radius:15px;}
#slidx_menu .profile-box .profile-info {padding: 0;}
#slidx_menu .profile-box .profile-info .account {font-weight: 500; font-size: 16px;}
#slidx_menu .profile-box .profile-info .account span {font-weight:800} 
#slidx_menu .profile-box .profile-info .charm-info {font-size: 11px; margin-top: 8px; margin-bottom: 18px;}
#slidx_menu .profile-box .profile-info .charm-info span {font-size: 14px; color: #FF6331; font-weight: 500; }
#slidx_menu .profile-box .profile-info .point-box > div {margin-bottom: 7px;}
#slidx_menu .profile-box .profile-info .point-box > div:last-child {margin-bottom: 0;}
#slidx_menu .profile-box .profile-info .point-box img {width: 12px;}
#slidx_menu .profile-box .profile-info .point-box .information {font-size: 11px; margin-left: 3px; font-weight: 500;}
#slidx_menu .profile-box .profile-info .point-box .information.sub-info {font-size: 11px;}

#slidx_menu .btn-box {margin-top: auto;}
#slidx_menu .edit-profile {margin-left: auto; background-color: #000; color: #fff; padding: 9px 20px; font-size: 10px; border-radius: 7px; box-sizing: content-box;}
#slidx_menu .sign_up {margin-left: auto; background-color: #000; color: #fff; padding: 10px 10px; font-size: 10px; border-radius: 7px; box-sizing: content-box;width: 30%;margin-right: 10px;text-align: center;}
#slidx_menu .sign_in {margin-left: auto; background-color: #000; color: #fff; padding: 10px 10px; font-size: 10px; border-radius: 7px; box-sizing: content-box;width: 30%;text-align: center;}

#slidx_menu .menu-list li {border-bottom: 2px solid #CFCFCF; cursor:pointer;}
#slidx_menu .menu-list li a {padding: 13px 6.5%; display: flex; align-items: center; font-size: 0; height: 42px;}
#slidx_menu .menu-list li a span {font-size:16px; flex: 1 1 auto;}
#slidx_menu .menu-list li a img {flex: 0 0 17px; width: 17px; margin-right: 10px;}

@media only screen and (min-width:10px) { 
	#my_img{ 
	width:75px;
	height:80px; 
	margin:15px;
	}
	.tbl_info .tbl_thum {width:100px}

}
@media only screen and (max-width:320px) { 
	#slidx_menu .menu-list li a{height: 36px;}
}
@media only screen and (max-width:411px) { 
	#slidx_menu .profile-box .profile-info .account {font-size: 3.9vw;}
	#slidx_menu .profile-box .profile-info .charm-info,
	#slidx_menu .profile-box .profile-info .point-box .information.sub-info{
		font-size: 2.5vw;
		word-break: keep-all;
		line-height: 1.2;
	}
	#slidx_menu .profile-box .profile-info .charm-info span {font-size: 3.42vw;}

	#slidx_menu .menu-list li a img {width: 5%;}
	#slidx_menu .menu-list li a span {font-size: 3.9vw;}
}
@media only screen and (min-width:569px) { 
	#my_img{ 
		width:75px;
		height:80px; 
		margin:15px;
	}
	.tbl_info .tbl_thum {width:100px}
}
@media only screen and (max-width:480px) { 
	#slidx_menu {width: 85% !important;}
}
@media only screen and (min-width:769px) { 
	#my_img{ 
		width:150px;
		height:150px; 
		margin:15px;
	}
	.tbl_info .tbl_thum {width:180px}
}

@media only screen and (min-width:1025px) { 

	#slidx_menu.slidx_open{
		width:377px !important;
		 
	}

	#my_img{ 
		width:150px;
		height:150px; 
		margin:15px;
	}
}

@media only screen and (max-width:1025px) { 
	#slidx_menu .edit-profile{
		 padding: 9px 6px;
	}
}

#myprofile_text{
	position: relative;
	left:320px;
	top:-290px;
	width:100%;
	margin:0 0 10px 0;
}
#myprofile_text .add_post_btn{ 
	position: relative;
	width:50px;
	height:50px;
	bottom:-230px;
	right:-45%;
	z-index:999;
}
#myprofile_text .send_message{ 
	position: relative;
	width:50px;
	height:50px;
	bottom:-230px;
	right:-45%;
	z-index:999;
}
#post_list_dl .post_img{ 
	width:80px;
	height:80px;
	margin:5px 10px 0 0;
	float:right;
}
.modify_btn{ 
	width:100%;margin: 0 0 15px 35px; 
}
.profile_btn{ 
	height:30px;
	width:100px;
	margin-right:15px;
}

.friend_remove_btn{ 
	width:30%;
	height:35px;
	float:left;
	margin:2px;
}
.gochat_btn{ 
	width:100%;
	height:50px;
}

/*
* 커뮤니티 상단
*/
.cmu_list_tit_wrap {background:#f7f8fc; border:1px #d5dade solid; text-align:center; margin:10px; padding:6px; color:#0070a6; color:#556080; font-size:0.875em}
.cmu_list_tit_wrap em {color:#26b999}
.cmu_list_tit_wrap img {width:45px;height:45px;}
/*
* 커뮤니티 상세보기
*/
#profile_div{ 
	border:1px #D6D6D6 solid;
	margin:10px;
	background:#ffffff;
}

#profile_div .profile_ul{ 
	height:110px;
}

#profile_div .user_image{ 
	width:100px;
	height:100px;
	margin:5px;
	border:none;
}
#profile_div .profile_ul .text_ul{ 
	position: relative;
	top:-100px;
	margin-left:115px;
}
#profile_div .profile_ul .text_ul .sex_age{ 
	 float:right;
	 margin-right:10px;
}
#profile_div .profile_ul .text_ul .motto{ 
	 margin-top:5px;
}

#profile_div .profile_ul .text_ul .sex{ 
	 width:15px;
	 height:15px;
	 margin-top:-3px;
}
#post_content{ 
	background:#ffffff;
	margin:5px 10px 5px 10px;
}

#post_content span{ 
	margin: 10px;
	font-size:12px;
}
#post_content ul{ 
	 border:1px #D6D6D6 solid;
}
#post_content li:last-child{ 
	 margin-bottom:10px;
}
#post_content .post_image{ 
	margin: 5px 2% 5px 2%;
	width:96%;
	height:300px;
	border:none;
}

#post_recom_div{ 
	margin:10px;
	padding-bottom:30px;
}

#post_recom_div .post_recom_ul{ 
	height:110px;
	border:1px #D6D6D6 solid;
	margin-bottom:10px;
	background:#ffffff;
}
#post_recom_div .post_recom_ul:last-child{ 
	height:110px;
	border:1px #D6D6D6 solid;
}
#post_recom_div .nickname_age_m{ 
	color:#42bce8;
}
#post_recom_div .nickname_age_w{ 
	color:#dc597b;
}
#post_recom_div .time_del{ 
	 float:right; 
	 margin-right:4px;
	 cursor:pointer;
	 color:#888;
	 font-size:0.750em;
}

#post_recom_div .del{ 
	 float:right; 
	
}
#post_recom_div .post_recom_user_image{ 
	width:100px;
	height:100px;
	margin:5px;
	border:1px #D6D6D6 solid;
	/*background-image:url('/img/loading_image.png');
	background-size: 100% 100px;*/
}
#post_recom_div .post_recom_ul .post_recom_text_li{ 
	position: relative;
	top:-100px;
	left: 115px;
	margin-right:120px;
}
#post_recom_div .post_recom_ul .post_recom_text_li .sex-age {
	position:relative;
	left:0; top:1px;
	font-size:0.875em;
	margin-left:8px;
	vertical-align:top;
}
#post_recom_div .post_recom_ul .post_recom_text_li .date {
	position:relative;
	left:0; top:1px;
	font-size:0.875em;
	vertical-align:top;
	color:#666;
}
#post_recom_div .post_recom_ul .post_recom_text_name{ 
	position: relative;
	top:-100px;
	left: 115px;
	width:50%;
	margin:0 120px 10px 0;
}
#post_recom_div .post_recom_ul .post_recom_text_name .age_f {
	color:#dc597b;
}
#post_recom_div .post_recom_ul .post_recom_text_name .age_m {
	color:#42bce8;
}
#post_recom_div .post_recom_ul .post_recom_content{ 
	display:inline-block;
	overflow:hidden;
	font-size:13px;
	margin-top:8px;
	color:#666;
}
#post_recom_div .post_recom_ul .post_recom_text_li .sex{ 
	width:15px;
	height:15px;
	margin-top:-3px;
}
.bottom_txt{ 
	position: relative;
	margin:5px;
}
#input_recom{ 
	position: fixed;
	background:#ffffff;
	bottom:0;
	margin:0 0 0 -10px;
	width:1150px;
	z-index:2;
	border:1px #ffffff solid;
}
@media (min-width:992px) and (max-width:3000px){
	#input_recom{ 
		position: fixed;
		background:#ffffff;
		bottom:0;
		margin:0 0 0 -20px;
		width:720px;
		z-index:2;
		border:1px #ffffff solid;
	}

	#input_recom input{ 
		width: 88%; 
		margin:2px;
	}
	.cmu_list_tit_wrap {margin:18px;}
	#post_recom_div {margin:18px;}
}
@media (min-width:768px) and (max-width:992px){
	#input_recom{ 
		position: fixed;
		background:#ffffff;
		bottom:0;
		margin:0 0 0 -20px;
		width:720px;
		z-index:2;
		border:1px #ffffff solid;
	}
	#input_recom input{ 
		width: 90%; 
		margin:2px;
	}
	.cmu_list_tit_wrap {margin:18px;}
	#post_recom_div {margin:18px;}
}
@media (min-width:100px) and (max-width:768px){
	#input_recom{ 
		position: fixed;
		background:#ffffff;
		bottom:0;
		margin:0 0 0 -10px;
		width:100%;
		z-index:2;
		border:1px #ffffff solid;
	}
	#input_recom input{ 
		width: 80%; 
		margin:2px;
	}

}

.chat_join_status{
	background: red;
    padding: 5px;
    border-radius: 20px;
    width: 10px;
    height: 10px;
    display: inline-block;
	cursor:pointer;
}
#input_recom .send_btn{ 
	 float:right;
	 width:60px;
	 height:35px;
	 margin:3px 5px 2px 2px;
}

#post_recom_div .post_recom_ul .post_recom_hit{ 
	position: relative;
	bottom:60px;
	left: 115px;
	margin-right:120px;
	margin-top: -10px;
	color:#7598a8;
}
#post_recom_div .post_recom_ul .post_recom_hit img{ 
	width:15px;
	height:15px;
	position: relative;
	top:-2px;
}


/*팝업*/
/*신고하기 팝업*/
#decl_popup{ 
	/* border:1px #E5E5E5 solid; */ 
	width:400px;
	/* height:240px; */
	height:307px;
	text-align:center;
	background:#ffffff;
	display:none;
}

#decl_popup .title{
	width: 100%;
	height: 35px;
	background: #FF6331 0% 0% no-repeat padding-box;
	padding: 10px 20px;
	margin: 0px auto;
}

#decl_popup .title .title_name{
	color: #ffffff;
    font-size: 14px;
}

#decl_popup .txt_message{
    position: relative;
    top: 5%;
	color: #000000;
    font-size: 14px;
	font-weight: bold;
	padding: 0 30px;
}


#decl_popup .decl_btn .decl_check{ 
    width: 95%;
    height: auto;
	margin: 8px auto;
    text-align: left;
	cursor: pointer;
}

#decl_popup .decl_check .check-icon  { display: inline-block;
    width: 15px;
    height: 15px;
    background: url(/img/icon/warn_check_off.svg) center no-repeat;
    background-size: 100% 100%;
	vertical-align: middle;
	margin-right: 4px;

}

#decl_popup .decl_check input[type=radio] { display: none; }
#decl_popup .decl_check input[type=radio]:checked + .check-icon { 
	background-image: url("/img/icon/warn_check_on.svg"); 
}

#decl_popup .decl_btn .stuff{
	margin: 0;
	font-weight: bold;
    font-size: 14px;
}



#decl_popup .txt_message textarea {
	display:none;
    resize: none;
    width: 100%;
    /* height: 70px; */
	height: 81px;
    border: 0;
    background: #F3F3F3;
    padding: 12px 25px;
    box-sizing: border-box;
    border-radius: 7px;
    font-size: 13px;
	font-weight: bold;
    font-family: 'KoPub Dotum';
	/* margin-left: 9px; */
	margin: 9px 5px 0 5px;

}

#decl_popup .txt_message textarea::placeholder {
    font-weight: bold;
    color: #000;
}
#decl_popup .btn_list{ 
	position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 auto;
	width: 100%;
	height:50px;
}
#decl_popup .btn_list .cancel_btn{ 
	float:left;
    width: 30%;
    height: 100%;
	background:#000000;
	cursor: pointer;
}

#decl_popup .btn_list .cancel_btn span{
	text-align:center;		
	color: #ffffff;
    font-weight: bold;
    font-size: 14px;
	position: relative;
    top: 17px;
}

#decl_popup .btn_list .ok_btn{ 
	float:left;
    width: 70%;
    height: 100%;
	background:#FF6331;
	cursor: pointer;
}

#decl_popup .btn_list .ok_btn span{
	text-align:center;		
	color: #ffffff;
    font-weight: bold;
    font-size: 14px;
	position: relative;
    top: 17px;
}



/*공유하기 팝업*/
#share_popup{ 
	border:1px #E5E5E5 solid; 
	width:400px;
	/* height:130px; */
	height: 159px;
	text-align:center;
	background:#ffffff;
	display:none;
}

#share_popup .title{
	width: 100%;
	height: 35px;
	background: #FF6331 0% 0% no-repeat padding-box;
	padding: 10px 20px;
	margin: 0px auto;
}

#share_popup .title .title_name{
	color: #ffffff;
    font-size: 14px;
}

#share_popup .txt_message ul{
    width:100%;
	/* height:100%; */
	display: flex;
	justify-content: center;
	align-items: center;
	margin-top: 22px;

}

#share_popup .txt_message ul li{
	/* float: left; */
/* 	width:22%;
	margin:5px; */
	margin-right:12px;
}

#share_popup .txt_message ul li:last-child{
	margin-right:0;
}




/*탈퇴하기 팝업*/
#leave_popup{ 
	border:1px #E5E5E5 solid; 
	width:400px;
	height:200px;
	text-align:center;
	background:#ffffff;
	display:none;
}

#leave_popup .title{
	width: 100%;
	height: 35px;
	background: #FF6331 0% 0% no-repeat padding-box;
	padding: 10px 20px;
	margin: 0px auto;
}

#leave_popup .title .title_name{
	color: #ffffff;
    font-size: 14px;
}

#leave_popup .txt_message{
    position: relative;
    top: 20%;
	color: #000000;
    font-size: 14px;
	font-weight: bold;
}
#leave_popup .btn_list{ 
	position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 auto;
	width: 100%;
	height:50px;
}
#leave_popup .btn_list .cancel_btn{ 
	float:left;
    width: 30%;
    height: 100%;
	background:#000000;
	cursor: pointer;
}

#leave_popup .btn_list .cancel_btn span{
	text-align:center;		
	color: #ffffff;
    font-weight: bold;
    font-size: 14px;
	position: relative;
    top: 17px;
}

#leave_popup .btn_list .ok_btn{ 
	float:left;
    width: 70%;
    height: 100%;
	background:#FF6331;
	cursor: pointer;
}

#leave_popup .btn_list .ok_btn span{
	text-align:center;		
	color: #ffffff;
    font-weight: bold;
    font-size: 14px;
	position: relative;
    top: 17px;
}






/*삭제하기 팝업*/
#delete_popup{ 
	border:1px #E5E5E5 solid; 
	width:400px;
	height:200px;
	text-align:center;
	background:#ffffff;
	display:none;
}

#delete_popup .title{
	width: 100%;
	height: 35px;
	background: #FF6331 0% 0% no-repeat padding-box;
	padding: 10px 20px;
	margin: 0px auto;
}

#delete_popup .title .title_name{
	color: #ffffff;
    font-size: 14px;
}

#delete_popup .txt_message{
    position: relative;
    top: 20%;
	color: #000000;
    font-size: 14px;
	font-weight: bold;
}
#delete_popup .btn_list{ 
	position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 auto;
	width: 100%;
	height:50px;
}
#delete_popup .btn_list .cancel_btn{ 
	float:left;
    width: 30%;
    height: 100%;
	background:#000000;
	cursor: pointer;
}

#delete_popup .btn_list .cancel_btn span{
	text-align:center;		
	color: #ffffff;
    font-weight: bold;
    font-size: 14px;
	position: relative;
    top: 17px;
}

#delete_popup .btn_list .ok_btn{ 
	float:left;
    width: 70%;
    height: 100%;
	background:#FF6331;
	cursor: pointer;
}

#delete_popup .btn_list .ok_btn span{
	text-align:center;		
	color: #ffffff;
    font-weight: bold;
    font-size: 14px;
	position: relative;
    top: 17px;
}

/*메시지 수락하기 팝업*/
#message_send_popup{ 
	width:400px;
	height:200px;
	text-align:center;
	background:#ffffff;
	display:none;
}

#message_send_popup .title{
	width: 100%;
	height: 35px;
	background: #FF6331 0% 0% no-repeat padding-box;
	padding: 10px 20px;
	margin: 0px auto;
}

#message_send_popup .title .title_name{
	color: #ffffff;
    font-size: 14px;
}

#message_send_popup .txt_message{
    position: relative;
    top: 20%;
	color: #000000;
    font-size: 14px;
	font-weight: bold;
}
#message_send_popup .btn_list{ 
	position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 auto;
	width: 100%;
	height:50px;
}
#message_send_popup .btn_list .cancel_btn{ 
	float:left;
    width: 30%;
    height: 100%;
	background:#000000;
	cursor: pointer;
}

#message_send_popup .btn_list .cancel_btn span{
	text-align:center;		
	color: #ffffff;
    font-weight: bold;
    font-size: 14px;
	position: relative;
    top: 17px;
}

#message_send_popup .btn_list .ok_btn{ 
	float:left;
    width: 70%;
    height: 100%;
	background:#FF6331;
	cursor: pointer;
}

#message_send_popup .btn_list .ok_btn span{
	text-align:center;		
	color: #ffffff;
    font-weight: bold;
    font-size: 14px;
	position: relative;
    top: 17px;
}

#message_send_popup .event_txt{
	background: #FF6331;
    color: #fff;
    padding: 0 5px;
    border-radius: 10px;
    font-size: 12px;
}




/*앨범결제하기 팝업*/
#album_purchase_popup{ 
	width:400px;
	height:200px;
	text-align:center;
	background:#ffffff;
	display:none;
}

#album_purchase_popup .title{
	width: 100%;
	height: 35px;
	background: #FF6331 0% 0% no-repeat padding-box;
	padding: 10px 20px;
	margin: 0px auto;
}

#album_purchase_popup .title .title_name{
	color: #ffffff;
    font-size: 14px;
}

#album_purchase_popup .txt_message{
    position: relative;
    top: 10%;
	color: #000000;
    font-size: 14px;
	font-weight: bold;
}
#album_purchase_popup .btn_list{ 
	position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 auto;
	width: 100%;
	height:50px;
}
#album_purchase_popup .btn_list .cancel_btn{ 
	float:left;
    width: 30%;
    height: 100%;
	background:#000000;
	cursor: pointer;
}

#album_purchase_popup .btn_list .cancel_btn span{
	text-align:center;		
	color: #ffffff;
    font-weight: bold;
    font-size: 14px;
	position: relative;
    top: 17px;
}

#album_purchase_popup .btn_list .ok_btn{ 
	float:left;
    width: 70%;
    height: 100%;
	background:#FF6331;
	cursor: pointer;
}

#album_purchase_popup .btn_list .ok_btn span{
	text-align:center;		
	color: #ffffff;
    font-weight: bold;
    font-size: 14px;
	position: relative;
    top: 17px;
}

#album_purchase_popup .event_txt{
	background: #FF6331;
    color: #fff;
    padding: 0 5px;
    border-radius: 10px;
    font-size: 12px;
}



/*차단하기 팝업*/
#block_popup{ 
	border:1px #E5E5E5 solid; 
	width:400px;
	height:200px;
	text-align:center;
	background:#ffffff;
	display:none;
}

#block_popup .title{
	width: 100%;
	height: 35px;
	background: #FF6331 0% 0% no-repeat padding-box;
	padding: 10px 20px;
	margin: 0px auto;
}

#block_popup .title .title_name{
	color: #ffffff;
    font-size: 14px;
}

#block_popup .txt_message{
    position: relative;
    top: 20%;
	color: #000000;
    font-size: 14px;
	font-weight: bold;
}
#block_popup .btn_list{ 
	position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 auto;
	width: 100%;
	height:50px;
}
#block_popup .btn_list .cancel_btn{ 
	float:left;
    width: 30%;
    height: 100%;
	background:#000000;
	cursor: pointer;
}

#block_popup .btn_list .cancel_btn span{
	text-align:center;		
	color: #ffffff;
    font-weight: bold;
    font-size: 14px;
	position: relative;
    top: 17px;
}

#block_popup .btn_list .ok_btn{ 
	float:left;
    width: 70%;
    height: 100%;
	background:#FF6331;
	cursor: pointer;
}

#block_popup .btn_list .ok_btn span{
	text-align:center;		
	color: #ffffff;
    font-weight: bold;
    font-size: 14px;
	position: relative;
    top: 17px;
}

/*가입 후 인증 받고 안쓴사람 팝업*/
#confirm_check_new_user_popup{
	width:300px;
	height:auto;
	text-align:center;
	display:none;
}

#confirm_check_new_user_popup .title_x{
	color: #ffffff;
    font-size: 20px;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
}

#confirm_check_new_user_popup .txt_message{
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

#confirm_check_new_user_popup .txt_message img{
	width:100%;
	height:100%;
	cursor:pointer;
}

/*경고 팝업*/
#alert_popup{ 
	border:1px #E5E5E5 solid; 
	width:300px;
	height:200px;
	text-align:center;
	background:#ffffff;
	display:none;
}

#alert_popup .title{
	width: 100%;
	height: 35px;
	background: #FF6331 0% 0% no-repeat padding-box;
	padding: 10px 20px;
	margin: 0px auto;
}

#alert_popup .title .title_name{
	color: #ffffff;
    font-size: 14px;
}

#alert_popup .txt_message{
    position: relative;
    top: 25%;
	color: #000000;
    font-size: 14px;
	font-weight: bold;
}
#alert_popup .btn_list{ 
	position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 auto;
	width: 100%;
	height:50px;
}
#alert_popup .btn_list .cancel_btn{ 
	float:left;
    width: 30%;
    height: 100%;
	background:#000000;
	cursor: pointer;
}

#alert_popup .btn_list .cancel_btn span{
	text-align:center;		
	color: #ffffff;
    font-weight: bold;
    font-size: 14px;
	position: relative;
    top: 17px;
}

#alert_popup .btn_list .ok_btn{ 
	float:left;
    width: 70%;
    height: 100%;
	background:#FF6331;
	cursor: pointer;
}

#alert_popup .btn_list .ok_btn span{
	text-align:center;		
	color: #ffffff;
    font-weight: bold;
    font-size: 14px;
	position: relative;
    top: 17px;
}



/*로그인 팝업*/
#login_popup{ 
	border:1px #E5E5E5 solid; 
	width:400px;
	height:200px;
	text-align:center;
	background:#ffffff;
	display:none;
}

#login_popup .title{
	width: 100%;
	height: 35px;
	background: #FF6331 0% 0% no-repeat padding-box;
	padding: 10px 20px;
	margin: 0px auto;
}

#login_popup .title .title_name{
	color: #ffffff;
    font-size: 14px;
}

#login_popup .txt_message{
    position: relative;
    top: 25%;
	color: #000000;
    font-size: 14px;
	font-weight: bold;
}
#login_popup .btn_list{ 
	position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 auto;
	width: 100%;
	height:50px;
}
#login_popup .btn_list .cancel_btn{ 
	float:left;
    width: 30%;
    height: 100%;
	background:#000000;
	cursor: pointer;
}

#login_popup .btn_list .cancel_btn span{
	text-align:center;		
	color: #ffffff;
    font-weight: bold;
    font-size: 14px;
	position: relative;
    top: 17px;
}

#login_popup .btn_list .ok_btn{ 
	float:left;
    width: 70%;
    height: 100%;
	background:#FF6331;
	cursor: pointer;
}

#login_popup .btn_list .ok_btn span{
	text-align:center;		
	color: #ffffff;
    font-weight: bold;
    font-size: 14px;
	position: relative;
    top: 17px;
}



/*선물 팝업*/
#gift_popup{ 
	width: 300px;
	height:470px;
	text-align:center;
	background:#ffffff;
	display:none;
}
#gift_popup ul{
	width:100%;
	height:100%;
}
#gift_popup .title{
	width: 100%;
	height: 35px;
	background: #FF6331 0% 0% no-repeat padding-box;
	padding: 10px 20px;
	margin: 0px;
}

#gift_popup .title .title_name{
	color: #ffffff;
    font-size: 14px;
	float: left;
	vertical-align: middle;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}
#gift_popup .title .title_x{
	color: #ffffff;
    font-size: 14px;
	float: right;
	cursor:pointer;
	vertical-align: middle;
	position: relative;
	top: 50%;
	transform: translateY(-50%);
}


#gift_popup .gift_list{ 
	width: 100%;
	margin: 0px;
	padding: 10px 10px;
	display: flex;
}

#gift_popup .gift_btn{ 
	width: 29%;
    margin: 5px;
    background: #F3F3F3;
    float: left;
    border-radius: 10px;
	cursor:pointer;
}

#gift_popup .gift_btn .gift_check{ 
    width: 95%;
    height: 75px;
	margin: 10px 0 0 -10px;
	cursor: pointer;
}

#gift_popup .gift_check .check-icon  { display: inline-block;
    width: 15px;
    height: 15px;
    background: url(/img/icon/check_off.svg) center no-repeat;
    background-size: 100% 100%;
	margin-bottom : 24px;

}

#gift_popup .gift_check input[type=radio] { display: none; }
#gift_popup .gift_check input[type=radio]:checked + .check-icon { 
	background-image: url("/img/icon/check_on.svg"); 
}

#gift_popup .gift_btn .stuff{ 
    width: 40px;
    height: 40px;
	margin: 10px 5px 10px 0;
}

#gift_popup .carot_list{ 
	width: 100%;
	height: 150px;
	margin: 0px;
	padding: 10px 10px;
	display: block;
}

#gift_popup .carot_list .title_name{
	letter-spacing: 0px;
    color: #101010;
    font-size: 15px;
    font-weight: bold;
    margin: 5px auto;
}

#gift_popup .carot_btn{ 
	width: 21%;
    margin: 5px;
    background: #F3F3F3;
    float: left;
    border-radius: 25px;
	cursor:pointer;
	border: 3px #F3F3F3 solid;
}
#gift_popup .carot_btn .carot{ 
    width: 15px;
    height: 15px;
	margin: 10px 5px 10px 0;
}
#gift_popup .carot_btn span{ 
	color: #000000;
    font-weight: bold;
    font-size: 14px;
    top: 13px;
}

#gift_popup .carot_btn input{
    display: inline-block;
    height: 40px;
    width: 100%;
	color: #000000;
    font-size: 14px;
	font-weight: bold;
    text-align: center;
    border-radius: 100%;
}

#gift_popup .write_title_wrap input[type='text'] {
    width: 100%;
    border: 0;
    background: #F3F3F3;
    padding: 12px 0 12px 25px;
    box-sizing: border-box;
    border-radius: 7px;
    font-size: 16px;
    font-family: 'KoPub Dotum';
}

#gift_popup .write_title_wrap  input[type='text']::placeholder {
    color: #000;
    font-weight: 500;
    letter-spacing: 1px;
}

#gift_popup .write_content_wrap {
    position: relative;
	width: 100%;
    padding: 10px 20px;
	margin:10px auto;
	display: block;
}

#gift_popup .write_content_wrap textarea {
    resize: none;
    width: 100%;
    height: 70px;
    border: 0;
    background: #F3F3F3;
    padding: 12px 25px;
    box-sizing: border-box;
    border-radius: 7px;
    font-size: 13px;
	font-weight: bold;
    font-family: 'KoPub Dotum';
}

#gift_popup .write_content_wrap textarea::placeholder {
    font-weight: bold;
    color: #000;
}

#gift_popup .write_content_wrap .max_text {
    position: relative;
    right: 10px;
    bottom: 18px;
    font-size: 13px;
    text-align: right;
}

#gift_popup .write_content_wrap .max_text span {
    font-weight: bold;
}

#gift_popup .btn_list{ 
	position: absolute;
    bottom: 0;
    left: 0;
    margin: 0 auto;
	width: 100%;
	height:50px;
}
#gift_popup .btn_list .charge_btn{ 
	float:left;
    width: 30%;
    height: 100%;
	background:#000000;
	cursor: pointer;
}

#gift_popup .btn_list .charge_btn span{
	text-align:center;		
	color: #ffffff;
    font-weight: bold;
    font-size: 14px;
	position: relative;
    top: 17px;
}

#gift_popup .btn_list .send_gift_btn{ 
	float:left;
    width: 70%;
    height: 100%;
	background:#FF6331;
	cursor: pointer;
}

#gift_popup .btn_list .send_gift_btn span{
	text-align:center;		
	color: #ffffff;
    font-weight: bold;
    font-size: 14px;
	position: relative;
    top: 17px;
}

/*영상통화걸기 팝업*/
#call_video_popup{ 
	max-width: 400px;
    min-width: 300px;
	height:100px;
	text-align:center;
	background:#ffffff;
	display:none;
}

#call_video_popup .title{
	width: 100%;
	height: 35px;
	background: #FF6331 0% 0% no-repeat padding-box;
	padding: 10px 20px;
	margin: 0px auto;
}

#call_video_popup .title .title_name{
	color: #ffffff;
    font-size: 14px;
}

#call_video_popup .btn_list{ 
    margin: 0 auto;
	width: 100%;
	height:50px;
	display: flex;
}
#call_video_popup .btn_list .video_btn{
    width: 40%;
    height: 100%;
	background:#000000;
	cursor: pointer;
	margin: 7px auto;
}

#call_video_popup .btn_list .video_btn span{
	text-align:center;		
	color: #ffffff;
    font-weight: bold;
    font-size: 14px;
	position: relative;
    top: 17px;
}

#call_video_popup .btn_list .tollfree_btn{ 
    width: 40%;
    height: 100%;
	background:#FF6331;
	cursor: pointer;
	margin: 7px auto;
}

#call_video_popup .btn_list .tollfree_btn span{
	text-align:center;		
	color: #ffffff;
    font-weight: bold;
    font-size: 14px;
	position: relative;
    top: 17px;
}


/*본인인증 팝업*/
#user_confirm_popup{
	width:300px;
	height:auto;
	text-align:center;
	display:none;
}

#user_confirm_popup .title_x{
	color: #ffffff;
    font-size: 20px;
    cursor: pointer;
    position: absolute;
    top: 10px;
    right: 10px;
    z-index: 1;
}

#user_confirm_popup .txt_message{
    position: relative;
    top: 0;
    left: 0;
    margin: 0;
    padding: 0;
}

#user_confirm_popup .txt_message img{
	width:100%;
	height:100%;
	cursor:pointer;
}


/*영상통화걸기 팝업*/
#bj_check_popup{ 
	max-width: 350px;
    min-width: 300px;
	height:290px;
	text-align:center;
	background:#ffffff;
	display:none;
}

#bj_check_popup .title{
	width: 100%;
	height: 35px;
	background: #FF6331 0% 0% no-repeat padding-box;
	padding: 10px 20px;
	margin: 0px auto;
}

#bj_check_popup .title .title_name{
	color: #ffffff;
    font-size: 14px;
}
#bj_check_popup .title .title_x{
	color: #ffffff;
    font-size: 14px;
	float: right;
	cursor:pointer;
}

#bj_check_popup .table-section{ 
	margin: 20px 10px 5px 0px;
}

#bj_check_popup .btn_list{ 
    margin: 0 auto;
	width: 100%;
	height:50px;
	display: flex;
}

#bj_check_popup .btn_list .bj_call{
    width: 70%;
    height: 100%;
	background:#FF6331;
	cursor: pointer;
	margin: 7px auto;
	border-radius: 10px;
}

#bj_check_popup .btn_list .bj_call span{
	text-align:center;		
	color: #ffffff;
    font-weight: bold;
    font-size: 14px;
	position: relative;
    top: 17px;
}

@media (min-width: 680px) {
	/* base.css */


	./* mg_t5:nth-child(3){
		padding-right: 0;
	} */
	
	.mg_t5 {
		padding-right: 2%;
	}

}