@charset "utf-8";
/* SIR 지운아빠 */

/* ### 기본 스타일 커스터마이징 시작 ### */

/* 버튼 */
.mbskin {
    font-size: 1.15em;
    /* padding: 20px; */
}

.mbskin a.btn01 {}

.mbskin a.btn01:focus,
.mbskin .btn01:hover {}

.mbskin a.btn02 {}

.mbskin a.btn02:focus,
.mbskin .btn02:hover {}

.mbskin .btn_confirm {}

/* 서식단계 진행 */
.mbskin .btn_submit {
    background: #0b438b;
    color: #fff !important;
    width: 100%;
    height: 50px;
    font-size: 1.1em;
    font-weight: 400;
    color: #fff;
    margin-top: 5px;
    padding: 0px 20px;
    border-radius: 5px;
    text-align: center;
}

.mbskin .btn_submit.lgn {}

.mbskin .ft_btn {
    /* position:fixed; bottom:55px; left:0px;*/
    width: 100%;
    z-index: 10;
    border-radius: 5px;
    box-shadow: none;
    border: 0;
    margin: 0;
}

.mbskin button.btn_submit {}

.mbskin fieldset .btn_submit {}

.mbskin .btn_cancel {}

.mbskin button.btn_cancel {}

.mbskin .btn_cancel:focus,
.mbskin .btn_cancel:hover {}

.mbskin a.btn_frmline,
.mbskin button.btn_frmline {}

/* 우편번호검색버튼 등 */
.mbskin button.btn_frmline {}

.mbskin .win_btn {}

/* 새창용 */
.mbskin .win_btn button {}

.mbskin .win_btn input {}

.mbskin .win_btn a {}

.mbskin .win_btn a:focus,
.mbskin .win_btn a:hover {}

/* 게시판용 버튼 */
.mbskin a.btn_b01 {}

.mbskin a.btn_b01:focus,
.mbskin .btn_b01:hover {}

.mbskin a.btn_b02 {}

.mbskin a.btn_b02:focus,
.mbskin .btn_b02:hover {}

.mbskin a.btn_admin {}

/* 관리자 전용 버튼 */
.mbskin a.btn_admin:focus,
.mbskin a.btn_admin:hover {}

/* 기본테이블 */
.mbskin .tbl_head01 {}

.mbskin .tbl_head01 caption {}

.mbskin .tbl_head01 thead th {}

.mbskin .tbl_head01 thead a {}

.mbskin .tbl_head01 thead th input {}

/* middle 로 하면 게시판 읽기에서 목록 사용시 체크박스 라인 깨짐 */
.mbskin .tbl_head01 tfoot th {}

.mbskin .tbl_head01 tfoot td {}

.mbskin .tbl_head01 tbody th {}

.mbskin .tbl_head01 td {}

.mbskin .tbl_head01 a {}

.mbskin td.empty_table {}

/* 폼 테이블 */
.mbskin table {}

.mbskin caption {}

.mbskin .frm_info {}

.mbskin .frm_file {}

.mbskin .tbl_frm01 {}

.mbskin .tbl_frm01 th {
    width: 85px;
    display: none;
}

.mbskin .tbl_frm01 td {}

.mbskin .tbl_frm01 textarea,
.mb_skin tbl_frm01 .frm_input {}

.mbskin .tbl_frm01 textarea {}

/*
.mbskin .tbl_frm01 #captcha {}
.mbskin .tbl_frm01 #captcha input {}
*/
.mbskin .tbl_frm01 a {}

/* 필수입력 */
.mbskin .required,
.mbskin textarea.required {}

/* 테이블 항목별 정의 */
.mbskin .td_board {}

.mbskin .td_chk {}

.mbskin .td_date {}

.mbskin .td_datetime {}

.mbskin .td_group {}

.mbskin .td_mb_id {}

.mbskin .td_mng {}

.mbskin .td_name {}

.mbskin .td_nick {}

.mbskin .td_num {}

.mbskin .td_numbig {}

.mbskin .txt_active {}

.mbskin .txt_expired {}

/* ### 기본 스타일 커스터마이징 끝 ### */

/* 회원가입 약관 */
#fregister section {
    margin: 0 0 20px;
    padding: 20px 0
}

#fregister h2 {
    margin: 0 0 20px;
    text-align: center
}

#fregister textarea {
    display: block;
    margin-bottom: 10px;
    padding: 5px;
    width: 98%;
    height: 150px;
    border: 1px solid #e9e9e9;
    background: #f7f7f7
}

#fregister .fregister_agree {
    padding: 10px 0 0;
    text-align: right
}

#fregister .fregister_agree label {
    display: inline-block;
    margin-right: 5px
}

#fregister p {
    color: #e8180c;
    text-align: center
}

#fregister .btn_confirm {
    margin-bottom: 20px
}

#fregister_private .tbl_head01 th {
    ;
    text-align: center;
    border: 1px solid #d1dee2;
    width: 33%
}

#fregister_private .tbl_head01 td {
    border: 1px solid #e9e9e9
}

#fregister_private .tbl_head01 caption {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

/* 회원가입 입력 */
#fregisterform {
    /*margin-bottom:50px;*/
}

#fregisterform textarea {
    height: 80px;
}

#fregisterform textarea.myinfo {
    border: none;
    width: 100%;
    font-size: 1em;
    font-weight: 500;
    padding: 10px;
}

#fregisterform #msg_certify {
    margin: 5px 0 0;
    padding: 5px;
    border: 1px solid #dbecff;
    background: #eaf4ff;
    text-align: center
}

#fregisterform .frm_address {
    margin: 5px 0 0
}

#fregisterform #mb_addr3 {
    display: inline-block;
    margin: 5px 0 0;
    vertical-align: middle
}

#fregisterform #mb_addr_jibeon {
    display: block;
    margin: 5px 0 0
}

#fregisterform .my_work {
    padding: 10px;
}

#fregisterform .my_work .title {
    margin-bottom: 10px;
    font-size: 1.05em;
    color: #bfbfbf;
}

#fregisterform .my_work .select li {
    float: left;
    width: calc(33.333% - 4px);
    min-height: 46px;
    display: flex;
    align-items: center;
    justify-content: center;
    margin-bottom: 4px;
    margin-right: 4px;
    border: 1px solid #eeeeee;
    padding: 4px;
    font-size: 0.8em;
    text-align: center;
}

#fregisterform .my_work .select li.select {
    background: #0177C0;
    border: 1px solid #0177C0;
    color: #fff;
    font-weight: 400;
}

#fregisterform .sel_bank {
    background: #434343;
    border: 0;
    height: 50px;
    padding-left: 10px;
    width: 100%;
    font-size: 0.95em;
    color: #fff;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none
}

#fregisterform .sel_bank::-ms-expand {
    display: none
        /* 화살표 없애기 for IE10, 11*/
}

.mbskin .memo {
    text-align: center;
    margin: 10px 0;
    font-size: 0.9em;
    font-weight: 600;
    color: #fff;
}

.mbskin .memo span {
    font-weight: 800;
    color: #fefb68;
    font-size: 1.15em;
}

.mbskin .memo .svg-inline--fa {
    font-size: 0.8em;
}

/*파일첨부 디자인*/
.gisa_photo {}

.gisa_photo input[type="file"] {
    display: none;
}

.gisa_photo label {
    display: block !important;
    background: #fff;
    cursor: pointer;
    border: none;
    height: 50px;
    padding-left: 10px;
    padding-top: 17px;
    color: #999;
    font-size: 1.07em;
    font-weight: 500;
}

.gisa_photo span.gisa_on {
    position: absolute;
    right: 0;
    top: 50%;
    transform: translateY(-50%);
    display: block;
    margin: 0;
    width: 20px;
    height: 20px;
    padding: 4px;
    border-radius: 50%;
    text-align: center;
    background: #ddd;
    font-size: 0.8em;
}

.gisa_photo span.gisa_on .svg-inline--fa {
    color: #fff;
}

.gisa_photo_in {
    padding: 10px !important;
}

.gisa_photo_in img {
    width: 70px;
    height: 70px;
    border-radius: 5px;
}

/* 회원가입 완료 */
#reg_result {
    padding: 50px 20px;
    text-align: center;
}

#reg_result h1 {
    font-size: 4em;
    color: #0177C0;
    margin-bottom: 20px;
}

#reg_result h2 {
    font-size: 1.1em;
    line-height: 1.6em;
    margin-bottom: 20px;
    border-bottom: 1px dotted #ccc;
    padding-bottom: 20px;
}

#reg_result h2 strong {
    text-decoration: underline;
    font-size: 1.15em;
}

#reg_result #result_email {
    margin: 20px 0;
    padding: 10px 50px;
    border-top: 1px solid #e9e9e9;
    border-bottom: 1px solid #dde4e9;
    background: #fff;
    line-height: 2em
}

#reg_result #result_email span {
    display: inline-block;
    width: 150px
}

#reg_result #result_email strong {
    color: #e8180c;
    font-size: 1.2em
}

#reg_result p {
    line-height: 1.6em;
    font-size: 0.9em;
}

#reg_result .btn_confirm2 {
    margin-top: 30px;
}

#reg_result .btn_confirm2:after {
    display: block;
    content: "";
    clear: both;
}

#reg_result .btn_confirm2 a {
    float: left;
    line-height: 50px;
    background: #0177C0;
    display: block;
    width: calc(50% - 5px);
    font-weight: 400;
    color: #fff;
    margin: 0 10px 0 0;
    border-radius: 5px;
}

#reg_result .btn_confirm2 .wbtn1 {
    background: #444;
}

#reg_result .btn_confirm2 .wbtn2 {
    margin: 0;
}


/* 아이디/비밀번호 찾기 */
#find_info {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    border-radius: 5px;
    overflow: hidden;
    font-size: 1.1em;
    background: #fff;
}

#find_info #win_title {
    font-weight: bold;
    margin-bottom: 20px;
    display: none;
}

#find_info #mb_hp_label {
    display: inline-block;
    margin-left: 10px
}

#find_info #info_fs {
    margin-bottom: 5px;
    padding: 0;
}

#find_info #info_fs label {
    display: none;
}

#find_info #info_fs .frm_input {
    width: 100%;
    height: 40px;
    line-height: 40px;
    border-radius: 5px;
    border: none;
    padding: 0 10px;
    font-size: 0.8em;
}

#find_info p {
    margin: 0 0 10px;
    line-height: 1.8em
}

#find_info #captcha {
    margin: 0 20px
}

.mbskin .win_btn:after {
    display: block;
    content: "";
    clear: both;
}

.mbskin .win_btn {
    margin-top: 20px;
}

.mbskin button.btn01 {
    float: left;
    width: calc(50% - 5px);
    margin-left: 5px;
    text-align: center;
    padding: 0;
    height: 40px;
    line-height: 40px;
    border-radius: 5px !important;
    background: #ccc;
    border: none;
    color: #fff;
    font-size: 1em;
    margin-right: 0;
}

