.join-wrap .subHeader {text-align:center; border-bottom:1px solid #ccc; display:flex; justify-content:space-between;}
.join-wrap .subHeader .btnBack {display:inline-flex; width:56px; height:50px; background:url('../../images/mobile/icon/btn_h_bak.png') no-repeat center center / 24px 24px;}
.join-wrap .txtHide {font-size:0; line-height:0; overflow:hidden; text-indent:-9999px;}
.join-wrap .utillMenu {display:inline-flex;}
.join-wrap .subHeader h1 {font-size:16px; font-weight:700; display:inline-flex; align-items:center;}
.join-wrap .joinGreetings {font-size:18px; color:#4700e0; font-weight:bold;}
.join-wrap .subSection1 {padding:21px 16px 40px;}
.join-wrap .font13 {font-size:13px; color:#101010}
.join-wrap .fcPurple {color:#796adb !important;}
.join-wrap .lastReservConfirm {border-radius:8px; background:#f9f9f9; border:1px solid #ccc; padding:20px;}
.join-wrap .title01 {color:#666; font-weight:400; font-size:12px; padding-bottom:9px;}
.join-wrap .title02 {color:#101010; font-weight:400; font-size:12px; padding-bottom:9px;}
.join-wrap .title03 {color:#101010; font-weight:700; font-size:16px; padding-bottom:15px; padding-left:18px; background:url('../../images/mobile/icon/bg_ico_tit01.png') no-repeat 0 6px / 12px 12px;}
.join-wrap .title04 {color:#101010; font-weight:400; font-size:14px; padding-bottom:9px;}
.join-wrap .wtBold {font-weight:bold !important;}
.join-wrap .btnTy_w {display: inline-flex;text-align: center;font-size: 12px;color: #666;border: 1px solid #ccc;border-radius: 4px;align-items: center;justify-content: center;padding: 8px 12px;background: #fff;}
.join-wrap .subMenu ul li .chkBox1 {display:flex; padding:12px 0 12px 16px; position:relative; border-radius:8px; border:1px solid #ccc; font-size:15px; color:#101010;}
.join-wrap .subMenu ul li .chkBox1:after {content:''; position:absolute; right:16px; top:11px; width:24px; height:24px; background:url('../../images/mobile/icon/icon_arrow_right.png') no-repeat 0 0 / cover;}
.join-wrap .subMenu ul li .chkBox1 p {padding-left:16px;}
.join-wrap .joinTermsDiv .subMenu ul .arrowRight {position:relative; right:12px; width:24px; height:24px;     margin:auto;background:url('../../images/mobile/icon/icon_arrow_right.png') no-repeat 0 0 / cover;}
.join-wrap .fcBlue {color:#4700e0 !important;}
.join-wrap .joinTermsDiv li {border-radius:8px; border:1px solid #ccc; display:flex;}
.join-wrap .joinTermsDiv li div:first-child {height:fit-content; width:fit-content; margin:12px 16px;}
.join-wrap .joinTermsDiv li div:last-child {display:flex; width:calc(100%);}
.join-wrap .joinTermsDiv .subMenu ul li .chkBox1 {border:none; padding:0px;margin:auto;}
.join-wrap .joinTermsDiv .subMenu ul li p { margin:auto 0px; width:calc(100%);}
.join-wrap .joinTermsDiv .subMenu ul .arrowRight {position:relative; right:12px; width:24px; height:24px;     margin:auto;background:url('../../images/mobile/icon/icon_arrow_right.png') no-repeat 0 0 / cover;}
.join-wrap .joinTermsDiv .subMenu ul li .chkBox1:after {display:none;}
.join-wrap .subMenu ul li + li {margin-top:8px;}
.join-wrap .btnFlex {display:flex; justify-content:space-between; margin-top:12px;}
.join-wrap .btnTy2 {display:flex; color:#fff; font-weight:700; font-size:16px; height:52px; background:#4700e0; align-items:center; justify-content:center; border-radius:4px;}
.join-wrap .btnDisabled {background-color: #666666; cursor: not-allowed; pointer-events:painted; }
.join-wrap .bold {font-weight: bold;}
.join-wrap .fullTextPage {padding: 16px 16px 0; color:#666666; font-size:12px;}
.join-wrap .fullTextPage > *, .fullTextPage > ul li {margin-bottom: 16px;}

.join-wrap .noBorders {border: none;}
.join-wrap .title03.noBorders { color:#666; font-weight:400; font-size:12px; padding-bottom:9px; border: none;} 
.join-wrap .termAgreeBox {border:1px solid #ccc; border-radius:4px; background:#f9f9f9; padding:17px 20px; margin-top:22px;}
.join-wrap .termAgreeBox dl {padding-top:16px;}
.join-wrap .termAgreeBox dl dt {font-weight:700; font-size:14px;}
.join-wrap .termAgreeBox dl dd {font-size:14px; padding-top:3px;}
.join-wrap .termAgreeBox dl + dl {padding-top:10px;}
.join-wrap .articles, .listItemTitle {color: #101010; font-size: 12px;}
.join-wrap .groupedList > li {line-height: 0;}
.join-wrap .groupedListWide > li {margin-bottom:0 !important; line-height:1.5;}
.join-wrap .listItemTitle {color: #101010;}
.join-wrap .longItem > * {margin-bottom: 16px;}
.join-wrap .listField {height:30px; margin-right: 12px; color: #101010; float:left;}
.join-wrap .groupedList p {margin-bottom: 8px;}
.join-wrap .groupedListItem p {margin-bottom: 0; line-height: 1.5;}
.join-wrap .imageDisplay {width: 100%; height: auto;}
.join-wrap .infoTable {width: 100%; table-layout: fixed; border-collapse: collapse;}
.join-wrap .infoTable, .middleRow {border-top: solid 1px #cccccc; border-bottom: solid 1px #cccccc;}
.join-wrap .middleColumn, .middleColumn {border-left: solid 1px #cccccc; border-right: solid 1px #cccccc;}
.join-wrap .infoTableRow th {height: 45px; background-color: #f4f4f4; color: #101010;}
.join-wrap .infoTableRow td {width: 120px; height: 60px; padding: 0 0 20px 12px; word-wrap: break-word;}
.join-wrap .showText, .hideText, .closeText {background-color: #fff; text-decoration: underline;}
.join-wrap .showText {color: #796adb;}
.join-wrap .dpNone {display:none !important;}
.join-wrap .contact > .groupedList {margin-top: 10px;}

.join-wrap .lineBreak::before {display: inline-block; content: ""; border-top: 1px solid #cccccc; width: 100%;}
.join-wrap .textAfterLine {margin-top: 1rem;}

.join-wrap .noteBoard ul li {color:#666666; font-size:12px; line-height:1.33; word-break:keep-all; padding-left:16px; background:url('../../images/mobile/icon/bg_ico_tit02.png') no-repeat 0 4px / 8px 8px;}
.join-wrap .noteBoard ul li + li {margin-top:6px;}
.join-wrap .joinDiv .title02 {padding-bottom:8px;}
.join-wrap .designSelect1 {display:inline-block; min-width:100%;}
.join-wrap .designSelect1 select {
	-webkit-appearance:none; 
	-moz-appearance:none; appearance:none; border:1px solid #ccc; 
	width:100%; height:40px; padding:0 32px 0 12px; font-size:15px; color:#666;
	background:#fff url('../../images/mobile/icon/bg_select_arr01.png') no-repeat 98% center / 24px 24px; 
	border-radius:4px;
}
.join-wrap .designSelect1 select::-ms-expand {display:none;}
.join-wrap .input01 {font-family:"Spoqa Han Sans Neo", sans-serif;font-weight:400;outline:0;background:#fff;border:1px solid #ccc;width:calc(100% - 34px);height:40px;line-height:40px;padding:0 12px;font-size:15px;color:#101010;border-radius:4px;}

.join-wrap .btnTy5 {display:inline-flex;text-align:center;font-size:12px;color:#666;border:1px solid #ccc;height:32px;width:72px;border-radius:4px;align-items:center;justify-content:center;background:#f9f9f9;padding: 0px 12.5px;}
.join-wrap .inputAndBtnDiv {background:#fff; border:1px solid #ccc; height:40px; border-radius:4px; display:flex; justify-content:center;}
.join-wrap .inputAndBtnDiv input {border:none;}
.join-wrap .inputAndBtnDiv a {margin:auto 1px;}
.join-wrap .txtPSt2 {font-size:12px; line-height:1.33; padding-top:6px; color:#666;}
.join-wrap .content01 {
	font-size: 14px;
    color: #101010;
    font-family: "Spoqa Han Sans Neo", sans-serif;
    font-weight: 400;
}

.join-wrap .rdoBox1 {position:relative; font-size:16px; line-height:16px; color:#101010;}
.join-wrap .rdoBox1 span {vertical-align:middle; line-height:16px; padding-left:3px;}
.join-wrap .rdoBox1 [type="radio"] {
	vertical-align:middle; appearance:none; 
	background:url('../../images/mobile/icon/bg_rdo.png') no-repeat center center / cover; 
	width:16px; height:16px;
    transition:background 0.5s ease-in-out; border:none; line-height:16px;
}
.join-wrap .rdoBox1 [type="radio"]:checked {background:url('../../images/mobile/icon/bg_rdo_on.png') no-repeat center center / cover; width:16px; height:16px;}
.join-wrap .rdoBox1 [type="radio"]:disabled {background-color:lightgray; box-shadow:none; opacity:0.7; cursor:not-allowed;}
.join-wrap .rdoBox1 [type="radio"]:disabled + span {opacity:0.7; cursor:not-allowed;}
.join-wrap .rdoBox1 + .rdoBox1  {padding-left:37px;}
.join-wrap .transparency {position:absolute; left:0; top:0; background:hsla(0,0%,0%,0.5); z-index:101; width:100%; height:1000%;}
.join-wrap .pop_layer {position:fixed; left:7%; top:50%; width:77%; margin-top:-130px; padding:24px 16px 16px 16px; z-index:101; background:#fff; border-radius:8px;}
.join-wrap .pop_layer .layer_close {width:40px; height:40px; position:absolute; right:0%; top:0px; margin:8px; background:url(../../images/mobile/icon/icon_close_sm.png) no-repeat; background-position:center;}
.join-wrap .pop_layer .divP {height:64px;}

.join-wrap .flexWithPDiv {height:40px; display:flex; justify-content:space-between;}
.join-wrap .flexWithPDiv input {flex:7;}
.join-wrap .flexWithPDiv .designSelect1 {flex:7; min-width:0%;}
.join-wrap .flexWithPDiv p {flex:1; margin:auto; text-align:right;}

.join-wrap .txtPSt4 {font-size:12px; line-height:1.3; letter-spacing:normal; color:#666; position:relative; padding-left:14px; word-break:keep-all;}
.join-wrap .txtPSt4:before {content:'-'; position:absolute; left:0; top:0; font-size:12px; color:#666;}
.join-wrap .joinComleteDiv .sComData table {border-top: 1px solid #ccc;} 
.join-wrap .joinComleteDiv .sComData td {vertical-align:top;} 

/* 게시판 */
.join-wrap .sComList table {width:100%; table-layout:fixed; border-top:1px solid #ccc;}
.join-wrap .sComList table thead th {font-size:12px; font-weight:700; background:#f5f5f5; padding:14px 0; border-bottom:1px solid #ccc;}
.join-wrap .sComList table tbody td {font-size:12px; padding:12px 0 11px; border-bottom:1px solid #ccc; text-align:center; line-height:1.58;}
.join-wrap .sComList table tbody .txtL {padding:12px 10px 11px;}
.join-wrap .sComData table {width:100%; table-layout:fixed; border-top:2px solid #4a506b;}
.join-wrap .sComData table thead th {font-size:12px; font-weight:700; line-height:1.58; background:#f5f5f5; padding:14px 0; border-bottom:1px solid #ccc; border-right:1px solid #ccc;}
.join-wrap .sComData table thead th:last-child {border-right:none;}
.join-wrap .sComData table tbody td {font-size:12px; padding:7px 0 5px; border-bottom:1px solid #ccc; text-align:center; line-height:1.58; border-right:1px solid #ccc;}
.join-wrap .sComData table tbody td:last-child {border-right:none;}
.join-wrap .sComData table tbody .txtL {padding:7px 10px 5px;}

.join-wrap hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1em 0;
    padding: 0;
}

.join-wrap [type="text"], 
.join-wrap [type="password"] { box-sizing:content-box; }