body {overflow:hidden;}

.bg_section {position:fixed; top:-10px; left:0; width:100%; height:calc(0px + env(safe-area-inset-top)) ; z-index: 10;background:var(--body_bg);}

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



/* 로그인영역 공통 로고/카피 */
.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:600; 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:10px; font-weight:500; color:var(--default_color5); letter-spacing:0.05em; display: none;}
.member_footer span	{display:inline-block; padding: 0 5px;}
.member_footer span ul.logo_symbol_default  {width:12px; height:12px;}
.member_footer span ul.logo_symbol_default li {width:10px;}
.member_footer span ul.logo_symbol_default li.t2,
.member_footer span ul.logo_symbol_default li.t3  {display:none;}

@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:9px; display: none;}
	.member_footer span	{padding: 0 3px;}
}


/* 레이어팝 약관보기 */
.mask_content{position:fixed; top:0; left:0; z-index:100000000; width:100%; height:100%; background:rgba(0,0,0,0.5); }
.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:fixed; top:0; left:0; width:100%; height:100%; padding:0px 20px calc(var(--btm_fix_hd) + env(safe-area-inset-bottom)) 20px; text-align:center; }

.member_content		{overflow-y:overlay;}
.member_content:: {-ms-overflow-style: none;}
.member_content::-webkit-scrollbar {background: transparent; width:5px; height:5px; border-radius:15px;}
.member_content::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.3); border-radius:15px; }
.member_content .join_head {position: sticky; top: 0; left: 0; margin-bottom:0; padding: calc(70px + env(safe-area-inset-top)) 0 0 0; background:var(--body_bg); z-index: 10; }
.member_content .join_head:before {content:""; position: absolute; top: 0; left: 0; width:100%; height:calc(20px + env(safe-area-inset-top)); background: var(--body_bg); z-index: 10; transform:translateY(-100%);}

.member_content .logo {position: relative; top: 0; left: 0; text-align:left; }
.member_content .logo:before {content:""; position: absolute; top: 0; left: 0; width: 100%; height: 70px; background: var(--body_bg); transform: translateY(-100%); transition: all .3s;}
.member_content .logo .pos {position: relative;  display: inline-block; }
.member_content ul.logo_symbol_default {font-size: 0; display: inline-block; vertical-align:top; white-space:nowrap; width:calc(calc(var(--logo_symbol_side) * 2) + 17px ); height:var(--logo_symbol_side); position:relative; text-align:left; }
.member_content ul.logo_symbol_default li {display: inline-block; vertical-align: top;  width: var(--logo_symbol_side); font-size: 0; opacity:0.15;}
.member_content ul.logo_symbol_default li:after {content: ""; display:block; padding-top:100%;}
.member_content ul.logo_symbol_default li .line {position:absolute; top:0; right:0; }
.member_content ul.logo_symbol_default li .line.top {width:100%; height:35%;}
.member_content ul.logo_symbol_default li .line.right {width:35%; height:100%;}

.member_content ul.logo_symbol_default li.t1 { position:relative; z-index:3; opacity:1 !important;}
.member_content ul.logo_symbol_default li.t1 .line {background:var(--sym_color); }
.member_content ul.logo_symbol_default li.t2 { position:absolute; left:0; right:0; margin:auto; z-index:2;}
.member_content ul.logo_symbol_default li.t2 .line {background:var(--logo_default); }
.member_content ul.logo_symbol_default li.t3 { position:absolute; right:0; z-index:1;}
.member_content ul.logo_symbol_default li.t3 .line {background:var(--logo_default);}
.member_content ul.logo_symbol_default li.t3 .top {background:transparent;}
.member_content ul.logo_symbol_default li em {position:absolute; top:-4px; right:0; white-space: nowrap; font-family:var(--neo); font-weight:500; font-size:10px; color:var(--default_color3); font-style:normal; line-height:100%; letter-spacing:0.0em; transform:translate(50%, -100%); display:none;}
.member_content ul.logo_symbol_default li em no {font-weight:600; color:var(--default_color1);}

