@charset "EUC-KR";

/* mobile style */
body, form, div, p, h1, h2, h3, h4, h5, h6, dl, dt, dd, ul, ol, li, fieldset, th, td, input, textarea,button,select{margin:0;padding:0;font-family:'¸¼Àº °íµñ','Malgul gothic',dotum,'µ¸¿ò',sans-serif;font-weight:normal; -webkit-text-size-adjust:none; word-break:keep-all;}
body{-webkit-user-select:none;-webkit-touch-callout:none;-webkit-tap-highlight-color:rgba(0,0,0,0)}
li{list-style:none}
a{text-decoration:none}
a[href^="tel"]{ font-style:normal}
address, caption, em, var{font-style:normal;font-weight:normal}
input, textarea, select{letter-spacing:normal}
ol, ul, dl{list-style:none}
fieldset, img{border:0}
legend, caption{display:none}
img{border:0;vertical-align:top}
hr{display:none}
table{border-collapse:collapse;border-spacing:0}
br{letter-spacing:normal}
p{letter-spacing:normal}
a, a:hover {text-decoration:none; }


br {
    display: block;
    content: "";
	}

table br {
    display: block;
    content: "";
	margin:10px 0 !important; 
	}

input:-ms-input-placeholder { letter-spacing:-0.1em;} 
input::-webkit-input-placeholder {  letter-spacing:-0.1em; } 
input::-moz-placeholder { letter-spacing:-0.1em; } 

