/*
	[프로그램팀 맞춤제작 및 수정 CSS]

	copyright(c) 상상너머·원데이넷 all rights reserved.
	허용된 라이센스이외 무단도용재배포를 금합니다.

	※ css 추가 시, 반드시 날짜와 작업자 이니셜을 기재바랍니다.
*/

/* 2018-10-04 SSJ :: 본인인증 사용 추가 */
.c_form .input_box.auth .c_btn {float:left; width:110px;}
.c_form .input_box.auth .input_design {width:260px;}
/* horiz */
@media screen and (max-width:650px) {
    .c_form .input_box.auth .input_design {width:100%;}
    .c_form .input_box.auth .c_btn {margin-left:0; width:100%;}
}


/* 상품후기 이미지 수정 kms 2019-08-02 */
.c_board_list .thumb img {min-height:80px;}

/* SSJ : 2020-05-14 : 회원가입 간소화 */
.js_join_agree {margin-top:20px;}
.js_join_agree .agree_check {padding:0;position:relative;}
.js_join_agree .agree_check label {display:inline-block; margin-right: 60px;}
.js_join_agree .agree_check label em {color:#f00;}
.js_join_agree .agree_check .btn {position:absolute; right:0; top:0; font-size:13px; color:#999; text-decoration:underline; font-weight:400; padding:3px 0 0;}
.js_join_agree .text_box {display:none;}
.js_join_agree .agree_add_info {display:none;}
.js_join_agree .if_open {padding-bottom:10px;}
.js_join_agree .if_open .text_box {display:block;}
.js_join_agree .if_open .agree_add_info {display:block;}

/* SSJ : 2020-06-16 : 화면고정 */
/*body:before {content:""; width:630px; position:absolute; left:50%; top:0; height:100%; background:#fff; margin-left:-315px;}*/
.wrap {width:100%; position:relative; margin:0 auto; max-width:630px; background:#fff; overflow:hidden;}
/* wide
.slide_wrap {left:-100%;}
@media screen and (min-width:630px) {
	.slide_wrap {width:0px; left:50% !important; margin-left:-315px;}
	.slide_wrap_bg {width:630px; left:50%; margin-left:-315px; }

	.bnt_slide_close {left:auto;right:50% !important; margin-right:-35px;}
	.close_slide {left:auto;right:50% !important; margin-right:-630px;width:630px; }
}
*/

/* 2020-07-02 SSJ :: 댕댕이와냥이 수정작업 */
.c_section.if_ajax {padding:0; background: #fff;}
.js_gnb_stikey {z-index:111 !important;}


/* JJC : 브랜드샵 기능 : 2021-05-08 */
.c_form .label_design.if_agree.cus {line-height:25px;}


/* SSJ : 오프라인 쿠폰 충전하기 : 2021-05-12 */
body.if_open_coupon {overflow-y:hidden;}
.if_open_coupon .rep_address.coupon {right:0}
.if_open_coupon .rep_address_bg.coupon {right:0; opacity: 1; filter: alpha(opacity=100); -ms-filter:alpha(opacity=100);}

/* SSJ : 오프라인 쿠폰 충전하기 : 2021-05-12 -- 배송지는 열리지 않도록  */
.if_open_readdress .rep_address.coupon {right:-100%}
.if_open_readdress .rep_address_bg.coupon {right:-100%; opacity: 0; filter: alpha(opacity=0); -ms-filter:alpha(opacity=0);}

@media screen and (min-width:630px) {
	/* SSJ : 오프라인 쿠폰 충전하기 : 2021-05-12 */
	.if_open_coupon .rep_address.coupon {top:0;}
	/* SSJ : 오프라인 쿠폰 충전하기 : 2021-05-12 -- 배송지는 열리지 않도록  */
	.if_open_readdress .rep_address.coupon {top:-100%;}
}

/* SSJ : 오프라인 쿠폰 충전하기 : 2021-05-12 -- 오류 핀번호 표시  */
.rep_address.coupon .if_error {color:#cd3726 !important;}


/* SSJ : 모바일/상품목록 부분 수정 : 2021-06-08 */
.main_visual .rolling_icon li {float:none;margin:0 auto;list-style:none;}
.js_header_swiper_md {padding:12px 15px;width:100%;overflow:hidden;box-sizing:border-box;}
.js_header_swiper_md ul {padding:0 !important;height:36px !important;}
.sub_top .same_ctg {height:60px;}


.js_header_swiper ul {padding:0 !important;}


/* SSJ : 비회원 주문 동의항목 간소화 : 2021-07-06 */
.c_order_box .js_join_agree {padding:10px 0 5px;}
.c_order_box .js_join_agree .agree_form {border:0;}
.c_order_box .js_join_agree .agree_form .agree_check .btn {right:10px;}
.c_order_box .js_join_agree .form .text_box {border:1px solid #dfdfdf;margin:0 10px;}


/* JJC : 정산구분 : 2021-08-20 */
.if_order .c_order_box .input_design {height:40px; border-radius:5px; font-size:13px; border-color:#e5e5e5;}
.if_order .c_order_box .input_design:focus {border-color:#333;}
.c_order_box .input_box {}
.c_order_box .input_design {width:100% !important; border:1px solid #666; background:#fff; height:35px; box-sizing:border-box; padding:10px; color:#666; font-size:14px;}
.c_order_box .input_design.if_date{background:transparent url('../images/icon_date.gif') 5px center no-repeat; padding:5px 10px 6px 30px}
.c_order_box .input_design:focus {color:#000;}

/* SSJ : 이미지 첨부기능 추가 : 2021-09-29 */
.c_board .c_board_form .c_view_form+.c_view_form {margin-top:3px;}


/* 인증방법 */
.cert_open {position: fixed; right: -100%; top: 0; width: 100%; height: 100%; z-index: 1100; background: #fff;}
.cert_open {display: flex; flex-direction: column; justify-content: flex-start; align-items: center;}
.cert_open {transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.cert_open .common_pages_top {flex: none; width: 100%;}
.cert_open .cert_cont {flex: auto; width: 100%; overflow-y: auto; padding: 20px; box-sizing: border-box;}
.cert_cont .flow_box {margin: 0 -20px; display: flex; flex-direction: row; justify-content: space-between; align-items: center;}
.cert_cont .flow_box li {flex: 1; text-align: center;}
.cert_cont .flow_box li+ li {border-left: 1px solid #f2f2f2; box-sizing: border-box;}
.cert_cont .flow_box .my_lv {display: inline-flex;}
.cert_cont .flow_box .fl_tit {font-size: 14px; font-weight: 500; letter-spacing: -0.5px; line-height: 1; margin-top: 10px;}
.cert_cont .flow_box .lv1 .fl_tit {color: #ccaaff;}
.cert_cont .flow_box .lv2 .fl_tit {color: #a078ff;}
.cert_cont .flow_box .lv3 .fl_tit {color: #4100dc;}
.cert_cont .flow_box .fl_tx {font-size: 12px; color: #000; letter-spacing: -0.5px; line-height: 1.2; margin-top: 7px;}
.cert_cont .bg_box {margin-top: 0px; margin-bottom: 5px; background: #f5f5f5; border: 1px solid #f5f5f5; border-radius: 5px; padding: 20px; box-sizing: border-box;}
.cert_cont .bg_box .tit_lg {font-size: 13px; color: #333; letter-spacing: -0.8px; line-height: 1; padding-bottom: 10px; margin-bottom: 10px; box-sizing: border-box;}
.cert_cont .bg_box .tit_lg {border-bottom: 1px solid #e5e5e5;}
.cert_cont .bg_box ul {}
.cert_cont .bg_box li {padding-left: 10px; box-sizing: border-box; position: relative; list-style:none;}
.cert_cont .bg_box li:before {content: ''; position: absolute; left: 0; top: 7px; width: 3px; height: 3px; background: #ccc; border: 1px solid #ccc; border-radius: 10px; box-sizing: border-box;}
.cert_cont .bg_box li+ li {margin-top: 5px;}
.cert_cont .bg_box .tx {font-size: 12px; color: #888; letter-spacing: -0.8px; line-height: 1.4; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.cert_cont .bg_box .img {width: 100%; max-width: 100%; margin-top: 20px;}
.cert_cont .bg_box .img+ .img {margin-top: 10px;}
.cert_cont .bg_box dl {}
.cert_cont .bg_box dl+ dl {margin-top: 10px;}
.cert_cont .bg_box dt {font-size: 12px; color: #a078ff; font-weight: 500; letter-spacing: -0.6px;}
.cert_cont .bg_box dd {margin-top: 5px;}
.cert_cont .btn_link {width: 100%; height: 45px; background: #a078ff; border: 1px solid #a078ff; border-radius: 5px; box-sizing: border-box;}
.cert_cont .btn_link {font-size: 14px; color: #fff; letter-spacing: -0.8px; margin-top: 20px; text-align: center; line-height: 1;}
.cert_cont .btn_link {display: flex; justify-content: center; align-items: center;}

/* 등록된 파일 */
.c_form .duplicate_file {overflow:hidden; position:relative; padding-bottom:8px; }
.c_form .duplicate_file .table {display:table; width:100%; table-layout:fixed; border-top:1px solid #ddd; border-bottom:1px solid #ddd;}
.c_form .duplicate_file .title {display:table-cell; vertical-align:middle; background:#f5f5f5; width:110px; text-align:center; color:#666;}
.c_form .duplicate_file ul {display:table-cell;}
.c_form .duplicate_file li {list-style:none; overflow:hidden; position:relative; border-top:1px solid #ddd; padding-left:10px; height:30px; box-sizing:border-box;}
.c_form .duplicate_file li:first-child {border-top:0;}
.c_form .duplicate_file .txt {float:left; line-height:29px; line-height:28px\0; color:#999;}
.c_form .duplicate_file .del_btn {float:right; line-height:29px; line-height:28px\0; padding:0 10px}
.c_form .duplicate_file .del_btn input {margin:9px 3px 0 0; float:left;}
.c_form .duplicate_file .txt:hover {text-decoration:underline;}


/* JJC : 회원별 아이피 인증 : 2021-09-10 */
.p_login .c_login .btn_login {height: 55px !important; line-height: 50px !important; width:100%; background:#333; border:1px solid #333; color:#fff; font-size:18px; font-weight:600; letter-spacing:-1px; box-sizing:border-box; margin-top:10px}
.p_login .c_login .btn_login {font-size: 21px; color: #f2f2f2; font-weight: 500; letter-spacing: -0.8px; }
.p_login .c_login .btn_login.line {background:#fff; border:1px solid #333; color:#333; font-size:18px; }
.p_login .c_login .btn_login.clear_both {clear:both; padding-top:5px; position:relative; width:100%;}
.p_login .guide {margin-top:10px; color:#aaa; text-align:center; font-size: 12px;}

/* horiz */
@media screen and (min-width:500px) {
	.c_login .form .btn_login {position:absolute; right:0; top:0; width:130px; height:120px; margin-top:0}
}


/* SSJ : 상품권매입시세관리 링크URL 추가 : 2021-10-20 */
.ft_fix_buy .gx dl {position:relative;}


/* SSJ : 운영보안변경 : 2021-10-21 */
.c_mypage_main .about_level .tip .tx:before {content:none;}
.c_mypage_main .about_level .tip .tx {padding:0;}
.c_mypage_main .about_level.if_auth .tip {background:#ff6600; border-color:#ff4200;}
.c_mypage_main .about_level.if_auth .tip .tx {color:#fff;}


/* SSJ : 결제수단 선택 팝업 : 2021-10-27 */
.list_guide {position: fixed; left: 0; top: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); box-sizing: border-box; padding:20px;}
.list_guide {display: flex; flex-direction: column; justify-content: center; align-items: center; z-index: -1;}
.list_guide {opacity: 0; filter: alpha(opacity=0); -ms-filter: alpha(opacity=0); transition: all 0.5s ease-out; -webkit-transition: all 0.5s ease-out;}
.list_guide li {list-style: none;}

.list_guide .box {display: flex; flex-direction: column; justify-content: center; align-items: center; width: 100%; max-width: 600px; height: 400px;}
.list_guide .box {box-sizing: border-box; background: #fff; border: 1px solid #fff; border-radius: 40px;}
.list_guide .guide_tx {font-size: 23px; color: #000; font-weight: 500; letter-spacing: -0.7px; line-height: 1.3; text-align:center; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.list_guide .payment {display: flex; flex-direction: row; justify-content:center; align-items: flex-start; margin-top: 35px;}
.list_guide .payment li {text-align: center; padding:0 20px;}
.list_guide .payment .btn {box-sizing: border-box;}
.list_guide .payment .ic {width: 120px; height: 120px; background: #fff; border: 1px solid #fff; border-radius: 100%; box-sizing: border-box; border:1px solid #333;}
.list_guide .payment .ic {font-size: 0; display: flex; justify-content: center; align-items: center; transition: all 0.3s ease-out; -webkit-transition: all 0.3s ease-out;}
.list_guide .payment .ic img {width: 100%; max-width:85px}
.list_guide .payment .tx {font-size: 15px; color: #000; letter-spacing: -0.5px; line-height: 1; margin-top: 15px; word-wrap:break-word; word-break:keep-all; white-space:normal;}
.list_guide .payment .btn:hover .ic {box-shadow: 10px 10px 15px rgba(0, 0, 0, 0.3);}

body.if_list {overflow-y: auto;}
body.if_list.if_open_pay_close {overflow-y: hidden;}
body.if_list.if_open_pay_close .list_guide {opacity: 1; filter: alpha(opacity=100); -ms-filter: alpha(opacity=100); z-index: 10000000;}


/* tablet */
@media screen and (max-width:600px) {
	.list_guide .box {height:300px; padding:20px;}
	.list_guide .guide_tx {font-size:19px;}
	.list_guide .payment li {padding:0 10px;}
	.list_guide .payment .ic {width: 100%; height: 100%; padding:10px;}
	.list_guide .payment .tx {font-size:13px;}
}

@media screen and (max-width:400px) {
	.list_guide .box {height:250px;}
	.list_guide .guide_tx {font-size:17px;}
	.list_guide .payment .tx {font-size:12px;}
}



.c_agree_escrow .pg_box {display:flex; justify-content: flex-start; align-items: center; flex-direction:row; box-sizing:border-box; max-width:360px; text-align:left; cursor:pointer}
.c_agree_escrow .pg_box {margin:10px auto 15px; border:1px solid #e5e5e5; padding:10px 15px; }
.c_agree_escrow .pg_box .ic_pg {overflow:hidden; font-size:0px;}
.c_agree_escrow .pg_box .ic_pg img {width:55px;}
.c_agree_escrow .pg_box .pc_txt {flex:1; font-size:11px; color:#aaa; letter-spacing:-0.5px; padding-left:10px; word-wrap:break-word; word-break:keep-all; white-space:normal; }
.c_agree_escrow .pg_box .btn {color:#888; text-decoration:underline; margin-top:5px;}