@charset "utf-8";

/* 회원가입 약관 */
#fregister section {padding:15px;border-bottom:1px solid #eee;background:#fafafa}
#fregister h2 {margin:0 0 15px;text-align:center}
#fregister textarea {display:block;margin-bottom:10px;padding:5px;width:99%;height:150px;border:1px solid #cfded8;background:#f7f7f7}
.fregister_agree {padding:10px 0 0;text-align:right}
.fregister_agree label {display:inline-block;margin-right:5px}
#fregister p {color:#e8180c;text-align:center}
#fregister .btn_confirm {margin:15px 0}
#fregister_private .tbl_head01 {margin:0}
#fregister_private .tbl_head01 th{;text-align:center;border:1px solid #d1dee2;width:33%}
#fregister_private .tbl_head01 td {border:1px solid #e9e9e9;background:#fff}
#fregister_private .tbl_head01 caption{position:absolute;font-size:0;line-height:0;overflow:hidden;top:0;color:#fff}

/* 회원수정 */
#member_info h2 {font-size:0;}

#member_info {background:#f5f5f5; overflow:hidden;}
#member_info .table {background:#fff; overflow:hidden; border:1px solid #d0d0d0; box-sizing:border-box; margin:10px;}
#member_info select {height:35px;}
#member_info table {width:95%; margin:0 auto; border-spacing:0; }
#member_info td {position:relative; padding:10px 0 5px; border-bottom:1px solid #ccc;}
#member_info tr:last-child td {border:0; padding-bottom:10px}
#member_info label:not(.del) {display:inline-block; width:70px; height:39px; line-height:40px; float:left;}
#member_info input[type=checkbox] {position:relative; top:-3px;}
#member_info .frm_input {width:calc(100% - 87px); padding:7px; margin-top:5px}
#member_info td .frm_input:nth-child(2) {margin:0;}
#member_info #addr .frm_input {width:calc(100% - 17px);}

#member_info .frm_info {display:block; font-size:0.9em; color:#666;}
#member_info .btn_frmline {width:65px; height:39px;}
#member_info #reg_mb_zip {width:80px !important;}
#member_info #page_title {margin-top:20px; z-index:9;}
#member_info #bank ul {display:none; position:absolute; top:-171px; left:0; width:100%; overflow:hidden; background:#f5f5f5; border:1px solid #aaa; box-sizing:border-box;}
#member_info #bank li {float:left; width:16.66%; height:45px; line-height:45px; text-align:center; letter-spacing:-2px; border:1px solid #ddd; border-top:0; border-right:0; box-sizing:border-box; font-size:0.9em}
#member_info #bank li:nth-child(1),#member_info #bank li:nth-child(7),#member_info #bank li:nth-child(13) {border-left:0;}
#member_info #bank li:nth-child(6n) {width:16.67%;}
#member_info #bank li:nth-last-child(1),#member_info #bank li:nth-last-child(2),#member_info #bank li:nth-last-child(3),#member_info #bank li:nth-last-child(4),#member_info #bank li:nth-last-child(5),#member_info #bank li:nth-last-child(6) {border-bottom:0;}
#member_info #bank input:nth-child(3) {width:13%; float:left; border:0; height:25px; margin:0; background:#666; color:#fff; font-size:0.95em; text-align:center; letter-spacing:-1px;}
#member_info #bank input:nth-child(3)::placeholder {color:#fff; text-align:center;}
#member_info #bank input:nth-child(4) {width:15%; float:left; margin:0; border-right:0; margin-left:-1px;}
#member_info #bank input:nth-child(5) {width:36%; float:left; margin:0;}
#member_info #bank span {margin-left:-2px;}
#member_info #mb_sex {position:absolute; top:22px; left:70px;}
#member_info #mb_sex input {width:15px; height:15px; vertical-align:top;}