.member_content ver {position: absolute; top:-20px; left:2px; color: var(--default_color2); font-size:8px; line-height: 100%; font-weight: 400; letter-spacing:0.1em; white-space:nowrap;}
.member_content ver no {color: var(--default_color2); display: inline-block; padding:0 0 0 3px; font-weight:600;}
.member_content ver dvc {color: var(--default_color5); display: inline-block; padding:0 3px 0 0;}

.member_content button.mode_btn {position:absolute; top:50px; right:0; display:inline-block; font-size:0; border:0; background:transparent; white-space:nowrap;line-height:100%; cursor:pointer; padding:10px 10px;}
.member_content button.mode_btn i,
.member_content button.mode_btn span {display:inline-block; vertical-align:middle; position:relative;line-height:110%;}
.member_content button.mode_btn i {font-size:17px;  color:var(--mode_icon); }
.member_content button.mode_btn span {font-size:9px; color:var(--mode_span); font-weight:500; letter-spacing:0.05em;padding:0 0 0 2px;}

.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:0px auto; max-width:450px; width:100%; transition: all .3s; padding:0; }
.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: 600; color:var(--default_color1); font-size:17px; 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 var(--join_find_em_line); color:#248fcd; 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:12px; padding:7px 0 0 0; color:var(--default_color3); line-height:150%; transition:all .3s;}
.member_content .m_header find	{position:relative; width:100%; font-size:13px; padding:0; color:var(--default_color1); line-height:150%; transition:all .3s; text-align:center; display:inline-block;}

.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:600;}
.member_content .in_hdx p	{position:relative; width:100%; font-size:12px; padding:7px 0 0 0; color:#999; line-height:150%;}
.member_content .find_bx_wrap	{position:relative; }
.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:500; font-size:12px;z-index:1; color:var(--default_color4);}
.member_content ul.frm_box li > span.mb_check		{left:initial; right:15px; background:#111; color:#fff; font-size:11px; line-height:100%; padding:6px ; border-radius:3px; cursor:pointer; font-weight:300; }
.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:600; }
.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 var(--bdr_write_out); background:var(--bdr_write_bg); font-size:13px; text-align:left; font-weight:600; transition:all .2s; color:var(--default_color2); border-radius:7px;}
.member_content ul.frm_box li input:focus {outline:none; background:var(--bdr_write_bg_focus); border:1px solid var(--bdr_write_out_focus) !important; transition:all .2s;}
.member_content ul.frm_box li input::placeholder {color: var(--bdr_write_holder); 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:600; transition:all .2s; color:var(--default_color2); border-radius:7px;}

.member_content ul.frm_box li.photo {margin-top:8px; font-size:0;}
.member_content ul.frm_box li.photo i {position:absolute; top:-10px; left:50px;line-height:100%; color:red; z-index:2; font-size:17px; cursor:pointer; z-index:1;}

.member_content ul.frm_box li .pic,
.member_content ul.frm_box li .edit {display:inline-block; vertical-align:middle; position:relative; }
.member_content ul.frm_box li .pic {width:70px; border-radius:100%; overflow:hidden; background-size:cover !important; background-position:center center !important;}
.member_content ul.frm_box li .pic:before {content: "\e9f2"; font-family: xeicon !important; display: inline-block; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; position: absolute; top: 50%; left: 50%; font-size: 100px; line-height: 100%; transform: translate(-50%, -50%); color: var(--default_color1); opacity: 0.2;}
.member_content ul.frm_box li .pic:after {content:""; display:block; padding-top:100%;}
.member_content ul.frm_box li .pic .us_p {position:absolute; top:0; left:0;width:100%; height:100%; background-size:cover !important; background-position:center center !important; z-index:1;border-radius:100%; overflow:hidden;}
.member_content ul.frm_box li .edit {width:calc(100% - 70px); padding:0px 0 0 20px; text-align:left;}
.member_content ul.frm_box li .edit .btn {position:relative;}
.member_content ul.frm_box li .edit .btn label {position:relative; cursor: pointer; padding: 5px 15px; background: #3899cb; color: white; border-radius: 5px; display:inline-block; font-size:12px;}
.member_content ul.frm_box li .edit .btn label.del_user {background:red; margin-left:5px;}
.member_content ul.frm_box li .edit p {position:relative; font-size:11px; color:var(--default_color1); opacity:0.5; padding:10px 0 0 0; font-weight:500;line-height:135%;}



.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: #fff; line-height:100%; font-size:15px; text-align:center; cursor:pointer; transition:all .2s; border-radius:7px; font-weight:500; max-width:100%; font-family:var(--neo);}
.member_content .btn_ar button em	{font-size:11px; font-style:normal; display:inline-block; padding-left:3px; opacity:0.75;}
.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:600; 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 var(--header_line);}
.member_content .w_info.last	{padding-bottom:35px;}
.member_content .w_info h3	{position:relative; width:100%; color:var(--default_color2); font-size:14px; line-height:100%; font-weight:600; padding:10px 0 12px 5px; }
.member_content .w_info h3 span	{color:red; font-size:11px; line-height:100%; font-weight:500; display:inline-block; padding: 0 0 0 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:600;}
.member_content .w_info > p	{position:relative; width:100%; font-size:11px; line-height:150%; padding:10px 5px 0 3px; color:var(--default_color3); font-weight:500;}
.member_content .w_info > p.notice	{padding:10px 20px 0 20px; color:var(--default_color3);}
.member_content .w_info .captcha	{border-radius:3px; height:40px;}