.mbskin .btn03 {
    float: left;
    width: 50%;
    padding: 0;
    text-align: center;
    border-radius: 5px !important;
    background: #0177C0;
    height: 40px;
    line-height: 40px;
    border: none;
    color: #fff;
    margin-bottom: 3px;
    font-size: 1em;
    letter-spacing: -1px;
}

#find_info .nav-tabs {
    margin-bottom: 20px;
    border-bottom: 0;
}

#find_info .nav-tabs > li {
    width: 50%;
    text-align: center;
}

#find_info .nav-tabs > li > a {
    background: #fff;
    border: 3px solid #0177C0;
    border-bottom: 0;
    border-radius: 7px 7px 0 0;
    height: 35px;
    line-height: 35px;
    padding: 0;
    font-weight: 600;
    color: #0177C0;
}

#find_info .nav-tabs > li.active > a {
    color: #fff;
    background: #0177C0;
    font-size: 1em;
}





/* 로그인 */
.mbskinBox {
    position: relative;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    flex-direction: column;
    justify-content: space-between;
    min-height: 710px;
    height: 86vh;
}

.login_guest {
    text-align: center;
/*    margin-top: 30px;*/
}

.login_guest a {
    display: block;
    line-height: 45px;
    background: #026eb7;
    border-radius: 5px;
    color: #FFF !important;
}

.login_guest p {
    font-size: 13px;
    margin-top: 10px;
    color: #026eb7;
}

.mbskin_top {
    position: relative;
    width: 100%;
}

#mb_login {
    padding: 30px 30px;
    background: #FFF;
    margin: 0 30px;
    -webkit-border-radius: 15px;
    -moz-border-radius: 15px;
    border-radius: 15px;
    margin-bottom: 60px;
}

.mbskinBox h1 {
    font-size: 1.48em;
    text-align: center;
    color: #fff;
    font-weight: 600;
    position: relative;
    z-index: 2;
    padding: 40px 0 0;
    background: #FFF;
    min-height: 160px;
    height: 20vh;
}

.mbskinBox h1 span {
    display: block;
    margin: 10px 0 0 0;
    font-size: 1.2em;
    line-height: 1.6em;
    font-weight: 700;
}

.mbskinBox h1 img {
    width: 250px;
}

#mb_login #login_fs {
    padding: 10px 0px
}

#mb_login #login_fs .login_id,
#mb_login #login_fs .login_pw {
    display: none;
}

#mb_login #login_fs .frm_input {
    width: 100%;
    background: #f3f3f3 !important;
    border: 0;
    height: 40px;
    line-height: 40px;
    text-indent: 20px;
    margin-bottom: 5px;
    color: #1a1a1a;
    border-radius: 5px;
    font-size: 0.9em;
}





#mb_login #login_fs .btn_submit {}

#mb_login #login_info {
    background: none;
    padding: 0px 0px 0;
    border-top: 0;
    text-align: right;
}

#mb_login #login_info p {
    line-height: 1.5em;
    margin-bottom: 20px;
    color: #fff;
    text-align: left;
    font-size: 0.8em;
}

#mb_login #login_info a {
    display: inline-block;
    color: #0b438b;
    border: 0;
    background: none;
    /* text-decoration:underline;*/
    font-size: 0.8em;
    border-right: 1px solid rgba(0, 0, 0, 0.3);
    font-weight: 400;
    line-height: 1em;
    padding: 0 10px;
}

#mb_login #login_info a:last-child {
    border-right: 0;
    padding-right: 0;
}

#mb_login #login_info div {
    text-align: center;
}

#mb_login h2 {
    margin: 0 0 5px;
    font-size: 1.167em;
    color: #fff;
}

#mb_login .btn_confirm {
    width: 100%;
    background: none;
    padding: 10px 0;
    margin: 0;
    font-size: 1em;
}

#mb_login .btn_confirm a {
    text-decoration: none;
    color: #f4c552;
    padding-right: 10px;
    display: inline-block;
    letter-spacing: -1px;
}

#mb_login .auto_login {
    padding-top: 5px;
    vertical-align: middle;
    letter-spacing: -1px;
}








/* 쪽지 */
#memo_view_contents {
    margin: 0 auto 20px;
    width: 90%
}

#memo_view_contents h1 {
    position: absolute;
    font-size: 0;
    line-height: 0;
    overflow: hidden
}

#memo_view_ul {
    margin: 0;
    padding: 0 0 10px;
    border-bottom: 1px solid #eee;
    list-style: none
}

.memo_view_li {
    position: relative;
    padding: 5px 0
}

.memo_view_subj {
    display: inline-block;
    width: 65px
}

#memo_view p {
    padding: 10px 0;
    min-height: 150px;
    height: auto !important;
    height: 150px;
    background: #fff;
    line-height: 1.8em
}

#memo_write textarea {
    height: 100px
}

/* 스크랩 */
#scrap_do table {
    margin: 0 0 10px;
    width: 100%
}

#scrap_do textarea {
    height: 100px
}

/* 회원 비밀번호 확인 */
#mb_confirm {
    position: relative;
    left: 50%;
    top: 20%;
    bottom: 20%;
    transform: translateX(-50%);
    width: 550px;
    background: none;
    border-radius: 20px;
    overflow: hidden;
    font-size: 1.1em;
    width: 100%;
    border: none;
    border-radius: 0;
    box-shadow: none;
    -webkit-box-shadow: none;
}

#mb_confirm h1 {
    margin: 0px;
    font-size: 1.2em;
    text-align: center;
    padding: 30px 0 20px;
    letter-spacing: -1px;
    font-weight: 700;
}

#mb_confirm p {
    padding: 20px;
    border-bottom: 0;
    text-align: center;
}

#mb_confirm p strong {
    display: block
}

#mb_confirm fieldset {
    margin: 0 auto;
    width: 260px;
    padding: 30px 0;
    background: none;
    text-align: left;
    line-height: 2em;
}

#mb_confirm fieldset .frm_input {
    background: none !important;
    width: 100%;
    line-height: 40px;
    height: 40px;
    border: 0;
    border-bottom: 1px solid #ddd;
}

#mb_confirm label {
    display: none;
}

#mb_confirm_id {
    display: inline-block;
    margin-right: 20px;
    font-weight: bold
}

#mb_confirm .btn_submit {
    width: 60px;
    height: 50px;
    background: #EB7B2D;
    width: 100%;
    border-radius: 0px !important;
    border: 0;
    border-bottom: 0;
    box-shadow: 0;
    font-size: 1.3em;
    font-weight: bold;
    margin: 5px 0
}

#mb_confirm .btn_confirm {
    width: 100%;
    background: none;
    padding: 30px 0;
    margin: 0;
    font-size: 1em;
}

#mb_confirm .btn_confirm a {
    text-decoration: none;
    color: #EB7B2D;
    padding-right: 10px;
    display: inline-block
}

#md_info p {}

#md_info {
    font-size: 0.9em;
    color: #666;
}

/* 비밀글 비밀번호 확인 */
#pw_confirm {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    border-radius: 5px;
    overflow: hidden;
    font-size: 1.1em;
}

#pw_confirm h1 {
    margin: 0 0 20px;
    font-size: 1.3em;
    display: none;
}

#pw_confirm p {
    padding: 20px;
    border: 1px solid #dde4e9;
    border-bottom: 0;
    background: #fff;
    display: none;
}

#pw_confirm p strong {
    display: block
}

#pw_confirm fieldset {
    padding: 20px 0;
    /*border:1px solid #e9e9e9;background:#f5f6fa;*/
    text-align: center
}

#pw_confirm fieldset .frm_input {
    width: 100%;
    padding-left: 5px;
    text-align: center;
    background: #fff;
    border: 1px solid #F8F8F8;
    border-radius: 5px;
    height: 60px;
    line-height: 60px;
}

#pw_confirm label {
    letter-spacing: -0.1em;
    display: none;
}

#pw_confirm_id {
    display: inline-block;
    margin-right: 20px;
    font-weight: bold
}

/* 폼메일 */
#formmail #subject {
    width: 386px
}

#formmail textarea {
    height: 100px
}

/* 자기소개 */
#profile table {
    margin-bottom: 0
}

#profile section {
    margin: 0 auto 20px;
    padding: 20px;
    width: 86%
}

#profile h2 {
    margin: 0
}




/* 인풋 클래스*/
.regist-input {
    width: 100%;
    background: #FFF !important;
    border: none;
    color: #333;
    height: 40px;
    padding-left: 10px;
}

.regist-input2 {
    width: 100%;
    background: #FFF !important;
    border: 1px solid #e6e6e6;
    color: #333;
    padding: 10px;
    font-size: 1.25em;
    border-radius: 3px;
}

#bo_sch select,
select#ca_name {
    border: 1px solid #e6e6e6;
}