#member_info #btn_private {position:absolute; top:-10px; right:0; width:82px; height:20px; line-height:14px; font-weight:300; font-size:0.9em; background:#555; color:#fff; text-align:center;}
#member_info #private_info {display:none; position:absolute; top:19px; right:0; width:100%; border:1px solid #bbb; box-sizing:border-box; background:url(/img/cross_pattern.gif) #fff;}
#member_info #private_info .table {width:calc(100% - 20px);}
#member_info #private_info label {width:100px; height:15px; padding-left:5px; line-height:15px;}
#member_info #private_info h3 {margin:10px 0 -5px 10px; font-size:1.15em; font-weight:bold}
#member_info .file_input label.file {position:relative; cursor:pointer; display:inline-block; vertical-align:middle; overflow:hidden; background:#40a9ef; color:#fff; text-align:center; line-height:40px; float:left;}
#member_info .file_input label.file input {position:absolute; width:0; height:0; overflow:hidden;}
#member_info .file_input input[type=text] {width:174px; vertical-align:middle; display:inline-block; height:37px; line-height:28px; font-size:11px; padding-left:5px; border:0; border:1px solid #ddd; border-right:0; float:left;}
#member_info .file_input img {position:absolute; width:37px; height:37px; top:11px; left:71px; border-right:1px solid #ddd;}
#member_info .file_input .frm_info {margin-left:72px !important;}

#member_info .btn_wrap {width:100%; text-align:center; margin:10px 0 20px;}
#member_info .btn_wrap a {width:86px; height:24px; line-height:26px;}
#member_info .btn_wrap .btn_submit {width:100px; height:40px; line-height:43px; margin-left:10px;}


/* 회원가입 완료 */
#reg_result.seller {padding:50px 0 0}
#reg_result.seller #reg_welcome {font-size:2em; color:#14436d; letter-spacing:-2px; border-bottom:1px solid #ddd; padding-bottom:5px;}
#reg_result.seller #reg_welcome span {color:#40a9ef;}
#reg_result.seller .reg_guide {margin-top:30px; padding-left:5px; line-height:23px;}
#reg_result.seller .reg_guide:last-child {background:#f7f7f7; padding:10px; margin:30px 0 70px; border:1px solid #eee; box-sizing:border-box;}

#reg_result .btn {display:inline-block; width:170px; padding:10px 0; font-size:1.1em; border:1px solid; letter-spacing:-2px; text-align:center; margin:20px 0; text-decoration:none; transition-duration:0.2s;}
#reg_result #btn_left {background:#f9f9f9; border-color:#7b6fe0; color:#7b6fe0;}
#reg_result #btn_left:hover {background:#7b6fe0; color:#fff; }
#reg_result #btn_right {background:#f9f9f9; border-color:#40a9ef; color:#40a9ef;}
#reg_result #btn_right:hover {background:#40a9ef; color:#fff;}

#reg_result.member #reg_welcome {width:90%; margin:0 auto; padding:30px 0 10px 0; overflow:hidden;}
#reg_result.member #reg_welcome p {text-align:center;}
#reg_result.member #reg_welcome p:first-child {font-size:1.2em; color:#777; padding-bottom:5px;}
#reg_result.member #reg_welcome p:last-child {font-size:1.7em; letter-spacing:-2px;}
#reg_result.member #reg_welcome span {font-weight:800;}
#reg_result.member #reg_welcome span:first-child {color:#40a9ef;}
#reg_result.member #reg_welcome span:last-child {color:#978dec;}
#reg_result.member #g5Line {width:95%; height:2px; margin:0 auto;}
#reg_result.member #g5Line li {width:50%; height:100%; float:left;}
#reg_result.member #g5Line li:first-child {background:#40a9ef}
#reg_result.member #g5Line li:last-child {background:#978dec}
#reg_result.member .reg_guide {width:295px; overflow:hidden; margin:0 auto; padding-top:10px; letter-spacing:-1px; line-height:20px; color:#777}
#reg_result.member .exit {color:#9b2977; font-weight:bold;;}
#reg_result.member #btn_wrap {width:100%; margin:0 auto; text-align:center; padding-bottom:10px;}

/* 아이디/비밀번호 찾기 */
#find_info #info_fs {margin:0 20px 10px}
#find_info #info_fs p {margin:0 0 10px;line-height:1.8em}
#find_info #info_fs #mb_email {width:100%}
#find_info #captcha {margin:0 20px;padding:0 0 10px}
#find_info #captcha input {margin-left:5px}