.member_content .logo,
.member_content ul.frm_box,
.member_content .w_info,
.member_content .m_header,
.member_content .btn_ar,
/*ul.login_navi,*/
ul.mb_pick_btn,
.member_footer	{/*animation-name: list_join_frm; animation-duration:1s;animation-iteration-count: 1; animation-direction:normal;animation-fill-mode: forwards; opacity:0; transition:all .1s;transform: translateY(20px);*/}

/*
.member_content .logo {-webkit-animation-delay: 0.1s; animation-delay: 0.1s;}
.member_content .m_header {-webkit-animation-delay: 0.2s; animation-delay: 0.2s;}
.member_content ul.frm_box {-webkit-animation-delay: 0.3s; animation-delay: 0.3s;}
.member_content .w_info {-webkit-animation-delay: 0.3s; animation-delay: 0.3s;}
ul.mb_pick_btn {-webkit-animation-delay: 0.3s; animation-delay: 0.3s;}
.member_content .btn_ar {-webkit-animation-delay: 0.4s; animation-delay: 0.4s;}
ul.login_navi {-webkit-animation-delay: 0.9s; animation-delay: 0.9s;}
.member_footer	{-webkit-animation-delay: 0.5s; animation-delay: 0.5s;}
.member_content button.mode_btn {animation-name: list_array; animation-duration:0.5s;animation-iteration-count: 1; animation-direction:normal;animation-fill-mode: forwards; opacity:0; transition:all .1s; -webkit-animation-delay: 0.5s; animation-delay: 0.5s;}
*/
:root[user-theme="light"] {
	--join_tab:#eee;
	--join_tab_on:#048;
}

:root[user-theme="dark"] {
	--join_tab:rgba(255,255,255,0.03);
	--join_tab_on:#048;
}
.member_content .member_nav {position:relative; margin: auto; width:calc(100% - 2px); left:0; right:0; padding-top:50px;}
.member_content ul.c1_cate {position: relative; left: 0; right: 0; margin: 30px 0 0px 0; line-height: 100%; padding:0; display:flex;max-width: 600px; width: 100%;justify-content: center;}
.member_content ul.c1_cate > li {flex:1; line-height: 100%; text-align:center; position: relative; margin-right: 0px; border-radius: 0px; border:1px solid var(--join_tab); border-width: 0 0 1px 0; border-radius:7px 7px 0 0;}
.member_content ul.c1_cate > li:last-child {margin: 0 ;}
.member_content ul.c1_cate > li.on {border-color: var(--join_tab); border-width: 1px; border-bottom-color: transparent;}

.member_content ul.c1_cate > li.on:after {content:""; position:absolute; top:7px; left:50%; transform:translateX(-50%); width:3px; height:3px; border-radius:100%; background:var(--sym_color); display: none;/*border-top:5px solid red; border-left:5px solid transparent; border-right:5px solid transparent;*/}

