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


/* member/mem_search.php */
.search-mem {
    margin-top: 4rem; 
}
.search-mem .search__top, .search-mem .search__top tbody, .search-mem .search__top tr, .search-mem .search__top td { 
    display: block; 
}
.search-mem .search__top {
    padding: 0 2rem; width: 100%; overflow: hidden;
}
.search__top tbody {
    text-align: center;
}
.search-mem .search__top tr {
    max-width: 50rem; margin: 0 auto; 
}
.search-mem .search__top input, .search-mem .search__top select, .search-mem .search__top button {
    display: block; float: left; box-sizing: border-box;height: 30px; line-height: 1.75rem; 
}
.search-mem .search__top input, .search-mem .search__top select {
    margin-right: 5px;
}
.search-mem .search__top select, .search-mem .search__top button {
    width: 70px; 
}
.search-mem .search__top input {
    width: calc(100% - 245px); padding-left: 5px; 
}
.search-mem .select__box:first-of-type {
    width: 90px; 
}
.search-mem .select__box {
    border: 1px solid #000; font-size: 0.8125rem; letter-spacing: -0.065em; color: #222; padding-left: 9px; background: url(/KOR/image/sub/select_arrow.png) no-repeat right 9px top 50%; background-size: 11px auto; 
}
.search-mem .search__btn {
    border: 1px solid #0075e2; background: #0075e2; color: #fff; font-size: 0.8125rem; letter-spacing: -0.065em; font-weight: 500;
}
.search-mem__info .check-list li {
    background-position: left top 5px; margin-bottom: 7px; 
}
.search-mem .search__view {
    width: 100%; overflow: hidden; box-sizing: border-box; border-top: 1px solid #0f385e; margin-top: 15px; table-layout: fixed;
}
.search-mem .search__view tr td, .search-mem .search__view tr th {
    padding-top: 14px; padding-bottom: 14px; border-bottom: 1px solid #cdcdcd; font-size: 0.9375rem; letter-spacing: -0.045em; color: #222;
}
.search-mem .search__view tr td span {
    display: block; margin-top: 26px; 
}
.search-mem .search__view thead td {
    background: #f5f5f5; text-align: center; font-weight: 500; letter-spacing: -0.065em; 
}
.search-mem .no-member {
    text-align: center;
}
.search-mem .search__view tr .td:nth-of-type(3), .search-mem .search__view tr.td:nth-of-type(4) {
    width: 0;
}