.frm-input {
    background: #FAFAFA;
    border: 1px solid #D6D6D6;
    color: #333;
    font-weight: bold;
    padding: 10px;
    font-size: 1.25em;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

::-webkit-input-placeholder {
    color: #bfbfbf;
    font-size: 1.1em;
    font-weight: 500;
}

::-moz-placeholder {
    color: #bfbfbf;
    font-size: 1.1em;
    font-weight: 500;
}

:-ms-input-placeholder {
    color: #bfbfbf;
    font-size: 1.1em;
    font-weight: 500;
}

:-moz-placeholder {
    color: #bfbfbf;
    font-size: 1.1em;
    font-weight: 500;
}

/* 회원가입 및 거의 모든 곳에 들어갈 박스 스타일 */
.none {
    display: none;
}

.box-article {
    width: 94%;
    margin: 20px auto;
}

.box-article h2 {
    font-size: 1.25em;
    padding-bottom: 10px;
    color: #523F2E;
    text-indent: 5px;
    display: none;
}

.box-article h2 p {
    display: inline-block;
    font-size: 12px;
    color: #666;
    float: right;
}

.box-article .box-body {
    /*background:#FFF;*/
    margin-bottom: 10px;
    border-radius: 5px;
}

.box-article .box-body:first-child {
    /*margin-top:5px;*/
}

.box-article .box-title {
    font-size: 1.25em;
    font-weight: bold;
    margin-bottom: 10px;
}

.box-article .box-body dd input {
    font-size: 0.9em;
}

.box-article .box-body dd input.required {
    background: #fff !important;
    font-size: 0.8em;
}

.box-article .box-body .row {
    margin: 0;
    position: relative;
    background: #fff;
    margin-bottom: 7px;
    border-radius: 5px;
    overflow: hidden;
}

.box-article .box-body dl:last-child {
    border-bottom: 0;
}

.box-article .box-body .row.bank .col-xs-2 {
    width: 80px;
}

.box-article .box-body .row.bank .col-xs-10 {
    width: calc(100% - 80px);
}

.box-article .box-body .row dd {
    padding: 0;
}

.box-article .box-body .row dd.req {
    padding: 10px 0px 10px 10px;
    color: #fb2323;
    margin-top: 5px;
    display: none;
}

.box-article .box-body .row .error {
    font-size: 0.85em;
    color: #858585;
    padding-left: 5px;
    min-height: 0;
}

.box-article .box-body .row .error.on {
    color: #f1bc02;
    /*border-top:1px dotted #F2F2F2;*/
}

.gisa_sear {
    position: absolute;
    right: 0;
    top: 5px;
    display: block;
    margin: 5px;
    width: 30px;
    height: 30px;
    padding: 4px;
    border-radius: 50%;
    text-align: center;
    background: #ddd;
}

.gisa_sear .svg-inline--fa {
    color: #fff;
}

.status_ico {
    position: absolute;
    right: 0;
    top: 5px;
    display: block;
    margin: 8px;
    width: 24px;
    height: 24px;
    text-align: center;
}

.status_ico.err .svg-inline--fa {
    color: #FF3330;
}

.status_ico.pas .svg-inline--fa {
    color: #13b8d0;
}

/*.status_ico{position:absolute; right:0; top:5px; display:block; margin:8px; width:24px; height:24px;
			background-image:url('img/ico_status01.png'); background-repeat:no-repeat; background-position:left top; background-size:auto 100%;}
.status_ico.err{color:#FF3330; background-position:50% top;}
.status_ico.pas{color:#1EC545; background-position:right top;}
.status_ico.lock_ico1{background-image:url('img/ico_status02.png'); background-size:auto 95%;}
.status_ico.lock_ico2{background-image:url('img/ico_status03.png'); background-size:auto 95% ;}
*/

.box-article .box-body .row div {
    padding: 0;
}

.box-article .box-body .row label {}

.box-article .box-body .agree-row {
    padding: 10px;
    margin: 0;
}

.box-article .box-body .agree-row dd:first-child {
    font-size: 1.05em;
}

.box-article .box-body .agree-row dd:nth-child(3) {
    padding-top: 10px;
    display: none;
}

.box-article .box-body .agree-row .agr_textarea textarea {
    width: 100%;
    border: 1px solid #f2f2f2;
    border-radius: 4px;
    padding: 6px;
    height: 80px !important;
    font-size: 12px;
}

.box-article .agree-text {
    background: #FFF !important;
    width: 100% !important;
    padding: 10px !important;
    border-top-left-radius: 4px;
    border-top-right-radius: 4px;
    margin-bottom: 0 !important;
    height: 150px;
    border: 1px solid #e9e9e9;
}

.box-article .agree-label {
    background: #FFF !important;
    width: 100% !important;
    padding: 10px 10px 8px 10px !important;
    border-bottom-left-radius: 4px;
    border-bottom-right-radius: 4px;
    border: 1px solid #e9e9e9;
    border-top: 0;
    color: #777;
    margin-top: -5px;
}

.box-article .agree-label input[type=checkbox] {
    margin-top: -4px;
}


.box-article .box-body .option {}

.box-article .box-body .option:after {
    display: block;
    content: "";
    clear: both;
}

.box-article .box-body .option li {
    float: left;
    margin-right: 4px;
    border: 1px solid #e5e5e5;
    width: 18%;
    padding: 8px 5px;
    text-align: center;
    border-radius: 4px;
}

.box-article .box-body .option li.on {
    border: 1px solid #3d9fea;
}

.box-article .box-body .option li img {
    width: 22px;
    height: auto;
}

.box-article .box-body .option li p {
    font-size: 0.75em;
    line-height: 1em;
    color: #b3b3b3;
    margin-top: 5px;
}

.box-article .box-body .option li.on p {
    color: #5aaff0
}

.bt_btn {
    padding: 10px;
}

.bt_btn .col-xs-6 a {
    display: block;
    background: #32adec;
    padding: 10px 0;
    color: #fff;
    font-size: 1.3em;
}

.bt_btn .col-xs-6 {
    padding-right: 1px;
    padding-left: 1px;
    text-align: center;
}


/*회원정보*/
#join_info {
    margin-bottom: 20px;
}

#join_info input {}

#join_info label {
    display: none;
}

#join_info .box-body,
#join_agr .box-body {}

#join_agr .box-body.agree {
    background: #fff;
    padding: 15px;
}

#join_agr .box-body.agree .agree-row {
    padding: 3px 0;
    border-radius: 0;
}

#join_agr .box-body.agree.allcheck {
    font-size: 0.8em;
}

#join_agr .box-body.agree .agree-row.all {
    margin-bottom: 12px;
    padding-top: 0;
    padding-bottom: 15px;
    border-bottom: 1px solid #F2F2F2;
}

#join_agr .box-body.agree.allcheck label {
    color: #666;
    font-weight: 500;
}

#join_agr .box-body.agree.allcheck .title {
    font-size: 1.15em;
    color: #333;
    font-weight: 400;
}


/*동의*/
#join_agr {
    margin-bottom: 20px;
}

#join_agr .btn-agr {
    font-size: 0.9em;
    padding: 5px 10px;
    /*background:#f2f2f2;*/
    color: #aaa;
    font-weight: 400;
    text-decoration: underline;
    border: 0 !important;
    background: none !important;
}

.btn-agr:hover,
.btn-agr:focus,
.btn-agr:active {
    border: 0 !important;
    background: none !important;
}


#join_agr .box-body .agree-row:last-child {}

#join_agr .chk_ico {}

.chk_ico i {
    display: inline-block;
    vertical-align: middle;
    width: 25px;
    height: 25px;
    padding: 0px;
    margin-right: 5px;
    background: url('img/ico_check_on_off.png') no-repeat left top/25px auto;
}

.chk_ico i.chk {
    background-position: left bottom;
}

.chk_ico i.nochk {
    background-position: left top;
}


/*체크박스 아이콘*/
.chk_ico {
    position: relative;
    margin: 0;
    margin-top: 3px;
}

.chk_ico input[type="checkbox"] + label {
    margin: 0;
    position: absolute;
    left: 0;
    height: 24px;
    padding: 2px 0 0 27px;
    background: url(../../../../img/app/common/ic_check.png) no-repeat left center;
}

.chk_ico input[type="checkbox"] {
    visibility: hidden;
}

.chk_ico input[type="checkbox"]:checked + label {
    background: url(../../../../img/app/common/ic_check_on.png) no-repeat left center;
}


/*회원구분*/
#mb_part {
    padding: 20px 0;
}

#mb_part .part_box {
    position: absolute;
    width: 100%;
    top: 20%;
    bottom: 20%;
}

#mb_part .mbp {
    width: 90%;
    margin: 25px auto;
    padding: 20px 0;
    line-height: 1.8em;
}

#mb_part .mbp .part_ico {
    width: auto;
    height: 85px;
    margin-top: -5px;
}

#mb_part .mbp p {
    font-size: 2em;
    margin-bottom: 10px;
}

#mb_part .mbp .btn {
    background: #FFF;
    color: #217C9F;
    margin-top: 10px;
    font-weight: 600;
}


.logout_btn {
    display: block;
    width: 100%;
    height: 50px;
    line-height: 50px;
    background: #ddd;
    color: #fff;
    font-size: 1.3em;
    font-weight: bold;
    margin: 5px 0;
    text-align: center;
}



#navtoggle #gnb ul {
    padding: 10px 28px;
}

#navtoggle #gnb .gnb_1da {
    display: block;
    padding: 6px 0;
    font-size: 1.2em;
    font-weight: 600;
    color: #4c4c4c;
}









/*추가된 css*/
/*============기사용/고객용대문============*/
#welcome {
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
    width: 90%;
    border-radius: 5px;
    overflow: hidden;
    font-size: 1.1em;
}

#welcome h1 {
    font-size: 1.48em;
    text-align: center;
    color: #fff;
    font-weight: 600;
    margin-bottom: 40px;
}

#welcome h1 span {
    display: block;
    margin: 10px 0 0 0;
    font-size: 1.33em;
    line-height: 1.6em;
    font-weight: 700;
}

#welcome .lg_box {}

#welcome .lg_box li {
    margin-bottom: 10px;
    position: relative;
}

#welcome .lg_box li span {
    position: absolute;
    right: 10px;
    top: 0;
}

#welcome .lg_box li span img {
    width: 35px;
    height: auto;
}

#welcome .lg_box li a {
    display: block;
    width: 100%;
    background: #fff;
    border: 0;
    height: 70px;
    line-height: 70px;
    padding-left: 15px;
    border-radius: 5px;
    color: #0177C0;
    font-size: 1.28em;
    font-weight: 700;
}

#welcome .guest {
    text-align: center;
    margin-top: 40px;
}

#welcome .guest a {
    color: #fff;
    font-size: 1.2em;
    font-weight: 600;
}



/*============sns로그인============*/
#sns_login {
	margin: 20px 0;
    font-size: 0.9em;
}

#sns_login h1 {
    font-size: 1.8em;
    text-align: center;
    color: #fff;
    font-weight: 700;
    margin-bottom: 30px;
}

#sns_login h1 img {}

#sns_login h1 span {
    display: block;
    margin: 15px 0 5px 0;
    font-size: 0.8em;
    line-height: 1.6em;
    font-weight: 600;
}

#sns_login .lg_btn {}

#sns_login .lg_btn li {
    width: 100%;
    height: 40px;
    line-height: 40px;
    text-align: center;
    font-size: 1em;
    font-weight: 600;
    border-radius: 5px;
    overflow: hidden;
    margin: 0 0 5px;
}
#sns_login .lg_btn li:last-child{
	margin: 0;
}

#sns_login .lg_btn li.top {
    background: #0177C0;
}

#sns_login .lg_btn li.top.bt {
    background: #fff;
    border: 1px solid #0177C0;
    box-sizing: border-box;
}

#sns_login .lg_btn li.top.bt a {
    color: #0177C0;
}

#sns_login .lg_btn li.sns.guest {
    background: #0D3880;
}


#sns_login .lg_btn li.sns.kakao {
    background: #ffe601;
}

#sns_login .lg_btn li.sns.kakao a {
    color: #42251e;
}

#sns_login .lg_btn li.sns.naver {
    background: #20bc03;
}
#sns_login .lg_btn li.sns.google{
	background: #dc4b29;
}

#sns_login .lg_btn li.sns .ico img {
    width: 17px;
    height: auto;
    margin-right: 5px;
}

#sns_login .lg_btn li a {
    display: block;
    border: 0;
    color: #fff;
	font-weight: 400;
}

#sns_login .cus {
    text-align: center;
    margin-top: 20px;
    color: #0D3880;
    font-size: 0.9em;
    font-weight: 400;
}

#sns_login .cus .svg-inline--fa {
    font-size: 0.7em;
}



/*============서비스신청============*/
/*이전 배송기사 불러오기 모달창*/
#visit_list {}

