.bg_section {position:fixed; top:0; left:0; width:100%; height:100%; background:#abeaff; }
.bg_section:after {content: ""; position: absolute; top:0; left:0; width: 100%; height: 100%; background: linear-gradient(-45deg, #fff 25%, transparent 0, transparent 50%, #fff 0, #fff 75%, transparent 0); -webkit-background-size: 15px 15px; background-size: 15px 15px; opacity: 0.2;}

@media screen and (max-width: 650px){
	.bg_section {background:#fff; }
}

/* 로그인영역 공통 로고/카피 */
.mbr_logo {position:relative; text-align:left; margin-bottom:0px; padding:0 0 35px 0px; border-bottom: 0px solid #e9e9e9;}
.mbr_logo img {position:relative;max-width:130px; width:100%;}
.mbr_logo span {display:inline-block; width:100%; font-weight:900; color:#000; font-size:30px; padding:0 0 0 0; line-height:100%; letter-spacing:-0.05em;}
.mbr_logo span em {display:inline-block; width:100%; font-weight:800; color:#555; font-size:17px; padding:7px 0 0 2px; line-height:100%; letter-spacing:0em; font-style:normal;}
.member_footer		{position:relative; bottom:0; left:0; width:100%;  text-align:center; padding:40px 0 0 0; font-size:12px; font-weight:600;}
.member_footer span	{display:inline-block; padding: 0 5px;}

@media screen and (max-width: 650px){
	.mbr_logo {padding:0 0 20px 0px;}
	.mbr_logo img {max-width:100px;}
	.mbr_logo span {font-size:23px;}
	.mbr_logo span em {font-size:16px; padding:5px 0 0 0;}
	.member_footer		{padding:30px 0 0 0; font-size:10px; font-weight:700;}
	.member_footer span	{padding: 0 3px;}
}


/* 레이어팝 약관보기 */
.mask_content{ z-index:200; width:100%; height:100%; background:rgba(0,0,0,0.5); position:fixed; top:0; left:0;}
.mask_content .show_con	{position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); max-width:600px; width:calc(100% - 30px); max-height:1100px; height:calc(100% - 30px); background:white; animation: fadein_pop 0.3s; -moz-animation: fadein_pop 0.3s; -webkit-animation: fadein_pop 0.3s; -o-animation: fadein_pop 0.3s; border-radius:10px; overflow:hidden;}
.mask_content .show_con .bx_hd	{position:relative; top:0; left:0; width:100%; height:50px; background:#fafafa; border-bottom:1px solid #eeeeee;}
.mask_content .show_con .bx_hd h2	{position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; font-weight: 800; font-size:16px; color:#000; letter-spacing:-0.05em; line-height:100%; padding:0 20px;transition:all .3s;}
.mask_content .show_con .bx_hd i	{position:absolute; top:0; right:0; font-size:20px; line-height:50px; text-align:center; width:50px; color:black; transition:all .3s; z-index:1; cursor:pointer;-webkit-tap-highlight-color:transparent;}
.mask_content .show_con .bx_hd i:hover	{transform: rotate(270deg); transition:all .3s;}
.mask_content .show_con .bx_con	{position:relative; top:0; left:0; width:100%; height:calc(100% - 50px); padding:30px; overflow-x:hidden; overflow-y:overlay;}
.mask_content .show_con .bx_con:: {-ms-overflow-style: none;}
.mask_content .show_con .bx_con::-webkit-scrollbar {background: transparent; width:3px; height:3px; border-radius:15px;}
.mask_content .show_con .bx_con::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.3); border-radius:15px; }
.mask_content .show_con .bx_con .rule_box {padding:0 !important;}

@keyframes fadein_pop {
	from {top:55%; opacity:0;}
	to {top:50%; opacity:1;}
}

/* 로그인 기본레이아웃 */
.member_content {position:relative; padding:15px; text-align:center;}
.member_content.logon {padding:0; /*display:inline-block; vertical-align:top; width:calc(100% - 200px); font-size:0; border:1px solid red;*/}
.member_content .mbx 		{position:relative; top:0; left:0; right:0; margin:30px auto; max-width:500px; width:100%; transition: all .3s; background:#fff; padding:50px; border-radius:30px;}
.member_content.join .mbx 		{margin-top:30px;}
.member_content .m_header {position:relative; width:100%; padding:0 0 15px 5px; text-align:left; transition:all .1s;}
.member_content .m_header.hidden {dis play:none;height:0; padding:0; opacity:0; overflow:hidden; }
.member_content .m_header h2	{position:relative; width:100%; font-weight: 900; color:#000; font-size:20px; line-height:100%; letter-spacing:-0.05em; transition:all .3s;}
.member_content .m_header h2 span	{display:inline-block; font-weight: 800; color:#555; font-size:13px; padding-left:5px; letter-spacing:0;}
.member_content .m_header h2 span.mh:before,
.member_content .m_header h2 span.mh:after	{content:""; display:inline-block; color:#999; font-weight:600;}
.member_content .m_header h2 span.mh:before	{content:"-"; padding-right:3px;}
.member_content .m_header h2 span.mh:after	{content:"";}
.member_content .m_header h2 em	{position:absolute; top: 0; right: 0; }
.member_content .m_header h2 em a {display: block; font-size: 12px; font-weight: 700; border-bottom: 1px solid #d4e9f5; color:#2b7aa8; padding-bottom: 3px;line-height:100%; font-style: normal;  letter-spacing:-0.05em;}
.member_content .m_header h2 em a i {display: inline-block; vertical-align:middle; padding:0 0 1px 3px;}
.member_content .m_header p	{position:relative; width:100%; font-size:13px; padding:7px 0 0 0; color:#999; line-height:150%; transition:all .3s;}

.member_content .m_header.change_tit {padding:0 0 5px 5px;}
.member_content .m_header.change_tit h2	{font-size:17px; }
.member_content .m_header.change_tit p	{font-size:0; padding:0; opacity:0;}


.member_content .m_header .back		{position:absolute; top:0; right:0; font-size:0; padding:3px 5px; border:1px solid #eee; transition:all .3s; z-index:1; cursor:pointer; border-radius:3px; background:#fafafa;}
.member_content .m_header .back:hover		{border:1px solid #ddd; background:#fff; transition:all .3s;}
.member_content .m_header .back i,
.member_content .m_header .back span		{display:inline-block; vertical-align:middle; line-height:100%; font-size:11px; color:#333; transition:all .3s;}
.member_content .m_header .back:hover i,
.member_content .m_header .back:hover span		{color:#000; transition:all .3s;}
.member_content .m_header .back i		{padding-right:3px;}
.member_content .add_iwrp {position:relative; width:100%; text-align:left; }
.member_content .for_result_wrap {position:relative; width:100%; }
.member_content .in_hdx {position:relative; width:100%; padding:30px 0 15px 10px; text-align:left;margin-top:0px; border-top:0px dashed #eee;}
.member_content .in_hdx h3	{position:relative; width:100%; color:#000; font-size:15px; line-height:100%; font-weight:800;}
.member_content .in_hdx p	{position:relative; width:100%; font-size:12px; padding:7px 0 0 0; color:#999; line-height:150%;}
.member_content ul.frm_box		{position:relative; width:100%;}
.member_content ul.frm_box.join		{position:relative; width:100%;}
.member_content ul.frm_box li		{display:inline-block; width:100%; position:relative; margin:3px 0;}
.member_content ul.frm_box li.df_area		{display: none;}
.member_content ul.frm_box li.show_area		{display: block !important;}

.member_content ul.frm_box li.msg		{margin:0 !important; text-align:left;}
.member_content ul.frm_box li.msg .st		{display:inline-block; font-size:0; padding:5px 0 5px 15px;}
.member_content ul.frm_box li.msg .st.ok		{color:green;}
.member_content ul.frm_box li.msg .st.not		{color:red;}
.member_content ul.frm_box li.msg .st > i,
.member_content ul.frm_box li.msg .st > span		{display:inline-block; vertical-align:middle; font-size:12px; line-height:100%; }
.member_content ul.frm_box li.msg .st > i		{padding-right:5px;}
.member_content ul.frm_box li.msg .phone		{padding:15px 0 10px 5px;}
.member_content ul.frm_box li .pn_change	{position:absolute; top:12px; right:0; font-size:0; cursor:pointer;}
.member_content ul.frm_box li .pn_change > i,
.member_content ul.frm_box li .pn_change > span			{display:inline-block; vertical-align:middle; font-size:12px; line-height:100%; color:#000; transition:all .3s;}
.member_content ul.frm_box li .pn_change > i					{padding-right:5px;}
.member_content ul.frm_box li .pn_change:hover > span	{color:red;}
.member_content ul.frm_box li > span		{position:absolute; top:50%; left:15px; transform:translateY(-50%); font-weight:600; font-size:12px;z-index:1;}
.member_content ul.frm_box li > span.mb_check		{left:initial; right:15px; background:#555; color:#fff; font-size:11px; line-height:100%; padding:6px 10px; border-radius:30px; cursor:pointer; font-weight:normal; font-family:var(--bar);}
.member_content ul.frm_box li > span.mb_check:hover	{background:#333;}
.member_content ul.frm_box.join li		{margin:10px 0;}
.member_content ul.frm_box.join li > span	{position:relative; top:0; left:0; transform:translateY(0); padding:10px 0 7px 5px; display:inline-block; font-size:14px; font-weight:800; }
.member_content ul.frm_box.join li > span span	{color:red; font-size:12px; display:inline-block; padding-left:3px; letter-spacing:-0.05em; font-weight:700;}
.member_content ul.frm_box li input			{width:100%; height:60px; padding:0 15px 0 100px; border:1px solid #e9e9e9; border-width:1px;background:#fafafa; font-size:13px; text-align:left; font-weight:800; transition:all .2s; color:#2f77b5; border-radius:7px;}
.member_content ul.frm_box li input:focus {outline:none; background:#fff; border:1px solid #ddd; transition:all .2s;}
.member_content ul.frm_box li input::placeholder {color: rgba(0,0,0,0.3); font-size:11px;}
.member_content ul.frm_box.join li .full		{display:inline-block; width:100%; font-size:0;}
.member_content ul.frm_box.join li .chk	{display:inline-block; width:100%; padding:5px 0 0 10px;}
.member_content ul.frm_box.join li input	{padding:0 15px; height:50px; display:inline-block; vertical-align:middle;}
.member_content ul.frm_box.join li input.fix	{border:1px solid #f1f1f1 !important; background:#fff7f7 !important; cursor:not-allowed;}
.member_content ul.frm_box.join li input.phn1	{width:30%;}
.member_content ul.frm_box.join li input.phn2	{width:calc(35% - 5px); margin-left:5px;}
.member_content ul.frm_box.join li .sp_ar		{display:inline-block; width:100%; position:relative;}
.member_content ul.frm_box.join li .sp_ar .tt	{position:absolute; top:50%; left:20px; transform:translateY(-50%); font-size:12px;}
.member_content ul.frm_box.join li .sp_ar input	{padding:0 15px 0 100px;}
.member_content ul.frm_box li input[type="checkbox"],
.member_content ul.frm_box.join li input[type="checkbox"]{display:none;}
.member_content ul.frm_box li input.post{position:absolute; top:5px; right:0; width:90px; height:30px; border:0; background:#333; font-size:11px; text-align:center; transition:all .2s; color:#eee; border-radius:3px; cursor:pointer;}
.member_content ul.frm_box li input.post:focus {}
.member_content ul.frm_box li input.post::placeholder {color:#eee;}

.member_content ul.frm_box li select			{height:60px; padding:0 15px 0 100px; border:1px solid #e9e9e9; border-width:1px;background:#ffffff url(/images/sel_arr.gif) no-repeat right 13px center; font-size:13px; text-align:left; font-weight:800; transition:all .2s; color:#2f77b5; border-radius:7px;}

.member_content .btn_ar			{position:relative; width:100%; padding-top:10px;}
.member_content .btn_ar.hidden_btn			{display: none;}
.member_content .btn_ar.show_btn			{display: block !important;}
.member_content .btn_ar input,
.member_content .btn_ar button					{width:100%; height:80px; padding:0 10px; border:0px;  background:var(--btn_bg_off); color: var(--btn_color_off); line-height:100%; font-size:15px; text-align:center; cursor:pointer; transition:all .2s; border-radius:7px; font-weight:700; max-width:100%;}
.member_content .btn_ar input:hover,
.member_content .btn_ar button:hover			{background: var(--btn_bg_on); color: var(--btn_color_on); transition:all .2s;}
.member_content .btn_ar input:disabled,
.member_content .btn_ar button:disabled { background: #c0c0c0; cursor:not-allowed;height: 0}
.member_content .btn_ar input#id_cmp_btn:disabled { background: #c0c0c0; cursor:not-allowed;}

.member_content .rmb				{position:relative; width:100%;padding:20px 10px; text-align:left;}
.member_content .rmb span		{color:red; font-size:11px; margin-left:5px;}
.member_content .sd_msg			{position:relative; width:100%;padding:20px 10px; text-align:left; font-size:13px;}
.member_content .result_box		{position:relative; width:100%;text-align:left; padding-top:30px; border-top:1px dashed #eee;}
.member_content .ment				{position:relative; width:100%;text-align:center; line-height:180%; padding:25px 15px 30px 15px; font-size:13px;}
.member_content .ment span		{color:red;}
.member_content .mbx .qst_tit 		{position:relative; width:100%; color:#2e86e5; font-size:15px; line-height:100%; letter-spacing:-0.05em; font-weight:800; text-align:left; padding:0 5px 10px 5px;}
.member_content .mbx .qst_tit:before		{content:"Q."; display:inline-block; color:#333; padding-right:5px;font-weight:900;}
.member_content .w_info				{position:relative; width:100%;text-align:left; padding:20px 0; border-top:1px dashed #eee;}
.member_content .w_info.last	{padding-bottom:35px;}
.member_content .w_info h3	{position:relative; width:100%; color:#000; font-size:15px; line-height:100%; font-weight:800; padding:10px 0 12px 5px; }
.member_content .w_info .s_txt	{position:relative; width:100%; color:#000; font-size:12px; line-height:150%; padding:10px 5px 0 5px; color:rgba(0,0,0,0.4); font-weight:800;}
.member_content .w_info > p	{position:relative; width:100%; color:#000; font-size:12px; line-height:150%; padding:10px 5px 0 3px; color:rgba(0,0,0,0.4); font-weight:700;}

@media screen and (max-width: 650px){
	.member_content {padding:25px;}
	.member_content .mbx 		{margin:15px auto; max-width:100%; padding:0 10px;}
	.member_content .m_header h2	{font-size:17px;}
	.member_content .m_header h2 span	{font-size:12px; padding-left:3px;}
	.member_content .m_header p	{font-size:11px; padding:5px 0 0 0; }
	.member_content ul.frm_box li input			{height:50px;}
}

/* 회원가입완료 - 기본정보 */
dl.end_info		{position:relative; width:100%; text-align:left; font-size:0; padding:25px; border-top:1px dashed #eee; }
dl.end_info dt,
dl.end_info dd	{display:inline-block; vertical-align:middle; font-size:12px; line-height:200%;}
dl.end_info dt		{width:70px; color:#555;}
dl.end_info dt:before		{content:"ㆍ ";}
dl.end_info dd		{width:calc(100% - 70px); color:#000; font-weight:800;}

/* 약관동의 */
ul.rule_list		{position:relative; width:100%;}
ul.rule_list li		{display:inline-block; width:100%; font-size:0; padding-top:3px;}
ul.rule_list li > h5,
ul.rule_list li > div	{display:inline-block; vertical-align:middle; line-height:100%; letter-spacing:-0.05em;}
ul.rule_list li > h5	{width:calc(100% - 93px); color:#555; font-size:12px; line-height:100%; font-weight:600;}
ul.rule_list li > h5:before	{content:"ㆍ ";}
ul.rule_list li > h5 span	{font-size:11px; color:red;}
ul.rule_list li > div.agr	{width:40px; color:#555; font-size:12px;font-weight:600; white-space:nowrap; margin-left:3px; }
ul.rule_list li > div.view	{width:50px; color:#555; font-size:11px; text-align:center; height:25px; line-height:23px;border:1px solid #eee; transition:all .2s; cursor:pointer; border-radius:3px; font-weight:600; background:#fafafa;}
ul.rule_list li > div.view:hover	{color:#000; border:1px solid #ddd; transition:all .2s;}
ul.rule_list li input[type="checkbox"] + label	{display:inline-block; padding:0; width:100%; height:25px; position:relative; border:1px solid var(--rdo_bg_off); border-radius:3px; overflow:hidden; background:none; margin:0 !important;}
ul.rule_list li input[type="checkbox"] + label:before	{content: ''; position:absolute; top:0; left:0; padding:0; width:100%; height:100%; text-align: center; background: var(--rdo_bg_off); border:0; border-radius:0; transition:all .2s;}
ul.rule_list li input[type="checkbox"] + label span	{position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; text-align:center; transition:all .2s; color:#999; font-size:11px; line-height:110%; font-weight:800;}
ul.rule_list li input[type="checkbox"] + label span em	{display:inline-block; width:100%; font-style:normal; font-size:20px; line-height:110%; transition:all .2s;color:blue;}
ul.rule_list li input[type="checkbox"]:checked + label {border-color:red;}
ul.rule_list li input[type="checkbox"]:checked + label:after {display:none;}
ul.rule_list li input[type="checkbox"]:checked + label:before {background:red; }
ul.rule_list li input[type="checkbox"]:checked + label span	{color:var(--rdo_color_on);font-weight:800;}
ul.rule_list li input[type="checkbox"]:checked + label span em	{color:black;}

/* 로그인 기본버튼 */
ul.mb_pick_btn		{position:relative; width:100%; display:flex; margin:15px 0 50px 0; transition:all .3s; overflow:hidden;}
ul.mb_pick_btn.change_btn	{}
ul.mb_pick_btn.mdf	{margin:0;}
ul.mb_pick_btn li		{flex:1;}
ul.mb_pick_btn li.find_info		{}
ul.mb_pick_btn li:first-child	{margin-right:5px;}
ul.mb_pick_btn li:last-child	{margin-left:5px;}
ul.mb_pick_btn li a	{display:block; font-size:0; padding:18px 0; text-align:center; background: var(--btn_bg_off); color: var(--btn_color_off); border: 1px solid var(--btn_bg_off); border-radius:35px; transition:all .3s;}
ul.mb_pick_btn li a:hover	{background: var(--btn_bg_on); color: var(--btn_color_on); border-color:var(--btn_bg_on);}
ul.mb_pick_btn li a i,
ul.mb_pick_btn li a span	{display:inline-block; vertical-align:middle;transition:all .1s;}
ul.mb_pick_btn li a i		{font-size:18px; color:#fff; padding-right:5px; display:none;}
ul.mb_pick_btn li a span	{line-height:100%; font-size:14px; color:#fff; font-weight:800;}

ul.mb_pick_btn li.modify a		{background:#fff; border:1px solid #7198b9; }
ul.mb_pick_btn li.modify a:hover	{border-color:#67a7dd; }
ul.mb_pick_btn li.modify a span	{color:var(--btn_bg_off);}

ul.mb_pick_btn li.find_info a		{background:#fff; border:1px solid #7198b9; }
ul.mb_pick_btn li.find_info a:hover	{border-color:#67a7dd; }
ul.mb_pick_btn li.find_info a span	{color:var(--btn_bg_off);}

ul.mb_pick_btn li.sel a	{background: var(--btn_bg_off); color: var(--btn_color_off); border: 1px solid var(--btn_bg_off); }
ul.mb_pick_btn li.sel a span	{color: var(--btn_color_off);}

ul.mb_pick_btn.change_btn	{margin:0px 0 15px 0; display:inline-block; width:100%; font-size:0; text-align:left; padding:0 2px;}
ul.mb_pick_btn.change_btn li {display:inline-block; vertical-align:middle; }
ul.mb_pick_btn.change_btn li a	{padding:0; background: none; color: #333; border: 0; border-radius:0;}
ul.mb_pick_btn.change_btn li a:hover	{background: none; color: #000; }
ul.mb_pick_btn.change_btn li a span	{font-size:13px; color:#000; border-bottom:1px solid transparent; padding:5px 3px; font-weight:700;}
ul.mb_pick_btn.change_btn li.sel a span	{color:red; /* border-color:#ffe3e3;*/}

/* 찾기결과버튼 동선 */
ul.find_result_btn		{position:relative; width:100%; display:flex; margin:0px 0 50px 0; transition:all .3s; overflow:hidden;}
ul.find_result_btn.change_btn	{}
ul.find_result_btn.mdf	{margin:0;}
ul.find_result_btn li		{flex:1;}
ul.find_result_btn li.find_info		{}
ul.find_result_btn li:first-child	{margin-right:5px;}
ul.find_result_btn li:last-child	{margin-left:5px;}
ul.find_result_btn li a	{display:block; font-size:0; padding:18px 0; text-align:center; background: var(--btn_bg_off); color: var(--btn_color_off); border: 1px solid var(--btn_bg_off); border-radius:35px; transition:all .3s;}
ul.find_result_btn li a:hover	{background: var(--btn_bg_on); color: var(--btn_color_on); border-color:var(--btn_bg_on);}
ul.find_result_btn li a i,
ul.find_result_btn li a span	{display:inline-block; vertical-align:middle;transition:all .1s;}
ul.find_result_btn li a i		{font-size:18px; color:#fff; padding-right:5px; display:none;}
ul.find_result_btn li a span	{line-height:100%; font-size:14px; color:#fff; font-weight:800;}
ul.find_result_btn li.find_info a		{background:#fff; border:1px solid #7198b9; }
ul.find_result_btn li.find_info a:hover	{border-color:#67a7dd; }
ul.find_result_btn li.find_info a span	{color:var(--btn_bg_off);}


/* 로그인영역 동선 */
ul.login_navi		{position:relative; display:flex; left:0; right:0; margin:35px auto 0 auto; max-width:280px; width:100%; }
ul.login_navi li	{flex:1;}
ul.login_navi li a	{display:block; font-size:12px; color:rgba(0,0,0,0.7); transition:all .3s; line-height:100%; border-right:1px solid #eee; padding:0px 0; font-weight:800;}
ul.login_navi li:last-child a	{border:0;}
ul.login_navi li a:hover	{color:black; ; transition:all .3s;}
ul.login_navi li a.here	{color:black; font-weight:bold;}

/* 외부로그인 */
ul.login_btn_api		{position:relative; width:100%; display:flex; margin:10px 0 0 0;}
ul.login_btn_api li		{flex:1; position:relative;}
ul.login_btn_api li #naverIdLogin	{position:absolute; top:0; right:0; width:100%; height:100%; z-index:1;}
ul.login_btn_api li #naverIdLogin a	{display:block; position: absolute; top:0; left:0; width:100%; height:100%;}
ul.login_btn_api li #naverIdLogin img	{width:100%; height:auto; opacity:0;}
ul.login_btn_api li:first-child	{margin-right:3px;}
ul.login_btn_api li:last-child	{margin-left:3px;}
ul.login_btn_api li > a	{display:block; font-size:0; padding:20px 0; text-align:center; background:#333; border-radius:5px; transition:all .3s;}
ul.login_btn_api li > a i,
ul.login_btn_api li > a span	{display:inline-block; vertical-align:middle;}
ul.login_btn_api li > a i		{font-size:20px; color:#fff; padding-right:5px;}
ul.login_btn_api li > a span	{line-height:100%; font-size:15px; color:#fff;font-family: 'GmSansM';}
ul.login_btn_api li > a.naver	{background:#22ba4f;}
ul.login_btn_api li:hover > a.naver	{background:#15a13e; transition:all .3s;}
ul.login_btn_api li > a.kakao	{background:#f9e000;}
ul.login_btn_api li:hover > a.kakao	{background:#e5ce00; transition:all .3s;}

/* 약관/개인정보 */
.rule_box {position:relative; width:100%; padding:25px;}
.rule_box h2 {display:inline-block; width:100%; font-size:13px; line-height:140%; font-weight:800; color:black;}
.rule_box p {display:inline-block; width:100%;  font-size:11px; line-height:160%; color:#8e8e8e; padding:10px 0 20px 0;}
.rule_box p:last-child {padding-bottom:0;}
.rule_box p.infoTxt {padding-top:0;}

/* 모바일/태블릿로그인 - MB */
.s_user_info		{position:relative; width:100%; text-align:left; font-size:0; padding:0;background: #693905; }
.s_user_info ul	{position:relative; width:100%; display:flex; padding:25px 15px 35px 15px;}
.s_user_info ul li		{flex:1; text-align:center;}
.s_user_info ul li a			{display:block; color:white; }
.s_user_info .mm_set		{position:relative; width:100%;}
.s_user_info .mm_set .icon			{display:inline-block; width:100%; font-size:20px; padding:0 0 10px 0;}
.s_user_info .mm_set .mname		{display:inline-block; width:100%; font-size:11px; letter-spacing:-0.05em; opacity:0.6; transition:all .3s;}
.s_user_info ul li a:hover .mname			{opacity:1; transition:all .3s;}
.s_user_info .mm_set span	{position:absolute; top:-15px; left:50%; transform:translateX(-50%); color:orange; font-size:11; font-family:tahoma;}
.s_user_info ul li.biz_area		{width:100%; text-align:left; padding:10px 20px 0 20px;}
.s_user_info ul li.biz_area a		{display:block; width:100%; background:#e20000; border-radius:35px; padding:20px 0; color:white; font-size:12px; transition:all .3s; text-align:center; margin:0 0 30px 0;}
.s_user_info .biz_buy	{float:left; width: calc(100% + 30px); margin-left: -15px;}
.s_user_info .biz_buy a	{display:block; padding:30px; margin:20px 0 0 0 ; font-size:0; background:rgba(0,0,0,0.2); text-align:left; transition:all .3s;}
.s_user_info .biz_buy a:hover	{background:rgba(0,0,0,0.5); transition:all .3s;}
.s_user_info .biz_buy a i	{display:inline-block; vertical-align:middle; font-size:20px; color:white; width:30px}
.s_user_info .biz_buy a .btt	{display:inline-block; vertical-align:middle; font-size:12px; color:rgba(255,255,255,1); width:calc(100% - 100px);}
.s_user_info .biz_buy a .btt .hd	{display:none;}
.s_user_info .biz_buy a .dday	{display:inline-block; vertical-align:middle; font-size:12px; color:rgba(255,255,255,0.6); text-align:right; width:70px;}
.s_user_info .biz_buy a .dday .dno	{font-size:13px; color:white;}
.mb_user_info_dt		{width:100%; padding:25px 25px 0 25px; position:relative; font-size:0;}
.mb_user_info_dt .log_out		{position:absolute; top:25px; right:25px; color:white; font-size:0; padding:7px 10px; background:rgba(0,0,0,0.2); border-radius:3px; transition:all .3s; cursor:pointer;}
.mb_user_info_dt .log_out:hover		{background:rgba(0,0,0,0.4); transition:all .3s;}
.mb_user_info_dt .log_out i				{display:inline-block; vertical-align:middle; font-size:15px;}
.mb_user_info_dt .log_out span	{display:inline-block; vertical-align:middle; font-size:11px; color:rgba(255,255,255,0.8);}
.mb_user_info_dt .sta			{display:inline-block; vertical-align:middle; width:50px; height:50px; padding-top:10px; text-align:center; color:white; font-size:11px; line-height:140%; border-radius:3px;}
.mb_user_info_dt .sta.st1		{background:#ef386c;} /* 개인회원 */
.mb_user_info_dt .sta.st2		{background:#ef386c;} /* 사업자승인대기 */
.mb_user_info_dt .sta.st3		{background:#f15900;} /* 사업자회원 */
.mb_user_info_dt .sta.st4		{background:#f10000;} /* 사업자회원-정지 */
.mb_user_info_dt .set			{display:inline-block; vertical-align:middle; width:calc(100% - 50px); padding-left:15px; text-align:left; color:white; }
.mb_user_info_dt .set .name		{float:left;  padding:0 0 5px 0; font-size:12px; position:relative;}
.mb_user_info_dt .set .name i		{font-size:11px; line-height:100%; position:absolute; top:-10px; right:-20px; width:14px; height:14px; line-height:14px; text-align:center; border-radius:3px;}
.mb_user_info_dt .set .name i.api_naver		{background:green; color:#fff;}
.mb_user_info_dt .set .name i.api_kakao		{background:yellow; color:#3b1c1c;}
.mb_user_info_dt .set .txt		{float:left;  width:100%; font-size:11px; font-family:tahoma; color:rgba(255,255,255,0.6);}
.mb_user_info_dt .set .txt span	{}
.s_user_info .point		{display:inline-block; width:calc(100% - 50px); font-size:11px; font-family:tahoma; color:#eee; padding:15px 15px; background:rgba(0,0,0,0.07); margin:10px 25px 0 25px; border-radius:5px; text-align:right;}
.s_user_info .point span		{display:inline-block; padding-right:10px; color:rgba(255,255,255,0.5); float:left;}

.s_user_info .buyer		{display:inline-block; width:100%; position:relative; padding:30px; background:rgba(0,0,0,0.3); font-size:0;}
.s_user_info .buyer a		{position:absolute; top:0; left:0; width:100%; height:100%;}
.s_user_info .buyer h3,
.s_user_info .buyer p,
.s_user_info .buyer .code,
.s_user_info .buyer span		{display:inline-block; width:100%;  line-height:100%;}
.s_user_info .buyer h3		{font-size:15px; color:#fff; line-height:130%; font-weight:normal; display:none;}
.s_user_info .buyer p		{font-size:11px; color:rgba(255,255,255,0.5); padding-top:5px; display:none;}

.s_user_info .buyer .code {font-family: 'GmSansB'; letter-spacing:0em; font-size:18px; color:#fff; padding:0 0 10px 0;}

.s_user_info .buyer span	{color:red; display:inline-block; padding-left:3px; color:#fff; font-size:12px;}
.s_user_info .buyer span span,
.s_user_info .buyer span em	{display:inline-block; font-style:normal; width:auto;}
.s_user_info .buyer span .st1	{color:red;}
.s_user_info .buyer span .st2	{color:yellow;}
.s_user_info .buyer span em	{color:#ffb100; padding-left:10px;}
.s_user_info .buyer i {position:absolute; top:50%; right:25px; transform:translateY(-50%); font-size:65px; color:rgba(255,255,255,0.4); display:none;}

/* 마이페이지탭메뉴 공통 */

ul.my_info_nav		{position:relative; top:0; left:0; width:100%; font-size:0; padding:0 0 20px 0; cursor:pointer; margin:0px 0 50px 0; text-align:right; border-bottom:1px solid #eee; }
ul.my_info_nav li		{display:inline-block; vertical-align:middle; font-size:12px; width:auto; line-height:100%;color:#333; transition:all .3s; padding:5px 10px;}
ul.my_info_nav li:last-child		{}
ul.my_info_nav li:hover	{color:#000; transition:all .3s;}
ul.my_info_nav li.on		{color:red;}


	/*
	ul.my_info_nav		{position:relative; top:0; left:0; width:100%; font-size:0; display:flex; border-radius:5px; overflow:hidden; background:#693905; padding:0; cursor:pointer; margin:0px 0 70px 0;;}
	ul.my_info_nav li		{flex:1; font-size:13px;line-height:65px; text-align:center; color:#eee; transition:all .3s;}
	ul.my_info_nav li:last-child		{}
	ul.my_info_nav li:hover	{color:#fff; transition:all .3s;}
	ul.my_info_nav li.on		{background:#bd4500; color:#fff;}
	*/