.member_content ul.c1_cate > li > a {display:block;  position:relative; padding:12px 0;}
.member_content ul.c1_cate > li > a i,
.member_content ul.c1_cate > li > a span {position:relative; display:inline-block; width:100%;line-height: 100%;}
.member_content ul.c1_cate > li > a i {font-size:30px; color:var(--cate_link); display: none;}
.member_content ul.c1_cate > li > a span {font-size: 12px; font-weight: 500; padding: 0 0px 0 0; color:var(--cate_link_name); letter-spacing:0em;}
.member_content ul.c1_cate > li > a em {display:none;}
.member_content ul.c1_cate > li.on > a i {color:var(--default_color1); }
.member_content ul.c1_cate > li.on > a span {color:var(--default_color1);font-weight: 600; }

.member_content ul.c1_cate > li > a span.main {}
.member_content ul.c1_cate > li > a span.main smtx {display:none;}
.member_content ul.c1_cate > li > a span.main ul.logo_symbol_default {width:calc(calc(var(--logo_symbol_btm) * 2) + 4px ); height:var(--logo_symbol_btm);}
.member_content ul.c1_cate > li > a span.main ul.logo_symbol_default li {width: var(--logo_symbol_btm); opacity:0.3;}
.member_content ul.c1_cate > li > a span.main ul.logo_symbol_default li em {top:-4px; right:0; font-size:10px; }
.member_content ul.c1_cate > li > a span.main ul.logo_symbol_default li.t1 .line {background:var(--default_color1); }
.member_content ul.c1_cate > li.on > a span.main ul.logo_symbol_default li {opacity:0.3;}
.member_content ul.c1_cate > li.on > a span.main ul.logo_symbol_default li.t1 .line {background:var(--sym_color); }
.member_content .rm_bx {position: relative; margin:20px 0 0px 0; padding:0 0 0px 0;}
.member_content .rm_bx input[type="checkbox"]{width:0px; height:0px; padding:0; border:0 none; margin:0; position:absolute; overflow:hidden; clip:rect(0 0 0 0);transition:all 0s;}
.member_content .rm_bx input[type="checkbox"] + label{display: inline-block; position: relative; width:100%; height: 20px; padding-left:0px; background:none; border:none; border-radius:0%;}
.member_content .rm_bx input[type="checkbox"] + label i{position: absolute; top: 50%; left: 17px; transform: translateY(-50%);font-size: 18px; z-index: 1; color: var(--default_color1); opacity:0.1;}
.member_content .rm_bx input[type="checkbox"] + label span{position: absolute; top: 50%; left: 0; width: 100%; transform: translateY(-50%); text-align: left; padding: 0 0 0 45px; color: var(--default_color3);}
.member_content .rm_bx input[type="checkbox"] + label:before	{display: none;}
.member_content .rm_bx input[type="checkbox"] + label:after{content:""; position:absolute; top:0%; left:15px; width:20px; height: 20px; background: var(--search_bg); border-radius: 3px; border: 0px solid var(--area_line);}



.member_content .rm_bx input[type="checkbox"]:checked + label{}
.member_content .rm_bx input[type="checkbox"]:checked + label i {opacity: 1; color: #fff;}
.member_content .rm_bx input[type="checkbox"]:checked + label span	{color:var(--default_color1); }
.member_content .rm_bx input[type="checkbox"]:checked + label:after	{background:var(--sym_color); border-color: var(--sym_color);}

@media screen and (max-width: 650px){
	.member_content {padding:calc(0px + env(safe-area-inset-top)) 25px calc(var(--btm_fix_hd) + env(safe-area-inset-bottom)) 25px;}
	.member_content .join_head {position: sticky; padding: 50px 0 0 0; }
	.member_content button.mode_btn {top:30px;}
	.member_content .mbx 		{margin:calc(0px env(safe-area-inset-top))+  auto 35px auto; max-width:100%;}
	.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:55px;}

}

