@charset "utf-8";
/* Element Reset */
.xm,
.xm table,
.xm input,
.xm textarea,
.xm select,
.xm button{font-family:'Spoqa Han Sans Neo',Tahoma,Geneva,sans-serif;font-size:12px;color:#333}
.xm button,
.xm input[type=submit],
.xm input[type=reset],
.xm input[type=button]{cursor:pointer;overflow:visible}
.xm img{border:0}
.xm p{line-height:1.5}
/* Heading */
.xm .hx{position:relative;border-bottom:1px solid #ccc8be;padding:8px 10px;margin:0}
.xm .hx:after{content:"";margin:0 -10px;position:relative;top:10px;display:block;clear:both;height:1px;background:#fff}
.xm .hx.h2{background:#e5e5e5;text-shadow:1px 1px 0 #fff;position:relative;zoom:1}
.xm .hx>h2{margin:0 10px 0 0;display:inline;font-size:16px;line-height:1.4}
.xm .hx a{color:#000}
/* Content */
.xm .co{margin: 10px;line-height: 1.4;font-size: 14px;color:#333}
/* DL */
.xm .dl{margin:15px 0}
.xm .dl>dt{font-weight:bold;margin-top:10px}
.xm .dl>dt>em{font-style:normal;color:#e00}
.xm .dl>dd{margin-left:20px}
/* Button Area */
.xm .ba{margin:15px 0;padding:0;list-style:none;border:1px solid #ddd;border-radius:4px}
.xm .ba li{border-top:1px solid #ddd}
.xm .ba li:first-child{border:0}
.xm .ba li>a,
.xm .ba li>button,
.xm .ba li>input{display:block;white-space:nowrap;padding:7px 10px;text-decoration:none;color:#000;background:#f4f4f4;text-shadow:0 1px 0 #fff;overflow:hidden;text-overflow:ellipsis}
/* List */
.lt{margin:0;padding:0;list-style:none;background:#f8f8f8;font-size:14px}
.lt li{border-bottom:1px solid #ccc8be;overflow:hidden}
.lt li.has_padding { padding: 10px; position: relative; }
.lt li button.delete_autologin { display: block; position: absolute; right: 10px; top: 10px; }
.lt a{box-sizing: border-box;width:100%;display:inline-block;float:left;text-decoration:none;color:#000;padding:10px}
.lt span{
	display:inline-block;
	padding:5px;
}
.lt span.before-color:after{
	content:"→";
	margin-left:10px;
}
.lt .memberInfo{float:right;}
.lt .notice{display:inline-block;background:#a06acd;font-weight:bold;color:#fff;font-size:12px;padding:1px;border-radius:2px;-moz-border-radius:2px;-webkit-border-radius:2px}
.lt .title{display:block;margin:0 0 5px 0}
.lt .title strong{font-size:14px;font-weight:bold}
.lt .title em{font-size:12px;color:#333;color:#6352d2}
.lt .auth{display:block;font-size:12px}
.lt .auth .time{padding:0 5px;border-left:1px solid #bfbfbf}
/* Search */
.search { clear: both; text-align: center; padding: 4px 0; }
.search input[type=search] { font-size: 12px; line-height: 16px; padding: 3px; width: 160px; height: 24px; box-sizing: border-box; }
.search select { font-size: 12px; line-height: 16px; padding: 3px; height: 24px; box-sizing: border-box; }
.search button { font-size: 12px; line-height: 16px; padding: 3px 8px; height: 24px; box-sizing: border-box; }
/* Pagination */
.pn{font-size:12px;text-align:center;background:#f2f0ec;padding:15px 0;border-top:1px solid #fff}
.pn a{color:#333;text-decoration:none}
.pn strong{margin:0 10px}
.pn .prev:before{content:"";display:inline-block;width:0;height:0;margin:0 4px 0 0;border:4px solid;border-color:transparent;border-right-color:#999}
.pn .next:after{content:"";display:inline-block;width:0;height:0;margin:0 0 0 4px;border:4px solid;border-color:transparent;border-left-color:#999}
/* MemberMenu */
.xm div.mtab{
	overflow: hidden;
	width:100%;
	height: 52px;
	white-space: nowrap;
	border-bottom: 1px solid #e0e0e0;
	box-sizing: border-box;
}
.xm ul.mtab{
	display: block;
	list-style: outside none none;
	overflow-x: auto;
	-webkit-overflow-scrolling: touch;
	padding: 6px 0px 100px;
	text-decoration: none;
	margin: 0;
}
.xm ul.mtab>li {
	display:inline-block;
	height: 40px;
	line-height: 18px;
	position: relative;
}
.xm ul.mtab>li a {
	display:inline-block;
	color: #000;
	font-weight: 400;
	letter-spacing: -1px;
	line-height: 40px;
	text-decoration: none;
}
.xm ul.mtab>li a:hover, .xm ul.mtab>li.active a {
	font-weight: 700;
}
.xm ul.mtab>li a span {
	border-left: 1px solid #e0e0e0;
	padding: 0 15px;
}
.xm ul.mtab>li:first-child a span {
	border-left: 0 none;
}
body, p, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, table, th, td, form, fieldset, legend, input, textarea, button, select {
    box-sizing: border-box;
    margin: 0;
    padding: 0;
    -webkit-text-size-adjust: none;
    list-style: none;
}
li{list-style: initial;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {
    display: none;
}
select {
    -webkit-appearance: menulist;
}
a {
    color: inherit;
    text-decoration: none;
}
* {
    -webkit-tap-highlight-color: transparent;
}

/* common */
.d-flex {
    display: flex;
    align-items: center;
}
.d-flex.center {
    justify-content: center;
}
.d-flex.between {
    justify-content: space-between;
}

/* 상단 회원 정보 */
.mypage-top {
    padding: 20px 20px 10px 20px;
    background-color: #fff;
    width: 100%;
    box-sizing: border-box;
}
.mypage-top h3 {
    margin: 0;
}
.nickname-circle {
    background-color: #2797ff;
    color: #fff;
    -webkit-box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    -moz-box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    -ms-box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    -o-box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 6px 12px -2px, rgba(0, 0, 0, 0.3) 0px 3px 7px -3px;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    line-height: 50px;
    font-size: 25px;
    font-weight: 500;
    text-align: center;
    margin-right: 20px;
}
.item-icon.sm {
    width: 14px;
    height: 15px;
    margin-bottom: 0;
    font-size: 12px;
    border-width: 6px;
    line-height: 15px;
    margin-left: -3px;
    font-weight: 300;
    padding-right: 1px;
}
.mypage-top .company-name {
    font-size: 14px;
    font-weight: 300;
    color: #999;
    display: inline-block;
}
.mypage-top .grade-text {
    font-size: 14px;
    color: #999;

}
.mypage-top .date {
    position: absolute;
    top: 5px;
    font-size: 12px;
    color: #aaa;
    right: 5px;
    font-weight: 300;
}

/* 탭 메뉴 */
.mypage .tabmenu {
    width: 100%;
    background-color: #fff;
}
.mypage .tabmenu li {
    display: inline-block;
    width: 25%;
    text-align: center;
    padding: 10px 0;
    color: #666;
    font-weight: 500;
    height: 40px;
    font-size: 14px;
    box-sizing: border-box;
}
.mypage .tabmenu li.active {
    border-bottom: 3px solid #2797ff;
}
.mypage .tabmenu li.active a {
    color: #2797ff;
}

/* 콘텐츠 영역 */
.mypage .contents {
    background-color: #f5f7fa;
    overflow: hidden;
    min-height: 300px;
}
.mypage .contents .card-wrap {
    display: flex;
    justify-content: space-around;
    flex-wrap: wrap;
    flex-direction: row;
    padding: 20px;
}
.mypage .contents .card-wrap > div {
    width: calc(50% - 50px);
    text-align: center;
    padding: 20px;
    margin-bottom: 20px;
    border-top: 4px solid #85E2D7;
    background-color: #fff;
    position: relative;
}
.mypage .contents .card-wrap > div > h2 {
    font-size: 1.3em;
}
.mypage .contents .card-wrap > div > hr {
    background: #999;
    height: 2px;
    border: 0;
    width: 35px;
    margin: 1em auto;
}
.mypage .contents .card-wrap > div > p {
    color: #888;
    font-size: 14px;
}
.mypage .contents .card-wrap > div:nth-child(2n - 1) {
    margin-right: 20px;
}
/* mj */
.mypage .contents .card-wrap.fw {
    padding-top: 0;
}
.mypage .contents .card-wrap.fw > div {
    width: 100%;
    margin: 0 0 20px 0;
    display: flex;
    align-items: center;
    justify-content: center;
    padding: 10px 0;
    text-align: left;
}
.mypage .contents .card-wrap.fw > div:last-of-type {
    margin-bottom: 0;
}
.mypage .contents .card-wrap.fw > div > div {
    display: flex;
    width: 60%;
    align-items: center;
}
.mypage .contents .card-wrap.fw > div .item-icon {
    margin: 0 20px 0 0;
    width: 40px;
    height: 40px;
    line-height: 40px;
    font-size: 25px;
}
.mypage .contents .card-wrap.fw > div p {
    color: #888;
}
.mypage .contents .card-wrap.fw > div h2 {
    font-size: 16px;
}
/**/
.mypage .contents .grade-wrap {
    margin: 25px 20px 0 20px;
    position: relative;
}
.mypage .contents .grade-wrap h3 {
    margin: 0;
}
.mypage .contents .grade-wrap > div:nth-of-type(2) {
    background-color: #fff;
    padding: 20px;
    border: 1px solid #ddd;
    border-radius: 5px;
    margin-top: 5px;
}
.mypage .contents .grade-wrap .item-icon {
    margin: 0 15px 0 0;
}
.mypage .contents .grade-wrap .date {
    position: absolute;
    top: 5px;
    right: 0;
    color: #aaa;
    font-size: 12px;
    font-weight: 300;
}
.mypage .contents .grade-wrap > div:nth-of-type(2) p {
    color: #888;
    font-size: 14px;
}

/* 활동 내역 */
.pmenu-item {
	padding: 20px 10px;
}
.pmenu-item > li {
    display: inline-block;
    color: #333;
    background-color: #f5f7fa;
    border: 1px solid #ddd;
    border-radius: 2px;
    padding: 5px 10px;
	margin-right: 5px;
    text-align: center;
    cursor: pointer;
    box-sizing: border-box;
    margin-bottom: 10px;
}
.pmenu-item > li.active {
    background-color: #fff;
    color: #2797ff;
    font-weight: 500;
	position: relative;
}
.pmenu-item > li.dropdown {
	position: relative;
    min-width: 92px;
    text-align: left;
    z-index: 1;
}
.pmenu-item > li.dropdown > i {
    font-size: 0.7em;
    margin-left: 35px;
}
.pmenu-item > li.dropdown ul {
	list-style: none;
    position: absolute;
    top: 120%;
    left: 0;
    right: 0;
    background-color: #f5f7fa;
    text-align: left;
    min-width: 110px;
    border: 1px solid #ddd;
    box-sizing: border-box;
    border-radius: 2px;
    display: none;;
}
.pmenu-item > li.dropdown ul li {
    padding: 10px;
    word-break: keep-all;
}
.pmenu-item > li.dropdown.active li {
    background-color: #fff;
    color: #555;
}
.pmenu-item > li.dropdown.active li.active {
    color: #2797ff;
}
.mypage .list-wrap {
    padding: 0 10px;
}
.mypage-list-count {
    color: #555;
    margin: 5px;
}
.mypage .mypage-list {

}
.mypage .mypage-list li {
    background-color: #fff;
    padding: 10px;
    list-style: none;
    margin-bottom: 10px;
    position: relative;
}
.mypage .mypage-list li:last-of-type {
    margin-bottom: 0;
}
.mypage .mypage-list li > span {
    color: #888;
}
.mypage .mypage-list li h3 {
    margin: 5px 0 9px 0;
    color: #202020;
    font-weight: 400;
    text-decoration: underline;
}
.mypage .mypage-list li h3:last-child {
    margin-bottom: 0;
}
.mypage .mypage-list li span  h3:last-child {
    margin-bottom: 0;
}
.mypage .mypage-list li span {
    color: #888;
}
.mypage .mypage-list li span:first-of-type {
    margin-right: 8px;
}
.mypage .mypage-list li span img {
    margin-right: -1px;
}
.mypage .mypage-list li.no-result {
    padding: 50px 10px;
    text-align: center;
    color: #555;
}
.mypage .search-wrap {
    margin: 0 0 10px 0;
    /* background-color: #fff; */
    /* border: 1px solid #ddd; */
    border-radius: 2px;
    height: 30px;
    /* padding: 0 10px; */
}
.mypage .search-wrap button i {
    color: #555;
}

/* 등급 안내 */
.item-icon {
    display: inline-block;
    width: 65px;
    height: 65px;
    line-height: 65px;
    background: #468aff;
    color: #fff;
    border-radius: 50%;
    border: 9px double #fff;
    text-align: center;
    font-size: 30px;
    font-weight: bold;
    margin-bottom: 20px;
}
.mypage .contents .text-wrap {
    padding: 20px;
    font-size: 12px;
}
.mypage .contents .text-wrap > hr {
    height: 2px;
    background-color: #000;
    border: 0;
    margin: 0.8rem 0;
}
.mypage .contents .text-wrap > p {
    color: #555;
    word-break: keep-all;
    line-height: 1.5;
}

/* 쪽지함 */
.message-li {
    display: flex;
    align-items: center;
    justify-content: space-between;
    position: relative;
}
.message-li .chkbox-wrap {
    width: 13%;
    text-align: center;
    position: relative;
}
.message-li .chkbox-wrap label {
    width: 35px;
    height: 35px;
    display: inline-block;
    position: absolute;
    transform: translate(-50%, -50%);
    top: 50%;
    left: 50%;
    -webkit-tap-highlight-color: transparent;
}
.message-li .chkbox-wrap input[type=checkbox] {
    display: inline-block;
    margin: 0 auto;
}
.message-li .msg-wrap {
    width: 100%;
    margin-left: 20px;
}
.message-li .msg-wrap .msg-read-date {
    position: absolute;
    top: 10px;
    right: 10px;
    font-weight: 300;
}
.message-li .msg-wrap h3 {
    margin-bottom: 5px !important;
}
.msg-delete-btn {
    padding: 3px 10px;
    background-color: #f0f0f0;
    border: 1px solid #aaa;
    border-radius: 2px;
    color: #000;
    font-weight: 400;
}
.msg-read-wrap {
    background-color: #fff;
    overflow: hidden;
    margin-bottom: 20px;
    border-top: 1px solid #f0f0f0;
    border-bottom: 1px solid #f0f0f0;
}
.msg-read-wrap .msg-title-wrap {
    margin: 0 10px;
    /* background-color: #f9f9f9; */
    border-bottom: 1px solid #999;
    padding: 10px 0;
}
.msg-read-wrap .msg-title-wrap h2 {
    font-size: 1.2em;
    margin-bottom: 3px;
}
.msg-read-wrap .msg-title-wrap .msg-read-nickname {
    color: #555;
    font-weight: 500;
}
.msg-read-wrap .msg-title-wrap .msg-reg-date {
    color: #888;
}
.msg-read-wrap .msg-text-wrap {
    padding: 20px;
    line-height: 1.4rem;
}
.msg-read-wrap .msg-text-wrap li {
    margin-inline-start: 20px;
    list-style: auto;
}
.msg-read-wrap .msg-text-wrap hr {
    height: 1px;
    border: 0;
    background-color: #999;
}
.msg-read-wrap .msg-text-wrap a {
    text-decoration: underline;
}
.msg-read-wrap .btnArea.btn-group {
    padding: 0 20px;
    display: flex;
    align-items: center;
    justify-content: end;
}
.msg-read-wrap .btnArea.btn-group button {
    padding: 3px 10px;
    background-color: #f0f0f0;
    border: 1px solid #aaa;
    border-radius: 2px;
    margin-left: 5px;
    color: #000;
}

/* 회원정보 */
.mypage .member-title {
    padding: 10px 20px;
    border-bottom: 1px solid #cbcbcb;
}
.mypage .member-title h2 {
    font-weight: 500;
    font-size: 1.1em;
}
.mypage .member-info-wrap {
    background-color: #fff;
    border-bottom: 1px solid #cbcbcb;
    padding: 20px;
}
.mypage .member-info-list {

}
.mypage .member-info-list li:nth-of-type(2n - 1) {
    color: #555;
    font-size: 1.1em;
}
.mypage .member-info-list li:nth-of-type(2n) {
    padding: 3px 0 10px 0;
    font-weight: 500;
}
.mypage .member-info-list li:last-of-type {
    padding-bottom: 0;
}
.mypage .member-info-update {

}
.mypage .member-info-update .control-label {
    color: #555;
    font-size: 1.1em;
}
.mypage .member-info-update .input-wrap {
    padding: 3px 0 10px 0;
    font-weight: 500;
}
.mypage .member-info-update .input-wrap .innerbox {
    display: flex !important;
    margin-bottom: 5px;
}
.mypage .member-info-update .input-wrap > .control-label {
    float: left !important;
}
.mypage .member-info-update .input-wrap .innerbox input {
    border: 1px solid #e1e2e3;
    padding: 5px;
    border-radius: 2px;
    margin-right: 10px;
    background-color: #fff;
    width: 70%;
}
.mypage .member-info-update .input-wrap .innerbox button {
    background-color: #f0f0f0;
    border: 1px solid #aaa;
    border-radius: 2px;
    color: #000;
    font-weight: 400;
    width: 30%;
}
.rx_ev_radio, .rx_ev_checkbox {
    display: flex;
}
.rx_ev_radio > label, .rx_ev_checkbox > label {
    display: flex;
    margin-right: 10px;
}
.rx_ev_radio > label > input[type='radio'], .rx_ev_checkbox > label > input[type='checkbox'] {
    margin-right: 3px;
}
.info-update-btn {
    border: 1px solid #2797ff;
    background-color: #fff;
    color: #2797ff;
    padding: 7px 15px;
    border-radius: 2px;
    margin-top: 10px;
    /*
        border: none;
    background-color: #2797ff;
    color: #fff;
    padding: 7px 15px;
    border-radius: 2px;
    margin-top: 10px;
    */
}
.mypage .member-info-update .input-wrap > input {
    border: 1px solid #e1e2e3;
    padding: 5px;
    border-radius: 2px;
    margin-right: 10px;
    background-color: #fff;
    width: 100%;
}
.mypage .member-info-update .input-wrap > input:disabled {
    background-color: #f0f0f0;
}
.mypage .help-inline {
    margin-bottom: 15px;
    color: #2797ff;
    font-size: 12px;
    word-break: keep-all;
}

/* sweetMobileBoard css update */
.smbSearch div.xdt {
    border: 1px solid #ccc;
    background: #fff;
    margin: 0 38px 0 0;
    padding: 5px;
    height: 20px;
    position: relative;
    border-radius: 2px;
}
.smbSearch div.subm.form-result button {
    display: inline-block;
}
.smbSearch div.subm button:nth-of-type(2) {
    margin-left: 5px;
}
.smbSearch div.subm.form-result ~ div.xdt {
    margin-right: 80px;
}
.smbSearch div.xdt select {
    position: absolute;
    top: 5px;
    left: 5px;
    border: 0;
    background-color: #fff;
    height: 20px;
    width: 90px;
    display: block;
    color: #333;
}
.smbSearch div.xdt input[type="search"], .smbSearch div.xdt input[type="text"] {
    width: 100%;
    line-height: 20px;
    height: 20px;
    box-sizing: border-box;
    padding: 3px 5px 3px 95px;
    border: 0;
    outline: 0;
    background-color: #fff;
}
.smbPag .prev i {
    position: relative;
    top: 1px;
    left: -1px;
}
.smbPag {
    overflow: hidden;
    height: 100% !important;
}
.smbPag .num {
    line-height: 38px !important;
}

/* 관심벤더 */
.mlist-vendor li .mtitle {
    font-size: 1rem;
    margin: 0 0 5px 0 !important;
    text-align: center;
}
.mlist-vendor li .maddress {
    font-size: 0.8rem;
    display: block;
    text-align: center;
}
.mlist-vendor li .mvendor-del {
    position: absolute;
    top: 5px;
    right: 5px;
}
.mlist-vendor li > div {
    text-align: center;
    margin-top: 10px;
    color: #555;
    align-items: flex-start;
}
.mlist-vendor li > div > div {
    width: 100%;
}
.mlist-vendor li > div > div > p.vtitle {
    color: #888;
}
.mlist-vendor li > div > div > p.vcontent {
    color: #222;
    font-weight: 500;
}
.control-group.contol-avoid {
    display: none;
}

.mypage-list .img {
    float: left;
    margin-right: 15px;
    width: 30px;
    height: 30px;
    border: 0;
    display: block;
    background: url(/layouts/icon_set_v2.png) no-repeat;
    background-size: 60px;
}

.mypage-list span.ago {
    display: block;
    font-size: 12px;
    margin-left: 45px;
}

select.rx_ev_select{
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    background-color: #fff;
    border-width: 1px;
    padding: 0.5rem 0.75rem;
    --tw-shadow: 0 0 #0000;
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='M6 8l4 4 4-4'/%3E%3C/svg%3E");
    background-position: right 0.5rem center;
    background-repeat: no-repeat;
    background-size: 1.5em 1.5em;
    padding-right: 2.5rem;
    -webkit-print-color-adjust: exact;
    print-color-adjust: exact;
    padding-left: 0.75rem;
    padding-right: 2.5rem;
    font-size: 1rem;
    line-height: 1.5rem;
    width: 100%;
    height: 42px;
    border-radius: 0.375rem;
    border: 1px solid #cccccc;
}