@charset "utf-8";
 /* 타이틀 */
 .nBsnsAppPage .ck_titArea {display:flex; justify-content:space-between; align-items:center}
 .nBsnsAppPage .ck_titArea:not(.nbsnsPage-1 > .ck_titArea) {margin-top:43px}
 .nBsnsAppPage .ck_titArea h5 {display:block; position:relative; padding-left:28px; line-height:30px; font-size:20px; letter-spacing:-0.03em; font-weight:700; color:#000}
 .nBsnsAppPage .ck_titArea h5:before {display:block; position:absolute; content:""; top:6px; left:0; width:16px; height:16px; border-radius:1px; background:linear-gradient(135deg, #4089cf 50%, #003b74 50%)}
 .nBsnsAppPage .ck_titArea h5:after {display:block; position:absolute; content:""; top:10px; left:4px; width:8px; height:8px; background:#fff}
 .nBsnsAppPage .ck_titArea .right p {line-height:24px; font-size:16px; letter-spacing:-0.03em; color:#666}
 .nBsnsAppPage .ck_subTit {display:flex; justify-content:space-between; align-items:flex-end; margin:26px 0 16px 28px}
 .nBsnsAppPage .ck_subTit .left {display:flex; flex-direction:column}
 .nBsnsAppPage .ck_subTit .left .leftFlex {display:flex; align-items:center; margin:10px 0 0 12px}
 .nBsnsAppPage .ck_subTit .left .leftFlex > * + * {margin-left:22px}
 .nBsnsAppPage .ck_subTit .left .txt {margin:10px 0 0 12px; display:block; line-height:26px; letter-spacing:-0.03em; font-size:16px; color:#cd4424; font-weight:700} 
 .nBsnsAppPage .ck_subTit .left .leftFlex .txt {margin:0}
 .nBsnsAppPage .ck_subTit h6 {position:relative; padding-left:15px; line-height:28px; font-size:18px; letter-spacing:-0.03em; font-weight:700; color:#004a98}
 .nBsnsAppPage .ck_subTit h6:before {display:block; position:absolute; content:""; top:9px; left:-0; width:10px; height:10px; border-radius:2px; background:linear-gradient(135deg, #4089cf 50%, #003b74 50%)}
 .nBsnsAppPage .ck_subTit .btnView {margin-left:10px; width:20px; height:28px; text-indent:-9999px; background:url("/images/contactkorea/frmt/nBsnsIco-arrow-L-on.png") no-repeat center}
 .nBsnsAppPage .ck_subTit .btnView.close {background-image:url("/images/contactkorea/frmt/nBsnsIco-arrow-L.png")}
 .nBsnsAppPage .ck_subTit.v2 .left {flex-direction:row; width:100%}
 .nBsnsAppPage .ck_subTit.v2 .left button {margin-left:auto}
 .nBsnsAppPage .ck_titArea.on {padding-top:194px}
 @media (max-width:1160px) {
   .nBsnsAppPage .ck_titArea {margin:30px 0 10px}
   .nBsnsAppPage .ck_titArea h5 {line-height:20px; font-size:18px}
   .nBsnsAppPage .ck_titArea h5:before {top:2px}
   .nBsnsAppPage .ck_titArea h5:after {top:6px}
 }
 @media (max-width:960px) {
   .nBsnsAppPage .ck_titArea {flex-direction:column; align-items:flex-start}
   .nBsnsAppPage .ck_titArea .left > * + * {margin-left:0}
   .nBsnsAppPage .ck_titArea .left.v2 {flex-direction:column; align-items:flex-start; width:100%}
   .nBsnsAppPage .ck_titArea .left.v2 .ck_link {margin:8px 0 8px auto}
   .nBsnsAppPage .ck_titArea .right {width:100%}
   .nBsnsAppPage .ck_titArea .right p {text-align:right; line-height:20px; font-size:14px}
   .nBsnsAppPage .ck_subTit {margin-left:0 !important}
 }
 @media (max-width:767px) {
   .nBsnsAppPage .ck_subTit.v2 {margin:15px 0 9px 28px}
   .nBsnsAppPage .ck_subTit h6 {line-height:22px; font-size:15px}
   .nBsnsAppPage .ck_subTit h6:before {top:6px}
   .nBsnsAppPage .ck_subTit .left .txt {margin:5px 0 0 15px; line-height:20px; font-size:14px}
   .nBsnsAppPage .ck_subTit .left .leftFlex {flex-direction:column; align-items:flex-start; margin:5px 0 0 15px}
   .nBsnsAppPage .ck_subTit .left .leftFlex > * + * {margin-left:0}
 }
 @media (max-width:499px) {
   .nBsnsAppPage .ck_subTit.v2 .left {flex-direction:column; align-items:flex-start}
   .nBsnsAppPage .ck_subTit.v2 .left button {margin-left:15px; margin-top:5px}
 }
 
 /* 텍스트 */
 .ck_txt {display:block; line-height:26px; font-size:16px; letter-spacing:-0.05em; color:#666}
 .nBsnsAppPage .info {margin:6px 0 0 28px; letter-spacing:-0.03em; line-height:26px; font-size:16px; color:#cd4424}
 .nBsnsAppPage .nBnsnTbl .info {margin-left:0}
 @media (max-width:767px) {
   .ck_txt {line-height:24px; font-size:14px}
   .nBsnsAppPage .info {line-height:24px; font-size:14px}
 }

 /* 버튼 */
.nBsnsAppPage .basicBtn {padding:0 14px; min-width:70px; height:44px; border:1px solid #ccc; border-radius:5px; letter-spacing:-0.03em; font-size:16px; color:#666; background:#ededed}
.nBsnsAppPage .basicBtn.blueLine {border:1px solid #004a98; color:#004a98; font-weight:700; background:#fff}
@media (max-width:767px) {
  .nBsnsAppPage .basicBtn {padding:0 6px}
}

/* 버튼색상 */
.ck_btnSblue {border-color:#2b78ca !important; color:#fff !important; background:#2b78ca !important}
.ck_btnSblue:after {background:#1f5dad !important}

/* 버튼 사이즈 */
.nBsnsAppPage .basicBtn.basicBtnS {padding:0 8px; min-width:60px; height:34px; font-size:14px}

/* 테이블 상단 */
.nBsnsAppPage .nBnsnTblTop {display:flex; justify-content:space-between; margin-bottom:10px}
.nBsnsAppPage .nBnsnTblTop .right {display:flex; align-items:center}
.nBsnsAppPage .nBnsnTblTop .right > * + * {margin-left:10px}
.nBsnsAppPage .nBnsnTblTop .txt {letter-spacing:-0.03em; font-size:16px; color:#666}
@media (max-width:499px){
  .nBsnsAppPage .nBnsnTblTop {flex-direction:column}
  .nBsnsAppPage .nBnsnTblTop .right {margin-left:auto}
  .nBsnsAppPage .nBnsnTblTop .right .txt {font-size:14px}
}

/* 테이블 */
.nBsnsAppPage .nBnsnTbl {margin-left:28px; padding:20px 0; border-top:2px solid #000; border-bottom:1px solid #ccc} 
.nBsnsAppPage .nBnsnTbl th {padding:10px 32px 10px 10px; text-align:left; letter-spacing:-0.03em; line-height:24px; font-size:16px; color:#000; font-weight:500}
.nBsnsAppPage .nBnsnTbl th .txtS {display:inline-block; line-height:20px; font-weight:400; word-break:keep-all}
.nBsnsAppPage .nBnsnTbl td {padding:10px 32px 10px 10px}
.nBsnsAppPage .nBnsnTbl + .nBnsnTbl {border-top:none}
@media (max-width:960px) {
  .nBsnsAppPage .nBnsnTbl {margin-left:0}
}
@media (max-width:767px) {
  .nBsnsAppPage .nBnsnTbl colgroup col:first-child {width:20% !important}
  .nBsnsAppPage .nBnsnTbl th {padding:10px; line-height:20px; font-size:14px}
  .nBsnsAppPage .nBnsnTbl td {padding:10px}
}

/* 인풋 */
.nBsnsAppPage input[type="text"],
.nBsnsAppPage select {padding:0 20px 0 18px !important; width:100%; height:44px; border:1px solid #ccc; border-radius:5px; font-size:16px; color:#666}
.nBsnsAppPage input[type="text"] {min-width:100px}
.nBsnsAppPage input[type="text"]:read-only {background:#efefef}
.nBsnsAppPage input[type="text"]::placeholder {font-size:16px; color:#666}
.nBsnsAppPage select {background:url("/images/contactkorea/frmt/nBsnsIco-arrow.png") no-repeat right 9px center}
.nBsnsAppPage textarea {padding:0 18px; width:100%; height:124px; border:1px solid #ccc; border-radius:5px; font-size:16px; color:#666; resize:none}
@media (max-width:767px) {
  .nBsnsAppPage input[type="text"],
  .nBsnsAppPage select {padding:0 20px 0 8px !important; font-size:14px}
}

/* 파일첨부 */
.nBsnsAppPage .file {position:relative; width:100%; height:100%}
.nBsnsAppPage .file:before {display:block; content:"파일선택"; position:absolute; top:0; right:0; border:1px solid #ccc; border-radius:5px; width:90px; text-align:center; line-height:42px; font-size:16px; font-weight:400; color:#666; background:#ededed;z-index:2;transition-duration:0.2s;pointer-events: none;}
.nBsnsAppPage .file input[type=text] {overflow:hidden; text-overflow:ellipsis; white-space:nowrap; padding-left:110px; border:1px solid #ccc; border-radius:5px; width:calc(100% - 95px); height:44px}
.nBsnsAppPage .file input[type=file] {display:block; position:absolute; top:0; right:0; /*width:100%;*/width:92px; height:100%;border-radius:5px;z-index:0;/*opacity:0*/}
.nBsnsAppPage .file:hover input[type=file] {opacity:0;z-index:2;}
.nBsnsAppPage .file:hover:before {z-index:1;border-color:#666;}
.nBsnsAppPage .file input[type=file]:focus {outline:2px solid #000;outline-offset:0;border-radius:5px !important;cursor:pointer;}
.nBsnsAppPage input.uploadNm[type="text"] {position:relative;padding-left:100px!important;border-radius:5px;background-color:#fff;z-index:0;}
.nBsnsAppPage .file.focus:before {outline:3px dashed #EE0418;outline-offset:-3px;}
.nBsnsAppPop .file input[type="text"].fileInput2 {display:block;position:absolute;top:0;right:0;width:90px;min-width:90px;height:100%;border-radius:5px;z-index:0;/*opacity:0*/}

/* 체크박스 */
.nBsnsAppPage .ck_checkboxWrap {display:inline-block; margin:0 -8px}
.nBsnsAppPage .ck_checkboxWrap .ck_checkbox {display:inline-block; margin:0 8px}
.nBsnsAppPage .ck_checkbox {display:inline-block; position:relative;margin-right:10px;}
.nBsnsAppPage .ck_checkbox input {position:absolute; top:0; left:0; width:100%; height:100% !important; opacity:0}
.nBsnsAppPage .ck_checkbox input + label {display:block; line-height:36px; font-size:16px; color:#666; transition:all 0.2s; -moz-transition:all 0.2s; -webkit-transition:all 0.2s; -o-transition:all 0.2s}
.nBsnsAppPage .ck_checkbox input[type=radio] + label {padding-left:30px; background:url("/images/contactkorea/frmt/ck-radio.png") no-repeat left 10px}
.nBsnsAppPage .ck_checkbox input[type=radio]:checked + label {background-image:url("/images/contactkorea/frmt/ck-radio-on.png")}
.nBsnsAppPage .ck_checkbox input[type=checkbox] + label {padding-left:30px; background:url("/images/contactkorea/frmt/ck-checkbox.png") no-repeat left 9px}
.nBsnsAppPage .ck_checkbox input[type=checkbox]:checked + label {background-image:url("/images/contactkorea/frmt/ck-checkbox-on.png")}
.nBsnsAppPage .ck_checkbox input[type=radio]:focus + label,
.nBsnsAppPage .ck_checkbox input[type=checkbox]:focus + label {outline:2px solid #000;border-radius:3px;}
.nBsnsAppPage .ck_checkbox.only input + label {padding:0; width:18px; height:36px; text-indent:-9999px}
.nBsnsAppPage .ck_checkbox input + label.titGreen {line-height:24px; color:#0d8471 !important; font-weight:700; background-position:left 3px}
@media (max-width:767px) {
  .nBsnsAppPage .ck_checkbox input + label {font-size:14px}
}

/* 서브 타이틀 안에 체크박스 */
.nBsnsAppPage .ck_subTit .ck_checkbox.only {vertical-align:top}
.nBsnsAppPage .ck_subTit .ck_checkbox.only input + label {height:28px; background-position:right top 6px}

/* 정렬 */
.nBsnsAppPage .nbsnsFlex {display:flex; align-items:center}
.nBsnsAppPage .nbsnsFlex > * {flex:1}
.nBsnsAppPage .nbsnsFlex .text {flex: none; margin: 7px 5px 0 !important;}
.nBsnsAppPage .nbsnsFlex > * + * {margin-left:10px}
.nBsnsAppPage .nbsnsFlex .txt {flex:none; letter-spacing:-0.03em; line-height:24px; font-size:16px; color:#666; margin: 8px 5px 0 !important;}
.nBsnsAppPage .nbsnsFlex .txt + .txt {margin-left:20px}
.nBsnsAppPage .nbsnsFlex .ck_checkbox + .txt {margin: 0 5px 0 15px !important;}
.nBsnsAppPage .nbsnsFlex button {flex:none}
.nBsnsAppPage .nbsnsFlex.v2 {flex-wrap:wrap; margin-top: 15px;}
.nBsnsAppPage .nbsnsFlex.slct {flex-wrap:wrap}
.nBsnsAppPage .nbsnsFlex.slct + .nbsnsFlex.slct {margin-top:5px;}
.nBsnsAppPage .nbsnsFn {flex:none !important}
.nBsnsAppPage .addressLine > * + * {margin-top:10px}
.nBsnsAppPage .fileFlex {display:flex; align-items:flex-start}
.nBsnsAppPage .fileFlex > * {flex:1}
.nBsnsAppPage .fileFlex > * + * {margin-left:50px}
.nBsnsAppPage .mClmnFlex {display:flex}
.nBsnsAppPage .mClmnFlex > * {flex:1}
.nBsnsAppPage .mClmnFlex > * + * {margin-left:10px}
.nBsnsAppPage .emplrtFlex {display:flex; flex-wrap:wrap; align-items:center}
.nBsnsAppPage .emplrtFlex > *:first-child {margin-right:10px}
.nBsnsAppPage .emplrtFlex > *:last-child {margin-right:5px}
.nBsnsAppPage .emplrtFlex > * + *:not(first-child) {margin-left:5px}
.nBsnsAppPage .emplrtV2Flex {display:flex; align-items:center}
.nBsnsAppPage .emplrtV2Flex > * {flex:1}
.nBsnsAppPage .emplrtV2Flex > * + * {margin-left:10px}
.nBsnsAppPage .emplrtV2Flex .txt {flex:none}
.nBsnsAppPage .ymSlctFlex {display:flex; flex-wrap:wrap}
.nBsnsAppPage .ymSlctFlex em {flex:none; width:20px}
.nBsnsAppPage .ymSlctFlex .ck_checkbox {margin-left:10px}
.nBsnsAppPage .ymSlctFlex .ck_checkbox label {line-height:44px !important; background-position:left center !important}
.nBsnsAppPage .nbsnsFlex .ck_checkbox {flex: none !important;}
.nBsnsAppPage .nbsnsFlex .ck_checkbox + .ck_checkbox {margin-left: 10px;}
@media(max-width:1266px) {
  .nBsnsAppPage .ymSlctFlex .ck_checkbox {width:100%}
}
@media(max-width:1160px) {
  .nBsnsAppPage .ymSlctFlex {flex-direction:column}
  .nBsnsAppPage .ymSlctFlex > * + * {margin-top:10px}
  .nBsnsAppPage .ymSlctFlex .mnwd130 {min-width:initial}
  .nBsnsAppPage .fileFlex > * + * {margin-left:20px}
}
@media(max-width:767px) {
  .nBsnsAppPage .nbsnsFlex .txt {font-size:14px}
  .nBsnsAppPage .nbsnsFlex.v2 > *:first-child {flex:none; width:100%}
  .nBsnsAppPage .nbsnsFlex.v2 > .emplrtV2Flex {margin-left:30px}
  .nBsnsAppPage .nbsnsFlex.v2 > * + * {margin-left:0; margin-top:10px}
  .nBsnsAppPage .nbsnsFlex.v2.txtV > .txt + .txt {width:100%; margin-left:0}
  .nBsnsAppPage .nbsnsFlex.slct > *:last-child {flex:none; margin-left:0; margin-top:10px; width:100%}
  .nBsnsAppPage .emplrtFlex > *:first-child {width:100%}
  .nBsnsAppPage .emplrtV2Flex > * + * {margin-left:5px}
  .nBsnsAppPage .ymSlctFlex em {width:10px}
  .nBsnsAppPage .fileFlex {flex-direction:column}
  .nBsnsAppPage .fileFlex > * {width:100%}
  .nBsnsAppPage .fileFlex > * + * {margin:10px 0 0}
}
@media (max-width:559px) {
  .nBsnsAppPage .mClmnFlex {flex-direction:column}
  .nBsnsAppPage .mClmnFlex > * + * {margin:10px 0 0}
}
@media(max-width:499px) {
  .nBsnsAppPage .nbsnsFlex.slct > select {flex:none; width:100%}
  .nBsnsAppPage .nbsnsFlex.slct > * + * {margin-left:0; margin-top:10px}
  .nBsnsAppPage .emplrtV2Flex {flex-direction:column; align-items:flex-start}
}

/* 사이즈 */
.nBsnsAppPage .mnwd120 {min-width:120px}
.nBsnsAppPage .mnwd130 {min-width:130px}
.nBsnsAppPage .mxwd160 {max-width:160px}
.nBsnsAppPage .mxwd214 {max-width:214px}
.nBsnsAppPage .mxwd272 {max-width:272px}
.nBsnsAppPage .mxwd296 {max-width:296px}
.nBsnsAppPage .mxwd440 {max-width:440px}

/* 텍스트 컬러 */
.nBsnsAppPage .rqRed {color:#cd4424 !important}
.nBsnsAppPage .titGreen {color:#0d8471 !important}

/* 스탭 */
.subCon > div .nBsnsAppPage .nBsnsStep {position:sticky; top:70px; left:0; z-index:5; padding:48px 0 26px; width:100%; border-top:2px solid #004a98; background:#fff}
.subCon > div .nBsnsAppPage .nBsnsStep ol {list-style:none; padding-left:0; display:flex}
.subCon > div .nBsnsAppPage .nBsnsStep ol li {list-style:none; display:flex; justify-content:center; align-items:center; flex:1; height:50px; border-radius:50px; letter-spacing:-0.03em; line-height:24px; font-size:16px; color:#888; font-weight:700; background:#efefef}
.subCon > div .nBsnsAppPage .nBsnsStep ol li + li {margin-left:24px}
.subCon > div .nBsnsAppPage .nBsnsStep ol li a {display:flex; justify-content:center; align-items:center; letter-spacing:-0.03em; line-height:24px; font-size:16px; color:#888; font-weight:700}
.subCon > div .nBsnsAppPage .nBsnsStep ol li.curr {color:#fff; background:#004a98}
.subCon > div .nBsnsAppPage .nBsnsStep ol li.curr a {color:#fff}
.subCon > div .nBsnsAppPage .nBsnsStep.on {border-top:none; box-shadow:0 10px 10px -10px rgb(00, 00, 00, .3)}
@media (max-width:767px) {
  .subCon > div .nBsnsAppPage .nBsnsStep ol li {height: 65px; border-radius: 50px; text-align: center; line-height: 20px; font-size: 14px; word-break: keep-all;}
  .subCon > div .nBsnsAppPage .nBsnsStep ol li + li {margin-left:10px}
  .subCon > div .nBsnsAppPage .nBsnsStep ol li a {text-align: center; line-height: 20px; font-size: 14px; word-break: keep-all;}
}
.subCon > div .nBsnsAppPage .appWrap {position:sticky; top:70px; left:0; z-index:5; padding:48px 0 26px; width:100%; border-top:2px solid #004a98; background:#fff}
.subCon > div .nBsnsAppPage .appWrap ol {list-style:none; padding-left:0; display:flex}
.subCon > div .nBsnsAppPage .appWrap ol li {list-style:none; display:flex; justify-content:center; align-items:center; flex:1; height:50px; border-radius:50px; letter-spacing:-0.03em; line-height:24px; font-size:16px; color:#888; font-weight:700; background:#efefef}
.subCon > div .nBsnsAppPage .appWrap ol li + li {margin-left:24px}
.subCon > div .nBsnsAppPage .appWrap ol li a {display:flex; justify-content:center; align-items:center; letter-spacing:-0.03em; line-height:24px; font-size:16px; color:#888; font-weight:700}
.subCon > div .nBsnsAppPage .appWrap ol li.curr {color:#fff; background:#004a98}
.subCon > div .nBsnsAppPage .appWrap ol li.curr a {color:#fff}
.subCon > div .nBsnsAppPage .appWrap.on {border-top:none; box-shadow:0 10px 10px -10px rgb(00, 00, 00, .3)}
@media (max-width:767px) {
  .subCon > div .nBsnsAppPage .appWrap ol li {height: 65px; border-radius: 50px; text-align: center; line-height: 20px; font-size: 14px; word-break: keep-all;}
  .subCon > div .nBsnsAppPage .appWrap ol li + li {margin-left:10px}
  .subCon > div .nBsnsAppPage .appWrap ol li a {text-align: center; line-height: 20px; font-size: 14px; word-break: keep-all;}
}

/* 이용약관 */
.nBsnsAppPage .ck_grayBox {margin:15px 0 45px; padding:18px; border:1px solid #aaa; background:#efefef}
.nBsnsAppPage .ck_grayBox .ck_checkbox label {font-weight:700; color:#000}
.nBsnsAppPage .ck_termsBox {overflow:hidden}
.nBsnsAppPage .ck_termsBox .ck_subTit {margin:26px 0 16px 0}
.nBsnsAppPage .ck_termsBox .ck_checkboxWrap {float:right}
.nBsnsAppPage .ck_termsBox + .ck_termsBox {margin-top:35px}
.nBsnsAppPage .ck_terms {overflow-y:auto; margin-bottom:10px; padding:16px 50px 16px 20px; max-width:100%; height:200px; border:1px solid #aaa; line-height:26px; font-size:16px; color:#666}
.nBsnsAppPage .ck_terms ol {padding-left:0 !important; list-style:none !important}
.nBsnsAppPage .ck_terms ol li {list-style:none !important}
.nBsnsAppPage .ck_terms > ol > li + li {margin-top:26px}
.nBsnsAppPage .ck_terms > ol > li strong {color:#000}
.nBsnsAppPage .termsTable {overflow-x:auto; margin-top:10px; border-top:2px solid #000}
.nBsnsAppPage .termsTable table {border-collapse:separate !important; width:auto; min-width:100%}
.nBsnsAppPage .termsTable table th,
.nBsnsAppPage .termsTable table td {padding:10px 14px; border-bottom:1px solid #ccc; border-right:1px solid #ccc; text-align:center; line-height:20px; font-size:16px; color:#666}
.nBsnsAppPage .termsTable table th:last-child,
.nBsnsAppPage .termsTable table td:last-child {border-right:none}
.nBsnsAppPage .termsTable table td.br {border-right:1px solid #ccc}
.nBsnsAppPage .termsTable table th {white-space:nowrap; line-height:40px; font-weight:700; color:#000; background:#f2f2f2}
.nBsnsAppPage .termsTable table td {overflow:hidden; text-overflow:ellipsis; white-space:nowrap}
.nBsnsAppPage .termsTable table td a {text-decoration:underline; color:#4a4a4a}
@media (max-width:767px) {
  .nBsnsAppPage .ck_grayBox {margin:15px 0 17px}
  .nBsnsAppPage .ck_termsBox {overflow:hidden}
  .nBsnsAppPage .ck_termsBox .ck_checkboxWrap {float:right}
  .nBsnsAppPage .ck_termsBox + .ck_termsBox {margin-top:35px}
  .nBsnsAppPage .ck_terms {padding:18px 20px; line-height:24px; font-size:14px}
  .nBsnsAppPage .ck_terms > ol > li + li {margin-top:24px}
  .nBsnsAppPage .ck_terms > ol > li strong {color:#000}
  .nBsnsAppPage .termsTable table th,
  .nBsnsAppPage .termsTable table td {line-height:24px; font-size:14px}
}

/* 데이트피커 */
.nBsnsAppPage .dateArea {display:flex}
.nBsnsAppPage .ck_date {display:flex; align-items:center}
.nBsnsAppPage .ck_date input {max-width:160px; width:100%; margin-right:10px}
.nBsnsAppPage .dateArea em {display:flex; justify-content:center; align-items:center; width:27px}
@media(max-width:767px) {
  .nBsnsAppPage .dateArea {flex-direction:column}
  .nBsnsAppPage .dateArea .ck_date input {max-width:calc(100% - 54px)}
}

/* 모바일만 적용 */
@media (min-width:361px){
  .mbBrNone br {display: none;}
}
@media (max-width:767px){
  .nBsnsAppPage .mColWd30 table colgroup col:first-child {width:30% !important}
  .nBsnsAppPage .mVtcl-t {vertical-align:top !important}
}

/* 레이어 팝업 */
.layerPop {display:none; position:fixed; top:0; left:0; z-index:1000; width:100%; height:100%; background:rgba(0,0,0,0.7)}
.layerPop > .inner {overflow:hidden; position:fixed; top:50%; left:50%; padding:73px 0 0; border-radius:2px; max-width:90%; max-height:90%; background:#fff; transform:translate(-50%, -50%) scale(0); -ms-transform:translate(-50%, -50%) scale(0); -moz-transform:translate(-50%, -50%) scale(0); -webkit-transform:translate(-50%, -50%) scale(0); transition:all 0.2s; -moz-transition:all 0.2s; -webkit-transition:all 0.2s}
.layerPop > .inner .tit {position:absolute; top:0; left:0; z-index:3; padding:20px 20px 15px; border-bottom:2px solid #000; line-height:30px; font-size:22px; font-weight:700; color:#000; background:#fff}
.layerPop > .inner .cont {overflow-y:auto; padding:30px}
/* .layerPop > .inner > a {position:absolute; top:0; right:0; width:60px; height:73px; text-indent:-9999px; background:url("/images/kotra/membership/n-btn-close.png") no-repeat center/22px auto} */
.layerPop > .inner > a {position:absolute; top:30px; right:32px; width:60px; height:60px; text-indent:-9999px; background:url("/images/kotra/membership/n-btn-close.png") no-repeat center/22px auto}
.layerPop.on > .inner {transform:translate(-50%, -50%) scale(1); -ms-transform:translate(-50%, -50%) scale(1); -moz-transform:translate(-50%, -50%) scale(1); -webkit-transform:translate(-50%, -50%) scale(1)}
.layerPop > .inner .cont .nGrayBox {padding:18px 20px; background:#f3f3f3}
.layerPop > .inner .cont .nGrayBoxTit {margin:30px 0 5px}
.layerPop > .inner .cont .nGrayBoxTit p {letter-spacing:-0.05em; line-height:28px; font-size:20px; color:#004a98; font-weight:700}
.layerPop > .inner .cont .nGrayBoxInfo {margin-top:14px; letter-spacing:-0.05em; line-height:26px; font-size:16px; color:#666; font-weight:500}
.layerPop > .inner .cont .nGrayBoxInfo strong {color:#000}
.layerPop > .inner .cont .inBox {overflow-y:auto; max-height:646px}
.layerPop > .inner .cont .inBox .nBtnRst {margin-top:10px}
@media (max-width:767px) {
    .layerPop > .inner .cont .nGrayBoxInfo {line-height:26px; font-size:14px}
    .layerPop > .inner .cont .nGrayBox .nFlex {flex-direction:column; align-items:inherit}
    .layerPop > .inner .cont .nGrayBox .nFlex > * + * {margin-left:0}
    .layerPop > .inner .cont .nGrayBox .nFlex > div {display:flex; justify-content:center; margin-top:10px}
    .layerPop.on > .inner {border-radius:0; width:100% !important; max-width:inherit; height:100% !important; max-height:inherit}
}