@charset "utf-8";

/* ### 기본 스타일 커스터마이징 시작 ### */

/* 버튼 */
.mbskin a.btn01 {}
.mbskin a.btn01:focus, .mbskin .btn01:hover {}
.mbskin a.btn02 {}
.mbskin a.btn02:focus, .mbskin .btn02:hover {}
.mbskin .btn_confirm {} /* 서식단계 진행 */
.mbskin .btn_submit {}
.mbskin button.btn_submit {}
.mbskin fieldset .btn_submit {}
.mbskin .btn_cancel {}
.mbskin button.btn_cancel {}
.mbskin .btn_cancel:focus, .mbskin .btn_cancel:hover {}
.mbskin a.btn_frmline, .mbskin button.btn_frmline {} /* 우편번호검색버튼 등 */
.mbskin button.btn_frmline {}
.mbskin .win_btn {} /* 새창용 */
.mbskin .win_btn button {}
.mbskin .win_btn input {}
.mbskin .win_btn a {}
.mbskin .win_btn a:focus, .mbskin .win_btn a:hover {}

/* 게시판용 버튼 */
.mbskin a.btn_b01 {}
.mbskin a.btn_b01:focus, .mbskin .btn_b01:hover {}
.mbskin a.btn_b02 {}
.mbskin a.btn_b02:focus, .mbskin .btn_b02:hover {}
.mbskin a.btn_admin {} /* 관리자 전용 버튼 */
.mbskin a.btn_admin:focus, .mbskin a.btn_admin:hover {}

/* 기본박스 */
.mbskin{position: relative;margin:100px auto 0;border:1px solid #ddd;background:#fff;text-align:center;    flex: 0 0 100%;
    max-width: 80%;
}
/*.mbskin:before,.mbskin:after{
content:"";
position:absolute;z-index:-1;top:2%;bottom:0;left:10px;right:10px;
-webkit-box-shadow:0 0 20px rgba(0,0,0,0.8);
  -moz-box-shadow:0 0 20px rgba(0,0,0,0.8);
       box-shadow:0 0 20px rgba(0,0,0,0.8);
-moz-border-radius:100px / 10px;
     border-radius:100px / 10px;}
.mbskin:after{right:10px;left:auto;
    -webkit-transform:skew(8deg) rotate(3deg);
       -moz-transform:skew(8deg) rotate(3deg);
        -ms-transform:skew(8deg) rotate(3deg);
         -o-transform:skew(8deg) rotate(3deg);
            transform:skew(8deg) rotate(3deg);}*/
