/* 로그인영역 공통 로고/카피 */
.member_logo_area			{position:relative; top:0; left:0; width:100%; text-align:center; padding:35px 0 50px 0;}
.member_logo_area .mla_ab			{display:inline-block; font-size:0;}
.member_logo_area .mla_ab a			{display:block;}
.member_logo_area .mla_ab img,
.member_logo_area .mla_ab .logo_txt	{display:inline-block; vertical-align:bottom;}
.member_logo_area .mla_ab img		{width:130px;}
.member_logo_area .mla_ab .logo_txt	{width:calc(100% - 210px); font-size:10px; color:#999; padding:0 0 0px 5px; display:none;}
.member_logo_area .mla_ab .point	{display:inline-block; width:100%; font-size: 13px; color: #000; padding-bottom: 4px; font-family: 'GmSansM'; letter-spacing: -0.05em;}
.member_footer		{position:relative; bottom:0; left:0; width:100%;  text-align:center; padding:30px 0; font-size:12px; border-top:1px solid #fafafa;}
.member_footer span	{display:inline-block; padding: 0 5px;}

/* 레이어팝 약관보기 */
.mask_content{ z-index:100000; 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:90%; max-height:1100px; height:90%; background:white; animation: fadein_pop 1s; -moz-animation: fadein_pop 1s; -webkit-animation: fadein_pop 1s; -o-animation: fadein_pop 1s; border-radius:20px; overflow:hidden;}
.mask_content .show_con .bx_hd	{position:relative; top:0; left:0; width:100%; height:70px; 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: normal; font-size:15px; color:#000; letter-spacing:-0.05em; line-height:100%; padding:0 30px;transition:all .3s;}
.mask_content .show_con .bx_hd i	{position:absolute; top:0; right:0; font-size:25px; line-height:70px; text-align:center; width:70px; 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% - 70px); 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;}
}

/* 로그인 기본레이아웃 */
nav.mt_n_tab		{position:relative; display:flex; }
nav.mt_n_tab li		{flex:1;}
nav.mt_n_tab li a		{display:block; padding:30px 0 25px 0; line-height:100%; color:#333; font-size:13px; transition:all .3s; background:#f5f3f3; border-bottom:1px solid #f5f3f3;}
nav.mt_n_tab li a span	{display:inline-block; position:relative;}
nav.mt_n_tab li a.on		{color:#000; background:#fff; font-weight:bold; border-bottom:1px solid #f5f3f3;}
nav.mt_n_tab li a.on span:after	{content:""; position:absolute; bottom:-10px; left:0; width:100%; height:1px; background:transparent;}
.mbr_logo		{position:relative; font-size:0; padding-bottom:20px; margin-bottom:25px; border-bottom:0px solid #eee; text-align:left; }
.mbr_logo > i,
.mbr_logo > span	{display:inline-block; vertical-align:middle; line-height:100%;}
.mbr_logo > i	{font-size:15px; color:#000; padding:0 0 0 0; float:right;}
.mbr_logo > span	{font-size:18px; font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em; color:#000;}
.member_content {position:relative; top:0; left:0; right:0; margin:auto; width:100%; padding:100px 35px; 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.modify {padding:70px 0;}
.member_content > h2 {position:relative; top:0; left:0; right:0; margin:auto; max-width:500px; width:100%; padding:0 0 25px 0; text-align:center; font-size:22px; font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em; color:#000;}
.member_content .mbx 		{display:inline-block; vertical-align:top; max-width:500px; width:100%; padding:0; border-radius:15px; background:#fff; position:relative; overflow:hidden;}
.member_content .in_wrp 		{display:inline-block; vertical-align:top; width:100%; padding:65px; position:relative;}

.member_content .notice_ment {position:relative; width:100%; padding:0 3px 15px 3px; margin-bottom:25px; text-align:left; border-bottom:1px solid #eee;}
.member_content .notice_ment h2	{position:relative; width:100%; font-weight:normal; color:#000; font-size:15px; line-height:100%;}
.member_content .notice_ment h2 span	{color:red;}
.member_content .notice_ment p	{position:relative; width:100%; font-size:12px; padding:5px 0 0 0; color:#999; line-height:150%;}

.member_content .m_header {position:relative; width:100%; padding:0 3px 15px 3px; text-align:left;}
.member_content .m_header h2	{position:relative; width:100%; font-weight:normal; color:#000; font-size:15px; line-height:100%;}
.member_content .m_header p	{position:relative; width:100%; font-size:12px; padding:5px 0 0 0; color:#999; line-height:150%;}
.member_content .m_header .back		{position:absolute; top:0; right:0; font-size:0; padding:3px 5px; border:0px solid #eee; transition:all .3s; z-index:1; cursor:pointer; border-radius:3px;}
.member_content .m_header .back:hover		{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:30px; border-top:1px dashed #eee;}
.member_content .in_hdx h3	{position:relative; width:100%; color:#000; font-size:15px; line-height:100%; font-weight:normal;}
.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%;  counter-reset:li; font-size:0;}
.member_content ul.frm_box.care		{padding-top:3px;}
.member_content ul.frm_box.join		{position:relative; width:100%;}
.member_content ul.frm_box li		{display:inline-block; vertical-align:middle; width:100%; position:relative; margin:3px 0;}
.member_content ul.frm_box li.half		{width:calc(50% - 2px) !important;}
.member_content ul.frm_box li.half.h_l		{}
.member_content ul.frm_box li.half.h_r		{margin-left:4px;}
.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:20px; transform:translateY(-50%); font-size:11px; z-index:1;}
.member_content ul.frm_box li > em		{position:absolute; top:50%; right:20px; transform:translateY(-50%); font-size:11px; z-index:1; font-style:normal;}
.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:13px;}
.member_content ul.frm_box.join li > span span	{color:red; font-size:11px; display:inline-block; padding-left:3px;}
.member_content ul.frm_box li input			{width:100%; height:55px; padding:0 15px 0 100px; border:1px solid #eee; border-width:1px;background:#f6f6f6; font-size:12px; text-align:left; transition:all .2s; color:#461067; 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 li.selc		{}
.member_content ul.frm_box li.selc select		{height:55px; padding:0 15px 0 100px; border:1px solid #eee; border-width:1px;background: #f5f3f3 url('/images/sel_arr.gif') no-repeat right 13px center; border-radius:7px; color:red; cursor:pointer;}
.member_content ul.frm_box li.selc select:focus {outline:none; background: #fff url('/images/sel_arr.gif') no-repeat right 13px center; border:1px solid #ddd; transition:all .2s;}
.member_content ul.frm_box li.custom		{background:#f8fdff; border:1px solid #cbebff; border-radius:7px; padding:15px;}
.member_content ul.frm_box li.custom:first-child	{margin-top:10px;}
.member_content ul.frm_box li.custom:before	{content:counter(li)""; counter-increment:li; position:absolute; top:50%; left:-8px; transform:translateY(-50%); font-size:11px; font-family:arial; text-align:center; width:15px; height:15px; background:#004d9d; color:#fff; line-height:15px;border-radius:100%; text-align:center;z-index:1;}
/*.member_content ul.frm_box li.custom:after		{content: '\1D144'; position:absolute; top:50%; right:-8px; transform:translateY(-50%); font-size:25px; line-height:7px; width:15px; height:15px; background:#2095dd; color:#fff; text-align:center; border-radius:100%; z-index:1;}*/
.member_content ul.frm_box li.custom span			{display:inline-block; width:100%; position:relative; top:0; left:0; transform:none; margin-bottom:3px;}
.member_content ul.frm_box li.custom span > input			{width:50%; height:45px; padding:0 15px; border:1px solid #e9e9e9; border-width:1px;background:#fff; font-size:12px; text-align:left; transition:all .2s; color:#461067; border-radius:7px;}
.member_content ul.frm_box li.custom span > input:focus {outline:none; background:#fff; border:1px solid #ddd; transition:all .2s;}
.member_content ul.frm_box li.custom span > input::placeholder {color:#52afe8; font-size:11px;}
.member_content ul.frm_box li.custom > input			{width:100%; height:45px; padding:0 15px; border:1px solid #e9e9e9; border-width:1px;background:#fff; font-size:12px; text-align:left; transition:all .2s; color:#461067; border-radius:7px;}
.member_content ul.frm_box li.custom > input:focus {outline:none; background:#fff; border:1px solid #ddd; transition:all .2s;}
.member_content ul.frm_box li.custom > input::placeholder {color:#52afe8; font-size:11px;}
.member_content ul.frm_box li.custom > i	{position:absolute; top:50%; right:-8px; transform:translateY(-50%); font-size:18px; color:red; line-height:100%;z-index:1; cursor:pointer;}
.member_content ul.frm_box li.custom > .blk_mv	{position:absolute; top:15px; right:15px; font-size:0; margin:0; z-index:1;}
.member_content ul.frm_box li.custom > .blk_mv i	{display:inline-block; vertical-align:bottom; font-size:20px; cursor:pointer;}
.member_content ul.frm_box li.custom > .blk_mv i.not	{cursor:not-allowed; color:#ddd;}
.member_content ul.frm_box li.custom > .blk_mv i:first-child	{margin:0;}
.member_content ul.frm_box li.custom > .blk_mv i:last-child	{color:red; margin-left:15px;}
.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 .cntBox { position:relative; }
.member_content cdown { color: red; position: absolute; right:20px; top: 20px; }
.member_content .add_btn			{position:relative; top:-3px; left:50%; transform:translateX(-50%); width:140px; display:inline-block; font-size:0; text-align:center; padding:12px 0; background:#fff; border:1px solid #eee; border-width:0 1px 1px 1px; border-radius:0 0 7px 7px; cursor:pointer; transition:all .3s;}
.member_content .add_btn:hover		{background:#fafafa; transition:all .3s;}
.member_content .add_btn i,
.member_content .add_btn span		{display:inline-block; vertical-align:middle; color:#000;}
.member_content .add_btn i		{font-size:15px; padding-right:7px;}
.member_content .add_btn span		{font-size:12px;}
.member_content .btn_ar			{position:relative; width:100%; padding-top:10px;}
.member_content .btn_ar input					{width:100%; height:70px; padding:0 10px; border:0px; background:#0081ef; /*font-family: 'GmSansM';*/ line-height:100%; font-size:15px; text-align:center; color:white; cursor:pointer; transition:all .2s; border-radius:7px;}
.member_content .btn_ar input:hover			{background:#0059a5; transition:all .2s;}
.member_content .btn_ar input#id_cmp_btn:disabled { background: #c0c0c0; cursor:not-allowed;}
.member_content .btn_ar a					{width:100%; line-height:70px; background:#0081ef; /*font-family: 'GmSansM';*/  font-size:15px; text-align:center; color:white; transition:all .2s; border-radius:7px; display:block;}
.member_content .btn_ar a:hover			{background:#0059a5; transition:all .2s;}

.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:left; line-height:180%; padding:10px 15px 30px 15px; font-size:13px;}
.member_content .ment span		{color:red;}
.member_content .mbx .qst_tit 		{position:relative; width:100%; color:#000; font-size:15px; line-height:100%; letter-spacing:-0.05em; font-weight:normal;}
.member_content .w_info				{position:relative; width:100%;text-align:left; padding:25px 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:13px; line-height:100%; font-weight:normal; padding:0px 0 10px 5px;}
.member_content .w_info h3 em	{display:inline-block; font-size:11px; font-style:normal; color:red;}
.member_content .w_info h3 > span	{position:absolute; top:0px; right:0; font-size:0; cursor:pointer;}
.member_content .w_info h3 > span i,
.member_content .w_info h3 > span span	{display:inline-block; vertical-align:middle; line-height:100%; font-weight:normal;}
.member_content .w_info h3 > span i	{font-size:18px; padding-right:3px; color:#000;}
.member_content .w_info h3 > span span	{font-size:11px; letter-spacing:-0.05em; color:#555;}
.member_content .w_info h3 > span > button	{display:inline-block; font-size:0; background:transparent; border:0; padding:0; margin:0 15px 0 0; line-height:100%; cursor:pointer;}
.member_content .w_info h3 > span > button:last-child	{margin:0}
.member_content .w_info h3 > span > button > i,
.member_content .w_info h3 > span > button > span	{display:inline-block; vertical-align:middle; line-height:100%;}
.member_content .w_info h3 > span > button > i	{font-size:18px;}
.member_content .w_info h3 > span > button > span	{font-size:11px;}
.member_content .w_info h3 > span > button:last-child > i,
.member_content .w_info h3 > span > button:last-child > span	{color:red;}
.member_content .w_info p	{position:relative; width:100%; font-size:12px; line-height:150%; padding:0 5px 0 5px; color:rgba(0,0,0,0.7);}
.member_content .w_info .s_txt	{position:relative; width:100%; font-size:12px; line-height:150%; padding:10px 5px 0 5px; color:rgba(0,0,0,0.4);}
.member_content .w_info textarea	{position:relative; width:100%; width:100%; height:150px; padding:15px; border:1px solid #eee; border-width:1px;background:#f6f6f6; font-size:13px; text-align:left; transition:all .2s; color:#461067; border-radius:7px;}
.member_content .w_info textarea:focus {outline:none; background:#fff; border:1px solid #ddd; transition:all .2s;}
.member_content .w_info textarea:focus {outline:none; background:#fff; border:1px solid #ddd; transition:all .2s;}
.member_content .w_info #id_files_ele { display:none; }
.member_content .w_info #id_up_file_box					{position:relative; }
.member_content .w_info #id_up_file_box > div			{display:inline-block; width:100%; font-size:0; padding:0 5px 10px 5px;}
.member_content .w_info #id_up_file_box > div > span		{display:inline-block; vertical-align:middle; font-size:11px; padding-right:10px;}
.member_content .w_info #id_up_file_box > div > span:last-child		{padding:0;}
.member_content .w_info #id_up_file_list					{position:relative; border:1px solid #e9e9e9; background:#fafafa; counter-reset:div; border-radius:7px; margin-bottom:10px;}
.member_content .w_info #id_up_file_list .frec			{display:inline-block; width:100%; border-top:1px dashed #eee;margin-top:3px; padding:10px 10px 10px 30px; position:relative;}
.member_content .w_info #id_up_file_list .frec:before		{content:counter(div)""; counter-increment:div; position:absolute; top:50%; left:10px; transform:translateY(-50%); font-size:11px; font-family:arial; text-align:center; width:15px; height:15px; background:#000; color:#fff; line-height:15px;border-radius:100%; text-align:center;}
.member_content .w_info #id_up_file_list .frec:first-child			{border:0; margin-top:0px;}
.member_content .w_info #id_up_file_list .frec .fname{display:inline-block; vertical-align:middle; width:calc(100% - 60px); font-size:12px; line-height:100%; color:#004d9d;overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.member_content .w_info #id_up_file_list .frec .fsize{display:inline-block; vertical-align:middle; width:60px; font-size:11px; font-family:tahoma; line-height:100%; text-align:right; color:#777;}
.member_content.modify .w_info:first-child {padding-top:0; border:0;}
.member_content .wrn_msg {position:relative; width:100%; font-size:12px; color:red; padding:0 5px 5px 5px;}
.member_content .filebox {position:relative; width:100%; }
.member_content .filebox .upload_name {}
.member_content .filebox span {position:absolute; top:50%; left:20px; transform:translateY(-50%); font-size:11px;}
.member_content .filebox > label {position:absolute; top:50%; right:10px; transform:translateY(-50%); background:#0059a5; color:#fff; font-size:11px; line-height:100%; padding:7px; border-radius:3px; cursor:pointer;}
.member_content .filebox > input[type="file"] {position: absolute; top:0; left:0; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
.member_content .fileinfbox {position:relative; width:100%; font-size:0;padding:7px 7px 15px 7px; text-align:left;}
.member_content .fileinfbox a,
.member_content .fileinfbox span,
.member_content .fileinfbox label,
.member_content .fileinfbox em {display:inline-block; vertical-align:middle; font-size:11px; ; color:#333;}
.member_content .fileinfbox a {position:relative; top:0; left:0; width:50px; height:50px; border:1px solid #eee; font-size:0; background-size:cover !important; background-position:center center !important; border-radius:100%;}
.member_content .fileinfbox span {color:#333; padding:0 10px;}
.member_content .fileinfbox label {margin:0;}
.member_content .fileinfbox em {font-style:normal; font-size:11px; ; color:#333;}
.member_content .last_msg {display:inline-block; width:100%; padding:0 5px 30px 5px; text-align:left; font-size:0; position:relative;}
.member_content .last_msg p {display:inline-block; vertical-align:top; width:100%; font-size:12px; color:#555; text-align:left;}
.member_content .last_msg a {position:absolute; bottom:0; right:0; line-height:100%; background:#333; font-size:12px; color:#fff; text-align:center; padding:10px 0; width:90px; border-radius:35px;}

ul.pj_file {position:relative; width:100%; font-size:0; margin-top:10px;}
ul.pj_file li {display:inline-block; vertical-align:top; width:100%; position:relative; margin-top:5px; font-size:0; border:1px solid #eee; padding:15px; border-radius:7px; background:#fafafa;}
ul.pj_file li:first-child {border:1px solid #eee; background:#f3fbff;}
ul.pj_file li .u_pic,
ul.pj_file li .u_info {display:inline-block; vertical-align:middle; position:relative; }
ul.pj_file li .u_pic {width:80px; }
ul.pj_file li .u_pic:after {content:""; display:block; padding-top:100%;}
ul.pj_file li .u_info {width:calc(100% - 80px); padding:0 20px 0 20px;}

/*ul.pj_file li:after {content:""; display:block; padding-top:100%;}*/
ul.pj_file li .upload_name {position:absolute; top:0; left:0; width:0; height:0; opacity:0;}
ul.pj_file li h4 {position:absolute; top:50%; left:-8px; transform:translateY(-50%); font-size:11px; font-family:arial; text-align:center; width:15px; height:15px; background:#004d9d; color:#fff; line-height:15px;border-radius:100%; text-align:center;}
ul.pj_file li:first-child h4 {background:#0089d9;}
ul.pj_file li > label {position:absolute; bottom:0; left:0; width:100%; height:45px; line-height:45px;text-align:center; background:#333; color:#fff; font-size:11px;  cursor:pointer; z-index:1;}
ul.pj_file li > input[type="file"] {position: absolute; top:0; left:0; width: 0; height: 0; padding: 0; overflow: hidden; border: 0;}
ul.pj_file li a {position:absolute; top:0; left:0; width:100%; height:100%; display:inline-block; background-size:cover !important; background-position:center center !important; font-size:0; overflow:hidden; border-radius:5px;}
ul.pj_file li a span {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:0;}
ul.pj_file li a i {position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); font-size:30px; color:red;}
ul.pj_file li .att_f_name {display:inline-block; width:100%;overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding:0px 0 5px 0; font-size:11px;}
ul.pj_file li .chk {position:relative; top:0; left:0; text-align:left;}
ul.pj_file li .chk input[type="checkbox"]{display:none;}
ul.pj_file li .chk input[type="checkbox"] + label{height:25px; line-height:25px; padding:0 0 0 35px; margin-right:0; display:inline-block; background:url('/images/_____bg_checkbox.jpg') no-repeat 0 0; font-size:11px; color:#000; cursor:pointer; transition:all .3s; z-index:2;}
ul.pj_file li .chk input[type="checkbox"]:checked + label{background-position: 0 -25px; transition:all .3s;}
ul.pj_file li .tools {position:relative; top:0; left:0; font-size:0; text-align:left; padding-top:8px;}
ul.pj_file li .tools i {display:inline-block; vertical-align:middle; line-height:100%; cursor:pointer; font-size:20px; margin-left:3px; background:#fff; border:1px solid #eee;}
ul.pj_file li .tools i:first-child {margin-left:0;}
ul.pj_file li .tools i.not {cursor:not-allowed; color:#ddd;}
ul.pj_file li .mv_top {position:absolute; top:-2px; right:-5px; font-size:12px; line-height:100%; background:#333; color:#fff; border-radius:3px; z-index:1; padding:5px;cursor:pointer; }
ul.pj_file li .mv_top.not {background:#0089d9;}

/* 회원가입완료 - 기본정보 */
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:90px; color:#555;}
dl.end_info dt:before		{content:"ㆍ ";}
dl.end_info dd		{width:calc(100% - 90px); color:#000;}

/* 약관동의 */
ul.rule_list		{position:relative; width:100%;}
ul.rule_list li		{display:inline-block; width:100%; font-size:0; padding-top:5px;}
ul.rule_list li > h5,
ul.rule_list li > span,
ul.rule_list li > a		{display:inline-block; vertical-align:middle; line-height:100%;}
ul.rule_list li > h5	{width:230px; color:#555; font-size:12px; line-height:100%; font-weight:normal;}
ul.rule_list li > h5:before	{content:"ㆍ ";}
ul.rule_list li > h5 span	{font-size:11px; color:red;}
ul.rule_list li > span	{width:calc(100% - 270px); color:#555; font-size:12px;}
ul.rule_list li > a	{width:40px; color:#555; font-size:11px; text-align:center; padding:6px 0; border:1px solid #eee; transition:all .2s;}
ul.rule_list li > a:hover	{color:#000; border:1px solid #ddd; transition:all .2s;}

/* 로그인영역 동선 */
ul.mb_pick_btn		{position:relative; width:100%; display:flex; margin:5px 0 50px 0;}
ul.mb_pick_btn.mdf	{margin:5px 0 10px 0;}
ul.mb_pick_btn li		{flex:1;}
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:20px 0; text-align:center; background:#0081ef; border-radius:7px; transition:all .3s;}
ul.mb_pick_btn li a:hover	{background:#0059a5; transition:all .3s;}
ul.mb_pick_btn li a i,
ul.mb_pick_btn li a span	{display:inline-block; vertical-align:middle;}
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;}
ul.mb_pick_btn li.sel a	{background:red;}
ul.mb_pick_btn li.sel a i	{display:inline-block;}

/* 로그인영역 동선 */
ul.login_navi		{position:relative; display:flex; margin-top:35px; padding:0 50px;}
ul.login_navi li	{flex:1;}
ul.login_navi li a	{display:block; font-size:13px; color:rgba(0,0,0,0.7); transition:all .3s; line-height:100%; border-right:1px solid #eee; padding:0px 0;}
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:80px;}
.rule_box h2 {display:inline-block; width:100%; font-size:15px; line-height:140%; font-weight:normal; color:black;}
.rule_box p {display:inline-block; width:100%;  font-size:12px; line-height:180%; 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; display:none;}
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;}
	*/

/* 로그인선택 */
.kims_log_wrp		{position:relative; width:100%; text-align:center;}
/*.kims_log_wrp:before {content:""; position:absolute; top:0; left:0;  background:url(/images/bg_intro_cmp_bidding.png) no-repeat; background-position:bottom center !important; background-size:cover !important; width:100%; height:100%; transition:all .3s; opacity:0.1;}*/
.kims_log_wrp .klw_pos {position:relative; max-width:1000px; width:100%; min-width:950px; display:inline-block; padding:100px 80px; font-size:0; z-index:1;}
.kims_log_wrp .klw_pos:after {content:""; position:absolute; top:50%; left:50%; transform:translate(-50%, -50%); width:1500px; height:35%; background:#333; z-index:-1; display:none;}
.kims_log_wrp .k_header {position:relative; width:100%; padding:0 15px 50px 15px; text-align:center;  z-index:10;}
.kims_log_wrp .k_header h2	{position:relative; width:100%; font-size:25px; font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em; color:#000; line-height:100%;}
.kims_log_wrp .k_header h2 span	{color:#000;}
.kims_log_wrp .k_header p	{position:relative; width:100%; font-size:12px; padding:15px 0 0 0; color:#999; line-height:150%;}
.kims_log_wrp .k_header .choice		{position:relative; width:100%;}
.kims_log_wrp .k_header .choice span	{display:inline-block; font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em; color:#000; line-height:100%; font-size:30px;}
.kims_log_wrp .k_header .choice span.t1	{}
.kims_log_wrp .k_header .choice span.t2	{padding-left:5px; display:none;}
.kims_log_wrp .k_header .choice i		{display:none;}
.kims_log_wrp .log_sec {display:inline-block; vertical-align:top; width:calc(50% - 15px); position:relative; z-index:1; background:#fff; border:1px solid #eee; border-radius:35px; transition:all .3s;}
.kims_log_wrp .log_sec:after {content:""; display:block; padding-top:100%;}
.kims_log_wrp .log_sec:hover {box-shadow: -10px 10px 10px -10px rgba(0,0,0,0.1), 10px 10px 10px -10px rgba(0,0,0,0.1);  transition:all .3s;}
.kims_log_wrp .log_sec.bg_d {margin-right:15px;}
.kims_log_wrp .log_sec.bg_b {margin-left:15px;}
.kims_log_wrp .log_sec.bg_d:before,
.kims_log_wrp .log_sec.bg_b:before {content:""; position:absolute; top:0; left:0; background-position:center center !important; background-size:cover !important; width:100%; height:100%; transition:all .3s;}

/*
.kims_log_wrp .log_sec.bg_d:before {background:url(/images/bg_intro_cmp_design.jpg) no-repeat; opacity:0.15;}
.kims_log_wrp .log_sec.bg_b:before {background:url(/images/bg_intro_cmp_bidding.png) no-repeat; opacity:0.15;}
.kims_log_wrp .log_sec.bg_d:hover:before {background:url(/images/bg_intro_cmp_design.jpg) no-repeat; opacity:0.1;}
.kims_log_wrp .log_sec.bg_b:hover:before {background:url(/images/bg_intro_cmp_bidding.png) no-repeat; opacity:0.1;}
*/
.kims_log_wrp .log_sec:hover {border:1px solid #eee; transition:all .3s;}
.kims_log_wrp .log_sec .s_wrp {position:absolute; top:50%; left:0; transform:translateY(-50%); width:100%; z-index:3;}
.kims_log_wrp .log_sec .s_wrp > a {position:absolute; top:0; left:0; width:100%; border:1px solid red;}
.kims_log_wrp .log_sec .s_wrp > i {display:inline-block; width:100%; font-size:60px; color:#000; transition:all .3s;}
.kims_log_wrp .log_sec img {width:120px; cursor:pointer;}
.kims_log_wrp .log_sec h3 {display:inline-block; width:100%; font-size:22px; font-family:Noto Sans KR, sans-serif; font-weight:500; letter-spacing:-0.05em; color:#000; padding:35px 0 0 0; cursor:pointer;}
.kims_log_wrp .log_sec p	{display:inline-block; width:100%; font-size:12px; padding:15px 0 40px 0; cursor:pointer;}
.kims_log_wrp ul.choice_log {display:inline-block; width:100%; font-size:0; opacity:1; transition:all .3s;}
.kims_log_wrp ul.choice_log li {display:inline-block; vertical-align:top; position:relative;}
.kims_log_wrp ul.choice_log li a {display:block; transition:all .2s;padding:10px; color:#555; font-size:13px; transition:all .3s;}
.kims_log_wrp ul.choice_log li a:hover {color:#0061b5; transition:all .3s;}
.kims_log_wrp .log_sec:hover i {color:#000; transition:all .3s;}
.kims_log_wrp .log_sec:hover ul.choice_log {opacity:1; transition:all .3s;}
.kims_log_wrp .log_sec .cmp_cnt {position:absolute; top:25px; right:25px; text-align:right; font-size:0; z-index:2; display:none;}
.kims_log_wrp .log_sec .cmp_cnt i,
.kims_log_wrp .log_sec .cmp_cnt span {display:inline-block; vertical-align:middle; line-height:100%;}
.kims_log_wrp .log_sec .cmp_cnt i {font-size:18px; padding-right:5px; color:#555;}
.kims_log_wrp .log_sec .cmp_cnt span {font-size:11px; font-family:tahoma; color:#777;}
.kims_log_bg {position:absolute; top:0; left:0; width:100%; height:100%; background:url(/images/main_line1.png) no-repeat; background-position:bottom center; background-size:cover; background-attachment:fixed; opacity:0.05;}
/* 회원종류별 로그인 동선 - bottom */
nav.login_menu		{position:relative; display:flex; margin-top:30px; padding:0 0;}
nav.login_menu li		{flex:1; border-right:1px solid #eee;}
nav.login_menu li:last-child	{border:0;}
nav.login_menu li a		{display:block; padding:0px 0; line-height:100%; color:#777; font-size:12px; transition:all .3s;}
nav.login_menu li a:hover		{color:#000; transition:all .3s;}