/**/
.result_msg {position:absolute; top:0; left:0; width:100%; height:100%;  visibility: hidden; opacity: 0; line-height:100%; background:var(--find_result_bg); border-radius:3px; z-index:1;}
.result_msg.show {opacity: 1; visibility: visible; }
.result_msg .msg_view {position:absolute; top:50%; left:0; width:100%; transform:translateY(-50%); }
.result_msg .msg_view span {position:relative; display:inline-block; width:100%; font-size:12px; color:var(--find_result_txt); font-weight:500; line-height:140%; }
.result_msg .msg_view em {position:relative; display:inline-block; width:150px; padding:13px 0;  font-size:12px; color:#fff; font-weight:500; line-height:110%; border-radius:30px; margin-top:30px; font-style:normal; background:var(--sym_color); cursor:pointer;}
.result_msg .msg_view em a {display:block; color:#fff;}


/* 회원가입완료 - 기본정보 */
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:600;}

/* 약관동의 */
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:var(--default_color3); font-size:12px; line-height:100%; font-weight:500;}
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; height:25px;color:#555; font-size:12px;font-weight:600; white-space:nowrap; margin-left:3px; }
ul.rule_list li > div.view	{width:35px; color:#eee; font-size:10px; text-align:center; height:25px; line-height:25px;border:0; transition:all .2s; cursor:pointer; border-radius:3px; font-weight:300; background:var(--sym_color_hover);}
ul.rule_list li > div.view:hover	{background:var(--sym_color); transition:all .2s;}
ul.rule_list li input[type="checkbox"] + label	{display:inline-block; padding:0; width:100%; height:25px; position:relative; border:0px solid var(--rdo_bg_off); border-radius:3px; overflow:hidden; background:none; margin:0 !important; cursor:pointer;}
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:500;}
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);}
ul.rule_list li input[type="checkbox"]:checked + label span em	{color:black;}

/* 로그인 기본버튼 */
ul.mb_pick_btn		{position:relative; width:100%; display:flex; margin:25px 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:15px 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:13px; color:#fff; font-weight:500;}

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:var(--join_find_btn_bg); border:1px solid var(--join_find_btn_out); }
ul.mb_pick_btn li.find_info a:hover	{border-color:var(--join_find_btn_out_hover); }
ul.mb_pick_btn li.find_info a span	{color:var(--default_color1);}

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:var(--default_color1); 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:600;}
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:11px; color:var(--default_color5); transition:all .3s; line-height:100%; border-right:1px solid var(--header_line); padding:0px 0; font-weight:500;}
ul.login_navi li:last-child a	{border:0;}
ul.login_navi li a:hover	{color:var(--default_color2); ; transition:all .3s;}
ul.login_navi li a.here	{color:var(--default_color2); font-weight:bold;}

/* 외부로그인 */
ul.login_btn_api		{position:relative; width:100%; display:flex; justify-content: flex-end; margin:10px 0 0 0;}
ul.login_btn_api li		{flex:1; position:relative;max-width: 120px; }
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:8px 0; text-align:center; background:#333; border-radius:30px; 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:11px; color:#fff; letter-spacing: -0.05em; font-weight: 500;}
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:600; 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;}
	*/

/**/
.pop_layer_box {position:fixed; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.8); visibility: hidden; transition:all .5s; opacity:0;z-index:11111111;}
.pop_layer_box.show {visibility: visible; transition:all .5s; opacity:1;}

.pop_layer_box .plb_pos				{position:absolute; left:50%; top:calc(50% + 15px);transform:translate(-50%, -50%); max-width:600px; width:100%; max-height:800px; height:100%; text-align:center; color:black; border-radius:10px; overflow:hidden;opacity:0;transition: all .3s;}
.pop_layer_box.show .plb_pos {top:50%; opacity:1;}