.mbskin .frm_input{width:100%}
.mbskin .btn_submit{width:100%;margin:10px 0 0;height:45px;font-weight:bold;font-size:1.25em; background:#555;}
.mbskin  h1{margin: 60px 0 30px;font-size: 2em;}


/* 기본테이블 */

.mbskin .tbl_head01 {}
.mbskin .tbl_head01 caption {}
.mbskin .tbl_head01 thead th {}
.mbskin .tbl_head01 thead a {}
.mbskin .tbl_head01 thead th input {} /* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.mbskin .tbl_head01 tfoot th {}
.mbskin .tbl_head01 tfoot td {}
.mbskin .tbl_head01 tbody th {}
.mbskin .tbl_head01 td {}
.mbskin .tbl_head01 a {}
.mbskin td.empty_table {}

/* 폼 테이블 */
.mbskin table {}
.mbskin caption {}
.mbskin .frm_info {}
.mbskin .frm_file {}

.mbskin .tbl_frm01 {}
.mbskin .tbl_frm01 th {width:85px;}
.mbskin .tbl_frm01 td {}
.mbskin .tbl_frm01 textarea, .mb_skin tbl_frm01 .frm_input {}
.mbskin .tbl_frm01 textarea {}
/*
.mbskin .tbl_frm01 #captcha {}
.mbskin .tbl_frm01 #captcha input {}
*/
.mbskin .tbl_frm01 a {}

/* 필수입력 */
.mbskin .required, .mbskin textarea.required {}

/* 테이블 항목별 정의 */
.mbskin .td_board {}
.mbskin .td_chk {}
.mbskin .td_date {}
.mbskin .td_datetime {}
.mbskin .td_group {}
.mbskin .td_mb_id {}
.mbskin .td_mng {}
.mbskin .td_name {}
.mbskin .td_nick {}
.mbskin .td_num {}
.mbskin .td_numbig {}

.mbskin .txt_active {}
.mbskin .txt_expired {}

/* ### 기본 스타일 커스터마이징 끝 ### */

/*레이어*/
.layer_popup {width:100%; height:100%; background-color: rgba(53,53,53,0.5);position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); z-index:2000;}
.layer_popup .layer_box {position:fixed; top:50%; left:50%; transform: translate(-50%,-50%); text-align:center; background: #fff; width: calc(100% - 40px); min-width: 320px; max-width: 400px; box-sizing: border-box; border: 3px solid #253dbe; box-shadow: 3px 3px 3px 0}
.layer_popup .layer_box .layer_header {background:#253dbe; display:block; width: 100%; height: 60px; line-height: 60px; font-size : 16px; font-weight: 700; color: #fff}
.layer_popup .layer_box .layer_body {padding: 25px 10px;}
.layer_popup .layer_box .layer_body .body_nav {margin-bottom: 20px; overflow: hidden;}
.layer_popup .layer_box .layer_body .body_nav ul {}
.layer_popup .layer_box .layer_body .body_nav ul li {float: left; width: 50%; height: 30px; line-height: 30px; font-size: 16px; font-weight: 700;}
.layer_popup .layer_box .layer_body .body_nav ul li.on {color: #253dbe;}
.layer_popup .layer_box .layer_body .body_content {}
.layer_popup .layer_box .layer_body .body_content ul {}
.layer_popup .layer_box .layer_body .body_content ul li {}
.layer_popup .layer_box .layer_body .body_content ul li label {display:block;}
.layer_popup .layer_box .layer_body .body_content ul li input {margin-bottom: 20px; border: 1px solid #253dbe; width: 70%; height: 30px; line-height: 30px;     margin-top: 9px; border-radius: 10px; padding-left: 10px;}
.layer_popup .layer_box input[type=button] {padding: 10px 60px; background: #253dbe; font-weight: 700; color: #fff; border: 1px solid #253dbe; border-radius: 5px; margin:0 5px;}
.layer_popup .layer_box .layer_body span { margin-bottom:10px; font-size : 16px; font-weight: bolder; color: #19191a;}
.layer_popup .layer_box .layer_footer {padding-bottom: 20px;}

/*회원가입-------------------------------------------------------------------------------------------------------------------------------------------------------------------*/
	/*이용약관*/
#fregister {max-width: 460px; margin: 0 auto; padding-top: 130px;}
#fregister h2 {text-align: center; font-size: 24px; font-weight: 600; line-height: 37px; margin: 0 40px 20px 40px;}

#fregister .all_agree {margin: 0 40px 14px 40px; height:50px; line-height:50px; border: 1px solid #b2b2b3; text-align: center; padding: 0 18px; position:relative;}
#fregister .all_agree:after {content: ''; display: block; width: 14px; height: 25px; border: solid #1f2972; border-width: 0 4px 4px 0; transform: rotate(45deg); position:absolute; top: 8px; left: 24px;}
#fregister .all_agree img {position: absolute; left: 18px; top: 50%; transform: translateY(-50%)}
#fregister .all_agree span {font-size: 18px; font-weight:500}
.alrim_text {text-align:center; font-size: 14px; margin: 0 40px 32px 40px;}
.agree_box{color:#666; padding: 0 8px; margin:0 40px 30px 40px; font-size:14px; color: #fff; height: 20px;}
.agree_box:after{content:''; display:block; clear:both;}
.agree_box .check_icon{display:none}
.agree_box label {background: url("/img/agree_btn.png"); width:20px; height:20px;}
.agree_box p {height:20px;}
.agree_box p img {float:right}

@media (max-width:450px) {
	#fregister h2 {font-size: 4.7vw;}
	.agree_box p {font-size: 3.2vw}
	.alrim_text {font-size: 3.5vw}
}

.wrapper_for_use{position: fixed; width: 100%; height: 100%; top: 110px; z-index: 30; background:#fff; left:0;}
.wrapper_for_use h4{font-size:18px; font-weight:500; margin-bottom:10px; color:#666;}
.wrapper_for_use p{display:inline-block; font-weight:400; font-size:15px; background:url("/images/ico_checkbox.png") 0 2px no-repeat; padding-left:25px;}
.wrapper_for_use ul{float:right;}
.wrapper_for_use ul:after{content:''; display:block; clear:both;}
.wrapper_for_use ul li{float:left;}
.wrapper_for_use ul li:first-child{margin-right:20px; font-weight:400;}
.wrapper_for_use ul li input{margin-right:5px;}
.wrapper_for_use textarea{font-size:14px; font-weight:400; color:#666; line-height:22px; border-radius:3px; border:none !important; width:100%; height: calc(90% - 135px);}


#reg_agree_box {margin: 90px 40px 0 40px;}
.reg_agree_btn {border-radius:2px; font-size:16px !important; font-weight:500; width:100%; display:block; text-align:center; border:1px solid #ecedec; height:50px; color:#5a5959; background:#ecedec;  box-sizing: border-box}
.reg_agree_btn.on {background:#1f2972; color:#fff; border:1px solid #1f2972;}
	@media all and (max-width:590px){
	.wrapper_for_use p{display:block;}
	}


#orderer_wrapper, #receiver_wrapper{margin:30px 0 0; padding:0 10px 30px; border-bottom:1px dashed #ddd; color:#666;}
#orderer_wrapper #label_orderer_info, #receiver_wrapper #label_for_receiver, #payment_wrapper #label_info_payment{font-size:18px; font-weight:500; margin-bottom:20px;}
#orderer_wrapper #order_order_table, #receiver_wrapper #table_receiver_info, #payment_wrapper #table_payment{margin:0 20px;}
#orderer_wrapper #order_order_table tr, #receiver_wrapper #table_receiver_info tr, #payment_wrapper #table_payment tr{height:40px; font-size:15px; font-weight:400;}
#orderer_wrapper #order_order_table tr input{margin-left:50px; vertical-align:middle; font-size:14px; padding:5px 40px 5px 20px; border:1px solid #d6d6d6; border-radius:30px}
#orderer_wrapper #order_order_table img{vertical-align:middle; margin-left:10px;}



/* 회원가입 입력 */
	#fregisterform {max-width: 460px; margin: 0 auto; padding-top: 80px;}
	.form_01 {margin: 70px 40px 20px 40px}
	.form_01 input[type="text"]:focus, button:focus, input[type="password"]:focus {outline: none !important; border-top: none !important; border-right: none !important; border-left: none !important}
	.form_01 .frm_btn_box:focus {outline: none !important; border-top: 1px solid rgb(38, 184, 250) !important; border-right: 1px solid rgb(38, 184, 250) !important; border-left: 1px solid rgb(38, 184, 250) !important}
	.form_01 li {margin: 0 !important; position: relative;}
	.frm_input {height: 30px !important; border: 0 !important; border-bottom: 1px solid #000 !important; background: #fff !important; box-shadow: none !important; border-radius: 0 !important; margin-bottom: 15px; caret-color:#000;}
	.frm_input::placeholder {
		font-size: 14px;
	}
	.frm_input:focus {outline: none !important;}
	.frm_re_box {position:relative; border: 0;}
	.frm_ab_btn {position: absolute; right: 0; top:-16px; font-size: 1.28rem; color: #8a8989; }
	.frm_btn_box {border: 0;border-left: 1px solid rgb(38, 184, 250); border-right: 1px solid rgb(38, 184, 250); border-bottom: 1px solid rgb(38, 184, 250); border-top: 1px solid rgb(38, 184, 250); width: 120px; height: 30px; background:#fff; color: rgb(38, 184, 250); margin-top: 25px;}
	#register_form > div > ul {padding: 0;}
	#register_form > ul {padding: 0;}
	
	#frm_order {box-sizing:border-box; width: 100%; height:45px; box-sizing:border-box; display:flex;}
	#frm_order li { border-radius:2px; font-size:14px; font-weight:500; display:block; width: 50%;}
	#frm_order li:nth-child(1) input{width:90px; height:45px;border:1px solid rgb(38, 184, 250); background:rgb(38, 184, 250); color:#fff; cursor:pointer; float:left; width: 97%;}
	#frm_order li:nth-child(2) a{display:inline-block;width:90px; height:45px;border:1px solid rgb(38, 184, 250); color:rgb(38, 184, 250); margin-left: 20px; line-height: 45px;float:right; text-align: center; width: 97%; margin-top:10px;}
	@media all and (max-width:590px){
	.table_th{min-width:100px;}
	.locat{font-size:12px; margin-left:10px;}
	#orderer_wrapper #label_orderer_info, #receiver_wrapper #label_for_receiver, #payment_wrapper #label_info_payment{font-size:15px; font-weight:500; margin-bottom:10px;}
	.cart_list_table{border-top:none;}

	/*주문자정보*/
	#orderer_wrapper, #receiver_wrapper, #payment_wrapper{margin:20px 0 0; padding:0 10px 20px;}
	#orderer_wrapper #order_order_table, #receiver_wrapper #table_receiver_info, #payment_wrapper #table_payment{margin:0;}
	#orderer_wrapper #order_order_table tr, #receiver_wrapper #table_receiver_info tr, #payment_wrapper #table_payment tr{font-size:13px;}
	#orderer_wrapper #order_order_table tr span, #receiver_wrapper #table_receiver_info tr span{display:block;}
	#orderer_wrapper #order_order_table tr input, #receiver_wrapper #table_receiver_info tr input{margin-left:0;font-size:12px; padding:5px 10px}

	/*수령자정보*/
	#receiver_wrapper #same_or_not{font-size:13px; margin:0 0 10px 20px;}
	#receiver_wrapper #same_or_not span{margin-left:10px; }
	#receiver_wrapper #same_or_not span input{vertical-align:middle; margin-left:10px;}
	#receiver_wrapper #table_receiver_info tr #addr, #receiver_wrapper #table_receiver_info tr #caution{width:unset;}

	/*결제정보*/
	#payment_wrapper #table_payment #total_payment{font-size:16px; font-weight:500; padding-right:20px; width:100px;}
	#payment_wrapper #table_payment #total_payment_money{padding-left:20px;}
	#payment_wrapper #table_payment span{font-size:24px; font-weight:500; color:#da0101;}
	#payment_wrapper #table_payment input{margin-left:5px;}

	#paymethodF{padding:0 30px;}
	#paymethodF #table_info_bank{border:1px solid #d6d6d6; border-radius:3px; padding:20px 40px; font-size:14px;}
	#paymethodF #table_info_bank tr{height:40px}
	#paymethodF #table_info_bank tr input, #paymethodF #table_info_bank tr select{margin-left:10px; border:1px solid #d6d6d6 !important; border-radius:3px; padding:5px; font-size:13px;}

		/*버튼*/
	#order_btn_list{padding: 10px 40px; width:100%; box-sizing:border-box;}
	#order_btn_list li{float:none; }
	#order_btn_list li a, #order_btn_list li input{border-radius:2px; font-size:18px; font-weight:500; padding:15px 0; width:100%; display:block; text-align:center;}
	#order_btn_list li:nth-child(1) input{border:1px solid #d5431f; background:#d5431f; color:#fff; cursor:pointer; padding:6px 0;height:50px;}
	#order_btn_list li:nth-child(2) a{border:1px solid #d5431f; color:#d5431f; margin-right:10px;}
	}
	input#reg_mb_recommend {border: 0 !important; border-left: 1px solid #EDA900 !important; border-right: 1px solid #EDA900 !important; border-bottom: 1px solid #EDA900 !important; border-top: 1px solid #EDA900 !important; width: 120px; height: 30px !important; background: #fff !important; color: #8a8989; text-align: center;}
	@media all and (max-width:370px){
	#receiver_wrapper #same_or_not span{display:block; margin:0;}
	#receiver_wrapper #same_or_not span input{margin:0;}
	}

.readonly {
	border-bottom: 1px solid #666 !important;
	background: #efefef !important;
	color:#666 !important;
}
.recommend {position: absolute; right: 0; bottom:0; width: 120px;  }


/* 회원가입 완료 */
#reg_result {padding:110px 30px 30px;text-align:center;background:#000000;border:1px solid #d6e2f4;border-radius:5px}
#reg_result h2 {font-size:2em;margin:0 0 20px}
#reg_result h2 strong {color:#ed6478}
#reg_result #result_email {margin:20px 0;padding:10px 50px;border-top:1px solid #e9e9e9;border-bottom:1px solid #dde4e9;background:#fff;line-height:2em; display: flex; flex-direction: column;}
#reg_result #result_email span {display:inline-block;width:150px; color: #000000; font-weight:bold;}
#reg_result #result_email div {display:inline-block; width:100%; color: #000000; font-weight:bold;}
#reg_result #result_email strong {color:#e8180c;font-size:1.2em}
#reg_result p {line-height:1.8em}
#reg_result .result_txt {text-align:center;}
#reg_result .btn_confirm {margin:50px 0}
#reg_result i {font-size:3em}
#reg_result .reg_result_p {font-size:1.25em;margin:0 0 10px;color:#3684fa}
.btn_confirm_reg {padding: 15px 20px; margin: 20px 0;}
.btn_confirm_reg a {padding: 10px 0; display: block; background: #007aff; text-align: center; border-radius: 6px; text-decoration: none; color: #fff;}
/* 아이디/비밀번호 찾기 */
#find_info #mb_hp_label {display:inline-block;margin-left:10px}
#find_info p {line-height:1.5em}
#find_info #mb_email{margin:10px 0;}

/* 로그인 */
#mb_login {}
#login_fs{padding:0 50px}
#mb_login #login_fs .frm_input{margin:0 0 10px}
#mb_login #login_fs .btn_submit {margin:0 0 20px}
#mb_login #login_info{background:#f6f6f6;padding:25px 10px;border-top:1px solid #e8e8e8;margin:40px 0 0 }
#mb_login #login_info:after {display:block;visibility:hidden;clear:both;content:""}
#mb_login #login_info h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#mb_login #login_info a{display:inline-block;width:50%;float:left}
#login_password_lost{border-right:1px solid #ddd}

#mb_login_notmb{margin:30px auto;padding:20px 30px }
#mb_login_notmb h2{font-size:1.25em;margin:20px 0 10px}
#guest_privacy{border:1px solid #ccc;text-align:left;line-height:1.6em;color:#666;background:#fafafa;padding:10px;height:150px;margin:10px 0;overflow-y:auto}
#mb_login_notmb .btn_submit{display:block;text-align:center;line-height:45px}

#mb_login_od_wr{margin:30px auto;padding:20px 30px }
#mb_login_od_wr h2{font-size:1.25em;margin:20px 0 10px}
#mb_login_od_wr .frm_input{margin:10px 0 0 }
#mb_login_od_wr p{background:#f3f3f3;margin:20px 0 0 ;padding:15px 20px;line-height:1.5em}

/* 쪽지 */
#memo_list .memo_name,#memo_list .memo_name .sv_wrap{font-weight:bold}
#memo_list .memo_datetime{float:right;font-size:0.92em;color:#777;font-style:italic}
#memo_list .memo_del{margin-left: 5px; color: #49857c;font-size: 15px;}

#memo_view_contents {margin:10px 0;border:1px solid #ddd;}
#memo_view_contents h2 {position:absolute;font-size:0;line-height:0;overflow:hidden}
#memo_view_ul {margin:0;border-bottom:1px solid #eee;list-style:none;background:#f3f3f3;}
#memo_view_ul:after {display:block;visibility:hidden;clear:both;content:""}
.memo_view_li {position:relative;padding:10px;float:left;width:50%;}
.memo_view_name strong,.memo_view_name .sv_wrap{font-weight:bold !important}
.memo_view_subj{display: inline-block;height: 20px;line-height: 18px;border: 1px solid #3497d9;color: #3497d9;padding: 0 5px;border-radius: 15px;font-size: 11px;}
.memo_view_li .profile_img img{border-radius:50%}
.memo_view_date{text-align:right;color:#555;font-style:italic}
.memo_view_date strong{font-weight:normal}
#memo_view .btn_b02{float:right}
#memo_view .btn_b02.reply_btn{margin-left:4px}
#memo_view p {padding:10px;border-top:1px solid #ddd;min-height:150px;height:auto !important;height:150px;background:#fff;line-height:1.8em}

#memo_write textarea {height:100px}

/* 스크랩 */
#scrap .scrap_tit{font-weight:bold;display:block;font-size:1.083em;margin-bottom:5px;line-height:1.3em}
#scrap .scrap_cate{ display:block;color:#3598db ;font-size:0.92em;float:left}
#scrap .scrap_datetime{color:#777;font-style:italic;float:right;}
#scrap .scrap_del{position:absolute;top:5px;right:10px;font-size:18px;color:#49857c}
#scrap .scrap_del:hover{color:#98ca69}
#scrap_do table {margin:0 0 10px;width:100%}
#scrap_do textarea {height:100px}
#scrap_do .scrap_tit{background:#f3f3f3;padding:10px 15px;font-size:1.083em;font-weight:bold}
#scrap_do label{display:block;margin:0 0 5px;font-size:0.92em}
/*포인트*/
#point .point_top{line-height:15px;margin:0 0 5px}
#point .point_top:after {display:block;visibility:hidden;clear:both;content:""}
#point .point_tit{font-weight:bold;float:left;font-size:1.083em;display:block;}
#point .point_num{font-size:1.25em;color:#00c4ac;font-weight:bold;float:right;}
#point .point_date1{float:left;color:#555;font-style:italic}
#point .point_date{float:right;color:#555;font-style:italic}
#point .txt_expired {color:#aaa;}
#point .point_all{background:#ae99da;border:0;border-bottom:2px solid #9781c5;color:#fff;font-weight:bold;font-size:1.083em}
#point .point_all span,#point .point_status span{float:right;}
#point .point_status{background:#737373;border:0;color:#fff;font-weight:bold;font-size:1.083em}
#point .point_status  span{margin-left:10px}


#bg_addr {position:fixed;background-color: rgba(0, 0, 0, .7);width:100%;height:100%;top:0px;left:0px;z-index: 9990;}
#wrapper_addr {width:500px;height:500px;opacity:1;position:fixed;left: 50%;top: 50%;transform: translate(-50%, -50%);z-index: 9999;}
#costcoin_header {background: #429af4;height: 42px;border-radius: 10px 10px 0 0; text-align:center;padding-top:10px;}
#costcoin_header h2{color:white;font-size: 20px;}
.buy_content_wrapper {background-color: rgba(255, 255, 255, 1);border-radius: 0 0 10px 10px; height:100%;padding: 25px;}
.buy_content_wrapper .money {text-align:center;}
.buy_content_wrapper .money label {color: #444;font-size: 16px;display: inline-block;padding-right: 15px;font-weight: bold;}
.buy_content_wrapper .money	#money_input {text-align:right;font-size:20px;}
.buy_content_wrapper .money #total_money {text-align:right;width:222.75px;font-size:18px;font-weight:bold;display: inline-block;}
#buy_label{border-top:1px solid #ccc;padding-top: 20px;margin-top: 20px;text-align: center;}
.buy_method {background: #ededed; text-align:center;padding-top:20px;padding-bottom:20px;margin-top: 20px;}
.buy_method li{cursor:pointer;display: inline-block; border: 1px solid #cccccc;display: inline-block;width: 22%;height: 45px;line-height: 45px;font-weight: bold;background: #fff;margin: 17px;text-align: center;}
.buy_method li:hover{background:#429af4;color:white;}

#order_btn_list li:nth-child(2) input {
    border: 1px solid #f56878;
    background: #f56878;
    color: #fff;
    cursor: pointer;
    line-height: 22px;
	padding: 15px 0;
}
#order_btn_list li:nth-child(1) a {
    border: 1px solid #f56878;
    color: #f56878;
    margin-right: 10px;
	padding: 15px 0;
}
#order_btn_list li {
    display: inline-block;
	/*margin-left: 3px;*/
}
#order_btn_list{
	text-align:center;
}
#order_btn_list li a, #order_btn_list li input {
    border-radius: 2px;
    font-size: 18px;
    font-weight: 500;
    width: 190px;
    display: block;
    text-align: center;
}
/* 회원 비밀번호 확인 */
#mb_confirm {}
#mb_confirm h1 {margin:60px 0 30px;font-size:2em;color: #000;}
#mb_confirm p {padding:0 20px 40px;border-bottom:1px solid #e9e9e9;font-size:1.083em;line-height:1.4em;color:#656565}
#mb_confirm p strong {display:block;color:#000;font-size:1.167em;margin:0 0 5px}
#mb_confirm fieldset {padding:50px;text-align:left;}
#mb_confirm fieldset .frm_input {background-color:#fff !important}
#mb_confirm label {letter-spacing:-0.1em}
#mb_confirm_id {display:block;margin:5px 0 10px;font-weight:bold;color:#000;}
#mb_confirm .confirm_id{font-size:0.92em;color:#666}

/* 비밀글 비밀번호 확인 */
#pw_confirm h1 {margin:60px 20px 30px;font-size:2em}
#pw_confirm p {padding:0 20px 40px;border-bottom:1px solid #e9e9e9;font-size:1.083em;line-height:1.4em;color:#656565}
#pw_confirm p strong {display:block;color:#3ca1ff;font-size:1.167em;margin:0 0 5px}
#pw_confirm fieldset {padding:50px;text-align:center;}
#pw_confirm fieldset .frm_input {background-color:#fff !important}
#pw_confirm label {letter-spacing:-0.1em}
#pw_confirm_id {display:inline-block;margin-right:20px;font-weight:bold}
#mb_confirm_id{}

/* 폼메일 */
#formmail textarea {height:100px}
#formmail .formmail_flie{position:relative}
#formmail .formmail_flie .file_wr {border: 1px solid #ccc;background: #fff;color: #000;vertical-align: middle;border-radius: 3px;padding: 5px;height: 40px;margin: 0;}
#formmail .lb_icon {position: absolute;top: 1px;left: 1px;border-radius: 3px 0 0 3px;height: 38px;line-height: 38px;width: 40px;background: #eee;text-align: center;color: #888;}
#formmail .frm_file {padding-left: 50px;}
#formmail .frm_info{color: #3497d9;font-size: 0.92em;}

/* 자기소개 */
#profile h1 a{color:#fff}
#profile table {margin-bottom:0}
#profile table th{text-align:left;padding:10px;width:100px}
#profile section {color: #2d4c7b;background: #eff9f9;padding: 10px;border: 1px solid #bfd4dc;margin: 10px 0;}
#profile h2 {margin:0 0 5px}
#profile .profile_name{text-align:center;font-weight:bold}
#profile .my_profile_img{display:block;margin:20px 0 5px;}
#profile .my_profile_img img{border-radius:50%;border:1px solid #aaa}
#profile .profile_img img{border-radius:50%}
#profile .profile_name .sv_wrap{font-weight:bold;text-align:left}


/*내 지갑*/
#wrapper{/*background:#edf0ff;*/}
#wallet_container{width: 800px; margin: 85px auto 0; letter-spacing:-0.5px;}
#wallet_container #wallet_content {width:550px; margin: 0 auto; padding-bottom: 30px; color:#fff; position:relative;}
#wallet_container #wallet_content .wallet_tit{font-size:24px; line-height:36px; font-weight:900; color:#460a88; margin-bottom:20px;}
#wallet_container #wallet_content .wallet_address{background:rgba(66,133,244,0.8); margin-bottom:40px; width:100%; min-height:60px; line-height:28px; 
border:1px solid #4285f4; border-radius:3px; padding:10px; font-size:18px; color:#fff; text-align:left;}
#wallet_container #wallet_content .wallet_txt01{margin-bottom:15px;font-size:24px; font-weight:700; color:#4285f4;}
#wallet_container #wallet_content .wallet_box01{background:rgba(66,133,244,0.4) url('/skin/member/basic/img/unlock.png') no-repeat 5px center; font-weight:700; 
margin-bottom:10px; width:100%; height:50px; line-height:30px; border:1px solid #4285f4; border-radius:3px; padding:10px 10px 10px 35px; font-size:16px; color:#fff; overflow:hidden;}
#wallet_container #wallet_content .wallet_box01 span{float:right;font-weight:900; color:#fff; letter-spacing:1px;}
#wallet_container #wallet_content .wallet_box02{background:rgba(66,133,244,0.4) url('/skin/member/basic/img/lock.png') no-repeat 5px center; font-weight:700; 
margin-bottom:40px; width:100%; height:50px; line-height:30px; border:1px solid #4285f4; border-radius:3px; padding:10px 10px 10px 35px; font-size:16px; color:#fff; overflow:hidden;}
#wallet_container #wallet_content .wallet_box02 span{float:right;font-weight:900; color:#fff; letter-spacing:1px;}
#wallet_container #wallet_content .qr_box{background:#fff; border-radius:3px; }
#wallet_container #wallet_content .qr_box p{text-align:center;}
.wallet_tab_list li a {border-radius: 3px;font-size: 18px;font-weight: 500;width: 130px;display: block;text-align: center;border: 1px solid #460a88;color: #460a88;margin-right: 10px;padding: 10px 0;}
.wallet_tab_list .on a {border-radius:3px;font-size: 18px;font-weight: 500;width: 130px;display: block;background:#460a88;text-align: center;border: 1px solid #460a88;color: #fff;margin-right: 10px;padding: 10px 0;}

/*송금하기*/
#wallet_container #wallet_content .wallet_cost{background:rgba(66,133,244,0.4); font-weight:700; margin-bottom:40px; width:100%; height:50px; 
line-height:30px; border:1px solid #4285f4; border-radius:3px; padding:10px; font-size:16px; color:#fff; overflow:hidden;}
#wallet_container #wallet_content .wallet_cost span{float:right;font-weight:900; color:#fff;letter-spacing:1px;}
#wallet_container #wallet_content .wallet_cost{text-align:right;}
#wallet_container #wallet_content .btn_check{padding:10px 15px; background:#e60000; font-weight:700; border-radius:3px; color:#fff; position:absolute; right:0; bottom:0;}
#wallet_container #wallet_content .btn_check2{padding:10px 15px; background:#4285f4; font-weight:700; border-radius:3px; color:#fff; position:absolute; top:0; right:0;}
#wallet_container #wallet_content .btn_check3{padding:10px 15px; background:#f442b5; font-weight:700; border-radius:3px; color:#fff; position:absolute; top:0; right:100px;}
#wallet_container #wallet_content .btn_send{padding:10px 15px; background:#4285f4; font-weight:700; border-radius:3px; color:#fff; position:absolute; right:0; bottom:0;}

/*내 지갑, 송금하기 모바일*/
@media all and (max-width:1200px){
	#wrapper{min-width:100%;}
	#container_wr{width:100%;}
	#container{width:100%;}
	#wallet_container{width:100%;}
}
@media all and (max-width:600px){
	#wallet_container #wallet_content {width:100%; padding:0 5px;}
	#wallet_container #wallet_content .btn_send{right:5px; bottom:-20px;}
	#wallet_container #wallet_content .btn_check{right:5px;bottom:-10px;}
	#wallet_container #wallet_content .btn_check2{right:5px;}
	#wallet_container #wallet_content .btn_check3{right:100px;}
	.wallet_tab_list{width:100%; right:0 !important;}
	.wallet_tab_list li{width:32%;}
	.wallet_tab_list li a{margin-right:0px;width: 100%;}
	.wallet_tab_list .on a{margin-right:0px;width: 100%;}

}
.bnts_layout button{

	width:100px;
	padding:7px;
	display:inline-block;
	color: #fff;
	background-color: #337ab7;
    border-color: #2e6da4;
	margin-bottom:10px;

}

.bnts_layout button.on{

	width:100px;
	padding:7px;
	display:inline-block;
	color: #fff;
	background-color: #5bc0de;
	border-color: #2e6da4;
	margin-bottom:10px;
}

.renewal {width: 100%; margin: 0; border: none; height: 100vh; background: url("./img/login_background.png"); color: #fff; background-position: center; background-size: cover;}
.renewal #flogin {position: relative; height: 100%; max-width: 500px; margin: 0 auto;}
.renewal #flogin #login_fs {text-align: right; position: relative; top: 50%; transform: translate(0, -65%); height: auto;}
.renewal#mb_login #login_info {position: absolute; bottom: 20px; width: 100%; background: none; border-top: 0; padding: 25px 50px;}
.renewal#mb_login #login_info > div > a {color: #fff;}
.renewal#mb_login #login_info > div > a:nth-child(1) {width: 60%;}
.renewal#mb_login #login_info > div > a:nth-child(2) {width: 40%; color: #34bcb4;}
.renewal#mb_login #login_fs .frm_input {margin : 0;}
.renewal#mb_login #login_fs .login_input_box {margin-bottom: 10px; height: 50px; position: relative;}
.renewal#mb_login #login_fs .login_input_box img {position: absolute; top: 50%; transform: translate(0, -50%);left:0;}
.renewal#mb_login #login_fs #login_pw_box img {left: 2.5px;}
.renewal#mb_login #login_fs .login_input_box > input {height: 100% !important; border: 0 !important; border-bottom: 1px solid #b6b6b6 !important; padding-left: 40px; background: none !important; color: #fff !important;}
.renewal#mb_login #login_fs .login_input_box > input::placeholder {color: #fff;}
.renewal#mb_login #login_fs .login_submit_box {margin: 50px 0 15px;}
.renewal#mb_login #login_fs .login_submit_box > input {background: rgba(234,234,234,0.5); border: 0; color: #413636;}
.renewal#mb_login #login_fs .btn_submit {margin: 0;}

/* new login 20210715 이희섭 */
.login_box {width: 100%; height: 100%; background: #100f0f;}
.login_box .login_content_box {width: 100%; height: 100%; max-width: 500px; margin: 0 auto; position: relative;}
.login_box .login_content_box .content_center {text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 100%; background: #100f0f;}
.login_box .login_content_box .content_center .content_head {margin-bottom: 30px;}
.login_box .login_content_box .content_center .content_body {padding: 0 30px; max-width: 340px; margin: 0 auto;}
.login_box .login_content_box .content_center .content_body #login_fse {}
.login_box .login_content_box .content_center .content_body #login_fse .login_input {overflow: auto; width: 100%; height: 45px; line-height: 45px; border: 1px solid #fff; border-radius: 40px; margin-bottom : 20px; overflow: hidden; position: relative;}
.login_box .login_content_box .content_center .content_body #login_fse .login_input > img {position: absolute; left: 15px; top: 50%; transform: translate(0, -50%);}
.login_box .login_content_box .content_center .content_body #login_fse .login_input > input {float: left; background: none; border : none; height: 45px; line-height: 45px; width: 100%; padding-left: 50px; color: #fff; padding-bottom: 10px; caret-color:#fff; margin-top:0px;}
.login_box .login_content_box .content_center .content_body #login_fse .login_input > input::placeholder {color: #fff;}
.login_box .login_content_box .content_center .content_body #login_fse .login_input > input:focus {outline: none;}
.login_box .login_content_box .content_center .content_body #login_fse .btn_submit {max-width: 340px; margin: 0 auto;width: 100%; height: 42px; line-height: 42px; border-radius: 40px; background: #fff; color: #100f0f;border: 0;}
.login_box .login_content_box .content_center .content_body #login_fse #login_info {}
.login_box .login_content_box .content_center .content_body #login_fse #login_info .login_if_auto {margin-top: 20px;}
.login_box .login_content_box .content_center .content_body #login_fse #login_info .login_if_auto label {font-size: 15px; color: #fff;}
.login_box .login_content_box .content_center .content_body #login_fse #login_info .login_if_lpl {margin-top: 20px;}
.login_box .login_content_box .content_center .content_body #login_fse #login_info .login_if_lpl a {width: calc(50% - 5px); display: inline-block; color: #fff; text-underline-position: under;}


/* 20220801 nara login */
.kakao_share{width:70px; height:70px;}
.kakao_share img{width: 210px; margin:10px 0px 0px 70px;}




@media (min-width: 992px) {
	

	.mbskin_fm50{
		flex: 0 0 100%;
		max-width: 40%;
	}
}