@charset "utf-8";
/* CSS Document */

@import url('https://fonts.googleapis.com/css?family=Open+Sans:400,400i,600,600i,700,700i,800,800i');
* { color: #232323; font-size: 14px; font-weight: normal; font-family: 'Open Sans', 'nanumgothic', 'Sans-serif'; }



.header {
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    height: 55px;
    overflow: hidden;
    padding: 0 55px;
    background-color: #fff;
    border-bottom: 2px solid #f85300;
    z-index: 3;
}
.heigh { margin-bottom: 55px; }

a.header_back {
    display: block;
    position: absolute;
    top: 0;
    left: 15px;
    width: 40px;
    height: 55px;
    background: url(/assets/mobile/images/back_icon.png) no-repeat left center;
    background-size: 11px;
    z-index: 2;
    color: #f85300;
    font-size: 12px;
}
.header_title {
    height: 55px;
    text-align: center;
    line-height: 55px;
    color: #f85300;
    font-size: 16px;
    font-weight: bold;
}
.header_ham {
    width: 40px;
    height: 55px;
    position: absolute;
    right: 15px;
    top: 0px;
    z-index: 1;
    margin-top: 13px;
    font-size: 10px;
    color: #f85300;
    text-align: center;
    /*background-image: url("http://s1.daumcdn.net/cfs.tistory/custom/blog/204/2048858/skin/images/menu.png");*/
    /*background-size: 50%;*/
    /*background-repeat: no-repeat;*/
    /*background-position: center;*/
    cursor: pointer;
}

/*.header_ham {*/
    /*position: absolute;*/
    /*top: 0;*/
    /*right: 15px;*/
    /*width: 40px;*/
    /*height: 55px;*/
    /*margin-top: 13px;*/
    /*!*background: url(/assets/mobile/images/header_ham.png) no-repeat center top;*!*/
    /*background-size: 22px;*/
    /*!*padding-top: 20px;*!*/
    /*z-index: 2;*/
    /*color: #f85300;*/
    /*font-size: 10px;*/
    /*text-align: center;*/
/*}*/

.header_ham i{
    font-size: 21px;
    color: #f85300;
}



.top_nowon_view {
    height: auto;
    overflow: hidden;
    padding: 0 15px;
}

.coin_p1 {
    float: left;
    height: 50px;
    line-height: 50px;
}
.view_user {
    font-weight: bold;
}
.coin_p2 {
    float: right;
    height: 50px;
    line-height: 50px;
}
.coin_p2 span {
    display: inline;
}
span.span1 {
    font-size: 14px;
    font-weight: bold;
}
span.main_user_nowon {
    color: #f85300;
    font-size: 21px;
    font-weight: bold;
}
span.span3 {
    margin-left: 5px;
    color: #232323;
    font-size: 14px;
    font-weight: normal;
}


.top_notice {
    width: 100%;
    height: 50px;
    padding: 0 15px 0 115px;
    background-color: #eff7f4;
}
.top_left {
    position: absolute;
    top: 0;
    left: 5px;
    width: 88px;
    height: 50px;
    padding-left: 30px;
    background: url(/assets/mobile/images/main_notice_icon.png) no-repeat left 17px;
    background-size: 20px;
    line-height: 50px;
    font-weight: bold;
}
.top_sub {
    float: left;
    width: 100%;
    height: 50px;
    line-height: 50px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    font-size: 12px;
}

.main_banner {
    width: 100%;
    padding-top: 45%;
    background-color: #31b493;
    background-image: url(/assets/mobile/images/banner.png);
    background-position: center bottom;
    background-size: 96%;
}
.main_banner p {
    margin-top: 15px;
    margin-bottom: 4px;
    font-weight: bold;
    font-size: 14px;
    text-align: center;
}
.main_banner span {
    display: inline-block;
    width: 100%;
    color: #fff;
    font-weight: 500;
    font-size: 16px;
    text-align: center;
    line-height: 24px;
}



.main_nav {
    padding: 0 3.5%;
}

.main_box {
    position: relative;
    overflow: hidden;
    float: left;
    width: 23%;
    padding-top: 31%;
    margin: 2% 0;
    border: 1px solid #dfdfdf;
    background-color: #fff;
}
.main_box:nth-child(1), .main_box:nth-child(2), .main_box:nth-child(3) { margin-right: 2%; }
.mainBtnMenu {
    top: 0 !important;
    margin-top: 0px !important;
}
.main_pbox {
    top: 50%;
    margin-top: -32px;
    padding-top: 55px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 35px;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
.main_pbox.child1 { background-image: url(/assets/mobile/images/main_icon1.png); }
.main_pbox.child2 { background-image: url(/assets/mobile/images/main_icon2.png); }
.main_pbox.child3 { background-image: url(/assets/mobile/images/main_icon4.png); }

.main_best {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 3.5%;
    background-color: #eff7f4;
}

.main_head_box {
    float: left;
    width: 28%;
    height: 144px;
    padding-top: 47px;
    border-right: 1px solid #c9cfcd;
    font-size: 15px;
    line-height: 20px;
    font-weight: bold;
    text-align: center;
    line-height: 24px;
}

.main_store_view {
    float: left;
    width: 100%;
    height: 200px;
    padding: 6px 0px;
}

.main_store {
    width: 100%;
    height: 33px;
}
.main_store p {
    display: block;
    float: left;
    line-height: 33px;
}
.main_store p.p1 {
    width: 65%;
    padding-left: 15px;
    font-size: 14px;
    font-weight: 600;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
@media (max-width: 380px) {
	.main_store p.p1 { width: 60%; }
}
.main_store p.p2 {
    width: 25%;
    font-size: 12px;
    text-align: center;
}
.main_store p.p3 {
	float: right;
    width: 10%;
    height: 22px;
    margin-top: 6px;
    border: 1px solid #dfdfdf;
    border-radius: 12px;
    color: #494949;
    font-size: 12px;
    text-align: center;
    line-height: 22px;
}
.qrcode_box_bg {
    width: 200px;
    height: 200px;
    margin: auto;
    padding: 15px;
    background: 
        url(/assets/mobile/images/qr_scan1.png) no-repeat left top,
        url(/assets/mobile/images/qr_scan2.png) no-repeat right top,
        url(/assets/mobile/images/qr_scan3.png) no-repeat left bottom,
        url(/assets/mobile/images/qr_scan4.png) no-repeat right bottom;
    background-size: 14%;
}
.qrcode_scan {
    width: 100%;
    height: 100%;
    background-color: #f4f4f4;
}
.coin_view {
    padding: 40px;
    background-color: #36393f;
}
.coin_view p { color: #fff; }
.coin_view p.h1 {
    margin-bottom: 25px;
    font-size: 18px;
    font-weight: 600;
}
.coin_view_pwrap {
    height: auto;
    overflow: hidden;
    padding-bottom: 4px;
    border-bottom: 1px solid ccc;
}

.coin_view_pwrap p.p1 {
    float: left;
    height: 30px;
    font-weight: 300;
    line-height: 30px;
}
.coin_view_pwrap p.p2 {
    float: right;
    height: 30px;
    font-size: 24px;
    font-weight: bold;
    line-height: 30px;
    padding-right: 28px;
    background: url(/assets/mobile/images/nw_icon_f.png) no-repeat right center;
    background-size: 15px;
}

.qrcode_box {
    width: 200px;
    height: 200px;
    overflow: hidden;
    margin: auto;
    background-color: #f4f4f4;
}

.qrcode_wrap {
    width: 100%;
    height: 100%;
}
.coin_view_wrap {
    padding-top: 158px;
    margin-top: -158px;
}


/**/


.list_select {
    float: left;
    width: 50%;
    height: 45px;
    margin-bottom: 70px;
    border: none;
    padding: 0 15px;
    background: url(/assets/mobile/images/select_arrow.png);
    background-repeat: no-repeat;
    background-position: 92%;
    background-size: 10px;
    border-radius: 0px;
    border-bottom: 1px solid #d7d7d7;
    background-color: #fff;
    color: #8f8f8f;
}
.list_select:first-child { border-right: 1px solid #d7d7d7; }

.statement_wrap {
    height: auto;
    overflow: hidden;
    padding: 0 15px;
}
.statement_box {
    width: 100%;
    height: 70px;
    overflow: hidden;
    padding: 0 15px;
    display: table;
    border-bottom: 1px solid #d7d7d7;
}
.noUseListCell{
    display: flex;
    align-items: center;
    justify-content: center;
}
.statement_box:first-child { border-top: 1px solid #d7d7d7; }
.statement_box p {
    line-height: 24px;
}
.statement_left {
    float: left;
}
.statement_right {
    float: right;
    text-align: right;
}
.statement_box p.sum_p1 {
    display: block;
    font-size: 15px;
    font-weight: 600;
    line-height: 30px;
}
.statement_box p.sum_p2 {
    display: block;
    font-size: 13px;
    font-weight: lighter;
    line-height: 30px;
}
.statement_box p.sum_p3 {
    display: block;
    color: #a1a1a1;
}
.statement_box p.sum_p4 {
    display: block;
}
.statement_box p.sum_p4.sum_plus { color: #f85300; }
.statement_box p.sum_p4.sum_minus { color: #31b493; }

.statement_box p.sum_p4.sum_plus span { color: #f85300; }
.statement_box p.sum_p4.sum_minus span { color: #31b493; }

.statement_box p.sum_p4 span {
    display: inline-block;
    height: 14px;
    padding-left: 10px;
    margin-left: 8px;
    border-left: 1px solid #828282;
    line-height: 14px;
}



.a_list_top .check_btn_wrap { padding: 0 15px; }


/* 이용내역 */
.mobile_list {
    margin-top: 40px;
}
.statement_top {
    clear: both;
    height: auto;
    overflow: hidden;
    padding: 0 20px;
}
.statement_h1 {
    float: left;
    font-weight: bold;
    line-height: 35px;
}

.statement_left .sum_p1 input {
	display: inline-block;
	height: 24px;
	padding: 0 9px;
	margin-left: 5px;
	border: none;
	background-color: #8e9096;
	border-radius: 12px;
	line-height: 22px;
	color: #fff;
	font-size: 11px;
	font-weight: 300;
}
 
/* =========================================== NEW 적용 =========================================== */




/* NW 보내기 */
.send_my_nw {
	padding: 28px 25px;
	background-color: #2b2f3b;
	text-align: right;
}
.send_user, .send_user span {
	margin-bottom: 3px;
	color: #fff;
	font-size: 12px;
	font-weight: lighter;
	line-height: 15px;
}
.send_nw {
	color: #f85300;
	font-size: 21px;
	letter-spacing: -2px;
}
.send_nw span {
	color: #f85300;
	font-size: 28px;
	font-weight: lighter;
}
.send_top {
    height: auto;
    overflow: hidden;
    padding-bottom: 35px;
    border-bottom: 1px solid #c5c5c5;
}

.send_p1 {
    display: block;
    height: 15px;
    margin-top: 40px;
    margin-bottom: 12px;
    line-height: 14px;
    font-weight: 600;
}
.send_input_wrap {
    display: block;
    width: 100%;
    height: 60px;
    overflow: hidden;
    margin-bottom: 40px;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    padding: 0 15px;
    font-size: 15px;
}

.qrscan_input_wrap {
    display: block;
    width: 100%;
    height: 60px;
    overflow: hidden;
    margin-bottom: 10px;
    border: 1px solid #f85300;
    border-radius: 4px;
    padding: 0 15px;
    color: #f85300;
    font-size: 15px;
    font-weight: bold;
    text-align: center;
    line-height: 60px;
}
.send_input_wrap:last-child { border-bottom: none; }

.send_input_wrap input {
    background-color: #fff;
    border: 0px;
}
label.input_label {
    display: block;
    float: left;
    width: 30%;
    height: 50px;
    line-height: 50px;
    color: #747474;
}
.send_input_wrap label.input_label { height: 60px; line-height: 60px; }


.qr_input {
    background-color: #fff;
    background-image: url(/assets/mobile/images/qr_input.png);
    background-repeat: no-repeat;
    background-position: right center;
    background-size: 30px;
}
.send_input1 {
    float: left;
    width: 70%;
    height: 60px;
    overflow: hidden;
    line-height: 60px;
}
.send_input2 {
    float: left;
    width: 70%;
    height: 50px;
    overflow: hidden;
    padding-right: 34px;
    color: #777;
    font-size: 18px;
    font-weight: bold !important;
    text-align: right;
    line-height: 50px;
}
.nowon_icon {
    position: absolute;
    top: 50%;
    left: 30%; 
    width: 16px;
    height: 16px;
    margin-top: -8px;
    background-color: #f85300;
    border-radius: 50%;
    color: #fff;
    font-size: 6px;
    text-align: center;
    line-height: 16px;
    display: block;
}

.nw_button .call_button {
    width: 100%;
    height: 55px;
    margin-top: 5px;
    margin-bottom: 55px;
    background-color: #f85300;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 55px;
}

.call_button {
    width: 100%;
    height: 55px;
    margin-top: 5px;
    margin-bottom: 55px;
    background-color: #f85300;
    color: #fff;
    font-size: 16px;
    font-weight: 500;
    line-height: 55px;
}
.call_button a {
    display: block;
    font-size: 16px;
    font-weight: 500;
}
.view_h1 {
    font-size: 16px;
    text-align: center;
}




/* 가맹점 - 차감하기 */


.align_wrap {
    height: auto;
    overflow: hidden;
    text-align: center;
}
.section_h1 {
    margin-top: 35px;
    margin-bottom: 35px;
    font-size: 16px;
    font-weight: bold;
}
.section_h1.search_h1 {
    height: 60px;
    line-height: 60px;
    margin: 0px;
}
.pay_input_wrap {
    display: block;
    width: 100%;
    height: 60px;
    overflow: hidden;
    margin-bottom: 10px;
    border: 5px solid #e8e8e8;
    border-radius: 4px;
    padding: 0 15px;
    font-size: 14px;
}
.pay_info_wrap {
    height: auto;
    overflow: hidden;
    margin: auto;
    padding: 0 15px;
    margin-bottom: 35px;
}
.pay_info_user {
    height: 40px;
/*    margin-bottom: 8px;*/
    border-bottom: 1px solid #e8e8e8;
}
.pay_info_user p {
    display: inline-block;
    line-height: 40px;
}
.pay_info_user .pay_p1 {
    color: #111;
}
.pay_info_user .pay_p2 {
    float: right;
    padding-left: 19px;
    background-size: 16px;
}
.pay_info {
    width: 100%;
    clear: both;
    height: 53px;
    border-bottom: 1px solid #e8e8e8;
}
.pay_info.first_info { border-top: 1px solid #e8e8e8; }
.pay_info p {
    display: inline-block;
    line-height: 53px;
}
.pay_info p.pay_p1 span.span_nw_p { color: #8D9396; }
.pay_info p.pay_p2 {
    float: right;
    padding-right: 15px;
}
.pay_p2 .pay_minus_p2 {
    color: #f85300;
    padding-right: 24px;
    background: url(/assets/mobile/images/nw_icon_o.png) no-repeat right center;
    background-size: 18px;
}
.span_nw_b7 {
    background-image: url(/assets/mobile/images/nowon_icon4.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 27px;
    background-size: 24px;
}
.span_nowon {
    background-image: url(/assets/mobile/images/nowon_icon.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 28px;
    background-size: 20px;
    color: #f85300;
}

.pay_user_info {
    display: block;
    padding: 0 15px;
    margin-top: 10px;
}
.user_nowon {
    height: 30px;
    margin-left: 8px;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
}
.pay_name span { color: #9b9b9b; font-size: 13px; margin-right: 4px;}
.pay_user_info p, .pay_user_info span {
    display: inline-block;
}
.pay_info_inner {
    padding: 0 25px;
    margin-top: 30px;
}


.call_button.nw_button {
    background-color: #36393f;
}



.send_input_nw {
    float: left;
    width: 70%;
    height: 50px;
    overflow: hidden;
    padding-right: 25px;
    font-size: 20px;
    font-weight: bold !important;
    text-align: right;
    background: url(/assets/mobile/images/nowon_icon_a.png) no-repeat right center;
    background-size: 18px;
}

/* 가맹점 - 차감하기 */


.pay_input_wrap {
    display: block;
    width: 100%;
    height: 60px;
    overflow: hidden;
    margin-bottom: 10px;
    border: 5px solid #e8e8e8;
    padding: 0 15px;
    font-size: 14px;
}
.pay_input {
    float: left;
    width: 70%;
    height: 50px;
    overflow: hidden;
    padding-right: 25px;
    font-size: 20px;
    font-weight: bold !important;
    text-align: right;
}

.pay_label {
    position: absolute;
    top: 50%;
    right: 15px; 
    width: 16px;
    height: 16px;
    margin-top: -6px;
    text-align: center;
    line-height: 16px;
    display: block;
}
.pay_info_wrap {
    height: auto;
    overflow: hidden;
    margin: auto;
    padding: 0 15px;
    margin-top: 30px;
    margin-bottom: 35px;
}
.pay_info_user {
    height: 40px;
/*    margin-bottom: 8px;*/
    border-bottom: 1px solid #e8e8e8;
}
.pay_info_user p {
    display: inline-block;
    line-height: 40px;
}
.pay_info_user .pay_p1 {
    color: #111;
}
.pay_info_user .pay_p2 {
    float: right;
    padding-left: 19px;
    background-size: 16px;
}
.pay_info {
    height: 40px;
    border-bottom: 1px dotted #e8e8e8;
}
.pay_info:last-child { border-bottom: none; }
.pay_info p {
    display: inline-block;
    line-height: 40px;
}
.pay_p1 {
    float: left;
    color: #8D9396;
    letter-spacing: -1px;
}
.pay_info p.pay_p2 {
    float: right;
    font-size: 16px;
    font-weight: 600;
}
.pay_total_nw {
    font-size: 16px;
    font-weight: 600;
}
.span_nw_b7 {
    background-image: url(../images/nowon_icon4.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 27px;
    background-size: 24px;
}
.span_nowon {
    background-image: url(../images/nowon_icon.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-right: 28px;
    background-size: 25px;
}
.span_nw_word {
    color: #666;
    font-size: 13px;
    font-weight: 600;
    letter-spacing: -1.5px;
}

.pay_user_info {
    display: block;
    padding: 0 15px;
    margin-top: 10px;
}
.user_nowon {
    height: 30px;
    margin-left: 8px;
    font-size: 16px;
    font-weight: bold;
    line-height: 30px;
}
.pay_user_info p, .pay_user_info span {
    display: inline-block;
}

#userName {
	font-size: 16px;
	font-weight: 600;
}

/* 가맹점 - 회원검색 */
.top_ab_wrap {
    position: fixed;
    top: 45px;
    left: 0;
    width: 100%;
    height: 110px;
    background-color: #fff;
    z-index: 1;
}

.search_input_wrap {
    height: auto;
    overflow: hidden;
    padding-right: 57px;
    border-top: 1px solid #e8e8e8;
    border-bottom: 1px solid #e8e8e8;
}
.search_input {
    width: 100%;
    height: 48px;
    padding: 0 20px;
    font-size: 14px;
}
.search_btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 57px;
    height: 48px;
    border: none;
    border-radius: 0px;
    background-color: #fff;
    color: #7b7b7b;
    font-size: 13px;
    background-image: url(/assets/mobile/images/search_bg3.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
}
.search_head {
    width: 100%;
    padding: 0 15px;
    margin-top: 30px;
    margin-bottom: 20px;
    background-color: #fff;
}
.search_head p {
    font-size: 15px;
}
.user_search_box_wrap {
    position: relative;
    min-height: 100%;
    padding: 0 15px;
}
.search_list_wrap {
    position: relative;
    height: auto;
    overflow: hidden;
    padding-top: 155px;
    padding-bottom: 115px;
}
.position_button_wrap {
    height: auto;
    overflow: hidden;
    padding: 0 15px;
    margin-top: -100px;
    z-index: 2;
}
.user_search_box {
    width: 100%;
    height: 75px;
    overflow: hidden;
    padding: 0 15px;
    border-bottom: 1px solid #e8e8e8;
    background-color: #fff;
    display: table;
    cursor: pointer;
}
.user_search_box:first-child { border-top: 1px solid #e8e8e8; }
.user_search_box.search_box_sel { border: 2px solid #e8e8e8; border-top: 1px solid #e8e8e8; padding: 0 14px; }
.user_search_box.search_box_sel:first-child { border-top: 2 px solid #e8e8e8; }
.user_top {
    width: 100%;
    height: auto;
    overflow: hidden;
    display: inline-block;
}
.user_top p {
    display: inline-block;
    line-height: 26px;
    font-weight: 500;
}
.user_top p.user_p1 {
    float: left;
    margin-right: 12px;
    font-size: 15px;
}
.user_p2 {
    float: left;
    color: #8f8f8f;
    margin-right: 15px;
}
.user_top p.user_p3 {
    float: right;
    color: #555;
}
.user_p4 {
    clear: both;
    color: #555;
    line-height: 20px;
}
.user_p4 span { margin-right: 6px; font-size: 13px; }


.button_wrap {
    height: auto;
    overflow: hidden;
    margin-top: 15px;
}





/*============================================================여기 durl ===================================================================*/
/* coin_view */

/**/
.view_affiliate {
    margin-bottom: 6px;
    font-size: 14px;
}
.view_affiliate span { margin-right: 8px; }
.top_wrap {
    padding-top: 45px;
    margin-bottom: -145px;
    z-index: 2;
}
/* index */
.mobile_section {
    min-height: 100%;
    padding: 165px 20px 0 20px;
    display: table;
    width: 100%;
}




/* 보내실 NW 입력 */
.send_input2_wrap {
    padding: 0 12px;
}
.input2_p {
    display: block;
    position: absolute;
    top: 13px;
    right: 12px;
    width: 20px;
    height: 20px;
    color: #434343;
    font-size: 14px;
    font-weight: lighter;
    line-height: 20px;
}






/* 가맹점 - 회원검색 - 회원선택 후 NW 차감 */
.a_coin_view {
    width: 100%;
    height: 120px;
    overflow: hidden;
    padding: 0 20px;
    background-color: #f3f8f8;
    border-bottom: 1px solid #e8e8e8;
    display: table;
}
p.a_coin_p2 {
    display: block;
    width: 100%;
    height: 40px;
    margin-top: 10px;
    padding: 0 12px;
    background-color: #fff;
    text-align: right;
    line-height: 40px;
}

.a_user_view {
}
.user_coin_p1 {
    display: block;
    font-size: 12px;
    font-weight: lighter;
}

/* 가맹점 - 회원검색 - 회원선택 후 NW 차감 금액 */
.a_pay_wrap {
    padding: 0 20px;
    text-align: right;
}
p.a_p2 {
    font-weight: bold; 
}
.pay_nw_p {
    display: inline;
}
.member_pay_wrap {
    height: auto;
    overflow: hidden;
}
.member_pay_box {
    height: 50px;
    overflow: hidden;
    padding: 0 15px;
    text-align: center;
    border-bottom: 1px solid #e8e8e8;
}
.member_pay_box:last-child { border-bottom: none; }
.member_pay_box p {
    line-height: 50px;
}
.pay_box_p1 {
    display: block;
    float: left;
    height: 35px;
    font-size: 14px;
    line-height: 50px;
}

.pay_box_num1 {
    float: right;
    width: 200px;
    height: auto;
    overflow: hidden;
    margin: auto;
}

.pay_input1 {
    float: left;
    width: 85%;
    height: 50px;
    padding: 8px 4px;
    color: #7da1b4;
    font-size: 24px;
    font-weight: bold;
    text-align: right;
    border: none;
    background: none;
    line-height: 50px;
}


.pay_input_span {
    float: left;
    display: inline;
    width: 15%;
    height: 50px;
    padding-top: 2px;
    font-size: 13px;
    font-weight: bold;
    line-height: 50px;
}

.pay_box2_wrap {
    float: right;
}

p.pay_box_p2 {
    float: left;
    margin-bottom: 5px;
    font-size: 13px;
    text-align: right;
}
p.pay_box_num2 {
    float: right;
    color: #6293ad;
    font-size: 18px;
    text-align: right;
}

p.pay_box_num3 {
    float: right;
    color: #f85300;
    font-size: 18px;
    font-weight: bold;
    text-align: right;
}

.pay_box_num3 span { 
    color: #f85300;
    font-size: 13px;
}

.m_board_tab {
    width: 240px;
    height: auto;
    overflow: hidden;
    margin: auto;
    margin-top: 35px;
    margin-bottom: 20px;
}
.m_board_tab a {
    float: left;
    width: 50%;
    height: 45px;
    border: 1px solid #e8e8e8;
    border-right: none;
    color: #b7b7b7;
    text-align: center;
    line-height: 43px;
}
.m_board_tab a:last-child { border-right: 1px solid #e8e8e8; }
.m_board_tab a.btn_sel {
    color: #131313;
    font-weight: 500;
}
.more_button {
    width: 120px;
    height: 45px;
    margin: auto;
    margin-top: 25px;
    margin-bottom: 25px;
    text-align: center;
    line-height: 45px;
    border: 1px solid #e8e8e8;
}
.list_none_p {
    color: #7b7b7b;
    text-align: center;
    line-height: 80px;
    display: none;
}
.select_list {
    display: block;
    float: right;
    width: 100px;
    height: auto;
    overflow: hidden;
    margin-right: 15px;
    padding: 10px 15px;
    border-radius: 0px;
    background: url(/assets/mobile/images/select_arrow.png) no-repeat 90% center;
    background-size: 8px;
    color: #99a1a1;
    font-size: 14px;
    text-align: right;
}
/* 품/물품거래 */
.statement_box p.nw_p {
    display: block;
    color: #f85300;
    font-size: 16px;
    font-weight: bold;
    line-height: 40px;
}
.nw_select {
    font-size: 12px;
    font-weight: bold;
    line-height: 20px;
}

/* 페이지 네비게이션 */ .notice_num_wrap { position: relative; width: 100%; height: 
52px; margin-top: 0px; margin-bottom: 0px; text-align: center; } 
.notice_num_wrap ul { display: inline-block; height: 24px; overflow: hidden; } 
.notice_num_wrap ul.board_num { margin: 0 22px; } .notice_num_wrap ul.board_num 
li { display: inline-block; padding: 0 3px; line-height: 24px; } /* preview, 
next */ .boardArrow_wrap li { display: inline-block; width: 24px; height: 24px; 
background-color: #f6f8f9; background-repeat: no-repeat; background-position: 
center center; cursor: pointer; } .boardArrow_wrap li:hover { background-color: 
#f1f4f7; }

.num_previewMax { background-image: url(/assets/mobile/images/previewMax_bg.png); }
.num_preview { background-image: url(/assets/mobile/images/preview_bg.png); }
.num_next { background-image: url(/assets/mobile/images/next_bg.png); }
.num_nextMax { background-image: url(/assets/mobile/images/nextMax_bg.png); }






/* =========================================== NEW end =========================================== */


/* common */
.dis_table {
    display: table;
    width: 100%;
}
.table_cell {
    display: table-cell;
    vertical-align: middle;
}






/* ---------------------------------------------------------------------------------------------------- */


.section_span {
    background-color: #fff;
    padding: 0;
    margin-top: 0;
}
.span_bg {
    background-color: #f0f4f4;
}


.button_wrap {
    width: 100%;
    padding: 0 20px;
    height: auto;
    overflow: hidden;
}
.mobile_wrap {
    width: 100%;
    height: 100%;
    overflow-y: scroll;
    padding-top: 55px;
    padding-bottom: 0px;
    background-color: #fff;
}
section {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0 15px;
    background-color: #fff;
}

/**/

.foot_button {
    height: 60px;
    /*margin-top: -60px;*/
    background-color: #f85300;
    position:absolute;
    width:100%;
    z-index:3;
    /*top:5px;*/
}
.foot_menuDivCell{
    width:25%;
    height:100%;
    background: #f85300;
    float:left;
}
.foot_menuIconCell{
    width:100%;
    height:70%;
    display: flex;
    align-items: center;
    justify-content: center;
    color:white;
}
.foot_menuIconCell i{
    color:white;
    font-size:28px;
}
.foot_menuTextCell{
    width: 100%;
    height:30%;
    text-align: center;
    color:white;
    font-size:9px;
}

/*.foot_button a.child1 { background-image: url(/assets/mobile/images/foot_icon1.png); }*/
/*.foot_button a.child2 { background-image: url(/assets/mobile/images/foot_icon2.png); }*/
/*.foot_button a.child3 { background-image: url(/assets/mobile/images/foot_icon3.png); }*/
/*.foot_button a.child4 { background-image: url(/assets/mobile/images/foot_icon4.png); }*/
/*.foot_button a {*/
    /*display: block;*/
    /*float: left;*/
    /*width: 25%;*/
    /*padding-top: 40px;*/
    /*background-repeat: no-repeat;*/
    /*background-position: center 13px;*/
    /*background-size: 21px;*/
    /*color: #fff !important;*/
    /*font-size: 10px;*/
    /*text-align: center;*/
/*}*/
/* 드로워 */

.popup_back {
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: rgba(0, 0, 0, 0.65);
	opacity: 0;
	visibility: hidden;
	-webkit-transition: all 0.2s;
	transition: all 0.2s;
    z-index: 9;
}
.drawer_back.open {
    display: block;
}
.drawer_back {
    width: 100%;
    height: 100%;
    position: fixed;
    top: 0px;
    left: 0px;
    background-color: rgba(0, 0, 0, 0.65);;
    z-index: 4;
    display: none;
}
/*.drawer_back {*/
    /*position: fixed;*/
    /*top: 0;*/
    /*left: 0;*/
    /*right: 0;*/
    /*bottom: 0;*/
    /*background-color: rgba(0, 0, 0, 0.65);*/
    /*opacity: 0;*/
    /*visibility: hidden;*/
    /*-webkit-transition: all 0.2s;*/
    /*transition: all 0.2s;*/
    /*z-index: 9;*/
/*}*/
.drawer {
    width: 90%;
    height: 100%;
    position: fixed;
    top: 0px;
    right: -100%;
    z-index: 10;
    border: 1px solid #c9c9c9;
    background-color: white;
    /*text-align: center;*/
    transition: All 0.2s ease;
    -webkit-transition: All 0.2s ease;
    -moz-transition: All 0.2s ease;
    -o-transition: All 0.2s ease;
}
.drawer.open {
    right: 0px;
}
/*.drawer {*/
    /*display: block;*/
    /*position: fixed;*/
    /*top: 0;*/
    /*right: -100%;*/
    /*bottom: 0;*/
    /*width: 90%;*/
    /*overflow-y: scroll;*/
    /*background-color: #fff;*/
    /*z-index: 10;*/
    /*transition: all 0.8s;*/
    /*-webkit-transition: all 0.8s;*/
/*}*/
/* 드로워 정보 */
.drawer_top {
    height: 55px;
    padding: 0 15px;
    border-bottom: 1px solid #e8e8e8;
    background-color: #fff;
}
.drawer_xbtn {
    width: 35px;
    height: 20px;
    position: absolute;
    top: 13px;
    right: 15px;
    background: url(/assets/mobile/images/drawer_xbtn.png) no-repeat center;
    background-size: 17px;
    padding-top: 23px;
    color: #f85300;
    font-size: 10px;
    text-align: center;
    cursor: pointer;
    z-index: 3;
}
.drawer_inner {
    height: auto;
    overflow: hidden;
    background-color: #eaeaea;
}

.drawer_info {
    height: auto;
    overflow: hidden;
    padding: 0 15px;
    margin-bottom: 10px;
    background-color: #fff;
}
.drawer_info_top, .drawer_info_bottom {
    clear: both;
    height: auto;
    overflow: hidden;
    padding: 0 15px;
}

.drawer_info_top {
    padding-bottom: 10px;
    border-bottom: 1px solid #bfbfc0;
}
.drawer_name {
    font-size: 15px;
    font-weight: 600;
    line-height: 32px;
    margin-top: 23px;
}
.drawer_id {
    float: left;
    padding-top: 4px;
    color: #1f1f1f;
}
.drawer_mypage {
    float: right;
    display: inline-block;
    padding: 6px 9px;
    border: 1px solid #c6c6c7;
    border-radius: 4px;
    color: #1f1f1f !important;
    font-size: 12px;
}
.drawer_nw {
    margin-top: 15px;
    line-height: 24px;
}
.drawer_nowon {
    color: #f85300;
    font-size: 24px;
    font-weight: 600;
    line-height: 24px;
    margin-bottom: 25px;
}
/* 드로워 메뉴 */

.drawer_view {
    height: auto;
    overflow: hidden;
    background-color: #fff;
}
.drawer_gnb a {
    display: block;
    width: 100%;
    height: 45px;
    padding-left: 50px;
    border-bottom: 1px solid #e8e8e8;
    background-repeat: no-repeat;
    background-position: 25px center;
    background-size: 15px;
    color: #333 !important;
    font-size: 14px;
    line-height: 45px;
}
.drawer_nav {
    height: auto;
    overflow: hidden;
    padding: 25px 20px;
    margin-bottom: 10px;
    background-color: #fff;
}
.drawer_nav a {
    display: block;
    position: relative;
    float: left;
    width: 25%;
    padding-top: 25%;
    margin-top: 10px;
    
}
.drawer_nav a p.child1 { background-image: url(/assets/mobile/images/main_icon1.png); }
.drawer_nav a p.child2 { background-image: url(/assets/mobile/images/main_icon2.png); }
.drawer_nav a p.child3 { background-image: url(/assets/mobile/images/main_icon3.png); }
.drawer_nav a p.child4 { background-image: url(/assets/mobile/images/main_icon4.png); }
.drawer_nav a p.child5 { background-image: url(/assets/mobile/images/main_icon5.png); }
.drawer_nav a p.child6 { background-image: url(/assets/mobile/images/main_icon6.png); }
.drawer_nav a p.child7 { background-image: url(/assets/mobile/images/main_icon7.png); }
.drawer_nav a p.child8 { background-image: url(/assets/mobile/images/main_icon8.png); }
.drawer_nav a p.child9 { background-image: url(/assets/mobile/images/main_icon9.png); }
.drawer_nav a p {
    padding-top: 50px;
    background-repeat: no-repeat;
    background-position: top center;
    background-size: 35px;
    font-size: 12px;
    text-align: center;
}
.drawer_notice {
    height: auto;
    overflow: hidden;
    background-color: #fff;
}

/*
.drawer_gnb a.gnb_userinfo { background-image: url(/assets/mobile/images/drawer_gnb1.png); }
.drawer_gnb a.gnb_logout { background-image: url(/assets/mobile/images/drawer_gnb2.png); }
.drawer_gnb a.gnb_notice { background-image: url(/assets/mobile/images/drawer_gnb3.png); }

*/

.drawer_gnb a:nth-child(1) { background-image: url(/assets/mobile/images/main_icon_01.png); }
.drawer_gnb a:nth-child(2) { background-image: url(/assets/mobile/images/main_icon_02.png); }
.drawer_gnb a:nth-child(3) { background-image: url(/assets/mobile/images/main_icon_03.png); }
.drawer_gnb a:nth-child(4) { background-image: url(/assets/mobile/images/main_icon_04.png); }

.drawer_gnb_a a:nth-child(1) { background-image: url(/assets/mobile/images/main_icon_01.png); }
.drawer_gnb_a a:nth-child(2) { background-image: url(/assets/mobile/images/main_icon_02.png); }
.drawer_gnb_a a:nth-child(3) { background-image: url(/assets/mobile/images/main_icon_03.png); }
.drawer_gnb_a a:nth-child(4) { background-image: url(/assets/mobile/images/main_icon_04.png); }


.drawer_notice {
    height: auto;
    overflow: hidden;
    padding: 8px 40px;
    background-color: #fff;
}
.drawer_notice a {
    display: block;
    padding-left: 27px;
    background-repeat: no-repeat;
    background-position: left center;
}
.drawer_notice a.a_userinfo {
    height: 35px;
    line-height: 35px;
    background-image: url(/assets/mobile/images/drawer_icon1.png);
    background-size: 13px;
}
.drawer_notice a.a_contact {
    height: auto;
    line-height: 30px;
    font-weight: 600;
    overflow: hidden;
    padding-left: 27px;
    background-image: url(/assets/mobile/images/drawer_icon2.png);
    background-position: left 8px;
    background-size: 18px;
}
.drawer_notice a.a_contact span {
	float: right;
    line-height: 30px;
}
.drawer_logout {
    height: 55px;
    padding-left: 67px;
    margin-top: 10px;
    background-color: #fff;
    background-image: url(/assets/mobile/images/drawer_icon3.png);
    background-repeat: no-repeat;
    background-position: 40px center;
    background-size: 16px;
    line-height: 55px;
    font-weight: 600;
}
.drawer_on { right: 0; }


/* 섹션 공통 */
.abwrap {
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
}
.main_a_BtnMenu {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
}



/*                          섹션 시작                          */

/* 메인 로그인 */
.login_wrap {
    height: auto;
    overflow: hidden;
    padding: 0 15px;
    margin-bottom: 0px;
}

.login_logo {
    width: 180px;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 35px;
}

/* 가맹점 일반회원 */
.check_btn_wrap {
    height: auto;
    overflow: hidden;
    padding-left: 8px;
    margin-top: 25px;
    margin-bottom: 10px;
}
.check_btn {
    display: inline-block;
    height: 30px;
    padding: 0 15px 0 25px;
    background: url(/assets/mobile/images/search_user_off.png) no-repeat left center;
    background-size: 18px;
    font-size: 14px;
    font-weight: bold;
    line-height: 30px;
    cursor: pointer;
}
.check_btn.btn_sel {
    background: url(/assets/mobile/images/search_user_on.png) no-repeat left center;
    background-size: 18px;
}
.autoLogin_check {
	float: right;
	height: auto;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 25px;
}
.autoLogin_check input {
	opacity: 0;
	width: 16px;
	height: 16px;
	margin-right: -20px;
}
.autoLogin_check label {
	display: inline-block;
	padding-left: 22px;
	height: 20px;
	line-height: 20px;
    background: url(/assets/mobile/images/login_check_off.png) no-repeat left center;
    background-size: 16px;
	font-size: 13px;
	font-weight: bold;
}
.autoLogin_check input:checked+label {
	background: url(/assets/mobile/images/login_check_on.png) no-repeat left center;
    background-size: 16px;
}
/* 로그인메인 */
.login_input_wrap {
    clear: both;
}
.login_input {
    width: 100%;
    height: 55px;
    margin-bottom: 10px;
    padding: 8px 15px;
    border: 1px solid #e8e8e8;
    border-radius: 4px;
    color: #7c7c7c;
    font-size: 14px;
}
.login_button {
    width: 100%;
    height: 55px;
    margin-top: 5px;
    background-color: #f85300;
    border-radius: 6px;
    color: #fff;
    font-size: 16px;
}
.login_button a {
    display: block;
    color: #fff !important;
    font-size: 15px;
}
.join_button {
    width: 100%;
    height: 55px;
    margin-top: 25px;
    margin-bottom: 35px;
    background-color: #f85300;
    color: #fff;
    font-size: 16px;
}
.join_button a {
    color: #fff !important;
    font-size: 16px;
}
.join_error_p {
    color: #f85300;
    font-size: 12px;
    margin: -3px 0 15px 10px;
}


.login_input2 { margin-bottom: 10px; }
.input_num_wrap {
    clear: both;
    height: auto;
    overflow: hidden;
}



.login_input_num {
    float: left;
    width: 86%;
    border-right: none;
}
.login_search_btn {
    float: right;
    width: 14%;
    height: 45px;
    background-color: #d5dfdf;
    background-image: url(/assets/mobile/images/search_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 15px;
    font-size: 12px;
}

/* 아이디찾기 비밀번호찾기 */
.login_find {
    clear: both;
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 25px;
    text-align: center;
}
.login_find a {
    display: inline-block;
    height: 12px;
    color: #333 !important;
    font-size: 12px;
    font-weight: bold;
    line-height: 12px;
}
.login_find a:first-child {
    margin-right: 12px;
    padding-right: 14px;
    border-right: 1px solid #565656;
}
/* 일반회원 가맹점 가입하기 */
.login_join_wrap {
	height: auto;
	overflow: hidden;
    text-align: left;
}
.login_p1 {
    margin-top: 30px;
    margin-bottom: 15px;
    color: #f85300;
    font-size: 13px;
    font-weight: 600;
}


.login_join_button a {
    display: block;
    float: left;
    width: 47.5%;
    height: 45px;
    margin: auto;
    border-radius: 4px;
    border: 1px solid #b7b7b7;
    color: #505050;
    text-align: center;
    font-size: 13px;
    font-weight: lighter;
    line-height: 45px;
}
.login_join_button a:first-child { margin-right: 5%; }


/*

.login_join_button a {
    display: block;
    width: 100%;
    height: 52px;
    border-radius: 6px;
    background-color: #f5f9f8;
    color: #00a3a9;
    text-align: center;
    line-height: 52px;
}
.login_join_button a:first-child { margin-bottom: 18px; }
*/

/* 회원가입 */

p.join_p1 {
    display: block;
    margin-top: 15px;
    font-size: 12px;
    line-height: 26px;
}
label.join_label {
    display: block;
    height: auto;
    overflow: hidden;
    margin-top: 10px;
    margin-bottom: 10px;
    padding-left: 8px;
    font-size: 13px;
}
.last_type { margin-bottom: 45px; }



/* join */
.join_input {
    width: 100%;
    height: 50px;
    padding: 8px 15px;
    margin-bottom: 10px;
    border: 1px solid #d7d7d7;
    line-height: 50px;
    color: #7c7c7c;
    font-size: 13px;
}

.join_select {
    display: block;
    margin-top: -5px;
    color: #6c6c6c;
    font-size: 12px;
    line-height: 26px;
}
.join_line {
    height: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dotted #d5dfdf;
}
.memberPTag{word-break: keep-all;}
.local_selcet {
    width: 100%;
    height: 50px;
    margin-bottom: 10px;
    padding: 8px 15px;
    border: 1px solid #d7d7d7;
    border-radius: 0px;
    background-color: #fff;
    background-image: url(/assets/mobile/images/select_arrow.png);
    background-repeat: no-repeat;
    background-position: 96% center;
    background-size: 10px;
    color: #7c7c7c;
    font-size: 14px;
}


.a_input_wrap {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 10px;
    border: 1px solid #e8e8e8;
    color: #7c7c7c;
    font-size: 14px;
}

.a_input_n {
    float: left;
    width: 70px;
    height: 40px;
    padding: 8px 15px;
    text-align: right;
}
.span_n {
    float: left;
    width: 50px;
    height: 40px;
    line-height: 40px;
}

.a_join_textarea {
    width: 100%;
    height: 100px;
    overflow-y: scroll;
    padding: 15px 15px;
    margin-bottom: 10px;
    border: 1px solid #e8e8e8;
    color: #7c7c7c;
    font-size: 14px;
    line-height: 23px;
}



/* 회원가입 - 이용약관 동의 */
.join_agree_line.line1 {
    margin-bottom: 0px;
}
.join_agree_line.line1 .join_agree {
    font-weight: bold;
}
.join_agree_wrap {
    height: auto;
    overflow: hidden;
    margin-top: 10px;
    padding: 12px 10px;
    padding-bottom: 7px;
    background-color: #f4f4f4;
}
.join_agree_line {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 6px;
    clear: both;
}
.join_agree {
    float: left;
    height: 17px;
    color: #444;
    font-size: 12px;
    line-height: 17px;
    cursor: pointer;
}
.join_agree .agree_check {
    display: block;
    float: left;
    width: 17px;
    height: 17px;
    margin-right: 8px;
    border: 1px solid #d7d7d7;
    background-color: #fff;
}
.agree_check.check_sel {
    border: 1px solid #f85300;
    background-color: #f85300;
    background-image: url(../images/check_icon_f.png);
    background-repeat: no-repeat;
    background-position: 1px 3px;
    background-size: 12px;
}
.join_agree_btn {
    float: left;
    margin-left: 13px;
    color: #9b9b9b;
    text-decoration: underline;
    font-size: 12px;
    line-height: 17px;
    cursor: pointer;
}
.agree_popup {
	position: fixed;
	top: 50%;
	left: 50%;
    width: 90%;
    margin-left: -45%;
    max-height: 90%;
    overflow-y: scroll;
	padding: 13px 18px;
    border-radius: 2px;
	transform: translateY(-50%);
	background-color: #fafafa;
	z-index: 9999;
	display: none;
}
.agree_p {
    margin: 16px 0;
    font-size: 13px;
    font-weight: bold;
}
.agree_text {
    height: 300px;
	padding: 15px 12px;
	overflow: hidden;
	overflow-y: scroll;
	border: 1px solid #d7d7d7;
    border-radius: 0px;
    background-color: #f4f4f4;
	font-size: 12px;
    line-height: 18px;
}
.agree_button {
    display: block;
    width: 100px;
    height: 40px;
    margin: auto;
    margin-top: 16px;
    margin-bottom: 6px;
    background-color: #eb641f;
    border-radius: 40px;
    color: #fff;
    font-size: 12px;
    text-align: center;
    line-height: 40px;
}

.popup_sel { display: block; }


/* 삭제
.qrcode_wrap {
    min-height: 100%;
    padding-top: 55px;
    padding-bottom: 90px;
}
.qrcode_footer {
    margin-top: -70px;
    padding: 0 20px;
}
.qrcode_footer .call_button { margin: 0; }
.qr_section {
    height: 100%;
    overflow: hidden;
    padding-bottom: 100px;
}
.qrcode_box {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 180px;
    height: 180px;
    overflow: hidden;
    margin: auto;
    top: 50%;
    margin-top: -90px;
    margin-left: -90px;
    background-color: #f4f4f4;
}
.qr_btn {
    position: absolute;
    left: 0;
    bottom: 45px;
}
.send_qr_btn {
    padding: 0 15px;
    text-align: center;
}
*/
.popup_qrcode {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 260px;
    height: 285px;
    margin-top: -150px;
    margin-left: -130px;
    overflow: hidden;
    border-radius: 8px;
    background-color: #fff;
    text-align: center;
    z-index: 11;
    display: none;
}
.qr_box {
    width: 150px;
    height: 150px;
    margin: auto;
    margin-top: 60px;
    background-color: #e8e8e8;
}
.qr_num {
    margin-top: 10px;
    font-size: 13px;
    font-weight: bold;
}
.popup_xbtn {
    position: absolute;
    top: 20px;
    right: 20px;
    width: 22px;
    height: 22px;
    background: url(/assets/mobile/images/x_btn.png) no-repeat center;
    background-size: 100%;
    cursor: pointer;
}



/* 팝업 */
.popup {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 300px;
    height: auto;
    overflow: hidden;
    margin-left: -150px;
    overflow: hidden;
    background-color: #fff;
    display: none;
    z-index: 10;
}
.popup2 {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 300px;
    height: auto;
    overflow: hidden;
    margin-left: -150px;
    overflow: hidden;
    background-color: #fff;
    display: none;
    z-index: 10;
}
.popup_pass {
    position: fixed;
    top: 50%;
    left: 50%;
    width: 300px;
    height: 200px;
    margin-top: -100px;
    margin-left: -150px;
    overflow: hidden;
    border-radius: 8px;
    background-color: #fff;
    display: none;
    z-index: 10;
}
.popup3 {
    position: fixed;
    top: 29%;
    left: 45%;
    width: 500px;
    height: 500px;
    margin-top: -100px;
    margin-left: -150px;
    overflow: hidden;
    border-radius: 8px;
    background-color: #fff;
    display: none;
    z-index: 10;
}
.popup_body {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 40px 20px;
    text-align: center;
}
.popup_body2 {
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
}
.popup_body2 iframe{width:100%; height:100%;}
.popup_msg {
    height: auto;
    overflow: hidden;
    color: #637188;
    font-size: 14px;
    text-align: center;
    line-height: 20px;
}
.popupSpan1 {
    color: #f85300;
    font-weight: bold;
}

/* 팝업창 확인 버튼 */
.popup_bottom {
    height: auto;
    overflow: hidden;
}
.popup_btn1 {
    width: 100%;
    height: 50px;
    margin: auto;
    background-color: #f85300;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    line-height: 50px;
	cursor: pointer;
}
.popup_btn1:hover { background-color: #f85300; }

/* 팝업창 확인/취소 버튼 */
.popup_btn_wrap {
    width: 100%;
    margin: auto;
    overflow: hidden;
}
.popup_btn2 {
    float: left;
    width: 50%;
    height: 50px;
    background-color: #f85300;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    line-height: 50px;
	cursor: pointer;
}
.popup_btn2:hover { background-color: #f85300; }
.popup_btn3 {
    float: left;
    width: 50%;
    height: 50px;
    background-color: #d7d7d7;
    color: #fff;
    font-size: 14px;
    font-weight: 500;
    text-align: center;
    line-height: 50px;
	cursor: pointer;
}
.popup_btn_a { display: block; }
/* 팝업 on */
.popup_on {
    opacity: 1;
    visibility: visible !important;
}


a:hover { color: inherit!important; text-decoration: none!important; }
a:focus { color: inherit!important; text-decoration: none!important; }


.span_nw_p {
    letter-spacing: -1.5px;
}




/* faq */
.board_wrap {
    height: auto;
    overflow: hidden;
}
.nowon_faq {
    height: auto;
    overflow: hidden;
}
.faq_exp {
    height: auto;
    overflow: hidden;
    padding: 20px 40px 20px 20px;
    border-bottom: 1px solid #ccc;
    background: url(/assets/mobile/images/faq_arrow_down.png) no-repeat 95% 28px;
    background-size: 13px;
    line-height: 22px;
    cursor: pointer;
}
.faq_answer {
    height: auto;
    overflow: hidden;
    padding: 6px 40px 45px 45px;
    background: url(/assets/mobile/images/faq_answer.png) no-repeat 20px top;
    background-size: 13px;
    border-bottom: 1px solid #ccc;
    display: none;
}
.faq_answer p {
    color: #6a6a6a;
}
.faq_exp.exp_sel {
    border-bottom: none;
    background: url(/assets/mobile/images/faq_arrow_up.png) no-repeat 95% 28px;
    background-size: 13px;
}
.faq_answer.dis_on { display: block; }

/* 1:1 문의하기 */

.contact_top {
    height: auto;
    overflow: hidden;
    padding: 30px 15px;
    border-bottom: 2px solid #444;
}
.contact_top h1.contact_h1 {
    float: left;
    font-size: 15px;
    font-weight: bold;
    line-height: 45px;
}
.contact_top a.contact_btn {
    display: inline-block;
    float: right;
    height: 45px;
    border: 1px solid #f85300;
    border-radius: 4px;
    padding: 0 20px;
    color: #f85300;
    font-weight: bold;
    line-height: 43px;
    cursor: pointer;
    
}
.contact_box {
    height: auto;
    overflow: hidden;
    padding: 15px 15px; 
    border-bottom: 1px solid #ccc;
}
.contact_sub {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
    line-height: 28px;
}
.contact_line {
    clear: both;
    height: auto;
    overflow: hidden;
    margin-top: 6px;
    margin-bottom: 2px;
}
.contact_state {
    display: inline-block;
    float: left;
    height: 28px;
    line-height: 26px;
    padding: 0 14px;
    border: 1px solid #a1a1a1;
    border-radius: 30px;
    color: #7d7d7d;
    font-size: 12px;
}
.contact_state_answer {
    display: inline-block;
    float: left;
    height: 28px;
    line-height: 26px;
    padding: 0 14px;
    border: 1px solid #f85300;
    border-radius: 30px;
    color: #f85300;
    font-size: 12px;
    font-weight: bold;
}
.contact_date {
    display: block;
    float: right;
    height: 28px;
    line-height: 28px;
    color: #7d7d7d;
    font-size: 12px;
}
.board_write_wrap .write_head { padding: 0px; }
.contact_select {
    width: 100%;
    height: 50px;
    padding: 11px 15px;
    color: #747474;
    font-size: 14px;
    border-top: 1px solid #d7d7d7;
    border-radius: 0px;
    background-color: #fff;
    background-image: url(/assets/mobile/images/select_arrow.png);
    background-repeat: no-repeat;
    background-position: 96% center;
    background-size: 10px;
}
.contact_write_foot {
	height: auto;
	overflow: hidden;
	margin-top: 8px;
	margin-bottom: 10px;
}
#qnaCounter {
	float: right;
	height: 30px;
	line-height: 30px;
	color: #838383;
	font-size: 12px;
}

/* 읽기 */
.contact_view_wrap {
    height: auto;
    overflow: hidden;
    padding: 10px 15px;
}
.contact_view_wrap .notice_view_head { padding: 20px 0px; }
.contact_answer {
    padding: 15px 10px;
    border-bottom: 1px solid #ccc;
}
.contact_view_text {
    height: auto;
    overflow: hidden;
    padding: 14px 0 20px;
    border-bottom: 2px solid #444;
}
.contact_view_state {
    display: inline-block;
    height: 12px;
    line-height: 10px;
    padding-right: 10px;
    margin-right: 8px;
    border-right: 1px solid #d7d7d7;
    color: #232323;
    font-weight: bold;
    font-size: 12px;
}
.contact_view_date {
    display: inline-block;
    height: 12px;
    line-height: 28px;
    color: #7d7d7d;
    font-size: 12px;
    line-height: 12px;
}
.answer_view {
    padding: 12px 0;
}
.answer_view p, .contact_view_text p {
    font-size: 14px;
    line-height: 24px;
}
p.answer_date {
    display: block;
    clear: both;
    height: 28px;
    line-height: 28px;
    color: #7d7d7d;
    font-size: 12px;
    margin-bottom: 10px;
}
/* notice */
.gap60{
	 height: 60px;
}

.notice_box {
    height: auto;
    overflow: hidden;
    padding: 0 15px; 
    border-bottom: 1px solid #ccc;
}
.notice_box a.notice_sub {
    display: block;
    float: left;
    width: 75%;
    height: 65px;
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap; 
    line-height: 65px;
}
.notice_box a p {
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}
.notice_box .notice_date {
    display: block;
    float: right;
    width: 25%;
    height: 65px;
    color: #686868;
    font-size: 12px;
    line-height: 65px;
    text-align: right;
}
/* notice_view */
.notice_view_box {
    
}

.notice_view_head {
    height: auto;
    overflow: hidden;
    padding: 20px 15px;
    border-bottom: 1px solid #ccc;
}
.notice_view_head p.notice_view_sub {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 14px;
    line-height: 20px;
}
p.notice_view_date {
    display: block;
    margin-top: 14px;
    color: #7d7d7d;
    font-size: 12px;
}
.qnaDateSpanCell {
    position: absolute;
    right: 0px;
    /*display: block;*/
    /*margin-top: 14px;*/
    color: #7d7d7d;
    font-size: 12px;
}
#qnaCategoryCell{
    text-align:right;
    color: #7d7d7d;
    font-size: 12px;
    border-bottom: 1px solid #ccc;
    padding-bottom: 5px;
}
.qna_view_date_add{
    position: relative;
}
.notice_view_text {
    height: auto;
    overflow: hidden;
    padding: 20px 20px;
    border-bottom: 1px solid #ccc;
}
.notice_view_text p {
	color: #555;
    font-size: 15px;
    line-height: 24px;
}
.notice_view_text div img { margin-bottom: 15px; }
.notice_button {
    display: block;
    width: 120px;
    height: 45px;
    margin: auto;
    margin-top: 25px;
    margin-bottom: 25px;
    text-align: center;
    line-height: 45px;
    border: 1px solid #d7d7d7;
}
/* Open Close TimePicker */
.time_input_wrap {
    clear: both;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.time_input_box {
    height: auto;
    overflow: hidden;
    margin-bottom: 10px;
}
.time_input_css {
    float: left;
    width: 47%;
    height: 50px;
    border: 1px solid #d7d7d7;
    border-radius: 0px;
    text-align: left;
    padding: 0 25px 0 15px;
    background: url(/assets/mobile/images/select_arrow.png) no-repeat 90% center;
    background-size: 10px;
}
.time_span {
    float: left;
    width: 6%;
    height: 50px;
    text-align: center;
    line-height: 50px;
}
.ui-timepicker-wrapper {
    width: 43% !important;
    border: 1px solid #d7d7d7;
    padding: 6px 15px;
    text-align: left;
    box-sizing: border-box;
}
.ui-timepicker, .ui-timepicker-viewport { width: 100% !important; padding: 0px !important; }
.ui-timepicker-standard .ui-menu-item { width: 100% !important; }
.ui-timepicker-standard a {
    padding: .2em .0em !important;
    text-align: left;
}

.email_input_css {
    float: left;
    width: 47%;
    height: 50px;
    border: 1px solid #d7d7d7;
    border-radius: 0px;
    text-align: left;
    padding: 0 15px;
}

/* 품 물품 글작성 페이지 */
.board_write_wrap {
	height: auto;
	/*overflow: hidden;*/
    margin-top: 20px;
	padding: 0 15px;
}
.subject_input {
	width: 100%;
	height: 50px;
	line-height: 50px;
}
.contact_write {
    width: 100%;
    height: auto;
    overflow: hidden;
    border-bottom: 1px solid #d7d7d7;
}
.textarea_css {
    width: 100%;
    height: 184px !important;
    padding: 20px 15px;
    text-align: left;
    line-height: 24px;
    resize: none;
}

.write_btn_wrap {
	height: auto;
	margin: auto;
	margin-top: 25px;
	overflow: hidden;
}
.write_btn_wrap a {
    display: block;
    cursor: pointer;
    font-size: 14px;
    font-weight: bold;
}
.write_btn {
	display: block;
	width: 100px;
	height: 45px;
	margin: auto;
	border-radius: 30px;
	font-size: 13px;
    font-weight: 600;
    background-color: #f85300;
    color: #fff;
}
.cancel_btn {
    float: left;
    padding: 8px 12px;
    padding-left: 28px;
    border: 1px solid #e8e8e8;
    background: url(/assets/mobile/images/cycle_icon.png) no-repeat 10px center;
    background-size: 16px;
    color: #ccc;
    font-size: 12px;
}

.board_write_wrap input::-webkit-input-placeholder { color: #747474; font-size: 14px; font-weight: 400; } /* 크롬, 사파리 */
.board_write_wrap input::-moz-placeholder { color: #747474; font-size: 14px; line-height: 50px; } /* 파이어폭스 */
.board_write_wrap input::-ms-input-placeholder { color: #747474; font-size: 14px; line-height: 50px; } /* 익스플로러 10 */

input.send_input1::-webkit-input-placeholder { color: #747474; font-size: 14px; font-weight: 400; } /* 크롬, 사파리 */
input.send_input1::-moz-placeholder { color: #747474; font-size: 14px; line-height: 50px; } /* 파이어폭스 */
input.send_input1::-ms-input-placeholder { color: #747474; font-size: 14px; line-height: 50px; } /* 익스플로러 10 */


/* 수정하기 */
.modift_btn_wrap {
	height: auto;
	overflow: hidden;
	padding: 0 15px;
	margin-top: 6px;
}
.modift_btn_wrap a {
	display: inline-block;
	height: 34px;
	padding: 0 18px;
	border-radius: 30px;
	font-size: 12px;
	line-height: 34px;
	cursor: pointer;
}
.modift_btn_wrap a.modify_btn1 {
	float: left;
	border: 1px solid #e8e8e8;
	color: #888;
}
.modift_btn_wrap a.modify_btn2 {
	float: right;
	background-color: #666;
	color: #fff;
}
/* 공지사항 글쓰기 페이지 */
.write_section {
    height: auto;
    overflow: hidden;
}
.write_head {
    height: auto;
    overflow: hidden;
    padding: 0 15px;
    margin-top: 20px;
    border-bottom: 1px solid #d7d7d7;
}
.write_sub {
    width: 100%;
    padding: 0 15px;
    border-bottom: 1px solid #ccc;
}
.input_sub {
    width: 100%;
    height: 55px;
    font-size: 16px;
    text-align: left;
    line-height: 55px;
}

input.input_sub::-webkit-input-placeholder { color: #8f8f8f; font-size: 13px; font-weight: 400; } /* 크롬, 사파리 */
input.input_sub::-moz-placeholder { color: #8f8f8f; font-size: 13px; font-weight: 16px; line-height: 50px; } /* 파이어폭스 */
input.input_sub::-ms-input-placeholder { color: #8f8f8f; font-size: 13px; font-weight: 16px; line-height: 50px; } /* 익스플로러 10 */

.write_select {
    float: left;
    width: 35%;
    height: auto;
    overflow: hidden;
    margin-bottom: 10px;
}
.write_nowon {
    float: right;
    width: 60%;
    height: auto;
    overflow: hidden;
    margin-bottom: 10px;
    padding-right: 40px;
    border: 1px solid #d7d7d7;
}
.input_nw_label {
    float: left;
    width: 50%;
    height: 43px;
    box-sizing: border-box;
    color: #747474;
    font-size: 13px;
    text-align: center;
    line-height: 43px;
}
.input_nowon {
    float: left;
    width: 50%;
    height: 43px;
    padding-left: 12px;
    color: #f85300;
    font-size: 18px;
    font-weight: bold;
    line-height: 43px;
    text-align: right;
}
.write_nowon .input_span_nw {
    position: absolute;
    top: 16px;
    right: 12px;
    color: #f85300;
}
.write_select p.write_op {
    display: block;
    float: left;
    width: 50%;
    height: 45px;
    background-color: #e2e2e2;
    color: #7c7c7c;
    font-size: 13px;
    text-align: center;
    line-height: 43px;
}
.board_write {
    margin-bottom: 8px;
    border-bottom: 1px solid #d7d7d7;
}
.head_select_wrap {
    height: auto;
    overflow: hidden;
}
.write_select p.write_op.op_sel {
    background-color: #f85300;
    color: #fff;
}
.file_wrap {
    clear: both;
    width: 100%;
    margin-bottom: 20px;
    padding: 11px 12px;
    color: #747474;
    font-size: 13px;
    border: 1px solid #d7d7d7;
}
.input_file {
    width: 100%;
    height: 21px;
    overflow: hidden;
}

.write_sub #trade_title::-webkit-input-placeholder { color: #747474; font-size: 14px; font-weight: 400; } /* 크롬, 사파리 */
.write_sub #trade_title::-moz-placeholder { color: #747474; font-size: 14px; line-height: 50px; } /* 파이어폭스 */
.write_sub #trade_title::-ms-input-placeholder { color: #747474; font-size: 14px; line-height: 50px; } /* 익스플로러 10 */

.trade_small_btn {
	float: right;
	height: auto;
	overflow: hidden;
	margin-top: 25px;
	margin-bottom: -4px;
	z-index: 1;
	display: none;
}
.trade_small_btn a.trade_s_btn {
	color: rgb(154, 154, 154);
	font-size: 13px;
	margin-left: 5px;
	padding-left: 9px;
	border-left: 1px solid #e8e8e8;
}
.trade_small_btn a.trade_s_btn:first-child { border-left: none; }
.center_wrap {
    height: auto;
    overflow: hidden;
    text-align: center;
}
.center_wrap .write_btn {
    color: #fff;
    font-size: 12px;
    line-height: 45px;
}



/* 휴대폰 본인인증 */
.certify_phone_wrap {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 12px;
}
.certify_select {
    float: left;
    width: 30%;
    height: 47px;
    padding: 0 15px;
    border-radius: 0px;
    border-left: 1px solid #e8e8e8;
    background-color: #fff;
    background-image: url(/assets/mobile/images/select_arrow.png);
    background-repeat: no-repeat;
    background-position: 86% center;
    color: #8f8f8f;
    font-size: 13px;
}
.certify_phone {
    float: left;
    width: 67%;
    margin-right: 3%;
    height: 47px;
    padding: 0 15px;
    border: 1px solid #d7d7d7;
    color: #7c7c7c;
}
.phone_select {
    float: left;
    width: 25%;
    border: 1px solid #d7d7d7;
    border-left: none;
    color: #8f8f8f;
    font-size: 13px;
    text-align: center;
    line-height: 45px;
}
.phone_select:first-child {
    border-left: 1px solid #d7d7d7;
}
.phone_select_sel {
    color: #f85300;
    font-weight: bold;
}

.certify_phone_wrap.certify_phone2 {
    border: none;
}
.certify_phone_wrap.certify_phone2 .certify_phone {
    width: 67%;
    margin-right: 3%;
    border: 1px solid #e8e8e8;
}
.certify_btn {
    float: left;
    width: 30%;
    height: 47px;
    text-align: center;
    line-height: 45px;
    background-color: #666;
    color: #fff;
    font-size: 13px;
    font-weight: 300;
}
.certify_btn button {
    width: 50%;
    float: left;
    display: block;
    background-color: #fff;
    color: #8f8f8f;
    border: 1px solid #d7d7d7;
    border-left: none;
}
.certify_btn button:first-child { border-left: 1px solid #d7d7d7; }
.certify_btn button.btn_sel {background: #f85300; color: white; font-weight: bold; }

/* 품물품 view */
p.exchange_view_sub {
    display: block;
    width: 100%;
    height: auto;
    overflow: hidden;
    font-size: 16px;
    line-height: 30px;
    text-align: center;
}
.exchange_select {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.exchange_part {
    display: inline-block;
    padding: 8px 12px;
    margin-bottom: 10px;
    border: 1px solid #e8e8e8;
}
.exchange_part p {
    display: block;
    float: left;
    height: 13px;
    font-size: 13px;
    font-weight: bold;
}
.view_sel1 {
    margin-right: 12px;
    padding-right: 13px;
    border-right: 1px solid #d7d7d7;
    color: #838383;
}
.view_sel2 {
    color: #f85300;
}


/* 가맹점 view */
.store_info {
    height: auto;
    overflow: hidden;
    padding: 15px 25px;
    border-bottom: 1px solid #d7d7d7;
}
.store_info_sub {
	height: auto;
	overflow: hidden;
}
.store_h1 {
    font-size: 15px;
    font-weight: bold;
    line-height: 36px;
}
.list_zone {
    color: #7d7d7d;
    font-size: 12px;
    margin-bottom: 10px;
}

.list_zone.sel01 { background-color: #fadb8e; }
.list_zone.sel02 { background-color: #bbbfec; }
.list_zone.sel03 { background-color: #d5e8ba; }
.list_zone.sel04 { background-color: #f1bcc4; }
.list_zone.sel05 { background-color: #a4e1d9; }

.store_info_text {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0 20px;
    margin: 10px 0;
}
.store_info_text p { font-size: 13px; }
.store_info_ul {
	width: 100%;
    height: auto;
    overflow: hidden;
}
.store_info_ul li {
	clear: both;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.store_info_ul li p {
    display: block;
    float: left;
    font-size: 13px;
    line-height: 28px;
}
.info_label {
    width: 27%;
    font-weight: bold;
}
.info_text {
    width: 73%;
}
.store_info_p1 {
    font-size: 13px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 10px;
}
.store_info_p2 {
    line-height: 24px;
}

/* 가맹점 찾기 */
.mobile_wrap.top_store_wrap {
    padding-top: 169px;
}
.abwrap a img{
    width: auto;
    height: auto;
    max-width: 100%;
    max-height: 100%;
}
.storeImgViewCell{
	display: flex;
    align-items: center;
	justify-content: center;
	text-align:center;
	border-width: 0px;
}
.storeImgViewCell a{
	width: 100%;
	height: 100%;
	display: flex;
    align-items: center;
    justify-content: center;
}
.top_fixed_wrap {
    position: fixed;
    top: 55px;
    left: 0;
    width: 100%;
    height: 114px;
    z-index: 3;
    background-color: #fff;
}
.store_zone_select {
    width: 100%;
    height: auto;
    overflow: hidden;
    text-align: center;
    border-bottom: 1px solid #ccc;
}
.store_zone_select li {
    float: left;
    width: 16.66667%;
    height: 40px;
    border-right: 1px solid #ccc;
    color: #7d7d7d;
    font-size: 12px;
    text-align: center;
    line-height: 40px;
}
.store_zone_select li:last-child { border-right: none; }
/*
.store_zone_select li.btn_sel {
    color: #fff;
    background-color: #ccc;
    border: none;
}
*/
.store_search_wrap {
    height: auto;
    overflow: hidden;
    padding: 15px 15px;
    border-bottom: 1px solid #ccc;
}


.store_search_wrap .search_input_wrap {
    height: auto;
    overflow: hidden;
    padding-right: 50px;
    border: 1px solid #ccc;
}
.store_search_wrap .search_input_wrap .search_input {
    width: 100%;
    height: 40px;
    padding: 0 15px;
    font-size: 14px;
    line-height: 40px;
}
.store_search_wrap .search_input_wrap .search_btn {
    position: absolute;
    top: 0;
    right: 0;
    width: 50px;
    height: 40px;
    border: none;
    border-radius: 0px;
    background-color: #fff;
    color: #7b7b7b;
    font-size: 13px;
    background-image: url(/assets/mobile/images/search_bg.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: 20px;
}

.store_list_wrap {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
}
.store_list_box {
	float: left;
	width: 33.3333%;
    height: auto;
    overflow: hidden;
    padding: 16px 9px;
    border-bottom: 1px solid #e8e8e8;
    border-right: 1px solid #e8e8e8;
    background-color: #fff;
}
.store_list_photo {
    position: relative;
    float: left;
    width: 45%;
    height: auto;
    overflow: hidden;
	border: 1px solid #e8e8e8;
	display: none;
}
.photo_size {
    width: 100%;
    padding-top: 73.5714%;
    overflow: hidden;
}
.store_list_info {
    width: 100%;
    height: auto;
    overflow: hidden;
}
.store_list_info .list_zone {
    width: 52px;
    height: 24px;
    border-radius: 15px;
    color: #fff;
    font-size: 12px;
    font-weight: 300;
    text-align: center;
    line-height: 24px;
}
.store_list_info .list_store {
    height: 54px;
    margin-top: 8px;
    font-size: 14px;
    font-weight: 600;
    line-height: 18px;
}
.list_per {
    margin-top: 10px;
}
.list_per .per_p1 {
    color: #bbb;
    font-size: 12px;
    line-height: 16px;
}
.list_per .per_p2 {
    float: right;
    font-size: 16px;
    font-weight: bold;
    line-height: 16px;
}




/* 품물품거래 list */
.mobile_wrap.mobile_notice_wrap {
    padding-top: 96px;
}

.notice_select_wrap {
	position: fixed;
    top: 55px;
    left: 0;
    width: 100%;
    height: 114px;
    z-index: 3;
    background-color: #fff;
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 0 15px;
    border-bottom: 1px solid #ccc;
    text-align: center;
}

.notice_select {
    display: inline-block;
    height: 40px;
    overflow: hidden;
    padding-right: 18px;
    background: url(/assets/mobile/images/select_arrow.png) no-repeat right center;
    background-size: 8px;
    line-height: 40px;
}
.notice_info {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 20px 40px;
    border-bottom: 1px solid #ccc;
    background-color: #eff7f4;
}
.notice_info li {
    height: auto;
    overflow: hidden;
}
.notice_info li:first-child { margin-bottom: 6px; }
.notice_info li p {
    float: left;
    display: block;
    font-size: 13px;
}
.notice_info li p.notice_info_p1 {
    font-weight: bold;
    line-height: 13px;
    margin-top: 4px;
    padding-right: 8px;
    margin-right: 6px;
    border-right: 2px solid #313131;
}
.notice_info li p.notice_info_p2 {
    width: 80%;
    line-height: 20px;
}
.list_exchange_p1 {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-top: 13px;
    line-height: 18px;
	text-overflow: ellipsis;
    white-space: nowrap;
}
.list_exchange_p2 {
    margin-top: 9px;
    color: #f85300;
}


/* 휴대폰 본인인증 */
select.certify_select option { padding: 5px 10px; border: none; background-color: #fff; }
.certify_phone_wrap {
    width: 100%;
    height: auto;
    overflow: hidden;
    margin-bottom: 12px;
}
.certify_select {
    float: left;
    width: 30%;
    height: 47px;
    padding: 0 15px;
    border-radius: 0px;
    border: 1px solid #d7d7d7;
    background-color: #fff;
    background-image: url(/assets/mobile/images/select_arrow.png);
    background-repeat: no-repeat;
    background-position: 86% center;
    background-size: 10px;
    color: #8f8f8f;
    font-size: 13px;
}
.certify_phone {
    float: left;
    width: 67%;
    margin-right: 3%;
    height: 47px;
    padding: 0 15px;
    border: 1px solid #d7d7d7;
}
.phone_select {
    float: left;
    width: 25%;
    border: 1px solid #d7d7d7;
    border-left: none;
    color: #8f8f8f;
    font-size: 13px;
    text-align: center;
    line-height: 45px;
}
.phone_select:first-child {
    border-left: 1px solid #d7d7d7;
}
.phone_select_sel {
    color: #f85300;
    font-weight: bold;
}
.certify_phone_wrap.certify_phone2 {
    border: none;
}
.certify_phone_wrap.certify_phone2 .certify_phone {
    width: 67%;
    margin-right: 3%;
    border: 1px solid #d7d7d7;
}
.certify_btn {
    float: left;
    width: 30%;
    height: 47px;
    text-align: center;
    line-height: 45px;
    background-color: #666;
    color: #fff;
    font-size: 13px;
    font-weight: 300;
}
.certify_btn button {
    width: 50%;
    float: left;
    display: block;
    background-color: #fff;
    color: #8f8f8f;
    border: 1px solid #d7d7d7;
    border-left: none;
    
}
/*.certify_btn button:first-child { border-left: 1px solid #d7d7d7; }*/
/*.certify_btn button.btn_sel { color: #f85300; font-weight: bold; }*/

.certify_p {
	margin-bottom: 15px;
    padding: 0 12px;
    color: #888;
    font-size: 12px;
    display: none;
}
.certify_p span {
    margin-left: 5px;
    letter-spacing: 1px;
    color: #f85300;
    font-size: 13px;
}

.selecet_css {
    width: 100%;
    height: 47px;
    overflow: hidden;
    padding: 0 12px;
    margin-bottom: 12px;
    border: 1px solid #d7d7d7;
    border-radius: 0px;
    background-color: #fff;
    background-image: url(/assets/mobile/images/select_arrow.png);
    background-repeat: no-repeat;
    background-position: 96% center;
    background-size: 10px;
}
.input_css {
    width: 100%;
    height: 47px;
    overflow: hidden;
    padding: 0 12px;
    margin-bottom: 12px;
    border: 1px solid #d7d7d7;
    border-radius: 0px;
    background-color: #fff;
}

.title_wrap {
    height: auto;
    overflow: hidden;
    margin-top: 25px;
    margin-bottom: 25px;
    text-align: center;
}
.title_wrap p.section_h2 {
    font-weight: bold;
    line-height: 20px;
}
.title_wrap p.section_h3 {
    color: #747474;
    font-size: 13px;
    line-height: 26px;
}
.find_view {
    width: 100%;
    height: auto;
    overflow: hidden;
    padding: 15px 15px;
    margin-bottom: 12px;
    background-color: #eff7f4;
}
.find_view p.find_h1 {
    color: #747474;
    font-size: 13px;
    line-height: 20px;
}
.find_view p.find_info {
    line-height: 20px;
}
.call_button.find_button1 {
    height: 55px;
    line-height: 55px;
    margin-bottom: 10px;
}
.find_button2 {
    width: 100%;
    height: 55px;
    background-color: #acacac;
    color: #fff;
    font-size: 15px;
    font-weight: 500;
    line-height: 55px;
}
.find_button1 a, .find_button2 a {
    display: block;
    font-size: 15px;
}
.storeActive{color:#f85300;}
.qrcodeComment{color:#ccc;}
.tradePicture{
    width: auto;
    height: auto;
    max-height: 100%;
    max-width: 100%;
}


.filebox input[type="file"] {
    position: absolute;
    width: 1px;
    height: 1px;
    padding: 0;
    margin: -1px;
    overflow: hidden;
    clip:rect(0,0,0,0);
    border: 0;
}

.filebox label {
    display: inline-block;
    padding: .5em .75em;
    color: #999;
    font-size: inherit;
    line-height: normal;
    vertical-align: middle;
    background-color: #fdfdfd;
    cursor: pointer;
    border: 1px solid #ebebeb;
    border-bottom-color: #e2e2e2;
    border-radius: .25em;
	margin-bottom:0px;
}

/* named upload */
.filebox .upload-name {
    display: inline-block;
    padding: .5em 1.3em;
    font-size: inherit;
    font-family: inherit;
    line-height: normal;
    vertical-align: middle;
    background-color: #f5f5f5;
  border: 1px solid #ebebeb;
  border-bottom-color: #e2e2e2;
  border-radius: .25em;
  -webkit-appearance: none; /* 네이티브 외형 감추기 */
  -moz-appearance: none;
  appearance: none;
}

/* imaged preview */
.filebox .upload-display {
    margin-bottom: 5px;
}

@media(min-width: 768px) {
    .filebox .upload-display {
        display: inline-block;
        margin-right: 5px;
        margin-bottom: 0;
    }

}

.filebox .upload-thumb-wrap {
    display: inline-block;
    width: 54px;
    padding: 2px;
    vertical-align: middle;
    border: 1px solid #ddd;
    border-radius: 5px;
    background-color: #fff;
}

.filebox .upload-display img {
    display: block;
    max-width: 100%;
    width: 100% \9;
    height: auto;
}

.filebox.bs3-primary label {
  color: #fff;
  background-color: #111111;
  border-color: #2e6da4;
}


/*.loading popup */
.lo_popup_back {
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    background-color: rgba(0, 0, 0, 0.4);
    z-index: 9;
    display: none;
}
.lo_popup_wrap {
    position: relative;
    width: 260px;
    height: 100%;
    margin: auto;
    display: table;
}
.lo_popup {
    position: relative;
    width: 100%;
    height: auto;
    overflow: hidden;
    display: table-cell;
    vertical-align: middle;
}
.lo_popup_msg {
    height: auto;
    overflow: hidden;
    padding: 25px;
    text-align: center;
    background-color: #fff;
}
.loading_box {
    width: 100px;
    margin: auto;
    overflow: hidden;
    margin-top: 1px;
}
.loading_box img {
    width: 100%;
    margin: auto;
}
.lo_popup_msg p {
    margin-top: 4px;
    color: #b6b6b6;
    text-align: center;
    font-size: 14px;
}

p.join_select.memberPTag {
	line-height: 20px;
	margin-top: 4px;
	margin-bottom: 22px;
}

.menu-del {
	margin-right: 5px;
}
.menu-del-group {
	display: flex;
	background: #fff;
}
.menu-del-group a{
	background: #f85300;
	width: 50%;	
}
.menu-del-group a:last-child{
	background: #d7d7d7;
}