.pop_layer_box .plb_pos i			{position: absolute; bottom: 0; right: 0;width: 50px;height: 50px;line-height: 50px;text-align: center;font-size: 25px;color: var(--default_color1);transition: all .3s;z-index: 1;cursor: pointer; }
.pop_layer_box .plb_pos i:before			{content:"close";}
.pop_layer_box .plb_pos .pp_head			{position:relative; height:calc(50px + env(safe-area-inset-top)); line-height:50px; text-align:left; letter-spacing:-0.05em;  z-index:1; padding-left:20px; background:var(--ax_pop_head); }
.pop_layer_box .plb_pos .pp_head h2			{position:absolute; bottom:0; left:0px; font-size:16px; color:var(--default_color1); font-weight:700; height:50px; line-height:50px; text-align:left; letter-spacing:-0.05em;  z-index:1; padding-left:20px;  width: 100%;}
.pop_layer_box .plb_pos .pp_head h2 span		{color:#00365b;}




.pop_layer_box .plb_pos .con {position:absolute; top:calc(env(safe-area-inset-top) + 50px); left:0; width:100%; height:calc(100% - calc(calc(env(safe-area-inset-top) + env(safe-area-inset-bottom)) + 120px)); background:var(--place_bg); overflow-y:overlay; padding:30px; }
.pop_layer_box .plb_pos .con.full {height:calc(100% - calc(env(safe-area-inset-top) + 50px)); }
.pop_layer_box .plb_pos .con:: {-ms-overflow-style: none;}
.pop_layer_box .plb_pos .con::-webkit-scrollbar {background: transparent; width:5px; height:5px; border-radius:15px;}
.pop_layer_box .plb_pos .con::-webkit-scrollbar-thumb {background:rgba(0,0,0,0); border-radius:15px;  transition:all .3s;}
.pop_layer_box .plb_pos .con:hover::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.3); transition:all .3s;}
.pop_layer_box .plb_pos ul.pop_view {position:relative; font-size:0;}
.pop_layer_box .plb_pos ul.pop_view > li {display:inline-block; vertical-align:middle; position:relative; width:100%; margin-bottom:5px; }
.pop_layer_box .plb_pos ul.pop_view > li.half {width:50%;}
.pop_layer_box .plb_pos ul.pop_view > li:last-child {margin:0;}
.pop_layer_box .plb_pos ul.pop_view > li.title {font-size:14px; color:var(--default_color1); margin-top:20px;  font-weight:600; text-align:left;}
.pop_layer_box .plb_pos ul.pop_view > li.title:first-child {margin-top:0;}
.pop_layer_box .plb_pos ul.pop_view > li.title post {position:absolute; bottom:5px; right:0; font-size:12px; font-weight:normal; color:#333; font-family:var(--bar); line-height:100%;}
.pop_layer_box .plb_pos ul.pop_view > li.title mg {display:inline-block; width:100%; font-size:11px; font-weight:500; color:var(--default_color1); line-height:100%; opacity:0.6; padding:3px 0 10px 0;}
.pop_layer_box .plb_pos ul.pop_view > li.title.line {border-top:1px dashed var(--header_line); margin-top:20px; padding-top:25px;}
.pop_layer_box .plb_pos ul.pop_view > li.ment {font-size:13px; font-weight:600; color:#333; padding:5px 2px;}
.pop_layer_box .plb_pos ul.pop_view > li.photo {margin-top:8px;}

.pop_layer_box .plb_pos ul.pop_view > li .pic,
.pop_layer_box .plb_pos ul.pop_view > li .edit {display:inline-block; vertical-align:middle; position:relative; }
.pop_layer_box .plb_pos ul.pop_view > li .pic {width:100px; border-radius:100%; overflow:hidden; background-size:cover !important; background-position:center center !important;}
.pop_layer_box .plb_pos ul.pop_view > li .pic:before {content: "\e9f2"; font-family: xeicon !important; display: inline-block; speak: none; font-style: normal; font-weight: 400; font-variant: normal; text-transform: none; line-height: 1; -webkit-font-smoothing: antialiased; position: absolute; top: 50%; left: 50%; font-size: 100px; line-height: 100%; transform: translate(-50%, -50%); color: var(--default_color1); opacity: 0.2;}
.pop_layer_box .plb_pos ul.pop_view > li .pic:after {content:""; display:block; padding-top:100%;}
.pop_layer_box .plb_pos ul.pop_view > li .edit {width:calc(100% - 100px); padding:0px 0 0 20px; text-align:left;}
.pop_layer_box .plb_pos ul.pop_view > li .edit .btn {position:relative;}
.pop_layer_box .plb_pos ul.pop_view > li .edit .btn label {position:relative; cursor: pointer; padding: 5px 10px; background: #004695; color: white; border-radius: 5px; display:inline-block; font-size:12px;}
.pop_layer_box .plb_pos ul.pop_view > li .edit p {position:relative; font-size:11px; color:var(--default_color1); opacity:0.5; padding:10px 0 0 0; font-weight:500;}

.pop_layer_box .plb_pos ul.pop_view > li > span {position:absolute; top:50%; left:10px; transform:translateY(-50%); font-size:12px; font-weight:700; line-height:100%; color:var(--default_color4); z-index:1;}
.pop_layer_box .plb_pos ul.pop_view > li > input {padding:0 10px 0 100px; height:45px; font-weight:700; border: 1px solid var(--bdr_write_out); background: var(--bdr_write_bg); font-size: 12px; text-align: left; transition: all .2s; color: var(--default_color2); border-radius: 7px; width:100%;}
.pop_layer_box .plb_pos ul.pop_view > li > select,
.pop_layer_box .plb_pos ul.pop_view > li > select option {padding:0 10px 0 10px; font-size:12px; height:45px;}
.pop_layer_box .plb_pos ul.pop_view > li > em {position:absolute; top:50%; right:10px; transform:translateY(-50%); font-size:11px; color:#fff; line-height:100%; font-style:normal; background:#333; padding:5px 10px; border-radius:20px; font-weight:normal; font-family:var(--bar); cursor:pointer;}
.pop_layer_box .plb_pos ul.pop_view > li > etc {position:absolute; top:50%; right:15px; transform:translateY(-50%); font-size:11px; color:#333; line-height:100%; font-style:normal; font-weight:normal; font-family:var(--bar);}
.pop_layer_box .plb_pos ul.pop_view > li ul.time_list li {margin:2px;}
.pop_layer_box .plb_pos ul.pop_view > li ul.detail {position:relative;}
.pop_layer_box .plb_pos ul.pop_view > li ul.detail li {position:relative; font-size:0; padding:5px 3px; border-bottom:1px dashed #ddd;}
.pop_layer_box .plb_pos ul.pop_view > li ul.detail li span {display:inline-block; vertical-align:top; position:relative; font-size:12px;}
.pop_layer_box .plb_pos ul.pop_view > li ul.detail li span.tit {width:80px; }
.pop_layer_box .plb_pos ul.pop_view > li ul.detail li span.tit:before {content:"ㆍ";}
.pop_layer_box .plb_pos ul.pop_view > li ul.detail li span.txt {width:calc(100% - 80px); font-weight:700;}
.pop_layer_box .plb_pos ul.pop_view > li ul.match_info {position:relative; font-size:0;}
.pop_layer_box .plb_pos ul.pop_view > li ul.match_info li {display:inline-block; vertical-align:top; width:25%; position:relative; font-size:0; }
.pop_layer_box .plb_pos ul.pop_view > li ul.match_info li span {display:inline-block; vertical-align:top; position:relative; width:100%;}
.pop_layer_box .plb_pos ul.pop_view > li ul.match_info li span.tit {font-size:11px;}
.pop_layer_box .plb_pos ul.pop_view > li ul.match_info li span.txt {font-size:13px; font-weight:700; letter-spacing:-0.05em; line-height:100%; padding-top:2px; color:#000;}
.pop_layer_box .plb_pos ul.pop_view > li ul.match_info li span.txt em {display:inline-block; width:100%;font-weight:normal; font-family:tahoma; font-style:normal; font-size:11px; color:#777; padding-top:3px;}
.pop_layer_box .plb_pos textarea			{width:100%; height:120px; padding:10px; border:1px solid #e9e9e9; background:#fafafa;  font-size:13px; text-align:left; transition:all .2s; color:#0081ef; border-radius:5px;overflow-y:overlay; }
.pop_layer_box .plb_pos textarea:focus {outline:none; background:#fff;  transition:all .2s;}
.pop_layer_box .plb_pos textarea:: {-ms-overflow-style: none;}
.pop_layer_box .plb_pos textarea::-webkit-scrollbar {background: transparent; width:5px; height:5px; border-radius:15px;}
.pop_layer_box .plb_pos textarea::-webkit-scrollbar-thumb {background:rgba(0,0,0,0); border-radius:15px;  transition:all .3s;}
.pop_layer_box .plb_pos textarea:hover::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.3); transition:all .3s;}
.pop_layer_box .plb_pos ul.pop_btn {position:absolute; bottom:0; height:70px; width:100%; display:flex; height:calc(70px + env(safe-area-inset-bottom)); background:var(--sym_color_hover);}
.pop_layer_box .plb_pos ul.pop_btn li {flex:1; height: 70px; }
.pop_layer_box .plb_pos ul.pop_btn li input,
.pop_layer_box .plb_pos ul.pop_btn li a {max-width:100%; width:100%; height:100%; text-align:center; cursor:pointer;font-size:15px; font-weight:700; color:#fff;  border:0; margin:0; border-radius:0; font-family:var(--neo); background: transparent;}
.pop_layer_box .plb_pos ul.pop_btn li a {position:absolute; top:0; left:0;}
.pop_layer_box .plb_pos ul.pop_btn li a span {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%);}
.pop_layer_box .plb_pos ul.cc_btn {position:relative; display:flex; justify-content: center; margin-top:35px;}
.pop_layer_box .plb_pos ul.cc_btn li {flex:1; margin:0 5px; max-width:150px;}
.pop_layer_box .plb_pos ul.cc_btn li a {display:block; text-align:center; font-size:13px; font-weight:600; color:#333; border-radius:35px; border:1px solid #eee; padding:12px 0; transition:all .2s;}
.pop_layer_box .plb_pos ul.cc_btn li.login a {background:#006ad7; border-color:#006ad7; color:#fff;}
.pop_layer_box .plb_pos ul.cc_btn li.login:hover a {background:#0057b1; border-color:#0057b1;}
.pop_layer_box .plb_pos ul.cc_btn li.join a {background:#fafafa; color:#000;}
.pop_layer_box .plb_pos ul.cc_btn li.join:hover a {background:#fff; border-color:#f5f3f3; }
.pop_layer_box .plb_pos .message {position:relative;font-size:13px; font-weight:500; color:#333; line-height:150%;}
.pop_layer_box .rule_box	{display:inline-block; width:100%; text-align:left;}
.pop_layer_box .rule_box h2	{display:inline-block; width:100%; font-size:13px;font-weight:500; padding:15px 0; color:var(--default_color1);}
.pop_layer_box .rule_box p	{display:inline-block; width:100%; font-size:12px; line-height: 180%;  color:var(--default_color1); opacity:0.6; font-weight:300;}

.pop_layer_box .rule_box	{display:inline-block; width:100%; text-align:left;font-size:12px; line-height: 180%;  color:var(--default_color1); font-weight:300;}
.pop_layer_box .rule_box h2	{display:inline-block; width:100%; font-size:13px;font-weight:500; padding:15px 0; color:var(--default_color1);}
.pop_layer_box .rule_box p	{display:inline-block; width:100%; font-size:12px; line-height: 180%;  color:var(--default_color1); font-weight:300;}

@media screen and (max-width: 1160px) {
	.pop_layer_box {transform:translateX(100%); transition:all .4s; opacity:0; background:var(--place_head) !important;}
	.pop_layer_box.show {transform:translateX(0);transition:all .4s;}
	.pop_layer_box .plb_pos			{top:50%; max-width:100%; width:100%; max-height:100%; height:100%; border-radius:0px; opacity:1;}
	.pop_layer_box .plb_pos i:before			{content:"east";}
}


@media screen and (max-width: 650px) {
	.pop_layer_box .plb_pos .pp_head h2 {font-size:14px !important;}
	.pop_layer_box .plb_pos .con {padding:25px; }
	.pop_layer_box .plb_pos .con.full {padding:20px; }
	.pop_layer_box .rule_box	{font-size:10px; line-height:150%; padding:0 15px;}
	.pop_layer_box .rule_box h2	{font-size:11px; padding:15px 0 5px 0;}
	.pop_layer_box .rule_box p	{font-size:10px; line-height:150%;}
}