#visit_list .modal-title {
    text-align: center;
    font-size: 1.4em;
    color: #333;
    font-weight: 700;
    display: none;
}

#visit_list .modal-header .close {
    opacity: 1;
    font-size: 2em;
}

#visit_list .modal-header {
    border-bottom: 0;
}

#visit_list .modal-footer {
    border-top: 0;
}

#visit_list .list {}

#visit_list .list li {
    padding: 5px;
    margin-bottom: 5px;
    border: 2px solid #f5f5f5;
    border-radius: 3px;
    background: #fff;
}

#visit_list .list li.sel {
    border: 2px solid #333;
}

#visit_list .list li.sel name {
    color: #fff;
}

#visit_list .list li:after {
    display: block;
    content: "";
    clear: both;
}

#visit_list .list li div {
    float: left;
}

#visit_list .list li div.img {
    width: 60px;
}

#visit_list .list li div.img span {
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    width: 50px;
    height: 50px;
    background: #ddd;
}

#visit_list .list li div.img span .svg-inline--fa {
    color: #fff;
    font-size: 1.5em;
    margin-top: 13px;
}

#visit_list .list li div.tel {
    width: 105px;
    margin-top: 15px;
    font-size: 0.88em;
    text-align: right;
}

#visit_list .list li div.tel .call {
    color: #fbc60d;
    margin-right: 3px;
}

#visit_list .list li div.tel .svg-inline--fa {
    color: #3F527E;
    margin-right: 3px;
}

#visit_list .list li div.name {
    width: calc(100% - 170px);
    font-size: 1.15em;
    color: #333;
    font-weight: 600;
    margin-top: 15px;
}

#visit_list .list li div.name span {
    display: inline-block;
    font-size: 0.82em;
    margin-left: 5px;
}

#visit_list .modal-footer .btn-primary {
    width: 100%;
    background: #333;
    border: none;
    padding: 12px 10px;
    font-size: 1.5em;
    font-weight: 700;
}

.service_bg {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 200px;
    overflow: hidden;
}

.service_bg::after {
    content: '';
    display: block;
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background: linear-gradient(to bottom, #0D3880, #0177C0);
    opacity: 0.5;
}

.service_bg > img {
    width: 100%;
    height: 100%;
    object-fit: cover;
    object-position: center;
}

#my_service {
    position: relative;
    padding: 120px 0 0;

}

#my_service .my_service_box {
    position: relative;
    background: #f9f9f9;
    margin-top: -20px;
    border-radius: 20px 20px 0 0;
}

#my_service #top_cate {
    background: transparent;
    font-size: 1.4em;
    color: #fff;
    font-weight: 600;
    padding: 15px 0 13px 15px;
}

#my_service #top_cate span {
    margin-right: 5px;
    font-size: 0.9em;
}

#my_service .bx {
    background: #fff;
    padding: 20px 15px;
    border-radius: 20px;
    width: 92%;
    margin: 25px auto;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

#my_service .bx .big_title {
    font-size: 1.3em;
    letter-spacing: -1.1px;
    font-weight: 400;
    margin-bottom: 20px;
    display: flex;
    justify-content: space-between;
}

#my_service .bx .big_title span {
    font-size: 0.7em;
    color: #FF6468;
    margin-left: 5px;
    font-weight: 500;
}

#my_service .bx .big_title a.my_map {
    margin-left: 8px;
    display: inline-block;
    padding: 3px 10px 2px 10px;
    background: #333;
    font-size: 0.7em;
    font-weight: 400;
    border-radius: 30px;
    color: #fff;
    text-align: center;
}

#my_service .bx.price {
    position: relative;
    border-radius: 20px 20px 0 0;
    box-shadow: 0 -7px 10px rgb(0 0 0 / 20%);
    width: 100%;
    background: transparent;
}

#my_service .bx.price .big_title {
    margin-bottom: 0;
}

#my_service .bx.price .big_title .ico {
    margin-left: 5px;
    color: #fff;
    font-size: 0.65em;
    background: #333;
    padding: 2px 3px 1px 3px;
    border-radius: 5px;
}

#my_service .bx.price .cus_call {
    position: absolute;
    right: 10px;
    top: 14px;
    display: inline-block;
    width: 35px;
    height: 35px;
    background: linear-gradient(120deg, #C3D94E, #509432);
    border-radius: 50%;
    line-height: 35px;
    text-align: center;
}

#my_service .bx.price .cus_call > img {
    width: auto;
    height: 20px;
}

#my_service .bx.price .cus_call span {
    display: inline-block;
    margin-right: 4px;
}

#my_service .price_info {
    margin-top: 15px;
}

#my_service .price_info .con {
    color: #999;
    font-size: 0.95em;
    margin-bottom: 15px;
	line-height: 1.4em;
}

#my_service .price_info .con span {
    display: block;
    color: #999;
    font-size: 0.8em;
    width: auto;
}

#my_service .select {
    width: 100%;
}

#my_service .select .btn-group,
.btn-group-vertical {
    width: 100%;
}

#my_service .select .btn-group-vertical > .btn,
.btn-group > .btn {
    width: 50%;
}

#my_service .select .btn-group .btn {
    padding: 12px 0;
    font-size: 1.3em;
    font-weight: 600;
}

#my_service .select .btn-primary.active,
.btn-primary.focus,
.btn-primary:active,
.btn-primary:focus,
.btn-primary:hover,
.open > .dropdown-toggle.btn-primary {
    color: #fff;
    box-shadow: none;
    background: #509432;
    border-color: #509432;
}

#my_service .visit_list {
    text-align: center;
    margin-top: 15px;
}

#my_service .visit_list span {
    display: inline-block;
    padding: 5px 10px 3px 10px;
    background: #F2FAFF;
    border: 1px solid #E6F3FB;
    border-radius: 30px 0 0 30px;
}

#my_service .visit_list span.tel {
    background: #fff;
    border-left: none;
    border-radius: 0 30px 30px 0
}

#my_service .visit_con {
    text-align: center;
}

#my_service .visit_con span {
    color: #0177C0;
    font-weight: 700;
}

#my_service .select .btn-primary {
    color: #cdcdcd;
    background: #fff;
    border-color: #f1f1f1;
}

#my_service .select .visit {
    margin: 15px 0;
    font-weight: 600;
    position: relative;
}

#my_service .select .visit .ico {
    margin-right: 3px;
}

#my_service .select .visit .date_bx {
    position: absolute;
    right: 0;
    top: 0;
}

#my_service .select .visit .date_bx input {
    font-size: 1.03em;
    box-shadow: 0 0 3px #f1f1f1;
    background: #fff;
    border: 1px dashed #f1f1f1;
    border-radius: 3px;
    padding: 5px;
    line-height: 35px;
    height: 35px;
}

#my_service .select .date {
    float: left;
    padding-top: 5px;
}

#my_service .select .date.result {
    float: right;
    color: #0177C0;
}

#my_service .select .prev_btn {
    display: block;
    text-align: center;
    font-size: 1.15em;
    width: 80%;
    margin: 0 auto;
    padding: 8px 12px;
    border: 1px solid #F2F2F2;
    background: #f9f6f6;
    border-radius: 4px;
}

#my_service .my_addr {}

#my_service .form {
    margin-bottom: 4px;
    position: relative;
}

#my_service .form label {
    display: none;
}

#my_service .min_ch {
    font-size: 1.1em;
    font-weight: 500;
    margin-bottom: 10px;
    display: flex;
    justify-content: space-between;
}

#my_service .min_ch label {
    display: block;
    font-weight: 400;
    font-size: 0.9em;
}

#my_service .min_ch .my_map {
    color: #0177C0;
    border: 1px solid #0177C0;
    border-radius: 5px;
    padding: 4px 5px 0;
    font-size: 0.7em;
}

/*체크박스 디자인2*/
.min_ch label input[type="checkbox"] {
    display: none;
}

.min_ch label input[type="checkbox"] + em {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 3px;
    background: url(../../../../img/app/common/ic_check.png) no-repeat center;
    vertical-align: middle;
}

.min_ch label input[type="checkbox"]:checked + em {
    background: url(../../../../img/app/common/ic_check_on.png) no-repeat center;
}

#my_service .form .frm {
    width: 100%;
    border: 1px solid #f1f1f1;
    background: #fff;
    height: 50px;
    line-height: 50px;
    padding-left: 7px;
    font-size: 0.9em;
}

#my_service .form .sbtn {
    position: absolute;
    right: 8px;
    top: 8px;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background: #F5F5F5;
    text-align: center;
    border: 0;
}

#my_service .form .sbtn .svg-inline--fa {
    color: #999;
}

#my_service .form .my_req {
    border: 1px solid #f1f1f1;
    width: 100%;
    padding: 7px;
    height: 100px;
    font-size: 0.9em;
}

#my_service .my_place .form input {
    display: none;
}

#my_service .my_place .form label {
    display: block;
    color: #bfbfbf;
    font-size: 1.1em;
    font-weight: 500;
    /*width:100%; border:1px solid #f1f1f1; background:#fff; height:50px; line-height:50px; */
}

#my_service .my_place .form .pbtn {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    font-size: 2em;
    width: 100%;
    height: 100%;
    line-height: 60px;
    background: #fff;
    text-align: center;
    border: 0;
}

#my_service .my_place .form .pbtn .svg-inline--fa {
    color: #ccc;
}

#my_service .my_place .form.photo_in .photo {
    float: left;
    margin-right: 5px;
    margin-bottom: 5px;
    border: 1px solid #f1f1f1;
    background: #fff;
    width: 60px;
    height: 60px;
    z-index: 1;
    position: relative;
}

#my_service .my_place .form.photo_in .photo .btn_del {
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    width: 18px;
    height: 18px;
    line-height: 18px;
    border: 0;
    border-radius: 50%;
    right: -3px;
    top: -4px;
    color: #fff;
    font-size: 0.8em;
    z-index: 10;
}

#my_service .my_place .form.photo_in .photo img {
    width: 100%;
    height: auto;
}

#my_service .my_place .form.photo_in .memo {
    display: block;
    clear: both;
    width: 100%;
}

.normal_btn {
    padding: 0 4%;
    text-align: center
}

.normal_btn .btn {
    background: linear-gradient(120deg, #C3D94E, #509432);
    border: 0;
    color: #fff;
    font-size: 1.2em;
    padding: 0;
    line-height: 55px;
    border-radius: 0;
    width: 100%;
    font-weight: 400;
    border-radius: 10px;
}

.normal_btn.v2 {
    padding: 0 4% 10px;
}

.normal_btn.v2 .btn {
    background: #666;
}

/*라디오박스 디자인*/
.time_selc span {
    margin-right: 10px;
}

.time_selc input[type="radio"] {
    display: none;
}

.time_selc input[type="radio"] + label {
    display: inline-block;
    position: relative;
    padding-left: 21px;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
}

.time_selc input[type="radio"] + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 18px;
    height: 18px;
    text-align: center;
    background: #ecf1f4;
    border: 2px solid #ecf1f4;
    border-radius: 100%;
}

