@charset "utf-8";
/* 팁가입 */
.page-contents .page-contents-container .page-contents-area .membership-application { background: #fff; width: 800px; margin: 0 auto; box-shadow: 0 10px 15px -5px rgba(0,0,0,0.05); border-top: 3px solid #D10026; }
.page-contents .page-contents-container .page-contents-area .membership-application .application-title { padding: 20px; font-size: 2.3rem; border-bottom: 1px solid #e5e5e5; }
.page-contents .page-contents-container .page-contents-area .membership-application .application-content { padding: 20px; }
.page-contents .page-contents-container .page-contents-area .membership-application .application-content .info-table-area { margin-bottom: 20px; }
.page-contents .page-contents-container .page-contents-area .membership-application .application-content .info-table-area:last-child { margin-bottom: 0; }
.page-contents .page-contents-container .page-contents-area .membership-application .application-content .info-table-area .table-title { font-size: 1.8rem; margin-bottom: 10px; }
.page-contents .page-contents-container .page-contents-area .membership-application .application-content .info-table-area table { width: 100%; font-size: 1.5rem; border: 1px solid #e5e5e5; }
.page-contents .page-contents-container .page-contents-area .membership-application .application-content .info-table-area table tbody tr { border-bottom: 1px solid #eee; }
.page-contents .page-contents-container .page-contents-area .membership-application .application-content .info-table-area table tbody tr th { padding: 15px; background: #f8f8f8; width: 20%; }
.page-contents .page-contents-container .page-contents-area .membership-application .application-content .info-table-area table tbody tr th.imp { font-weight: bold; }
.page-contents .page-contents-container .page-contents-area .membership-application .application-content .info-table-area table tbody tr td { padding: 15px; font-weight: 300; letter-spacing: 0; width: 30%; }
.page-contents .page-contents-container .page-contents-area .membership-application .application-content .info-table-area table tbody tr td .selectbox { width: 100%; }
.page-contents .page-contents-container .page-contents-area .membership-application .application-content .info-table-area table tbody tr td.imp { font-weight: 500; }
.page-contents .page-contents-container .page-contents-area .membership-application .application-content .info-table-area table tbody tr td input[type=text] { display: inline-block; border: 1px solid #e5e5e5; height: 40px; width: 100%; border-radius: 3px; vertical-align: middle; transition: background .25s ease; font-size: 1.4rem; padding: 0 10px; outline: 0; letter-spacing: 0; }
.page-contents .page-contents-container .page-contents-area .membership-application .application-content .info-table-area table tbody tr td input.unit-input { width: 80%; margin-right: 5px; }
.page-contents .page-contents-container .page-contents-area .membership-application .application-content .info-table-area table tbody tr td textarea { border: 1px solid #e5e5e5; height: 40px; width: 100%; border-radius: 3px; vertical-align: middle; transition: background .25s ease; font-size: 1.4rem; padding: 10px; outline: 0; letter-spacing: 0; resize: none; height: 150px; }

.page-contents .page-contents-container .page-contents-area .membership-application .application-content .info-table-area table tbody tr td .profile-image { overflow: hidden; }
.page-contents .page-contents-container .page-contents-area .membership-application .application-content .info-table-area table tbody tr td .profile-image .preview { width: 150px; height: 150px; background: #f8f8f8; border: 1px solid #e5e5e5; display: inline-block; vertical-align: top; overflow: hidden; float: left; }
.page-contents .page-contents-container .page-contents-area .membership-application .application-content .info-table-area table tbody tr td .profile-image .preview img { width: 100%; height: 100%; }
.page-contents .page-contents-container .page-contents-area .membership-application .application-content .info-table-area table tbody tr td .profile-image .upload { float: left; padding-left: 10px; width: calc(100% - 150px); }
.page-contents .page-contents-container .page-contents-area .membership-application .application-content .info-table-area table tbody tr td .profile-image .upload .upload-btn { height: 35px; padding: 0 20px; border-radius: 3px; border: none; outline: 0; font-size: 1.4rem; line-height: 35px; background: #D10026; color: #fff; }
.page-contents .page-contents-container .page-contents-area .membership-application .application-content .info-table-area table tbody tr td .profile-image .upload .info { font-size: 1.3rem; display: block; margin-top: 5px; color: #D10026; }

.page-contents .page-contents-container .page-contents-area .membership-application .btn-wrap { padding: 20px; text-align: right; }
.page-contents .page-contents-container .page-contents-area .membership-application .btn-wrap button { height: 40px; padding: 0 25px; border-radius: 3px; border: none; outline: 0; font-size: 1.5rem;  }
.page-contents .page-contents-container .page-contents-area .membership-application .btn-wrap button.application-btn { background: #D10026; color: #fff; margin-left: 4px; }