@charset "utf-8";

/* 팝니다 상세 - 다이렉트 메시지 안내 (김혜미) */
.pop_directInfo {display:none; width:395px; height:auto; line-height:18px; letter-spacing:-0.01em; z-index:1}
.pop_directInfo .tit {margin:25px 30px 0; color:#d26c4b; font-size:14px; font-weight:bold}
.pop_directInfo .con h6 {margin-bottom:15px; line-height:1.6; font-size:15px; font-weight:400; color:#1f2152}
.pop_directInfo .con p {line-height:1.6; font-family:'Malgun Gothic',sans-serif; color:#717680}

/* 팝니다 삽니다 상세 - 거래가격 탭 */
.deal_price li {color:#7e86a8; margin-bottom:10px; line-height:1}
.deal_price li:last-child {margin-bottom:0}
.deal_price span.em {color:#1f2152}
.deal_price span.price {color:#8a39ce}

/* 팝니다 삽니다 상세 - 거래수량 탭 */
.deal_amount li {margin-bottom:10px}
.deal_amount li:last-child {margin-bottom:0}
.deal_amount li.btn_amount {font-size:0}
.deal_amount li a.btn_7type01 {margin-right:3px}
.deal_amount li .unit {position:absolute; top:50%; left:103%; transform:translateY(-50%); -ms-transform:translateY(-50%); font-size:18px; white-space:nowrap}
.deal_amount li input[type='text'].type01 {width:440px; height:53px; font-size:22px}
.deal_amount li input[type='text'].type01.amount {width:360px}
.deal_amount li input[type='text'].type01::placeholder {font-size:20px}
.deal_amount li input[type='text'].type01:-ms-placeholder {font-size:20px}
.deal_amount li input[type='text'].type01:-ms-input-placeholder {font-size:20px}
.deal_amount .inp_box label.rdobox {color:#616781}
.deal_amount .amount_box {display:inline-block; height:53px; margin-left:2px; vertical-align:top}
.deal_amount .amount_box a {display:inline-block; width:40px; height:100%; border:1px solid #6f748c; box-sizing:border-box}
.deal_amount .amount_box a::before {content:''; display:block; width:15px; height:12px; margin:20px auto}
.deal_amount .amount_box a.up {border-right:0}
.deal_amount .amount_box a.up::before {background:url('/resources/image/design/main/v3_0/layout_ico_v3_0.png') no-repeat 0px -116px}
.deal_amount .amount_box a.down::before {background:url('/resources/image/design/main/v3_0/layout_ico_v3_0.png') no-repeat -14px -116px}

/* 팝니다 삽니다 상세 - 상세 설명 탭 */
.con_detail .list_tab09 {table-layout:fixed}
.detail_info td {line-height:1.5}
.detail_info p {font-weight:300; word-break:break-all;}
.detail_info p.max-h-630 {max-height: 630px; overflow-y: auto;}
.btn_center {font-size:0; text-align:center}
.btn_center > a {display:inline-block}
.btn_center > .btn_contract {width:187px; height:62px; margin-left:12px; background:linear-gradient(90deg,rgba(138, 57, 206, 1) 0%, rgba(99, 91, 202, 1) 100%);; line-height:62px; font-family:notoKR; font-size:18px; color:#fff}

/* 팝니다 삽니다 상세 - 사기사례 조회 */
.safe_box .btn_4type {margin-left:5px}

/* 팝니다 삽니다 상세 - 첨부파일 탭 */
.attach_file li {display:block; float:left; width:142px; height:80px; margin-top:5px; margin-right:5px; border:1px solid #e5e4e4}
.attach_file li:nth-of-type(5n) {margin-right:0}
.attach_file li:nth-of-type(-n+5) {margin-top:0}
.attach_file li.no_img {background:url('/resources/image/design/item/img_ib_txt.png') center no-repeat; background-color:#f5f4f4}
.attach_file li img {width:100%; height:100%; vertical-align:bottom}
/* 팝니다 삽니다 상세 - 첨부파일 탭_230425 */
.added_imgfilewrap .added_imagefile.attach_file .added_images.on {overflow-y: scroll;overflow-x: hidden;}
.added_imgfilewrap .added_imagefile.attach_file li.img_screen {float: unset;width: 100%;height: auto;padding-bottom: 20px;border: none;margin-top: auto;margin-right: auto;} 
.added_imgfilewrap .added_imagefile.attach_file li.img_screen > img:hover {cursor:pointer;}
.added_imgfilewrap .added_imagefile.attach_file li img {max-width: 100%;width: auto;height: auto;vertical-align: top;display: block;} 
.added_imgfilewrap .added_imagefile.attach_file li.no_img {display: none;} 
.added_imgfilewrap .added_imagefile.attach_file li:nth-last-child(1) {padding-bottom:0;}

/* 팝니다 삽니다 상세 - 회원등급 탭 */
.middle_type02 td.grade_box .grade {width:35px; height:28px}
.middle_type02 td.grade_box .grade + p {font-size:14px; margin-top:5px; margin-left:5px}


/* 삽니다 상세 - 구매자 캐릭터명 탭 */
.info_char input[type='text'].type01 {width:440px}

/* 삽니다 상세 - 판매신청 조건 확인 탭 */
.sell_condition .list_tab10 td {border-left:1px solid #dbe0ee}
.sell_condition .list_tab10 td:first-child {border-left:0}
.sell_condition .btn_4type {margin-left:10px}
.con_deal .list_tab10 td[colspan="3"] {width:80%}
	
/* 삽니다,팝니다 판매 등록한 물품 - 물품 등록 가능 수 탭 */
.deal_register span.num {color:#8a39ce}
.deal_register a.btn_buy {display:inline-block; margin-left:10px; padding:2px 5px; background:#7e86a8; color:#fff; font-size:12px}

/* 삽니다,팝니다 판매 등록한 물품 - 유료 등록 서비스 탭 */
.paid_service ul {overflow:hidden}
.paid_service li {float:left; position:relative; width:242.5px; height:201px; margin-left:10px; padding:20px 0; border:2px solid #5b80ca; box-sizing:border-box; font-family:notoKR; text-align:center}
.paid_service li:first-child {margin-left:0}
.paid_service li::before {content:''; display:block; width:109px; height:70px; margin:15px auto; background:url('/resources/image/design/icon/ico_paid.png') 0 0 no-repeat}
.paid_service li.power::before {background-position:0 0}
.paid_service li.pen::before {background-position:0 -71px}
.paid_service li.auto::before {background-position:0 -142px}
.paid_service li.reward::before {background-position:0 -213px}
.paid_service li.power.off::before {background-position:-110px 0}
.paid_service li.pen.off::before {background-position:-110px -71px}
.paid_service li.auto.off::before {background-position:-110px -142px}
.paid_service li.reward.off::before {background-position:-110px -213px}
.paid_service li div.hover {display:none; position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(97,103,129,0.6);}
.paid_service li div.hover a {position:absolute; top:50%; left:50%; width:110px; height:36px; margin-left:-55px; margin-top:-18px; background:#333; line-height:36px; font-size:14px; color:#fff}
.paid_service li:hover {border-color:#6072a9}
.paid_service li.off:hover {border-color:#9195a5}
.paid_service li:hover div.hover {display:block}
.paid_service li h5 {margin:10px 0; font-size:18px; font-weight:400; color:#120b3d}
.paid_service li p {display:inline-block; line-height:1.2; font-size:14px; color:#5076e4}
.paid_service li.power p {text-align:left}
.paid_service li span.btn_use {position:absolute; top:10px; left:10px; width:64px; height:24px; background:#ff3066; border-radius:50px; line-height:23px; font-size:14px; color:#fff; text-align:center}
/* .paid_service li span.use::before {content:''; display:inline-block; width:12px; height:9px; margin:0 3px; background:url('/resources/image/design/main/v3_0/layout_ico_v3_0.png') no-repeat -67px -58px} */
.paid_service li span.use {display:block; font-size:12px}
.paid_service li span.use.off {color:#9b9fa7}
.paid_service li span.use.off::before {background-position:-67px -67px}
.paid_service li.off {border:1px solid #dadada}
.paid_service li.off span.btn_use {background:#9b9fa7}
.paid_service li.off p {color:#616781; text-align:center}

/* 삽니다,팝니다 판매 등록한 물품 - 입금 시간 탭 */
.deadline span {color:#883acc}

/* 삽니다,팝니다 판매 등록한 물품 - 필수확인 정보 탭 */
.verify_info .tit_box .sub_tit {float:left; margin-top:2px}
.verify_info .tit_box .btn_5type {float:right}
.verify_info .ph_txt {display:inline-block; padding:3px; margin:0 5px 0 10px; background:#fff; border:1px solid; line-height:1; font-size:12px}
.verify_info .ph_txt:first-child {margin-left:0}
.verify_info .ph_safe {border-color:#8c9f45; color:#8c9f45}
.verify_info .ph_work {border-color:#0097d3; color:#0097d3}
.verify_info .ph_etc {border-color:#687cce; color:#687cce}

/* 삽니다 물품상세 - 게임용품 판매 방법 */
.goods_guide {margin-top:10px; font-size:0}
.goods_guide p {display:inline-block; font-family:notoKR; font-size:14px; color:#616781}
.goods_guide a {display:inline-block; width:111px; height:25px; margin-left:10px; background:#3e62ba; line-height:25px; font-family:notoKR; font-size:12px; color:#fff; text-align:center}
.goods_guide + .btn_full05 {margin:0 auto 50px}
.goods_guide .goods_guide_pop {display:none; top:30px; left:50%; transform:translate(-50%)}
.goods_guide .goods_guide_pop .guide_notice {margin-top:34px; font-family:dotum, sans-serif; font-size:11px; color:#747474}
.goods_guide .goods_guide_pop .guide_notice .pt_color {color:#f42e4f}
.goods_guide .goods_guide_pop .guide_notice li:before {content:'※ '; font-family:notoKR; font-size:11px}

/* 나의 배송지 정보 */
.info_address p.inp_post {width:134px}
.info_address p.inp_address {width:417px}
.info_address div.rest_address input[type='text'].type01 {width:242px}
.evt_banner {position:absolute; top:0; left: 100%; margin-left: 20px;}
.evt_banner .btn_detail {position:absolute; top:0; right:0; bottom:0; left:0}
.evt_banner .layer_close {position:absolute; top:0; right:0; width:15px; height:15px; z-index:1}

.pr .btn_full05 {margin:0}