.time_selc input[type="radio"]:checked + label:before {
    border: 2px solid #2d80f8;
}

.time_selc input[type="radio"]:checked + label:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 10px;
    height: 10px;
    background: #2d80f8;
    border-radius: 100%;
}


/*============서비스신청확인/완료============*/
#my_service .bx .big_title span.ico {
    color: #333;
    margin-right: 3px;
    margin-left: 0;
    font-size: 0.9em;
}

#my_service .okbox {
    background: #F5F5F5;
    padding: 10px;
    font-size: 1em;
    border-radius: 5px;
}

#my_service .okbox.btm {
    margin-bottom: 5px;
}

#my_service .okbox .day {
    display: block;
    color: #0177C0;
    font-weight: 700;
}

#my_service .okbox .photo_in .photo {
    float: left;
    margin: 3px;
    border: 1px solid #f1f1f1;
    background: #fff;
    width: 80px;
    height: 80px;
    z-index: 1;
    position: relative;
}

#my_service .okbox .photo_in .photo .btn_del {
    position: absolute;
    background: rgba(0, 0, 0, 0.5);
    width: 18px;
    height: 18px;
    line-height: 18px;
    border: 0;
    border-radius: 50%;
    right: -3px;
    top: -4px;
    color: #fff;
    font-size: 0.8em;
    z-index: 10;
    display: none;
}

#my_service .okbox .photo_in .photo img {
    width: 100%;
    height: auto;
}

#my_service.tk {}

#my_service .tx {
    text-align: center;
    margin: 30px 0;
    padding: 10px;
}

#my_service .tx h2 {
    font-size: 1.8em;
    color: #2d80f8;
    font-weight: 700;
    line-height: 1.4em;
}

#my_service .tx h2 span {
    display: block;
    font-size: 0.9em;
    color: #0177C0;
    font-weight: 500;
}

#my_service .tx p {
    width: 200px;
    margin: 20px auto;
}

#my_service .tx img {
    width: 100%;
    height: auto;
}

#my_service .tx .con {
    margin-top: 20px;
    border-top: 1px dashed #f6f6f6;
    padding-top: 20px;
    color: #787878;
}


/*============가격정보 테이블============*/
.responsive-table {
    overflow-x: auto;
    overflow-y: hidden;
    border-radius: 15px;
    background: #FFF;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 2px 5px -1px, rgba(0, 0, 0, 0.3) 0px 1px 3px -1px;
}

.responsive-table .table {
    min-width: 100%;
}

.pri_table {
    width: 100%;
    background: #fff;
    /* border: 1px solid #2169d1; */
    text-align: center;
    line-height: 1.5em;
}

.pri_table caption {
    display: none;
}

.pri_table td {
    padding: 10px 4px;
    border-bottom: 1px solid #f1f1f1;
    /* border-right: 1px solid #f1f1f1; */
    font-size: 0.96em;
}

.pri_table .tit {
    background: #f1f6f9;
    /* border-bottom: 1px solid #d7e1e7; */
    font-weight: 700;
}

.pri_table .tit.last {
    border-bottom: 1px solid #2169d1;
}

.pri_table td.price {
    color: #2d66b9;
    font-weight: 700;
}

.pri_table td:first-child {
    border-left: none
}

.pri_table td:last-child {
    border-right: none
}

.pri_table tr:last-child td {
    border-bottom: none;
}


/*============마이페이지============*/
#mypage {}

#mypage:after {
    content: '';
    position: fixed;
    left: 0;
    right: 0;
    top: 0;
    bottom: 0;
    background: linear-gradient(120deg, #C3D94E, #509432);
    z-index: -1
}

#my_prof {
    position: relative;
    padding: 30px 5%;
    background: transparent;
}

#my_prof .my_prof_box {
    background: #FFF;
    border-radius: 30px;
    overflow: hidden;
    padding: 10px 20px;
    margin-top: 20px;
    box-shadow: rgba(50, 50, 93, 0.25) 0px 13px 27px -5px, rgba(0, 0, 0, 0.3) 0px 8px 16px -8px;
}

#my_prof .dong {
    text-align: center;
    display: inline-block;
    border-radius: 50%;
    width: 60px;
    padding-top: 10px;
    height: 60px;
    background: #ededed;
    border: 3px solid #fff;
    position: absolute;
    top: 30px;
    right: 5%;
    overflow: hidden;
}

#my_prof .dong.gisa {
    padding-top: 0;
}

#my_prof .dong img {
    height: 100%;
    /* width: 100%; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

#my_prof .dong .svg-inline--fa {
    color: #fff;
    font-size: 1.5em;
    margin-top: 6px;
}

#my_prof .in {}

#my_prof .title {
    color: #fff;
    font-size: 1.5em;
    font-weight: 400;
    line-height: 1.6;
/*    padding-left: 15px*/
}

#my_prof .in .title span {
    font-size: 1.5em;
    font-weight: 600;
    margin-right: 2px;
}

#my_prof .in .lg_btn {
    margin-top: 10px;
}

#my_prof .in .lg_btn li {
    display: inline-block;
    margin: 0 2px;
}

#my_prof .in .lg_btn li a {
    display: inline-block;
    background: #f5f5f5;
    color: #0177C0;
    border-radius: 5px;
    padding: 2px 8px 0 8px;
    font-size: 0.9em;
}

#my_prof .in .lg_btn li a.full {
    background: #666;
    border: 1px solid #666;
    color: #fff;
}

#my_prof .in .lg_btn li a.fulls {
    background: #ff5a00;
    border: 1px solid #ff5a00;
    color: #fff;
}

#my_prof .in .prof_info {
    margin: 20px 0 0;
    overflow: hidden;
}

#my_prof .in .prof_info dl {
    float: left;
    display: inline-block;
    margin-right: 10px;
    margin-bottom: 10px;
    background: #f5f5f5;
    width: calc(50% - 5px);
    border-radius: 5px;
    padding: 10px;
}

#my_prof .in .prof_info dl:nth-child(2n) {
    margin-right: 0;
}

#my_prof .in .prof_info dt {
    font-size: 1.1em;
    color: #333;
    font-weight: 400;
    margin-bottom: 5px;
}

#my_prof .in .prof_info dt .edit {
    background: #333;
    color: #fff;
    font-size: 0.78em;
    font-weight: 500;
    border-radius: 3px;
    text-align: center;
    display: inline-block;
    padding: 3px 4px 1px 4px;
    margin-left: 4px;
}

#my_prof .in .prof_info dd {
    font-size: 1.05em;
    color: #333;
    font-weight: 500;
}

#my_prof .in .prof_info dd:last-of-type {
    font-size: 0.8em;
    color: #8B8A8A;
    margin: 5px 0 0;
}
#my_prof .in .prof_info dd svg{
	color: #026eb7;
}
#my_prof .in .prof_info dd .nm {
    font-size: 1.25em;
    color: #0D3880;
    font-weight: 700;
    margin-left: 5px;
}

#my_prof .in .prof_info dd .pt {
    display: inline-block;
    background: #052349;
    width: 23px;
    height: 23px;
    margin-right: 3px;
    color: #fff;
    font-weight: 700;
    padding-top: 2px;
    border-radius: 50%;
}

#my_prof .in .my_bt {
    padding-top: 6px;
}

#my_prof .in .my_bt a {
    display: inline-block;
    background: #16204E;
    color: #fff;
    font-size: 1.25em;
    font-weight: 600;
    text-align: center;
    padding: 14px 5px;
    width: 100%;
    border-radius: 5px;
}

#my_prof .in .my_bt a:last-child {
    background: #393939;
}

/*라디오버튼*/
#mylist .working {
    padding: 20px 0;
    border-bottom: 1px solid #ddd;
}

#mylist .working span {
    margin-right: 14px;
}

#mylist .working input[type="radio"] {
    display: none;
}

#mylist .working input[type="radio"] + label {
    display: inline-block;
    position: relative;
    padding-left: 25px;
    cursor: pointer;
    font-size: 1em;
    font-weight: 400;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    margin: 0;
}

#mylist .working input[type="radio"] + label:before {
    content: '';
    position: absolute;
    left: 0;
    top: 0;
    width: 20px;
    height: 20px;
    background: url(../../../../img/app/common/ic_check.png) no-repeat center;
}

#mylist .working input[type="radio"]:checked + label:before {

    background: url(../../../../img/app/common/ic_check_on.png) no-repeat center;
}

/*
#mylist .working input[type="radio"]:checked + label:after {
    content: '';
    position: absolute;
    top: 4px;
    left: 4px;
    width: 12px;
    height: 12px;
    background: #2d80f8;
    border-radius: 100%;
}
*/

#my_prof .in .add_id a {
    display: block;
    padding: 14px 15px 11px 15px;
    background: #f7f7f7;
    font-size: 1.33em;
    font-weight: 700;
}

#mylist {
    padding: 30px 5%;
    background: #FFF;
    margin: 0 5%;
    border-radius: 35px;
}

#mylist .title {
    font-size: 1.2em;
    font-weight: 400;
    color: #333;
    position: relative;
}

#mylist .title .goto {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}

#mylist .title .goto .svg-inline--fa {
    margin-left: 5px;
}

.cslist {}

.cslist li {
    border: 1px solid #0177C0;
    border-radius: 5px;
    background: #fff;
    padding: 20px 10px 65px 10px;
    margin-bottom: 10px;
    position: relative;
}

.cslist.cancel li {
    border: 1px solid #eaeaea;
    background: #FBFBFB;
    padding: 20px 10px 10px 10px;
}

.cslist li .mini_btn {
    position: absolute;
    left: 0;
    bottom: 0;
    width: calc(100% - 20px);
    margin: 10px;
    height: 42px;
}

.cslist li .mini_btn a {
    float: left;
    background: #ddd;
    color: #fff;
    text-align: center;
    padding: 11px 5px;
    width: 50%;
    font-size: 0.9em;
	line-height: 1.4em;
	height: 45px;
	display: flex;
	align-items: center;
	justify-content: center;
}

.cslist li .mini_btn.p3 a {
    width: 33.3333%;
}

.cslist li .mini_btn a:last-child {
    margin-bottom: 0;
}

.cslist li .mini_btn a.on {
    background: #0D3880;
}

.cslist li .mini_btn a.off {
    background: #ddd;
}

.cslist li .mini_btn a.rv.on {
    background: #052349;
}

.cslist li .mini_btn a.rv {
    border-radius: 0 5px 5px 0;
    background: #fff;
    color: #0177C0;
    border: 1px solid #0177C0;
    box-sizing: border-box;
    padding: 10px 5px;
}

.cslist li .mini_btn a.cancel {
    background: #505050;
    border-radius: 0 5px 5px 0;
}