/* mypage.php */
.info__tb {width: 100%; overflow: hidden; box-sizing: border-box; table-layout: fixed; font-size: 1.4rem;}
.info__tb th, .info__tb td {padding: 1rem 0; text-align: center; padding-bottom: 1rem,; border-bottom: 1px solid #cdcdcd; color: #222; letter-spacing: -0.065em; box-sizing: border-box; vertical-align: middle;line-height: 1.2; }
.info__tb td {text-align: left ;}
.info__tb td {padding-left:1rem; padding-right: 1rem;}
.info__tb th span { font-weight: 500; color: #0075e2;}
.info__tb .info__tit { border-top: 1px solid #0f385e; border-bottom: 1px solid #cdcdcd; font-weight: 500; background: #e9e9e9;}
.info__tb .info__tit--left {border-right: 1px solid #cdcdcd; }
.info__tb .info__sub-tit { border-right: 1px solid #cdcdcd; background: #f5f5f5; font-weight: 500;  /* padding-left: 2rem; padding-right: 1rem;  */}
.info__tb .info__sub-tit i {color: #666; }
.info__tb .info-sex input[type="radio"] {margin-top: 0; vertical-align: middle;}
.info__tb .info-sex label {vertical-align: middle; font-weight: 500;}
.info__tb .info-sex label:first-of-type { margin-right: .5rem;}
.info__tb input, .info__tb select { height: 3rem; border: 1px solid #cdcdcd; line-height:2.8rem; font-size:1.3rem; color: #222; letter-spacing: -0.065em; vertical-align: middle;}
.info__tb input { padding: 0 0.4rem; }
.info__tb input.input-area01 {width:100%;}
.info__tb select { padding: 0 4rem 0 1rem; border: 1px solid #000; background: url(/KOR/image/sub/select_arrow.png) no-repeat right 1rem center; background-size: 1.1rem auto;  }
.info__tb .input-post {width: 8rem;}
.info__tb .btn-search {border: 0; background: #444; color: #fff; font-size: 1.4rem; font-weight: 500; line-height: 3rem; height: 3rem; display: inline-block; box-sizing:border-box; vertical-align: middle;  width: 10rem; padding: 0; text-align: center; margin-left:.3rem;}
.info__tb .info__input>span {display: block; margin-bottom: .5rem; }
.info__tb .input-addr { width: 20rem; margin-right:.3rem; }
.info__tb .input-addr:last-of-type {margin-top: 0.5rem;}
.info__tb .info__input>label {vertical-align: text-bottom; margin-left: .3rem;}

.join-info {border-bottom: 1px solid #ddd; padding: 0 0 1rem; margin-bottom:2.4rem ;}
.myinfo__form .btn-apply button{ width:41%; margin-right: 2%; -webkit-box-sizing: border-box; box-sizing: border-box;font-size: 1.5rem;}
.myinfo__form .btn-apply button:last-of-type {margin-right: 0;}

.join-info .info__tit { margin-bottom: 0.6rem; font-size: 1.6rem; font-weight: 700; letter-spacing: -0.065em; color: #0075e2; position: relative; }

.info__tit.member_normal {line-height: 2.2rem; }

.join-info .info__cont {font-size: 1.4rem; line-height: 2.2rem; color: #222; }
.join-info .info__cont .dues__list {margin: 1rem 0 1.5rem; width: 100%; overflow: hidden; table-layout: fixed; border-top: 2px solid #0075e2; }
.join-info .info__cont .dues__list tr th:first-child,
.join-info .info__cont .dues__list tr th:nth-child(2),
.join-info .info__cont .dues__list tr th:nth-child(3) {border-right: 1px solid #ddd;}

.join-info .info__cont .dues__list tr th, .join-info .info__cont .dues__list tr td {padding:.4rem; font-size: 1.4rem; vertical-align: middle;border-bottom: 1px solid #ddd;}
.join-info .info__cont .dues__list tr th { font-weight: 700; color: #222; background: #f5f5f5;}
.join-info .info__cont .dues__list tr td {border-right: 1px solid #ddd;  text-align: center;}
.join-info .info__cont .dues__list tr td:last-of-type {border-right: 0;}
.dues__list.member_normal tr td:last-of-type {text-align: left;}
.dues__list.member_normal tr td:last-of-type span { display: block; }

.join-info .info__cont .sub-info .sub-info__tit {font-weight: 700; color: #000;}
.join-info .info__cont .sub-info ul {width: 100%; overflow: hidden; padding: .8rem 0 0;}
.join-info .info__cont .sub-info ul li,
.join-info .info__cont .list-st {
    margin: 0 0.3rem; position: relative; padding: 0 0 0 1rem; 
}
.join-info .info__cont .sub-info ul li::before,
.join-info .info__cont .list-st::before {
    content: '';
    display: block;
    width: 3px;
    height: 3px;
    background: #0075e2;
    position: absolute;
    left: 0;
    top: 50%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
    -moz-transform: translateY(-50%);
    -ms-transform: translateY(-50%);
    -o-transform: translateY(-50%);
}
.join-info .info__cont .bene__list {
    width: 100%; overflow: hidden; line-height: 2.6rem;
}
.join-info .info__cont .bene__list li span {
    display: inline-block; font-weight: 700; color: #999; margin: 0 .3rem 0 0;
}
.join-info .info__cont.join-mem .sub-info {
    float: left; width: calc(50% - 15px); margin: 0 0 4rem;
}
.join-info .info__cont.join-mem .sub-info:nth-child(2n+1) {
    margin: 0 3rem 4rem 0;
}
.join-info .info__cont.join-mem .sub-info:last-child {
    clear: both; width: 100%; margin: 0; 
}
.join-info .info__cont .mem__list {
    width: 100%; overflow: hidden; table-layout: fixed; margin: 3px 0 0;
}
.join-info .info__cont .mem__list tr td {
    border: 1px solid #ddd; padding: 5px 0 5px 8px;
}
.join-info .info__cont .mem__list tr td:nth-of-type(4n+1) {
    border-left: 0;
}
.join-info .info__cont .mem__list tr td:nth-of-type(3n) {
    border-right: 0;
}
.join-info .info__cont .mem__list tr:first-of-type td {
    border-top: 1px solid #0075e2; 
}
.join-info.join-info04 {
    border-bottom: 0; 
}
.app__btn {
    display: block;
    width: 30rem;
    height: 4.6rem;
    line-height: 4.4rem;
    text-align: center;
    margin: 2rem auto 0;
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: -0.045rem;
    color: #fff;
    background: #0075e2;
    transition: all 0.25s;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -ms-transition: all 0.25s;
    -o-transition: all 0.25s;
}
.app__btn:hover {
    background: #444;
}
.join-info .info__cont .list-st {
    display: block; text-align: left; 
}
.join-info .info__cont .list-st:last-of-type {
    margin: 0;
}
.join-info .info__cont .dues__list.support tr td:last-of-type {
    padding: .4rem 0 .4rem 1rem;
}
.join-info .info__cont .mem__list {
    width: 100%; overflow: hidden; table-layout: fixed;
}
.join-info .info__cont .mem__list.support tr td {
    padding-left: 2.5rem;
}
.join-info .info__cont .mem__list.support tr td:nth-of-type(2n) {
    border-right: 0;
}
/* mem_search.php */

.mem__search {font-size: 1.5rem;}
.mem__search .sub__cmn__blue-tit {margin-bottom: 1rem;}

.apply__wrap.photo-ex dl dd.mem-search__txt {
    padding: 0;
}
.mem-search__cont {
    padding: 4rem 0 0;
}
.bbs-board-tb {
    width: 100%; overflow: hidden; table-layout: fixed;
}
.bbs-board-tb.search__top {padding:0 4.4%; text-align: center; margin: 0 0 1.5rem;}
.bbs-board-tb.search__top select, .bbs-board-tb.search__top input, .bbs-board-tb.search__top button {
    display: inline-block; vertical-align: middle; height: 3rem; line-height: 2.8rem ; margin: 0; box-sizing: border-box; letter-spacing: -0.065em; padding: 0;}
.bbs-board-tb.search__top .select__box {
    width: 20%; border: 1px solid #000; color: #222; font-size: 1.3rem; background: url(/KOR/image/sub/select_arrow.png) no-repeat right 1rem top 50%; background-size: 1rem auto; padding-left: .9rem; -webkit-box-sizing: border-box; box-sizing: border-box; }
.bbs-board-tb.search__top .search__textarea {width: 62.6%;margin:0.3%; border: 1px solid #ccc; padding: 0 1rem; -webkit-box-sizing: border-box; box-sizing: border-box;}
.bbs-board-tb.search__top .search__btn { width: 14.7%; height: 3rem; text-align: center; font-size: 1.4rem; font-weight: 500; color: #fff; border: 1px solid #0075e2; background: #0075e2; }

.bbs-board-tb  tr th {padding:1.5rem 0 1.5rem 2rem;  background: #f5f5f5; border-top: 1px solid #0f385e; border-bottom: 1px solid #cdcdcd; text-align: left; vertical-align: middle; font-size: 1.5rem; font-weight: 500; letter-spacing: -0.065em; color: #222;
}
.bbs-board-tb  tr td {padding:1.5rem 0 1.5rem 2rem; border-bottom: 1px solid #cdcdcd;text-align: left; font-size: 1.5rem; letter-spacing: -0.045em; color: #222;vertical-align: middle;}


.bbs-board-tb tr .phone {position: relative; display: block;margin-top: 2.6rem; font-size: 1.4rem;}
.bbs-board-tb tr .phone:before { content:''; position: absolute; top:50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); right:0; width:1px; height: 1.4rem; background: #ddd; }
.bbs-board-tb tr .email { display: block;margin-top: 2.6rem;font-size: 1.4rem;}
.bbs-board-tb tr td.date {width: calc(100% - 900px);}
.bbs-board-tb tr .pos-wrap {position: relative;}
.bbs-board-tb tr .position {position: absolute; left:2rem;top:1.6rem;}
.bbs-board-tb tr td.no-member {text-align: center;font-size: 1.5rem;}

/* mypage.php */
/* 삭제 가능 */
.join_input {
    width: 100%; overflow: hidden; 
}
.join_input tr th, .join_input tr td {
    text-align: left; border-bottom: 1px solid #cdcdcd; vertical-align: middle; padding: 12px 0; letter-spacing: -0.065em; color: #222; 
}
.join_input tr:first-of-type th, .join_input tr:first-of-type td {
    border-top: 1px solid #0f385e;
}
.join_input tr th.subject01 {
    background: #a1a1a1; font-size: 16px; width: 150px; border-right: 1px solid #cdcdcd; font-weight: 500; padding: 12px 0 12px 25px; line-height: 1.2; color: #fff;
}
.join_input tr th.subject02 {
    background: #f5f5f5; font-size: 15px; width: 200px; border-right: 1px solid #f5f5f5; font-weight: 500; padding: 12px 0 12px 15px;
}
.join_input tr th.subject03 {
    background: #f5f5f5; font-size: 15px; width: 200px; border-right: 1px solid #f5f5f5; padding: 12px 0 12px 15px; border-left: 1px solid #cdcdcd;
}
.join_input tr th.subject02 span, .join_input tr th.subject03 span {
    color: #0075e2; font-weight: 700;
}
.join_input tr td {
    padding: 12px 0 12px 15px; width: 325px;  
}
/* 삭제 가능 */


/* login.php */
.login__wrap { width: 100%; overflow: hidden; border: 1px solid #ccc; padding:5.4rem 0 4rem;}
.login__wrap .login__inner { width:86%; margin: 0 auto; }
.login__wrap .login__tit {font-size: 1.8rem; font-weight: 700; letter-spacing: -0.065em; color: #222; margin: 0 0 2rem;}
.login-select__btn {margin-bottom: 1.2rem;}
.login__wrap .login-select__btn button {float: left; display: block; width: 48.5%; height: 3.5rem; line-height: 3.3rem; text-align: center; border: 0; background: #f5f5f5; font-size: 1.4rem; font-weight: 700; color: #777; margin-right:3%;}

.login__wrap .login-select__btn button:last-child {margin-right: 0; color: #0075e2;}
.login__wrap .login__cont {padding: 0 0 2rem; border-bottom: 1px solid #e5e5e5;}
.login__wrap .login__cont .login--left {
  float:left;padding-right: 1rem; width: 74%;overflow: hidden; position: relative;-webkit-box-sizing: border-box; box-sizing: border-box;}
.login__wrap .login__cont .login--left input {display: block; width:100%; height: 5rem; border: 1px solid #ccc; margin: 0 0 .5rem; line-height: 4.8rem; padding: 0 0 0 1.6rem; font-size: 1.4rem; color: #6a6a6a;}.login__wrap .login__cont .login--left input:nth-of-type(2) {margin: 0;}
.login__wrap .login__cont .login--left input::placeholder {font-size: 1.4rem; color:#6a6a6a;}
.login__wrap .login__cont .login--right { float: right; display: block; width: 26%; height: 10.5rem; line-height: 10.5rem; text-align: center; border: 0; background: #0075e2; color: #fff; font-size: 1.5rem; font-weight: 700; } 
.login__wrap .go__btn {text-align: right; }
.login__wrap .go__btn a {display: inline-block;position: relative;padding:0 1rem; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.065em; color: #777;height: 4.3rem; line-height: 4.3rem;  }
.login__wrap .go__btn a:last-child {padding-right:0;}
.login__wrap .go__btn a.go-idpw::after { content: ''; position: absolute; width: 1px; height: 1.4rem; background: #b4b4b4; right: 0; top: 50%; transform:translateY(-50%); -webkit-transform:translateY(-50%); -moz-transform:translateY(-50%); -ms-transform:translateY(-50%); -o-transform:translateY(-50%); }

/* idpw.php */
.login__wrap .login__cont.idpw__cont { padding: 0; border: 0;}
.login__wrap.idpw {width:100%; }
.login__wrap.idpw:first-of-type {  margin: 0  0 3rem;}


.login__wrap .login__tit i {
  display: block; font-size: 14px; letter-spacing: -0.065em; line-height: 18px; color: #555; margin: 10px 0 0; word-break: keep-all; font-weight: 400;
}
.login__wrap .login--left.idpw__pw input.id, .login__wrap .login--left.idpw__pw input.name {
  width: calc(50% - 3px);
}
.login__wrap .login--left.idpw__pw input.id {
  float: left; 
}
.login__wrap .login--left.idpw__pw input.name {
  float: right; 
}
.login__wrap .login--left.idpw__pw input.email {
  clear: both; 
}
.login__wrap.idpw .login--left {
  width: 100%; float: none; 
}
.login__wrap.idpw .login--right {
  width: 100%; float: none; height: 45px; line-height: 45px; margin: 10px 0 0;
}

/* join_agree.php */
.login__wrap.join {
    border: 0; padding: 0;
}
.login__wrap.agree1 {
    margin: 0 0 30px;
}
.login__wrap.join .login__inner {
    width: 100%; 
}
.login__wrap.join .login__cont {
    padding: 0 0 30px;
}
.login__wrap.agree2 .login__cont {
    border: 0;
}
.login__wrap.join .login__tit {
    margin: 0 0 15px;
}
.login__wrap.join .textarea {
    display: block; width: 100%; height: 200px; font-size: 14px; line-height: 1.6; box-sizing: border-box; padding: 10px 15px; font-family: 'Lato', 'NotoSans', 'sans-serif'; border: 1px solid #ddd;
}
.login__wrap.join .check-btn {
    text-align: right; vertical-align: middle; margin: 10px 0 0;
}
.login__wrap.join .check-btn input {
    width: 14px; height: 14px; vertical-align: middle; margin: 0; box-sizing: border-box;
}
.login__wrap.join .check-btn label {
    padding: 0 0 0 3px; font-size: 15px; color: #222; letter-spacing: -0.065em; vertical-align: middle;
}
.join .join__btn {margin-top: 2rem;}
.join__btn {text-align: center; }
.join__btn button , .join__btn a {
    display: inline-block;
    width: 15rem;
    height: 4.6rem;
    line-height: 4.4rem;
    border: 1px solid #ccc;
    background: #f5f5f5;
    text-align: center;
    font-size: 1.5rem;
    font-weight: 500;
    letter-spacing: -0.045rem;
    color: #444;
    box-sizing: border-box;
    transition: all 0.25s;
    -webkit-transition: all 0.25s;
    -moz-transition: all 0.25s;
    -ms-transition: all 0.25s;
    -o-transition: all 0.25s;
    vertical-align: middle;
}
.join__btn .btn-submit {
    background: #0075e2; color: #fff; border-color: #0075e2;
}
.join__btn {margin-top: 2rem;}
/* join_ok.php */
.join_ok {
    width:100%; margin:0 auto; text-align: center; padding: 3rem 5rem; border: 5px solid #ddd; -webkit-box-sizing: border-box;box-sizing: border-box;
}
.join_ok p {
    font-size: 2rem; letter-spacing: -0.045em; color: #222;
}
.join_ok i {
    display: block; font-size: 1.4rem; line-height: 1.8rem; letter-spacing: -0.045em; font-weight: 500; color: #777; margin: 1.4rem 0 0; padding: 0 0 2rem; border-bottom: 1px solid #ddd;
}
.join_ok .ok_btn {
    display: block; width: 12rem; text-align: center; height: 4.5rem; line-height: 4.3rem; font-size: 1.5rem; font-weight: 500; color: #fff; background: #0075e2; border: 1px solid #0075e2; margin: 2rem auto 0;
}


/* mypage.php */

.myinfo {
    width: 100%; overflow: hidden; 
}
.myinfo  .pay-fee em {display: inline-block;margin-left: 0.2rem; color:#ff0000;font-weight: 500;}
.myinfo tr th {background: #f5f5f5;border-right:1px solid #ddd;}
.myinfo tr th:last-child {border-right: 0;}
.myinfo tr th, .myinfo tr td {
    border-bottom: 1px solid #cdcdcd; vertical-align: middle; letter-spacing: -0.065em; color: #222; text-align: left;
}
.myinfo tr th i {
    font-size: 13px; letter-spacing: -0.065em; padding: 0 0 0 2px; 
}
.myinfo tr:first-of-type th, .myinfo tr:first-of-type td {
    border-top: 1px solid #0f385e; 
}
.myinfo .kind {
    background: #e9e9e9; font-size: 1.4rem; font-weight: 300; padding:.6rem 1rem ; line-height: 1.2; color: #222; letter-spacing: -0.045em; white-space: nowrap;
}
.myinfo .tit_left, .myinfo .tit_right {
    background: #f5f5f5; font-size: 1.4rem; border-left: 1px solid #cdcdcd; font-weight: 500; padding: .8rem 1.2rem; 
}
.myinfo.info-com .tit_left {
    border-left: 0; line-height: 1.2;
}
.myinfo .tit_right {
    border-left: 1px solid #cdcdcd;
}
.myinfo .kind span, .myinfo .tit_left span, .myinfo .tit_right span {
    color: #0075e2; font-weight: 700;
}
.myinfo tr td {
    padding: .8rem 1rem; font-size: 14px; color: #222; border-left: 1px solid #cdcdcd; 
}
.myinfo .tit_related {
    padding: 0; height: 49px; line-height: 49px; 
}
.myinfo .tit_related span {
    display: block; height: 100%; float: left; width: 33.333%; 
}
.myinfo .tit_related label {
    display: block; float: left; font-size: 15px; font-weight: 500; padding: 0 15px; height: 100%; background: #f5f5f5; margin-right: 15px; border-right: 1px solid #cdcdcd; border-left: 1px solid #cdcdcd; 
}
.myinfo .tit_related span:first-of-type label {
    border-left: 0;
}
.myinfo .tit_related select {
    margin-right: 20px; 
}
.myinfo select, .myinfo input, .myinfo button {
    height: 28px; line-height: 26px; font-size: 14px; color: #222; letter-spacing: -0.045em; vertical-align: middle;
}
.myinfo select {
    padding: 0 30px 0 10px; background: url(/KOR/image/sub/select_arrow.png) no-repeat right 10px center; background-size: 10px auto;
}
.myinfo input {
    padding: 0 10px;
}
.myinfo input[type="radio"] {
    margin: 0;
}
.myinfo label {
    vertical-align: middle; margin-right: 15px; 
}
.myinfo .input_txt {
    width: 18rem; 
}
.myinfo .id_input {width:12rem;}
.myinfo .input_addr {
    display: block; width: 500px; 
}
.myinfo .input_addr:first-of-type {
    margin-bottom: 5px; 
}
.myinfo .input_date {
    width: 80px; text-align: right;
}
.myinfo .input_paper {
    width: 500px; 
}
.myinfo .btn_search {
    padding:0 .8rem  ; margin: 0 0 0 .3rem;font-size: 1.4rem; box-sizing: border-box; border: 0;/*  width: 110px; */ height: 28px; line-height: 28px; background: #545454; letter-spacing: -0.065em; text-align: center; color: #fff; vertical-align: middle; 
}
.signature {text-align: center; padding: 3rem 1.4rem;font-size: 1.4rem; border: 1px solid #0f385e; line-height: 2rem; margin: 1rem 0 0;}
.signature img { display: block; margin: 1.5rem auto 0; max-width: 100%; }
.required {margin: 0 0 1rem;line-height: 1.8rem; font-size: 1.4rem; font-weight: 500; letter-spacing: -0.045em; color: #222; padding: 0 0 0 .5rem;}
.required span {color: #0075e2; margin-right: .2rem;}


/* myout.php */
.myout { 
    width: 100%; overflow: hidden; margin: 0 auto; table-layout: fixed; border-top: 1px solid #0f385e;
}
.myout th {
    width: 10rem; background: #f5f5f5; font-size: 1.5rem; font-weight: 500; color: #222; letter-spacing: -0.045em; padding: 1.5rem 0 1.5rem 1.5rem; text-align: left; vertical-align: middle;
}
.myout th span {
    color: #0075e2; font-weight: 700;
}
.myout th, .myout td {
    border-bottom: 1px solid #cdcdcd;
}
.myout td {padding: 1rem 0 1rem 1rem;}
.myout td input, .myout td textarea { display: block; width: 100%; font-size: 1.4rem; letter-spacing: -0.065em; color: #222; border: 1px solid #ddd;}
.myout td input {height: 3.4rem; line-height: 3.2rem; padding-left: 1rem; }
.myout td textarea {overflow-y: auto; padding: .4rem;}

.book__apply.apply-detail table tr th {
    padding-top: 10px; padding-bottom: 10px; 
}
.book__apply.apply-detail table {
    
}

.app-details-info {padding:1.5rem 0; border-bottom:1px solid #ccc;}
.app-details-info:first-of-type {border-top:1px solid #333;}
.app-details-info li {position: relative; font-size: 1.5rem; line-height: 3rem; font-weight: 400;}
.app-details-info li span {font-weight: 500;}
.app-details-info li strong {position: absolute; right:0; color:#222;}
.app-details-info li .btn-print , .app-details-info .btn-detail  {display: inline-block; padding:0 1rem;background: #444; font-size: 1.4rem; height:2.6rem; line-height: 2.4rem;color: #fff;}
.app-details-info .btn-print {display: inline-block; padding:0 .6rem;background: #444; font-size: 1.3rem; height:2.6rem; line-height: 2.4rem;color: #fff;}
.app-details-info li .status {color:#0075e2;}
.app-deatail .app__none {margin-top: 1rem; padding:1.2rem 0; border-width:1px 0 0 0; border-style:solid; border-color:#ddd; font-size: 1.5rem; text-align:center;}

.member-pay__pg {padding-bottom: 5rem;}
.sub__cmn-tb.member__pay th ,.sub__cmn-tb.member__pay td {border-right: 0;}
.member-pay__pg .select-app {padding-left: 4.4%;margin-bottom: .8rem; }
.member-pay__pg .select-app select{margin-left: .8rem;}
.member-pay__pg i {color: #222;}