/* 로그인 */
.mbskin h3 {display:block; font-size:1.6em; color:#486577; letter-spacing:-2px; margin:0 0 10px 5px; font-weight:normal}
#sns_confirm {position:relative; width:calc(100% - 20px); overflow:hidden; clear:both; margin:0 auto; padding:30px 0;}
.sns_confirm_box {position:relative; width:210px; height:50px; margin:0 10px 10px 0; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; transition:all 0.3s; margin:0 auto;}
/*.sns_confirm_box:nth-child(2n) {margin:0;}*/
.sns_confirm_box a {display:block; width:100%; height:100%; padding:16px 0 0 50px; font-size: 1.1em; letter-spacing:-1px; text-decoration:none}
.sns_confirm_box span {font-weight:bold;}
#sns_confirm #nv {background:#f9f9f9 url(./img/icon_reg_sns_naver.gif) no-repeat 9px 9px;}
#sns_confirm #g5 {background:#f9f9f9 url(./img/icon_reg_sns_kakao.gif) no-repeat 9px 9px; margin-right:0;}
#sns_confirm #fb {background:#f9f9f9 url(./img/icon_reg_sns_fb.gif) no-repeat 9px 9px; clear:both;}
#sns_confirm #gl {background:#f9f9f9 url(./img/icon_reg_sns_google.gif) no-repeat 9px 9px; margin-right:0;}
.sns_confirm_box:hover {background-color:#f4f3ff !important;}
#sns_confirm .guide {width:320px; color:#717171; font-size:1em; letter-spacing:-2px; line-height:23px; clear:both; margin:0 auto 20px; }

/* 셀러 로그인 */
#mb_login {position:relative; overflow:hidden; margin:0 auto; padding:30px 0;}
#mb_login .login_box {position:relative; width:calc(100% - 20px); padding-bottom:20px; border:1px solid #ddd; box-sizing:border-box; overflow:hidden; margin:0 10px; background:#f9f9f9;}
#mb_login .login_box form {position:relative; width:88%; margin:0 auto; top:20px; overflow:hidden;}
#mb_login .login_box .login_char {display:block; width:100%; height:22px; font-weight:bold; font-size:1.2em; letter-spacing:-1px; }
#mb_login .login_box .frm_input {width:100%; height:40px; background-color:#fcfcfc; border:1px solid #dcdcdc; box-sizing:border-box; font-size:17px; font-weight:bold; padding:5px 0 5px 10px; margin:5px 0 10px 0;}
#mb_login .login_box #link {width:99%; height:20px; overflow:hidden; margin:0 auto; text-align:center;}
#mb_login .login_box #login_auto_login {display:inline-block; vertical-align:bottom; float:left; margin:3px 2px 0 0;}
#mb_login .login_box .button_wrap {position:relative; width:200px; margin:0 auto; text-align:center; margin-top:5px; }
#mb_login .login_box .button_wrap  #btn_1 {background-color:#8772e5; transition:all 0.5s;}
#mb_login .login_box .button_wrap  #btn_1:hover {background-color:#00bbd7;}

#mb_login .btn {position:relative; width:150px; height:40px; font-weight:bold; letter-spacing:-2px; font-size:1.3em; border:0; color:#fff; cursor:pointer;}
#mb_login .wordspace {font-size:0.85em; padding:0 10px; float:left; color:#999;}
#mb_login fieldset {width:100%; margin-bottom:20px; overflow:hidden;}
#mb_login span, #mb_login label {display:inline-block; font-size:1.1em; color:#666; letter-spacing:-1px; cursor:pointer; float:left;}

/* 쪽지 */
#memo_list {margin-top:20px;}
#memo_list h1 {width:0; height:0; overflow:hidden;}
#memo_list ul {width:100%; border-bottom:1px solid #e0e0e0; overflow:hidden; }
#memo_list ul:last-child {border:0; margin-bottom:10px;}
#memo_list li {overflow:hidden; float:left;}
#memo_list .seller {width:50px; height:50px; margin:10px 0 10px 10px;}
#memo_list .seller img {width:100%; border-radius:50px 0 50px 50px;}
#memo_list .memo {width:calc(100% - 85px); margin:8px 10px 10px 15px;}
#memo_list .header {width:100%; height:17px; overflow:hidden;clear:both;}
#memo_list .header .send {font-weight:bold; font-size:1.2em; letter-spacing:-1px; float:left;}
#memo_list .header .datetime {color:#777; line-height:18px; float:right;}
#memo_list .content {background:#f5f5f5; letter-spacing:-1px; line-height:15px; padding:5px; border-radius:5px; margin-top:5px; overflow:hidden;}
#memo_list .content a {color:#777; font-size:0.95em;}
#memo_list .content span {font-weight:bold; color:#0078d7; padding-right:5px;}

#memo_view {width:100%; height:calc(100vh - 465px);}
#memo_view #cover {position:fixed; width:100%; height:90px; overflow:hidden; z-index:10;}
#memo_view #cover .seller {width:90px;}
#memo_view #cover .seller img {width:70px; height:70px; border-radius:50px; margin:6px 10px; border:4px solid #ddd;}
#memo_view #cover .info {width:calc(100% - 90px);}
#memo_view #cover li {float:left;}
#memo_view #cover_back {position:fixed; width:100%; height:90px; background:#f0f0f0; opacity:0.9; border-bottom:1px solid #ccc; z-index:5;}

#memo_view #memo_list_ul {width:calc(100% - 10px); height:100%; padding-left:10px; background:#f9f9f9;}
#memo_view .title {width:100%; height:50px; border:1px solid #ddd; margin-top:10px; overflow:hidden;}

#memo_view .pr_img {position:relative; width:40px; height:40px; float:left; clear:both; overflow:hidden;}
#memo_view .pr_img img {width:100%; border-radius:25px 0 25px 25px; border:1px solid rgba(0,0,0,0.2); box-sizing:border-box;}
#memo_view .memo {position:relative; width:calc(100% - 50px); float:left;}
#memo_view .memo .content {border:1px solid #ddd; padding:7px 10px 5px; margin:0 0 10px 10px; background:#fff; line-height:20px; border-radius:0 5px 0 0; box-sizing:border-box;}
#memo_view .memo .content span {font-weight:bold; color:#0078d7; padding-right:10px;}

#memo_view .item {width:calc(100% - 10px); border:1px solid #ddd; padding:10px; float:left; margin:0 10px 0 10px; background:#fff; box-sizing:border-box;}
#memo_view .item .item_img {width:80px; float:left; overflow:hidden;}
#memo_view .item .item_img img {width:100%;}
#memo_view .item .item_sbj {width:calc(100% - 90px); margin-left:10px; float:left;}
#memo_view .item .item_sbj .category {display:block; color:#777; margin:3px 0 5px;}
#memo_view .item .item_sbj .price {display:block; font-size:1.2em; color:#7567bf; margin-top:5px;}
#memo_view .item .item_sbj a {display:block; width:100%; max-height:29px; font-weight:bold; overflow:hidden; text-overflow: ellipsis;}
#memo_view .datetime {width:calc(100% - 15px); color:#999; margin:-5px 0 20px 10px; text-align:right; float:left;}
#memo_view .timeline {margin-top:50px; z-index:1;}
#memo_view .timeline {position:relative; width:100%; height:auto; margin-bottom:30px; clear:both;}
#memo_view .timeline hr {position:absolute;display:block !important;  width:100%; height:1px; border:0; border-top:1px solid #ddd; z-index:1;}
#memo_view .timeline span {position:relative; display:block; width:80px; line-height:30px; background:#aaa; border-radius:30px; color:#fff; text-align:center; margin:-20px auto; z-index:5;}
#memo_view #me_write {width:100%; height:70px; border-top:1px solid #ddd; text-align:center; padding-top:20px; line-height:18px; color:#888; clear:both;}

/* 스크랩 */
#scrap_ul {margin:0 20px;padding:0;border-top:1px solid #e9e9e9;list-style:none}
#scrap_ul li {position:relative;padding:10px 35px 10px 0;border-bottom:1px solid #e9e9e9}
#scrap_ul .scrap_board {display:inline-block;margin:0 10px 0 0;font-weight:bold}
#scrap_ul .scrap_del {position:absolute;top:10px;right:0}

#scrap_do table {margin:0 0 10px;width:100%}
#scrap_do textarea {width:99%;height:100px}

/* 포인트 */
#point_ul {overflow:hidden; margin:10px 10px 0;}
#point_ul li {position:relative;padding:10px 0;border-bottom:1px solid #e9e9e9}
#point_ul .point_wrap01 {padding-left:5px;}
#point_ul .point_wrap02 {position:absolute; top:25%; right:0; padding:3px 5px 0 0; text-align:right}
#point_ul .point_inout {margin-top:5px; font-size:1.3em;}
#point_ul .point_date {display:block; margin-bottom:3px;}
#point_ul .point_log {background:#efecff;}

#point_sum {margin:10px 10px 0;}
#point_sum .sum_row {margin:0 0 1px;background:#f2f5f9}
#point_sum .sum_row:after {display:block;visibility:hidden;clear:both;content:''}
#point_sum .sum_tit, #point_sum .sum_val {display:block;margin:0 0 1px;padding:10px}
#point_sum .sum_tit {clear:both;float:left;width:100px}
#point_sum .sum_val {float:right}

/* 회원 비밀번호 확인 */
#mb_confirm {margin:30px 0}
#mb_confirm h1 {margin:0 0 15px;padding:0 10px;font-size:1.3em}
#mb_confirm p {padding:15px 10px;border-bottom:1px solid #cfded8;border-bottom:0;background:#fff}
#mb_confirm p strong {display:block}
#mb_confirm fieldset {position:relative;margin:0 0 5px;padding:20px 10px;border-bottom:1px solid #cfded8;background:#f7f7f7}
#mb_confirm_pw {display:block;margin-top:10px;padding:0;width:88%;line-height:1.8em !important}
#mb_confirm .btn_submit {position:absolute;bottom:20px;right:10px;width:10%;height:1.9em !important;line-height:1.9em}

/* 비밀글 비밀번호 확인 */
#pw_confirm {margin:30px 0}
#pw_confirm h1 {margin:0 0 15px;padding:0 10px;font-size:1.3em}
#pw_confirm p {padding:15px 10px;border-bottom:1px solid #cfded8;border-bottom:0;background:#fff}
#pw_confirm p strong {display:block}
#pw_confirm fieldset {position:relative;margin:0 0 5px;padding:5px 5px 10px;border-bottom:1px solid #cfded8;background:#f7f7f7}
#pw_wr_password {display:block;margin-top:10px;padding:0;width:88%;line-height:1.8em !important}
#pw_confirm .btn_submit {position:absolute;bottom:10px;right:5px;width:10%;height:1.9em !important;line-height:1.9em}

/* 폼메일 */
#formmail #subject {width:98%}
#formmail textarea {width:99%;height:100px}

/* 자기소개 */
#profile table {margin-bottom:0}
#profile section {padding:10px 20px}
#profile h2 {margin:0}

#profile .sv_wrap a {margin:0 0 5px;padding:0;font-weight:bold;line-height:10px}

.mbskin .toggle{position:relative;display:block;border:1px solid #ddd;margin-top:-1px;background-color: #fcfcfc;margin:0 10px 10px}
.mbskin .toggle .toggle-title{padding:13px 15px;line-height:20px}
.mbskin .toggle .title-name{display:block}
.mbskin .toggle .toggle-inner{height:300px; padding:15px;line-height:1.5em;display:none;background:#fff;border-top:1px solid #e2e2e2; overflow-y:scroll}
.mbskin .toggle .toggle-inner div{max-width:100%}
.mbskin .right_i{position:absolute;font-size:0.92em;top:10px;right:10px;padding:5px 10px; text-align:center; border-radius:3px;display:inline-block;z-index: 2;background: #3497d9;color: #fff;border-bottom-color: #1977b5;}
.mbskin .toggle .toggle-title .right_i i{ background:url("./img/plus_minus.png") 0 -26px no-repeat;width:20px;height:24px;display:inline-block;vertical-align:middle}
.mbskin .toggle .toggle-title.active .right_i i{background:url("./img/plus_minus.png") 0 0 no-repeat}
.mbskin .all_agree{position:relative;display:block;;margin:0 10px;background:#eaeaea;border-top:0;padding:13px 15px;line-height:20px}
.mbskin .btn_top {opacity:0; height:0;}
.mbskin .btn_group_trigger{margin:10px;text-align:center; clear:both; overflow:hidden;}
/*.mbskin .btn_group_trigger a{width:calc(50% - 5px); margin-left:10px; float:left; display:inline-block;height:40px;line-height:40px;color:#fff;text-align:center; font-weight:bold;font-size:1.083em;background:#40a9ef}*/

.mbskin .btn_group_trigger a{width:100%; display:block;height:40px;line-height:40px;color:#fff;text-align:center; font-weight:bold;font-size:1.083em;background:#40a9ef}
.mbskin .btn_group_trigger a:first-child {display:none;}