.cslist li .mini_btn a.pay {
    background: #4364d8;
    border-radius: 5px 0 0 5px;
}

.cslist li:after {
    display: block;
    content: "";
    clear: both;
}

.cslist li .img {
    float: left;
    width: 40px;
    height: 40px;
    border-radius: 50%;
    background: #f4f9fc;
    padding: 5px;
    margin-right: 12px;
    overflow: hidden;
    position: relative;
}

.cslist li .img img {
    height: 60%;
    /* width: 100%; */
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%, -50%);
}

.cslist li .tx {
    float: left;
    width: calc(100% - 60px);
}

.cslist li .tx h4 {
    font-size: 1.25em;
    margin-bottom: 15px;
    color: #052349;
    font-weight: 400;
}

.cslist li .view_cac {
    font-size: 0.8em;
    border: none;
    padding: 4px 6px;
    background: #fff;
    border: 1px solid #ddd;
}

.cslist.cancel .tx h4 {
    color: #999;
}

.cslist.cancel .tx dl dd {
    color: rgba(0, 0, 0, 0.7);
}

.cslist li .tx dl {
    margin-bottom: 3px;
    font-size: 0.98em;
    letter-spacing: -1px;
}

.cslist li .tx dl dt {
    float: left;
    width: 95px;
    font-weight: 400;
    color: #999;
}

.cslist li .tx dl dd {
    float: right;
    width: calc(100% - 100px);
    font-weight: 400;
    color: #333;
}

.cslist li .tx dl dd.price {
    color: #F60;
}

.cslist li .tx dl dd .go_gisa_info {
    display: inline-block;
    padding: 4px 7px;
    border: 1px solid #0177C0;
    background: #fff;
    color: #0177C0;
    font-size: 0.8em;
    border-radius: 3px;
}

.cslist li .tx dl dd .pay {
    display: inline-block;
    padding: 3px 10px 2px 10px;
    border-radius: 3px;
    margin-left: 4px;
    background: #F60;
    color: #fff;
    font-size: 0.88em;
}

.cslist li .cancel_date {
    font-size: 0.85em;
    text-align: right;
}

#mylist .my_menu {}

#mylist .my_menu li {
    border-bottom: 1px solid #ddd;
    position: relative;
}

#mylist .my_menu li a {
    display: block;
    padding: 0;
    font-size: 1.2em;
    font-weight: 400;
    line-height: 50px;
}

#mylist .my_menu li span {
    position: absolute;
    right: 10px;
    top: 50%;
    transform: translateY(-50%);
}



/*============내예약============*/
#my_reser {}

#my_reser .in {
    padding: 10px;
}

#my_reser .cate {
    background: #fff;
    border-bottom: 1px solid #ebebeb;
}

#my_reser .cate li {
    float: left;
    width: 50%;
    text-align: center;
}

#my_reser .cate li:nth-child(2) {
    margin-right: 0;
}

#my_reser .cate li a {
    display: block;
    font-size: 1.1em;
    color: #a6a6a6;
    padding: 12px 15px;
    font-weight: 400;
    background: none;
    border-radius: 0;
    position: relative;
}

#my_reser .cate > li.active > a {
    color: #0D3880;
}

#my_reser .cate > li.active > a:after {
    display: block;
    content: "";
    background: #0D3880;
    height: 3px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

#my_reser.view {
    padding: 20px;
}

.view_txt {}

.view_txt .title {
    border-bottom: 1px solid #fff;
    font-size: 1.5em;
    color: #333;
    font-weight: 700;
    text-align: center;
    margin-bottom: 20px;
    border-radius: 5px;
    background: #fff;
    padding: 20px;
}

.view_txt .title span {
    display: block;
    margin-top: 10px;
    font-size: 0.65em;
    font-weight: 500;
    color: #999;
}

.view_txt .serv {}

.view_txt .serv dl {
    margin-bottom: 15px;
    padding-bottom: 15px;
    border-bottom: 1px solid #f1f1f1;
}

.view_txt .serv dl dt {
    float: left;
    width: 105px;
    font-weight: 400;
    color: #999;
}

.view_txt .serv dl dd {
    float: right;
    width: calc(100% - 105px);
    font-weight: 400;
    color: #333;
}

.view_txt .serv dl dd.price {
    color: #0177C0;
    font-size: 1.2em;
}

.view_txt .serv dl dd.price.v2 {
    color: #111;
    font-weight: 700;
}

.view_txt .serv dl dd.price p {
    font-size: 13px;
    font-weight: 500;
    color: #555;
}

.view_txt .serv dl dd.price p:first-child {
    margin: 3px 0 0;
}

.view_txt .serv dl dd.price p .bold {
    font-weight: 600;
    color: #222;
}

.view_txt .serv dl dd .pay {
    display: inline-block;
    padding: 3px 10px 2px 10px;
    border-radius: 3px;
    margin-left: 4px;
    background: #F60;
    color: #fff;
    font-size: 0.78em;
}

.bt_reser {
    margin: 20px 0 10px 0;
    border-radius: 5px;
    overflow: hidden;
}

.bt_reser a {
    float: left;
    display: block;
    font-size: 1.2em;
    padding: 0;
    text-align: center;
    color: #fff !important;
    width: 50%;
    line-height: 50px;
}

.bt_reser.a3 a {
    width: 43%;
}

.bt_reser.a3 .go_list {
    width: 14%;
    background: #0177C0;
}

.bt_reser .cancel {
    background: #999;
}

.bt_reser .list {
    background: #4364d8;
}

.bt_reser .payment {
    background: #0177C0;
    width: 100%;
    border-radius: 5px;
}

.bt_reser.bt {
    margin: 10px 0 50px 0;
}

.bt_reser.bt .go_list {
    background: #4364d8;
    color: #fff;
    width: 100%;
    font-size: 1.15em;
    font-weight: 400;
    border-radius: 5px;
}

.bt_reser .payment.ok {
    background: #052349;
    width: 85%;
}

.bt_reser.a2 .go_list {
    width: 15%;
    background: #ffb109
}

.bt_reser .form-group {
    margin-bottom: 0;
}

.bt_reser .form-group label {
    display: none;
}

.bt_reser .form-group .form-control {
    height: 45px;
    border-radius: 0;
    border: 1px solid #0177C0;
    box-shadow: none;
    margin: 0 0 5px;
    border-radius: 5px;
}

/*라디오버튼*/
.bt_reser .payhow {
    margin-bottom: 15px;
}

.bt_reser .payhow input[type=radio] {
    display: none;
}

.bt_reser .payhow input[type=radio] + label {
    cursor: pointer;
    margin-right: 5px;
    padding: 10px;
    position: relative;
    color: #1a1a1a;
    width: calc(33% - 4px);
    border: 1px solid #ddd;
    opacity: 0.6;
    text-align: center;
    min-height: 64px;
}

.bt_reser .payhow input[type=radio] + label:last-child {
    margin-right: 0;
}

.bt_reser .payhow input[type=radio]:checked + label {
    background: #0177C0;
    border: 1px solid #0177C0;
    font-weight: 600;
    color: #fff;
    opacity: 1;
}

.bt_reser .payhow input[type=radio] + label span {
    position: absolute;
    top: 50%;
    left: 50%;
    width: 80%;
    transform: translate(-50%, -50%);
}


.view_txt .serv.v2 dl {
    border-bottom: none;
}

.view_txt .serv.v2 dl dt {
    color: #222;
    font-weight: 600;
}

.bt_reser .area_pay {}

.bt_reser .area_pay > li {
    display: inline-block;
    margin: 0 10px 0 0;
}

.bt_reser .area_pay > li label {
    margin-bottom: 0;
}

.bt_reser .area_pay > li label em {
    font-size: 14px;
    font-weight: 600;
    color: #333;
    font-style: normal;
}

.bt_reser .area_pay input[type="radio"] {
    display: none;
    width: 22px;
    height: 22px;
    outline: none;
    margin: 0;
}

.bt_reser .area_pay input[type="radio"] + label span {
    display: inline-block;
    margin-right: 2px;
    width: 20px;
    height: 20px;
    background: url(img/icon_check02.svg) no-repeat center;
    cursor: pointer;
    vertical-align: top;
}

.bt_reser .area_pay input[type="radio"]:checked + label span {
    background: url(img/icon_check02_on.svg) no-repeat center;
}




/*포인트사용체크*/
.point_use label {
    font-weight: 600;
    font-size: 1.06em;
}

.point_use label input[type="checkbox"] {
    display: none;
}

.point_use label input[type="checkbox"] + em {
    display: inline-block;
    width: 24px;
    height: 24px;
    margin-right: 5px;
    background: url('img/ico_check_on_off.png') 0 0 no-repeat;
    background-size: 24px auto;
    vertical-align: middle;
}

.point_use label input[type="checkbox"]:checked + em {
    background-position: left bottom;
}

.area_point {
    margin: 0 0 20px;
}

.area_point .list_product li {
    display: block;
}

.area_point .list_product li:after {
    content: '';
    display: block;
    clear: both;
}

.area_point .list_product li:first-child {
    margin: 0 0 5px;
}

.area_point .list_product li span {
    font-weight: 600;
    color: #222;
}

.area_point .list_product li em {
    float: right;
    font-weight: 700;
    color: #222;
    font-style: normal;
}

.area_point .list_product li .left,
.area_point .list_product li a {
    position: relative;
    float: left;
}

.area_point .list_product li .left {
    width: calc(100% - 83px);
}

.area_point .list_product li .left input {
    display: block;
    width: 100%;
    padding: 9px 25px 9px 10px;
    font-size: 15px;
    font-weight: 700;
    color: #2d80f8;
    border: 1px solid #ddd;
    box-sizing: border-box;
    background: #fff;
    text-align: right;
}

.area_point .list_product li .left label {
    position: absolute;
    top: 50%;
    right: 10px;
    margin-bottom: 0;
    font-size: 15px;
    font-weight: 500;
    color: #2d80f8;
    transform: translateY(-50%);
    line-height: 0.8em;
}

.area_point .list_product li .btn_point {
    display: inline-block;
    margin: 0 0 0 5px;
    border: 1px solid #ddd;
    font-size: 14px;
    font-weight: 600;
    color: #333;
    padding: 12px;
    background: #fff;
}



/*예약취소사유 모달팝업*/
.pop_cancel {}

.pop_cancel .modal-header {
    text-align: center;
    border-bottom: none;
    padding-bottom: 0;
}

.pop_cancel .modal-title {
    font-size: 1.4em;
    color: #333;
    font-weight: 400;
}

.pop_cancel .modal-header .close {
    opacity: 1;
    color: #052349;
    font-size: 2em;
}

.pop_cancel .tit {
    display: block;
    width: 100px;
    padding: 3px 10px;
    background: #F9F9F9;
    border: 1px solid #E8E8E8;
    border-radius: 30px;
    text-align: center;
    margin-bottom: 5px;
}