.notice_btn_cancel {padding:4% 25px; background:#c7c7c7; color:#555; font-weight:600; font-size:18px; border-radius:7px; border:none; width:45%; margin-right:15px;}
.notice_btn_confirm {padding:4% 25px; background:#fd4e87;  color:#fff; font-weight:600; font-size:18px;  border-radius:7px;  border:none; width:45%; margin-bottom: 10%;} 


/* üũ¹Ú½º */
.checks {position: relative;} 
.checks input[type="checkbox"] { 
position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 } 
/* °¡Â¥ üũ¹Ú½º */
.checks input[type="checkbox"] + label { display: inline-block; position: relative; cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .checks input[type="checkbox"] + label:before { 
 content: ' '; 
 display: inline-block; 
 width: 1.4rem;
height: 1.4rem;
line-height: 1.4rem;
text-align: center; 
background: #fff; 
border: 1px solid #e1e1e1; 
border-radius:25px;
vertical-align:middle;
 } 
.checks input[type="checkbox"]:checked + label:before { 
/* üũ¹Ú½º¸¦ üũÇßÀ»¶§ */ content: '\2714'; 
/* üũǥ½Ã À¯´ÏÄÚµå »ç¿ë */ color: #fd4e87; background: #fff;
font-size:1.2rem;
font-weight:400;
}
.checks input[type="radio"] { 
position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip:rect(0,0,0,0); border: 0 } 
/* °¡Â¥ ¶óµð¿À¹Ú½º */
.checks input[type="radio"] + label { font-size:0.85rem; display: inline-block; position: relative;  cursor: pointer; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; } .checks input[type="radio"] + label:before { 
 content: ' '; 
 display: inline-block; 
 width: 0.8rem;
height: 0.8rem;
line-height: 0.8rem;
text-align: center; 
background: #fff; 
border: 1px solid #ccc; 
border-radius:15px;
vertical-align:middle;
 } 
.checks input[type="radio"]:checked + label:before { 
/* üũ¹Ú½º¸¦ üũÇßÀ»¶§ */ content: '\2022'; 
/* üũǥ½Ã À¯´ÏÄÚµå »ç¿ë */ color: #fd4e87; background: #fff;
font-size:0.8rem;
font-weight:600;
}

/* ÆÒ ¸ðµ¨ À̹ÌÁö ÅÇ */
.fan_model_box {position:relative; width:100%; }
.fan_model_img {position:relative;  display: flex; justify-content: center;}
.fan_model_img img {max-height:480px; max-width:100%;}
.circular_box {position:absolute; 
	top:80px; 
	z-index:2;
    width: 250px;
    height:250px;
	left:0;
right:0;
margin-left:auto;
margin-right:auto;
    border: 3px solid #fff;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    overflow:hidden;
	}
.circular_img {
    height: auto;
    width: 100%;
}

.fan_model_img .img_blur {-webkit-filter: blur(10px); filter: blur(10px); width:100%; }
.fan_model_detail, .fan_model_detail_l {
			width:95%; 
			background:#fff; 
			bottom:0;
			padding:5%; 
			margin-left: auto;
			margin-right: auto;
			border-radius:5px 5px 0 0;  
			margin-top:-80px;
			position:relative;
}
.fan_model_detail:after{
			content: ' ';
			position: absolute;
			width: 0;
			height: 0;
			top:-24px;
			left:0;
			right:0;
			margin-left:auto;
			margin-right:auto;
			border-left: 25px solid transparent;
			border-right: 25px solid transparent;
			border-bottom: 25px solid #fff;
}

.fan_model_detail_l:after {
			    content: ' ';
    position: absolute;
    width: 0;
    height: 0;
    top: -28px;
    left: 24px;
    border-left: 25px solid transparent;
    border-bottom: 29px solid #fff;
}

.model_title_box {letter-spacing:-0.05em; text-align:center; }
.model_text_box {width:95%; margin:0 auto; text-align:center;}
.model_header {font-size:1.4rem; font-weight:600;}
.model_subheader {font-size:1.1rem; color:#666; font-weight:600;}
.model_text {display:block; white-space:pre-line; color:#666; text-align:center; width:95%; margin:0 auto;}
.favorite_box {position:absolute; bottom:100px; right:5%; background:#fff; border-radius:50px; width:100px; height:100px; display:table; cursor:pointer;}
.favorite_btn {display:table-cell; vertical-align:middle; text-align:center; }
.favorite_btn img {max-width:65%;}
.heart_shape {
position:absolute; top:260px; right:7%; z-index:3;
}
.heart_shape img {max-width:50%; float:right;}

.fan_stat_box {width:95%; margin:15px auto; display:table; position:relative; letter-spacing:-0.1em;
}
.fan_stat_box li {display:table-cell; vertical-align:middle; text-align:center; width:33.3%;}
.fan_stats {line-height:1.6;}
.fan_stats strong {display:block; font-size:1.2rem; font-weight:600;}
.fan_stats span {display:block; font-size:0.95rem; color:#999;}
.fan_stats_img img {max-width:90%;}
.fan_filter_blur {
	-webkit-filter: blur(5px) brightness(70%); /* Safari */
    filter: blur(5px) brightness(70%);
}

.fan_tab_container{width:100%;height:100%;}
.fan_tab_box1 {width:100%; height:100%; box-sizing:border-box; position:relative;}
.fan_tab_box2 {width:100%; height:50px; position:absolute; left:0; top:0; }
.fan_tab_box3 {width:100%; height:100%; position:relative; }
hr.line_style {
    border: 0;
	display:block;
    height: 2px;
    background-image: linear-gradient(to right, rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.75), rgba(0, 0, 0, 0));
	margin:20px 0;
}


.reward_header {font-size:1.4rem; font-weight:600; color:#4f4f4f; letter-spacing:-0.05em; margin-bottom:50px; display:block;}
.reward_text {color:#666; font-size:1.2rem; display:block; margin-bottom:30px; white-space:pre-line; line-height: 1.4;}

.giftshop_tab_box {display:table; width:100%; padding:0 0; margin:0 0; border-top:2px solid #c7c7c7;}
.giftshop_tab_box li {display:table-cell;width:50%; height:40px; vertical-align:middle; color:#fff; background:#c7c7c7; font-size:1rem; font-weight:600; cursor:pointer; text-align:center; letter-spacing:-0.03em;}
.giftshop_tab_box li.on {color:#000; background:#fff;}

.giftshop_category_box {width:100%; padding:0 0; margin:0 0; }
.giftshop_category_box button {background:#c7c7c7; color:#fff; border:none; width:25%; height:40px; font-size:14px; font-weight:600; letter-spacing:-0.07em; white-space:pre; position:relative;}
.giftshop_category_box button:after {
	position:absolute;
	right:-2.5px;
	content:"|";
	}
.giftshop_category_box button.on:after {
	content:"";
	}
.giftshop_category_box button.none:after {
	content:"";
	}

.giftshop_category_box button.on {background:#fd4e87;}
.giftshop_category_box button.on > span {display:none;}

.gift_detail_box, .myheart_detail_box, .myheart_pay_box {
    width: 100%;
    display: table;
	border-bottom:1px solid #c7c7c7;
}
.gift_detail_box li {cursor:pointer;}
.gift_detail_box li, .myheart_detail_box li, .myheart_pay_box li {
    display: table-cell;
    vertical-align: middle;
}
.gift_thumbnail {
    text-align: center;
    position: relative;
    width: 32%;
	padding:2.5%;
}
.gift_thumbnail img {width:100%;}
.gift_detail_text {color:#555; }
.gift_company {font-size:16px;  font-weight:600; display:block; padding:5px 0; letter-spacing:-0.05em;}
.gift_title {font-size:16px; color:#000; font-weight:600; display:block; letter-spacing:-0.05em; }
.gift_price {font-size:0.85rem; padding:10px 0; text-decoration: line-through;letter-spacing:-0.05em; }
.gift_price_bold {font-size:15px; text-decoration: none; font-weight:600; color:#fd4e87;  letter-spacing:-0.05em;}

.myheart_detail_box {border-bottom:0; background: #f7f7f7;}
.heart_icon img {width:50%;max-width:139px;}
.heart_icon {padding:3% 0 3% 25px; width:50%;}
.myheart_detail_box .gift_title {font-size:18px; color:#000; font-weight:600; display:block; letter-spacing:-0.05em; }
.myheart_detail_box .gift_company {font-size:17px;  font-weight:600; display:block; padding:5px 0; letter-spacing:-0.05em;}

.myheart_pay_box {border-bottom:0; background: #f7f7f7; padding:2.5% 3%;}
.myheart_pay_box li {background:#fff; padding:3% 5%;}
.payment_title {font-size:18px; color:#555;}
.payment_bullet {font-size:18px; font-weight:600; color:#f00;}
.payment_vat {color:#555; font-size:15px;}

.recipients_box {padding:2% 5%; background:#c8c8c8;}
.recipients_title {display:block; font-size:17px; color:#000; padding:25px 0;}
.charge_method_title span  {padding:10px 0; color:#555; font-size:1.1rem; font-weight:600;}
.recipients_title:before {content: "\2022"; padding-right:5px;     
font-size: 17px;}
.recipients_box textarea {width:100%; resize:none; height:50px; border:none; padding:2%; margin-bottom: 10px;}

.charge_method_title {margin-top:15px; padding:4%; line-height:24px;}
.charge_method_title div {width:50%; display:inline-block;}
.charge_method_title label {padding-left:5px; font-weight:500;}
.charge_method_title input {vertical-align: middle;}
.charge_method_title input:checked + label {color:#fd4e87;}

.recipients_box textarea:-ms-input-placeholder {color:#777; font-size:16px;} 
.recipients_box textarea::-webkit-input-placeholder {color:#777; font-size:16px;} 
.recipients_box textarea::-moz-placeholder {color:#777; font-size:16px;} 

.heart_detail_text {font-size:17px; color:#555; text-align:center; padding:4% 0;}
.heart_detail_text strong {font-size:18px; color:#fd4e87; font-weight:600; display:block;}
.heart_charge_box {padding:3%; background:#f7f7f7;}
.heart_charge_box table {width:100%; background:#fff;}
.heart_charge_box table td {padding:4%;}
.heart_charge_box table td img {width:100%;}
.charge_bullet_title {background:#fd4e87; padding:3% 0 3% 5%; font-size:1.1rem; font-weight:600; color:#fff; text-align: left;}
.charge_bullet_box {background:#f7f7f7; padding-top:3%; width:100%; display:table;}
.charge_bullet_box > li {background:#fff; vertical-align:middle; text-align: left;}

.bullet_btn_box {width:100%; text-align:center; padding:10px 0;}
.bullet_btn_box li {width:30.3%; display:inline-block; padding: 2% 0;}
.bullet_btn_box button {
white-space:pre;
border:1px solid #fd568d; 
letter-spacing:-0.1em;
font-size:16px;
line-height:1.5;
color:#555;
 border-radius:5px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 padding:10% 0;
background: -moz-linear-gradient(top, #ffffff 1%, #fbfbfb 8%, #f6f6f6 44%, #e8e6e8 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, #ffffff 1%,#fbfbfb 8%,#f6f6f6 44%,#e8e6e8 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, #ffffff 1%,#fbfbfb 8%,#f6f6f6 44%,#e8e6e8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
width:100%;
}
.bullet_btn_box button strong {color:#fd4e87; display:block; font-weight:600; font-size:17px;}
.bullet_btn_box li.on button {background:#fd568d; color:#fff;}
.bullet_btn_box li.on button strong {color:#fff;}
.charging_vat_price {margin-left:5px; color:#555;}
.charging_vat_price strong {font-size:17px;}
.charging_vat_price span {font-size:15px;}
.charge_list_on li {list-style:disc;margin-left:5%; font-size:16px; line-height:1.3;}
.charge_method_title div label {font-size:16px;}
.product_acount_box {background:#c8c8c8; display:table; width:100%;}
.product_acount_box li {vertical-align:middle;  padding:2% 5%; display:table-cell; width:50%;}
.product_acount_box input[type=number] {border:none; width:40%; height:25px; text-align:center; font-size:16px; margin:0 10px;}
.giftshop_purchase_box {width:100%;display:table;}
.giftshop_purchase_box li {display:table-cell; vertical-align:top;}
.giftshop_purchase_box .title, .giftshop_purchase_box .price {font-size:16px; color:#555; font-weight:600;}
.giftshop_purchase_box .price {color:#000;}
.giftshop_purchase_box .bullet_price {display:inline-block; vertical-align: top; line-height:1.2; font-size:14px; font-weight:600; letter-spacing:-0.05em;}
.giftshop_purchase_box .bullet_price br {
    margin: 0 0;
    display: block;
    content: "";
}
.giftshop_purchase_box .list_disc {color:#555;}
.giftshop_purchase_box .list_disc:before {content: "\2022"; padding-right:3px; color:#555; }
.giftshop_purchase_box .bullet_price strong {color:#f00;}
.giftshop_purchase_img {background:#fff; width:30%;}
.giftshop_purchase_img img {width:100%; height:auto; margin:25px 0;}

.buying_btn {
    width: 50%;
    background: #fd4e87;
    color: #fff;
    text-align: center;
    font-size: 20px;
    font-weight: bold;
    border-radius: 5px;
    margin: 0 auto;
    letter-spacing: -0.1em;
}
.buying_btn a, .buying_btn a:hover {
    color: #fff;
    display: block;
    padding: 3% 0;
}
.more_view {text-align:center; margin:25px 0; color:#202020; cursor:pointer; font-weight:bold;}


.model_list_box_l {float:left; margin:0 0 1% 1%; width:48%;position:relative;}
.model_list_box_r {float:right; margin:0 1% 1% 0; width:48%; position:relative;}
.model_list_title {margin:15px 0 10px 0; font-size:18px; font-weight:600; color:#000; padding-left:2%;}
.model_list_img {    
position: relative;
    display: flex;
background: #000;
    overflow: hidden;
    height: 150px;
}

.model_list_img img {
    position: absolute;
    left: 50%;
    top: 50%;
    height: 100%;
    width: auto;
    -webkit-transform: translate(-50%,-50%);
    -ms-transform: translate(-50%,-50%);
    transform: translate(-50%,-50%);
    z-index: 1;
    width: 100%;
    height: auto;
	}
.model_detail_box {
		background:url('/images/mobile/handsome/model_list_bg_img.jpg');
		background-repeat:repeat-x;
		background-size:auto 100%;
		min-height:100px;
		color:#fff;
		position:relative;
}
.model_list_gift_btn {position:absolute; bottom:10px; left:0; right:0; margin-left:auto; margin-right:auto; width:75%;}
.model_list_gift_btn img {max-width:152px; width: 100%;}
.model_detail_box .table_cell {width:100%; display:table; }
.model_detail_box .table_cell li {display:table-cell; vertical-align:middle; padding:4% 0 2% 0; letter-spacing:-1px; line-height:1.2;}
.model_detail_box .table_cell li img {vertical-align:middle;}
.model_profile_nickname {font-size:12px; display:block; padding-left:1px; }
.model_profile_stat {font-size:12px; padding-left:1px;    word-break: keep-all;}
.table_cell .class {width:100%; max-width:30px;}

/* clear both */
.clear_both, .comment_reply:after, .reply_date:after, .comment_options a:nth-child(1):before, .one_half:after, .heart_list_title:after, .question_box:after, .notice_tab:after, .question_title:after, .answer_title:after, .notice_list_date:before, .profile_btn_address:after, .img_input_box:after, .theme_versus_model:after, .face_list_ul:after, .one_left:after, .agree_detail:after, .fan_input_tab:after {clear:both;content:""; display:block;}

/* ÆùÆ® »ö»ó */
.text_blk {color:#000 !important;}
.text_red {color:#f00 !important;}
.text_main, .text_main a, .text_main a:hover {color:#fd4e87;}
.text_green {color:#3cb878;}
.text_grey {color:#555;}
.text_blue, .text_blue a, .text_blue a:hover {color:#0072bc;}

.app_standby {color:#00a651;}
.app_finish {color:#0054a6;} .app_finish a {color:#0054a6;}
.app_reject {color:#f7941d;}