.pop_cancel textarea {
    border: 1px solid #ddd;
    border-radius: 4px;
    font-size: 0.9em;
}

.pop_cancel .btn-block {
    height: 40px;
    font-size: 1.2em;
    font-weight: 400;
    background: #4364d8;
    border: 1px solid #4364d8;
    color: #fff;
    border-radius: 5px;
}

.file_imgs {}

.file_imgs input[type="file"] {
    display: none;
}

.file_imgs label {
    display: inline-block;
    padding: 30px 40px;
    color: #fff;
    font-size: 1.2em;
    background: #3262ba;
    cursor: pointer;
    border: 1px solid #1e4b9e;
    border-radius: .25em;
}

.cancel_img2 {
    height: 200px;
    overflow: hidden;
    position: relative;
}

.cancel_img2 .pp {
    position: absolute;
    width: 100%;
    top: 50%;
    transform: translateY(-50%);
}

.cancel_img2 .pp img {
    width: 100%;
    height: auto;
}

.cancel_why {
    border: 1px solid #f1f1f1;
    padding: 10px;
    margin: 0 0 10px 0;
}


/*============내오더(기사)============*/
#my_order {}

#my_order .in {
    padding: 10px;
}

#my_order .cate {
    background: #f9f9f9;
    border-bottom: 1px solid #f1f1f1;
}

#my_order .cate li {
    float: left;
    width: 25%;
    text-align: center;
}

#my_order .cate li:nth-child(2) {
    margin-right: 0;
}

#my_order .cate li a {
    display: block;
    font-size: 1.1em;
    color: #a6a6a6;
    padding: 12px 15px;
    font-weight: 400;
    background: none;
    border-radius: 0;
    position: relative;
    background: #fff;
}

#my_order .cate > li.active > a {
    color: #0D3880;
    background: #fff;
    font-weight: 400;
    position: relative;
}

#my_order .cate > li.active > a:after {
    display: block;
    content: "";
    background: #0D3880;
    height: 3px;
    width: 100%;
    position: absolute;
    bottom: 0;
    left: 0;
}

#my_order.view {
    padding: 20px;
}

#my_order.view .con_ok {
    text-align: center;
    font-size: 1.25em;
    line-height: 2.2em;
}

#my_order.view .con_ok .svg-inline--fa {
    color: #0177C0;
    margin-right: 4px;
}

#my_order .ic_call,
#my_reser .ic_call{
	display: inline-block;
	border-radius: 5px;
	margin: 0 0 0 5px;
	box-shadow: 0 0 10px rgba(0,0,0,0.1);
	background: linear-gradient(to bottom, #C3D94E, #509432);
	color: #fff;
	padding: 5px;
	font-size: 12px;
}
#my_reser .ic_call{
/*	margin: 0;*/
}
#my_order .ic_call img,
#my_reser .ic_call img{
	width: auto;
	height: 15px;
}

.gslist {}

.gslist li {
    border: 1px solid #f1f1f1;
    box-shadow: 2px 2px 2px #f1f1f1;
    border-radius: 5px;
    background: #fff;
    padding: 20px 12px 12px 12px;
    margin-bottom: 10px;
    position: relative;
}

.gslist.cancel li {
    border: 1px solid #eaeaea;
    background: #FBFBFB
}

.gslist.cancel li .tx h4 .date {
    color: #989898;
}

.gslist.cancel li .tx dl dd {
    color: rgba(0, 0, 0, 0.6);
}

.gslist.cancel li .tx h4 {
    color: #989898;
}

.gslist.cancel li .view_cac {
    border: none;
    padding: 4px 6px;
    background: #fff;
    border: 1px solid #ddd;
    border-radius: 5px;
    font-size: 0.9em;
}

.gslist li .view {
    /*position:absolute; right:10px; bottom:10px;*/
    display: block;
    margin-top: 8px;
    text-align: center;
    background: #0177C0;
    color: #fff;
    border-radius: 3px;
    padding: 10px;
    font-size: 1em;
}

.gslist li .tx {
    /*margin-left:4px; border:1px solid #ccc; color:#fff; background:#222; font-size:0.85em; display:inline-block; padding:2px 4px;*/
}

.gslist li .tx h4 {
    font-size: 1.25em;
    margin-bottom: 15px;
    color: #00204a;
    font-weight: 700;
    position: relative;
}

.gslist li .tx h4 .date {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0.7em;
    font-weight: 500;
    color: #0177C0;
}

.gslist li .tx dl {
    margin-bottom: 3px;
    font-size: 0.98em;
}

.gslist li .tx dl dt {
    float: left;
    width: 95px;
    font-weight: 400;
    color: #999;
}

.gslist li .tx dl dd {
    float: right;
    width: calc(100% - 100px);
    font-weight: 400;
    color: #333;
    word-break: normal;
}

.gslist li .tx dl dd.price {
    color: #F60;
}

.gslist li .cus_con {
    color: #333;
    background: #EAF2FB;
    border-radius: 4px;
    padding: 4px;
    margin-bottom: 7px;
}

.gslist li .cus_con span {
    color: #0177C0;
    margin-left: 3px;
    font-weight: 700;
}

/*============리뷰============*/
.my_review {
    margin-bottom: 20px;
}

.my_review dt {
    font-size: 1.35em;
    font-weight: 400;
    margin: 15px 0;
}

.my_review dd {
    border-radius: 5px;
    background: #fff;
    padding: 15px;
    text-align: center;
}

.my_review dd h1 {
    display: inline-block;
    font-size: 2.8em;
    color: #333;
    font-weight: 400;
    margin-right: 10px;
}

.my_review dd .star {
    display: inline-block;
    text-align: left;
}

.my_review.cus dd .star {
    text-align: center;
}

.my_review.cus dd .star p {
    font-weight: 400;
    color: #333;
    font-size: 1.1em;
}

.my_review dd .star span {
    color: #FC0;
    font-size: 1.2em;
}

.my_review dd .star span.blank {
    color: #ddd;
}

.review_list {}

.review_list .rev_none {
    text-align: center;
    margin: 20px 0;
}

.review_list .rev_none img {
    width: 200px;
    height: auto;
}

.review_list li:after {
    display: block;
    content: "";
    clear: both;
}

.review_list li:last-child {
    border-bottom: 0;
}

.review_list li {
    padding: 20px;
    margin-bottom: 10px;
    border-bottom: 1px dashed #f4f4f4;
    background: #fff;
    border-radius: 5px;
    overflow: hidden;
}

.review_list li .img {
    float: left;
    width: 45px;
    height: 45px;
    text-align: center;
    padding-top: 11px;
    border-radius: 50%;
    background: #F3F3F3;
    margin-right: 12px;
}

.review_list li .img .svg-inline--fa {
    font-size: 1.5em;
    color: #666
}

.review_list li .tx {
    float: left;
    width: calc(100% - 60px);
}

.review_list li .tx .catego {
    margin-bottom: 5px;
}

.review_list li .tx .catego span {
    display: inline-block;
    padding: 2px 8px 0 8px;
    border: 1px solid #ddd;
    font-size: 0.9em;
    margin: 0 5px 0 0;
    border-radius: 5px;
}

.review_list li .tx .catego span:last-child {
    border-left: 0;
}

.review_list li .tx .date .id {
    margin-right: 5px;
}

.review_list li .tx .date strong {
    margin-right: 5px;
    font-weight: 500;
}

.review_list li .tx .date .star,
.review_list li .tx .date .tears{
    display: flex;
}

.review_list li .tx .date .star span,
.review_list li .tx .date .tears span{
    width:16px;
	height:16px;
	display: flex;
	align-items: center;
	justify-content: center;
}
.review_list li .tx .date .star span {
    color: #FC0;
}
.review_list li .tx .date .tears span{
	color: #36a0f4;
}

.review_list li .tx .date .star span.blank {
    color: #ddd;
}

.review_list li .message {
    margin-top: 15px;
}


/*============기사님정보============*/
.my_info_gisa {
    text-align: center;
    margin: 30px 0;
}

.my_info_gisa .dong {
    display: block;
    margin: 0 auto;
    width: 110px;
    height: 110px;
    border: 1px solid #ddd;
    border-radius: 50%;
    overflow: hidden;
}

.my_info_gisa .dong img {
    width: 100%;
    height: auto;
}

.my_info_gisa .title {
    font-size: 1.5em;
    font-weight: 400;
    margin: 25px 0;
}

.my_info_gisa .title span {
    font-size: 0.8em;
    color: #666;
    margin: 0 0 0 5px;
}

.my_info_gisa .title .tel {
    margin-top: 10px;
    font-size: 0.8em;
}

.my_info_gisa .title .tel .ico {
    display: inline-block;
    margin-right: 5px;
    border-radius: 50%;
    width: 20px;
    height: 20px;
    background: #222;
    color: #fff;
}

.my_info_gisa .title .tel .ico .svg-inline--fa {
    font-size: 0.8em;
}

.my_info_gisa .work {
    margin-bottom: 30px;
}

.my_info_gisa .work span {
    display: inline-block;
    margin: 2px;
    border-radius: 6px;
    border: 1px solid #0177C0;
    color: #0177C0;
    padding: 4px 12px 3px 12px;
}

.my_info_gisa .rev {
    font-size: 1.12em;
}

.my_info_gisa .rev .rv {
    margin-right: 15px;
}

.my_info_gisa .rev strong {
    color: #0177C0;
}

.my_info_gisa .go_rv {
    text-align: center;
}

.my_info_gisa .go_rv a {
    border: 1px solid #eeeeee;
    padding: 8px 16px;
    border-radius: 30px;
    display: inline-block;
    margin-top: 20px;
}

.my_info_gisa .go_rv a:hover {
    border: 1px solid #333;
    background: #333;
    color: #fff;
}

.my_info_gisa .con {
    font-size: 1.1em;
    padding: 10px;
    margin: 20px 0;
    padding-top: 20px;
    border-top: 1px dashed #f1f1f1;
}

.my_info_gisa .gomain a {
    width: 100%;
    padding: 13px 2px;
    display: block;
    font-size: 1.15em;
    text-align: center;
    border-radius: 3px;
    background: #0177C0;
    color: #fff;
}

.my_info_gisa .gomain a:hover {
    border: 1px solid #0177C0;
    background: #0177C0;
    color: #fff;
}

/*============작업고객리스트============*/
#my_cus_list {}

#my_cus_list .in {
    padding: 10px;
}

#my_cus_list .in .nm {
    text-align: right;
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px solid #f1f1f1;
}

#my_cus_list .in .nm span {
    color: #F60;
    font-weight: 700;
}

#my_cus_list .cus_list {}

.cus_list li {
    border-bottom: 1px solid #f1f1f1;
    padding-bottom: 10px;
    margin-bottom: 10px;
    position: relative;
}

.cus_list li .view {
    position: absolute;
    right: 10px;
    bottom: 10px;
    display: inline-block;
    border: 1px solid #052349;
    background: #052349;
    color: #fff;
    border-radius: 3px;
    padding: 3px 6px;
    font-size: 1em;
}

.cus_list li .tx {}

.cus_list li .tx h4 {
    font-size: 1.25em;
    margin-bottom: 15px;
    color: #00204a;
    font-weight: 700;
    position: relative;
}

.cus_list li .tx h4 .date {
    position: absolute;
    right: 0;
    top: 0;
    font-size: 0.75em;
    font-weight: 500;
    color: #0177C0;
}

.cus_list li .tx dl {
    margin-bottom: 3px;
    font-size: 0.98em;
}

.cus_list li .tx dl dt {
    float: left;
    width: 95px;
    font-weight: 400;
    color: #999;
}

.cus_list li .tx dl dd {
    float: right;
    width: calc(100% - 100px);
    font-weight: 600;
    color: #333;
    word-break: normal;
}

.cus_list li .tx dl dd.price {
    color: #F60;
}

.cus_list li .cus_con {
    color: #333;
    background: #EAF2FB;
    border-radius: 4px;
    padding: 4px;
    margin-bottom: 7px;
}

.cus_list li .cus_con span {
    color: #0177C0;
    margin-left: 3px;
    font-weight: 700;
}



/*============포인트(고객)내역============*/
#my_point {}

#my_point .info {
    text-align: center;
    width: 90%;
    margin: 20px auto 20px auto;
    border-radius: 5px;
    background: #fff;
    padding: 15px 20px;
    font-size: 1.2em;
    display: flex;
    justify-content: space-between;
    flex-wrap: wrap;
    align-items: center;
	
}

#my_point .info.gisa {
    margin: 20px auto 10px auto;
}

#my_point .info .tit {
    display: inline-block;
    font-weight: 400;
}

#my_point .info .btn_starbucks{
	width: 100%;
	background: #4364d8;
	border-radius: 5px;
	color: #fff;
	font-size: 1em;
	border: 0;
	margin: 10px 0 0;
	line-height: 45px;
	text-align: center;
}

#my_point .info .cont {
    font-size: 0.7em;
    color: #0D3880;
    padding: 2px 0;
    margin-top: 6px;
    width: 100%;
}

#my_point .info .dg {
    display: inline-block;
    margin-right: 6px;
    padding-top: 5px;
}

#my_point .info .pt {
    display: inline-block;
    color: #0177C0;
    font-size: 1.1em;
    font-weight: 700;
}

#my_point .list {
    padding: 15px;
}

#my_point .list .bx {
    margin-bottom: 10px;
    padding-bottom: 10px;
    border-bottom: 1px dashed #eee;
    color: #9d9d9d;
    border-radius: 5px;
}

#my_point .list .bx:after {
    display: block;
    content: "";
    clear: both;
}

#my_point .list .bx .left {
    float: left;
}

#my_point .list .bx .left .sort {
    color: #0177C0;
}

#my_point .list .bx .left .sort span {
    font-size: 0.8em;
    color: #ccc;
    margin-right: 4px;
    display: none;
}

#my_point .list .bx .right {
    float: right;
}

#my_point .list .bx .con {
    color: #333;
    font-weight: 600;
    font-size: 1.05em;
}

#my_point .list .bx .em {
    margin-right: 4px;
}

#my_point .list .bx .save {
    color: #333;
}

#my_point .list .bx .use {
    color: #fe7303;
}

#my_point .list .bx .right .nm {
    font-size: 1.05em;
    font-weight: 700;
}


/*============결제(고객)내역============*/
#my_point.my_pay .bx {
    background: #fff;
    padding: 15px 12px;
}

#my_point.my_pay .bx a {
    color: inherit;
    display: block;
}

#my_point.my_pay .bx .right {
    text-align: right;
}

#my_point.my_pay .bx .detail {
    font-size: 0.8em;
    color: #333;
    margin-top: 5px;
    line-height: 1.4em;
}

#my_point.my_pay .bx .payhow {
    margin-bottom: 5px;
    display: inline-block;
    padding: 0px 10px;
    background: #666;
    color: #fff;
    font-size: 0.7em;
    border-radius: 5px;
}

#my_point.my_pay .bx .date {
    font-size: 0.8em;
}

#my_point.my_pay .bx .sort {
    font-size: 0.9em;
}

#my_point.my_pay .bx .con {
    font-size: 1.1em;
}

#my_point.my_pay .nm.save {
    color: #0177C0;
    font-size: 1.15em !important;
}

#my_point.my_pay .total {
    width: 100%;
    margin-top: 8px;
    background: #0177C0;
    color: #fff;
    border-radius: 5px;
    overflow: hidden;
}

#my_point.my_pay .total .tt {
    float: left;
    width: calc(100% - 60px);
    padding: 10px;
    height: 45px;
}

#my_point.my_pay .total .tt_r {
    float: left;
    width: 60px;
    background: #0D3880;
    color: #fff;
    padding: 13px 0;
    height: 45px;
    text-align: center;
}

#my_point.my_pay .total .tt strong {
    font-weight: 700;
    color: #fff;
    margin-left: 6px;
    font-size: 1.2em;
}

/*============내역이 없을때 나오는 문구============*/
.list_none {
    text-align: center;
    padding: 20px 0;
}

.list_none span {
    margin-right: 5px;
    color: #FC0;
    font-size: 1.3em;
}





/* 탈퇴 */
#my_account {
    padding: 20px 10px;
}

#my_account .info {
    display: block;
    padding: 20px;
    box-sizing: border-box;
    border-radius: 5px;
    text-align: Center;
    background: #f5f5f5;
    box-sizing: border-box;
}

#my_account .info h3 {
    font-size: 18px;
    font-weight: 400;
    color: #222;
}

#my_account .info span {
    display: inline-block;
    margin: 8px 0 0;
    font-size: 13px;
    font-weight: 400;
    color: #999;
    word-break: keep-all;
    line-height: 1.5em;
}

.area_check {
    margin: 20px 0 0;
}

.check_list input[type="checkbox"] {
    display: none;
    width: 20px;
    height: 20px;
    outline: none;
    margin: 0;
}

.check_list input[type="checkbox"] + label span {
    display: inline-block;
    margin-right: 4px;
    width: 20px;
    height: 20px;
    background: url(img/ico_check_on_off2.png) 0 0 no-repeat;
    background-size: cover;
    cursor: pointer;
}

.check_list input[type="checkbox"]:checked + label span {
    background: url(img/ico_check_on_off2.png) 0 0 no-repeat center;
    background-position: left bottom;
}

.check_list label em {
    position: relative;
    top: -5px;
    font-style: normal;
    font-size: 15px;
    font-weight: 400;
    color: #333;
}

.check_list .area_text {
    display: block;
    width: 100%;
    height: 100px;
}

.check_list .area_text textarea {
    padding: 10px;
    font-size: 14px;
    font-weight: 500;
    color: #333;
    line-height: 1.4em;
    word-break: keep-all;
    width: 100%;
    height: 100%;
    border: 1px solid #eee;
    box-sizing: border-box;
    outline: none;
    resize: none;
}



/*포인트 충전하기*/
#my_income {
    padding: 20px;
    margin: 40px 0 0;
}
#my_income header{
    text-align: center;
}
#my_income header h4,
.sugVer header h4 {
    font-size: 1.6em;
    color: #555;
    font-weight: 500
}

#my_income header p.tot_price,
.sugVer header p.tot_price {
    font-size: 3.5em;
    font-weight: 500;
    color: #4784e8;
    line-height: 1.20em
}

#my_income header p.tot_price span {
    font-size: .45em;
}

#my_income header p.tot_price span.account,
.sugVer header p.tot_price span.account {
    background: #4784e8;
    border-radius: 5px;
    text-align: center;
    padding: 5px 9px;
    margin: 0 0 0 10px;
    font-size: .32em;
    vertical-align: middle
}

#my_income header p.tot_price span.account a,
.sugVer header p.tot_price span.account a {
    color: #fff !important;
}

#my_income .income_list {
    margin: 30px 0 0
}

#my_income .income_list h4 {
    font-size: 1.3em;
    color: #555;
    font-weight: 500;
    margin: 0 0 27px;
    line-height: 1.4
}

#my_income .income_list h4 span {
    font-size: .75em;
    opacity: .7;
    display: block;
    margin: 0;
}

#my_income .income_list .account a {
    display: inline-block;
    background: #bebebe;
    border-radius: 5px;
    text-align: center;
    padding: 5px 14px;
    vertical-align: middle
}

#my_income button {
    background: #4784e8;
    padding: 15px 30px;
    font-size: 1.50em;
    border: 0 !important;
    /* box-shadow: 0 3px 6px 0 rgb(238 78 71 / 20%); */
    color: #fff;
    transition: all 0.5s;
}

#my_income input[type="text"]{
/*    width: 100%;*/
    border: 1px solid #f1f1f1;
    background: #fff;
    height: 50px;
    line-height: 50px;
    padding-left: 7px;
    font-size: 0.9em;
}

#my_income .withdraw_appli dt{
    font-size: 1.3em;
    font-weight: 400;
}

#my_income .howorder h3{
    font-size: 1.3em;
    font-weight: 400;
}

#my_income .howorder label{
    margin: 4px 0 0;
    font-weight: 400;
}


#register_type_form{
	width: 94%;
    margin: 20px auto;
}
#register_type_form .title_wrap{
	text-align: center;
}
#register_type_form .register_type{
	margin: 20px 0;
}
#register_type_form .register_type .btn_box{
	display: block;
	padding: 15px 5%;;
	background: #fff;
	margin: 0 0 10px;
	border-radius: 5px;
	color: #666;
	border: 1px solid #ccc;
}
#register_type_form .register_type .btn_box.on{
	border: 1px solid #026eb7;
}
#register_type_form .register_type .btn_box h3{
	font-size: 1.1em;
	font-weight: 500;
/*	color: #026eb7;*/
	margin: 0 0 5px;
}
#register_type_form .register_type .btn_box p{
	font-size: 13px;
	font-weight: 400;
	color: #999;
}
.point{
	color: #026eb7;
}

#starbucks_modal{}
#starbucks_modal .modal-title{
	text-align: center;
	font-size: 1.2em;
}
#starbucks_modal .modal-body{
	display: flex;
	justify-content: space-between;
	align-items: center;
}
#starbucks_modal .modal-body input[type="number"]{
	width: 100%;
	border: 1px solid #ccc;
	border-radius: 5px;
	padding: 5px;
}
#starbucks_modal .modal-body input[type="number"]::placeholder{
	color: #aaa;
	text-align: center;
}
#starbucks_modal .modal-footer button{
    width: 100%;
    background: #4364d8;
    border-radius: 5px;
    color: #fff;
    font-size: 1em;
    border: 0;
    margin: 0;
    line-height: 45px;
    text-align: center;
}