@charset "UTF-8";

/* ------------------------------------------------------------------------------------------------------ */
/* ----------------------------------------------- Common ----------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------ */

/* --------------------------------- 공통 일반 --------------------------------- */

/* Focus Visible */
@media screen and (min-width: 1200px) {
    *:focus-visible {outline: 2px solid #000; outline-offset: -1px;}
    .lytRemote .rmtItem a:focus-visible, .lytRemote .rmtItem button:focus-visible {outline-color: #2785e5;}
}
/* 반응형 Mobile View - PC View */
.mView {display: none;}
.tView {display: none;}
.tRed {color: #ff0000;}
.tBlue {color: #0081cc;}

/* 접근성 통이미지 텍스트 */
div.hide {font-size: 0; visibility: hidden;}
div.hide > * {font-size: 0; visibility: hidden;}

@media screen and (min-width: 100px) and (max-width: 1199px) {
    .tView {display: block;}
    .tView + .pcView {display:none;}
}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .pcView {display: none !important;}
    .mView {display: block;}
}


/* Form */

/* input */
select {width: 100%; height: 45px; padding: 0 30px 0 20px; border: 1px solid #c0c0c0; font-size: 16px;font-weight: 400;color: #000; background: #fff url(/common/images/common/slct_arrow.png) calc(100% - 14px) center no-repeat;}

input {width: 100%; height: 45px; padding: 0 20px; border: 1px solid #c0c0c0; font-size: 16px; font-weight: 400; color: #000; background-color: #fff;}
input::-webkit-input-placeholder {color: #555;}
input::-ms-input-placeholder {color: #555;}
input:-ms-input-placeholder {color: #555;}
input:disabled {border: 1px dashed #c0c0c0;}
input:read-only {border: 1px dashed #c0c0c0;}
textarea {width: 100%; padding: 15px 20px; border: 1px solid #c0c0c0; font-size: 16px; color: #333; line-height: 1.67; resize: none;}


/* 라디오 */
input[type=radio] {width: 1px; height: 1px; padding: 0; opacity: 0.01; font-size: 0; position: absolute; left: -1px; top: -1px;}
input[type=radio] + label {padding-left: 27px; font-size: 15px; font-weight: 500; background: url(/common/images/common/checkbox_off.png) left center no-repeat; cursor: pointer;}
input[type=radio]:checked + label {background-image: url(/common/images/common/checkbox_on.png);}
input[type=radio]:focus + label {outline: 1px solid #000;}

/* 체크박스 */
input[type=checkbox] {width: 1px; height: 1px; opacity: 0.01; font-size: 0; position: absolute; left: -1px; top: -1px;}
input[type=checkbox] + label {padding-left: 27px; font-size: 15px; font-weight: 500; background: url(/common/images/common/checkbox_off.png) left center no-repeat; cursor: pointer;}
input[type=checkbox]:checked + label {background-image: url(/common/images/common/checkbox_on.png);}
input[type=checkbox]:focus + label {outline:1px solid #000;}

/* checkGroup */
.checkGroup {display: inline-block; vertical-align: middle;}
.checkGroup .checkItem {margin-right: 22px; display: inline-block; vertical-align: middle; position: relative;}
.checkGroup .checkItem:last-child {margin-right: 0;}

/* type02 */
.checkGroup.type02 .checkItem {margin-right: 15px;    line-height: 45px;}
.checkGroup.type02 .checkItem input[type=checkbox] + label {padding-left: 33px; line-height: 35px; font-size: 16px; font-weight: 400; background-image: url(/common/images/common/checkbox2_off.png);}
.checkGroup.type02 .checkItem input[type=checkbox]:checked + label {background-image: url(/common/images/common/checkbox2_on.png);}
.checkGroup.type02 .checkItem input[type=radio] + label {padding-left: 33px; line-height: 1; font-size: 16px; font-weight: 400; background-image: url(/common/images/common/checkbox2_off.png);}
.checkGroup.type02 .checkItem input[type=radio]:checked + label {background-image: url(/common/images/common/checkbox2_on.png);}
.checkGroup.type02 .checkItem .chkIptTxt {width: 370px; margin-left: 15px; display: inline-flex; vertical-align: middle;}

.checkGroup.noLab input + label {font-size: 0;height: 22px;display: inline-block;vertical-align: middle;background-position: center;}

/* type03 */
.checkGroup.type03 {display: inline-flex; flex-wrap: wrap; row-gap: 12px; column-gap: 35px;}
.checkGroup.type03 .checkItem {margin-right: 0;}
.checkGroup.type03 .checkItem input[type=checkbox] + label {padding-left: 35px; line-height: 25px; font-size: 15px; font-weight: 500; color: #666; background-image: url(/common/images/common/checkbox3_off.png); background-size: 25px; display: inline-block; vertical-align: middle;}
.checkGroup.type03 .checkItem input[type=checkbox]:checked + label {background-image: url(/common/images/common/checkbox3_on.png);}
.checkGroup.type03 .checkItem input[type=radio] + label {padding-left: 35px; line-height: 25px; font-size: 15px; font-weight: 500; color: #666;background-image: url(/common/images/common/checkbox3_off.png);background-size: 25px;display: inline-block; vertical-align: middle;}
.checkGroup.type03 .checkItem input[type=radio]:checked + label {background-image: url(/common/images/common/checkbox3_on.png);}

.checkGroup.type03.noLab .checkItem input + label {width: 30px; height: 30px; font-size: 0; background-size: 30px;}

/* type all */
.checkGroup.typeAll {margin-left: auto;}
.checkGroup.typeAll .checkItem input[type=checkbox] + label {font-size: 17px;}


/* 달력 */
input.calendar {background-image: url(/common/images/common/icon_calender.png); background-position: calc(100% - 17px) center; background-repeat: no-repeat;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    /* input */
    select {height: 40px; padding: 0 28px 0 15px; font-size: 14px;}
    input {height: 40px; padding: 0 15px; font-size: 15px;}
    textarea { padding: 10px 15px; font-size: 15px;}

    /* 라디오 */
    input[type=radio] + label {padding-left: 24px;}

    /* 체크박스 */
    input[type=checkbox] + label {padding-left: 24px;}

    /* checkGroup */
    .checkGroup .checkItem {margin-right: 15px;}

    .checkGroup.type02 .checkItem {margin-right: 12px;}
    .checkGroup.type02 .checkItem input[type=checkbox] + label {padding-left: 29px; line-height: 22px; font-size: 15px; background-size: 22px;}
    .checkGroup.type02 .checkItem input[type=radio] + label {padding-left: 29px; line-height: 22px; font-size: 15px; background-size: 22px;}
    .checkGroup.type02 .checkItem .chkIptTxt {width: 100%;margin-left: 0;}

    .checkGroup.type03 {row-gap: 8px; column-gap: 25px;}
    .checkGroup.type03 .checkItem input[type=checkbox] + label {padding-left: 29px; line-height: 21px; font-size: 13px; background-size: 21px;}
    .checkGroup.type03 .checkItem input[type=radio] + label {padding-left: 29px; line-height: 21px; font-size: 13px; background-size: 21px;}

    .checkGroup.type03.noLab .checkItem input + label {width: 22px; height: 22px; background-size: 22px; font-size: 0;}
    
    .checkGroup.typeAll {margin-left: 0;}
    .checkGroup.typeAll .checkItem input[type=checkbox] + label {font-size: 15px;}

    /* 달력 */
    input.calendar {background-size: 19px;}
}


/* --------------------------------- 팝업 --------------------------------- */




/* ------------------------------------------------------------------------------------------------------ */
/* ---------------------------------------------- Component --------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------ */

/* --------------------------------- 공통영역 --------------------------------- */



/* --------------------------------- 게시판 List --------------------------------- */
.cptBoardList {width: 100%;}
.cptBoardList .boardList {width: 100%;}
.cptBoardList .boardList .boardListGroup {width: 100%; border-top: 2px solid #333;}
.cptBoardList .boardListGroup .boardItem {width: 100%; padding: 30px 27px 35px; border-bottom: 1px solid #e6e6e6; display: flex; align-items: stretch; position: relative;}
.cptBoardList .boardListGroup .boardItem::after {display: block; content: ""; width: 0; height: 1px; background: #0082cd; position:absolute; bottom: -1px; left: 0; transition: all 0.4s;}
.cptBoardList .boardListGroup .boardItem:hover:after {width: 100%;}
.cptBoardList .boardListGroup .boardItem .category {width: 145px; padding-top: 4px;}
.cptBoardList .boardListGroup .boardItem .category .center {width: 100%; margin-bottom: 2px; font-size: 18px; color: #000; font-weight: 700; display: inline-block;}
.cptBoardList .boardListGroup .boardItem .category .region {width: 100%; font-size: 16px; color: #000; font-style: normal; display: inline-block;}
.cptBoardList .boardListGroup .boardItem .board {width: calc(100% - 315px); padding-right: 40px;}
.cptBoardList .boardListGroup .boardItem .board .boardConts:focus-visible {display: block; outline: 2px solid #000; outline-offset: -1px;}
.cptBoardList .boardListGroup .boardItem .board .tit {width: 100%; height: 36px; font-size: 19px; color: #000; font-weight: 700; align-items: center; white-space: nowrap; overflow: hidden; text-overflow: ellipsis;}
.cptBoardList .boardListGroup .boardItem .board .tit .notice {min-width: 60px; height: 36px; padding: 0 18px; border-radius: 36px; margin-right: 13px; line-height: 36px; text-align: center; font-size: 16px; color: #fff; font-weight: 700; background: #191C38; display: inline-block;} /*2023.04.12 접근성 수정*/
.cptBoardList .boardListGroup .boardItem .board .cont {width: 100%; margin-top: 15px; font-size: 16px; color: #555;  white-space: nowrap; overflow: hidden; text-overflow: ellipsis;} /*2023.04.12 접근성 수정*/
.cptBoardList .boardListGroup .boardItem .board .detail {margin-top: 10px;}
.cptBoardList .boardListGroup .boardItem .board .detail > span {font-size: 15px; color: #666; font-weight: 500;}
.cptBoardList .boardListGroup .boardItem .board .detail > span::after {display: inline-block; content: "/"; margin: 0 7px; font-size: 15px; color: #666; font-weight: 500;}
.cptBoardList .boardListGroup .boardItem .board .detail > span:last-child::after {display: none;}
.cptBoardList .boardListGroup .boardItem .board .detail .date {color: #000; font-weight: 700;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptBoardList .boardListGroup .boardItem {padding: 15px 0; flex-wrap: wrap;}
    .cptBoardList .boardListGroup .boardItem::after {display: none;}
    .cptBoardList .boardListGroup .boardItem .category {width: 100%; padding-top: 0; margin-bottom: 10px;}
    .cptBoardList .boardListGroup .boardItem .category .center {width: auto;margin-bottom: 0; font-size: 16px; margin-right: 10px;}
    .cptBoardList .boardListGroup .boardItem .category .region {width: auto;}
    .cptBoardList .boardListGroup .boardItem .board {width: 100%; padding-right: 0;}
    .cptBoardList .boardListGroup .boardItem .board .tit {height: 24px; font-size: 17px;line-height: 23px;}
    .cptBoardList .boardListGroup .boardItem .board .tit .notice {min-width: 40px; height: 24px; padding: 0 8px; border-radius: 12px; margin-right: 8px; line-height: 24px; text-align: center; font-size: 13px; vertical-align: top;}
    .cptBoardList .boardListGroup .boardItem .board .cont {margin-top: 8px; font-size: 15px; white-space:unset; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
    .cptBoardList .boardListGroup .boardItem .board .detail {margin-top: 10px;}
    
}

/* --------------------------------- 게시판 View --------------------------------- */
.cptBoardView {width: 100%; margin-bottom: 32px;}
.cptBoardView .viewWrap {border-top: 2px solid #333;}
.cptBoardView .viewWrap dt {padding: 30px 25px; border-bottom: 1px solid #999;}
.cptBoardView .viewWrap .viewTit {font-size: 22px; color: #000; font-weight: 500;}
.cptBoardView .viewWrap .viewTit .notice {min-width: 44px; height: 26px; padding: 0 11px; margin-right: 20px; border-radius: 13px; font-size: 14px; color:#fff; text-align: center; line-height: 25px; background: #ff6600; display: inline-block; vertical-align: middle;transform: translateY(-2px);}
.cptBoardView .viewWrap .viewInfo {margin-top: 11px;}
.cptBoardView .viewWrap .viewInfo .infoGroup {width: 100%; display: flex; align-items: center;}
.cptBoardView .viewWrap .viewInfo .infoGroup .item {padding-left: 13px; margin-right: 20px; font-size: 14px; color: #666; font-weight: 500; position: relative;}
.cptBoardView .viewWrap .viewInfo .infoGroup .item:last-child {margin-right: 0;}
.cptBoardView .viewWrap .viewInfo .infoGroup .item::after {display: block; content: ""; width: 5px; height: 5px; border-radius: 100%; background: #ccc; position: absolute; left: 0; top: 8px;}
.cptBoardView .viewWrap dd {border-bottom: 1px solid #999;}
.cptBoardView .viewWrap .viewAdds {padding: 20px; border-bottom: 1px solid #e6e6e6;}
.cptBoardView .viewWrap .viewAdds .files {width: 100%; padding-left: 104px; text-indent: -69px; background: url(/common/images/common/icon_file2.png) left 2px no-repeat; line-height: 1.8;}
.cptBoardView .viewWrap .viewAdds .files .addsTit {margin-right: 8px; font-size: 15px; font-weight: 500; display: inline-block; vertical-align: middle; text-indent: 0;}
.cptBoardView .viewWrap .viewAdds .files a {font-size: 15px; font-weight: 500;display: inline-block; vertical-align: middle;text-indent: 0;}
.cptBoardView .viewWrap .viewAdds .files a::after {display: inline-block; content: ","; margin-right: 10px;}
.cptBoardView .viewWrap .viewAdds .files a:last-child::after {display: none;}
.cptBoardView .viewWrap .viewAdds .files a:hover {text-decoration: underline; text-underline-position: under;}
.cptBoardView .viewWrap .viewCont {min-height: 300px; padding: 40px 25px 50px; font-size: 15px; line-height: 1.86;}
.cptBoardView .viewWrap .viewCont img {max-width: 100%;}
.cptBoardView .viewWrap + .comContTit {margin-top: 100px;}
.cptBoardView .viewWrap .viewCont.specHgt {min-height:auto;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptBoardView {margin-bottom: 11px;}
    .cptBoardView .viewWrap dt {padding: 17px 0;}
    .cptBoardView .viewWrap .viewTit {font-size: 17px;}
    .cptBoardView .viewWrap .viewTit .notice {min-width: 40px; height: 24px; padding: 0 8px; margin-right: 8px; border-radius: 12px; font-size: 13px; line-height: 23px; transform: translateY(-2px);}
    .cptBoardView .viewWrap .viewInfo {margin-top: 16px;}
    .cptBoardView .viewWrap .viewInfo .infoGroup {flex-wrap: wrap; row-gap: 5px; column-gap: 19px;}
    .cptBoardView .viewWrap .viewInfo .infoGroup .item {padding-left: 12px; margin-right: 0; font-size: 13px;}
    .cptBoardView .viewWrap .viewInfo .infoGroup .item::after {width: 4px; height: 4px;}
    .cptBoardView .viewWrap .viewAdds {padding: 20px 0;}
    .cptBoardView .viewWrap .viewAdds .files {padding-left: 28px; text-indent: 0; background-size: 20px;}
    .cptBoardView .viewWrap .viewAdds .files .addsTit {display: none;}
    .cptBoardView .viewWrap .viewAdds .files a {width: 100%; margin-bottom: 4px; font-size: 13px;}
    .cptBoardView .viewWrap .viewAdds .files a::after {display: none}
    .cptBoardView .viewWrap .viewAdds .files a:last-child {margin-bottom: 0;}
    .cptBoardView .viewWrap .viewCont {min-height: 250px; padding: 20px 0; font-size: 13px; line-height: 1.4;}
    .cptBoardView .viewWrap + .comContTit {margin-top: 40px;}
    .cptBoardView .viewWrap .viewCont.specHgt {min-height:auto;}
}


/* ---------------------------------  프로그램 뷰 페이지 --------------------------------- */
/* 뷰 */
.cptProgrmView {width: 100%; margin-bottom: 30px;}
.cptProgrmView .viewWrap {width: 100%; display: flex; justify-content: space-between; align-items: stretch; column-gap: 35px;}
.cptProgrmView .viewWrap .thumArea {width: 32%;}
.cptProgrmView .viewWrap .thumArea .thum {width: 100%; height: 228px; border-radius: 10px; overflow: hidden;}
.cptProgrmView .viewWrap .thumArea .thum img {width: 100%; height: 100%; object-fit: cover;}
.cptProgrmView .viewWrap .thumArea .date {width: 100%; height: calc(100% - 228px); display: flex; justify-content: center; align-items: center;}
.cptProgrmView .viewWrap .thumArea .date p {font-size: 16px; font-weight: 500; text-align: center;}
.cptProgrmView .viewWrap .thumArea .date p::before {display: inline-block; content: ""; width: 24px; height: 24px; margin-right: 12px; background: url(/common/images/common/icon_calender.png) center no-repeat; vertical-align: middle;}
.cptProgrmView .viewWrap .infoArea {width: 68%;}
.cptProgrmView .comBtnGroup .btnArea {position: relative;}
.cptProgrmView .comBtnGroup .btnArea::after {display: block; content: ""; width: calc(100% - 275px); height: 1px;  background: #dadbdf; position: absolute; left: 0; top: 50%; transform: translateY(-50%);}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptProgrmView {margin-bottom: 40px;}
    .cptProgrmView .viewWrap {column-gap: 0; row-gap: 25px; flex-wrap: wrap;}
    .cptProgrmView .viewWrap .thumArea {width: 100%;}
    .cptProgrmView .viewWrap .thumArea .thum { height: 240px;}
    .cptProgrmView .viewWrap .thumArea .date {height: 30px; margin-top: 20px; justify-content: flex-start;}
    .cptProgrmView .viewWrap .thumArea .date p {font-size: 15px;text-align: left;}
    .cptProgrmView .viewWrap .thumArea .date p::before {margin-right: 10px;}
    .cptProgrmView .viewWrap .infoArea {width: 100%;}
    .cptProgrmView .comBtnGroup .btnArea::after {display: none;}
    
}

/* 동의/안내 */
.cptInfom {margin-bottom: 25px;}
.cptInfom .infom {width: 100%; margin-bottom: 35px;}
.cptInfom .infom:last-child {margin-bottom: 0;}
.cptInfom .infom .infomArea {width: 100%; padding:30px 40px; border-radius: 20px; background: #ededed;font-size: 15px; color: #666; font-weight: 500; line-height: 1.6;}
.cptInfom .infom .infomArea .txt {font-size: 15px; color: #666; font-weight: 500; line-height: 1.6;}
.cptInfom .infom .infomArea .addsFile {width:100%; margin-bottom:8px; padding-left:30px; font-size: 15px; color: #666; font-weight: 500; line-height: 1.6; display:inline-block; background:url(/common/images/common/icon_file2.png) left 2px no-repeat}
.cptInfom .infom .infomArea .addsFile:last-child {margin-bottom:0;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptInfom {margin-bottom: 20px;}
    .cptInfom .infom { margin-bottom: 40px;}
    .cptInfom .infom .infomArea { padding:20px 23px; border-radius: 7px;}
}

/* 동의박스 */
.cptAgreeBox {width: 100%;}
.cptAgreeBox .boxArea {width: 100%; padding: 40px 20px; border-radius: 10px; border: 1px solid #ccc; text-align: center; background: #ececec;}
.cptAgreeBox .boxArea .txt {font-size: 18px; color: #000; font-weight: 500; line-height: 1.67;}
.cptAgreeBox .boxArea .checkGroup {margin-top: 35px;}
.cptAgreeBox .boxArea .checkGroup:first-child {margin-top:0;}
.cptAgreeBox .boxArea.oneLine {padding: 20px;}
.cptAgreeBox .boxArea.oneLine input[type=checkbox] + label {padding-left: 30px; font-size: 17px; text-align: left; display: inline-block;}
.cptAgreeBox .boxArea .comFormGroup {margin-top: 30px;}
.cptAgreeBox .boxArea .comFormGroup .iptWrap {margin-bottom: 5px;}
.cptAgreeBox .boxArea .comFormGroup .iptWrap:last-child {margin-bottom: 0;}
.cptAgreeBox + .comDefTit {margin-top: 40px;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptAgreeBox .boxArea {padding: 40px 28px; border-radius: 3px;}
    .cptAgreeBox .boxArea .txt {font-size: 17px; line-height: 1.4;}
    .cptAgreeBox .boxArea .checkGroup {margin-top: 50px;}
    .cptAgreeBox + .comBtnGroup .btn {width: ;}
    .cptAgreeBox .boxArea.oneLine {padding: 15px 12px;}
    .cptAgreeBox .boxArea.oneLine input[type=checkbox] + label {font-size: 15px;}
}

/* --------------------------------- 게시판 Basic 테이블 --------------------------------- */
.cptBoardBasic {width: 100%;}
.cptBoardBasic .boardList {width: 100%;}
.cptBoardBasic .boardList table {width: 100%; table-layout: fixed; border-collapse: collapse;}
.cptBoardBasic .boardList th {padding: 18px 5px; border-top: 2px solid #000; border-bottom: 1px solid #999; font-size: 16px; color: #000; font-weight: 500;}
.cptBoardBasic .boardList td { padding: 24px 10px; border-bottom: 1px solid #e6e6e6; text-align: center; font-size: 15px; color: #000; word-break: keep-all; position: relative;}
.cptBoardBasic .boardList .mTit {display: none;}
.cptBoardBasic .boardList .tit {text-align: left;}
.cptBoardBasic .boardList .tit .boardTit {max-width: 100%; font-size: 15px; display: inline-block; vertical-align: middle; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.cptBoardBasic .boardList .tit .boardTit:hover {text-decoration: underline; text-underline-position: under;}
.cptBoardBasic .boardList .tag {min-width: 70px; height: 26px; padding: 0 10px; border-radius: 13px; line-height: 25px; text-align: center; font-size: 14px; font-weight: 500; display: inline-block; vertical-align: middle;}
.cptBoardBasic .boardList .tag.nowing {background: #0081cc; color: #fff;}
.cptBoardBasic .boardList .tag.end {background: #e4e4e4; color: #666;}
.cptBoardBasic .boardList b {font-weight: 500;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptBoardBasic .boardList table,.cptBoardBasic .boardList tbody, .cptBoardBasic .boardList td {display: block;}
    .cptBoardBasic .boardList table {border-top: 2px solid #000;}
    .cptBoardBasic .boardList table thead {display: none;}
    .cptBoardBasic .boardList table tr {border-bottom: 1px solid #999; padding: 15px 0; position: relative; display: flex; flex-wrap: wrap; row-gap: 6px; column-gap: 25px;}
    .cptBoardBasic .boardList table td {padding: 0; border-bottom: none; text-align: left; }
    .cptBoardBasic .boardList .num {display: none;}
    .cptBoardBasic .boardList .tit {width: 100%;}
    .cptBoardBasic .boardList .tit .boardTit {font-size: 17px; font-weight: 700;}
    .cptBoardBasic .boardList .mPart::after {display: block; content: "/"; font-size: 15px; color: #666; font-weight: 500; position: absolute; top: 0; left: -15px;}
    .cptBoardBasic .boardList .mTit {display: inline-block; font-size: 15px; font-weight: 500;}
    .cptBoardBasic .boardList .tagArea {position: absolute; top: 12px; right: 5px;}
    .cptBoardBasic .boardList .tag {min-width: 70px; height: 26px; padding: 0 10px; border-radius: 13px; line-height: 25px; text-align: center; font-size: 14px; font-weight: 500; display: inline-block; vertical-align: middle;}
    .cptBoardBasic .boardList .tag.nowing {background: #0081cc; color: #fff;}
    .cptBoardBasic .boardList .tag.end {background: #e4e4e4; color: #666;}
}

/* --------------------------------- 갤러리 게시판 List --------------------------------- */
.cptGalleryList {width: 100%;}
.cptGalleryList .gallyList {width: 100%;}
.cptGalleryList .gallyGroup {display: flex; flex-wrap: wrap; row-gap: 35px; column-gap: 28px;}
.cptGalleryList .gallItem {width: calc(33.3333% - 18.6667px);}
.cptGalleryList .gallItem .gallWrap {width: 100%; border-radius: 10px; border: 1px solid #cccccc; background: #fff; overflow: hidden; display: block; box-shadow: 2px 2px 17px 3px rgba(5,28,55,0.06);}
.cptGalleryList .gallItem .gallLink {display: block;}
.cptGalleryList .gallItem .gallLink:focus-visible {box-shadow: inset -2px solid #000;}
.cptGalleryList .gallItem .thumArea {width: 100%; height: 220px; position: relative; overflow: hidden;}
.cptGalleryList .gallItem .thumArea img {width: 100%; height: 100%; object-fit: cover; filter: blur(0); transition: all 0.2s;}
.cptGalleryList .gallItem .thumArea .tagMovie {width: 57px; height: 50px; border-radius: 0 0 0 20px; font-size: 0; background: #191c38 url(/common/images/common/icon_movie.png) center no-repeat; position: absolute; top: 0; right: 0; z-index: 9;}
.cptGalleryList .gallItem .thumArea .tagSns {width: 57px; height: 50px; border-radius: 0 0 0 20px; font-size: 0; background: #191c38 center no-repeat; position: absolute; top: 0; right: 0; z-index: 9;}
.cptGalleryList .gallItem .thumArea .tagSns.blog {background-image: url(/common/images/common/sns_blog.png);}
.cptGalleryList .gallItem .thumArea .tagSns.insta {background-image: url(/common/images/common/sns_insta.png);}
.cptGalleryList .gallItem .thumArea .tagSns.facebook {background-image: url(/common/images/common/sns_facebook.png);}
.cptGalleryList .gallItem .thumArea::after {display: block; content: ""; width: 100%; height: 100%; background: rgba(0,0,0,0.4) url(/common/images/common/gall_hover.png) calc(50% + 3px) calc(50% + 6px) no-repeat; position: absolute; top: 0; left: 0; opacity: 0; transition: all 0.2s;}
.cptGalleryList .gallItem .titArea {width: 100%; padding: 25px 30px 35px;}
.cptGalleryList .gallItem .titArea dt {width: 100%; font-size: 20px; font-weight: 500; white-space: nowrap; word-break: keep-all; text-overflow: ellipsis; overflow: hidden;}
.cptGalleryList .gallItem .titArea dd {min-height:48px; margin-top: 15px; font-size: 16px; overflow: hidden; text-overflow: ellipsis; display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical;}
.cptGalleryList .gallItem .infoArea {width: 100%; padding: 15px 30px 19px; border-top: 1px solid #ccc; background: #f1f1f1; display: flex; justify-content: space-between;}
.cptGalleryList .gallItem .infoArea .shareGroup {width: 22px; position: relative;}
.cptGalleryList .gallItem .infoArea .btnShare {width: 22px; height: 22px; font-size: 0; background: url(/common/images/common/icon_share_k.png) center no-repeat; opacity: 0.6; transition: all 0.2s;}
.cptGalleryList .gallItem .infoArea .btnShare:hover {opacity: 1;}
.cptGalleryList .gallItem .infoArea .snsGroup {width: 0; height: 32px; padding-left: 1px; position: absolute; left: 32px; top: -4px; display: block; overflow: hidden; transition: all 0.2s;}
.cptGalleryList .gallItem .infoArea .snsGroup .sns {width: 32px; height: 32px; margin-right:2px; font-size: 0; background: center no-repeat; display: inline-block; vertical-align: middle;}
.cptGalleryList .gallItem .infoArea .snsGroup .sns.insta {background-image: url(/common/images/common/icon_kakao.png);}
.cptGalleryList .gallItem .infoArea .snsGroup .sns.twitter {background-image: url(/common/images/common/icon_blog.png);}
.cptGalleryList .gallItem .infoArea .snsGroup .sns.facebook {background-image: url(/common/images/common/icon_facebook.png);}

.cptGalleryList .gallItem .infoArea .infoGroup {display: flex; align-items: center;}
.cptGalleryList .gallItem .infoArea .infoGroup li {margin-left: 15px; font-size: 16px;}
.cptGalleryList .gallItem .infoArea .infoGroup li.hit {padding-left: 30px; background: url(/common/images/common/icon_hit.png) left center no-repeat;}

.cptGalleryList .gallItem .gallLink:hover .thumArea img {filter: blur(1px);}
.cptGalleryList .gallItem .gallLink:hover .thumArea::after { opacity: 1;}
.cptGalleryList .gallItem .infoArea .btnShare.shOpen {opacity: 1;}
.cptGalleryList .gallItem .infoArea .btnShare.shOpen + .snsGroup {width: 110px;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptGalleryList .gallyGroup {row-gap: 20px;}
    .cptGalleryList .gallItem {width: 100%;}
    .cptGalleryList .gallItem .thumArea {height: 236px;}
    .cptGalleryList .gallItem .thumArea img {filter: blur(0); transition: none;}
    .cptGalleryList .gallItem .thumArea .tagMovie {width: 53px; height: 46px; border-radius: 0 0 0 13px; background-size: 22px;}
    .cptGalleryList .gallItem .thumArea .tagSns {width: 53px; height: 46px; border-radius: 0 0 0 13px; background-size: 22px;}
    .cptGalleryList .gallItem .thumArea::after {display: none;}
    .cptGalleryList .gallItem .titArea {padding:21px 22px 25px;}
    .cptGalleryList .gallItem .titArea dt {font-size: 19px; }
    .cptGalleryList .gallItem .titArea dd {margin-top: 5px; font-size: 15px;}
    .cptGalleryList .gallItem .infoArea { padding: 18px 22px;}
    .cptGalleryList .gallItem .infoArea .snsGroup .sns {border-radius: 5px;}
    .cptGalleryList .gallItem .infoArea .infoGroup li {margin-left: 10px; font-size: 13px;}
    .cptGalleryList .gallItem .infoArea .infoGroup li.hit {padding-left: 26px; background-size: 21px;background-position: left 2px;}
    
    .cptGalleryList .gallItem .gallLink:hover .thumArea img {filter: blur(0);}
    .cptGalleryList .gallItem .gallLink:hover .thumArea::after { opacity: 0;}
    .cptGalleryList .gallItem .infoArea .btnShare.shOpen {opacity: 1;}
    .cptGalleryList .gallItem .infoArea .btnShare.shOpen + .snsGroup {width: 110px;}
}

/* --------------------------------- FAQ 게시판 List --------------------------------- */
.cptFAQList {width: 100%;}
.cptFAQList .listArea {width: 100%;}
.cptFAQList .faqList .faqGroup {border-top: 2px solid #000;}
.cptFAQList .faqList .faqItem {border-bottom: 1px solid #e6e6e6;}
.cptFAQList .faqList .faqItem .faq dt {padding: 27px 85px 27px 20px; background: url(/common/images/common/arw_nav_bottom.png) calc(100% - 40px) center / 15px no-repeat; display: flex; align-items: center; cursor: pointer;}
.cptFAQList .faqList .faqItem .faq dt .num {width: 85px; font-size: 0; display: flex; align-items: center;}
.cptFAQList .faqList .faqItem .faq dt .num::before {display: block; content: "Q"; width: 45px; height: 45px; border-radius: 50%; margin-right: 17px; font-size: 24px; color: #fff; font-weight: 700; text-align: center; line-height: 41px; background: #333333;}
.cptFAQList .faqList .faqItem .faq dt .tit {width: calc(100% - 85px); display: flex; align-items: center;}
.cptFAQList .faqList .faqItem .faq dt .tit .category {min-width: 86px; height: 38px; padding: 0 10px; border: 1px dashed #333; margin-right: 28px; border-radius: 19px; font-size: 15px; color: #000; text-align: center; line-height: 36px; display: inline-block; vertical-align: middle;}
.cptFAQList .faqList .faqItem .faq dt .tit b {font-size: 18px; color: #000; font-weight: 500; line-height: 1.67; display: inline-block; vertical-align: middle; word-break: keep-all; text-align:left;}
.cptFAQList .faqList .faqItem .faq dd {width: 100%; padding: 34px 30px 30px 112px; border-top: 1px solid #e6e6e6; background: #f5f6f7; position: relative; display: none;}
.cptFAQList .faqList .faqItem .faq dd::before {display: block; content: "A";  width: 45px; height: 45px; border-radius: 50%; font-size: 24px; color: #fff; font-weight: 700; text-align: center; line-height: 41px; background: #0081cc; position: absolute; top: 21px; left: 38px;}
.cptFAQList .faqList .faqItem .faq dd .answer {padding-right: 180px; font-size: 15px; color: #666; font-weight: 500;}
.cptFAQList .faqList .faqItem .faq dd .answer .cont {line-height: 1.6; word-break: keep-all;}
.cptFAQList .faqList .faqItem .faq dd .answer .info {margin-top: 14px; display: flex; flex-wrap: wrap;}
.cptFAQList .faqList .faqItem .faq dd .answer .info .unit {margin-right: 15px; position: relative;}
.cptFAQList .faqList .faqItem .faq dd .answer .info .unit:last-child {margin-right: 0;}
.cptFAQList .faqList .faqItem .faq dd .answer .info .unit::after {display: block; content: ""; width: 1px; height: 15px; background: #666; position: absolute; top: 4px; right: -9px;}
.cptFAQList .faqList .faqItem .faq dd .answer .info .unit:last-child:after {display: none;}
.cptFAQList .faqList .faqItem .faq dd .answer .boardConts {display:inline-block;}
.cptFAQList .faqList .faqItem .faq dd .answer .boardConts:focus-visible {outline: 2px solid #000; outline-offset: -1px;}
.cptFAQList .faqList .faqItem .faq dd .comBoardbtn {position: absolute; right: 27px; bottom: 32px;}
.cptFAQList .faqList .faqItem .faq dd .comBoardbtn .boardBtn {background-color: #fcfcfc;}
.cptFAQList .faqList .faqItem .faq dd .comBoardbtn .boardBtn:hover {background-color: #52aadd;}

.cptFAQList .faqList .faqItem .faq.ansOpen dt {background-image: url(/common/images/common/arw_nav_top_k.png);}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptFAQList .faqList .faqItem .faq dt {padding: 17px 0 20px; background-position: right calc(100% - 22px); background-size:  12px;align-items: flex-start;}
    .cptFAQList .faqList .faqItem .faq dt .num {width: 60px;margin-top: 8px; font-size: 0; display: flex; align-items: center;}
    .cptFAQList .faqList .faqItem .faq dt .num::before { width: 41px; height: 41px; margin-right: 0; font-size: 22px; line-height: 35px;}
    .cptFAQList .faqList .faqItem .faq dt .tit {width: calc(100% - 60px); flex-wrap: wrap;}
    .cptFAQList .faqList .faqItem .faq dt .tit .category {min-width: 51px; height: 28px; padding: 0 14px; margin-right:0; border-radius: 14px; font-size: 13px;line-height: 27px;}
    .cptFAQList .faqList .faqItem .faq dt .tit b {width: 100%; margin-top: 5px; font-size: 15px;}
    .cptFAQList .faqList .faqItem .faq dd {padding: 55px 19px 30px;}
    .cptFAQList .faqList .faqItem .faq dd::before {width: 32px; height: 32px; font-size: 17px; line-height: 32px; top: 15px; left: 19px;}
    .cptFAQList .faqList .faqItem .faq dd .answer {padding-right: 20px; font-size: 13px;}
    .cptFAQList .faqList .faqItem .faq dd .answer .cont {line-height: 1.45; }
    .cptFAQList .faqList .faqItem .faq dd .answer .info {margin-top: 20px; }
    .cptFAQList .faqList .faqItem .faq dd .answer .info .unit {color: #333;}
    .cptFAQList .faqList .faqItem .faq dd .answer .info .unit::after { height: 13px; }
    .cptFAQList .faqList .faqItem .faq dd .comBoardbtn {right: 24px; bottom: 18px; top: auto;}
    .cptFAQList .faqList .faqItem .faq dd .comBoardbtn .boardBtn:hover {background-color: #fcfcfc;}
    .cptFAQList .faqList .faqItem .faq dd .comBoardbtn .boardBtn.goLink {display: inline-block;}
    
}

/* --------------------------------- 동영상 List --------------------------------- */
.cptMovieList {width: 100%; }
.cptMovieList .movGroup {width: 100%; display: flex; align-items: stretch; flex-wrap: wrap; row-gap: 20px; column-gap: 20px;}
.cptMovieList .movItem {width: calc(25% - 15px); position: relative; display: flex; flex-flow: column;}
.cptMovieList .movItem .interestChkd {position: relative; margin-bottom: 10px;}
.cptMovieList .movItem .interestChkd label {width: 22px; height: 22px; font-size: 0; display: block;}

.cptMovieList .movItem > button {width: 100%;height: 100%; border-radius: 10px; border: 1px solid #ccc; background: #fff; box-shadow: 2px 2px 23px 5px rgba(5,28,55,0.06);cursor: pointer; overflow: hidden; }
.cptMovieList .movItem .thumArea {width: 100%; height: 190px; border-radius: 10px 10px 0 0; overflow: hidden; position: relative;}
.cptMovieList .movItem .thumArea img {width: 100%; height: 100%; object-fit: cover;}
.cptMovieList .movItem .thumArea::before {display: block; content: ""; width: 100%; background: rgba(0,0,0,0); position: absolute; top: 0; left: 0; right: 0; bottom: 0; transition: all 0.2s;}
.cptMovieList .movItem .thumArea::after {display: block; content: ""; width: 91px; height: 90px; margin-left: 3px; margin-top: 6px; background: url(/common/images/common/icon_movie_blue.png) center no-repeat; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); opacity: 0; transition: all 0.2s;}
.cptMovieList .movItem:hover .thumArea::before {background: rgba(0,0,0,0.6);}
.cptMovieList .movItem:hover .thumArea::after {opacity: 1;}
.cptMovieList .movItem > button:focus .thumArea::before {background: rgba(0,0,0,0.6);}
.cptMovieList .movItem > button:focus .thumArea::after {opacity: 1;}

.cptMovieList .movItem .infoArea {height: calc(100% - 190px);border-radius: 0 0 10px 10px;}
.cptMovieList .movItem .infoArea dt {width: 100%; height: 80px; padding: 20px; text-align: left;}
.cptMovieList .movItem .infoArea dt .tit {font-size: 16px; color: #333; font-weight: 700; line-height: 1.25;display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden;}
.cptMovieList .movItem .infoArea dd {width: 100%;height: calc(100% - 80px); padding: 15px 20px; border-top: 1px solid #ccc;text-align: left; background: #f1f1f1; position: relative;}
.cptMovieList .movItem .infoArea .infoGroup .unit {margin-bottom: 5px; font-size: 14px;}
.cptMovieList .movItem .infoArea .infoGroup .unit:last-child {margin-bottom: 0;}
.cptMovieList .movItem .infoArea .infoGroup .unit i {font-weight: 500; font-style: normal;}
.cptMovieList .movItem .infoArea .infoGroup .unit em {font-weight: 700;}

.cptMovieList .movItem .chkInterest {position: absolute; right: 20px; bottom: 25px;}
.cptMovieList .movItem .chkInterest input[type=checkbox] + label {width: 22px; height: 20px; font-size: 0; background: url(/common/images/common/icon_interesting_off.png) center no-repeat; display: block;}
.cptMovieList .movItem .chkInterest input[type=checkbox]:checked + label {background-image: url(/common/images/common/icon_interesting_on.png);}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptMovieList .movGroup {row-gap: 25px;}
    .cptMovieList .movItem {width: 100%;}
    /* .cptMovieList .movItem .interestChkd {position: relative; margin-bottom: 10px;}
    .cptMovieList .movItem .interestChkd label {width: 22px; height: 22px; font-size: 0; display: block;} */
    
    .cptMovieList .movItem > button { box-shadow: 2px 2px 12px 3px rgba(5,28,55,0.06);}
    .cptMovieList .movItem .thumArea {height: 223px;}
    .cptMovieList .movItem .thumArea::after {width: 60px; height: 54px; margin-left: 3px; margin-top: 6px; background-size: 60px;}
    
    .cptMovieList .movItem .infoArea dt {height: 70px; padding: 20px;}
    .cptMovieList .movItem .infoArea dt .tit {font-size: 17px;}
    .cptMovieList .movItem .infoArea dd {padding: 20px 23px;}
    .cptMovieList .movItem .infoArea .infoGroup {display: flex; flex-wrap: wrap;}
    .cptMovieList .movItem .infoArea .infoGroup .unit {width: 100%; margin-bottom: 5px; font-size: 15px;}
    .cptMovieList .movItem .infoArea .infoGroup .unit:nth-last-child(2) {width:calc(100% - 50px);}
    .cptMovieList .movItem .infoArea .infoGroup .unit:last-child {width:calc(100% - 50px);}
    
    .cptMovieList .movItem .chkInterest {right: 23px; bottom: 27px;}
    .cptMovieList .movItem .chkInterest input[type=checkbox] + label {width: 30px; height: 27px; background-size: 28px;}
}

/* --------------------------------- 프로그램 List --------------------------------- */
.cptProgrmList {width: 100%;}
.cptProgrmList .progrmGroup {width: 100%; display: flex;flex-wrap: wrap; row-gap: 30px; column-gap: 30px;}
.cptProgrmList .progrmGroup .item {width: calc(33.3333% - 20px);}
.cptProgrmList .progrmGroup .item > a {width: 100%; border-radius: 10px; border: 1px solid #ccc; background: #fff; box-shadow: 2px 2px 21px 10px rgba(5,28,55,0.06); display: block; overflow:hidden;}
.cptProgrmList .progrmGroup .thumArea {width: 100%; height: 220px;text-align: center;}
.cptProgrmList .progrmGroup .thumArea img {width: 100%; height: 100%; object-fit: cover;}
.cptProgrmList .progrmGroup .infoArea {width: 100%; padding: 20px 28px;}
.cptProgrmList .progrmGroup .infoArea dt {width: 100%; font-size: 20px; font-weight: 700; text-overflow: ellipsis; white-space: nowrap; overflow: hidden;}
.cptProgrmList .progrmGroup .infoArea dd {width: 100%; margin-top: 2px;}
.cptProgrmList .progrmGroup .infoArea .info {font-size: 16px;}
.cptProgrmList .progrmGroup .infoArea .tagGroup {margin-top: 15px; width: 100%;}
.cptProgrmList .progrmGroup .infoArea .tagGroup .tag {min-width: 55px; height: 27px; padding: 0 10px; margin-right: 2px; border-radius: 4px; line-height: 26px; font-size: 13px; text-align: center; display: inline-block; vertical-align: middle;}
.cptProgrmList .progrmGroup .infoArea .tagGroup .tag.region {color: #1b2573; border: 1px solid #1b2573;}
.cptProgrmList .progrmGroup .infoArea .tagGroup .tag.type {color: #06a1c7; border: 1px solid #06a1c7;}
.cptProgrmList .progrmGroup .infoArea .tagGroup .tag.ing {color: #fff; border: 1px solid #0082cd; background: #0082cd;}
.cptProgrmList .progrmGroup .infoArea .tagGroup .tag.end {color: #fff; border: 1px solid #000; background: #535353;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptProgrmList .progrmGroup {row-gap: 20px; column-gap: 0;}
    .cptProgrmList .progrmGroup .item {width: 100%;}
    .cptProgrmList .progrmGroup .item > a { box-shadow: 2px 2px 12px 5px rgba(5,28,55,0.06);}
    .cptProgrmList .progrmGroup .thumArea {height: 236px;}
    .cptProgrmList .progrmGroup .infoArea {padding: 15px 20px;}
    .cptProgrmList .progrmGroup .infoArea dt {font-size: 17px;}
    .cptProgrmList .progrmGroup .infoArea .info {font-size: 14px;}
    .cptProgrmList .progrmGroup .infoArea .tagGroup .tag {min-width: 60px; margin-right: 3px; }
}

/* --------------------------------- 1:1 운동상담 Write --------------------------------- */
.cptBoardWrite {width: 100%;}

/* --------------------------------- 로그인 --------------------------------- */
.cptLogin {width: 100%;}
.cptLogin .loginArea {width: 100%; max-width: 965px; padding: 90px 20px 100px; margin: 0 auto;}
.cptLogin .loginBox {width: 100%; border-radius: 10px; border:1px solid #ccc;background: #fff; box-shadow: 3px 3px 32px 3px rgba(38,71,119,0.13); display: flex; align-items: stretch; overflow: hidden;}
.cptLogin .login {width: 50%; padding: 85px 80px 80px;}
.cptLogin .login .loginTit {padding-left: 103px; margin-bottom: 30px; position: relative;}
.cptLogin .login .loginTit::before {display: block; content: ""; width: 87px; height: 87px; border-radius: 17px; background: #e6e8ee url(/common/images/sub/icon_login01.png) center no-repeat; position: absolute; left: 0; top: 5px;}
.cptLogin .login .loginTit h2 {font-size: 30px; font-weight: 700;}
.cptLogin .login .loginTit .desc {font-size: 15px; color: #666; font-weight: 500; word-break: keep-all;}
.cptLogin .login .loginInput {width: 100%; margin-bottom: 28px;}
.cptLogin .login .loginInput .comBgiptWrap {margin-top: -1px;}
.cptLogin .login .loginInput .comBgiptWrap:first-child {margin-top: 0;}

.cptLogin .login .comBtnGroup {margin: 0;}
.cptLogin .login .loginUtil {margin-top: 16px; display: flex; justify-content: space-between; align-items: center;}
.cptLogin .login .loginUtil a {display: inline-block;}
.cptLogin .login .loginUtil .check {font-size: 15px; color: #666; font-weight: 700; text-decoration: underline;text-underline-position: under;}
.cptLogin .login .loginUtil .join {min-width: 95px; height: 36px; padding: 0 10px; border: 1px solid #ccc; text-align: center; line-height: 35px; font-size: 13px; color: #666; font-weight: 700;}

.cptLogin .onePass {width: 50%; padding: 100px 88px; background: #e6e8ee;}
.cptLogin .onePass dl {padding-top: 125px; margin-bottom: 35px; text-align: center; background: url(/common/images/sub/icon_login02.png) center top no-repeat;}
.cptLogin .onePass dl dt {margin-bottom: 2px; font-size: 24px; color: #000; font-weight: 700;}
.cptLogin .onePass dl dd {font-size: 14px; line-height: 1.28;}

.cptLogin .insideIpt {width: 100%; max-width: 780px; margin: 0 auto 30px;}
.cptLogin .insideIpt .insideBox {width: 100%; padding: 58px 10px 48px; border: 1px solid #ccc; border-radius: 20px; background: #f5f5f5; display: flex; justify-content: center;}
.cptLogin .insideIpt .iptGroup {width: 365px;}
.cptLogin .insideIpt .iptGroup .item {margin-bottom: 27px;}
.cptLogin .insideIpt .iptGroup .item:last-child {margin-bottom: 0;}
.cptLogin .insideIpt .iptGroup .info {display: flex; align-items: center;}
.cptLogin .insideIpt .iptGroup .info dt {width: 75px; margin-right: 22px; font-size: 16px;}
.cptLogin .insideIpt .iptGroup .info dd {width: calc(100% - 97px);}
.cptLogin .insideIpt .iptGroup .info input[type=text] {height: 46px;}
.cptLogin .insideIpt .iptGroup .info dt.noView {font-size: 0;}

@media screen and (min-width: 100px) and (max-width: 1199px) {
    .cptLogin .loginBox {flex-wrap: wrap;max-width: 540px; margin: 0 auto;}
    .cptLogin .login {width: 100%; }
    .cptLogin .onePass {width: 100%;}
}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptLogin .loginArea {max-width: none; padding: 30px 0 0;}
    .cptLogin .loginBox {max-width: none;; border:none; box-shadow: none;}
    .cptLogin .login {padding: 0 26px; margin-bottom: 89px;}
    .cptLogin .login .loginTit {padding-left: 0; padding-top: 118px; margin-bottom: 35px;text-align: center;}
    .cptLogin .login .loginTit::before { width: 104px; height: 104px; border-radius: 50%; background-size: 46px; left: 50%; top: 0; transform: translateX(-50%);}
    .cptLogin .login .loginTit h2 {font-size: 22px;}
    .cptLogin .login .loginInput {margin-bottom: 10px;}
    .cptLogin .login .loginInput .comBgiptWrap {margin-top: 13px;}
    .cptLogin .login .loginInput .comBgiptWrap:first-child {margin-top: 0;}
    .cptLogin .login .loginInput .comBgiptWrap input {height: 52px; border-radius: 26px;}
    
    .cptLogin .login .comBtnGroup {margin: 0;}
    .cptLogin .login .comBtnGroup .btn {border-radius: 26px;}
    .cptLogin .login .loginUtil {margin-top: 25px;}
    .cptLogin .login .loginUtil .join {min-width: 114px; height: 43px; border-radius: 22px; border: 1px dashed #ccc;line-height: 42px; font-size: 16px;}
    
    .cptLogin .onePass {padding: 62px 27px 30px; border-radius: 22px;}
    .cptLogin .onePass dl {padding-top: 100px; margin-bottom: 45px; background-size: 60px;}
    .cptLogin .onePass dl dt {margin-bottom: 0; font-size: 20px;}
    .cptLogin .onePass dl dd {font-size: 15px;}

    .cptLogin .insideIpt {margin: 0 auto 20px;}                         
    .cptLogin .insideIpt .insideBox {padding: 33px 31px 31px; border-radius: 7px;}
    .cptLogin .insideIpt .iptGroup {width: 100%;}
    .cptLogin .insideIpt .iptGroup .item {margin-bottom: 10px;}
    .cptLogin .insideIpt .iptGroup .info dt {width: 60px; margin-right: 20px; font-size: 15px;}
    .cptLogin .insideIpt .iptGroup .info dd {width: calc(100% - 80px);}
    .cptLogin .insideIpt .iptGroup .info input[type=text] {height: 40px;}
    .cptLogin .insideIpt + .comBtnGroup {margin-top: 20px;}
}

/* 팝업-로그인 */
.cptPopLogin .loginGroup {max-width: 350px; margin: 35px auto;}
.cptPopLogin .loginGroup .comBtnGroup {margin-top: 10px;}
.cptPopLogin .loginGroup .comBgiptWrap {margin-top: -1px;}
.cptPopLogin .loginGroup .comBgiptWrap:first-child {margin-top: 0;}
.cptPopLogin .infoTxt {width: 100%; margin: 20px 0 30px; text-align: center;}
.cptPopLogin .infoTxt p {font-size: 16px; color: #666; font-weight: 500; line-height: 1.625;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptPopLogin .loginGroup {margin: 20px auto;}
    .cptPopLogin .infoTxt {margin: 0; }
    .cptPopLogin .infoTxt p {font-size: 14px;}
}

/* --------------------------------- 비밀번호 변경 --------------------------------- */
.cptChangePW {width: 100%;}
.cptChangePW .chngPWArea {width: 100%; max-width: 576px; padding: 90px 20px 100px; margin: 0 auto;}
.cptChangePW .chngTit {width: 100%; padding-top: 155px; margin-bottom: 55px; text-align: center; background: url(/common/images/sub/icon_pwChange.png) center top no-repeat;}
.cptChangePW .chngTit dt {margin-bottom: 20px; font-size: 36px; color: #000; font-weight: 500;}
.cptChangePW .chngTit dd {font-size: 16px; color: #666; font-weight: 500;}
.cptChangePW .inputWrap {width: 100%; padding: 45px 0 50px; border-top: 3px solid #000;}
.cptChangePW .inputWrap .item {margin-bottom: 24px; display: flex; align-items: center;}
.cptChangePW .inputWrap .item:last-child {margin-bottom: 0;}
.cptChangePW .inputWrap .item .comBgiptWrap {flex: 0 0 57%;}
.cptChangePW .inputWrap .item .desc {margin-left: 28px; font-size: 14px;}
.cptChangePW .comBtnGroup {margin: 0;}
.modPopup .cptChangePW .chngPWArea {padding: 0;}
.modPopup .cptChangePW .inputWrap {max-width: 495px; margin: 0 auto;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptChangePW .chngPWArea {max-width: none; padding: 40px 0 0;}
    .cptChangePW .chngTit {padding-top: 116px; background-size: 100px;}
    .cptChangePW .chngTit dt {margin-bottom: 16px; font-size: 22px;}
    .cptChangePW .chngTit dd {font-size: 15px;}
    .cptChangePW .inputWrap {padding: 32px 0 40px;}
    .cptChangePW .inputWrap .item {margin-bottom: 30px; flex-wrap: wrap;}
    .cptChangePW .inputWrap .item .comBgiptWrap {width: 100%; flex: 1 0 100%;}
    .cptChangePW .inputWrap .item .desc {margin-left: 0; margin-top: 10px;}
}


/* --------------------------------- 회원가입 페이지 --------------------------------- */
.cptJoin {width: 100%;}
.cptJoin .joinArea {width: 100%; max-width: 1440px;margin: 0 auto;}

/* 회원가입 단계Step */
.cptJoin .joinStep {width: 100%; margin: 50px 0 90px;}
.cptJoin .joinStep .stepGroup {width: 100%; display: flex; flex-wrap: wrap; align-items: center; row-gap: 30px;}
.cptJoin .joinStep .stepGroup .item {width: 20%; padding-bottom: 47px; position: relative;}
.cptJoin .joinStep .stepGroup .item::before {display: block; content: ""; width: 29px; height: 29px; border-radius: 50%; border: 2px solid #0081cc; background: #fff; position: absolute; left: 7px; bottom: 0;}
.cptJoin .joinStep .stepGroup .item::after {display: block; content: ""; width: calc(100% - 51px); height: 15px; border-top: 2px solid #ccc; position: absolute; bottom: 0; right: 3px;}
.cptJoin .joinStep .stepGroup .stepTit {min-height: 54px;padding-left: 73px; background: left center no-repeat; opacity: 0.7;}
.cptJoin .joinStep .stepGroup .stepTit.step01 {background-image: url(/common/images/sub/join_step01.png);}
.cptJoin .joinStep .stepGroup .stepTit.step02 {background-image: url(/common/images/sub/join_step02.png);}
.cptJoin .joinStep .stepGroup .stepTit.step03 {background-image: url(/common/images/sub/join_step03.png);}
.cptJoin .joinStep .stepGroup .stepTit.step04 {background-image: url(/common/images/sub/join_step04.png);}
.cptJoin .joinStep .stepGroup .stepTit.step05 {background-image: url(/common/images/sub/join_step05.png);}
.cptJoin .joinStep .stepGroup .stepTit .num {font-size: 14px; color: #646464; font-weight: 700; font-style: normal; display: block;}
.cptJoin .joinStep .stepGroup .stepTit .tit {font-size: 20px; color: #000; font-weight: 500;display: block;}
.cptJoin .joinStep .stepGroup .item.now::before {background: #0081cc url(/common/images/common/icon_check_s.png) center no-repeat;}
.cptJoin .joinStep .stepGroup .item.now::after {border-top: 2px dashed #0081cc;}
.cptJoin .joinStep .stepGroup .item.now .stepTit {opacity: 1;}
.cptJoin .joinStep .stepGroup .item.now .stepTit .num {color: #999;}
.cptJoin .joinStep .stepGroup .item.done::before {background: #0081cc url(/common/images/common/icon_check_s.png) center no-repeat;}
.cptJoin .joinStep .stepGroup .item.done::after {border-top: 2px dashed #0081cc;}
.cptJoin .joinStep .stepGroup .item.done .stepTit {opacity: 1;}
.cptJoin .joinStep .stepGroup .item.done .stepTit .num {color: #999;}


@media screen and (min-width: 100px) and (max-width: 1199px) {
    .cptJoin .joinStep .stepGroup .stepTit {padding-left: 60px;display: flex;flex-wrap: wrap;align-items: center;}
    .cptJoin .joinStep .stepGroup .stepTit.step04 {background-size: 45px;}
    .cptJoin .joinStep .stepGroup .stepTit .num {font-size: 13px; width: 100%;}
    .cptJoin .joinStep .stepGroup .stepTit .tit {font-size: 16px; line-height: 1.1;}
}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptJoin .joinArea {padding: 0;}

    .cptJoin .joinStep {margin: 0 0 30px;}
    .cptJoin .joinStep .stepGroup {row-gap: 3px; column-gap: 3px;}
    .cptJoin .joinStep .stepGroup .item {width: calc(33.3333% - 2px); min-width:auto; height: 55px; border-radius: 7px; padding: 4px 15px; background: #f2f2f2; display: flex; align-items: center;}
    .cptJoin .joinStep .stepGroup .item::before {display:none;}
    .cptJoin .joinStep .stepGroup .item::after {display: none;}
    .cptJoin .joinStep .stepGroup .stepTit {min-height:auto;padding-left: 30px; background-size: 22px;}
    .cptJoin .joinStep .stepGroup .stepTit.step04 {background-size: 22px;}
    .cptJoin .joinStep .stepGroup .stepTit .num {font-size: 9px;margin-bottom:2px;}
    .cptJoin .joinStep .stepGroup .stepTit .tit {margin-top: -2px;font-size: 12px;}
    .cptJoin .joinStep .stepGroup .item.now {background: #191c38;}
    .cptJoin .joinStep .stepGroup .item.now .stepTit {opacity: 1;}
    .cptJoin .joinStep .stepGroup .item.now .stepTit.step01 {background-image: url(/common/images/sub/join_step01_m.png);}
    .cptJoin .joinStep .stepGroup .item.now .stepTit.step02 {background-image: url(/common/images/sub/join_step02_m.png);}
    .cptJoin .joinStep .stepGroup .item.now .stepTit.step03 {background-image: url(/common/images/sub/join_step03_m.png);}
    .cptJoin .joinStep .stepGroup .item.now .stepTit.step04 {background-image: url(/common/images/sub/join_step04_m.png);}
    .cptJoin .joinStep .stepGroup .item.now .stepTit.step05 {background-image: url(/common/images/sub/join_step05_m.png);}
    .cptJoin .joinStep .stepGroup .item.now .stepTit .num {color: #fff;}
    .cptJoin .joinStep .stepGroup .item.now .stepTit .tit {color: #fff;}

    .cptJoin .joinStep .stepGroup .item.done .stepTit {opacity: 0.3;}
}

/* 정보 입력 */
.cptJoin .insideIpt {width: 100%; max-width: 640px; margin: 0 auto;}
.cptJoin .insideIpt .insideTit {padding: 25px 23px 34px; text-align: center;}
.cptJoin .insideIpt .insideTit dt {font-size: 30px; color: #000; font-weight: 700;}
.cptJoin .insideIpt .insideTit dd {margin-top: 10px; font-size: 18px; color: #666; font-weight: 700;}
.cptJoin .insideIpt .insideTit.kids {text-align: left; background: url(/common/images/sub/join_kids.png) calc(100% - 48px) bottom no-repeat;}

.cptJoin .insideIpt .insideBox {width: 100%; padding: 58px 10px 48px; border: 1px solid #ccc; border-radius: 20px; background: #f5f5f5; display: flex; justify-content: center;}
.cptJoin .insideIpt .iptGroup {width: 365px;}
.cptJoin .insideIpt .iptGroup .item {margin-bottom: 27px;}
.cptJoin .insideIpt .iptGroup .item:last-child {margin-bottom: 0;}
.cptJoin .insideIpt .iptGroup .info {display: flex; align-items: center;}
.cptJoin .insideIpt .iptGroup .info dt {width: 75px; margin-right: 22px; text-align: right; font-size: 16px;}
.cptJoin .insideIpt .iptGroup .info dd {width: calc(100% - 97px);}
.cptJoin .insideIpt .iptGroup .info input[type=text] {height: 46px;}
.cptJoin .insideIpt .iptGroup .info dt.noView {font-size: 0;}
.cptJoin .insideIpt .iptGroup .basicTxt {font-size: 16px; font-weight: 500; color: #000;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptJoin .insideIpt .insideTit {min-height: 87px; padding: 23px 0 0;}
    .cptJoin .insideIpt .insideTit dt {font-size: 17px;}
    .cptJoin .insideIpt .insideTit dd {margin-top: 0; font-size: 13px; font-weight: 500;}
    .cptJoin .insideIpt .insideTit.kids {text-align: left; background-position: calc(100% - 16px) top; background-size: 75px;}
    
    .cptJoin .insideIpt .insideBox {padding: 33px 31px 31px; border-radius: 7px;}
    .cptJoin .insideIpt .iptGroup {width: 100%;}
    .cptJoin .insideIpt .iptGroup .item {margin-bottom: 10px;}
    .cptJoin .insideIpt .iptGroup .info dt {width: 60px; margin-right: 20px; font-size: 15px;}
    .cptJoin .insideIpt .iptGroup .info dd {width: calc(100% - 80px);}
    .cptJoin .insideIpt .iptGroup .info input[type=text] {height: 40px;}
    .cptJoin .insideIpt .iptGroup .basicTxt {font-size: 14px; }
    .cptJoin .insideIpt + .comBtnGroup {margin-top: 20px;}
}

/* 약관동의 */
.cptJoin .clausWrap {width: 100%; margin-bottom: 45px; border: 1px solid #ccc; border-radius: 15px; background: #fff; overflow: hidden;}
.cptJoin .clausWrap .clausTit {width: 100%; height: 62px; padding: 0 28px; border-bottom: 1px solid #ccc; line-height: 60px; background: #ededed;}
.cptJoin .clausWrap .clausTit .tit {padding-left: 36px; font-size: 18px; color: #191c38; font-weight: 700; background: url(/common/images/common/arw_claus.png) left center no-repeat;}
.cptJoin .clausWrap .clausCont {width: 100%; height: 242px; padding: 25px 30px; overflow-y: auto;}
.cptJoin .clausWrap .clausCont::-webkit-scrollbar {width: 8px;}
.cptJoin .clausWrap .clausCont::-webkit-scrollbar-thumb {width: 8px; background: #0082cd;}
.cptJoin .clausWrap .clausCont::-webkit-scrollbar-track {width: 8px; background: #eeeeee;}
.cptJoin .clausWrap .clausCont p {margin-bottom: 20px; font-size: 15px;}
.cptJoin .clausWrap .clausCont .txtRed {color: red;}
.cptJoin .clausWrap .clausCont .txtEmph {text-decoration: underline;}
.cptJoin .clausWrap .clausCont .txtEmph2 {font-size:120%;}
.cptJoin .clausWrap .clausCont .dotList {}
.cptJoin .clausWrap .clausCont .dotList .item {position: relative; margin-bottom: 2px; padding-left: 12px; font-size: 15px;}
.cptJoin .clausWrap .clausCont .dotList .item:before {content: ''; position: absolute; left: 0; top: 10px; width: 4px; height: 4px; border-radius: 50%; background: #333;}
.cptJoin .clausWrap .agree {padding: 20px 20px 20px 28px; border-top: 1px solid #ccc; background: #ededed;}
.cptJoin .clausWrap .agree .item {margin-bottom: 15px; display: flex; justify-content: space-between; align-items: center;}
.cptJoin .clausWrap .agree .item:last-child {margin-bottom: 0;}
.cptJoin .clausWrap .agree .item .agreeTxt {font-size: 15px; color: #191c38; font-weight: 500;}
.cptJoin .allAgree {width: 100%; padding: 21px 40px; margin-bottom: 87px; border-radius: 10px; border: 1px solid #ccc;  background: #ededed; text-align: right;}
.cptJoin .allAgree .checkItem input[type=checkbox] + label {padding: 0 40px 0 0; background-position: calc(100% - 2px) center; font-size: 20px; font-weight: 700;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptJoin .clausWrap {margin-bottom: 30px; border-radius: 5px;}
    .cptJoin .clausWrap .clausTit { height: 50px; padding: 0 17px; line-height: 50px;}
    .cptJoin .clausWrap .clausTit .tit {padding-left: 38px; font-size: 17px; font-weight: 500;}
    .cptJoin .clausWrap .clausCont {height: 300px; padding: 18px 21px;}
    .cptJoin .clausWrap .clausCont p {font-size: 14px;}
    .cptJoin .clausWrap .clausCont .dotList {}
    .cptJoin .clausWrap .clausCont .dotList .item {margin-bottom: 5px; padding-left: 10px; font-size: 14px;}
    .cptJoin .clausWrap .clausCont .dotList .item:before {top: 9px; width: 3px; height: 3px;}
    .cptJoin .clausWrap .agree {padding: 18px 16px 21px;}
    .cptJoin .clausWrap .agree .item {margin-bottom: 30px;flex-wrap: wrap; justify-content: flex-start; align-items: center;}
    .cptJoin .clausWrap .agree .item .agreeTxt {width: 100%; margin-bottom: 9px;}
    .cptJoin .clausWrap + .allAgree {margin-top: -17px;}
    .cptJoin .allAgree { padding: 24px 26px; margin-bottom: 13px; border-radius: 3px;}
    .cptJoin .allAgree .checkItem input[type=checkbox] + label {padding: 0 27px 0 0; background-position: right center; font-size: 16px;}
}

/* 회원정보 입력 */
.cptJoinWrite {width: 100%;}
.cptJoinWrite .joinArea {width:100%;max-width: 1140px; padding: 0 20px; margin: 0 auto;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptJoinWrite .joinArea {padding: 0;}
}

/* 아이디 중복확인 */
.cptRepetition {width: 100%;}
.cptRepetition .repeatTit {padding-top: 150px; background: url(/common/images/sub/sub_repetition.png) center top no-repeat;}
.cptRepetition .repeatTit.type02 {background-image: url(/common/images/sub/sub_merge.png);}
.cptRepetition .infoTxt {width: 100%; margin: 20px 0 30px; text-align: center;}
.cptRepetition .infoTxt p {font-size: 16px; color: #666; font-weight: 500; line-height: 1.625;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptRepetition .repeatTit {padding-top: 100px; background-size: 84px;}
    .cptRepetition .infoTxt {margin: 25px 0;}
    .cptRepetition .infoTxt p {font-size: 14px; line-height: 1.28;}
}

/* 자동 로그아웃 */
.cptTimeout {width: 100%;}
.cptTimeout .timeOutTit {padding-top: 150px; background: url(/common/images/common/icon_timeout.png) center top no-repeat;}
.cptTimeout .timeOutTit .timeOut {text-align: center; font-size: 40px; font-weight: 500; color: #0082cd;}
.cptTimeout .infoTxt {width: 100%; margin: 20px 0 30px; text-align: center;}
.cptTimeout .infoTxt p {font-size: 16px; color: #666; font-weight: 500; line-height: 1.625;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptTimeout .timeOutTit {padding-top: 100px; background-size: 84px;}
    .cptTimeout .infoTxt {margin: 25px 0;}
    .cptTimeout .infoTxt p {font-size: 14px; line-height: 1.28;}
}

/* 정보박스 */
.cptInfoBox .infoBox {width: 100%; max-width: 795px; margin: 0 auto;}
.cptInfoBox .infoBox .boxArea {width: 100%; padding: 55px 80px 70px; border-radius: 25px; background: #ededed;}
.cptInfoBox .infoBox .boxTit {padding-top: 10px; margin-bottom: 30px;}
.cptInfoBox .infoBox .boxTit.merge {padding-right: 125px; background: url(/common/images/sub/sub_merge.png) right top no-repeat;}
.cptInfoBox .infoBox .boxTit .tit {margin-bottom: 23px; font-size: 30px; font-weight: 700;}
.cptInfoBox .infoBox .boxTit .desc {font-size: 16px; color: #666; font-weight: 500; line-height: 1.5;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptInfoBox .infoBox .boxArea {padding: 30px; border-radius: 7px; }
    .cptInfoBox .infoBox .boxTit {padding-top: 10px; margin-bottom: 30px;}
    .cptInfoBox .infoBox .boxTit.merge {min-height: 102px;padding-right: 100px; padding-top: 0; background-position: right calc(100% - 12px); background-size: 89px;}
    .cptInfoBox .infoBox .boxTit .tit {margin-bottom: 11px; font-size: 20px; }
    .cptInfoBox .infoBox .boxTit .desc {font-size: 15px;}
}

/* --------------------------------- 자가체력측정 --------------------------------- */
/* 체력측정 스텝 */
.cptAssessStep {width: 100%; margin-bottom: 60px;}
.cptAssessStep .stpGroup {width: 100%; display: flex;}
.cptAssessStep .stpGroup .stpItem {width: 21.6%; height: 148px; margin-left: -2%; background: url(/common/images/sub/svy_bg_off.png) center / 100% 148px no-repeat; position: relative;}
.cptAssessStep .stpGroup .stpItem .num {width: 44px; height: 44px; border-radius: 50%; text-align: center; line-height: 44px; font-size: 15px; color:#fff; font-weight: 700; background: #a0add8; position:absolute; top: -7px; left: 30px;}
.cptAssessStep .stpGroup .stpItem .stpTit {height: 148px; padding: 40px 30px 0 20%; font-size: 18px; color: #343b50; font-weight: 700; background: calc(100% - 44px) calc(100% - 24px) no-repeat; word-break: keep-all;}
.cptAssessStep .stpGroup .stpItem.stp01 .stpTit {background-image: url(/common/images/sub/svy_step01_off.png);}
.cptAssessStep .stpGroup .stpItem.stp02 .stpTit {background-image: url(/common/images/sub/svy_step02_off.png);}
.cptAssessStep .stpGroup .stpItem.stp03 .stpTit {background-image: url(/common/images/sub/svy_step03_off.png);}
.cptAssessStep .stpGroup .stpItem.stp04 .stpTit {background-image: url(/common/images/sub/svy_step04_off.png);}
.cptAssessStep .stpGroup .stpItem.stp05 .stpTit {background-image: url(/common/images/sub/svy_step05_off.png);}
.cptAssessStep .stpGroup .stpItem:first-child {width: 21.14%; margin-left: 0; background-image: url(/common/images/sub/svy_bg_off_first.png);}
.cptAssessStep .stpGroup .stpItem:first-child .num {left: 12px;}
.cptAssessStep .stpGroup .stpItem:first-child .stpTit { padding: 40px 30px 0 13%;}

.cptAssessStep .stpGroup .stpItem.nowStep {background-image: url(/common/images/sub/svy_bg_on.png);}
.cptAssessStep .stpGroup .stpItem:first-child.nowStep {background-image: url(/common/images/sub/svy_bg_on_first.png);}
.cptAssessStep .stpGroup .stpItem.nowStep .num {background: #2b2b2b;}
.cptAssessStep .stpGroup .stpItem.nowStep .stpTit {color: #fff;}
.cptAssessStep .stpGroup .stpItem.nowStep.stp01 .stpTit {background-image: url(/common/images/sub/svy_step01_on.png);}
.cptAssessStep .stpGroup .stpItem.nowStep.stp02 .stpTit {background-image: url(/common/images/sub/svy_step02_on.png);}
.cptAssessStep .stpGroup .stpItem.nowStep.stp03 .stpTit {background-image: url(/common/images/sub/svy_step03_on.png);}
.cptAssessStep .stpGroup .stpItem.nowStep.stp04 .stpTit {background-image: url(/common/images/sub/svy_step04_on.png);}
.cptAssessStep .stpGroup .stpItem.nowStep.stp05 .stpTit {background-image: url(/common/images/sub/svy_step05_on.png);}

@media screen and (min-width: 100px) and (max-width: 1199px) {
    .cptAssessStep .stpGroup .stpItem .stpTit {font-size: 16px; word-break: break-all;}
}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptAssessStep {margin-bottom: 17px;}
    .cptAssessStep .stpGroup {padding: 0 16px; flex-wrap: nowrap;}
    .cptAssessStep .stpGroup .stpItem {width: calc(25% - 7px); height: 64px; margin-left: 0; background:none; display: flex; align-items: center; justify-content: left;position: relative;}
    .cptAssessStep .stpGroup .stpItem::after {display: block; content: ""; width: calc(100% - 28px); height: 32px; border-top: 1px dashed #ccc; position: absolute; right: 0; bottom: 0;z-index: -1;}
    .cptAssessStep .stpGroup .stpItem .num {width: 28px; height: 28px; border: 2px solid #ccc; line-height: 23px; font-size: 16px; color:#ccc; background: #fff; position:static;}
    .cptAssessStep .stpGroup .stpItem .stpTit {height: 0; padding:0; font-size: 0; background: none;}
    .cptAssessStep .stpGroup .stpItem:first-child {width: calc(25% - 7px); background-image: none;}
    .cptAssessStep .stpGroup .stpItem:last-child {width: 28px;}
    .cptAssessStep .stpGroup .stpItem:last-child::after {display: none;}
    .cptAssessStep .stpGroup .stpItem:first-child .num {left: 0;}
    .cptAssessStep .stpGroup .stpItem:first-child .stpTit { padding: 0;}

    .cptAssessStep .stpGroup .stpItem.nowStep {background-image: none;}
    .cptAssessStep .stpGroup .stpItem:first-child.nowStep {background-image: none;}
    .cptAssessStep .stpGroup .stpItem:last-child.nowStep {width: 34px;}
    .cptAssessStep .stpGroup .stpItem.nowStep .num {width: 34px; height: 34px; border: none; line-height: 32px; font-size: 19px; color: #56c0fd; background: #333;}
    .cptAssessStep .stpGroup .stpItem.nowStep::before {display: block; content: ""; width: 64px;height: 64px; background: url(/common/images/sub/svy_step_m_bg.png) center / 64px no-repeat; position: absolute; top:0; left: -15px; z-index: -9;}
}

/* 설문 테이블 */
.cptSurveyTable {width: 100%;}
.cptSurveyTable .surveyArea {width: 100%;}
.cptSurveyTable .tableWrap {width: 100%; border: 1px solid #8497d3;border-radius: 17px; box-shadow: 4px 4px 25px 5px rgb(38 71 119 / 5%);overflow: hidden;}
.cptSurveyTable table {width: 100%; table-layout: fixed; border-collapse: collapse; border-spacing: 0;}
.cptSurveyTable table thead tr {border-bottom: 1px solid #b9c4e8;}
.cptSurveyTable table thead th {padding: 17px 10px; font-size: 17px; color: #333; font-weight: 700; background: #f5f5f5;}
.cptSurveyTable table tbody td {padding: 17px 10px; border-bottom: 1px dashed #a2b0be; font-size: 15px; text-align: center; vertical-align: top;}
.cptSurveyTable table tbody tr:last-child td {border-bottom: none;}
.cptSurveyTable table tbody td.left {text-align: left;}

.cptSurveyTable table .num {font-size: 17px; font-weight: 700;}
.cptSurveyTable table .num .subNum {color: #999;}
.cptSurveyTable table .tdTit {text-align: left; font-size: 16px; font-weight: 500; line-height:1.625;}
.cptSurveyTable table .tdTit + .checkGroup {margin-top: 10px;}
.cptSurveyTable table input[type=text] {width: 120px; height: 30px; padding: 0 10px; border-radius: 4px; margin: 0 12px; font-size: 15px;}
.cptSurveyTable table input[type=text].full {width: 100%; max-width: 300px; margin: 0;}
.cptSurveyTable table select {width: 60px; height: 30px;border-radius: 4px; padding: 0 20px 0 15px;margin: 0 12px; font-size: 15px; background-position: calc(100% - 10px) center;}

.cptSurveyTable.type02 tbody td.svCont { border-left: 1px solid #b9c4e8; background: #f6f6f6;}
.cptSurveyTable.type02 .checkGroup .checkItem {width: 100%;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptSurveyTable .tableWrap {box-shadow: none; border-radius: 6px;}
    .cptSurveyTable table thead th {padding: 13px 5px; font-size: 13px;}
    .cptSurveyTable table tbody td {padding: 11px 5px; font-size: 13px; vertical-align: middle;}
    .cptSurveyTable table tbody td.num {vertical-align: top;}

    .cptSurveyTable table .num {font-size: 13px; font-weight: 500;}
    .cptSurveyTable table .tdTit {font-size: 13px;}
    .cptSurveyTable table input[type=text] {width: 120px; height: 30px; padding: 0 10px; border-radius: 4px; margin: 0 12px; font-size: 15px;}
    .cptSurveyTable table input[type=text].full {max-width:none; }
    .cptSurveyTable table select { font-size: 13px; background-size: 7px;}

    .cptSurveyTable.type02 table,.cptSurveyTable.type02 tbody,.cptSurveyTable.type02 td {display: block;}
    .cptSurveyTable.type02 tr {width: 100%; display: flex;}
    .cptSurveyTable.type02 thead {width: 100%; display: block;}
    .cptSurveyTable.type02 thead th {width: 100%; display: block;}
    .cptSurveyTable.type02 thead th:first-child {width: 33px;}
    .cptSurveyTable.type02 thead th:last-child {display: none;}
    
    .cptSurveyTable.type02 tbody tr {flex-wrap: wrap;}
    .cptSurveyTable.type02 tbody td.num {width: 33px;border-bottom: none;}
    .cptSurveyTable.type02 tbody td.svAsk {width: calc(100% - 33px); border-bottom: none;}
    .cptSurveyTable.type02 tbody td.svCont {width: 100%; padding: 2px 20px 26px 38px; border-bottom-style: solid; background: #fff;}
    .cptSurveyTable.type02 tbody tr:last-child td:last-child {border-bottom: none;}
    .cptSurveyTable.type02 table tbody td:last-child {border-left: none;}
}

/* 정보입력 테이블 */
.cptInputTable {width: 100%;}
.cptInputTable .tableArea {width: 100%;}
.cptInputTable .tableWrap {}
.cptInputTable .tableWrap + .tableWrap {margin-top: 16px;}
.cptInputTable .tableTGCont + .tableWrap {margin-top: 16px;}
.cptInputTable .tableGap {margin-bottom: 16px;}
.cptInputTable .tableTop {width: 100%;}
.cptInputTable .affli {padding: 20px 0; border-top: 2px solid #191c38; display: flex; justify-content: center; align-items: center;}
.cptInputTable .affli .aflTit {margin-right: 65px; font-size: 17px; font-weight: 700;}
.cptInputTable .affli .aflCont .slctWrap {width: 180px; margin-right: 15px; display: inline-block; vertical-align: middle;}
.cptInputTable .affli .aflCont .slctWrap:last-child {margin-right: 0;}

.cptInputTable table {width: 100%; table-layout: fixed; border-collapse: separate; border-spacing: 0;}
.cptInputTable table thead {overflow: hidden; border: 0; width: 1px; height: 1px; clip: rect(1px,1px,1px,1px); clip-path: inset(50%); opacity: 0.01;} /*font-size: 0; line-height: 1; 삭제*/
.cptInputTable table thead tr {padding: 0; font-size: 1px; line-height: 0;}
.cptInputTable table thead th {padding: 0; font-size: 1px; line-height: 0;}
.cptInputTable table thead td {padding: 0; font-size: 1px; line-height: 0;}
.cptInputTable table td {padding: 15px; border-right: 1px solid #ccc; border-bottom: 1px dashed #ccc; font-size: 16px; font-weight: 500; text-align: center; background: #fff; word-break: break-all;}
.cptInputTable table tr:first-child td {border-top: 1px solid #ccc;}
.cptInputTable table tr:last-child td {border-bottom: 1px solid #ccc;}
.cptInputTable table tr:first-child td:first-child {border-left: 1px solid #ccc;}
.cptInputTable table tr:first-child td:first-child {border-top-left-radius: 10px;}
.cptInputTable table tr:first-child td:last-child {border-top-right-radius: 10px;}
.cptInputTable table td.bL {border-bottom-left-radius: 10px; border-bottom: 1px solid #ccc;}
.cptInputTable table td.bR {border-bottom-right-radius:10px;}
.cptInputTable table td.bderB {border-bottom: 1px solid #ccc;}
.cptInputTable table td.left {text-align: left;}
.cptInputTable table td.grey {background: #ececec;}
.cptInputTable table td.lgGrey {background: #f5f5f5;}
.cptInputTable table td .iptWrap {width: 70%; margin-right: 10px; display: inline-block; vertical-align: middle;}
.cptInputTable table td input {height: 30px; font-size: 15px;}
.cptInputTable table td .txt + .btn {margin-left: 15px;}
.cptInputTable table td .checkGroup + .btn {margin-left: 15px;}
.cptInputTable table td .comBtnGroup {margin-top: 0;}
.cptInputTable table td .comBtnGroup .btnArea {justify-content: flex-start;}

.cptInputTable table.listFirst {border-top: 2px solid #191c38;}
.cptInputTable table.listFirst thead {overflow: visible; width: auto; height: auto; clip: unset; clip-path: none; opacity: 1;} /* visibility: visible; 삭제*/
.cptInputTable table.listFirst thead th {padding: 15px 10px; font-size: 17px; font-weight: 700; line-height: 1.5;}

.cptInputTable .tableWrap03 table thead {overflow: visible; width: auto; height: auto; clip: unset; clip-path: none; opacity: 1;} /*font-size: 0; line-height: 1; 삭제*/
/* .cptInputTable .tableWrap03 table thead tr {padding: 0; font-size: 1px; line-height: 0;} */
.cptInputTable .tableWrap03 table thead th {padding: 15px 10px; font-size: 17px; font-weight: 700; line-height: 1.5;}
.cptInputTable .tableWrap03 table thead td {padding: 15px 10px; font-size: 17px; font-weight: 700; line-height: 1.5;}
.cptInputTable .tableWrap03 thead th {height: 52px; padding: 10px 5px; border-right: 1px solid #b9c4e8; border-bottom: 1px solid #b9c4e8; background: #f3f6fe; font-size: 16px; font-weight: 500; text-align: center; word-break: break-all;}
/* .cptInputTable .tableWrap03 thead th:last-child {border-right: 0;} */
.cptInputTable .tableWrap03 thead tr:first-child th {border-top: 1px solid #b9c4d8;}
.cptInputTable .tableWrap03 thead tr:first-child th:first-child {border-left: 1px solid #b9c4d8; border-top-left-radius: 10px;}
.cptInputTable .tableWrap03 thead tr:first-child th:last-child {border-top-right-radius: 10px;}
.cptInputTable .tableWrap03 thead tr:last-child th {border-bottom: none;}
.cptInputTable .tableWrap03 thead .bdrB0 {border-bottom: 0;}
.cptInputTable .tableWrap03 table tr:first-child td:first-child {border-top-left-radius: 0;}
.cptInputTable .tableWrap03 table tr:first-child td:last-child {border-top-right-radius: 0;}
.cptInputTable .tableWrap03 table tr td.bL {border-left: 1px solid #ccc; border-bottom-left-radius: 10px;}

.cptInputTable .comContTit + .tableWrap {margin-top: 25px;}

/* 테이블 내부 측정방법 컨텐츠 */
.cptInputTable .tableTGCont {margin-top: -13px; display: none;}
.cptInputTable .tableTGCont .cptSelfGuide .guideCont {flex-wrap: wrap;}
.cptInputTable .tableTGCont .cptSelfGuide .guideCont .guideTop {width: 100%; margin-bottom: 6px;}
.cptInputTable .tableTGCont .cptSelfGuide .guideCont .guideImgList {flex: 0 1 390px;}
.cptInputTable .tableTGCont.tabOpen {display: block;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptInputTable .tableGap {margin-bottom: 12px;}
    .cptInputTable .affli {padding: 17px 0; border-bottom: 2px solid #191c38; flex-wrap: wrap; justify-content: left;}
    .cptInputTable .affli .aflTit {width: 100%; margin-right:0; margin-bottom: 5px; font-size: 15px; font-weight: 500;}
    .cptInputTable .affli .aflCont {width: 100%;}
    .cptInputTable .affli .aflCont .slctWrap {width: calc(50% - 2.5px); margin-right: 2px;}

    .cptInputTable .tableWrap {margin-top: 20px;}
    .cptInputTable table,.cptInputTable tbody, .cptInputTable tr, .cptInputTable td {display: block;}
    .cptInputTable table.listFirst {border-top: none;}
    .cptInputTable table thead {display: none;}
    .cptInputTable table tbody tr {padding: 12px 15px; border: 1px solid #ccc; border-top: none; display: flex; flex-wrap: wrap; justify-content: left; align-items: center; row-gap: 10px; position: relative;}
    .cptInputTable table tbody tr:first-child{margin-top: 50px;}
    .cptInputTable table tbody tr:last-child {border-radius: 0 0 3px 3px;}
    .cptInputTable table td {width: 50%; padding: 0; font-size: 13px; display: flex; justify-content: space-between; align-items: center; position: relative;flex: 1 0 50%;}
    .cptInputTable table td .iptWrap {flex: 1 0 70%;}
    .cptInputTable .tableWrap table tbody tr td {border-radius: 0; border: none;}

    .cptInputTable table td.lgGrey {background:#fff;}
    .cptInputTable .tableWrap table tbody tr td.mCate {width: calc(100% + 2px); margin-left: -1px; padding: 13px 15px; border-radius: 3px 3px 0 0; border: 1px solid #ccc; text-align: left; font-size: 14px; font-weight: 700; background: #ececec; position: absolute; top: -49px; left: 0;justify-content: flex-start;}
    .cptInputTable table td.mHalf {width: 50%;}
    .cptInputTable table td .iptWrap + .txt {min-width: 35px;}
    .cptInputTable table td .txt + .btn {margin-left: 0; position: absolute; top: calc(100% + 10px); left: 0;}
    .cptInputTable table td .checkGroup + .btn {margin-left: 0; position: absolute; top: calc(100% + 10px); left: 0;}
    .cptInputTable table td .comBtnGroup {width: 100%;}
    .cptInputTable table td .comBtnGroup .btnArea {justify-content: flex-end;}
    .cptInputTable table td .comBtnGroup .btn.tableBtn {width: 50%;min-width: auto; flex: 0 1 50%;}
    .cptInputTable table td .btn {height: 25px; padding-left: 8px; line-height: 24px; font-size: 12px;  overflow: hidden;}
    .cptInputTable table td.mHalf .comBtnGroup .btnArea {justify-content: flex-end;}
    .cptInputTable table td .checkGroup.type03 .checkItem input[type=radio] + label {padding-left: 26px; font-size: 13px; line-height: 20px;background-size: 20px; }
    
    .cptInputTable .tableTGCont .cptSelfGuide .guideCont .guideTop {margin-bottom: 20px;}

    .cptInputTable .comContTit + .tableWrap {margin-top: 0;}

    /* 자가체력측정 항목 입력 페이지 */
    .cptInputTable.typeBtnR table td {background: transparent;}
    .cptInputTable.typeBtnR table td .comBtnGroup {width: 50%; margin-left: auto;}


    /* 체력측정항목 안내페이지 */
    .cptInputTable .tableWrap table.inMajor tbody tr td.mMajor {width: calc(100% + 2px); margin-left: -1px; border: none; text-align: left; font-size: 17px; font-weight: 700; background: #fff; position: absolute; top: -79px; left: 0;}
    .cptInputTable .tableWrap table.inMajor tbody tr td.mNone {display: none;}
    .cptInputTable .tableWrap table.inMajor tbody tr:not(.binded) {margin-top: 60px;}
    .cptInputTable .tableWrap table.inMajor tbody tr:first-child {margin-top: 90px;}

    /* 테이블 내부 측정방법 컨텐츠 */
    .cptInputTable .tableTGCont {margin-top: 0;}
    .cptInputTable .tableTGCont .cptSelfGuide .guideCont .guideDesc {padding-top: 55px;}
}

/* 체력측정 가이드 */
.cptSelfGuide {}
.cptSelfGuide .selfGuideArea {}
.cptSelfGuide .guideTop {display: flex; justify-content: space-between;}
.cptSelfGuide .guideTop .guideTit {}
.cptSelfGuide .guideTop .guideTit .tit {display: inline-block; padding: 9px 40px 10px 54px; border-radius: 22px; background: #2b2b2b url(/common/images/common/icon_self_measure_tit01.png) 20px center no-repeat; color: #fff; font-size: 18px; font-weight: 700;}
.cptSelfGuide .guideTop .guideTit .txtNormal {font-weight: 400;}

.cptSelfGuide .guideCont {display: flex; align-items: center; margin-top: 32px; padding: 28px 50px 72px 30px; border: 1px solid #e9e9e9; border-radius: 10px; background: #f7f7f7;}
.cptSelfGuide .guideCont .guideImgList {flex: 0 1 50.1%; min-width: 390px;}
.cptSelfGuide .guideCont .guideImgList > ul {display: flex; flex-wrap: wrap; align-items: center; width: 100%;}
.cptSelfGuide .guideCont .guideImgList .imgItem {position: relative; width: calc(50% - 8px); margin: 16px 16px 0 0; padding: 16px 0 0 16px;}
.cptSelfGuide .guideCont .guideImgList .imgItem:nth-child(2n) {margin-right: 0;}
.cptSelfGuide .guideCont .guideImgList .imgItem:nth-child(-n+2) {margin-top: 0;}
.cptSelfGuide .guideCont .guideImgList .imgItem:last-child {margin-right: 0;}
.cptSelfGuide .guideCont .guideImgList .imgItem .order {position: absolute; left: 0; top: 0; /* width: 27.4%; padding-top: 27.4%; */ width: 55px; height: 55px; border-radius: 50%; background: #0081cc;}
.cptSelfGuide .guideCont .guideImgList .imgItem .order .txt {position: absolute; left: 0; top: 50%; transform: translateY(calc(-50% + 2px)); width: 100%; color: #fff; font-size: 11px; font-style: normal; font-weight: 500; line-height: 1.1; text-align: center;}
.cptSelfGuide .guideCont .guideImgList .imgItem .order .num {font-size: 15px;}
.cptSelfGuide .guideCont .guideImgList .imgItem .thum {overflow: hidden; width: 100%; border-radius: 10px;}
.cptSelfGuide .guideCont .guideImgList .imgItem .thum img {width: 100%; vertical-align: top;}
.cptSelfGuide .guideCont .guideDesc {width: calc(93.4% - 390px); margin-left: 6.6%; padding-top: 46px;}
.cptSelfGuide .guideCont .guideDesc.guide01 {background: url(/common/images/sub/self_measure_desc_bg01.png) 100% 0 no-repeat;}
.cptSelfGuide .guideCont .guideDesc .descTop {margin-bottom: 30px; padding: 0 140px 0 26px; background: url(/common/images/common/icon_self_measure_desc01.png) 0 10px no-repeat; color: #0081cc; font-size: 18px; font-weight: 700;}
.cptSelfGuide .guideCont .guideDesc .descTop.noArr {padding: 0 140px 0 0; background: none;}

.cptSelfGuide .guideCont .guideDesc .descList {}
.cptSelfGuide .guideCont .guideDesc .descList .item {position: relative; margin-bottom: 6px; padding-left: 30px;}
.cptSelfGuide .guideCont .guideDesc .descList .item:last-child {margin-bottom: 0;}
.cptSelfGuide .guideCont .guideDesc .descList .item .num {position: absolute; left: 0; top: 0; width: 24px; height: 24px; border-radius: 50%; background: #666; color: #fff; font-size: 16px; font-weight: 500; line-height: 23px; text-align: center; vertical-align: middle;}
.cptSelfGuide .guideCont .guideDesc .descList .item .txt {font-size: 16px; font-weight: 500; vertical-align: middle;}
.cptSelfGuide .guideCont .guideDesc .descRef {margin-top: 28px;}
.cptSelfGuide .guideCont .guideDesc .descRef .item {padding-left: 8px; color: #666; font-size: 14px; font-weight: 500; text-indent: -8px;}

@media screen and (min-width: 100px) and (max-width: 1199px) {
    .cptSelfGuide .guideCont {padding: 28px 40px 60px 24px;}
}

@media screen and (min-width: 100px) and (max-width: 890px) {
    .cptSelfGuide .guideCont .guideDesc.guide01 {background: none;}
    .cptSelfGuide .guideCont .guideDesc .descTop {padding: 0 0 0 26px;}
    .cptSelfGuide .guideCont .guideDesc .descTop.noArr {padding: 0;}
}
@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptSelfGuide .guideTop {flex-wrap: wrap;}
    .cptSelfGuide .guideTop .guideTit {width: 100%;}
    .cptSelfGuide .guideTop .guideTit .tit {padding: 0 0 0 32px; background: transparent url(/common/images/common/icon_self_measure_tit02.png) 0 1px / 22px no-repeat; color: #333; font-size: 16px;}
    .cptSelfGuide .guideTop .guidePopBtn {width: 100%; margin-top: 30px; font-size: 0;}
    
    .cptSelfGuide .guideCont {flex-wrap: wrap; padding: 26px 18px; margin-top: 10px;}
    .cptSelfGuide .guideCont .guideImgList {flex-basis: 100%; min-width: 0;}
    .cptSelfGuide .guideCont .guideImgList > ul {}
    .cptSelfGuide .guideCont .guideImgList .imgItem {width: calc(50% - 4px); max-width: 300px; margin: 8px 8px 0 0; padding: 20px 0 0 20px;}
    .cptSelfGuide .guideCont .guideImgList .imgItem:last-child {margin-bottom: 0;}
    .cptSelfGuide .guideCont .guideImgList .imgItem .order {width: 44px; height: 44px;}
    .cptSelfGuide .guideCont .guideImgList .imgItem .order .txt {transform: translateY(calc(-50% + 1px)); font-size: 10px;}
    .cptSelfGuide .guideCont .guideImgList .imgItem .order .num {font-size: 13px;}

    .cptSelfGuide .guideCont .guideDesc {width: 100%; margin-left: 0; padding-top: 80px;}
    .cptSelfGuide .guideCont .guideDesc.guide01 {background: url(/common/images/sub/self_measure_desc_bg01.png) 100% 38px / 110px no-repeat;}
    .cptSelfGuide .guideCont .guideDesc .descTop {margin-bottom: 14px; padding: 0 110px 0 26px; font-size: 16px;}
    .cptSelfGuide .guideCont .guideDesc .descTop.noArr {padding: 0 110px 0 0;}
    .cptSelfGuide .guideCont .guideDesc .descTop.noArr br {display: none;}
    .cptSelfGuide .guideCont .guideDesc .descList .item {padding-left: 26px;}
    .cptSelfGuide .guideCont .guideDesc .descList .item .num {width: 20px; height: 20px; font-size: 12px; line-height: 19px;}
    .cptSelfGuide .guideCont .guideDesc .descList .item .txt {font-size: 14px;}
    .cptSelfGuide .guideCont .guideDesc .descRef {margin-top: 8px;}
    .cptSelfGuide .guideCont .guideDesc .descRef .item {font-size: 14px;}
    
    .cptSelfGuide .guideCont .guideDesc .descList.listOnly .item:first-child {padding-right: 100px;}
}



/* --------------------------------- 컨텐츠 공통 --------------------------------- */
/* 컨텐츠 그룹 */
.cptContGrp {margin-bottom: 30px;}
.cptContGrp .contGrpArea {}
.cptContGrp .mainContDiv {margin-top: 44px;}
.cptContGrp .contDescArea {/* margin: 20px 0 38px; */ margin: 38px 0; padding-left: 35px;} /* 서브 컨텐츠 묶음 (들여쓰기) */
.cptContGrp .descDiv {margin-top: 38px;} /* 단락구분: 서브 컨텐츠 간 */
.cptContGrp .descDivSm {margin-top: 20px;} /* 단락구분: 서브 컨텐츠 간 */
.cptContGrp .slideBtn {cursor: pointer;}

.cptContGrp.noSnb {margin-top: 50px;} /* side nav 없을때 top margin 적용 */
.cptContGrp.noSnb .contDescArea {max-width: 1200px; margin: 38px auto 0; padding: 0;}

.comTableBasic .tableMain tbody td .cptContGrp {margin-bottom: 0;} /* 테이블 내 마진 제거 */

/* 컨텐츠 그룹 - 기본박스 내 텍스트 */
.cptContGrp .infoBoxBasic {padding: 30px 34px; border-radius: 20px; background: #ededed;}
.cptContGrp .infoBoxBasic .infoDesc {padding: 0 4.3%;}
.cptContGrp .infoBoxBasic .infoDesc dt {color: #000; font-size: 20px; font-weight: 700;}
.cptContGrp .infoBoxBasic .infoDesc dd {margin-top: 8px; color: #000; font-size: 16px; font-weight: 500; line-height: 1.6;}

.cptContGrp .infoBoxBasic .infoDesc.char01 dl {padding: 25px 0 25px 150px; background: url(/common/images/sub/cont_infobox_img01.png) 0 0 no-repeat;}

/* 컨텐츠 그룹 - 기본박스 내 이용절차 */
.cptContGrp .infoBoxBasic .selfUseStep {padding: 24px 4.7%;}
.cptContGrp .infoBoxBasic .selfUseStep .stepItem {display: flex; align-items: center; position: relative; margin-bottom: 42px;}
.cptContGrp .infoBoxBasic .selfUseStep .stepItem:last-child {margin-bottom: 0;}
.cptContGrp .infoBoxBasic .selfUseStep .stepItem:after {content: ''; position: absolute; left: 147px; top: calc(100% + 10px); width: 20px; height: 20px; background: url(/common/images/sub/icon_self_use_step05.png) center / 20px no-repeat;}
.cptContGrp .infoBoxBasic .selfUseStep .stepItem:last-child:after {content: none;}
.cptContGrp .infoBoxBasic .selfUseStep .stepItem .tit {flex-shrink: 0; position: relative; min-width: 276px; max-width: 294px; width: 46%; height: 70px; margin-right: 64px; }
.cptContGrp .infoBoxBasic .selfUseStep .stepItem .tit:before {content: ''; position: absolute; right: -10px; top: calc(50% - 8px); width: 16px; height: 16px; border: 2px solid #000; border-radius: 50%; background: #fff;}
.cptContGrp .infoBoxBasic .selfUseStep .stepItem .tit b {display: inline-block; width: 100%; height: 100%; padding: 20px 0 0 34px; border: 2px solid #191c38; border-radius: 32px; background-color: #fff; background-repeat: no-repeat; background-position: calc(100% - 40px) center; color: #191c38; font-size: 18px; font-style: normal; font-weight: 700;}
.cptContGrp .infoBoxBasic .selfUseStep .step01 .tit b {background-image: url(/common/images/sub/icon_self_use_step01.png); background-size: 34px;}
.cptContGrp .infoBoxBasic .selfUseStep .step02 .tit b {background-image: url(/common/images/sub/icon_self_use_step02.png); background-size: 36px;}
.cptContGrp .infoBoxBasic .selfUseStep .step03 .tit b {background-image: url(/common/images/sub/icon_self_use_step03.png); background-size: 35px;}
.cptContGrp .infoBoxBasic .selfUseStep .step04 .tit b {background-image: url(/common/images/sub/icon_self_use_step04.png); background-position: calc(100% - 34px) center; background-size: 49px;}
.cptContGrp .infoBoxBasic .selfUseStep .stepItem .tit b:before {content: ''; position: absolute; left: calc(100% + 10px); top: calc(50% + 2px); max-width: 50px; width: 14.5%; height: 1px; background: #333;}
.cptContGrp .infoBoxBasic .selfUseStep .stepItem .tit b:after {content: ''; position: absolute; left: calc(100% + 50px); top: calc(50% - 1px); width: 6px; height: 6px; border-radius: 50%; background: #333;}
.cptContGrp .infoBoxBasic .selfUseStep .stepItem .desc {color: #666; font-size: 16px; font-weight: 700; word-break: keep-all;}

/* 컨텐츠 그룹 - 기본박스 내 국민체력관리 이미지 */
.cptContGrp .infoBoxBasic .introProcess {text-align: center;}
.cptContGrp .infoBoxBasic .introProcess img {width: 100%; vertical-align: top;}
.cptContGrp .infoBoxBasic .introProcess .pcImg {}
.cptContGrp .infoBoxBasic .introProcess .pcImg img {max-width: 721px;}
.cptContGrp .infoBoxBasic .introProcess .mobImg {display: none;}

/* 컨텐츠 그룹 - border 박스 내 텍스트 */


/* 컨텐츠 그룹 - 일반 텍스트 */
.cptContGrp .paraBasic {padding-left: 32px;}
.cptContGrp .paraBasic p {color: #000; font-size: 18px; font-weight: 500;}
.cptContGrp .paraBasic.descrType p {color: #666; font-size: 16px; line-height: 1.6;}
.cptContGrp .paraBasic p i {color: #666; font-size: 16px; line-height: 1.6;font-style: normal;}
.cptContGrp .paraBasic p.right {text-align: right;}
.cptContGrp .contGrpArea > .paraBasic:first-child {padding-left: 0;}

/* 컨텐츠 그룹 - 기본 hyphen 리스트 */
.cptContGrp .hyphenList {padding-left: 32px;}
.cptContGrp .hyphenList > ul .hyphenItem {margin-bottom: 2px; padding-left: 10px; color: #666; font-size: 16px; font-weight: 500; text-indent: -8px;}

.cptContGrp .hyphenList.single {padding-left: 0;} /* 하위 아이템으로 쓰이지 않고 단독으로 쓰일 때 */

.cptContGrp .listRoundNum .numItem .hyphenList {margin: 6px 0; padding-left: 0;} /* 예외 - 숫자리스트 하위로 들어갈 경우 위아래 마진 추가 */
.comTableBasic .tableMain tbody .left .hyphenList {padding-left: 0;} /* 예외 - 테이블 내 왼쪽 정렬 시 패딩 제거 */

/* 컨텐츠 그룹 - 기본 dot 리스트 */
.cptContGrp .dotListBasic {padding-left: 32px;}
.cptContGrp .dotListBasic .dotItem {position: relative; margin-bottom: 2px; padding-left: 12px; color: #666; font-size: 16px; font-weight: 500;}
.cptContGrp .dotListBasic .dotItem:last-child {margin-bottom: 0;}
.cptContGrp .dotListBasic .dotItem:before {content: ''; position: absolute; left: 0; top: 10px; width: 5px; height: 5px; border-radius: 50%; background: #333;}
.cptContGrp .dotListBasic .dotItem .ref {color: #666; font-size: 16px; font-weight: 400; font-style: normal;}

.cptContGrp .dotListBasic.fontType02 {}
.cptContGrp .dotListBasic.fontType02 .dotItem {color: #333; font-size: 18px;}
.cptContGrp .dotListBasic.fontType02 .dotItem:before {top: 12px;}

.cptContGrp .dotListBasic.typeEmTit .dotItem em {font-weight: 700; color: #0082cd;}
.cptContGrp .dotListBasic.typeEmTit .dotItem:before {background: #0082cd;}

/* 컨텐츠 그룹 - 정의형 dot 리스트 (주로 타이틀과 세트) */
.cptContGrp .defDotList {padding-left: 32px;}
.cptContGrp .defDotList .defDotItem {position: relative; margin-bottom: 2px; padding-left: 10px; font-size: 16px; font-weight: 500;}
.cptContGrp .defDotList .defDotItem:before {content: ''; position: absolute; left: 0; top: 11px; width: 4px; height: 4px; border-radius: 50%; background: #191c38;}

/* 컨텐츠 그룹 - 숫자 리스트 */
.cptContGrp .listRoundNum {}
.cptContGrp .listRoundNum .numItem {position: relative; margin-bottom: 6px; padding-left: 26px; color: #333; font-size: 16px; font-weight: 500;}
.cptContGrp .listRoundNum .numItem:last-child {margin-bottom: 0;}
.cptContGrp .listRoundNum .numItem .num {position: absolute; left: 0; top: 2px; width: 22px; height: 22px; margin-right: 4px; border-radius: 50%; background: #333; color: #fff; font-size: 16px; line-height: 21px; text-align: center; vertical-align: top;}


/* 컨텐츠 그룹 - 스포츠활동 인센티브 (참여방법) */
.cptContGrp .serviceInfoList {}
.cptContGrp .serviceInfoList > ul {display: flex;}
.cptContGrp .serviceInfoList .infoItem {display: flex; flex-direction: column; position: relative; width: calc(25% - 10.5px); margin-right: 14px;}
.cptContGrp .serviceInfoList .infoItem:last-child {margin-right: 0;}
.cptContGrp .serviceInfoList .infoItem:after {content: ''; position: absolute; right: -32px; top: 76px; width: 50px; height: 50px; background: url(/common/images/sub/icon_service_arr01.png) center no-repeat; z-index: 10;}
.cptContGrp .serviceInfoList .infoItem:last-child:after {content: none;}
.cptContGrp .serviceInfoList .infoItem .imgBox {width: 100%; height: 186px; border: 1px solid #ccc;}
.cptContGrp .serviceInfoList .infoItem .imgBox img {width: 100%; height: 100%; object-fit: cover;}
.cptContGrp .serviceInfoList .infoItem .desc {position: relative; min-height: 30px; margin-top: 16px; padding: 2px 0 0 40px; color: #000; font-size: 16px; font-weight: 500;}
.cptContGrp .serviceInfoList .infoItem .desc .num {position: absolute; left: 0; top: 0; width: 30px; height: 30px; margin-right: 10px; border-radius: 6px; background: #333; color: #fff; font-size: 16px; font-weight: 500; line-height: 29px; text-align: center;}
.cptContGrp .serviceInfoList .infoItem .desc .pcBr {}

/* 컨텐츠 그룹 - 컨텐츠 사이드 이미지 배치 */
.cptContGrp .imgDesc {width: 100%; margin-top: 22px; display: flex; column-gap: 40px; align-items: flex-start; justify-content: center;}
.cptContGrp .imgDesc .descWrap {padding: 10px 0; color: #666; font-size: 16px; font-weight: 500; line-height: 1.6; }
.cptContGrp .imgDesc .imgWrap {text-align: center;display: flex; flex-wrap: wrap; justify-content: center; row-gap: 10px;}
.cptContGrp .imgDesc .imgWrap .caption {width: 100%; font-size: 15px; color: #666; font-weight: 500;text-align: center;}
.cptContGrp .imgDesc .dsplyNone {font-size: 0; line-height: 0; position: absolute; top: -1px; right: -1px; opacity: 0.01; width: 1px; height: 1px; overflow: hidden;}

.cptContGrp .imgDesc.full {flex-wrap: wrap; row-gap: 20px;}
.cptContGrp .imgDesc.full .imgWrap {width: 100%; text-align: center; justify-content: center;}
.cptContGrp .imgDesc.full .descWrap {width: 100%;}
.cptContGrp .imgDesc .descWrap.full {width: 100%;}
.cptContGrp .imgDesc .imgWrap + .descWrap .dotListBasic {padding-left: 0;}

.modPopup .cptContGrp .imgDesc .imgWrap img {max-width: 100%;}


/* 건강체력기준 가이드 예외 컨텐츠 */
.cptContGrp .contGrpArea .exceptBox {width: 100%; border-radius: 20px; padding: 50px 60px; background: #ededed;}
.cptContGrp .contGrpArea .exceptBox .txt {margin-bottom: 45px; font-size: 16px; color: #000; font-weight: 500;}
.cptContGrp .contGrpArea .exceptBox .descGroup {width: 100%; display: flex; column-gap: 70px; justify-content: space-between;}
.cptContGrp .contGrpArea .exceptBox .descGroup .item {min-height: 100px; padding-left: 100px; background: left center no-repeat;}
.cptContGrp .contGrpArea .exceptBox .descGroup .item.bg01 {background-image: url(/common/images/sub/cont_standard01.png);}
.cptContGrp .contGrpArea .exceptBox .descGroup .item.bg02 {background-image: url(/common/images/sub/cont_standard02.png);}
.cptContGrp .contGrpArea .exceptBox .descGroup .item .tit { width:100%; margin-bottom: 10px; font-size: 18px; color: #000; font-weight: 700; display: inline-block;}
.cptContGrp .contGrpArea .exceptBox .descGroup .item .desc {width:100%; font-size: 15px; font-weight: 500; font-style: normal; line-height: 1.3;display: inline-block;}

.cptContGrp .contGrpArea .exceptBox02 {width: 100%; border-radius: 20px; padding: 25px 10px; background: #ededed;}
.cptContGrp .contGrpArea .exceptBox02 .descGroup {width: 100%; display: flex;}
.cptContGrp .contGrpArea .exceptBox02 .descGroup .item {padding: 0 30px; border-right: 1px solid #c9c9c9;}
.cptContGrp .contGrpArea .exceptBox02 .descGroup .item:last-child {border-right: none;}
.cptContGrp .contGrpArea .exceptBox02 .descGroup .item .tit {width: 100%; padding: 80px 0 25px; font-size: 20px; color: #000; font-weight: 700; display: inline-block; background: right calc(100% - 13px) no-repeat;}
.cptContGrp .contGrpArea .exceptBox02 .descGroup .item.bg03 .tit {background-image: url(/common/images/sub/cont_standard03.png);}
.cptContGrp .contGrpArea .exceptBox02 .descGroup .item.bg04 .tit {background-image: url(/common/images/sub/cont_standard04.png);}
.cptContGrp .contGrpArea .exceptBox02 .descGroup .item.bg05 .tit {background-image: url(/common/images/sub/cont_standard05.png);}
.cptContGrp .contGrpArea .exceptBox02 .descGroup .item .desc {width:100%; padding-bottom: 40px; font-size: 15px; font-weight: 500; font-style: normal; line-height: 1.3;display: inline-block;}

/* 가이드 예외 컨텐츠 - 자가진단 진단표 */
.cptContGrp .alertCheckBox {width: 100%; margin: 45px 0;}
.cptContGrp .alertCheckBox .boxArea {width: 100%; padding: 25px 30px; border: 1px solid #ccc;border-radius: 21px; background-color: #fafafa; display: flex; align-items: center;}
.cptContGrp .alertCheckBox .boxArea::before {display: block; content: ""; height: 1px; margin: 0 10px; border-top: 1px dashed #ccc; flex: 1 0 auto; }
.cptContGrp .alertCheckBox .chkTxt {padding-left: 35px; font-size: 16px; font-weight: 700; background:url(/common/images/common/icon_exclam.png) left center no-repeat; order: -1;}
.cptContGrp .alertCheckBox .chkBtn {min-width: 160px; height: 40px; border-radius: 4px; padding: 0 10px 0 45px; font-size: 15px; color: #fff; font-weight: 500; text-align: left; background: #0475cd url(/common/images/common/icon_check.png) 15px center no-repeat;}

.cptContGrp .alertCheckCont {display: none;}
.cptContGrp .alertCheckCont.openCont {display: block;}

/*이미지 컨텐츠 설명글 좌측 여백 추가 일 경우*/
.cptContGrp .imgDesc.paraType {padding-left:32px;}

/* 컨텐츠 그룹 - 내부 팝업 버튼 */
.cptContGrp .contBtnWrap {width: 100%; margin-top: 20px; display: flex; column-gap: 20px;}
.cptContGrp .contBtnWrap.right {justify-content: right;}
.cptContGrp .contBtnWrap .contBtn {min-height: 50px; padding: 5px 60px 5px 20px; border-radius: 4px; text-align: left; font-size: 15px; font-weight: 700; color: #fff; background: #343754 url(/common/images/common/arw_circle_btn.png) calc(100% - 16px) center / 30px no-repeat; }
.cptContGrp .contBtnWrap .contBtn:not(.mFull) {flex: 0 1 200px;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptContGrp .imgDesc {flex-wrap: wrap; row-gap: 20px; margin-top: 10px;}
    .cptContGrp .imgDesc .descWrap {width: 100%; padding: 0; font-size: 14px; color: #000;}
    .cptContGrp .imgDesc .imgWrap {width: 100%; padding: 0 20px; border-radius: 4px; align-items: center; }
    .cptContGrp .imgDesc .imgWrap img {max-width: 100%;}
    .cptContGrp .imgDesc .imgWrap .caption {font-size: 13px;}
    .cptContGrp .imgDesc.paraType {padding-left:0;}
    .modPopup .cptContGrp .imgDesc .imgWrap {padding: 0;}

    .cptContGrp .contBtnWrap { flex-wrap: wrap; column-gap: 10px; row-gap: 10px;}
    .cptContGrp .contBtnWrap .contBtn {width: calc(50% - 5px); padding: 5px 47px 5px 17px;}
    .cptContGrp .contBtnWrap .contBtn:not(.mFull) { flex: 1 0 calc(50% - 5px);}
    .cptContGrp .contBtnWrap .contBtn.mFull {width: 100%;}
}

@media screen and (min-width: 100px) and (max-width: 767px) {    
    /* 컨텐츠 그룹 */
    .cptContGrp .mainContDiv {margin-top: 36px;}
    .cptContGrp .contDescArea {padding-left: 10px; margin: 30px 0;} /* 서브 컨텐츠 묶음 (들여쓰기) */
    .cptContGrp .descDiv {margin-top: 30px;} /* 단락구분: 서브 컨텐츠 간 */
    .cptContGrp .descDivSm {margin-top: 14px;} /* 단락구분: 서브 컨텐츠 간 */

    /* 컨텐츠 그룹 - 기본박스 내 텍스트 */
    .cptContGrp .infoBoxBasic {padding: 0; border-radius: 6px;}

    /* 컨텐츠 그룹 - 기본박스 내 이용절차 */
    .cptContGrp .infoBoxBasic .selfUseStep {padding: 30px 16px;}
    .cptContGrp .infoBoxBasic .selfUseStep .stepItem {display: block; min-height: 84px; margin-bottom: 52px; padding: 8px 0 0 96px;}
    .cptContGrp .infoBoxBasic .selfUseStep .stepItem:before {content: ''; position: absolute; left: 0; top: calc(50% - 42px); width: 84px; height: 84px; border-radius: 50%; background-color: #fff; background-repeat: no-repeat; background-position: center;}
    .cptContGrp .infoBoxBasic .selfUseStep .step01:before {background-image: url(/common/images/sub/icon_self_use_step01.png); background-size: 42px;}
    .cptContGrp .infoBoxBasic .selfUseStep .step02:before {background-image: url(/common/images/sub/icon_self_use_step02.png); background-size: 46px;}
    .cptContGrp .infoBoxBasic .selfUseStep .step03:before {background-image: url(/common/images/sub/icon_self_use_step03.png); background-size: 40px;}
    .cptContGrp .infoBoxBasic .selfUseStep .step04:before {background-image: url(/common/images/sub/icon_self_use_step04.png); background-size: 54px;}
    .cptContGrp .infoBoxBasic .selfUseStep .stepItem:after {left: calc(50% - 12px); top: calc(100% + 14px); width: 24px; height: 24px; background-size: 24px;}
    .cptContGrp .infoBoxBasic .selfUseStep .stepItem .tit {display: inline-block; min-width: 0; max-width: none; width: 100%; height: auto; margin-right: 0;}
    .cptContGrp .infoBoxBasic .selfUseStep .stepItem .tit:before {content: none;}
    .cptContGrp .infoBoxBasic .selfUseStep .stepItem .tit b {padding: 0; border: 0; border-radius: 0; background: none; color: #333; font-size: 16px;}
    .cptContGrp .infoBoxBasic .selfUseStep .step01 .tit b {background: none;}
    .cptContGrp .infoBoxBasic .selfUseStep .step02 .tit b {background: none;}
    .cptContGrp .infoBoxBasic .selfUseStep .step03 .tit b {background: none;}
    .cptContGrp .infoBoxBasic .selfUseStep .step04 .tit b {background: none; background-position: calc(100% - 34px) center;}
    .cptContGrp .infoBoxBasic .selfUseStep .stepItem .tit b:before {content: none;}
    .cptContGrp .infoBoxBasic .selfUseStep .stepItem .tit b:after {content: none;}
    .cptContGrp .infoBoxBasic .selfUseStep .stepItem .desc {font-size: 14px; font-weight: 500;}

    /* 컨텐츠 그룹 - 기본박스 내 국민체력관리 이미지 */
    .cptContGrp .infoBoxBasic .introProcess {padding: 28px 6px;}
    .cptContGrp .infoBoxBasic .introProcess .pcImg {display: none;}
    .cptContGrp .infoBoxBasic .introProcess .mobImg {display: inline-block;}
    .cptContGrp .infoBoxBasic .introProcess .mobImg img {max-width: 350px;}
    
    /* 컨텐츠 그룹 - 일반 텍스트 */
    .cptContGrp .paraBasic {padding-left: 0;}
    .cptContGrp .paraBasic p {font-size: 15px; line-height: 1.4;}
    .cptContGrp .paraBasic.descrType p {color: #000; font-size: 14px;}

    /* 컨텐츠 그룹 - 기본 hyphen 리스트 */
    .cptContGrp .hyphenList {padding-left: 20px;}
    .cptContGrp .hyphenList > ul .hyphenItem {margin-bottom: 4px; padding-left: 8px; font-size: 14px; line-height: 1.4;}
    
    .cptContGrp .listRoundNum .numItem .hyphenList {margin: 8px 0;} /* 예외 - 숫자리스트 하위로 들어갈 경우 위아래 마진 추가 */
    .comTableBasic .tableMain tbody .left .hyphenList > ul .hyphenItem {font-size: 13px;} /* 예외 - 테이블 내에서 폰트 사이즈 일반 텍스트에 맞춰 13px로 줄임 */

    /* 컨텐츠 그룹 - 기본 dot 리스트 */
    .cptContGrp .dotListBasic {padding-left: 10px;}
    .cptContGrp .dotListBasic .dotItem {margin-bottom: 5px; font-size: 14px;}
    .cptContGrp .dotListBasic .dotItem:before { top: 9px; width: 3px; height: 3px;}
    .cptContGrp .dotListBasic .dotItem .ref {font-size: 14px;}

    .cptContGrp .dotListBasic.fontType02 .dotItem {padding-left: 8px; font-size: 14px;}
    .cptContGrp .dotListBasic.fontType02 .dotItem:before {top: 9px;}
    
    /* 컨텐츠 그룹 - 정의형 dot 리스트 (주로 타이틀과 세트) */
    .cptContGrp .defDotList {padding-left: 10px;}
    .cptContGrp .defDotList .defDotItem {margin-bottom: 5px; font-size: 14px; }
    .cptContGrp .defDotList .defDotItem:before {top: 9px; width: 3px; height: 3px;}

    /* 컨텐츠 그룹 - 숫자 리스트 */
    .cptContGrp .listRoundNum .numItem {margin-bottom: 6px; padding-left: 24px; font-size: 14px;}
    .cptContGrp .listRoundNum .numItem .num {top: 1px; width: 20px; height: 20px; font-size: 13px; line-height: 19px;}
    

    /* 컨텐츠 그룹 - 스포츠활동 인센티브 (참여방법) */
    .cptContGrp .serviceInfoList > ul {flex-wrap: wrap;}
    .cptContGrp .serviceInfoList .infoItem {width: 100%; margin: 0 0 66px 0;}
    .cptContGrp .serviceInfoList .infoItem:last-child {margin-bottom: 0;}
    .cptContGrp .serviceInfoList .infoItem:after {content: ''; position: absolute; right: calc(50% - 12px); top: calc(100% + 28px); width: 24px; height: 14px; background: url(/common/images/sub/icon_service_arr01_m.png) center / 24px no-repeat;}
    .cptContGrp .serviceInfoList .infoItem .imgBox {order: 2; height: auto;}
    .cptContGrp .serviceInfoList .infoItem .imgBox img {height: auto; object-fit: fill; vertical-align: top;}
    .cptContGrp .serviceInfoList .infoItem .desc {order: 1; min-height: 30px; margin: 0 0 16px 0; padding: 2px 0 0 40px; font-size: 16px;}
    .cptContGrp .serviceInfoList .infoItem .desc .num {border-radius: 3px; font-size: 16px;}
    .cptContGrp .serviceInfoList .infoItem .desc .pcBr {display: none;}


    .cptContGrp.type02 {margin-bottom: 30px;}

    /* 건강체력기준 가이드 예외 컨텐츠 */
    .cptContGrp .contGrpArea .exceptBox {border-radius: 7px; padding: 35px 24px;}
    .cptContGrp .contGrpArea .exceptBox .txt {margin-bottom: 30px;}
    .cptContGrp .contGrpArea .exceptBox .descGroup { flex-wrap: wrap; column-gap:0; justify-content: flex-start;}
    .cptContGrp .contGrpArea .exceptBox .descGroup .item {width: 100%; margin-bottom: 30px; min-height: 100px; padding-left: 97px;}
    .cptContGrp .contGrpArea .exceptBox .descGroup .item:last-child {margin-bottom: 0;}
    .cptContGrp .contGrpArea .exceptBox .descGroup .item .tit { font-size: 17px; line-height: 1.3;}

    .cptContGrp .contGrpArea .exceptBox02 { border-radius: 7px; padding: 35px 28px;}
    .cptContGrp .contGrpArea .exceptBox02 .descGroup {flex-wrap: wrap;}
    .cptContGrp .contGrpArea .exceptBox02 .descGroup .item {padding: 0 102px 0 0; margin-bottom: 38px; border-right: none; background: right bottom no-repeat;}
    .cptContGrp .contGrpArea .exceptBox02 .descGroup .item:last-child {margin-bottom: 0;}
    .cptContGrp .contGrpArea .exceptBox02 .descGroup .item.bg03 {background-image: url(/common/images/sub/cont_standard03.png);}
    .cptContGrp .contGrpArea .exceptBox02 .descGroup .item.bg04 {background-image: url(/common/images/sub/cont_standard04.png);}
    .cptContGrp .contGrpArea .exceptBox02 .descGroup .item.bg05 {background-image: url(/common/images/sub/cont_standard05.png);}
    .cptContGrp .contGrpArea .exceptBox02 .descGroup .item .tit { padding: 0; margin-bottom: 6px; font-size: 16px; background: none; background-image: none !important;}
    .cptContGrp .contGrpArea .exceptBox02 .descGroup .item .desc {padding-bottom: 0;}

    /* 가이드 예외 컨텐츠 - 자가진단 진단표 */
    .cptContGrp .alertCheckBox .boxArea {padding: 25px 24px;border-radius: 7px; flex-wrap: wrap; row-gap: 15px;}
    .cptContGrp .alertCheckBox .boxArea::before {margin: 0 10px;  flex: 1 0 auto; }
    .cptContGrp .alertCheckBox .chkTxt {width: 100%; padding-left: 33px; font-size: 15px; font-weight: 500; background-size: 22px;}
    .cptContGrp .alertCheckBox .chkBtn {min-width: 140px; height: 34px; padding: 0 10px 0 40px; font-size: 13px;}
}


/* 컨텐츠 - 데이터박스 */
.cptDatabox {}
.cptDatabox .boxArea {width: 100%; padding: 40px 20px; border: 1px solid #ccc; border-radius: 12px; text-align: center; position: relative;}
.cptDatabox .boxArea img,.cptDatabox .boxArea iframe {max-width: 100%;}
.cptDatabox .boxArea .dsplyNone {font-size: 0; line-height: 0; position: absolute; top: -1px; right: -1px; opacity: 0.01; width: 1px; height: 1px; overflow: hidden;}

.cptDatabox .adds {margin-top: 20px;}
.cptDatabox .adds p {font-size: 16px; color: #999; font-weight: 500; line-height: 1.5; text-indent: -17px;padding-left: 17px;}
.cptDatabox .adds p b {font-weight: 500; color: #333;}

@media screen and (min-width: 100px) and (max-width: 767px) {    
    .cptDatabox .boxArea {padding: 25px 20px; border-radius: 4px;}
    .cptDatabox .adds p {font-size: 13px; text-indent: -15px;padding-left: 15px;}
}

/* --------------------------------- 체력측정센터예약 --------------------------------- */
/*체력측정예약 지역 & 센터 선택 */
.cptResvLoc {width:100%; padding:80px 0 60px;}
.cptResvLoc .comResvDiv {position:relative;}
.cptResvLoc .comResvDiv .midLine {position:absolute; top:50%; left:0; width:100%; height:1px; background:#1b2573; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -o-transform:translate(0,-50%); z-index:1;}
.cptResvLoc .comResvDiv .dotLt {position:absolute; top:50%; left:0; width:8px; height:8px; border:1px solid #1b2573; background:#1b2573; box-sizing:border-box; border-radius:50%; z-index:2; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -o-transform:translate(0,-50%); }
.cptResvLoc .comResvDiv .dotRt {position:absolute; top:50%; right:0; width:8px; height:8px; border:1px solid #1b2573; background:#1b2573; box-sizing:border-box; border-radius:50%; z-index:2; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -o-transform:translate(0,-50%); }
.cptResvLoc .comResvDiv .selBox {width:373px; background:#fff; z-index:3; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%);  text-align:center; font-size:0;  }
.cptResvLoc .comResvDiv .selBox > * {display:inline-block; vertical-align:middle;}
.cptResvLoc .comResvDiv .selBox > .selLoc {width:137px; text-align:left !important; margin-right:15px;}
.cptResvLoc .comResvDiv .selBox > .selCenter {width:175px; text-align:left !important;}
.cptResvLoc .comResvDiv .selBox select {height: 53px; border: 2px solid #1a2473; border-radius: 26px; background: #fff url(/common/images/main/main_apply_select.png) calc(100% - 23px) center no-repeat; color: #1b2573; font-size: 18px; font-weight: 500; box-shadow: 4px 6px 8.73px 0.27px rgb(122 154 205 / 5%);}

@media all and (max-width:767px) {
    .cptResvLoc {padding:50px 0;}

    .cptResvLoc .comResvDiv .selBox {width:280px;}
    .cptResvLoc .comResvDiv .selBox > .selLoc {width:115px; margin-right:5px;}
    .cptResvLoc .comResvDiv .selBox > .selCenter {width:140px;}
    .cptResvLoc .comResvDiv .selBox select {height: 40px; font-size: 15px; }
}
/*체력측정예약 날짜선택*/
.cptResvDate {width:100%; position:relative; overflow:hidden; margin-bottom:30px;}
.cptResvDate > div {float:left;}
.cptResvDate > .resvSelDate {width:570px; margin-right:40px;}
.cptResvDate .resvSelDate .resvCalMonth {width:100%; text-align:center; font-size:0;}
.cptResvDate .resvSelDate .resvCalMonth > * {display:inline-block; vertical-align:middle;}
.cptResvDate .resvSelDate .resvCalMonth > a {width:37px; height:37px; border:1px solid #e5e7ec; border-radius:50%; text-align:center; font-size: 0;}
.cptResvDate .resvSelDate .resvCalMonth > a.prevMonth {background:#e5e7ec url('/common/images/common/arw_paging2_left.png') center center no-repeat; }
.cptResvDate .resvSelDate .resvCalMonth > a.nextMonth {background:#e5e7ec url('/common/images/common/arw_paging2_right.png') center center no-repeat; }
.cptResvDate .resvSelDate .resvCalMonth > p {font-size:24px; color:#333; font-weight:bold; letter-spacing:-0.05em; margin:0 30px;}

/*체력측정예약 달력 20230125 추가(테이블타입 => 리스트타입으로 변경) */
.cptResvDate .resvSelDate .resvCal {width:100%; margin-top:22px;}
.cptResvDate .resvSelDate .resvCal .calFrame {border:1px solid #60679e; border-radius:25px; overflow:hidden; }
.cptResvDate .resvSelDate .resvCal .calFrame .calDate {width: calc(100% + 1px);}
.cptResvDate .resvSelDate .resvCal .calFrame .calDate ul.weekBar {width:100%; border-spacing:0; display:flex; flex-flow:row nowrap ;}
.cptResvDate .resvSelDate .resvCal .calFrame .calDate ul.weekBar li {width:14.2857%; line-height:53px; font-size:16px; color:#333; font-weight:500; text-align:center; background:#f3f6fe; border-bottom:1px solid #8c91b9; border-right:1px solid #ced4e4;}
.cptResvDate .resvSelDate .resvCal .calFrame .calDate ul.calArea {width:100%; border-spacing:0; display:flex; flex-flow:row wrap; }
.cptResvDate .resvSelDate .resvCal .calFrame .calDate ul.calArea li {width:14.2857%; position:relative; height:92px; border-right:1px solid #ced4e4; border-bottom:1px solid #ced4e4;}
.cptResvDate .resvSelDate .resvCal .calFrame .calDate ul.weekBar li:last-of-type,
.cptResvDate .resvSelDate .resvCal .calFrame .calDate ul.calArea li:last-of-type {border-right:0;}
.cptResvDate .resvSelDate .resvCal .calFrame .calDate ul.calArea li.sun span.date {color:#ff0000}
.cptResvDate .resvSelDate .resvCal .calFrame .calDate ul.calArea li.prvMo,
.cptResvDate .resvSelDate .resvCal .calFrame .calDate ul.calArea li.nxtMo {background:#f3f6fe; text-indent:-999px;}
.cptResvDate .resvSelDate .resvCal .calFrame .calDate ul.calArea li .date {position:absolute; top:10px; left:15px; font-size:14px; color:#333; font-weight:500;}
.cptResvDate .resvSelDate .resvCal .calFrame .calDate ul.calArea li.even {background:#f9f9f9;}
.cptResvDate .resvSelDate .resvCal .calFrame .calDate ul.calArea li.today {background:#faebe0;}
.cptResvDate .resvSelDate .resvCal .calFrame .calDate ul.calArea li > div {font-size:13px; font-weight:bold; text-align:center; line-height:14px; margin-top:35px;}
.cptResvDate .resvSelDate .resvCal .calFrame .calDate ul.calArea li .dayoff {color:#dc2727;}
.cptResvDate .resvSelDate .resvCal .calFrame .calDate ul.calArea li .resvFull {color:#999;}
.cptResvDate .resvSelDate .resvCal .calFrame .calDate ul.calArea li .resvPrep {color:#202976;}
.cptResvDate .resvSelDate .resvCal .calFrame .calDate ul.calArea li .bsTrip {color:#90bd65;}
.cptResvDate .resvSelDate .resvCal .calFrame .calDate ul.calArea li .resvAvail {width:44px; height:44px; border:1px solid #0169a5; background:#00a2ff; color:#fff; font-size:15px; font-weight:500; text-align:center; line-height:44px; margin:30px auto 0; border-radius:50%; box-shadow:1px 1px 10px #00a2ff; transition:all 0.2s; cursor:pointer; display:block;}
.cptResvDate .resvSelDate .resvCal .calFrame .calDate ul.calArea li .resvAvail a {display:block; width:100%; height:100%; color:#fff;}
.cptResvDate .resvSelDate .resvCal .calFrame .calDate ul.calArea li .resvAvail:hover {width:54px; height:54px; border:1px solid #0066ff; background:#0066ff; line-height:54px; box-shadow:1px 1px 15px #0066ff;}

.cptResvDate .resvNtc {width: 100%; margin-top: 15px; display: flex; align-items: top; justify-content: space-between;}
.cptResvDate .resvNtc .left{}
.cptResvDate .resvNtc .txt {font-size: 13px; color: #666; font-weight: 500; line-height: 1.5;}
.cptResvDate .resvNtc .right {margin-left: auto; }
.cptResvDate .resvNtc .markGroup {}
.cptResvDate .resvNtc .markGroup .mark {padding-left: 15px; font-size: 14px; color: #666; font-weight: 900; position: relative;}
.cptResvDate .resvNtc .markGroup .mark::after {display: block; content: ""; width: 9px;height: 9px; border-radius: 50%; position: absolute; left: 0; top: 7px;}
.cptResvDate .resvNtc .markGroup .mark.red::after {background: #990000;}
/*체력측정에약 시간 선택*/
.cptresvTime {width:calc(100% - 610px); padding-top:13px;}
.cptresvTime .resvTimeInq {width:100%; position:relative; margin-bottom:15px; text-align: center;}
.cptresvTime .resvTimeInq p {margin-left: 8px; font-size:20px; color:#000; font-weight:bold; letter-spacing:-0.07em; display: inline-block; vertical-align: middle;}
.cptresvTime .resvTimeInq::before {display: inline-block; content:''; background:url('/common/images/sub/resvInq_icon.png') center center no-repeat; width:30px; height:30px; vertical-align: middle;}

.cptresvTime .timeListFrame {border:1px solid #60679e; border-radius:25px; overflow:hidden; }
.cptresvTime .timeListFrame table {width: calc(100% + 1px); min-height: 515px; table-layout: fixed; border-collapse: collapse;}
.cptresvTime .timeListFrame table thead.BI_tablehead > tr > th { font-size:16px; color:#333; font-weight:bold; text-align:center; background:#f3f6fe; border-bottom:1px solid #ced4e4; border-right:1px solid #ced4e4;height: 53px;    display: flex;    justify-content: center;    align-items: center;}
.cptresvTime .timeListFrame table thead.BI_tablehead > tr > th.timeIcon {text-indent:-9999px; background:#f3f6fe url('/common/images/sub/resvInq_time_icon.png') center center no-repeat;}
.cptresvTime .timeListFrame table tbody.BI_tablebody > tr > td {padding: 15px 0; font-weight: 400; font-size: 14px; color: #333; text-align:center; border-bottom:1px solid #ced4e4; border-right:1px solid #ced4e4;}
.cptresvTime .timeListFrame table tbody {display:flex; width: calc(100% - 1px);overflow-y: scroll; max-height: 462px; flex-wrap: wrap;}

.cptresvTime .timeListFrame table tr {display: flex;flex-wrap: wrap; width:100%;}
.cptresvTime .timeListFrame table th {width:calc(25% - 1.3333px);}
.cptresvTime .timeListFrame table td {width:25%;}

/*.cptresvTime .timeListFrame table thead tr th:last-of-type {width:calc(25% + 4px);}*/
.cptresvTime .timeListFrame table tbody tr td:first-of-type {font-weight:500;}
.cptresvTime .timeListFrame table tbody tr td:last-of-type a {display:inline-block; line-height:22px; border:1px solid #1b2573; border-radius:5px; padding: 0 10px; font-size:13px; transition:all 0.4s;}
.cptresvTime .timeListFrame table tbody tr td:last-of-type a:hover {background: #1b2573; color:#fff;}
.cptresvTime .timeListFrame table tbody tr td.nonAppo {width: 100%; min-height: 462px; border-bottom: none; display: flex; justify-self: center; align-items: center;}
.cptresvTime .timeListFrame table tbody tr td.nonAppo p {width: 100%; font-size: 18px;}
.cptresvTime .cautionMsg {font-size:14px; color:#999; font-weight:500; letter-spacing:-0.05em; margin-top:10px;}
.cptresvTime .cautionMsg * {display:inline-block; vertical-align:text-top;}
.cptresvTime .cautionMsg span {width:15px;}
.cptresvTime .cautionMsg p {width:calc(100% - 18px);}

@media all and (min-width:1200px) {
    .cptresvTime .timeListFrame table tbody::-webkit-scrollbar {width: 5px;}
    .cptresvTime .timeListFrame table tbody::-webkit-scrollbar-thumb {height: 118px; background: #2785e5;}
    .cptresvTime .timeListFrame table tbody::-webkit-scrollbar-track {background: #eee;}

	.cptresvTime .timeListFrame table th:nth-child(2) {width:calc(10% - 0.7px);}
	.cptresvTime .timeListFrame table th:nth-child(3) {width:calc(45% - 2.6666px);}
	.cptresvTime .timeListFrame table th:nth-child(4) {width:calc(20% + 4px);}
	.cptresvTime .timeListFrame table td:nth-child(2) {width:10%;}
	.cptresvTime .timeListFrame table td:nth-child(3) {width:45%;}
	.cptresvTime .timeListFrame table td:nth-child(4) {width:20%;}
}

@media all and (max-width:1199px) {
    .cptResvDate > div {float:none;}
    .cptResvDate > .resvSelDate {width:100%; margin-right:0;}
    .cptresvTime {width:100%; padding-top:0; margin-top:20px;}
    .cptresvTime .timeListFrame table th:nth-child(4) {width:calc(25% + 4px);}
    .cptresvTime .timeListFrame table tr {flex-wrap: nowrap;}
    .cptresvTime .timeListFrame table td:nth-child(4) {width:calc(25% + 4px);}

}

@media all and (max-width:767px) {
    /*체력측정예약 날짜선택*/
    .cptResvDate .resvSelDate .resvCalMonth > a {width:24px; height:24px;}
    .cptResvDate .resvSelDate .resvCalMonth > a.prevMonth {background-size:7px; }
    .cptResvDate .resvSelDate .resvCalMonth > a.nextMonth {background-size:7px; }
    .cptResvDate .resvSelDate .resvCalMonth > p {font-size:15px; margin:0 20px;}

    /*체력측정예약 달력*/
    .cptResvDate .resvSelDate .resvCal {margin-top:25px;}
    .cptResvDate .resvSelDate .resvCal .calFrame {border-radius:6px;}
    .cptResvDate .resvSelDate .resvCal .calFrame .calDate ul.weekBar li {line-height:36px; font-size:12px;}
    .cptResvDate .resvSelDate .resvCal .calFrame .calDate ul.calArea li {height:75px;}
    .cptResvDate .resvSelDate .resvCal .calFrame .calDate ul.calArea li .date {top:7px; left:10px; font-size:12px;}
    .cptResvDate .resvSelDate .resvCal .calFrame .calDate ul.calArea li > div {margin-top:27px; font-weight: 500; line-height: 18px;}
    .cptResvDate .resvSelDate .resvCal .calFrame .calDate ul.calArea li > div img {width: 13px;}
    .cptResvDate .resvSelDate .resvCal .calFrame .calDate ul.calArea li .resvAvail {width:27px; height:27px; font-size:11px;line-height:27px; margin:30px auto 0; box-shadow:1px 1px 3px #00a2ff; pointer-events: none;}
    .cptResvDate .resvSelDate .resvCal .calFrame ul.calArea li:last-child {border-bottom-right-radius: 6px; overflow: hidden;}
    .cptResvDate .resvSelDate .resvCal .calFrame ul.calArea li:nth-last-child(7) {border-bottom-left-radius: 6px; overflow: hidden}
    
    /*체력측정에약 시간 선택*/
    .cptresvTime {margin-top: 30px;}
    .cptresvTime .resvTimeInq {margin-bottom:10px;}
    .cptresvTime .resvTimeInq p {font-size:17px;}
    .cptresvTime .resvTimeInq::before {background-size: 24px; width:24px; height:24px;}

    .cptresvTime .timeListFrame {border-radius:6px;}
    .cptresvTime .timeListFrame table {min-height: 343px;}
    .cptresvTime .timeListFrame table thead.BI_tablehead > tr > th {line-height:42px; font-size:12px;}
    .cptresvTime .timeListFrame table thead.BI_tablehead > tr > th.timeIcon {background-size: 17px;}
    .cptresvTime .timeListFrame table tbody.BI_tablebody > tr > td {padding: 7px 0; font-size: 13px;}
    .cptresvTime .timeListFrame table tbody {max-height: 300px;}
    .cptresvTime .timeListFrame table th {width:28%;}
    .cptresvTime .timeListFrame table th:nth-child(2) {width: 16%;}
    .cptresvTime .timeListFrame table th:nth-child(4) {width: 28%;}
    .cptresvTime .timeListFrame table td {width:28%;}
    .cptresvTime .timeListFrame table tbody tr td:nth-child(2) {width: 16%;}
    .cptresvTime .timeListFrame table td:nth-child(4) {width: 28%;}
    /* .cptresvTime .timeListFrame table thead tr th:last-of-type {width:calc(28% + 4px);} */
    .cptresvTime .timeListFrame table tbody tr td:last-of-type a { line-height:20px; font-size:11px; border-color: #ccc; color: #1b2573;}
    .cptresvTime .timeListFrame table tbody tr td.nonAppo {min-height: 300px;}
    .cptresvTime .timeListFrame table tbody tr td.nonAppo p {font-size: 15px;}
    .cptresvTime .cautionMsg {font-size:13px; margin-top:26px;}
}

/*체력인증신청 예약 완료 타이틀*/
.cptProcessDone {width:100%; text-align:center; margin-top:30px;}
.cptProcessDone > p.processDoneTit {font-size:30px; color:#333; font-weight:bold; line-height:1; margin:30px 0;}
.cptProcessDone > p.processDoneDesc {font-size:16px; color:#333; font-weight:500; line-height:24px; margin-bottom:70px;}
.cptProcessDone > p.processDoneDesc > span {color:#0081cc;}
.cptProcessDone > p.processDoneDesc > a {color:#0081cc;}
.cptProcessDone .comTableList {max-width: 900px;margin: 0 auto;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptProcessDone {margin-top:20px;}
    .cptProcessDone img {max-width: 152px;}
    .cptProcessDone > p.processDoneTit {font-size:20px;  margin:42px 0 19px;}
    .cptProcessDone > p.processDoneDesc {margin-bottom:30px;}
    .cptProcessDone > p.processDoneDesc > span {color:#0081cc;}
    .cptProcessDone .comTableList {max-width: 900px;margin: 0 auto;}
}

/*체력인증신청 예약 완료자 정보*/
.cptAppResult {width:100%; margin-top:60px; border:1px solid #8497d3; border-radius:25px; overflow:hidden;}
.cptAppResult table {width:100%; border-spacing:0; border-collapse: collapse;}
.cptAppResult table thead tr th {background:#f5f5f5; font-size:17px; color:#333; font-weight:bold; line-height:60px; text-align:center; border-bottom:1px solid #b9c4e8; border-right:1px solid #b9c4e8;}
.cptAppResult table tbody tr td {font-size:17px; color:#333; font-weight:500; text-align:center; line-height:60px; border-right:1px solid #b9c4e8;}
.cptAppResult table thead tr th:last-of-type,
.cptAppResult table tbody tr td:last-of-type {border-right:0;}


/* 신청인 서명 */
.cptSignature {width: 100%; margin-top:50px; }
.cptSignature .signTit {padding: 0 0 15px 0;}
.cptSignature .signTit .tit {font-size: 20px; color: #000; font-weight: 700;}
.cptSignature .signTit.kids {padding: 40px 0 15px 110px; background: url(/common/images/sub/join_kids.png) 30px top / 64px no-repeat;}

.cptSignature .certifP {margin-bottom: 60px; text-align: center;}
.cptSignature .certifP p {font-size: 19px; color: #333; font-weight: 500;}

.cptSignature .signWrap {width: 100%; margin-top: 40px; text-align: right;} /*20230417 display:none*/
.cptSignature .signWrap .date {padding-top: 20px; margin-right: 40px; display: inline-block; vertical-align: top;}
.cptSignature .signWrap .date p {font-size: 18px; font-weight: 500;}
.cptSignature .signWrap .signArea {display: inline-block; vertical-align: top;}
.cptSignature .signWrap .signGroup {min-width: 300px; border-bottom: 1px solid #c8c8c8; padding: 10px 0; display: flex; align-items: center;}
.cptSignature .signWrap .signGroup:first-child {border-top: 1px solid #c8c8c8;}
.cptSignature .signWrap .signGroup .tit {width: 115px; padding: 0 20px; font-size: 16px; font-weight: 500; color: #000; text-align: left; flex-shrink: 0;}
.cptSignature .signWrap .signGroup .sign {width: 100%; display: flex; justify-content: space-between; align-items: center;}
.cptSignature .signWrap .signGroup .sign .name {font-size: 16px; color: #000;}
.cptSignature .signWrap .signGroup .signature {margin-left: 20px; flex-grow: 1;}
.cptSignature .signWrap .signGroup .signature .signImg {max-height: 40px; display: inline-block; vertical-align: middle;}
.cptSignature .signWrap .signGroup .signature img {vertical-align: middle; object-fit: contain;}
.cptSignature .signWrap .signGroup .signature span {margin-left: 10px; font-size: 16px; display: inline-block; vertical-align: middle;}
.cptSignature .signWrap .signGroup .btn {min-width: 90px; height: 40px; margin-left: 25px; line-height: 40px; padding: 0 28px 0 14px; border-radius: 4px; font-size: 15px; color: #fff; font-weight: 500; background: url(/common/images/common/icon_sign.png) calc(100% - 16px) center no-repeat;}
.cptSignature .signWrap .signGroup .btn.signBtn {background-color: #1b2573;}
.cptSignature .signWrap .signGroup .btn.modifyBtn {background-color: #7c80a5;}

/* 팝업 내 서명패드 */
.cptSignPad {width: 100%;}
.cptSignPad .signArea {width: 100%; height: 200px; border: 1px solid #c8c8c8; }
.cptSignPad .signArea p {padding-left: 60px; line-height: 200px; text-align: center; font-size: 36px; color: #999; font-weight: 700; letter-spacing: 2em;}
.cptSignPad .signWrap .comBtnGroup {margin-top: 20px;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    /* 신청인 서명 */
    .cptSignature {margin-top:40px; }
    .cptSignature .signTit {padding: 0 0 17px 0;}
    .cptSignature .signTit .tit {font-size: 17px;}
    .cptSignature .signTit.kids {padding: 33px 0 12px 79px; background: url(/common/images/sub/join_kids.png) 14px top / 53px no-repeat;}

    .cptSignature .certifP {margin-bottom: 40px; }
    .cptSignature .certifP p {font-size: 16px;}

    .cptSignature .signWrap .date {width: 100%; padding-top: 0; margin-right: 0; margin-bottom: 24px;}
    .cptSignature .signWrap .date p {font-size: 15px; font-weight: 500;}
    .cptSignature .signWrap .signArea {width: 100%; display: block;}
    .cptSignature .signWrap .signGroup {padding: 10px;}
    .cptSignature .signWrap .signGroup .tit {width: 90px; padding:0; font-size: 15px;}
    .cptSignature .signWrap .signGroup .sign {width: calc(100% - 90px); justify-content: flex-end; }
    .cptSignature .signWrap .signGroup .sign .name {font-size: 15px;}
    .cptSignature .signWrap .signGroup .signature {margin-left: 5px; }
    .cptSignature .signWrap .signGroup .signature span {font-size: 15px; margin-left: 0;}
    .cptSignature .signWrap .signGroup .btn {margin-left: 17px; font-size: 14px;}

    /* 팝업 내 서명패드 */
    .cptSignPad {width: 100%;}
    .cptSignPad .signArea {width: 100%; height: 200px; border: 1px solid #c8c8c8; }
    .cptSignPad .signArea p {padding-left: 60px; line-height: 200px; text-align: center; font-size: 36px; color: #999; font-weight: 700; letter-spacing: 2em;}
    .cptSignPad .signWrap .comBtnGroup {margin-top: 20px;}
}

/* --------------------------------- 이용안내 페이지 --------------------------------- */
/*체력인증 대상자*/
.cptSubj {width:100%; background:#fafafa; padding:35px 30px; box-sizing:border-box; border:1px solid #cccccc; border-radius:25px; margin:30px 0 50px;}
.cptSubj .subjCont {padding:0 25px; box-sizing:border-box;}
.cptSubj .subjCont .subjBox {display:flex; flex-flow:row wrap; justify-content: space-around; row-gap: 20px;}
.cptSubj .subjCont .subjBox .items .imgBox {display:flex; width:154px; height:165px;}
.cptSubj .subjCont .subjBox .items .imgBox img {align-self:center;}
.cptSubj .subjCont .subjBox .items .txtBox {display:flex; flex-flow:column wrap; text-align:center; }
.cptSubj .subjCont .subjBox .items .txtBox p {font-size:18px; color:#333; font-weight:500;}
.cptSubj .subjCont .subjBox .items .txtBox span {font-size:15px; color:#999; font-weight:400;}
.cptSubj .subjCont .subjBox .items .txtBox:not(.noPadd) {padding-top:10px; box-sizing:border-box;}
.cptSubj .cptContGrp {margin-bottom: 0;}
.cptSubj .subjCont + .comDefTit {margin-top: 40px;}
.cptSubj .subjCont + .paraBasic {margin-top: 50px;}

@media all and (max-width:1119px) {
    .cptSubj .cptSubj .subjBox .items {margin-bottom:40px;}
}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptSubj {padding:27px 14px; border-radius:7px; margin:13px 0 22px;}
    .cptSubj .subjCont {padding:0;}
    .cptSubj .subjCont .subjBox {justify-content: flex-start; row-gap: 17px;}
    .cptSubj .subjCont .subjBox .items {width: 50%; padding: 0 13px;}
    .cptSubj .subjCont .subjBox .items .imgBox {width:100%; height:auto;justify-content: center;}
    .cptSubj .subjBox .items .imgBox img {max-width:100%;}
    .cptSubj .subjCont .subjBox .items .txtBox p {font-size:17px; font-weight:700;}
    .cptSubj .subjCont .subjBox .items .txtBox span {font-size:13px; font-weight:500;}
    .cptSubj .subjCont .subjBox .items .txtBox:not(.noPadd) {padding-top:10px; box-sizing:border-box;}
    .cptSubj .subjCont .subjBox .items .txtBox.noPadd {padding-top: 9px;}
    .cptSubj .comDefTit {margin-bottom: 20px;}
}

/*체력측정 제한 & 체력인증 대상자*/
.cptContGrp.type02 {margin-bottom:45px; padding-left:30px; box-sizing:border-box;}

@media all and (max-width:767px) {
    .cptContGrp.type02 {padding-left:0;}
}

/*국민체력인증 이용안내*/
.cptResvPrcs {width:100%; padding:20px 35px; box-sizing:border-box;}
.cptResvPrcs .processBox {display:flex; flex-wrap: wrap; justify-content: space-around; row-gap: 40px;}
.cptResvPrcs .processBox .prcsNxtIcon {position:relative;}
.cptResvPrcs .processBox .prcsNxtIcon::before {content:''; position:absolute; top:50%; left:-37px; width:30px; height:30px; background:#e9edf5 url('/common/images/common/arw_next.png')center center no-repeat; border:1px solid #e9edf5; border-radius:50%; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -o-transform:translate(0,-50%);}
.cptResvPrcs .processBox .items .prcsCnt {display:flex; flex-flow:row nowrap; margin-bottom:10px;}
.cptResvPrcs .processBox .items .prcsCnt span {background:#22325b; color:#fff; font-size:15px; font-weight:500; text-align:center; width:29px; height:29px; margin-right:10px; line-height:26px; border:1px solid #22325b; border-radius:10px; box-sizing:border-box;}
.cptResvPrcs .processBox .items .prcsCnt p {font-size:18px; color:#333; font-weight:bold;}
.cptResvPrcs .processBox .items .prcsImg {display:flex; flex-flow:row nowrap; justify-content:center; align-items:center; width:300px; height:220px; background:#ebebeb; border:1px solid #ebebeb; border-radius:10px;  margin-bottom:14px;}
.cptResvPrcs .processBox .items .prcsLink {width:100%; margin-bottom:25px;}
.cptResvPrcs .processBox .items .prcsLink a {display:block; width:100%; border:1px solid #191c38; border-radius:10px; background:#191c38 url('/common/images/common/arw_next2.png')right 25px center no-repeat; color:#fff; padding:20px 25px; box-sizing:border-box; font-size:16px; font-weight:500;}
.cptResvPrcs .processBox .items .prcsInfo {display:flex; flex-flow:row nowrap;}
.cptResvPrcs .processBox .items .prcsInfo span {margin-right:10px; display:flex; flex-wrap:nowrap;}
.cptResvPrcs .processBox .items .prcsInfo span img {align-self:center;}
.cptResvPrcs .processBox .items .prcsInfo p {font-size:16px; color:#000; font-weight:500; line-height:1.25em;}

@media all and (max-width:1450px) {
    .cptResvPrcs .processBox .prcsNxtIcon {margin-left:10px;}
    .cptResvPrcs .processBox .prcsNxtIcon::before {display:none;}
}

@media all and (max-width:1119px) {
    .cptResvPrcs {padding:20px 0;}
}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptResvPrcs {padding:5px 0;}
    .cptResvPrcs .processBox {width: 100%; row-gap: 29px;}
    .cptResvPrcs .processBox .items {width: 100%;}
    .cptResvPrcs .processBox .prcsNxtIcon {margin-left: 0;}
    .cptResvPrcs .processBox .items .prcsCnt {margin-bottom:12px;align-items: center;}
    .cptResvPrcs .processBox .items .prcsCnt span {font-size:13px; width:20px; height:20px; line-height:20px;border-radius:2px; }
    .cptResvPrcs .processBox .items .prcsCnt p {font-size:17px;}
    .cptResvPrcs .processBox .items .prcsImg {width: 100%; height:auto; padding: 28px 0; border-radius:3px;  margin-bottom:12px;}
    .cptResvPrcs .processBox .items .prcsLink {margin-bottom:16px;}
    .cptResvPrcs .processBox .items .prcsLink a {border-radius:2px; background-position: calc(100% - 64px) center; padding:13px 60px; font-size:16px; text-align: left;}
    .cptResvPrcs .processBox .items .prcsInfo {width: 100%; align-items: center;}
    .cptResvPrcs .processBox .items .prcsInfo span {margin-right:9px;}
    .cptResvPrcs .processBox .items .prcsInfo span img {width: 23px;}
    .cptResvPrcs .processBox .items .prcsInfo p {font-size:15px;}
    .cptResvPrcs .processBox .items .prcsInfo p br {display: none;}
}

/*체력측정 절차*/
.cptTestPrcs {width:100%; margin-top:40px;}
.cptTestPrcs .testContBox {display:flex; flex-flow:row wrap; justify-content:space-around; padding-left:10px; box-sizing:border-box;}
.cptTestPrcs .testContBox .items {width:187px; height:167px; margin-bottom:35px; position:relative;}
.cptTestPrcs .testContBox .items:nth-of-type(5) {margin-right:0;}
.cptTestPrcs .testContBox .items .testStep {position:absolute; top:-5px; left:0; width:70px; height:70px; background:#333; display:flex; flex-flow:column wrap; justify-content:center; align-items:center; border:1px solid #333; border-radius:50%;}
.cptTestPrcs .testContBox .items .testStep span.step {font-size:11px; color:#fff; font-weight:bold; text-align:center; line-height:1; margin-bottom:5px;}
.cptTestPrcs .testContBox .items .testStep span.number {font-size:25px; color:#fff; font-weight:bold; text-align:center; line-height:1;}
.cptTestPrcs .testContBox .items.noBox {display:flex; flex-flow:row wrap; justify-content: center; align-items:center;}
.cptTestPrcs .testContBox .items.noBox > span {width:200px; height:17px; background:#f5f5f5; text-indent:-9999px; color:#fff; border:1px solid #f5f5f5; border-radius:10px;}
.cptTestPrcs .testContBox .items .testDesc {width:100%; height:100%; display:flex; flex-flow:column wrap; justify-content:center; align-items:center;}
.cptTestPrcs .testContBox .items .testDesc > * {margin-left:-15px;}
.cptTestPrcs .testContBox .items:last-of-type .testDesc > * {margin-left:0px;}
.cptTestPrcs .testContBox .items .testDesc > .imgBox {display:flex; height:40px; flex-flow:row wrap;}
.cptTestPrcs .testContBox .items .testDesc > .imgBox img {align-self:baseline;}
.cptTestPrcs .testContBox .items .testDesc > p {font-size:18px; color:#333; font-weight:bold; line-height:1; margin-top: 15px;}
.cptTestPrcs .testContBox .items .testDesc.step1 {background:url('/common/images/sub/testDesc_bg01.png')center center no-repeat;}
.cptTestPrcs .testContBox .items .testDesc.step2 {background:url('/common/images/sub/testDesc_bg02.png')center center no-repeat;}
.cptTestPrcs .testContBox .items .testDesc.step3 {background:url('/common/images/sub/testDesc_bg03.png')center center no-repeat;}
.cptTestPrcs .testContBox .items .testDesc.step4 {background:url('/common/images/sub/testDesc_bg04.png')center center no-repeat;}
.cptTestPrcs .testContBox .items .testDesc.step5 {background:url('/common/images/sub/testDesc_bg05.png')center center no-repeat;}
.cptTestPrcs .testContBox .items .testDesc.step6 {background:url('/common/images/sub/testDesc_bg06.png')center center no-repeat;}
.cptTestPrcs .testContBox .items .testDesc.step7 {background:url('/common/images/sub/testDesc_bg07.png')center center no-repeat;}
.cptTestPrcs .testContBox .items .testDesc.step8 {background:url('/common/images/sub/testDesc_bg08.png')center center no-repeat;}
.cptTestPrcs .testContBox .items .testDesc.step9 {background:url('/common/images/sub/testDesc_bg09.png')center center no-repeat;}

@media all and (max-width:1119px) {
    .cptTestPrcs .testContBox .items:last-of-type {display:none;}
}

@media screen and (min-width: 100px) and (max-width: 619px) {
    .cptTestPrcs {margin-top:30px;}
    .cptTestPrcs .testContBox {justify-content:space-between; padding-left:0; column-gap: 15px; row-gap: 20px;}
    .cptTestPrcs .testContBox .items {width:calc(33.3333% - 10px); height:auto; margin-bottom:0; margin-right: 0; position:relative;}
    .cptTestPrcs .testContBox .items .testStep {top:0; width:40px; height:40px;}
    .cptTestPrcs .testContBox .items .testStep span.step {font-size:8px; margin-bottom:1px;}
    .cptTestPrcs .testContBox .items .testStep span.number {font-size:15px;}
    .cptTestPrcs .testContBox .items .testDesc {padding-top: 32%; padding-bottom: 22%; background-size: contain !important;}
    .cptTestPrcs .testContBox .items .testDesc.step4 {padding: 0 3px;}
    .cptTestPrcs .testContBox .items .testDesc > * {margin-left:-7%;}
    .cptTestPrcs .testContBox .items .testDesc.step9 > * {margin-left: 0;}
    .cptTestPrcs .testContBox .items .testDesc > .imgBox {height:20px;}
    .cptTestPrcs .testContBox .items .testDesc > .imgBox img {height: 100%;}
    .cptTestPrcs .testContBox .items .testDesc > p {font-size:13px; padding: 0 23px; margin-top: 5px; text-align: center;} 
    .cptTestPrcs .testContBox .items .testDesc.step4 > p {word-break: break-all;}
    

}

/* --------------------------------- 마이페이지 영역 --------------------------------- */
/*마이페이지 통계영역*/
.cptMyStatic {width:100%;}
.cptMyStatic .staticBox {display:flex; flex-flow:row wrap; justify-content:space-between;}
.cptMyStatic .staticBox .items {width:245px; height:185px; border-radius:15px; padding:35px 30px; box-sizing:border-box; position:relative;}
.cptMyStatic .staticBox .items:nth-of-type(odd) {background:#343754}
.cptMyStatic .staticBox .items:nth-of-type(even) {background:#505686}
.cptMyStatic .staticBox .items:not(:first-of-type)::before {content:''; position:absolute; top:50%; left:-25px; background:url('/common/images/common/icon_next_black.png')center center no-repeat;; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -o-transform:translate(0,-50%); background-size:100%; width:10px; height:15px;}
.cptMyStatic .staticBox .items img {position:absolute; bottom:35px; left:30px;}
.cptMyStatic .staticBox .items p.stTit {font-size:17px; color:#fff; font-weight:bold; line-height:1; border-bottom:1px solid #fff; display:inline-block; padding-bottom:7px;}
.cptMyStatic .staticBox .items p.stCnt {position:absolute; bottom:35px; right:45px; font-size:16px; color:#fff; font-weight:bold; line-height:1; vertical-align:baseline}
.cptMyStatic .staticBox .items p.stCnt > span {font-size:36px; color:#ffd96e; font-weight:bold; vertical-align:baseline; margin-right:5px;}
.cptMyStatic .staticBox .items p.stCnt > a {font-size:36px; color:#ffd96e; font-weight:bold; vertical-align:baseline; margin-right:5px;}
.cptMyStatic .staticBox .items:last-of-type p.stCnt {right:30px;}

/*마이페이지 나의 체력100 페이지에서 활용할 공통 요소*/
.comContTit.myPage {margin-top:60px;}
.comTableBasic, .comContTit  {position:relative;}
.comTableBasic > a.mpTbBtn {position:absolute; top:-50px; right:0; height:40px; line-height:40px; padding:0 22px 0 50px; color:#fff; font-size:15px; font-weight:500; border:1px solid #0475cd; border-radius:20px;}
.comTableBasic > a.mpTbBtn.rsvChk {background:#0475cd url('/common/images/common/icon_time.png')left 13px center no-repeat;}
.comTableBasic > a.mpTbBtn.attChk {background:#0475cd url('/common/images/common/icon_attchk.png')left 13px center no-repeat;}
.comTableBasic > a.mpTbBtn.print {background:#0475cd url('/common/images/common/icon_print_w.png')left 13px center no-repeat;}
.comTableBasic > a.mpTbBtn.quickGo {background:#0475cd url('/common/images/common/icon_quickgo.png')left 13px center no-repeat;}

/*나의 자가체력측정 등급*/
.comContTit a.mpTbBtn.prescription {background:#0475cd url('/common/images/common/icon_prescription.png')left 13px center no-repeat; position:absolute; top:0px; right:0; height:40px; line-height:40px; padding:0 22px 0 50px; color:#fff; font-size:15px; font-weight:500; border:1px solid #0475cd; border-radius:20px;}
.cptMyGradeTest {width:100%; background:#fafafa; padding:35px; box-sizing:border-box; border:1px solid #cccccc; border-radius:16px;}
.cptMyGradeTest .tableTop {position:relative;}
.cptMyGradeTest .tableTop > div {position:absolute; top:-60px; right:0;}
.cptMyGradeTest .tableTop .checkTit {font-size: 18px; color: #000; font-weight: 500;}
.cptMyGradeTest .myGdTestTb .listArea {width:100%; margin-top:30px;}
.cptMyGradeTest .myGdTestTb .listArea table {width:100%; border-top:2px solid #191c38; border-spacing:0;}
.cptMyGradeTest .myGdTestTb .listArea table thead tr th {padding: 13px 0; background:transparent; font-size:17px; color:#333; font-weight:bold; line-height:1.5;}
.cptMyGradeTest .myGdTestTb .listArea table tbody.singleRow tr td {padding: 13px 0; border:1px solid #dfdfdf; border-left:0; background:#fff; line-height:1.5; font-size:16px; color:#333; font-weight:500; text-align:center;}
.cptMyGradeTest .myGdTestTb .listArea table tbody.singleRow tr td:first-of-type {border-radius:16px 0 0 16px; border-left:1px solid #ccc;}
.cptMyGradeTest .myGdTestTb .listArea table tbody.singleRow tr td:last-of-type {border-radius:0 16px 16px 0;}
.cptMyGradeTest .myGdTestTb .listArea table tbody.multiRow tr td {border:1px solid #dfdfdf; border-left:0; background:#fff; line-height:50px; font-size:16px; color:#333; font-weight:500; text-align:center;}
.cptMyGradeTest .myGdTestTb .listArea table tbody.multiRow tr td:first-of-type {border-left:1px solid #ccc;}
.cptMyGradeTest .myGdTestTb .listArea table tbody.multiRow tr:first-of-type td:first-of-type {border-radius:16px 0 0 0;}
.cptMyGradeTest .myGdTestTb .listArea table tbody.multiRow tr:first-of-type td:last-of-type {border-radius:0 16px 0 0;}
.cptMyGradeTest .myGdTestTb .listArea table tbody.multiRow tr:last-of-type td:first-of-type {border-radius:0 0 0 16px;}
.cptMyGradeTest .myGdTestTb .listArea table tbody.multiRow tr:last-of-type td:last-of-type {border-radius:0 0 16px 0;}
.cptMyGradeTest .nonData {padding: 25px 0; display: flex; align-items: center; justify-content: center; flex-wrap: wrap;}
.cptMyGradeTest .nonData p {font-size: 18px; font-weight: 500;}
.cptMyGradeTest .nonData .comBtnGroup {width: 100%; margin-top: 30px;}
p.tbWhiteSpace {width:100%; padding-left:20px; box-sizing:border-box; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
span.qnaStatus {display:inline-block; font-size:13px; color:#fff; background:#000; border:1px solid #000; border-radius:5px; line-height:30px; padding: 0 10px; box-sizing:border-box; text-align:center;}

@media all and (max-width:1119px) {
    .cptMyStatic .staticBox .items:not(:first-of-type)::before {display:none;}
}

@media all and (max-width:1036px) {
    .cptMyStatic .staticBox {justify-content:center;}
    .cptMyStatic .staticBox .items {width:49%;}
    .cptMyStatic .staticBox .items:nth-of-type(odd) {margin-right:1%; margin-bottom:1%;background:#343754;}
    .cptMyStatic .staticBox .items:nth-of-type(even) {margin-bottom:1%;background:#343754;}
    
    .cptMyStatic .staticBox .items:nth-child(2) {background:#505686}
    .cptMyStatic .staticBox .items:nth-child(3) {background:#505686}
}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptMyStatic .staticBox .items {height:84px; border-radius:6px; padding:18px 5px 18px 55px;}
    .cptMyStatic .staticBox .items img {height: 38px; bottom:auto; left:13px; top: 50%; transform: translateY(-50%);}
    .cptMyStatic .staticBox .items p.stTit {font-size:14px; font-weight:500; border-bottom:none; padding-bottom:10px;}
    .cptMyStatic .staticBox .items p.stCnt {position:static; font-size:13px;}
    .cptMyStatic .staticBox .items p.stCnt > span {font-size:20px; margin-right:8px;}
    .cptMyStatic .staticBox .items p.stCnt > a {font-size:20px; margin-right:8px;}

    .comContTit.myPage {margin-top:35px;}
    .comTableBasic > a.mpTbBtn { padding:0 15px 0 43px; font-size:14px; font-weight:700; border-radius:3px; background-size:18px; line-height: 37px;}
    .comContTit a.mpTbBtn.prescription { padding:0 15px 0 43px; font-size:14px; font-weight:700; border-radius:3px; background-size:18px; line-height: 37px;top: -7px;}


    .cptMyGradeTest {padding:20px;}
    .cptMyGradeTest .tableTop {position:relative;}
    .cptMyGradeTest .tableTop > div {position:relative; top:0px;}
    .cptMyGradeTest .tableTop .checkTit {font-size: 17px; text-align: left;}
    .cptMyGradeTest .myGdTestTb {margin-top: 14px;}
    .cptMyGradeTest .myGdTestTb .listArea {margin-top:10px;}
    .cptMyGradeTest .myGdTestTb .listArea table thead tr th {font-size:15px; line-height:1.5;}
    .cptMyGradeTest .myGdTestTb .listArea table tbody.singleRow tr td { font-size:15px; color:#333; font-weight:400; }
    .cptMyGradeTest .nonData {padding: 20px 0;}
    .cptMyGradeTest .nonData p {font-size: 15px;}
    .cptMyGradeTest .nonData .comBtnGroup {margin-top: 20px;}
    p.tbWhiteSpace {width:calc(100vw - 130px); padding-left:0; }
    span.qnaStatus { border-radius:2px; line-height:25px; padding: 0 13px; }

    .cptMyGradeTest .comDefTit .tit {padding-left: 0; background: none; font-size: 16px;}
}

.myGdTestTb.mRow .mTit {display:none;}
.cptMyGradeTest .myGdTestTb.mRow .listArea table td .mCont .bracket {display: block;}
@media all and (max-width:767px) {
    .cptMyGradeTest .myGdTestTb.mRow .listArea table, .cptMyGradeTest .myGdTestTb.mRow .listArea tbody, .cptMyGradeTest .myGdTestTb.mRow .listArea tr, .cptMyGradeTest .myGdTestTb.mRow .listArea td {display: block;}
    .cptMyGradeTest .myGdTestTb.mRow .listArea table {border-top: none;}
    .cptMyGradeTest .myGdTestTb.mRow .listArea table thead {display: none;}
    .cptMyGradeTest .myGdTestTb.mRow .listArea table tbody.singleRow tr td:first-of-type {border-radius:0px; border-left:0;}
    .cptMyGradeTest .myGdTestTb.mRow .listArea table tbody.singleRow tr td:last-of-type {border-radius:0px;}
    .cptMyGradeTest .myGdTestTb.mRow .listArea table tbody.singleRow tr td {text-align:right;}
    .cptMyGradeTest .myGdTestTb.mRow .listArea table tbody.multiRow tr td {text-align:right;}
    .cptMyGradeTest .myGdTestTb.mRow .listArea table tr {width: 100%; padding: 16px 17px; border: 1px solid #8497d3; border-radius: 6px; overflow: hidden;}
    .cptMyGradeTest .myGdTestTb.mRow .listArea table tbody.singleRow tr td {margin-bottom: 10px; padding: 0; font-size: 15px; border: none;}
    .cptMyGradeTest .myGdTestTb.mRow .listArea table tbody.singleRow tr td:last-child {margin-bottom: 0;}
    .cptMyGradeTest .myGdTestTb.mRow .listArea table td::after {display: block; content: ""; clear: both;}
    .cptMyGradeTest .myGdTestTb.mRow .listArea table td .mTit {display: block; padding-left: 12px; font-weight: 700; font-size: 15px; float: left; position: relative;}
    .cptMyGradeTest .myGdTestTb.mRow .listArea table td .mTit::before {display: block; content: ""; width: 3px; height: 3px; border-radius: 50%; background: #000; position: absolute; top: 10px; left: 0;}
    .cptMyGradeTest .myGdTestTb.mRow .listArea table td .mCont {display: block; float: right;}
    .cptMyGradeTest .myGdTestTb.mRow .listArea table td .mCont .bracket {display: inline-block; margin-left: 3px;}
    .cptMyGradeTest .myGdTestTb.mRow .listArea table td .mCont .bracket::before {display: inline-block; content: "(";}
    .cptMyGradeTest .myGdTestTb.mRow .listArea table td .mCont .bracket::after {display: inline-block; content: ")";}
}

.cptMyGradeTest.myPage {margin-bottom:40px;}
.cptMyGradeTest.myPage tbody tr td {line-height:22px !important; padding:20px 0;}
.cptMyGradeTest.myPage .gradeHeadBar {display:flex; justify-content: space-between; position:relative;}
.cptMyGradeTest.myPage .gradeMkInfo {display:flex; justify-content: start; flex-wrap: wrap; column-gap: 20px;}
.cptMyGradeTest.myPage .gradeMark {display:flex; justify-content:center; align-items:center; width:195px; height:50px; border-radius:25px; padding: 0 25px; box-sizing:border-box; background:#191c38;}
.cptMyGradeTest.myPage .gradeMark span {font-size:17px; color:#ffd96e; font-weight:500;}
.cptMyGradeTest.myPage .gradeMark.grd01 img {margin-top:-14px;}
.cptMyGradeTest.myPage .gradeMark.grd02 img {margin-top:-14px;}
.cptMyGradeTest.myPage .gradeMark.grd03 img {margin-top:-14px;}
.cptMyGradeTest.myPage .gradeMark.grd04 img {margin: 0 6px;}
.cptMyGradeTest.myPage .gradeMark.grd05 img {margin: 0 6px;}
.cptMyGradeTest.myPage .gradeMark.grd06 img {margin: 0 6px;}
.cptMyGradeTest.myPage .gradeMark.grd07 img {margin: 0 6px;}
.cptMyGradeTest.myPage .gradeInfo {display:flex; }
.cptMyGradeTest.myPage .gradeInfo > .gradeInfoTit {display:flex; align-self: center; font-size:18px; color:#333; font-weight:bold;margin-top:-5px;}
.cptMyGradeTest.myPage .btnBox ul {display:flex; justify-content: start; }
.cptMyGradeTest.myPage .btnBox ul li {margin:5px 0 0 5px;}
.cptMyGradeTest.myPage .btnBox ul li:last-of-type {margin-right:0;}
.cptMyGradeTest.myPage .btnBox ul li a {display:inline-block; font-size:15px; color:#fff; font-weight:500; text-align:center; padding: 0 20px; line-height:40px; box-sizing:border-box; border-radius:5px;}
.cptMyGradeTest.myPage .btnBox ul li a img {margin-left:5px; display:inline-block; vertical-align:middle; margin-top:-3px;}
.cptMyGradeTest.myPage .btnBox ul li.blueBtn a {background:#0082cd;}
.cptMyGradeTest.myPage .btnBox ul li.cyanBtn a {background:#2fa1b0;}
.cptMyGradeTest.myPage .btnBox ul li.navyBtn a {background:#3d405c;}

@media all and (max-width:1119px) {
    .cptMyGradeTest.myPage .btnBox ul li a {padding: 0 10px;}
}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptMyGradeTest.myPage {margin-bottom:32px;}
    /* .cptMyGradeTest.myPage tbody tr td {line-height:22px !important; padding:20px 0;} */
    .cptMyGradeTest.myPage .gradeHeadBar {flex-wrap: wrap; row-gap: 12px;}
    .cptMyGradeTest.myPage .gradeMkInfo { column-gap: 10px; row-gap: 10px; align-items: center;}
    .cptMyGradeTest.myPage .gradeMark {width: 157px; min-width:157px; height:35px; border-radius:17.5px; padding: 0 20px;}
    .cptMyGradeTest.myPage .gradeMark span {font-size:15px;}
    .cptMyGradeTest.myPage .gradeMark.grd01 img {width: 33px; margin-top:-8px;}
    .cptMyGradeTest.myPage .gradeMark.grd02 img {width: 33px; margin-top:-8px;}
    .cptMyGradeTest.myPage .gradeMark.grd03 img {width: 33px; margin-top:-8px;}
    .cptMyGradeTest.myPage .gradeMark.grd04 img {width:24px;}
    .cptMyGradeTest.myPage .gradeMark.grd05 img {width:24px;}
    .cptMyGradeTest.myPage .gradeMark.grd06 img {width:24px;}
    .cptMyGradeTest.myPage .gradeMark.grd07 img {width:24px;}
    .cptMyGradeTest.myPage .gradeInfo {width: auto;}
    .cptMyGradeTest.myPage .gradeInfo > .gradeInfoTit { font-size:17px;margin-left:0;}
    .cptMyGradeTest.myPage .btnBox {width: 100%;}
    .cptMyGradeTest.myPage .btnBox ul {column-gap: 5px;}
    .cptMyGradeTest.myPage .btnBox ul li {margin:0;}
    .cptMyGradeTest.myPage .btnBox ul li a {font-size:14px; font-weight:700; padding: 0 7px; line-height:40px;  border-radius:3px;}
    .cptMyGradeTest.myPage .btnBox ul li a img {width: 10px;}
}

/*인증등급 개인정보*/
.cptMyGradeTest.myPage .gradeMkInfo.gmS {}
.cptMyGradeTest.myPage .gradeMkInfo.gmS .gradeMark {width:95px; height:40px; }
.cptMyGradeTest.myPage .gradeMkInfo.gmS .gradeMark span:last-of-type {color:#fff;}
.cptMyGradeTest.myPage .gradeMkInfo.gmS .gradeInfo > .gradeInfoTit {margin-top:0px;}
.cptMyGradeTest.myPage .gradeMkInfo.gmS .gradeInfo > .gradeInfoTit span {color:#0082cd; margin-left:10px;}
.cptMyGradeTest.myPage .personalInfoBox {font-size:16px; color:#333; font-weight:500; display:flex;}
.cptMyGradeTest.myPage .personalInfoBox span {align-self:center;}

@media screen and (min-width: 100px) and (max-width: 767px) {  
    .cptMyGradeTest.myPage .gradeMkInfo.gmS .gradeMark {min-width: auto; width:60px; height:30px; }
    .cptMyGradeTest.myPage .personalInfoBox {font-size:17px;}
}
/*인증등급 준비운동*/
.cptPreExcs {width:100%; display:flex; justify-content:flex-start; column-gap: 12px;row-gap: 32px; flex-wrap: wrap; margin-bottom:60px;}
.cptPreExcs .preExList .preExThmb { position:relative; overflow:hidden; width:265px; height:235px; border:1px solid #ccc; border-radius:20px; display:flex; justify-content:center; align-items:center;}
/* .cptPreExcs .preExList .preExThmb a:focus,
.cptPreExcs .preExList .preExThmb a:focus-within {display:block;} */
.cptPreExcs .preExList p.preExTit {font-size:16px; color:#333; font-weight:bold; line-height:1; margin-top:15px;}
.cptPreExcs .preExList .preExOvr {position:absolute; top:0; left:0; background:rgba(0,0,0,0.5); width:100%; height:100%; display: none;}
.cptPreExcs .preExList .preExOvr .preExOvrOpt {display:flex; justify-content:center; align-items:center; flex-flow:column nowrap; width:100%; height:100%;}
.cptPreExcs .preExList .preExOvr .preExOvrOpt a {font-size:13px; color:#fff; font-weight:500; text-align:left; width:130px; height:30px; line-height:30px; padding-left:15px; border-radius:5px;}
.cptPreExcs .preExList .preExOvr .preExOvrOpt a.blueBtn {background:#0082cd url('/common/images/common/icon_attchk.png')right 15px center no-repeat; background-size:15px; margin-bottom:10px;}
.cptPreExcs .preExList .preExOvr .preExOvrOpt a.cyanBtn {background:#2fa1b0 url('/common/images/common/icon_movieS.png')right 15px center no-repeat; background-size:15px;}

/* (20230408 수정) */
.cptPreExcs .preExList .preExThmb:hover .preExOvr {display: block;} /* 20230417 임시삭제 (block) */
.cptPreExcs .preExList .preExThmb.on .preExOvr {display: block;}/* 20230417 임시삭제 (block)*/

@media all and (max-width:1119px) {
    .cptPreExcs {flex-flow:row wrap; justify-content:center; }
    .cptPreExcs .preExList {margin-right:20px;}
    .cptPreExcs .preExList:nth-of-type(even) {margin-right:0;}
    .cptPreExcs .preExList .preExThmb {width:200px; height:180px;}
    .cptPreExcs .preExList {margin-bottom:20px;}
    .cptPreExcs .preExList p.preExTit {text-align:center;}
}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptPreExcs {margin-bottom: 20px; row-gap: 0;}
    .cptPreExcs .preExList {width: 100%; margin-right:0; margin-bottom: 30px;}
    .cptPreExcs .preExList:last-child {margin-bottom: 20px;}
    .cptPreExcs .preExList .preExThmb {width:100%; height:330px;}
}


/*인증등급 운동처방자 정보*/
.cptAuthorize {display:flex; justify-content:space-between; margin-top:30px;}
.cptAuthorize .authInfo {display:flex; justify-content:start;}
.cptAuthorize .authInfo img {width:15px; height:15px; margin-top:2px;}
.cptAuthorize .authInfo > p {font-size:16px; color:666; font-weight:500; line-height:1; margin-left:5px;}
.cptAuthorize .authInfo > p b {color:#000;}
.cptAuthorize .comBtnGroup {margin-top:0;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptAuthorize {flex-wrap: wrap; margin-top:20px;}
    .cptAuthorize > div {width: 100%;}
    .cptAuthorize .authInfo {width: 100%;}
    .cptAuthorize .authInfo img {width:12px;}
    .cptAuthorize .authInfo > p {font-size:13px;}
    .cptAuthorize .authInfo > p b {color:#000;}
    .cptAuthorize .comBtnGroup {width: 100%; margin-top:33px;}
}

/*자가체력측정 내역 List*/
.cptSelfCertList .selfCertListCnt {font-size:16px; color:#333; font-weight:500; margin-bottom:20px;}
.cptSelfCertList .selfCertList {display:flex; flex-flow:column nowrap;}
.cptSelfCertList .selfCertList .items {width:100%; background:#fafafa; border:1px solid #ccc; padding:25px; box-sizing:border-box; border-radius:20px; margin-bottom:15px;}
.cptSelfCertList.singlList .selfCertList .items {margin-bottom:40px;}
.cptSelfCertList .selfCertList .items .gradeHeadBar {display:flex; justify-content: space-between; position:relative;}
.cptSelfCertList .selfCertList .items .gradeMkInfo {display:flex; justify-content: start;}
.cptSelfCertList .selfCertList .items .gradeMark {display:flex; justify-content:center; align-items:center; width:195px; height:50px; border-radius:25px; padding: 0 25px; box-sizing:border-box; background:#191c38;}
.cptSelfCertList .selfCertList .items .gradeMark span {font-size:17px; color:#ffd96e; font-weight:500;}
.cptSelfCertList .selfCertList .items .gradeInfo {display:flex; }
.cptSelfCertList .selfCertList .items .gradeInfo > .gradeInfoTit {display:flex; align-self: center; font-size:18px; color:#333; font-weight:bold; margin-left:20px; margin-top:-5px;}
.cptSelfCertList .selfCertList .items .personalInfoBox {font-size:16px; color:#333; font-weight:500; display:flex;}
.cptSelfCertList .selfCertList .items .personalInfoBox span {align-self:center;}
.cptSelfCertList .selfCertList .items .gradeMkInfo.gmS .gradeMark {width:95px; height:40px; }
.cptSelfCertList .selfCertList .items .gradeMkInfo.gmS .gradeMark span:last-of-type {color:#fff;}
.cptSelfCertList .selfCertList .items .gradeMkInfo.gmS .gradeInfo > .gradeInfoTit {margin-top:0px;}
.cptSelfCertList .selfCertList .items .gradeMkInfo.gmS .gradeInfo > .gradeInfoTit span {color:#0082cd; margin-left:10px;}
.cptSelfCertList .selfCertList .items .btnBox ul {display:flex; justify-content: start; }
.cptSelfCertList .selfCertList .items .btnBox ul li {margin:5px 0 0 5px;}
.cptSelfCertList .selfCertList .items .btnBox ul li:last-of-type {margin-right:0;}
.cptSelfCertList .selfCertList .items .btnBox ul li a {display:inline-block; min-width:131px; font-size:15px; color:#fff; font-weight:500; text-align:center; padding: 0 20px; line-height:40px; box-sizing:border-box; border-radius:25px;}
.cptSelfCertList .selfCertList .items .btnBox ul li a img {margin-left:5px; display:inline-block; vertical-align:middle; margin-top:-3px;}
.cptSelfCertList .selfCertList .items .btnBox ul li.blueBtn a {background:#0082cd;}
.cptSelfCertList .selfCertList .items .btnBox ul li.cyanBtn a {background:#2fa1b0;}
.cptSelfCertList .selfCertList .items .btnBox ul li.whiteBtn a {background:#fff; border:1px solid #46485f; color:#191c38;}
.cptSelfCertList .selfCertList .items .btnBox ul li.navyBtn a {background:#3d405c;}

/*자가체력측정 내역 상단 정보 영역*/
@media all and (max-width:1119px) {
    .cptSelfCertList.singlList .selfCertList .items .gradeHeadBar {flex-direction:column;}
    .cptSelfCertList.singlList .selfCertList .items .gradeMkInfo {justify-content: center;}
    .cptSelfCertList.singlList .personalInfoBox {margin-top:10px; justify-content: center;}
}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptSelfCertList .selfCertListCnt {font-size:15px;}
    .cptSelfCertList .selfCertList .items { padding:23px; border-radius:4px;}
    .cptSelfCertList .selfCertList .items .gradeHeadBar {width: 100%; flex-wrap: wrap;}
    .cptSelfCertList .selfCertList .items .gradeMark {width: auto; min-width:60px; height:30px; border-radius:15px; padding: 0 14px;}
    .cptSelfCertList .selfCertList .items .gradeMark span {font-size:15px;}
    .cptSelfCertList .selfCertList .items .gradeInfo > .gradeInfoTit { font-size:15px; margin-left:7px;}
    .cptSelfCertList .selfCertList .items .personalInfoBox {font-size:14px; text-align: center;}
    
    .cptSelfCertList .selfCertList .items .gradeMkInfo.gmS .gradeMark {width:auto; height:30px; }
    .cptSelfCertList .selfCertList .items .btnBox {width: 100%;}
    .cptSelfCertList .selfCertList .items .btnBox ul {width: 100%; justify-content: center; padding-top: 20px; margin-top: 20px; border-top: 1px solid #ccc; column-gap: 10px;}
    .cptSelfCertList .selfCertList .items .btnBox ul li {margin:0;}
    .cptSelfCertList .selfCertList .items .btnBox ul li a { font-size:13px; line-height:33px; border-radius:16.5px;}
    .cptSelfCertList .selfCertList .items .btnBox ul li a img {width: 12px; margin-left:27px;}
}

/*자가체력측정 내역 추천 운동처방전*/
.cptRcmdPrescription {margin-top:30px;}
.cptRcmdPrescription .rcmdBfSel {width:100%; border:1px solid #8497d3; border-radius:20px; box-sizing:border-box; overflow:hidden; position:relative;}
.cptRcmdPrescription .rcmdBfSel > div.rcmdCatList {background:#f5f5f5; padding:15px 35px; box-sizing:border-box; display:flex; flex-flow:row wrap; justify-content:start; align-items:center; border-bottom:1px solid #b9c4e8;}
.cptRcmdPrescription .rcmdBfSel > div.rcmdCatList label {font-size:17px; color:#333; font-weight:bold; margin-right:30px; }
.cptRcmdPrescription .rcmdBfSel > div.rcmdCatList select {width:145px; font-weight:bold;}
.cptRcmdPrescription .rcmdBfSel > div.rcmdList {background:#fff; padding:30px 35px; box-sizing:border-box; display:flex; justify-content: space-between;}
.cptRcmdPrescription .rcmdBfSel > div.rcmdList ul {display:flex; flex-flow:row wrap;}
.cptRcmdPrescription .rcmdBfSel > div.rcmdList ul li {display:flex; justify-content: space-around; align-items:center;}
.cptRcmdPrescription .rcmdBfSel > div.rcmdList ul li:first-of-type label {margin-left:0;}
.cptRcmdPrescription .rcmdBfSel > div.rcmdList ul li label {padding-left:40px; margin-left:55px;}
.cptRcmdPrescription .rcmdBfSel > div.rcmdList ul li label div {width:135px; height:40px; background:#333; color:#fff; font-size:15px; font-weight:500; padding: 0 20px; box-sizing:border-box; display:flex; justify-content:space-between; align-items:center; border:1px solid #333; border-radius:25px;}
.cptRcmdPrescription .rcmdBfSel > div.rcmdList .btnBox {width:135px;}
.cptRcmdPrescription .rcmdBfSel > div.rcmdList .btnBox a {display:flex; justify-content:space-around; align-items:center; width:100%; font-size:15px; color:#fff; font-weight:500; text-align:center; padding: 0 20px; line-height:40px; box-sizing:border-box; border-radius:25px; }
.cptRcmdPrescription .rcmdBfSel > div.rcmdList .btnBox a img {margin-left:5px; display:inline-block; vertical-align:middle; margin-top:-3px;}
.cptRcmdPrescription .rcmdBfSel > div.rcmdList .btnBox.blueBtn a {background:#0082cd;}
.cptRcmdPrescription .rcmdAfSel {width:100%; border:1px solid #8497d3; border-radius:20px; box-sizing:border-box; overflow:hidden; padding:15px 35px;}
.cptRcmdPrescription .rcmdAfSel {display:flex; justify-content: center; align-items:center;}
.cptRcmdPrescription .rcmdAfSel > div.rcmdCatList > p {font-size:17px; color:#333; font-weight:bold; margin-right:40px;}
.cptRcmdPrescription .rcmdAfSel > div.rcmdList {display:flex; flex-flow:row wrap;}
.cptRcmdPrescription .rcmdAfSel > div.rcmdList div {display:flex; flex-flow:row wrap; justify-content: space-around; align-items:center;}
.cptRcmdPrescription .rcmdAfSel > div.rcmdList div a {width:135px; height:40px; background:#333; color:#fff; font-size:15px; font-weight:500; padding: 0 20px; box-sizing:border-box; display:flex; justify-content:space-between; align-items:center; border:1px solid #333; border-radius:25px; margin-right:20px;}
.cptRcmdPrescription .rcmdAfSel > div.rcmdList div:last-of-type a {margin-right:0;}
.rcmdListInfo {padding:40px 25px; margin-bottom:40px; box-sizing:border-box; border-bottom:1px dashed #adadad;}
.rcmdListInfo p {font-size:16px; color:#333; font-weight:500; margin-bottom:5px;}
@media all and (max-width:1119px) {
    .cptRcmdPrescription .rcmdBfSel > div.rcmdList {display:block;}
    .cptRcmdPrescription .rcmdBfSel > div.rcmdList .btnBox {position:absolute; top:17px; right:25px;}
    .cptRcmdPrescription .rcmdBfSel > div.rcmdList ul {justify-content: center;}
    .cptRcmdPrescription .rcmdBfSel > div.rcmdList ul li {margin-bottom:15px;}
    .cptRcmdPrescription .rcmdBfSel > div.rcmdList ul li label {padding-left:35px; margin-left:20px; width:100%;}
    .cptRcmdPrescription .rcmdBfSel > div.rcmdList ul li label div {width:100%; column-gap: 10px;}
}
@media all and (max-width:767px) {
    .cptRcmdPrescription .rcmdBfSel .checkGroup .checkItem {margin-right:0;}
    /* .cptRcmdPrescription .rcmdBfSel > div.rcmdList .btnBox {width:90px;} */

    .cptRcmdPrescription {margin-top:18px;}
    .cptRcmdPrescription .rcmdBfSel { border-radius:4px;}
    .cptRcmdPrescription .rcmdBfSel > div.rcmdCatList { padding:22px 20px; border-bottom:none; background-color: transparent; justify-content: space-between;}
    .cptRcmdPrescription .rcmdBfSel > div.rcmdCatList label {font-size:15px; margin-right:5px; }
    .cptRcmdPrescription .rcmdBfSel > div.rcmdCatList select {width:204px; background-color: #f8f8f8;}
    .cptRcmdPrescription .rcmdBfSel > div.rcmdList {padding:0 20px 22px 20px; display: flex;}
    .cptRcmdPrescription .rcmdBfSel > div.rcmdList ul {display:block;}
    .cptRcmdPrescription .rcmdBfSel > div.rcmdList ul li:last-child {margin-bottom: 0;}
    .cptRcmdPrescription .rcmdBfSel > div.rcmdList ul li label {margin-left:0px;}
    .cptRcmdPrescription .rcmdBfSel > div.rcmdList ul li label div {width:fit-content; min-width: 120px; height:27px; line-height: 26px; font-size:13px; padding: 0 22px; border-radius:13.5px;}
    .cptRcmdPrescription .rcmdBfSel > div.rcmdList ul li label img {width: 12px;}
    .cptRcmdPrescription .rcmdBfSel > div.rcmdList .btnBox {position: static; align-self: flex-end; text-align: right;}
    .cptRcmdPrescription .rcmdBfSel > div.rcmdList .btnBox a {width: fit-content; min-width: 120px; height: 33px; font-size:13px; padding: 0 22px; line-height:32px; border-radius:16.5px; display: inline-flex;}
    .cptRcmdPrescription .rcmdBfSel > div.rcmdList .btnBox a img {width: 12px; margin-top:0;}
    
    .cptRcmdPrescription .rcmdAfSel { border-radius:4px; padding:22px 20px;}
    .cptRcmdPrescription .rcmdAfSel {justify-content: space-between; }
    .cptRcmdPrescription .rcmdAfSel > div.rcmdCatList > p {font-size:15px;}
    .cptRcmdPrescription .rcmdAfSel > div.rcmdList {row-gap: 12px; column-gap: 12px; justify-content: flex-end;}
    .cptRcmdPrescription .rcmdAfSel > div.rcmdList div a {width:fit-content; min-width: 120px; height:27px; margin-right: 0; line-height: 26px; font-size:13px; padding: 0 22px; border-radius:13.5px; }
    .cptRcmdPrescription .rcmdAfSel > div.rcmdList div a img {width: 12px;}

    .rcmdListInfo {padding:22px 0; margin-bottom:10px; border-bottom:none;}
    .rcmdListInfo p {font-size:13px; margin-bottom:5px; text-indent: -10px; margin-left: 10px;}    
}
/*운동처방전 탭 (certify02_view.html 참고)*/
.rcmdPreTab > p {font-size:18px; color:#333; font-weight:500; line-height:1; margin-bottom:15px;}
.rcmdPreTab .prescTit {display:flex; justify-content:center; align-items:center; padding: 30px 0 ; border-top:1px solid #000; border-bottom:1px solid #000; margin:20px 0;}
.rcmdPreTab .prescTit > div > img {margin-right:10px; width:150px;}
.rcmdPreTab .prescTit > div:last-of-type {font-size:25px; color:#000; font-weight:bold;}
.rcmdPreTab .modTabList02 {margin-bottom:20px;}
.rcmdPreTab .modTabList02 .tabGroup .item:nth-child(4n+1) {flex-basis:33.3333%}
.rcmdPreTab .modTabList02 .tabGroup .item {flex:0 1 calc(33.3333% + 1px);}
.rcmdPreTab .modTabList02 .tabGroup .item:first-child {border-top-left-radius: 10px; border-bottom-left-radius: 10px;}
.rcmdPreTab .modTabList02 .tabGroup .item:last-child {border-bottom-right-radius: 10px; border-top-right-radius: 10px;}

@media screen and (min-width: 100px) and (max-width: 767px) {  
    .rcmdPreTab > p {font-size:15px;line-height:1.5; }
    .rcmdPreTab .prescTit { padding: 15px 0 ; margin:25px 0;}
    .rcmdPreTab .prescTit > div > img {margin-right:28px; width:130px;}
    .rcmdPreTab .prescTit > div:last-of-type {font-size:15px;}
    .rcmdPreTab .modTabList02 .tabGroup .item:first-child {border-radius:0;}
    .rcmdPreTab .modTabList02 .tabGroup .item:last-child {border-radius:0;}
}

/*자가체력측정 자가체력측정 운동상담*/
.cptSlfConsult {width:100%; padding-bottom:60px; margin-bottom:60px; border-bottom:1px dashed #adadad;}
.cptSlfConsult > p {font-size:16px; color:#333; font-weight:500; margin-bottom:15px;}
.cptSlfConsult .consultInfo {width:100%; display:flex; flex-flow:row wrap; justify-content: start;}
.cptSlfConsult .consultInfo select {min-width:200px; border-right:0;}
.cptSlfConsult .consultInfo .csConsultant select {border-right:1px solid #c0c0c0;}
.cptSlfConsult .constCont {margin-top:15px; border:1px solid #ccc; background:#f1f1f1; border-radius:5px; box-sizing:border-box; padding: 20px; display:flex; justify-content:space-between; align-items:end;}
.cptSlfConsult .constCont .constTxt {background:#fff; padding:5px; border:1px solid #fff; border-radius:5px; box-sizing:border-box; overflow:hidden; width:calc(100% - 170px);}
.cptSlfConsult .constCont .constTxt textarea {height:80px; overflow-y:scroll; border:none; font-size:15px; line-height:22px;}
.cptSlfConsult .constCont .constTxt textarea::-webkit-scrollbar {width: 5px;}
.cptSlfConsult .constCont .constTxt textarea::-webkit-scrollbar-thumb { background: #2785e5;}
.cptSlfConsult .constCont .constTxt textarea::-webkit-scrollbar-track {background: #eee;}
.cptSlfConsult .constCont .constBtn {width:150px; height:40px; }
.cptSlfConsult .constCont .constBtn a {display:flex; justify-content: space-around; align-items:center; width:100%; height:100%; background:#2fa1b0; color:#fff; font-size:16px; font-weight:bold; border-radius:5px;}

@media screen and (min-width: 100px) and (max-width: 767px) {  
    .cptSlfConsult {padding-bottom:0; margin-bottom:40px; border-bottom:none;}
    .cptSlfConsult > p {font-size:15px; }
    .cptSlfConsult .consultInfo .csLoc, .cptSlfConsult .consultInfo .csCenter {width: 100%; margin-bottom: 10px;}
    .cptSlfConsult .consultInfo .csConsultant {width: 100%;}
    .cptSlfConsult .consultInfo select {width: 100%; border-right:1px solid #c0c0c0; background-color: #f8f8f8;}
    .cptSlfConsult .constCont { background:transparent; padding: 0; border: none; flex-wrap: wrap;}
    .cptSlfConsult .constCont .constTxt {width: 100%; border:none; padding: 0;}
    .cptSlfConsult .constCont .constTxt textarea {height:100px; border: 1px solid #ccc; border-radius: 4px;}
    .cptSlfConsult .constCont .constTxt textarea::-webkit-scrollbar {width: 5px;}
    .cptSlfConsult .constCont .constTxt textarea::-webkit-scrollbar-thumb { background: #2785e5;}
    .cptSlfConsult .constCont .constTxt textarea::-webkit-scrollbar-track {background: #eee;}
    .cptSlfConsult .constCont .constBtn {width:100%; height:auto; margin-top: 12px; text-align: right;}
    .cptSlfConsult .constCont .constBtn a {width:120px; height:40px;  font-size:14px; border-radius:4px; display: inline-flex;}
    .cptSlfConsult .constCont .constBtn a img {width: 12px;}
}

/*자가체력측정 자가체력측정 운동상담 신청 후*/
.cptSlfConsult .constContAf {margin-top:15px; border:1px solid #ccc; background:#f1f1f1; border-radius:5px; box-sizing:border-box; padding: 30px;}
.cptSlfConsult .constContAf .constRegInfo {display:flex; justify-content:space-between; align-items:center; margin-bottom:20px;}
.cptSlfConsult .constContAf .constRegInfo > p:first-of-type {font-size:16px; color:#333; font-weight:bold; line-height:1;}
.cptSlfConsult .constContAf .constRegInfo > p:last-of-type {font-size:15px; color:#666; font-weight:500; line-height:1;}
.cptSlfConsult .constContAf .constRegData {display:flex; justify-content:space-between; align-items:start;}
.cptSlfConsult .constContAf .constRegData.answerMark {margin-top:10px;}
.cptSlfConsult .constContAf .constRegData .constTxt {background:#fff; padding:5px; border:1px solid #fff; border-radius:5px; box-sizing:border-box; overflow:hidden; width:calc(100% - 50px);}
.cptSlfConsult .constContAf .constRegData .constTxt textarea {height:80px; overflow-y:scroll; border:none; font-size:15px; line-height:22px;}
.cptSlfConsult .constContAf .constRegData .constTxt textarea::-webkit-scrollbar {width: 5px;}
.cptSlfConsult .constContAf .constRegData .constTxt textarea::-webkit-scrollbar-thumb { background: #2785e5;}
.cptSlfConsult .constContAf .constRegData .constTxt textarea::-webkit-scrollbar-track {background: #eee;}
.cptSlfConsult .constContAf .constRegData .constBtn {width:150px; height:40px; }
.cptSlfConsult .constContAf .constRegData .constBtn a {display:flex; justify-content: space-around; align-items:center; width:100%; height:100%; background:#2fa1b0; color:#fff; font-size:16px; font-weight:bold; border-radius:5px;}

/*자가체력측정 자가체력측정 운동상담 신청 및 답변 완료 후*/
.cptSlfConsult .constContAf .constRegData.answerMark + .constDoneBtn { position:relative; width:100%; height:45px; margin-top:20px;}
.cptSlfConsult .constContAf .constRegData.answerMark + .constDoneBtn a {position:absolute; right:0; top:0; display:inline-block; width:190px; height:45px; line-height:45px; background:#191c38; color:#fff; font-size:16px; font-weight:500; border-radius:5px; padding: 0 20px; text-align:center;}
.cptSlfConsult .constContAf .constRegData.answerMark + .constDoneBtn a:focus-visible {outline: 2px solid #0082cd; outline-offset: -1px;}
.cptSlfConsult .constContAf .constRegData.answerMark + .constDoneBtn a span {margin-right:15px;}

@media screen and (min-width: 100px) and (max-width: 767px) {  
    .cptSlfConsult .constContAf { padding: 23px;}
    .cptSlfConsult .constContAf .constRegInfo {flex-wrap: wrap; }
    .cptSlfConsult .constContAf .constRegInfo > p:first-of-type {font-size:13px; font-weight:500;}
    .cptSlfConsult .constContAf .constRegInfo > p:last-of-type {font-size:13px; margin-top: 7px;}
    .cptSlfConsult .constContAf .constRegData.answerMark {margin-top:14px;}
    .cptSlfConsult .constContAf .constRegData .contIcon {width: 35px;}
    .cptSlfConsult .constContAf .constRegData .contIcon img {width: 27px;}
    .cptSlfConsult .constContAf .constRegData .constTxt {width:calc(100% - 35px);}
    .cptSlfConsult .constContAf .constRegData .constTxt textarea {height:84px; font-size:13px; line-height:1.5;}

    /*자가체력측정 자가체력측정 운동상담 신청 및 답변 완료 후*/
    .cptSlfConsult .constContAf .constRegData.answerMark + .constDoneBtn {height:40px; margin-top:27px;}
    .cptSlfConsult .constContAf .constRegData.answerMark + .constDoneBtn a { width:158px; height:40px; line-height:40px; font-size:14px; font-weight:700; padding: 0 20px;}
    .cptSlfConsult .constContAf .constRegData.answerMark + .constDoneBtn a img {width: 12px;}
}

/*자가체력측정 설문지 확인*/
.surveyType {border-bottom:1px solid #000; padding-bottom:50px; margin-bottom:30px;}
.surveyType .titArea {position:relative;}
.surveyType .titArea .surveyBtn {position:absolute; top:-6px; right:0;}
.surveyType .titArea .surveyBtn a {display:inline-block; width:190px; height:45px; line-height:45px; background:#191c38; color:#fff !important; font-size:16px; font-weight:500; border-radius:25px; padding: 0 20px; text-align:center;}
.surveyType .titArea .surveyBtn a:focus-visible {outline: 2px solid #0082cd; outline-offset: -1px;}
.surveyType .titArea .surveyBtn a span {margin-right:15px;}
@media all and (max-width:767px) {
    .surveyType { padding-bottom:33px; margin-bottom:30px;}
    .surveyType .titArea .surveyBtn {position:relative; top:0px; right:0; text-align:center; margin-top:6px;}
    .surveyType .titArea .surveyBtn a {width:155px; height:33px; line-height:33px; font-size:13px; font-weight:700; border-radius:16.5px; padding: 0 22px;}
    .surveyType .titArea .surveyBtn a img {width: 12px;}
}

/*자가체력측정 설문지 팝업*/
.comPopImgTit.accordion {border:0;}
.popupInscrl .accordionList {width:100%;}
.popupInscrl .accordionList ul {width:100%;}
.popupInscrl .accordionList ul li {width:100%; margin-bottom:10px;}
.popupInscrl .accordionList ul li a {display:block; position:relative; width:100%; height:50px; line-height:50px; padding-left:35px; box-sizing:border-box; font-size:16px; font-weight:500; color:#040000; border:1px solid #cccccc; background:#fff; border-radius:5px; overflow:hidden; transition:all 0.4s;}
.popupInscrl .accordionList ul li a img {position:absolute; top:50%; right:25px; transform:translate(0,-50%); -webkit-transform:translate(0,-50%); -ms-transform:translate(0,-50%); -moz-transform:translate(0,-50%); -o-transform:translate(0,-50%);}
.popupInscrl .accordionList ul li.accOn a {color:#0081cc; border:1px solid #8497d3; background:#edf2f5;}
.popupInscrl .accordionList .comTableList tr td:nth-of-type(2) {text-align:left;}
.popupInscrl .accordionList .comTableList tr td:nth-of-type(2) div.mCont {word-break:keep-all;}

@media all and (max-width:767px) {
    .popupInscrl .accordionList ul li {margin-bottom:6px;}
    .popupInscrl .accordionList ul li a {height:40px; line-height:40px; padding-left:13px; font-size:15px;}
    .popupInscrl .accordionList ul li a img {width: 8px; right:13px;}
    .popupInscrl .accordionList ul li.accOn a {color:#0081cc; border:1px solid #8497d3; background:#edf2f5;}
    .popupInscrl .accordionList .comTableList tr td:nth-of-type(2) {text-align:left;}
    .popupInscrl .accordionList .comTableList tr td:nth-of-type(2) div.mCont {word-break:keep-all;}

    .popupInscrl .accordionList .comTableList.mRow table td .mCont {width:50%; font-size:14px;}
}

/*체력증진교실 현황 수강중인강좌 & 진행예정강좌 & 종료강좌 그리고 팝업*/
/*탭영역 수정*/
.modTabList.wtCnt .classCnt {display:inline-block; vertical-align:middle; background:#333; color:#fff; font-size:13px; font-weight:400; width:25px; height:25px; line-height:21px; text-align:center; border:1px solid #333; border-radius:50%; box-sizing:border-box; margin:-2px 0 0 5px;}
.modTabList.wtCnt .tabGroup .item {flex:0 1 200px}
@media all and (max-width:767px) {
    .modTabList.wtCnt .classCnt { margin:-2px 0 0 1px;}
    .modTabList.wtCnt .tabGroup .item {flex:0 1 33.33333%}
    .modTabList.wtCnt .tabGroup .item:nth-child(3n) .tabBtn {border-left: none;}
    .modTabList.wtCnt .tabGroup .item:nth-child(n+3) .tabBtn {border-top: 1px solid #999;}
}

.comThumbList {width:100%; position:relative;}
.comThumbList .tbCnt {width:100%; padding-bottom:25px; margin-bottom:25px; border-bottom:1px solid #000; font-size:16px; color:#666; font-weight:500;}
.comThumbList .tbCnt b {color:#000; font-weight:bold;}
.comThumbList .listArea .items {display:flex; justify-content: space-between; align-items:center; padding-bottom:25px; border-bottom:1px solid #e6e6e6; margin-bottom:25px;}
.comThumbList .listArea .items .ltCont {width: calc(100% - 230px);display:flex; justify-content:start; align-items:center; }
.comThumbList .listArea .items .ltCont .thumbArea {margin-right:30px;}
.comThumbList .listArea .items .ltCont .titArea {width: calc(100% - 230px);}
.comThumbList .listArea .items .ltCont .titArea .mainTit {font-size:20px; color:#333; font-weight:bold; line-height:1; margin-bottom:10px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}
.comThumbList .listArea .items .ltCont .titArea .subTit {font-size:16px; color:#333; font-weight:500; margin-bottom:15px;}
.comThumbList .listArea .items .ltCont .titArea .titInfo span {font-size:15px; color:#666; font-weight:300; border-right:1px solid #ccc; line-height:1; padding-right:5px; margin-right:5px; box-sizing:border-box;}
.comThumbList .listArea .items .ltCont .titArea .titInfo span:last-of-type {border-right:0;}
.comThumbList .listArea .items .attndArea {display:flex; justify-content: end; align-items:center;}
.comThumbList .listArea .items .attndArea > div {width:105px; height:105px; margin-right:10px; display:flex; flex-direction:column; justify-content: center; align-items: center; border-radius:50%; box-sizing:border-box;}
.comThumbList .listArea .items .attndArea > div:last-child {margin-right:0;}
.comThumbList .listArea .items .attndArea > button {width:105px; height:105px; margin-right:10px; display:flex; flex-direction:column; justify-content: center; align-items: center; border-radius:50%; box-sizing:border-box;}
.comThumbList .listArea .items .attndArea > button:last-child {margin-right:0;}
.comThumbList .listArea .items .attndArea > .attStat {background:#ebebeb; padding: 0 10px; text-align: center;}
.comThumbList .listArea .items .attndArea > .attStat.certif { cursor: pointer;}
.comThumbList .listArea .items .attndArea > .attStat > p.tit {font-size:18px; color:#333; font-weight:bold; line-height:1.2; margin-bottom:10px;}
.comThumbList .listArea .items .attndArea > .attStat > p.tit.noMarg {margin:0;}
.comThumbList .listArea .items .attndArea > .attStat > p.cnt {font-size:14px; color:#333; font-weight:500; line-height:1; }
.comThumbList .listArea .items .attndArea > .attStat > p.cnt span {color:#00a1ff;}
.comThumbList .listArea .items .attndArea > .attCertif {background:#ebebeb; padding: 0 10px; text-align: center;cursor: pointer;}
.comThumbList .listArea .items .attndArea > .attCertif > p.tit {font-size:18px; color:#333; font-weight:bold; line-height:1.2; margin-bottom:10px;}
.comThumbList .listArea .items .attndArea > .attCertif > p.tit.noMarg {margin:0;}
.comThumbList .listArea .items .attndArea > .attCertif > p.cnt {font-size:14px; color:#333; font-weight:500; line-height:1; }
.comThumbList .listArea .items .attndArea > .attCertif > p.cnt span {color:#00a1ff;}
.comThumbList .listArea .items .attndArea > .attChk {background:#191c38; cursor:pointer;}
.comThumbList .listArea .items .attndArea > .attChk img {width:20px;}
.comThumbList .listArea .items .attndArea > .attChk > p {font-size:16px; color:#fff; font-weight:bold; line-height:1; margin-top:5px;}
.comThumbList .listArea .items .attndArea > .attChk.agree {background: #1b2573;}
@media all and (max-width:1119px) {
    .comThumbList .listArea .items .ltCont .titArea .titInfo {width:280px;}
    .comThumbList .listArea .items .ltCont .titArea .titInfo span {line-height:22px;}
}

@media all and (max-width:767px) {
    .comThumbList .listArea .items .ltCont .titArea .titInfo {width:auto;}

    .comThumbList .tbCnt {padding-bottom:15px; margin-bottom:19px; font-size:15px;}
    .comThumbList .listArea .items {flex-wrap: wrap; padding-bottom:19px; margin-bottom:19px;}
    .comThumbList .listArea .items .ltCont {width: 100%; margin-bottom: 17px;}
    .comThumbList .listArea .items .ltCont .thumbArea {width: calc(50% - 11px); height: 115px; margin-right:22px; overflow: hidden;}
    .comThumbList .listArea .items .ltCont .thumbArea img {width: 100%; height: 100%; object-fit: cover;}
    .comThumbList .listArea .items .ltCont .titArea {width: calc(50% - 11px); }
    .comThumbList .listArea .items .ltCont .titArea .mainTit {font-size:15px; margin-bottom: 5px; min-height:17px;}
    .comThumbList .listArea .items .ltCont .titArea .subTit {font-size:14px; margin-bottom:5px;}
    .comThumbList .listArea .items .ltCont .titArea .titInfo span {font-size:13px;font-weight:400; padding-right:8px; line-height: 1.25;}
    .comThumbList .listArea .items .ltCont .titArea .titInfo span:last-of-type {border-right:0;}
    .comThumbList .listArea .items .ltCont .titArea .titInfo span:nth-child(1) {width: 100%; border-right: none; display: inline-block;}
    .comThumbList .listArea .items .ltCont .titArea .titInfo span:nth-child(2) {width: 100%; border-right: none; display: inline-block;}
    .comThumbList .listArea .items .ltCont .titArea .titInfo span:nth-child(3) {width: 100%; border-right: none; display: inline-block;}
    .comThumbList .listArea .items .attndArea {width: 100%; justify-content: space-between}
    .comThumbList .listArea .items .attndArea > div {width: calc(50% - 11px); height:40px; margin-right:0; flex-flow: row wrap; border-radius:4px; column-gap: 20px;}
    .comThumbList .listArea .items .attndArea > button {width: calc(50% - 11px); height:40px; margin-right:0; flex-flow: row wrap; border-radius:4px; column-gap: 20px;}
    .comThumbList .listArea .items .attndArea > .attStat > p.tit {font-size:15px;margin-bottom:0;}
    .comThumbList .listArea .items .attndArea > .attStat > p.cnt {font-size:13px;}
    .comThumbList .listArea .items .attndArea > .attChk > p {font-size:13px;margin-top:0;}
}

.popupContGroup .attndInfo {width:100%; position:relative; background:#ededed; border-radius:25px; box-sizing:border-box; padding:25px 30px; display:flex; justify-content: start; align-items:center;}
.popupContGroup .attndInfo img {margin-right:20px;}
.popupContGroup .attndInfo .titArea .mainTit {font-size:20px; color:#333; font-weight:bold; line-height:1; margin-bottom:10px;}
.popupContGroup .attndInfo .titArea .subTit {font-size:16px; color:#333; font-weight:500; margin-bottom:15px;}
.popupContGroup .attndInfo .titArea .titInfo span {font-size:15px; color:#666; font-weight:300; border-right:1px solid #ccc; line-height:22px; padding-right:5px; margin-right:5px; box-sizing:border-box; }
.popupContGroup .attndInfo .titArea .titInfo span:last-of-type {border-right:0;}
@media all and (max-width:767px) {
    .popupContGroup .attndInfo { border-radius:4px; padding:20px;align-items:top;}
    .popupContGroup .attndInfo img {width:80px;}
    .popupContGroup .attndInfo .titArea .mainTit {font-size:17px; line-height:1.2; margin-bottom:5px;}
    .popupContGroup .attndInfo .titArea .subTit {font-size:15px; margin-bottom:10px;}
    .popupContGroup .attndInfo .titArea .titInfo span {font-size:13px; border-right:1px solid #ccc; line-height:1.25; padding-right:8px;}
}
.cptResvDate.popCal {margin-bottom:0;}
.cptResvDate.popCal .resvSelDate {width: 100%; margin-right: 0;}
.cptResvDate.popCal .calSrch {width:100%; display:flex; justify-content: space-between; align-items:end; margin-top:30px;}
.cptResvDate.popCal .calSrch .yymmArea {display:flex; justify-content:start; align-items:center;}
.cptResvDate.popCal .calSrch .yymmArea > p {font-size:16px; color:#333; font-weight:500; line-height:1;}
.cptResvDate.popCal .calSrch .yymmArea select {width:120px;}
.cptResvDate.popCal .calSrch .yymmArea > div:first-of-type {margin:0 10px 0 20px;}
.cptResvDate.popCal .calSrch .attInfo > p {font-size:16px; color:#333; font-weight:500; line-height:1;}
@media all and (max-width:767px) {
    .cptResvDate.popCal .calSrch {margin-top:25px; flex-wrap: wrap;}
    .cptResvDate.popCal .calSrch .yymmArea > p {font-size:13px;}
    .cptResvDate.popCal .calSrch .yymmArea select {width:85px;}
    .cptResvDate.popCal .calSrch .yymmArea > div:first-of-type {margin:0 5px 0 12px;}
    .cptResvDate.popCal .calSrch .attInfo {margin-left: auto;}
    .cptResvDate.popCal .calSrch .attInfo > p {margin-top: 8px; font-size:13px;}
}
.cptResvDate.popCal div.resvCal .calFrame .calDate table tbody tr td {height:70px;}
.resvCal .attndedMk {position:absolute; top:15px; left:30px; width:10px; height:10px; background:#990000; border-radius:50%; }
.resvCal .attmk {width: 51px; height: 50px; position:absolute; top:50%; left:50%; transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); -ms-transform:translate(-50%,-50%); -moz-transform:translate(-50%,-50%); -o-transform:translate(-50%,-50%); margin-top:7px; margin-left:11px; cursor: pointer;}
@media all and (max-width:767px) {
    .cptResvDate.popCal .resvSelDate .resvCal {margin-top: 10px;}
    .cptResvDate.popCal .resvSelDate div.resvCal .calFrame ul.weekBar li {height:33px; font-size: 13px; line-height: 33px;}
    .cptResvDate.popCal .resvSelDate div.resvCal .calFrame ul.calArea li {height: 45px;}
    .cptResvDate.popCal .resvSelDate div.resvCal .calFrame ul.calArea li .date {top: 5px; left: 7px; font-size: 12px;}

    .cptResvDate.popCal .resvNtc {flex-wrap: wrap;}
    .cptResvDate.popCal .resvNtc .left{width: 100%; order: 2;}
    .cptResvDate.popCal .resvNtc .right {width: 100%; margin: -7px 0 10px 0; order: 1; text-align: right;}
    .cptResvDate.popCal .resvNtc .right .mark {width: auto; display: inline-block; font-size: 13px; }
    .cptResvDate.popCal .resvNtc .markGroup {}

    .resvCal .attndedMk {top:7px; left:20px; width:6px; height:6px; }
    .resvCal .attmk {width: 28px; height: 28px; transform: none; top: auto; left: auto; bottom: 2px; right: 2px;}
    .resvCal .attmk img {width:27px;}
}

/*마일리지 내역*/
.cptMileStat {width:100%; position:relative; display:flex; justify-content:space-around; align-items:center; background:#f5f6f7; padding:45px 65px; border-radius:15px; box-sizing:border-box; border:1px solid #ccc; margin-bottom:50px;}
.cptMileStat > .items {display:flex; justify-content: start; align-items:center;}
.cptMileStat > .items .itemThumb {margin-right:35px;}
.cptMileStat > .items .itemDesc {}
.cptMileStat > .items .itemDesc .itemTit {font-size:18px; color:#333; font-weight:500; line-height:1; margin-bottom:15px;}
.cptMileStat > .items .itemDesc .itemTitSm {font-size:16px; color:#333; font-weight:500; line-height:25px;}
.cptMileStat > .items .itemDesc .itemPt {font-size:0; display:block; text-align:left;}
.cptMileStat > .items .itemDesc .itemPt span {display:inline-block; vertical-align:baseline; font-size:24px; color:#333; line-height:1; font-weight:bold;}
.cptMileStat > .items .itemDesc .itemPt span:first-of-type {font-size:36px; color:#0082cd; margin-right:5px;}
.cptMileStat > .items .itemDesc .itemPt span:last-of-type {font-weight:900;}

@media all and (max-width:767px){
    .cptMileStat > .items:last-of-type {margin-top:45px;}
    .cptMileStat > .items:last-of-type .itemThumb img {width: 52px;}
    .cptMileStat > .items:last-of-type .itemTitSm {font-size: 15px; line-height: 1.2;}
    .cptMileStat > .items:last-of-type .itemTitSm br {display:none;}

    .cptMileStat {justify-content: start; flex-wrap: wrap; padding:30px 20px; border-radius:7px; border: none; margin-bottom:35px;}
    .cptMileStat > .items .itemThumb {margin-right:25px;}
    .cptMileStat > .items .itemDesc .itemTit {line-height:1.35; margin-bottom:7px;}
    .cptMileStat > .items .itemDesc .itemPt span {font-size:23px; font-weight: 900;}
    .cptMileStat > .items .itemDesc .itemPt span:first-of-type {font-size:27px;}
}

.comTableList.mileage table tbody tr td {font-weight:500;}
.comTableList.mileage table tbody tr td:nth-of-type(2) {text-align:center; padding-left:20px; box-sizing:border-box; }
.comTableList.mileage table tbody tr td:nth-of-type(2) p {width:100%; overflow:hidden; text-overflow:ellipsis; white-space:nowrap;}
.comTableList.mileage table tbody tr td .ptBox {border-radius:25px; text-align:center; padding: 0 15px; line-height:25px; color:#fff;font-weight:500; display:inline-block;}
.comTableList.mileage table tbody tr td .ptBox.postv {background:#333;}
.comTableList.mileage table tbody tr td .ptBox.negtv {background:#cc3333;}

.comTableList.mileage .col1 {width: 150px;}
.comTableList.mileage .col3 {width: 110px;}
.comTableList.mileage .col4 {width: 13%;}
.comTableList.mileage .numb {width: 100%; display: inline-block; font-style: normal; font-size: 13px;margin-bottom: 5px;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .comTableList.mileage table tbody tr.minusArea td {background: #f8eeee;}
    .comTableList.mileage table tbody tr td .ptBox {padding: 0 8px; font-size: 13px;}
    
    .comTableList.mileage .col1 {width: 75px;}
    .comTableList.mileage .col3 {width: 70px;}
    .comTableList.mileage .col4 {width: 20%;}
    .comTableList.mileage .numb {font-size: 11px;}
    .comTableList.mileage .tableBtn {min-width: auto; padding: 0 2px;}
}

/*리워드 상품 교환 페이지*/
.titAreaDesc {font-size:16px; color:#333; font-weight:500; line-height:1; margin-top:20px; padding-left:30px; box-sizing:border-box;}
.cptRewardList {width:100%; position:relative; margin-top:35px;}
.cptRewardList .listArea ul {display:flex; flex-flow:row wrap; justify-content:space-around; align-items:center;}
.cptRewardList .listArea ul li {width:345px; margin-bottom:30px; }
.cptRewardList .listArea ul li .rewardThumb {padding:50px 35px 25px; box-sizing:border-box; border:1px solid #ccc; border-bottom:0; border-radius:10px 10px 0 0; text-align: center;}
.cptRewardList .listArea ul li .rewardThumb .rewardProd {display:flex; justify-content: space-between; align-items:center; margin-top:20px}
.cptRewardList .listArea ul li .rewardThumb .rewardProd p:first-of-type {font-size:18px; color:#333; font-weight:500; line-height:1.4;}
.cptRewardList .listArea ul li .rewardThumb .rewardProd p:last-of-type {flex: 1 0 55%;}
.cptRewardList .listArea ul li .rewardThumb .rewardProd p:last-of-type span:first-of-type {display:inline-block; vertical-align:baseline; font-size:30px; color:#0081cc; font-weight:bold; }
.cptRewardList .listArea ul li .rewardThumb .rewardProd p:last-of-type span:last-of-type {display:inline-block; vertical-align:baseline; font-size:20px; color:#333; font-weight:500;}
.cptRewardList .listArea ul li .rewardSelect {width: 100%; display:flex; justify-content: center; align-items:center; padding:15px 0; box-sizing:border-box; border:1px solid #191c38; background:#191c38; border-radius:0 0 10px 10px; }
.cptRewardList .listArea ul li .rewardSelect:focus-visible {outline: 2px solid #00a2ff; outline-offset: -1px;}
.cptRewardList .listArea ul li .rewardSelect > p {font-size:18px; color:#fff; font-weight:bold; margin-right:15px;}

@media all and (max-width:767px) {
    .cptRewardList {margin-top: 26px;}
    .cptRewardList .listArea ul li {width:100%;}
    .cptRewardList .listArea ul li .rewardThumb {padding: 50px 23px 25px;}
    .cptRewardList .listArea ul li .rewardThumb img {max-width:100%;}
    .cptRewardList .listArea ul li .rewardThumb .rewardProd p:first-of-type {font-size:17px;}
    .cptRewardList .listArea ul li .rewardThumb .rewardProd p:last-of-type span:first-of-type {font-size:27px;}
    .cptRewardList .listArea ul li .rewardThumb .rewardProd p:last-of-type span:last-of-type {font-size:20px;}
    .cptRewardList .listArea ul li .rewardSelect > p {font-size:20px;}
    .cptRewardList .listArea ul li .rewardSelect > img {width:30px;}
}

/*회원정보수정*/
/*비밀번호 확인 페이지*/
.cptMemChk {width:100%; max-width:640px; margin:60px auto 0; position:relative; text-align:center;}
.cptMemChk .imgArea {margin-bottom:35px;}
.cptMemChk .titArea {margin-bottom:60px;}
.cptMemChk .titArea p {font-size:24px; color:#333; font-weight:500; line-height:30px;}
.cptMemChk .pssInputArea {background:#f5f5f5; border:1px solid #ccc; border-radius:15px; padding:45px 90px; box-sizing:border-box;}
.cptMemChk .pssInputArea > p {font-size:16px; color:#333; font-weight:500; line-height:1; margin-bottom:30px;}
.cptMemChk .pssInputArea > div {display:flex; justify-content: center; align-items:center;} 
.cptMemChk .pssInputArea > div label {font-size:16px; color:#333; font-weight:500; line-height:1; margin-right:20px;}
.cptMemChk .pssInputArea > div input {width:270px; background:#fff url('/common/images/common/icon_login.png') left 10px  center no-repeat; background-size:20px; padding-left:45px;}

@media all and (max-width:767px) {
    .cptMemChk {width:100%; max-width:none;}
    .cptMemChk .imgArea img {width: 80px;}
    .cptMemChk .titArea {margin-bottom:40px;}
    .cptMemChk .titArea p {font-size:15px; line-height:1.3;}
    .cptMemChk .titArea p br {display:none;}
    .cptMemChk .pssInputArea { border-radius:7px; padding:37px 34px;}
    .cptMemChk .pssInputArea > p {font-size:14px; line-height:1.4; margin-bottom:25px;}
    .cptMemChk .pssInputArea > div label {font-size:15px;margin-right:15px;}
    .cptMemChk .pssInputArea > div input { background-size:16px; padding-left:35px;}

}

/* ----------------------------- 별점 평가 ----------------------------- */
.cptEvaluate {width: 100%; margin-top: 80px;}
.cptEvaluate .evluArea {width: 100%; padding: 30px 35px; border: 1px solid #ccc; border-radius: 5px; background: #f3f3f3;}
.cptEvaluate .evlTit {margin-bottom: 15px; font-size: 18px; color: #333; font-weight: 700;}
.cptEvaluate .checkGroup.type03 .checkItem input[type=radio] + label {font-size: 18px; color: #333;}
.cptEvaluate .checkItem .star {height: 20px; margin-right: 5px; font-size: 0; background: url(/common/images/sub/icon_star.png) left top repeat-x; display: inline-block; vertical-align: top;transform: translateY(2px);}
.cptEvaluate .checkItem .star.num5 {width: 100px;}
.cptEvaluate .checkItem .star.num4 {width: 80px;}
.cptEvaluate .checkItem .star.num3 {width: 60px;}
.cptEvaluate .checkItem .star.num2 {width: 40px;}
.cptEvaluate .checkItem .star.num1 {width: 20px;}
.cptEvaluate .iptWrap {margin-top: 20px;display: flex;}
.cptEvaluate .iptWrap input {height: 50px;border-radius: 4px 0 0 4px; border: none;}
.cptEvaluate .iptWrap .btn {width: 110px; height: 50px; border-radius: 0 4px 4px 0; font-size: 17px; line-height: 50px;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptEvaluate {margin-top: 60px;}
    .cptEvaluate .evluArea { padding: 20px 25px;}
    .cptEvaluate .evlTit {margin-bottom: 20px; font-size: 15px; }
    .cptEvaluate .checkGroup.type03 .checkItem {width: 100%;}
    .cptEvaluate .checkGroup.type03 .checkItem input[type=radio] + label {font-size: 14px;}
    .cptEvaluate .checkItem .star {height: 15px; background-size: auto 15px;}
    .cptEvaluate .checkItem .star.num5 {width: 75px;}
    .cptEvaluate .checkItem .star.num4 {width: 60px;}
    .cptEvaluate .checkItem .star.num3 {width: 45px;}
    .cptEvaluate .checkItem .star.num2 {width: 30px;}
    .cptEvaluate .checkItem .star.num1 {width: 15px;}
    .cptEvaluate .iptWrap input {height: 40px;}
    .cptEvaluate .iptWrap .btn {width: 80px; height: 40px; font-size: 15px; line-height: 40px;}
}


/* ----------------------------- 체력인증센터 찾기-list ----------------------------- */
.cptCenterSrch {}
.cptCenterSrch .srchArea {margin-bottom: 50px;}
.cptCenterSrch .totalBox {padding: 40px 10px; border-top: 3px solid #000; display: flex; align-items: center; justify-content: space-around; }
.cptCenterSrch .totalBox .center {display: flex; column-gap: 55px; align-items: center; position: relative;}
.cptCenterSrch .totalBox .center dt {font-size: 20px; font-weight: 700;}
.cptCenterSrch .totalBox .center dd {padding-left: 100px; font-size: 21px; font-weight: 700; background: url(/common/images/sub/center_home.png) left center no-repeat;}
.cptCenterSrch .totalBox .center dd em {font-size: 63px; margin-right: 6px; font-weight: 800;}
.cptCenterSrch .totalBox .center::after {display: block; content: ""; width: 1px; height: 74px; transform: rotate(25deg); background: #d0d0d0; position: absolute; right: -73px; top: 18px;}
.cptCenterSrch .totalBox .center.car::after {display: none;}
.cptCenterSrch .totalBox .center.car dd {padding-left: 140px; background-image: url(/common/images/sub/center_car.png);}
.cptCenterSrch .regionBox {width: 100%; padding: 35px 20px; border-radius: 20px; border: 1px solid #ccc; background: #ededed; }
.cptCenterSrch .regionBox .regionSrch {display: flex; justify-content: center; align-items: center; column-gap: 40px;}
.cptCenterSrch .regionBox .regionSrch .item {display: flex; column-gap: 30px;}
.cptCenterSrch .regionBox .regionSrch select {width: 190px; height: 50px; padding: 0 30px; border-radius: 25px; border: 2px solid #1a2473; font-size: 18px; color: #1b2573; font-weight: 500; background: #fff url(/common/images/common/arw_nav_bottom_b.png) calc(100% - 30px) center no-repeat;}
.cptCenterSrch .regionBox .regionSrch .num {padding: 0 15px 0 5px; font-size: 18px; font-weight: 500; color: #000; position: relative;}
.cptCenterSrch .regionBox .regionSrch .num::after {display: block; content: ""; width: 100%; height: 1px; background-color: #000; position: absolute; bottom: -5px; left: 0;}
.cptCenterSrch .regionBox .regionSrch .num em {margin-left: 45px; font-size: 48px; font-weight: 700; line-height: 1;}

.cptCenterSrch .listArea {width: 100%; display: flex; column-gap: 25px; align-items: stretch;}
.cptCenterSrch .centerList {padding: 0 25px;}
.cptCenterSrch .centerList .centerGroup .item {padding: 25px 0 32px; border-bottom: 1px solid #ccc;}
.cptCenterSrch .centerList .centerGroup .item:first-child {border-top: 1px solid #ccc;}
.cptCenterSrch .centerList .centerGroup .center dt {margin-bottom: 6px; color: #11a5b9; font-weight: 700; font-size: 20px; display: flex; align-items: center;}
.cptCenterSrch .centerList .centerGroup .center dt .viewLoca {margin-left: auto; color: #000; font-size: 16px; text-decoration: underline; text-underline-position: under; display: inline-block;}
.cptCenterSrch .centerList .centerGroup .center .address {margin-bottom: 10px; font-size: 16px; color: #666; font-weight: 500;}
.cptCenterSrch .centerList .centerGroup .center .number {margin-bottom: 22px; padding-left: 45px; font-size: 26px; font-weight: 700; background: url(/common/images/sub/resvInq_icon.png) left center no-repeat;}
.cptCenterSrch .centerList .centerGroup .center .btnGroup {width: 100%; display: flex; column-gap: 12px;}
.cptCenterSrch .centerList .centerGroup .center .btnGroup .centerBtn {min-width: 120px; height: 45px; padding: 0 20px; border-radius: 22.5px; border: 1px solid #333; line-height: 43px; font-size: 16px; color: #666; font-weight: 500; text-align: center; display: inline-block; vertical-align: middle;}
.cptCenterSrch .centerList .comPagination {margin-top: 25px;}

.cptCenterSrch .mapBox {width: 100%; height: auto; border-radius: 20px; overflow: hidden;}
.cptCenterSrch .mapBox > div {width: 100%; height: 100%;}

/* 맵 위치 핀 커스텀 */
.customoverlay {border: 0; box-shadow: 0 3px 7px 0px rgba(0,0,0,0.16); bottom: 85px; border-radius: 5px; position: relative;}
.customoverlay a {display: block;color: #000; text-align: center; border-radius: 5px; font-size: 14px; font-weight: 700; overflow: hidden; background: url(/common/images/sub/icon_marker.png) top right no-repeat;}
.customoverlay .title {display: block; text-align: center; background: #fff; margin-right: 30px; padding: 10px 15px; font-size: 14px; font-weight: 700;}
.customoverlay::after {display: block; content: ""; width: 0; height: 0; border-left: 8px solid transparent;  border-right: 8px solid transparent;  border-top: 8px solid #fff; position: absolute; bottom: -8px; left: 50%; transform: translateX(-50%);}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptCenterSrch .srchArea {margin-bottom: 40px;}
    .cptCenterSrch .totalBox {padding: 0; border-top: 2px solid #000; flex-wrap: wrap;justify-content: center;}
    .cptCenterSrch .totalBox .center {width: 100%; padding: 27px 0 23px; border-bottom: 1px solid #ccc; flex-direction: column; column-gap: 0; }
    .cptCenterSrch .totalBox .center dt {width: 100%; max-width: 360px;font-size: 18px;}
    .cptCenterSrch .totalBox .center dd {width: 100%; max-width: 360px;margin-top: 17px; padding-left: 189px; font-size: 18px; background-position: 56px bottom;background-size: 65px;}
    .cptCenterSrch .totalBox .center dd em {font-size: 52px;font-weight: 700;}
    .cptCenterSrch .totalBox .center::after {display: none;}
    .cptCenterSrch .totalBox .center.car dd {padding-left: 189px;background-size: 88px;background-position: 47px bottom;}
    .cptCenterSrch .regionBox {margin-top: 27px; padding: 24px 27px; border-radius: 7px;}
    .cptCenterSrch .regionBox .regionSrch { align-items: flex-start;column-gap: 20px;}
    .cptCenterSrch .regionBox .regionSrch .item {flex-wrap: wrap; row-gap: 20px; justify-content: center; flex: 1 0 50%;}
    .cptCenterSrch .regionBox .regionSrch .item .tit {min-width: 84px; display: inline-block; vertical-align: bottom;}
    .cptCenterSrch .regionBox .regionSrch select {width: 100%; max-width: 200px; height: 40px; padding: 0 25px; border-radius: 20px; font-size: 17px; background-position: calc(100% - 17px) center;}
    .cptCenterSrch .regionBox .regionSrch .num {padding: 0 10px 0 0; font-size: 16px;}
    .cptCenterSrch .regionBox .regionSrch .num em {margin-left: 20px; font-size: 40px; font-weight: 500;}
    
    .cptCenterSrch .listArea {flex-wrap: wrap; column-gap:0; align-items: flex-start;}
    .cptCenterSrch .centerList {width: 100%; padding: 0;}
    .cptCenterSrch .centerList .centerGroup .item {padding: 20px 0 27px;}
    .cptCenterSrch .centerList .centerGroup .center dt {margin-bottom: 5px;font-size: 18px;}
    .cptCenterSrch .centerList .centerGroup .center dt .viewLoca {font-size: 15px;}
    .cptCenterSrch .centerList .centerGroup .center .address { font-size: 15px;}
    .cptCenterSrch .centerList .centerGroup .center .number {margin-bottom: 20px; padding-left: 38px; font-size: 22px; background-size: 30px;}
    .cptCenterSrch .centerList .centerGroup .center .btnGroup .centerBtn {min-width:auto;  width: 100%; height: 42px; border-radius: 21px; line-height: 41px; font-size: 15px;}
    .cptCenterSrch .centerList .comPagination {margin-top: 25px;}
    
    .cptCenterSrch .mapBox {width: 100%;height: 250px; margin-bottom: 30px; border-radius: 7px;order: -1;}
    .cptCenterSrch .mapBox img {height: 100%; width: 100%; object-fit: cover;}
}

/* ----------------------------- 체력인증센터 찾기-view ----------------------------- */
.cptCenterView {width: 100%; }
.cptCenterView .infoBox {padding: 35px 0; border-bottom: 1px solid #ccc;}
.cptCenterView .infoBox:first-child {border-top: 2px solid #000;}
.cptCenterView .basicInfo .item {margin-bottom: 18px;}
.cptCenterView .basicInfo .item:last-child {margin-bottom: 0;}
.cptCenterView .basicInfo .item dl {display: flex; align-items: center;}
.cptCenterView .basicInfo .item dt {width: 120px; padding: 0 20px 0 10px; font-size:16px; font-weight: 700; color: #000;} 
.cptCenterView .basicInfo .item dd {font-size: 16px; color: #666; font-weight: 500;}

.cptCenterView .centerTit {margin-bottom: 25px; font-size: 20px; color: #0082cd; font-weight: 700;}
.cptCenterView .centerNotice {font-size: 15px; color: #666; font-weight: 500; line-height: 1.73;}
.cptCenterView .traffic {display: flex; justify-content: space-between; align-items: flex-start; column-gap: 25px;}
.cptCenterView .traffic .item {width:33.3333%; min-height: 106px; padding-left: 125px; padding-top: 15px; background: left top no-repeat;}
.cptCenterView .traffic .item.bus {background-image: url(/common/images/sub/traffic_bus.png);}
.cptCenterView .traffic .item.subway {background-image: url(/common/images/sub/traffic_subway.png);}
.cptCenterView .traffic .item.car {background-image: url(/common/images/sub/traffic_car.png);}
.cptCenterView .traffic .item .tit {margin-bottom: 15px; font-size: 20px; color: #000; font-weight: 700;}
.cptCenterView .traffic .item .txt {font-size: 15px; font-weight: 500; color: #666; line-height: 1.73;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptCenterView .infoBox {padding: 20px 0;}
    .cptCenterView .basicInfo .item {margin-bottom: 10px;}
    .cptCenterView .basicInfo .item dl {align-items: flex-start;}
    .cptCenterView .basicInfo .item dt {width: 93px; padding: 0 10px 0 7px; font-size:15px; flex: 0 0 93px;} 
    .cptCenterView .basicInfo .item dd {font-size: 15px;}
    
    .cptCenterView .centerTit {margin-bottom: 23px; font-size: 17px;}
    .cptCenterView .traffic {flex-wrap: wrap; column-gap: 0; row-gap: 20px;}
    .cptCenterView .traffic .item {width: 100%; min-height: 89px; padding-left: 110px; padding-top: 0; display: flex; align-items: center; flex-wrap: wrap; background-size: 89px;}
    .cptCenterView .traffic .item .tit {width: 100%; margin-bottom: 10px; font-size: 17px;}
}

/* ----------------------------- 스포츠 인센티브 적립 ----------------------------- */
.cptSavingList {margin-top: 50px;}
.cptSavingList .listGroup {width: 100%; margin-bottom: 50px;}
.cptSavingList .listGroup .item {padding: 20px 20px 20px 0; border-bottom: 1px dashed #ccc; display: flex; justify-content: space-between; align-items: center;}
.cptSavingList .listGroup .savingCont .num {width: 30px; height: 30px; margin-right: 10px; border-radius: 6px; line-height: 29px; text-align: center; font-size: 16px; font-weight: 500; color: #fff; background: #333; display: inline-block; vertical-align: middle;}
.cptSavingList .listGroup .savingCont .cont {font-size: 20px; font-weight: 500; display: inline-block; vertical-align: middle;}
.cptSavingList .listGroup .savingCont i {padding-left: 40px; margin-top: 9px; font-style: normal; font-size: 16px; color: #666; font-weight: 500; line-height: 1.375; display: inline-block;}
.cptSavingList .listGroup .btnArea {width: 300px;}
.cptSavingList .listGroup .btnArea .btn {margin-bottom: 15px; margin-right: 0;}
.cptSavingList .listGroup .btnArea .btn:last-child {margin-bottom: 0;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptSavingList {margin-top: 34px;}
    .cptSavingList .listGroup {margin-bottom: 34px;}
    .cptSavingList .listGroup .item {padding: 18px 6px;flex-wrap: wrap; row-gap: 13px;}
    .cptSavingList .listGroup .savingCont .num {width: 24px; height: 24px; margin-right: 7px;line-height: 23px; font-size: 13px;}
    .cptSavingList .listGroup .savingCont .cont {font-size: 17px;}
    .cptSavingList .listGroup .savingCont i {padding-left: 33px;  font-size: 13px;}
    .cptSavingList .listGroup .btnArea {width: 100%; text-align: right;}
    .cptSavingList .listGroup .btnArea .btn {width: calc(50% - 5px); margin-bottom: 0; margin-right: 6px;}
    .cptSavingList .listGroup .btnArea .btn:last-child {margin-right: 0;}
}


/* ----------------------------- 인증 버튼 영역 ----------------------------- */
.cptCertifyFac {width: 100%; margin-top: 70px; padding-top: 20px; border-top: 1px solid #ccc;}
.cptCertifyFac .certifyBtn {min-width: 220px; height: 50px; border-radius: 4px; padding: 0 20px 0 60px; font-size: 18px; font-weight: 500; border: 1px solid #ccc;  background: #f0f0f0 url(/common/images/common/icon_certify.png) 32px center no-repeat;}
.cptCertifyFac .certifyBtn + p {margin-left: 20px; font-size: 16px; color: #666; font-weight: 500; display: inline-block; vertical-align: middle;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptCertifyFac { margin-top: 45px; padding-top: 38px;}
    .cptCertifyFac .certifyBtn {width: 100%; height: 72px; padding: 0 0 0 35px; text-align: center; font-size: 20px; background-position: calc(50% - 76px) center; background-size: 30px;}
    .cptCertifyFac .certifyBtn + p {width: 100%; margin-left: 0; margin-top: 12px; font-size: 15px; text-align: center;}
}

/* ----------------------------- 모바일 가로 스크롤 적용 ----------------------------- */
.cptHorizScroll {}
.cptHorizScroll .scrlBtn {display: none;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptHorizScroll {position: relative;}
    .cptHorizScroll .scrlBtn {width: 32px; height:51px; border-radius: 0 10px 10px 0; font-size:0; background: #333 url(/common/images/common/arw_scroll_left.png) center / 10px no-repeat; position: absolute; top:50%; left: -20px; transform: translateY(-50%); z-index: 1; display:block;}
    .cptHorizScroll .scrlBtn.right {border-radius: 10px 0 0 10px;background-image: url(/common/images/common/arw_scroll_right.png); right: -20px; left:auto;}

    .cptHorizScroll .horizScrollArea {width:100%; padding-bottom: 10px; overflow-x: auto; overflow-y: hidden;}
    .cptHorizScroll .horizScrollArea::-webkit-scrollbar {height: 5px;}
    .cptHorizScroll .horizScrollArea::-webkit-scrollbar-thumb {height: 5px; background: #0082cd;}
    .cptHorizScroll .horizScrollArea::-webkit-scrollbar-track {height: 5px; background: #eeeeee;}
    .cptHorizScroll .horizScrollArea > div {width: 900px;}
    .cptHorizScroll .horizScrollArea > div.mScrollMd {width: 700px;}
    .cptHorizScroll .cptInputTable table {display: table;}
    .cptHorizScroll .cptInputTable tbody {display: table-row-group;}
    .cptHorizScroll .cptInputTable tr {display: table-row;}
    .cptHorizScroll .cptInputTable td {display: table-cell;}

    .cptHorizScroll .cptInputTable table tbody tr {display: table-row; border-bottom: 0;}
    .cptHorizScroll .cptInputTable table td {width: auto; height: 48px; padding: 12px 8px; font-size: 13px;}

    .cptHorizScroll .cptInputTable table td.grey {background: #ececec;}
    .cptHorizScroll .cptInputTable table td.lgGrey {background: #f5f5f5;}
}

/* ----------------------------- 기본 alert 팝업 내부 텍스트 ----------------------------- */
.cptPopAlert {width: 100%; padding: 0 40px;}
.cptPopAlert .alert {padding-top: 110px; margin-bottom: 45px; background: url(/common/images/common/icon_alert.png) center top no-repeat;}
.cptPopAlert .alert p {font-size: 18px; font-weight: 500; text-align: center;}

/* ----------------------------- 박스형 컨텐츠 ----------------------------- */
.cptBoxCont {}
.cptBoxCont .contGroup {padding: 68px 30px; border: 1px solid #ccc; border-radius: 21px; background: #fafafa;}

.cptBoxCont .imgBox {}
.cptBoxCont .imgBox img {width: 100%; vertical-align: top;}
.cptBoxCont .descBox {}
.cptBoxCont .descBox .descDiv {margin-top: 40px;}

/* 일반 줄글 텍스트 */
.cptBoxCont .shortPar {}
.cptBoxCont .shortPar p {color: #000; font-size: 18px; font-weight: 500;}
/* dot 리스트 */
.cptBoxCont .basicDotList {}
.cptBoxCont .basicDotList .dotItem {position: relative; margin-bottom: 2px; padding-left: 12px; color: #666; font-size: 16px; font-weight: 500;}
.cptBoxCont .basicDotList .dotItem:last-child {margin-bottom: 0;}
.cptBoxCont .basicDotList .dotItem:before {content: ''; position: absolute; left: 0; top: 10px; width: 5px; height: 5px; border-radius: 50%; background: #333;}
.cptBoxCont .basicDotList .dotItem .level {display: inline-block; height: 17px; margin: 4px 0 0 4px; background-image: url(/common/images/common/icon_level01.png); background-size: 18px; font-size: 0; vertical-align: top;}
.cptBoxCont .basicDotList .dotItem .level.grade1 {width: 18px;}
.cptBoxCont .basicDotList .dotItem .level.grade2 {width: calc(18px * 2);}
.cptBoxCont .basicDotList .dotItem .level.grade3 {width: calc(18px * 3);}
.cptBoxCont .basicDotList .dotItem .level.grade4 {width: calc(18px * 4);}
.cptBoxCont .basicDotList .dotItem .level.grade5 {width: calc(18px * 5);}
/* .cptBoxCont .basicDotList .dotItem .ref {color: #666; font-size: 16px; font-weight: 400; font-style: normal;} */
.cptBoxCont .basicDotList.horizType {}
.cptBoxCont .basicDotList.horizType > ul {display: flex; flex-wrap: wrap;}
.cptBoxCont .basicDotList.horizType .dotItem {width: 50%;}
.cptBoxCont .basicDotList.horizType .dotItem:nth-child(odd) {padding-right: 8px;}
/* number 리스트 */
.cptBoxCont .roundNumList .numItem {position: relative; margin-bottom: 6px; padding-left: 26px; color: #333; font-size: 16px; font-weight: 500;}
.cptBoxCont .roundNumList .numItem:last-child {margin-bottom: 0;}
.cptBoxCont .roundNumList .numItem .num {position: absolute; left: 0; top: 2px; width: 22px; height: 22px; margin-right: 4px; border-radius: 50%; background: #333; color: #fff; font-size: 16px; line-height: 21px; text-align: center; vertical-align: top;}

.cptBoxCont .contGroup.bgWhite {background: #fff;}
.cptBoxCont .contGroup.lytLeftImg {display: flex;}
.cptBoxCont .contGroup.lytLeftImg .imgBox {width: 38%; margin-right: 20px;}
.cptBoxCont .contGroup.lytLeftImg .descBox {width: calc(62% - 20px);}


@media screen and (min-width: 100px) and (max-width: 945px) {
    .cptBoxCont .contGroup.lytLeftImg .imgBox {width: 320px; margin-right: 20px;}
    .cptBoxCont .contGroup.lytLeftImg .descBox {width: calc(100% - 340px);}
}
@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptBoxCont .contGroup {padding: 0; border: 0; border-radius: 0; background: none;}

    .cptBoxCont .imgBox {padding: 40px 22px; border: 1px solid #ccc; border-radius: 7px; text-align: center;}
    .cptBoxCont .imgBox img {max-width: 390px;}
    .cptBoxCont .descBox {margin-top: 34px;}
    .cptBoxCont .descBox .descDiv {margin-top: 32px;}

    /* 일반 줄글 텍스트 */
    .cptBoxCont .shortPar p {font-size: 15px; line-height: 1.4;}
    /* dot 리스트 */
    .cptBoxCont .basicDotList .dotItem {font-size: 14px;}
    .cptBoxCont .basicDotList .dotItem:before {top: 9px; width: 3px; height: 3px;}
    .cptBoxCont .basicDotList .dotItem .level {height: 14px; background-size: 15px;}
    .cptBoxCont .basicDotList .dotItem .level.grade1 {width: 15px;}
    .cptBoxCont .basicDotList .dotItem .level.grade2 {width: calc(15px * 2);}
    .cptBoxCont .basicDotList .dotItem .level.grade3 {width: calc(15px * 3);}
    .cptBoxCont .basicDotList .dotItem .level.grade4 {width: calc(15px * 4);}
    .cptBoxCont .basicDotList .dotItem .level.grade5 {width: calc(15px * 5);}
    .cptBoxCont .basicDotList.horizType .dotItem {width: 100%;}
    .cptBoxCont .basicDotList.horizType .dotItem:nth-child(odd) {padding-right: 0;}
    /* number 리스트 */
    .cptBoxCont .roundNumList .numItem {margin-bottom: 6px; padding-left: 24px; font-size: 14px;}
    .cptBoxCont .roundNumList .numItem .num {top: 0; width: 20px; height: 20px; font-size: 13px; line-height: 19px;}

    .cptBoxCont .contGroup.lytLeftImg {flex-wrap: wrap;}
    .cptBoxCont .contGroup.lytLeftImg .imgBox {width: 100%; margin-right: 0;}
    .cptBoxCont .contGroup.lytLeftImg .descBox {width: 100%;}
}


/* ----------------------------- 예약방법 컨텐츠 ----------------------------- */
.cptAppoGuide {}
.cptAppoGuide .guideStep {margin-bottom: 70px;}
.cptAppoGuide .guideStep .stepGroup {display: flex; align-items: center;}
.cptAppoGuide .guideStep .stepGroup .item {width: calc(25% - 41.25px); margin-right: 55px; position: relative;}
.cptAppoGuide .guideStep .stepGroup .item::after {display: block; content: ""; width: 11px; height: 19px; background: url(/common/images/common/arw_paging2_right.png) center no-repeat; position: absolute; right: -32px; top: 50%; transform: translateY(-50%); opacity: 0.35;}
.cptAppoGuide .guideStep .stepGroup .item:last-child {margin-right: 0;}
.cptAppoGuide .guideStep .stepGroup .item:last-child::after {display: none;}
.cptAppoGuide .guideStep .stepGroup .stepBtn {width: 100%; height: 60px; padding: 0 22px; border-radius: 4px; display: flex; align-items: center; background: #b2b8cb; transition: all 0.2s;}
.cptAppoGuide .guideStep .stepGroup .stepBtn:hover {background: #8a95b9;}
.cptAppoGuide .guideStep .stepGroup .num {width: 30px; height: 30px; margin-right: 20px; border-radius: 6px; line-height: 29px; font-size: 19px; color: #fff; font-weight: 500; text-align: center; background: #22325b; display: inline-block;}
.cptAppoGuide .guideStep .stepGroup .tit {font-size: 17px; color: #fff; font-weight: 500; font-style: normal;}

.cptAppoGuide .stepTit {margin:70px 0 20px; font-size: 18px; color: #000; font-weight: 700;} 
.cptAppoGuide .stepTit .num {width: 30px; height: 30px; margin-right: 9px; border-radius: 6px; text-align: center; line-height: 30px; font-size: 15px; color: #fff; font-weight: 500; background:#22325b; display: inline-block;}
.cptAppoGuide .guideDesc .item {margin-bottom: 35px;}
.cptAppoGuide .guideDesc .item:last-child {margin-bottom: 0;}
.cptAppoGuide .guideDesc .desc {border: 1px solid #b2b8cb; border-radius: 20px; background: #ebebeb;}
.cptAppoGuide .guideDesc .desc dt {height: 95px; padding: 0 35px; display: flex; align-items: center;}
.cptAppoGuide .guideDesc .desc dt b {width: 40px; height: 40px; margin-right: 15px; border-radius: 50%; text-align: center; line-height: 40px; font-size: 20px; color: #fff; font-weight: 700; display: inline-block; background: #0081cc; flex: 0 0 40px;}
.cptAppoGuide .guideDesc .desc dt i {font-size: 20px; color: #0081cc; font-weight: 700; font-style: normal; display: inline-block;}
.cptAppoGuide .guideDesc .desc .imgWrap {border-top: 1px solid #b2b8cb;border-bottom: 1px solid #b2b8cb; text-align: center; line-height: 0; background: #fff;}
.cptAppoGuide .guideDesc .desc .imgWrap img {max-width: 100%;}
.cptAppoGuide .guideDesc .desc .orderGroup {width: 100%; padding: 25px 35px; }
.cptAppoGuide .guideDesc .desc .orderGroup .unit {margin-bottom: 5px; padding-left: 34px; position: relative;}
.cptAppoGuide .guideDesc .desc .orderGroup .unit:last-child {margin-bottom: 0;}
.cptAppoGuide .guideDesc .desc .orderGroup .unit .numbering {width: 25px; height: 25px; margin-right: 8px; border-radius: 50%; text-align: center; line-height: 24px; font-size: 16px; color: #fff; font-weight: 700; background: #ff0000; display: inline-block; position: absolute; top: 1px; left: 0;}
.cptAppoGuide .guideDesc .desc .orderGroup .unit i {font-size: 18px; color: #000; font-weight: 500; font-style: normal;}

.cptAppoGuide .mView {display: none;}

@media screen and (min-width: 100px) and (max-width: 1199px) {
    .cptAppoGuide .mView {display: inline-block;}
    .cptAppoGuide .pcView {display: none;}
}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptAppoGuide .guideStep {margin-bottom: 24px;}
    .cptAppoGuide .guideStep .stepGroup {flex-wrap: wrap; column-gap: 10px; row-gap: 10px;}
    .cptAppoGuide .guideStep .stepGroup .item {width: calc(50% - 5px); margin-right:0;}
    .cptAppoGuide .guideStep .stepGroup .item::after {display: none;}
    .cptAppoGuide .guideStep .stepGroup a {height: 44px; padding: 0 13px;}
    .cptAppoGuide .guideStep .stepGroup .num {width: 24px; height: 24px; margin-right: 12px; border-radius: 2px; line-height: 23px; font-size: 16px;}
    .cptAppoGuide .guideStep .stepGroup .tit {font-size: 15px;}
    
    .cptAppoGuide .stepTit {margin:24px 0 15px; font-size: 16px;} 
    .cptAppoGuide .stepTit .num {width: 24px; height: 24px; margin-right: 9px; border-radius: 2px; line-height: 24px; font-size: 15px;}
    .cptAppoGuide .guideDesc .item {margin-bottom: 27px;}
    .cptAppoGuide .guideDesc .desc {border-radius: 17px;}
    .cptAppoGuide .guideDesc .desc dt {height: 53px; padding: 0 20px;}
    .cptAppoGuide .guideDesc .desc dt b {width: 32px; height: 32px; margin-right: 8px; line-height: 32px; font-size: 15px; flex: 0 0 32px;}
    .cptAppoGuide .guideDesc .desc dt i {font-size: 15px;}
    
    .cptAppoGuide .guideDesc .desc .orderGroup {padding: 19px 20px;}
    .cptAppoGuide .guideDesc .desc .orderGroup .unit {margin-bottom: 7px; padding-left: 28px;}
    .cptAppoGuide .guideDesc .desc .orderGroup .unit .numbering {width: 20px; height: 20px;  line-height: 20px; font-size: 13px;}
    .cptAppoGuide .guideDesc .desc .orderGroup .unit i {font-size: 14px;}
}


/* ------------------------------------------------------------------------------------------------------ */
/* ----------------------------------------------- Common ----------------------------------------------- */
/* ------------------------------------------------------------------------------------------------------ */

/* --------------------------------- 네비게이션 --------------------------------- */
.comNavigation {width: 100%; background: url(/common/images/sub/navi_lineBG.png) calc(50% + 498px) bottom no-repeat;}
.comNavigation .naviArea {width: 100%; height: 65px; max-width: 1440px; padding:0 20px 0 323px; margin: 0 auto; display: flex; align-items: center;}
.comNavigation .navigation {display: inline-block;}
.comNavigation .naviGroup {display: flex; align-items: center;}
.comNavigation .naviGroup .item {margin-right: 35px; font-size: 15px; color: #787878; font-weight: 500; position: relative;}
.comNavigation .naviGroup .item::after {display: block; content: ""; width: 1px; height: 19px; background: #d4d4d4; transform: rotate(30deg); position: absolute; top: 3px; right: -18px;}
.comNavigation .naviGroup .item:last-child {color: #000; margin-right: 0;}
.comNavigation .naviGroup .item:last-child::after {display: none;}
.comNavigation .naviGroup .item .home {padding-left: 40px; background: url(/common/images/common/icon_home.png) left center no-repeat; display: inline-block;}
.comNavigation .unitBtnGroup {margin-left: 68px; display: inline-block;}
.comNavigation .unitBtnGroup .unitBtn {width: 30px; height: 30px; margin-right: 14px; font-size: 0; background: center no-repeat;}
.comNavigation .unitBtnGroup .unitBtn.share {background-image: url(/common/images/common/icon_share.png);}
.comNavigation .unitBtnGroup .unitBtn.print {background-image: url(/common/images/common/icon_print.png);}

.comNavigation.full {background-position: left bottom;}
.comNavigation.full .naviArea {padding:0 20px;}

@media screen and (min-width: 100px) and (max-width: 1199px) {
    .comNavigation {display: none;}
}

/* --------------------------------- 서브타이틀 --------------------------------- */
/* 서브페이지 타이틀 */
.comSubtit {width: 100%; margin-bottom: 30px;}
.comSubtit .tit {font-size: 30px; font-weight: 700;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .comSubtit {margin-bottom: 10px;}
    .comSubtit .tit {font-size: 19px;}
}

/* 중간 타이틀 */
.comMidTit {width: 100%; margin-bottom: 60px; text-align: center;}
.comMidTit .tit {font-size: 30px; color: #000; font-weight: 700;}
.comMidTit .desc {margin-top: 15px; font-size: 16px; color: #666; font-weight: 500; line-height: 1.625;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .comMidTit {margin-bottom: 35px;}
    .comMidTit .tit {font-size: 19px;}
    .comMidTit .desc {margin-top: 9px; font-size: 15px;}
}

/* 팝업 타이틀 */
.comPopTit {width: 100%; margin-bottom: 20px; text-align: center;}
.comPopTit .tit {font-size: 26px; color: #000; font-weight: 700;}
.comPopTit .desc {margin-top: 10px; font-size: 16px; color: #666; font-weight: 500; line-height: 1.625;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .comPopTit .tit {font-size: 19px;}
    .comPopTit .desc {margin-top: 15px; font-size: 14px;  line-height: 1.28;}
}

/* 팝업 이미지타이틀 */
.comPopImgTit {width: calc(100% - 60px); margin: 5px auto 0; border-bottom: 2px solid #000;}
.comPopImgTit .titArea {padding: 0 0 20px; position: relative;}
.comPopImgTit .titArea .tit {font-size: 18px; font-weight: 700;}
.comPopImgTit .titArea.bg01::after {display: block; content: ""; width: 155px; height: 100px; background: url(/common/images/sub/pop_char01.png) center no-repeat; position: absolute; right: 40px; bottom: 0;}
.comPopImgTit .titArea.bg02::after {display: block; content: ""; width: 103px; height: 89px; background: url(/common/images/sub/pop_char02.png) center no-repeat; position: absolute; right: 40px; bottom: 0;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .comPopImgTit {width: calc(100% - 30px); margin: 0 auto;}
    .comPopImgTit .titArea {padding: 0 0 13px;}
    .comPopImgTit .titArea .tit {font-size: 16px;}
    .comPopImgTit .titArea.bg01::after {width: 100px; height: 67px; background-size: 100px; right: 11px;}
    .comPopImgTit .titArea.bg02::after {width: 86px; height: 74px; background-size: 86px; right: 30px; bottom: 0;}
}

/* 단계(스텝) 타이틀 */
.comStepTit {width: 100%; margin-bottom: 25px;}
.comStepTit h4 {display: flex; align-items: center;}
.comStepTit .step {min-width: 80px; height: 45px; padding: 0 20px; margin-right: 17px; border-radius: 23px 23px 5px 23px; line-height: 44px; text-align: center; font-size: 18px; font-weight: 700; color: #56c0fd; background: #2b2b2b; display: inline-block; vertical-align: middle;}
.comStepTit .tit {font-size: 22px; font-weight: 700;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .comStepTit {margin-bottom: 20px;}
    .comStepTit .step {min-width: 62px; height: 30px; padding: 0 13px; margin-right: 8px; border-radius: 15px 15px 3px 15px; line-height: 29px; font-size: 15px;}
    .comStepTit .tit {font-size: 15px;}
}

/* 컨텐츠 타이틀 */
.comContTit {margin-bottom: 14px;}
.comContTit .titArea {display: flex; align-items: center; flex-wrap: wrap;}
.comContTit .tit {display: block; padding-left: 32px; background: url(/common/images/common/icon_cont_tit01.png) 0 6px no-repeat; font-size: 22px; font-weight: 700;}
.comContTit .right {margin-left: auto;}
.comContTit .right p {font-size: 16px; font-weight: 500;}
.comContTit .right .slctWrap {min-width: 140px;}
.comContTit .titAreaDesc {width: 100%; font-size:16px; color:#333; font-weight:500; line-height:1; margin-top:20px; padding-left:30px; box-sizing:border-box;}
.comContTit .titAreaDesc.typePara {line-height: 1.5;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .comContTit {margin-bottom: 13px;}
    .comContTit .titArea {justify-content: space-between; row-gap: 13px;}
    .comContTit .tit {padding-left: 28px; background-position: 0 3px; background-size: 21px; font-size: 18px;}
    .comContTit .right {margin-left: 0;}
    .comContTit .right p {font-size: 16px; font-weight: 500;}
    .comContTit .right .slctWrap {min-width: 140px;}
    .comContTit .titAreaDesc {font-size:15px;line-height:1.3; margin-top:2px; padding-left:0;}
    .comContTit .titAreaDesc.typePara {line-height: 1.3;}
}

/* 정의형 타이틀 */
.comDefTit {margin-bottom: 16px;}
.comDefTit .tit {display: block; padding-left: 32px; background: url(/common/images/common/icon_cont_def_tit01.png) 0 4px no-repeat; font-size: 20px; font-weight: 700;}

.comDefTit02 {margin-bottom: 8px;}
.comDefTit02 .tit {color: #11a5b9; font-size: 20px; font-weight: 700;}

/* 이미지 타이틀 */
.comImgTit {width: 100%; margin-bottom: 15px;}
.comImgTit .tit {min-width: 125px; height: 45px; border-radius: 22.5px; padding: 0 28px 0 53px; font-size: 18px; color: #fff; font-weight: 700; line-height: 44px; background: #2b2b2b url(/common/images/common/icon_self_measure_tit01.png) 24px center no-repeat; display: inline-block; vertical-align: middle;}

/* 컨텐츠 하위 소 타이틀 */
.comDotTit {margin-bottom: 10px; padding-left: 32px; }
.comDotTit .tit {padding-left: 12px; font-size: 18px; font-weight: 500; color: #0081cc;position: relative;}
.comDotTit .tit::after {display: block; content: ""; width: 5px; height: 5px; background: #0081cc; position: absolute; top: 11px; left: 0;}

.comTableBasic .tableMain tbody .left .comDotTit {padding-left: 0;} /* 예외 - 테이블 내 왼쪽 정렬 시 패딩 제거 */

@media screen and (min-width: 100px) and (max-width: 767px) {
    /* 정의형 타이틀 */
    .comDefTit {margin-bottom: 8px;}
    .comDefTit .tit {padding-left: 23px; background-position: left 3px; background-size: 17px; font-size: 15px;}
    .comDefTit02 .tit {font-size: 17px;}

    /* 이미지 타이틀 */
    .comImgTit {margin-bottom: 20px;}
    .comImgTit .tit {min-width:auto; height: 25px; border-radius: 0; padding: 0 0 0 30px; font-size: 17px; color: #333; line-height: 25px; background: transparent url(/common/images/common/icon_self_measure_tit01_m.png) left center / 22px no-repeat;}

    /* 컨텐츠 하위 소 타이틀 */
    .comDotTit {padding-left: 10px;}
    .comDotTit .tit {padding-left: 10px; font-size: 15px;}
    .comDotTit .tit::after {width: 4px; height: 4px; top: 9px;}

    /* 예외 - 이미지 포함 시 패딩 제거 */
    .cptContGrp .imgDesc .descWrap .comDotTit {padding-left: 0;}

}

/* --------------------------------- 영상/이미지영역 --------------------------------- */
.comMovie {width: 100%;padding-bottom: 51.25%; text-align: center; position: relative; }
.comMovie img, .comMovie video {max-width: 100%;}
.comMovie img {width: 100%; height: 100%; position: absolute; top: 0; left: 0; object-fit: cover;}
.comMovie iframe {width: 100%; height: 100%; position: absolute; top: 0; left: 0;}


/* --------------------------------- 알아두세요! --------------------------------- */
.comNotion {width: 100%; max-width: 1200px; margin: 30px auto 0;}
/* .comNotion .notionArea {width: 100%; padding: 51px 40px 60px 223px; border-radius: 16px; background: #ededed url(/common/images/sub/sub_notion.png) 75px center no-repeat;} */
.comNotion .notionArea {width: 100%; padding: 51px 40px 60px 223px; border-radius: 16px; background: #ededed url(/common/images/sub/sub_notion.png) 56px 65px no-repeat;}
.comNotion .notionTit {font-size: 24px; color: #000; font-weight: 500; margin-bottom:15px;}
.comNotion .notionTit.sm {font-size: 20px; font-weight: 700;}
.comNotion .notionGroup .item {margin-bottom: 6px; padding-left: 9px; font-size: 16px; color: #666; font-weight: 500; position: relative;}
.comNotion .notionGroup .item:last-child {margin-bottom: 0;}
.comNotion .notionGroup .item::after {display: block; content: ""; width: 4px; height: 4px; border-radius: 50%; background: #191c38; position: absolute; left: 0; top: 11px;}
.comNotion .notionTxt {width: 100%; margin-top: 20px; font-size: 15px; font-weight: 500; color: #666; line-height: 1.6;}
.comNotion .notionTxt b {font-size: 16px; color: #000;}
.comNotion em {font-weight: 500; text-decoration: underline; text-underline-position: under;}

.comNotion .notionSubTit {font-size:20px; color:#000; font-weight:500;line-height:1.5; margin:15px 0 25px;}
.comNotion .notionGroup li.numMark {padding-left:30px; box-sizing:border-box; margin-bottom:5px !important; }
.comNotion .notionGroup li.numMark::after {content:'1'; background:#333333; width:23px; height:23px; border:1px solid #333333; border-radius:50%; text-align:center; line-height:23px; color:#fff; top:0; font-size:15px;}
.comNotion .notionGroup li.numMark:nth-of-type(2)::after {content:'2';}
.comNotion .notionGroup li.numMark:nth-of-type(3)::after {content:'3';}
.comNotion .notionGroup li.numMark:nth-of-type(4)::after {content:'4';}
.comNotion .notionGroup li.numMark:nth-of-type(5)::after {content:'5';}
.comNotion .notionGroup li.numMark:nth-of-type(6)::after {content:'6';}
.comNotion .notionGroup li.numMark:nth-of-type(7)::after {content:'7';}
.comNotion .notionDesc {font-size:17px; color:#666666; font-weight:500; letter-spacing:-0.05em; line-height:1.5;}
.comNotion .notionDesc .ref {display: block; margin-top: 24px; color: #666; font-size: 14px; font-style: normal; font-weight: 500; text-align: right;}
.comNotion .notionDesc .paraDiv {display: block; margin-top: 12px;}
.comNotion pre {font-size:17px; color:#666666; font-weight:500; letter-spacing:-0.05em; line-height:1.5;white-space: break-spaces;}

.comNotion.type02 .notionArea {background: #ededed url(/common/images/sub/sub_notion02.png) 75px center no-repeat; padding:60px 40px 60px 300px;}
.comNotion.type03 .notionArea {background: #ededed url(/common/images/sub/sub_notion03.png) right 75px center no-repeat; padding:60px 376px 60px 40px; min-height:290px;font-size: 16px; font-weight: 500; display: flex;  align-items: center; flex-wrap: wrap;}
.comNotion.type03 .notionTit {width:100%;}
.comNotion.type04 .notionArea {background: #ededed url(/common/images/sub/sub_notion04.png) 75px center no-repeat;}
.comNotion.type04 .notionTit {font-size:18px; color:#0066ff;}
.comNotion.type05 .notionArea {background: #ededed url(/common/images/sub/sub_notion05.png) 75px center no-repeat; padding:60px 40px 60px 230px;}
.comNotion.type06 .notionArea {background: #ededed url(/common/images/sub/sub_notion06.png) 75px center no-repeat; padding:60px 40px 60px 230px;}
.comNotion.type07 .notionArea {background: #ededed url(/common/images/sub/sub_notion07.png) 75px center no-repeat; }
.comNotion.type08 {margin-top:60px;}
.comNotion.type08 .notionArea {background: #ededed url(/common/images/sub/sub_notion08.png) 75px center no-repeat; }
.comNotion.type08 .notionTit {font-size:18px; color:#0066ff;}
.comNotion.type09 .notionArea {padding: 50px 40px 50px 230px; background: #ededed url(/common/images/sub/sub_notion09.png) 75px center no-repeat;}
.comNotion.type10 .notionArea {padding: 50px 40px 50px 230px; background: #ededed url(/common/images/sub/sub_notion10.png) 75px center no-repeat;}
.comNotion.type11 .notionArea {padding: 60px 80px 60px 246px; background: #ededed url(/common/images/sub/sub_notion11.png) 36px center / 184px no-repeat;}
.comNotion.type11 .notionTit {color: #0082cd; font-size: 20px;}
.comNotion.type12 .notionArea {padding: 66px 80px 66px 230px; background: #ededed url(/common/images/sub/sub_notion12.png) 40px center no-repeat;}
.comNotion.type12 .notionTit {color: #0082cd; font-size: 20px;}
.comNotion.type12 .notionDesc .paraDiv {margin-top: 12px;}
.comNotion.type13 .notionArea {padding: 64px 70px 64px 240px; background: #ededed url(/common/images/sub/sub_notion13.png) 74px center / 126px no-repeat;}
.comNotion.type14 .notionArea {padding: 50px 70px 50px 260px; background: #ededed url(/common/images/sub/sub_notion14.png) 56px center / 118px no-repeat;}

.comNotion.noneBG .notionArea {background: #ededed; padding: 45px 55px;}
.comNotion.noneBG .notionArea dl {display: flex; align-items:flex-start; column-gap: 35px;}
.comNotion.noneBG .notionTit {font-size: 24px; font-weight: 700; color: #000; text-decoration: underline; text-underline-position: under; flex: 0 2 200px;}
.comNotion.noneBG .notionDesc {color: #333; font-size: 16px; flex: 1 1 100%;}
.comNotion.noneBG .notionDesc .ref {margin-top: 26px; color: #000; text-align: right;}

.comNotion.noneBG.shortTxt .notionArea {padding: 34px 55px;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .comNotion {margin: 20px auto 0;}
    .comNotion .notionArea {padding: 26px 20px 26px !important; border-radius: 7px;background-position: 30px 37px; background-size: 100px !important;}
    .comNotion .notionTit {min-height: 92px; font-size: 18px; padding-left: 118px; display: flex; align-items: center;}
    .comNotion .notionTit.sm {font-size: 17px; font-weight: 500;}
    .comNotion .notionGroup {margin: 33px 0 0 0;}
    .comNotion .notionGroup .item {margin-bottom: 13px; padding-left: 7px; font-size: 15px;}
    .comNotion .notionGroup .item::after {width: 3px; height: 3px;top: 10px;}
    .comNotion .notionTxt {width: 100%; margin-top: 20px; font-size: 15px; font-weight: 500; color: #666; line-height: 1.6;}
    .comNotion .notionTxt b {font-size: 15px;}
    .comNotion .pcBr {display: none;}

    .comNotion .notionSubTit {font-size:16px; margin:26px 0 10px;}
    .comNotion .notionSubTit + .notionGroup {margin-top: 10px;}
    .comNotion .notionGroup li.numMark {padding-left:25px; }
    .comNotion .notionGroup li.numMark::after {width:20px; height:20px; line-height:20px; font-size:12px;}
    .comNotion .notionDesc {font-size:14px;}
    .comNotion .notionDesc .ref {margin-top: 18px; font-size: 13px; text-align: left;}
    .comNotion pre {font-size:14px;}
    
    .comNotion.type02 .notionArea {background-position: calc(100% - 20px) 37px;}
    .comNotion.type02 .notionGroup:first-of-type {padding-right: 91px; margin-top: 0;}
    .comNotion.type03 .notionArea {background-image: none; min-height: auto;}
    .comNotion.type03 .notionGroup:first-of-type {margin-top:0;}
    .comNotion.type04 .notionArea {background-position: 27px 30px; background-size: 82px !important;}
    .comNotion.type04 .notionTit {font-size: 16px;}
    .comNotion.type05 .notionArea {background-position: 30px center; padding:40px 30px 40px 152px !important;}
    .comNotion.type05 .notionArea .notionGroup:first-child {margin-top: 0;}
    .comNotion.type07 .notionArea { background-position: 25px 34px; }
    .comNotion.type07 .notionArea .notionSubTit{margin-top: 0;}
    .comNotion.type07 .notionArea p:first-of-type {padding-left: 118px; min-height: 105px;display: flex; flex-wrap: wrap; align-items: center;}
    .comNotion.type07 .notionArea .notionDesc br {display: none;}
    .comNotion.type08 {margin-top:30px;}
    .comNotion.type08 .notionArea {background-position: calc(100% - 28px) 27px;}
    .comNotion.type08 .notionTit {font-size:16px; padding-left: 0; padding-right: 100px;}
    .comNotion.type08 .notionSubTit:first-child {min-height: 92px;}
    .comNotion.type09 .notionArea {background-position: 22px 15px;}
    .comNotion.type10 .notionArea {min-height:85px; padding: 20px 20px 20px 96px !important; background-position: 20px center; background-size: 60px !important; display: flex; align-items: center; flex-wrap: wrap;}
    .comNotion.type10 .notionArea .notionGroup {margin: 0;}
    .comNotion.type11 .notionArea {background-image: none;}
    .comNotion.type11 .notionTit {position: relative; min-height: 100px; margin-bottom: 20px; font-size: 15px; line-height: 1.3;}
    .comNotion.type11 .notionTit:before {content: ''; position: absolute; left: 0; top: calc(50% - 50px); width: 100px; height: 100px; background: url(/common/images/sub/sub_notion11.png) center / 100px no-repeat;}
    .comNotion.type11 .notionDesc {color: #333;}
    .comNotion.type11 .notionDesc .paraDiv {margin-top: 16px;}
    .comNotion.type12 .notionArea {padding: 32px 16px 32px 144px !important; background: #ededed url(/common/images/sub/sub_notion12.png) 16px center no-repeat;}
    .comNotion.type12 .notionTit {color: #0082cd; font-size: 20px;}
    .comNotion.type12 .notionDesc .paraDiv {margin-top: 12px;}
    .comNotion.type13 .notionArea {background-image: none;}
    .comNotion.type13 .notionSubTit {position: relative; min-height: 74px; margin-bottom: 26px; padding-left: 130px;}
    .comNotion.type13 .notionSubTit:before {content: ''; position: absolute; left: 4px; top: 0; width: 97px; height: 74px; background: url(/common/images/sub/sub_notion13.png) center / 97px no-repeat;}
    .comNotion.type14 .notionArea {padding: 156px 20px 26px !important; background-position: center 34px; background-size: 95px;}

    .comNotion.noneBG .notionArea {padding: 24px !important;}
    .comNotion.noneBG .notionArea dl {flex-wrap: wrap; column-gap: 0;}
    .comNotion.noneBG .notionTit {width: 100%; min-height: 0; margin-right: 0; margin-bottom: 8px; padding-left: 0; font-size: 18px; text-decoration: none; flex: 0 0 100%;}
    .comNotion.noneBG .notionDesc {width: 100%; font-size: 14px; line-height: 1.4; flex: 0 0 100%;}
    .comNotion.noneBG .notionDesc .ref {margin-top: 18px; color: #666;}
}

/* --------------------------------- 이미지 설명문 --------------------------------- */
.comImgDesc {width: 100%; margin-top: 22px; display: flex;}
.comImgDesc .imgWrap {padding: 20px; border-radius: 13px; border: 1px solid #ccc; }
.comImgDesc .imgWrap .caption {display: flex; justify-content: center; align-items: center;}
.comImgDesc .imgWrap .caption p {font-size: 18px; font-weight: 500;}
.comImgDesc .imgWrap .caption .point {margin-left: 20px; font-size: 20px; font-weight: 700;}
.comImgDesc .imgWrap .caption .point b {font-size: 30px; color: #0081cc;}
.comImgDesc .descWrap {padding: 10px 0; margin-left: 40px; font-size: 16px; font-weight: 500; line-height: 1.625;}
.comImgDesc .descWrap .btnArea {width: 300px; margin-top: 35px;}
.comImgDesc .descWrap .btnArea .btn {margin-bottom: 8px; margin-right: 0;}
.comImgDesc .descWrap .btnArea .btn:last-child {margin-bottom: 0;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .comImgDesc {flex-wrap: wrap;}
    .comImgDesc .imgWrap {width: 100%; padding: 30px 27px; border-radius: 4px; align-items: center;}
    .comImgDesc .imgWrap .caption {margin-top: 15px;}
    .comImgDesc .imgWrap .caption p {font-size: 17px; }
    .comImgDesc .imgWrap .caption .point {margin-left: 35px; font-size: 17px;}
    .comImgDesc .imgWrap .caption .point b {font-size: 23px;}
    .comImgDesc .descWrap {width: 100%; padding: 0; margin: 22px 0 0 0; font-size: 15px;}
    .comImgDesc .descWrap .btnArea {width: 100%; margin-top: 20px;}
    .comImgDesc .descWrap .btnArea .btn {width: calc(50% - 5px); margin-bottom: 0; margin-right: 6px;}
    .comImgDesc .descWrap .btnArea .btn:last-child {margin-right: 0;}
}

/* --------------------------------- 테이블 검색영역 --------------------------------- */
.comSearchGroup {width: 100%; margin-bottom: 40px;}
.comSearchGroup .searchArea {width: 100%; padding: 32px 40px; border-radius: 10px; border: 1px solid #ccc; background: #f5f6f7;}
.comSearchGroup .searchGroup {width: 100%; display: flex; flex-wrap: wrap; row-gap: 23px; column-gap: 50px;}
.comSearchGroup .searchGroup .schItem {min-width: 187px; line-height: 40px; min-height:45px;}
.comSearchGroup .searchGroup .schItem.full {width:100%;}
.comSearchGroup .searchGroup .schItem .schtit {width: auto; margin-right: 16px; font-size: 16px; font-weight: 500; display: inline-block; vertical-align: middle;}
/* .comSearchGroup .searchGroup .schItem.mgtype01 {margin-right: 85px;} */
.comSearchGroup .kewordSch { display: inline-flex; flex-wrap: wrap; row-gap: 20px;}
.comSearchGroup .kewordSch .unit {margin-left: -1px;}
.comSearchGroup .kewordSch .unit.blank {margin-right: 20px;}
.comSearchGroup .kewordSch .unit.wdthS {width: 142px;}
.comSearchGroup .kewordSch .unit.wdthM {width: 200px;}
.comSearchGroup .kewordSch .unit.wdthL {width: 275px;}
.comSearchGroup .kewordSch .unit .btn.search {width: 88px; height: 45px; padding-right:28px; line-height: 45px; text-align: center; font-size: 15px; color: #fff; font-weight: 500; background: #333 url(/common/images/common/icon_search.png) calc(100% - 17px) center no-repeat;}
.comSearchGroup .kewordSch .unit .btn.search:focus-visible {outline: 2px solid #0082cd; outline-offset: -1px;}

.comSearchGroup.type02 .searchArea {padding: 20px 40px;}
.comSearchGroup.type02 .searchGroup {row-gap: 0;}
.comSearchGroup.type02 .searchGroup .schItem {width: 100%; height: 65px; min-width: none; border-bottom: 1px solid #ccc; line-height: 1.5; display: flex; align-items: center;}
.comSearchGroup.type02 .searchGroup .schItem:first-child {padding-top: 0;}
.comSearchGroup.type02 .searchGroup .schItem:last-child {width:100%; padding-bottom: 0; border-bottom: none;}
.comSearchGroup.type02 .searchGroup .schItem .schtit {width: 110px;}
.comSearchGroup.type02 .searchGroup .schItem .checkItem {margin-right: 35px;}
.comSearchGroup.type02 .searchGroup .schItem .checkItem:last-child {margin-right: 0;}

.comSearchGroup.type03 .searchArea {padding: 20px 40px;}
.comSearchGroup.type03 .searchGroup {row-gap: 0; column-gap:0;}
.comSearchGroup.type03 .searchGroup .schItem {width: 100%; height:auto; min-height: 65px; min-width: none; padding:10px 0; border-bottom: 1px solid #ccc; line-height: 1.5; display: flex; align-items: center;}
.comSearchGroup.type03 .searchGroup .schItem:first-child {padding-top: 0;}
.comSearchGroup.type03 .searchGroup .schItem:nth-child(2n-1) {width:65%; padding-right:25px;}
.comSearchGroup.type03 .searchGroup .schItem:nth-child(2n) {width:35%; border-left:1px solid #ccc; padding-left:25px;}
.comSearchGroup.type03 .searchGroup .schItem:last-child {width:100%; padding-bottom: 0; border-bottom: none;}
.comSearchGroup.type03 .searchGroup .schItem .schtit {width: 110px;}
.comSearchGroup.type03 .searchGroup .schItem .checkGroup {width:100%; row-gap: 5px;    display: flex;    flex-wrap: wrap;}
.comSearchGroup.type03 .searchGroup .schItem .checkItem {margin-right: 35px;}
.comSearchGroup.type03 .searchGroup .schItem .checkItem:last-child {margin-right: 0;}
.comSearchGroup.type03 .kewordSch {width:100%; flex-wrap:nowrap;}
.comSearchGroup.type03 .kewordSch .unit.wdthM {width:100%; max-width:200px;}

.modPopup .comSearchGroup {margin-bottom: 23px;}
.modPopup .comSearchGroup .searchArea {padding: 22px 30px; }
.modPopup .comSearchGroup .searchGroup {row-gap: 5px;}
.modPopup .comSearchGroup .searchGroup .schItem .schtit {width: 85px;}
.modPopup .comSearchGroup .searchGroup .schItem.mgtype01 {margin-right: 0;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .comSearchGroup {margin-bottom: 20px;}
    .comSearchGroup .searchArea {padding: 15px;}
    .comSearchGroup .searchGroup {row-gap: 5px; column-gap: 6px;}
    .comSearchGroup .searchGroup .schItem {width: 100%; min-width: none;}
    .comSearchGroup .searchGroup .schItem .schtit {margin-right: 13px; font-size: 15px;}
    .comSearchGroup .kewordSch {width: 100%; row-gap: 10px; }
    .comSearchGroup .kewordSch .unit.blank {margin-right: 0;}
    .comSearchGroup .kewordSch .unit.wdthS {width: 50%; flex: 1 0 50%;}
    .comSearchGroup .kewordSch .unit.wdthM {width: 50%;flex: 1 0 50%;}
    .comSearchGroup .kewordSch .unit.wdthL {width: calc(100% - 77px);}
    .comSearchGroup .kewordSch .unit.mFull {width: 100%;}
    .comSearchGroup .kewordSch .unit .btn.search {width: 77px; height: 40px;line-height: 39px;}

    .comSearchGroup.type02 .searchArea {padding: 23px 26px;}
    .comSearchGroup.type02 .searchGroup .schItem {height:auto; padding: 15px 0; align-items: flex-start;}
    .comSearchGroup.type02 .searchGroup .schItem .schtit {width: 55px; flex: 0 0 55px;}
    .comSearchGroup.type02 .searchGroup .schItem .checkGroup {display: flex; flex-wrap: wrap; column-gap: 20px; row-gap: 15px;}
    .comSearchGroup.type02 .searchGroup .schItem .checkItem {margin-right: 0;}
    .comSearchGroup.type02 .searchGroup .schItem.mFull {flex-wrap: wrap;}
    .comSearchGroup.type02 .searchGroup .schItem.mFull .checkGroup.typeAll {margin-top: 10px;}

	.comSearchGroup.type03 .searchArea {padding: 23px 26px;}
    .comSearchGroup.type03 .searchGroup .schItem {width:100%; height:auto; min-height:auto; padding: 15px 0; align-items: flex-start;}
    .comSearchGroup.type03 .searchGroup .schItem:nth-child(2n-1) {width:100%; padding-right:0;}
	.comSearchGroup.type03 .searchGroup .schItem:nth-child(2n) {width:100%; border-left:none; padding-left:0;}
    .comSearchGroup.type03 .searchGroup .schItem .schtit {width: 55px; flex: 0 0 55px;}
    .comSearchGroup.type03 .searchGroup .schItem .checkGroup {column-gap: 20px; row-gap: 15px;}
    .comSearchGroup.type03 .searchGroup .schItem .checkItem {margin-right: 0;}
	.comSearchGroup.type03 .kewordSch .unit.wdthM {width: 50%; flex: 1 0 50%; max-width:none;}
	.comSearchGroup.type03 .kewordSch.mFull {flex-wrap:wrap;}
	.comSearchGroup.type03 .kewordSch .unit.mFull {width:100%;}
	
    
    .modPopup .comSearchGroup {margin-bottom: 18px;}
    .modPopup .comSearchGroup .searchArea {padding: 15px 14px; }
    .modPopup .comSearchGroup .searchGroup {row-gap: 5px;}
    .modPopup .comSearchGroup .searchGroup .schItem {line-height: 30px;}
    .modPopup .comSearchGroup .searchGroup .schItem .schtit {width: 60px; margin-right: 8px; font-size: 14px;}
    .modPopup .comSearchGroup .searchGroup .schItem .kewordSch {width: calc(100% - 71px);}
    .modPopup .comSearchGroup .searchGroup .schItem .kewordSch .unit {flex: 1;}
    .modPopup .comSearchGroup .searchGroup .schItem .kewordSch .unit.wdthL {flex:auto;}
    .modPopup .comSearchGroup .searchGroup .schItem .kewordSch select, .modPopup .comSearchGroup .searchGroup .schItem .kewordSch input {height: 35px;}
    .modPopup .comSearchGroup .searchGroup .schItem.mgtype01 {margin-right: 0;}    
    .modPopup .comSearchGroup .kewordSch .unit .btn.search {width: 65px; height: 35px; padding-right: 22px; line-height: 29px; font-size: 13px; background-position: calc(100% - 11px) center ;}

}

/* --------------------------------- 게시판 외부 영역 --------------------------------- */
/* 테이블 탑 */
.comBoardTop {width: 100%; margin-bottom: 25px; display: flex; justify-content: space-between; align-items: flex-end;}
.comBoardTop .left {flex: 1 1 100%;}
.comBoardTop .right {flex: 1 1 100%; text-align: right; margin-left: auto;}
.comBoardTop .basicTxt {font-size: 16px; color: #333; font-weight: 500; display: flex; align-items: flex-end;}/*2023.04.12 건수 안내 텍스트 색상변경*/
.comBoardTop .basicTxt .num {color: #333; font-weight: 700;}
.comBoardTop .txtArray {margin-left: 20px; font-size: 16px; color: #999; font-weight: 500; position: relative;}
.comBoardTop .txtArray::after {display: block; content: ""; width: 1px; height: 15px; background: #999; position: absolute; top: 6px; left: -10px;}
.comBoardTop .txtArray:first-child:after {display: none;}
.comBoardTop .txtArray.aryOn {color: #0081cc;}
.comBoardTop .right .slctWrap {min-width: 140px; display: inline-block;}


@media screen and (min-width: 100px) and (max-width: 767px) {
    .comBoardTop {margin-bottom: 12px; flex-wrap: wrap; row-gap: 10px;}
    .comBoardTop .left {flex: 1 1 auto;}
    .comBoardTop .right {flex: 1 1 auto;}
    .comBoardTop .basicTxt {font-size: 15px;}
    .comBoardTop .txtArray {margin-left: 15px; font-size: 14px;}
    .comBoardTop .txtArray::after {height: 12px; top: 5px; left: -8px;}
}

/* 테이블 아래 */
.comBoardBottom {width: 100%; margin-top: 30px;}
.comBoardBottom .guideGroup {padding-left: 40px;}
.comBoardBottom .guideGroup .item {padding-left: 12px; margin-bottom: 5px; font-size: 15px; color: #666; font-weight: 500; position: relative;}
.comBoardBottom .guideGroup .item:last-child {margin-bottom: 0;}
.comBoardBottom .guideGroup .item::after {display: block; content: ""; width: 5px; height: 5px; border-radius: 50%; background: #333; position: absolute; left: 0; top: 9px;}
.comBoardBottom p {padding-left: 40px; font-size: 15px; color: #666; font-weight: 500; }
.comBoardBottom p.step {padding-left: 0px; font-size: 15px; color: #666; font-weight: 500; }
.comBoardBottom p.right {text-align: right;}


@media screen and (min-width: 100px) and (max-width: 767px) {
    .comBoardBottom {margin-top: 18px;}
    .comBoardBottom .guideGroup {padding-left: 0;}
    .comBoardBottom .guideGroup .item {padding-left: 9px; font-size: 13px; line-height: 1.25; }
    .comBoardBottom .guideGroup .item::after {width: 3px; height: 3px;  top: 6px;}
    .comBoardBottom p {font-size: 13px; line-height: 1.25; }
    .comBoardBottom p.step {font-size: 13px; line-height: 1.25; }
}

/* --------------------------------- 게시판 내부 버튼 --------------------------------- */
.comBoardbtn {width: 170px; text-align: right;}
.comBoardbtn .boardBtn {width: 76px; height: 76px; margin-right: 8px; border-radius: 50%; font-size: 0; background: #f2f2f2 center no-repeat; display: inline-block; transition: all 0.2s;}
.comBoardbtn .boardBtn:last-child {margin-right: 0;}
.comBoardbtn .boardBtn.file {background-image: url(/common/images/common/icon_file.png);}
.comBoardbtn .boardBtn.goLink {background-image: url(/common/images/common/arw_list_black.png);}
.comBoardbtn .boardBtn.goLink:hover {background-color: #52aadd;background-image: url(/common/images/common/arw_list_white.png);}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .comBoardbtn {width: auto; position: absolute; top: 12px; right: 0;}
    .comBoardbtn .boardBtn {width: 36px; height: 36px; border-radius: 7px; font-size: 0; transition: none; background-size: 22px; vertical-align: middle;}
    .comBoardbtn .boardBtn:last-child {margin-right: 0;}
    .comBoardbtn .boardBtn.goLink {display: none;}
    .comBoardbtn .boardBtn:hover {background-color: #f2f2f2;}
    .comBoardbtn .boardBtn.file:hover {background-image: url(/common/images/common/icon_file.png);}
}

/* --------------------------------- 게시판 리스트 --------------------------------- */
.comTableList {width: 100%;}
.comTableList .tableTop {margin-bottom: 18px;}
.comTableList .tableTop::after {display: block; content: ""; clear: both;}
.comTableList .tableTop .left {float: left;}
.comTableList .tableTop .checkTit {font-size: 18px; color: #000; font-weight: 500;}
.comTableList .tableTop .right {float: right;}

.comTableList table {width: 100%; border-top: 2px solid #000; table-layout: fixed;border-collapse:collapse; border-spacing:0; background: #fff;}
.comTableList table thead tr {}
.comTableList table thead th {padding: 12px 5px;border-bottom: 1px solid #999; text-align: center; font-size: 16px; font-weight: 500; color: #000;}
.comTableList table tbody tr {}
.comTableList table tbody th {padding: 12px 5px;border-bottom: 1px solid #e6e6e6;text-align: center; font-size: 16px; font-weight: 500; color: #000;}
.comTableList table td {padding: 12px 5px;border-bottom: 1px solid #e6e6e6; text-align: center; font-size: 15px; color: #000;}
.comTableList table tbody tr:last-child td {border-bottom: 1px solid #000;}
.comTableList table tbody tr:last-child th {border-bottom: 1px solid #000;}

.comTableList table .left {text-align: left;}
.comTableList table td.noData { padding: 50px 0;}

.comTableList .tableNoteBtm {margin-top: 10px;color: #333; font-size: 16px; font-weight: 500;}
.comTableList .tableNoteBtm.right {text-align: right;}
.comTableList .tableNoteBtm .note {display: block; color: #333; font-size: 16px; font-weight: 500; font-style: normal;}

.comTableList .mTit {display: none;}
.modPopup .popupInscrl .comTableList:first-child table {border-top: none;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .comTableList.mRow .tableTop .checkTit {font-size: 16px;}
    .comTableList table thead th {padding: 7px 5px;font-size: 14px; }
    .comTableList table td {padding: 7px 5px; font-size: 13px; }
    .comTableList table tbody th {padding: 7px 5px;font-size: 14px;}

    .comTableList.mRow table, .comTableList.mRow tbody, .comTableList.mRow tr, .comTableList.mRow td {display: block;}
    .comTableList.mRow table thead {display: none;}
    .comTableList.mRow table tr {width: 100%; padding: 0; border-bottom: 1px solid #000;}
    .comTableList.mRow table td {padding: 15px 28px; font-size: 15px;}
    .comTableList.mRow table tbody tr:last-child td {border-bottom: 1px solid #e6e6e6;}
    .comTableList.mRow table td::after {display: block; content: ""; clear: both;}
    .comTableList.mRow table td .mTit {display: block; font-weight: 500; float: left;}
    .comTableList.mRow table td .mCont {display: block; float: right;}
    
    .comTableList .tableNoteBtm .note {font-size: 13px;}

    .modPopup .comTableList table th {padding: 7px 5px;font-size: 14px; }
    .modPopup .comTableList table td {padding: 7px 5px; font-size: 13px; }
}

/* --------------------------------- Pagination --------------------------------- */
.comPagination {width: 100%; margin-top: 80px;}
.comPagination .pageGroup {width: 100%; text-align: center;}
.comPagination .pageGroup .item {margin-right: 10px; display: inline-block;}
.comPagination .pageGroup .item:last-child {margin-right: 0;}
.comPagination .pageGroup .toe {height: 12px; line-height: 10px; font-size: 14px; color: #000; display: inline-block;}
.comPagination .pageGroup .toe.first {padding-left: 34px; background: url(/common/images/common/arw_paging1_left.png) left center no-repeat;}
.comPagination .pageGroup .toe.last {padding-right: 34px; background: url(/common/images/common/arw_paging1_right.png) right center no-repeat;}
.comPagination .pageGroup .mid {width: 33px; height: 20px;font-size: 0; background: center no-repeat; display: inline-block; vertical-align: top; opacity: 0.23;}
.comPagination .pageGroup .mid.prev {background-image: url(/common/images/common/arw_paging2_left.png);}
.comPagination .pageGroup .mid.next {background-image: url(/common/images/common/arw_paging2_right.png);}
.comPagination .pageGroup .numBtn {width: 34px; height: 34px; border-radius: 50%; text-align: center; line-height: 34px; font-size: 16px; font-weight: 300; display: inline-block;}
.comPagination .pageGroup .numBtn.now {color: #fff; font-weight: 500;background: #0081cc;}

.modPopup .comPagination {margin-top: 30px;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .comPagination {margin-top: 50px;}
    .comPagination .pageGroup {display: flex;align-items: center;justify-content: center;}
    .comPagination .pageGroup .item {margin-right: 5px;}
    .comPagination .pageGroup .toe { font-size: 13px;}
    .comPagination .pageGroup .toe.first {padding-left: 30px; background-size: 17px;}
    .comPagination .pageGroup .toe.last {padding-right: 30px; background-size: 17px;}
    .comPagination .pageGroup .mid {width: 20px; height: 17px; background-size: 10px;} 
    .comPagination .pageGroup .numBtn {width: 30px; height: 30px; border-radius: 6px;line-height: 29px; font-size: 15px;}
    
    .modPopup .comPagination {margin-top: 30px;}
    .comPagination .pageGroup .numBtn {width: 25px; height: 25px; line-height: 24px; font-size: 13px;}
}

/* --------------------------------- FormGroup --------------------------------- */
.comFormGroup {width: 100%;}
.comFormGroup .formAlert {width: 100%; margin-bottom: 10px; font-size: 16px; color:#666; font-weight: 500;}
.comFormGroup .formAlert .req {color: #ff0000;}
.comFormGroup .formEndalert {margin-top: 15px; margin-bottom: 80px;}
.comFormGroup .formEndalert p {width: 100%; font-size: 14px; color: #999; font-weight: 400; }
.comFormGroup .formGroup {border-top: 2px solid #000; display: flex; flex-wrap: wrap;}
.comFormGroup .formGroup .formItem {width: 100%; padding: 16px 15px 16px 25px; border-bottom: 1px solid #e6e6e6;}
.comFormGroup .formGroup .formItem.half {width: 50%;}
.comFormGroup .formGroup .formItem .formBundle {width: 100%; min-height: 40px; display: flex;}
.comFormGroup .formBundle .formTit {width: 185px; line-height: 40px; padding: 0 20px 0 14px; font-size: 16px; color: #000; font-weight: 500; position: relative;}
.comFormGroup .formBundle .formTit .req {color: #ff0000; font-weight: 500; font-size: 19px; position: absolute; left: 0px; top: 3px;}
.comFormGroup .formBundle .formCont {width: calc(100% - 185px); display: flex; flex-wrap: wrap; align-items: center; row-gap: 14px; column-gap: 15px;}
.comFormGroup .formBox {margin: 0 auto; text-align: center; }

.comFormGroup .basicTxt {line-height: 40px; font-size: 15px; color: #000;}
.comFormGroup .iptWrap {width: 100%; display: inline-flex; vertical-align: middle;}
.comFormGroup .iptWrap.wdtS {width: 180px;}
.comFormGroup .iptWrap.wdtM {width: 270px;}
.comFormGroup .iptWrap.wdtL {width: 395px;}
.comFormGroup .iptWrap.full {width: 100%; }

.comFormGroup input[type=text] {background-color: #f8f8f8;}
.comFormGroup input[type=password] {background-color: #f8f8f8;}
.comFormGroup input[type=text]:focus {background-color: #fff;}
.comFormGroup input[type=password]:focus {background-color: #f8f8f8;}
.comFormGroup select {background-color: #f8f8f8;}
.comFormGroup select:focus {background-color: #fff;}
.comFormGroup textarea {height: 260px; background-color: #f8f8f8;}
.comFormGroup textarea:focus {background-color: #fff;}
.comFormGroup .btn {margin-right: -2px;}

.comFormGroup .iptFileGroup {width:100%;}
.comFormGroup .iptFile {width: 100%; display: inline-block; vertical-align: middle; position: relative;}
.comFormGroup .iptFile input[type=file] {width: 1px; height: 1px; opacity: 0.01; position: absolute; top: -1px; left: -1px;}
.comFormGroup .iptFile .fileBtn {min-width: 115px; height: 45px; padding-right: 28px; line-height: 44px; text-align: center; font-size: 14px; color: #fff; background: #333 url(/common/images/common/icon_folder.png) calc(100% - 18px) center no-repeat; display: inline-block; vertical-align: middle; cursor: pointer;}
.comFormGroup .iptFile input[type=file]:focus + .fileBtn {outline: 2px solid #0082cd;}
.comFormGroup .iptFile .fileBtn + input {width: calc(100% - 198px); margin-left: 20px; padding: 0; border: none; line-height: 39px; font-size: 15px; color: #999; font-weight: 400;background: none; display: inline-block; vertical-align: middle;}
.comFormGroup .iptFile .fileBtn + .fileNameIpt {max-width: calc(100% - 198px); min-height:45px; height:auto; margin-left: 20px; padding: 0; border: none; line-height: 1.5; font-size: 15px; color: #555; font-weight: 400;background: none; vertical-align: middle;display: inline-flex;align-items: center;} /*2023.04.12 접근성 수정*/
.comFormGroup .iptFile .fileRemove {width:20px; height:20px; margin-left:20px; font-size:0; background:url(/common/images/sub/resvFull_icon.png) center no-repeat;vertical-align: middle; display:none;}
.comFormGroup .iptFile .fileRemove.btnView {display:inline-block;}
.comFormGroup .noFile {margin-left: 20px; font-size: 16px; font-weight: 400; color: #000;display: inline-block; vertical-align: middle;}

.comFormGroup .formGroup .formItem .slctT input {width: calc(100% - 126px); margin-right: -3px;}
.comFormGroup .formGroup .formItem .slctT label {width: 126px; height: 40px; padding-right: 27px; font-size: 14px; color: #fff; text-align: center; line-height: 39px; background: #0081cc; display: inline-block; vertical-align: middle;}

.comFormGroup .formGroup .formNtc {height: 23px; margin-left: 25px; padding-left: 30px; background: url(/common/images/common/icon_notice.png) left center no-repeat; display: inline-block; vertical-align: middle;}
.comFormGroup .formGroup .formNtc .notice {font-size: 14px; font-weight: 700;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .comFormGroup .formAlert {font-size: 15px;}
    .comFormGroup .formEndalert {margin-top: 20px; margin-bottom: 30px;}
    .comFormGroup .formEndalert p {font-size: 15px; }
    .comFormGroup .formGroup .formItem {padding: 15px 10px;}
    .comFormGroup .formGroup .formItem.half {width: 100%;}
    .comFormGroup .formGroup .formItem .formBundle {flex-wrap: wrap;}
    .comFormGroup .formBundle .formTit {width: 100%; padding: 0 10px 0 0; margin-bottom: 10px; line-height: 1.5; font-size: 15px;}
    .comFormGroup .formBundle .formTit .req {margin-right: 6px;font-size: 15px; top: 3px; position: relative;}
    .comFormGroup .formBundle .formCont {width: 100%;row-gap: 12px;}
    .comFormGroup .formBundle .formCont.inFlex {flex-wrap: nowrap;}
    /* .comFormGroup .formBundle .formCont.inFlex .iptWrap {max-width: calc(100% - 67px);} */
    /* .comFormGroup .formBox {margin: 0 auto; text-align: center; } */
    
    .comFormGroup .basicTxt {padding-left: 11px;font-weight: 500;line-height: 1.5;}
    .comFormGroup .iptWrap + .basicTxt {padding-left: 0;}
    .comFormGroup .iptWrap.wdtS {width: 100%;}
    .comFormGroup .iptWrap.wdtM {width: 100%;}
    .comFormGroup .iptWrap.wdtL {width: 100%;}
    .comFormGroup textarea {height: 100px;}
    .comFormGroup .btn.formBtn.check {padding-left: 5px;}

    .comFormGroup .iptFileGroup {width: 100%;}
    .comFormGroup .iptFile {display: inline-flex;flex-wrap: wrap; column-gap: 15px;} 
    .comFormGroup .iptFile .fileBtn {min-width: 100px; height: 40px; padding-right: 27px; line-height: 39px; background-position: calc(100% - 13px) center; background-size: 19px;}
    .comFormGroup .iptFile .fileBtn + input {margin-left:0; font-size: 13px; flex: 1 0 150px;}
    .comFormGroup .noFile {margin-left: 13px; font-size: 13px; }
    
    .comFormGroup .formGroup .formItem .slctT input {width: calc(100% - 126px); margin-right: -3px;}
    .comFormGroup .formGroup .formItem .slctT label {width: 126px; height: 40px; padding-right: 27px; font-size: 14px; color: #fff; text-align: center; line-height: 39px; background: #0081cc; display: inline-block; vertical-align: middle;}
    
    .comFormGroup .formGroup .formNtc {height: 19px; margin-left: 0; padding-left: 25px; background-size: 19px;}
    .comFormGroup .formGroup .formNtc .notice {font-size: 12px; }

}

/* --------------------------------- input BG opacity Effect --------------------------------- */
.comBgiptWrap { position: relative;}
.comBgiptWrap::after {display: block; content: ""; width: 28px; height: 28px; background: center no-repeat; position: absolute; top: 9px; left: 19px; opacity: 0.2;}
.comBgiptWrap.lgID::after {background-image: url(/common/images/common/icon_id.png);}
.comBgiptWrap.lgPW::after {background-image: url(/common/images/common/icon_pw.png);}
.comBgiptWrap.pwNew::after {background-image: url(/common/images/common/icon_pwChange.png);}

.comBgiptWrap input {width: 100%; height: 46px; padding: 0 20px 0 60px; font-weight: 700; background: #f8f8f8;}
.comBgiptWrap input::-webkit-input-placeholder {color: #555;} /*2023.04.12 명도대비 검색 placeholder 색상변경*/
.comBgiptWrap input::-ms-input-placeholder {color: #555;} /*2023.04.12 명도대비 검색 placeholder 색상변경*/
.comBgiptWrap input:-ms-input-placeholder {color: #555;} /*2023.04.12 명도대비 검색 placeholder 색상변경*/
.comBgiptWrap input:focus {border: 1px solid #0081cc; background-color: #fff;}
.comBgiptWrap.focused::after {opacity: 1;}



/* 회원유형 선택 */
.comChooseCate {width: 100%;}
.comChooseCate .cateArea {width: 100%; max-width: 820px; padding: 0 20px; margin: 0 auto;}
.comChooseCate .cateGroup {width: 100%; display: flex; justify-content: space-between; align-items: stretch;}
.comChooseCate .cateGroup .item {width: calc(50% - 22px); padding: 45px 54px 57px; border-radius: 26px; background: #ededed;}
.comChooseCate .cateGroup .category dt {padding: 65px 85px 0 0; font-size: 30px; font-weight: 700; background: right top no-repeat;}
.comChooseCate .cateGroup .category.adult dt {background-image: url(/common/images/sub/join_adult.png);}
.comChooseCate .cateGroup .category.kids dt {background-image: url(/common/images/sub/join_kids.png);}
.comChooseCate .cateGroup .category dd {margin-top: 19px;font-size: 16px; font-weight: 500; color: #333; line-height: 1.5;}
.comChooseCate .cateGroup .selectImg {min-height: 175px; display: flex; justify-content: center; align-items: center;}
.comChooseCate .cateGroup .comBtnGroup {margin: 30px 0 0 0;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .comChooseCate .cateArea {padding: 0;}
    .comChooseCate .cateGroup {flex-wrap: wrap;}
    .comChooseCate .cateGroup .item {width: 100%; padding: 42px 36px 40px; margin-bottom: 20px; border-radius: 9px;}
    .comChooseCate .cateGroup .item:last-child {margin-bottom: 0;}
    .comChooseCate .cateGroup .category dt {padding: 0 20px 56px 0; font-size: 20px;}
    .comChooseCate .cateGroup .category.adult dt {background-size: 69px;}
    .comChooseCate .cateGroup .category.kids dt {background-size: 68px;}
    .comChooseCate .cateGroup .category dd {padding-right: 75px; margin-top: -39px; font-size: 15px;}
    .comChooseCate .cateGroup .selectImg {min-height: 140px; }
    .comChooseCate .cateGroup .comBtnGroup {margin: 40px 0 0 0;}
}

/* --------------------------------- 기본 테이블: border + shadow  --------------------------------- */
.comTableBasic {}
.comTableBasic.secLine .tableArea {padding-bottom:60px; margin-bottom:60px; border-bottom:1px dashed #adadad;}
.comTableBasic .tableArea {}
.comTableBasic .tbCaption {width: 100%;margin-bottom: 10px; font-size: 17px; font-weight: 500; }
.comTableBasic .tableMain {overflow: hidden; border: 1px solid #8497d3; border-radius: 16px; box-shadow: 2px 6px 16px 2.24px rgb(38 71 119 / 5%);}
.comTableBasic .tableMain table {width: 100%; table-layout: fixed; border-collapse: collapse;}
.comTableBasic .tableMain .mobBr {display: none;}
.comTableBasic .tableMain thead {}
.comTableBasic .tableMain thead th {height: 56px; padding: 10px 5px; border-right: 1px solid #b9c4e8; border-bottom: 1px solid #b9c4e8; background: #f5f5f5; font-size: 17px; font-weight: 700; text-align: center; word-break: break-all;}
.comTableBasic .tableMain thead th:last-child {border-right: 0;}
.comTableBasic .tableMain tbody {}
.comTableBasic .tableMain tbody th {height: 52px; padding: 10px 5px; border-right: 1px solid #b9c4e8; border-bottom: 1px solid #b9c4e8; background: #f3f6fe; font-size: 16px; font-weight: 500; text-align: center; word-break: break-all;}
.comTableBasic .tableMain tbody th:last-child {border-right: 0;}
.comTableBasic .tableMain tbody tr:last-child th {border-bottom: none;}
.comTableBasic .tableMain tbody td {height: 60px; padding: 18px 10px; border-right: 1px solid #b9c4e8; border-top: 1px solid #b9c4e8; font-size: 16px; font-weight: 500; line-height: 1.4; text-align: center; word-break: break-all;}
.comTableBasic .tableMain tbody td:last-child {border-right: 0;}
.comTableBasic .tableMain tbody tr:first-child td {border-top: 0;}
.comTableBasic .tableMain tbody td.noDate {font-size: 18px; padding: 50px 0;}
.comTableBasic .tableMain tbody td.noDate .comBtnGroup {margin-top: 30px;}
.comTableBasic .tableMain tbody td img {max-width: 100%;}
.comTableBasic .tableMain tbody .left {text-align: left; padding-left: 27px;}
.comTableBasic .tableMain tbody .bdrR {border-right: 1px solid #b9c4e8 !important;}
.comTableBasic .tableMain tbody .bdrB0 {border-bottom: 0 !important;}
.comTableBasic .tableMain tbody .comBtnGroup {margin-top: 0;}
.comTableBasic .tableNoteBtm {margin-top: 10px;}
.comTableBasic .tableNoteBtm.right {text-align: right;}
.comTableBasic .tableNoteBtm .note {display: block; color: #333; font-size: 16px; font-weight: 500; font-style: normal;}
.comTableBasic.mRow .mTit {display:none;}
.comTableBasic.mRow .forMrow {display: none;}

/*문단이 들어가는 내용의 td css*/
.comTableBasic.contTb .tableMain thead th {word-break:keep-all;}
.comTableBasic.contTb .tableMain tbody th {word-break:keep-all;}
.comTableBasic.contTb .tableMain tbody td {word-break:keep-all;}
.comTableBasic.contTb .tableMain .eng {word-break:break-all;}

.modPopup .comTableBasic thead th {font-size: 15px;}
.modPopup .comTableBasic tbody td {font-size: 15px;}

/* 테이블 별 행 조절 */
/* (체력증진교실 - 목적별 프로그램 - 청소년기) */
.comTableBasic .classTbl01col01 {width: 12%;}
.comTableBasic .classTbl01col02 {width: 10%;}
.comTableBasic .classTbl01col03 {width: 31%;}
.comTableBasic .classTbl01col04 {width: 35%;}
.comTableBasic .classTbl01col05 {width: auto;}

/* (체력증진교실 - 목적별 프로그램 - 유아기) */
.comTableBasic .classTbl02col01 {width: 10%;}
.comTableBasic .classTbl02col04 {width: 18%;}

/* (체력증진교실 - 목적별 프로그램 - 유아기 - 구성요소) */
.comTableBasic .classTbl03col01 {width: 10%;}
.comTableBasic .classTbl03col02 {width: 10%;}
.comTableBasic .classTbl03col04 {width: 110px;}


@media screen and (min-width: 100px) and (max-width: 767px) {
    .comTableBasic.secLine .tableArea {padding-bottom:0; margin-bottom:35px; border-bottom:none;}
    .comTableBasic .tbCaption {font-size: 14px; }

    .comTableBasic .tableMain {border-radius: 6px; box-shadow: none;}
    .comTableBasic .tableMain thead th {height: 48px; font-size: 13px;}
    .comTableBasic .tableMain tbody th {height: auto; min-height: 48px; padding: 15px 5px; font-size: 13px; -webkit-text-size-adjust: 100%;}
    .comTableBasic .tableMain tbody td {height: auto; min-height: 48px; padding: 15px 5px; font-size: 13px;-webkit-text-size-adjust: 100%;}
    .comTableBasic .tableMain tbody td.noDate {font-size: 15px; padding: 40px 0;}
    .comTableBasic .tableMain tbody td.noDate .comBtnGroup {margin-top: 20px;}
    .comTableBasic .tableMain tbody .left {padding: 15px 5px;}
    .comTableBasic .tableNoteBtm .note {font-size: 13px;}

    .comTableBasic.mRow .tableTop .checkTit {font-size: 16px;}
    .comTableBasic.mRow table, .comTableBasic.mRow tbody, .comTableBasic.mRow tr {display: block;}
    .comTableBasic.mRow table thead {display: none;}
    .comTableBasic.mRow table tr {width: 100%; padding: 15px 17px; border-bottom: 1px solid #b9c4e8; display: flex; flex-wrap: wrap; column-gap: 50px; row-gap: 11px;position: relative;}
    .comTableBasic.mRow table tr:last-of-type {border-bottom:0;}
    .comTableBasic.mRow table tr.mGrey {background: #f2f2f2;}
    .comTableBasic.mRow table td {min-height: auto; padding: 0; font-size: 15px; border-top: none; border-right:0; border-left:0; display: inline-block; vertical-align: middle; text-align: left; }
    .comTableBasic.mRow .forMrow {display: block;}
    .comTableBasic.mRow table td .mTit {padding-left: 9px; margin-right: 12px; display: inline-block; vertical-align: middle; font-weight: 700; position: relative;}
    .comTableBasic.mRow table td .mTit::after {display: block; content: ""; width: 3px; height: 3px; border-radius: 50%; background: #000; position: absolute; left: 0; top: 9px;}
    .comTableBasic.mRow table td .mCont {display:inline-block;vertical-align: middle;}
    .comTableBasic.mRow table td.noDate {width: 100%; text-align: center;}
    .comTableBasic.mRow table td.noDate .btn {max-width: 300px;}
    .comTableBasic.mRow.mType2 table td {width: 100%;}
    .comTableBasic.mRow.mType2 table td:last-child {width: auto;}
    .comTableBasic.mRow.mType2 table td:nth-last-child(2) {width: auto;}

    .comTableBasic.mTblFlex table, .comTableBasic.mTblFlex .tableMain tbody, .comTableBasic.mTblFlex .tableMain tbody th, .comTableBasic.mTblFlex .tableMain tbody td {width: 100%; display: block; border: none;}
    .comTableBasic.mTblFlex .tableMain tbody tr {display: flex; width: 100%; flex-wrap: wrap;border: none;}
    .comTableBasic.mTblFlex .tableMain tbody th {width: 34%; border-bottom: 1px solid #b9c4e8; border-right: 1px solid #b9c4e8;  padding-left: 20px;}
    .comTableBasic.mTblFlex .tableMain tbody td {width: 66%; border-bottom: 1px solid #b9c4e8;}
    /* .comTableBasic .tableMain tbody tr:last-child th {border-bottom: 1px solid #b9c4e8;} */
    .comTableBasic.mTblFlex .tableMain tbody tr:last-child th:nth-last-of-type(1) {border-bottom: none;}
    .comTableBasic.mTblFlex .tableMain tbody tr:last-child td:nth-last-of-type(1) {border-bottom: none;}
    .comTableBasic.mTblFlex .tableMain tbody tr:last-child th { border-bottom: 1px solid #b9c4e8;}
    /* .comTableBasic.mTblFlex tr:first-child td {border-top: 1px solid #b9c4e8;} */

    /* 테이블 별 행 조절 */
    /* (체력증진교실 - 목적별 프로그램 - 청소년기) */
    .comTableBasic .classTbl01col01 {width: 18%;}
    .comTableBasic .classTbl01col02 {width: 11%;}
    .comTableBasic .classTbl01col03 {width: 22%;}
    .comTableBasic .classTbl01col04 {width: 34%;}
    .comTableBasic .classTbl01col05 {width: auto;}

    /* (체력증진교실 - 목적별 프로그램 - 유아기) */
    .comTableBasic .classTbl02col01 {width: 15%;}
    .comTableBasic .classTbl02col04 {width: 24%;}
    
    /* (체력증진교실 - 목적별 프로그램 - 유아기 - 구성요소) */
    .comTableBasic .classTbl03col01 {width: 14%;}
    .comTableBasic .classTbl03col02 {width: 14%;}
    .comTableBasic .classTbl03col04 {width: 70px;}

    .comTableBasic .tableMain .mobBr {display: inline;}
}


/* --------------------------------- 기본 테이블 우측 고정텍스트 추가 --------------------------------- */

.comTableBasic {position:relative;}
.comTableBasic .infoTxt {position:absolute; top:-43px; right:0; font-size:16px; color:#333; font-weight:500;}
.comTableBasic tbody tr td .btnBox {display:flex; flex-flow:row wrap; justify-content:center;}
.comTableBasic tbody tr td a.rsvIns_btn {background:#191c38; color:#fff; padding:5px 10px; line-height:20px; border-radius:5px;}
.comTableBasic tbody tr td a.rsvIns_btn img {margin-left:10px;}
.comTableBasic tbody tr td a.rsvIns_btn:focus-visible {outline: 2px solid #0082cd; outline-offset: -1px;}
.comTableBasic tbody tr td a.rsvDel_btn {background:#404579; color:#fff; padding:5px 10px; border-radius:5px; margin-left:5px;}
.comTableBasic tbody tr td a.rsvDel_btn img {width:14px; height:14px;}
/* .comTableBasic tbody tr td a.rsvDel_btn:focus-visible {outline: 2px solid #0082cd; outline-offset: -1px;} */
.comTableBasic tbody tr td a.rsvAgre_btn {background:#1b2573; color:#fff; padding:5px 10px; line-height:20px; border-radius:5px}
.comTableBasic tbody tr td a.rsvAgre_btn img {margin-left:10px;}
/* .comTableBasic tbody tr td a.rsvAgre_btn:focus-visible {outline: 2px solid #0082cd; outline-offset: -1px;} */

@media all and (max-width: 767px) {
    .comTableBasic .infoTxt {margin-bottom: 13px; position:static;  font-size:15px; display: inline-block;}
    .comTableBasic.mRow tbody tr td.mBtns {margin: 0 0 0 auto;  text-align: right;}
    .comTableBasic.mRow tbody tr td.mBtns .mTit {display: none;}
    .comTableBasic.mRow tbody tr td .btnBox a {padding: 0 10px; border-radius: 2px; line-height: 33px; font-size: 13px;}
    .comTableBasic tbody tr td a.rsvIns_btn img {width: 10px;}
    .comTableBasic tbody tr td a.rsvAgre_btn img {width: 10px;}
    .comTableBasic.mRow tbody tr td.mBtns .btnBox span {padding: 0 10px; border: 1px solid #ccc; border-radius: 2px; line-height: 33px; font-size: 13px; color: #999; background: #fff; display: inline-block;}
}

/* ---------------------------- 국민체력인증 > 인증기준---------------------------- */
/* 스크롤 이동 탭 */
.comGradeLink {margin-bottom: 40px;}
.comGradeLink .gradeLinkArea {}
.comGradeLink .gradeList {font-size: 0;}
.comGradeLink .gradeList .gradeItem {display: inline-block; max-width: 140px; width: calc((100%/6) - (25px/6)); margin-right: 5px;}
.comGradeLink .gradeList .gradeItem:last-child {margin-right: 0;}
.comGradeLink .gradeList .gradeItem .link {display: inline-block; width: 100%; height: 45px; padding-top: 8px; border-radius: 22px; background: #8d92a1; color: #fff; font-size: 17px; font-weight: 500; text-align: center;}
.comGradeLink .gradeList .gradeItem .num {display: inline-block; width: 22px; height: 22px; margin-right: 4px; border-radius: 50%; background: #fff; color: #424960; font-size: 17px; font-weight: 500; line-height: 21px; text-align: center;}
.comGradeLink .gradeList .gradeItem img {display: none; vertical-align: top;}

.comGradeLink .gradeList .gradeItem.on {}
.comGradeLink .gradeList .gradeItem.on .link {background: #191c38; color: #ffd96e;}
.comGradeLink .gradeList .gradeItem.on .num {background: #ffd96e;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .comGradeLink {margin-bottom: 20px;}
    .comGradeLink .gradeList .gradeItem {max-width: 86px; width: calc(33.333% - 5px); margin-right: 6px; margin-top: 6px;}
    .comGradeLink .gradeList .gradeItem:nth-child(-n+3) {margin-top: 0;}
    .comGradeLink .gradeList .gradeItem .link {height: 34px; padding-top: 6px; border-radius: 16px; font-size: 14px;}
    .comGradeLink .gradeList .gradeItem .num {width: 18px; height: 18px; margin-right: 4px; margin-top: 2px; font-size: 12px; line-height: 17px; vertical-align: top;}

    /* .comGradeLink .gradeList.chlid .gradeItem .link {font-size: 0;}
    .comGradeLink .gradeList.chlid .gradeItem:first-child .link {padding-top: 4px;}
    .comGradeLink .gradeList.chlid .gradeItem:nth-child(3) .link {padding-top: 8px;}
    .comGradeLink .gradeList.chlid .gradeItem:last-child .link {padding-top: 8px;}
    .comGradeLink .gradeList.chlid .gradeItem img {display: inline-block;}
    .comGradeLink .gradeList.chlid .gradeItem:first-child img {width: 26px;}
    .comGradeLink .gradeList.chlid .gradeItem:nth-child(2) img {width: 24px;}
    .comGradeLink .gradeList.chlid .gradeItem:nth-child(3) img {width: 28px;}
    .comGradeLink .gradeList.chlid .gradeItem:last-child img {width: 28px;} */
}

/* 인증기준 타이틀 */
.comGradeTit .gradeTit {position: relative; margin-bottom: 24px;}
.comGradeTit .gradeTit:before {content: ''; position: absolute; right: 0; top: 50%; max-width: calc(100% - 57px); width: 100%; border-bottom: 1px solid #424960;}
.comGradeTit .gradeTit:after {content: ''; position: absolute; right: 0; top: calc(50% - 4px); width: 8px; height: 8px; border-radius: 50%; background: #424960;}
.comGradeTit .gradeTit .tit {display: inline-block; position: relative; padding-right: 10px; background: #fff; color: #424960; font-size: 20px; font-weight: 700;}
.comGradeTit .gradeTit .tit:last-child {padding-right: 22px;}
.comGradeTit .gradeTit .tit .num {display: inline-block; width: 30px; height: 30px; margin-right: 6px; border-radius: 50%; background: #424960; color: #fff; font-size: 16px; font-weight: 700; line-height: 29px; text-align: center; vertical-align: top;}
.comGradeTit .gradeTit .tit img {display: none; vertical-align: middle;}

.comGradeTit .gradeTit.double:before {max-width: calc(100% - 180px);}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .comGradeTit .gradeTit {margin-bottom: 8px;}
    .comGradeTit .gradeTit:before {max-width: calc(100% - 62px);}
    .comGradeTit .gradeTit:after {top: calc(50% - 3px); width: 6px; height: 6px;}
    .comGradeTit .gradeTit .tit {padding-right: 5px; font-size: 14px; font-weight: 500;}
    .comGradeTit .gradeTit .tit:last-child {padding-right: 10px;}
    .comGradeTit .gradeTit .tit .num {width: 22px; height: 22px; margin-right: 4px; font-size: 14px; line-height: 21px;}
    
    /* .comGradeTit .gradeTit.child:before {max-width: calc(100% - 38px);}
    .comGradeTit .gradeTit.child .tit {font-size: 0;}
    .comGradeTit .gradeTit.child .tit img {display: inline-block;}
    .comGradeTit.grade1 .gradeTit.child .tit img {width: 26px;}
    .comGradeTit.grade2 .gradeTit.child .tit img {width: 26px;}
    .comGradeTit.grade3 .gradeTit.child .tit img {width: 28px;}
    .comGradeTit.grade4 .gradeTit.child .tit img {width: 28px;} */
    .comGradeTit .gradeTit.child:before {max-width: calc(100% - 35px);}

    .comGradeTit .gradeTit.double:before {max-width: calc(100% - 120px);}
}

/* --------------------------------- 리스트형 차트 01 --------------------------------- */
.comChartList01 {}
.comChartList01 .chartListGrp {padding: 40px; border: 1px solid #ccc; border-radius: 22px; background: #fafafa;}
.comChartList01 .chartTit {}
.comChartList01 .chartTit .tit {display: inline-block; padding: 10px 28px 10px 52px; border-radius: 22px; background: #2a2b2b url(/common/images/common/icon_self_measure_tit01.png) 20px 15px no-repeat; color: #fff; font-size: 18px; font-weight: 700;}
.comChartList01 .chartCont {margin-top: 56px;}
.comChartList01 .chartCont > ul {display: flex; flex-wrap: wrap;}
.comChartList01 .chartCont .contItem {display: flex; flex-direction: column; align-items: center; position: relative; width: calc(100% / 6);}
.comChartList01 .chartCont .contItem:nth-child(n+7) {margin-top: 16px;}
.comChartList01 .chartCont .contItem:before {content: ''; position: absolute; left: 0; top: 33px; width: calc((100% - 67px) / 2); border-bottom: 1px dashed #231815;}
.comChartList01 .chartCont .contItem:after {content: ''; position: absolute; right: 1px; top: 33px; width: calc((100% - 67px) / 2); border-bottom: 1px dashed #231815;}
.comChartList01 .chartCont .contItem:first-child:before {content: none;}
.comChartList01 .chartCont .contItem:nth-child(6n+1):before {content: none;}
.comChartList01 .chartCont .contItem:nth-child(6n):after {content: none;}
.comChartList01 .chartCont .contItem:last-child:after {content: none;}
.comChartList01 .chartCont .contItem .num {width: 67px; height: 67px; padding-top: 12px; background-repeat: no-repeat; background-position: center; color: #fff; font-size: 26px; font-weight: 700; text-align: center;}
.comChartList01 .chartCont .contItem:first-child .num {background-image: url(/common/images/common/chart_num_bg01.png);}
.comChartList01 .chartCont .contItem:nth-child(2) .num {background-image: url(/common/images/common/chart_num_bg02.png);}
.comChartList01 .chartCont .contItem:nth-child(3) .num {background-image: url(/common/images/common/chart_num_bg03.png);}
.comChartList01 .chartCont .contItem:nth-child(4) .num {background-image: url(/common/images/common/chart_num_bg04.png);}
.comChartList01 .chartCont .contItem:nth-child(5) .num {background-image: url(/common/images/common/chart_num_bg05.png);}
.comChartList01 .chartCont .contItem:nth-child(6) .num {background-image: url(/common/images/common/chart_num_bg06.png);}
.comChartList01 .chartCont .contItem:nth-child(7) .num {background-image: url(/common/images/common/chart_num_bg01.png);}
.comChartList01 .chartCont .contItem:nth-child(8) .num {background-image: url(/common/images/common/chart_num_bg02.png);}
.comChartList01 .chartCont .contItem:nth-child(9) .num {background-image: url(/common/images/common/chart_num_bg03.png);}
.comChartList01 .chartCont .contItem .txt {padding: 20px 8px 0; color: #333; font-size: 16px; font-weight: 700; line-height: 1.3; text-align: center;}

.comChartList01 .chartCont .itemNum3 {justify-content: center;}
.comChartList01 .chartCont .itemNum3 .contItem {width: calc(100% / 3);}
.comChartList01 .chartCont .itemNum4 {justify-content: center;}
.comChartList01 .chartCont .itemNum4 .contItem {width: calc(100% / 4);}
.comChartList01 .chartCont .itemNum5 {justify-content: center;}
.comChartList01 .chartCont .itemNum5 .contItem {width: calc(100% / 5);}
/*20230216 8개일 경우*/
.comChartList01 .chartCont .itemNum8 {justify-content: center;}
.comChartList01 .chartCont .itemNum8 .contItem:nth-child(n+7) {margin-top: 0;}
.comChartList01 .chartCont .itemNum8 .contItem:first-child:before {content: none !important;}
.comChartList01 .chartCont .itemNum8 .contItem:nth-child(n):before {content: ''; position: absolute; left: 0; top: 33px; width: calc((100% - 67px) / 2); border-bottom: 1px dashed #231815;}
.comChartList01 .chartCont .itemNum8 .contItem:nth-child(n):after {content: ''; position: absolute; right: 1px; top: 33px; width: calc((100% - 67px) / 2); border-bottom: 1px dashed #231815;}
.comChartList01 .chartCont .itemNum8 .contItem:last-child:after {content: none;}
.comChartList01 .chartCont .itemNum8 .contItem {width: calc(100% / 8);}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .comChartList01 {}
    .comChartList01 .chartListGrp {padding: 30px 18px 34px; border-radius: 7px;}
    .comChartList01 .chartTit {}
    .comChartList01 .chartTit .tit {padding: 8px 24px 8px 44px; border-radius: 18px; background-position: 16px 12px; background-size: 14px; font-size: 15px;}
    .comChartList01 .chartCont {margin-top: 34px;}
    .comChartList01 .chartCont .contItem {flex-direction: row; align-items: flex-start; width: 50%; margin-top: 16px;}
    .comChartList01 .chartCont .contItem:nth-child(n+7) {margin-top: 16px;}
    .comChartList01 .chartCont .contItem:nth-child(-n+2) {margin-top: 0;}
    .comChartList01 .chartCont .contItem:nth-child(odd) {padding-right: 10px;}
    .comChartList01 .chartCont .contItem:before {content: none;}
    .comChartList01 .chartCont .contItem:after {content: none;}
    .comChartList01 .chartCont .contItem .num {flex-shrink: 0; width: 45px; height: 45px; padding-top: 8px; background-size: 45px; font-size: 17px;}
    .comChartList01 .chartCont .contItem:first-child .num {background-image: url(/common/images/common/chart_num_bg01_mob.png);}
    .comChartList01 .chartCont .contItem:nth-child(2) .num {background-image: url(/common/images/common/chart_num_bg02_mob.png);}
    .comChartList01 .chartCont .contItem:nth-child(3) .num {background-image: url(/common/images/common/chart_num_bg03_mob.png);}
    .comChartList01 .chartCont .contItem:nth-child(4) .num {background-image: url(/common/images/common/chart_num_bg04_mob.png);}
    .comChartList01 .chartCont .contItem:nth-child(5) .num {background-image: url(/common/images/common/chart_num_bg05_mob.png);}
    .comChartList01 .chartCont .contItem:nth-child(6) .num {background-image: url(/common/images/common/chart_num_bg06_mob.png);}
    .comChartList01 .chartCont .contItem:nth-child(7) .num {background-image: url(/common/images/common/chart_num_bg01_mob.png);}
    .comChartList01 .chartCont .contItem:nth-child(8) .num {background-image: url(/common/images/common/chart_num_bg02_mob.png);}
    .comChartList01 .chartCont .contItem:nth-child(9) .num {background-image: url(/common/images/common/chart_num_bg03_mob.png);}
    .comChartList01 .chartCont .contItem .txt {width: calc(100% - 45px); padding: 12px 0 0 8px; font-size: 15px; text-align: left;}
    .comChartList01 .chartCont .contItem .pcBr {display: none;}

    .comChartList01 .chartCont .itemNum3 {justify-content: flex-start;}
    .comChartList01 .chartCont .itemNum3 .contItem {width: 50%;}
    .comChartList01 .chartCont .itemNum4 {justify-content: flex-start;}
    .comChartList01 .chartCont .itemNum4 .contItem {width: 50%;}
    .comChartList01 .chartCont .itemNum5 {justify-content: flex-start;}
    .comChartList01 .chartCont .itemNum5 .contItem {width: 50%;}

    /*20230216 8개일 경우*/
    .comChartList01 .chartCont .itemNum8 {justify-content: flex-start;}
    .comChartList01 .chartCont .itemNum8 .contItem {width: 100%;}
    .comChartList01 .chartCont .itemNum8 .contItem:nth-child(n) {margin-top:16px !important;}
    .comChartList01 .chartCont .itemNum8 .contItem:before {content: none !important;}
    .comChartList01 .chartCont .itemNum8 .contItem:after {content: none !important;}
}

/* --------------------------------- 이미지 Box 타입 --------------------------------- */
.comImgBox {}
.comImgBox .imgBoxGrp {padding: 30px; border: 1px solid #ccc; border-radius: 22px; background: #fafafa;}
.comImgBox .imgBoxGrp.wBg {background:#fff;}
.comImgBox .boxTit {}
.comImgBox .boxTit .tit {display: inline-block; padding: 10px 28px 10px 52px; border-radius: 22px; background: #2a2b2b url(/common/images/common/icon_self_measure_tit01.png) 20px 15px no-repeat; color: #fff; font-size: 18px; font-weight: 700;}
.comImgBox .boxCont {margin-top: 23px; display: flex; flex-wrap: wrap; justify-content: center; align-items: center; column-gap: 20px;}
.comImgBox .boxCont .mView {display: none;}
.comImgBox .boxCont .imgWrap {position: relative;}
.comImgBox .boxCont .imgWrap img {max-width: 100%;}
.comImgBox .boxCont .imgWrap p {margin-top: 5px; font-size: 16px; font-weight: 500; text-align: center;}
.comImgBox .boxCont .imgWrap p.left {text-align:left;}
.comImgBox .boxCont .reference {width: 100%; margin-top: 10px; font-size: 13px; font-weight: 500; text-align: right;}
/* 기존 .comImgBox .boxCont .dsplyNone {font-size: 0; line-height: 0; position: absolute; top: -1px; right: -1px; visibility: hidden;} */
.comImgBox .boxCont .dsplyNone {font-size: 0; line-height: 0; position: absolute; top: -1px; right: -1px; opacity: 0.01; width: 1px; height: 1px; overflow: hidden;} /* 20230412 접근성 수정 */

.comImgBox.bgWhite .imgBoxGrp {background: #fff;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .comImgBox {}
    .comImgBox .imgBoxGrp {padding: 30px 18px 34px; border-radius: 7px;}
    .comImgBox .boxTit .tit {padding: 8px 24px 8px 44px; border-radius: 18px; background-position: 16px 12px; background-size: 14px; font-size: 15px;}
    .comImgBox .boxCont {margin-top: 34px;}
    .comImgBox .boxCont .imgWrap p {font-size: 14px; }
    .comImgBox .boxCont .mView {display: inline-block;}
    .comImgBox .boxCont .pcView {display: none;}

}

/* --------------------------------- 이미지 리스트 (일반) --------------------------------- */
.comBasicImgList {}
.comBasicImgList > ul {display: flex;}
.comBasicImgList .imgItem {}
.comBasicImgList .imgItem img {vertical-align: top;}

.comBasicImgList .imgItem .copyrightMarkImg {max-width: 200px;}
.comBasicImgList .imgItem .copyrightMarkImg img {width: 100%;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .comBasicImgList .imgItem .copyrightMarkImg {max-width: 214px;}
}


/* --------------------------------- 이미지 리스트 (border) --------------------------------- */
.comBdrImgList {}
.comBdrImgList > ul {display: flex; column-gap: 20px;}
.comBdrImgList .imgItem {width: 226px; padding: 15px 0px; border: 1px solid #ccc; text-align: center;}
.comBdrImgList .imgItem img {width: 100%; height: 100%; object-fit: cover;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .comBdrImgList .imgItem {max-width: 364px; width: 100%; padding: 12px 0;}
}

/* --------------------------------- 컨텐츠 하단 출처표시 --------------------------------- */
.comCopyright {margin-top: 100px;}
.comCopyright .copyrightCont {display: flex; justify-content: flex-end; align-items: center; padding-top: 22px; border-top: 1px solid #e9eaef;}
.comCopyright .copyrightCont .desc {margin-right: 14px; font-size: 13px; font-weight: 500; text-align: right;}
.comCopyright .copyrightCont .mark {}
.comCopyright .copyrightCont .mark img {max-width: 110px; vertical-align: top;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .comCopyright {margin-top: 62px;}
    .comCopyright .copyrightCont {padding-top: 10px;}
    .comCopyright .copyrightCont .desc {margin-right: 6px; line-height: 1.4;}
    .comCopyright .copyrightCont .mark img {max-width: 98px;}
    .comCopyright .copyrightCont .pcBr {display: none;}
}


/* ------------------------------------------------------------------------------------------------------ */
/* --------------------------------------- Form Group --------------------------------------- */
/* ------------------------------------------------------------------------------------------------------ */

/* 버튼그룹 */
.comBtnGroup {margin: 40px 0;}
.comBtnGroup:last-child {margin-bottom: 0;}
.comBtnGroup .btnArea {text-align: center; display: flex; align-items: center; justify-content: center;}
.comBtnGroup .btnArea.right {justify-content: flex-end;}
.comBtnGroup .btnArea.two {}
.comBtnGroup .btnArea.two .btn {width: calc(50% - 5px); margin-right: 7px;}
.comBtnGroup .btnArea.two .btn:last-child {margin-right: 0;}
.comBtnGroup .btnArea.two .btnLogin {width: calc(50% - 5px); margin-right: 7px;}
.comBtnGroup .btnArea.two .btnLogin:last-child {margin-right: 0;}
.comBtnGroup .btnArea.thr {}

.comBtnGroup.pop {margin-top: 60px;}
.comBtnGroup.mid {margin:40px 0;}
.comBtnGroup.line {margin-top: 30px; padding-top: 35px; border-top: 1px dashed #939393;}

/* 버튼 */
.btn {display: inline-block; text-align: center; margin-right: 7px; vertical-align: middle;}
.btn:last-child {margin-right: 0;}

/* 버튼 - 칼라 */
.btn.red {}
.btn.blue {background: #0082cd; border: 1px solid #0082cd; color: #fff;}
.btn.ocean {background: #1b2573; border: 1px solid #1b2573; color: #fff;}
.btn.ocean:focus-visible {outline: 2px solid #00a2ff; outline-offset: -1px;}
.btn.navy {background: #191c38; border: 1px solid #191c38; color: #fff;}
.btn.navy:focus-visible {outline: 2px solid #00a2ff; outline-offset: -1px;}
.btn.dark {background: #333; border: 1px solid #333; color: #fff;}
.btn.dark:focus-visible {outline: 2px solid #00a2ff; outline-offset: -1px;}
.btn.grey {background: #757575; border: 1px solid #757575; color: #fff;}
.btn.sky {background-color: #13bfd6; border: 1px solid #13bfd6; color: #fff;}
/* 2023.04.12 접근성 버튼 컬러 수정 */
.btn.newSky {background-color: #191C38; border: 1px solid #191C38; color: #fff;}


.btn.blueLine {border: 1px solid #0050a9; color: #0050a9;}
.btn.bkLine {border: 1px solid #000000; color: #000000;}
.btn.grLine {border: 1px solid #999; color: #333; background: #fff;}

/* 버튼 용도 */
.btn.curd {min-width: 115px; height: 45px; padding: 0 22px; border-radius: 4px; line-height: 44px; font-size: 15px;}
.btn.formBtn {min-width: 125px; height: 45px;font-size: 14px;}
.btn.pickL {width: 100%; height: 60px; border-radius: 4px; line-height: 58px; font-size: 18px; font-weight: 500; flex-basis: 50%; flex-grow: 1;}
.btn.pickM {width: 100%; max-width: 245px;height: 60px; border-radius: 4px; line-height: 59px; font-size: 18px; font-weight: 500; flex-basis: 50%; flex-grow: 1;}
.btn.step {min-width: 200px; height: 65px; border-radius: 14px; line-height: 64px; font-size: 18px; font-weight: 500; padding-left: 40px; padding-right: 85px; background-image: url(/common/images/common/arw_btn_right.png); background-repeat: no-repeat; background-position: calc(100% - 40px) center;}
.btn.step.prev {padding-left: 85px; padding-right: 40px; background-image: url(/common/images/common/arw_btn_left.png);background-position: 40px center;}
.btn.tableBtn {min-width: 90px; padding: 0 12px; height: 28px;border-radius: 4px; font-size: 13px; font-weight: 500; line-height: 26px; }
.btn.shrtCtBtn {width: 300px; height: 50px; border-radius: 6px; padding: 0 60px 0 25px; text-align: left; line-height: 49px; font-size: 16px; color: #fff; font-weight: 500; background-image: url(/common/images/common/arw_next2_w.png); background-position: calc(100% - 26px) center; background-repeat: no-repeat;}
.btn.shrtCtBtn.navy {background-image: url(/common/images/common/arw_next2.png);}
.btn.shrtCtBtn.sky {background-color:#191c38;border: 1px solid #191c38; }

/* 버튼 사이즈 */
.btn.fix {width: 200px; min-width: none !important; padding: 0 !important;}

/* 버튼 배경 */
.btn.list {padding : 0 0 0 35px; background-image: url(/common/images/common/icon_list.png); background-position: 28px center; background-repeat: no-repeat;}
.btn.search {padding-right: 20px; background-image: url(/common/images/common/icon_search.png); background-position: calc(100% - 29px) center; background-repeat: no-repeat; background-size: 18px;}
.btn.arrw {padding-right: 50px; padding-left: 30px; background-image: url(/common/images/common/arw_btn_right.png); background-position: calc(100% - 18px) center; background-repeat: no-repeat;}
.btn.check {padding-right: 50px; padding-left: 30px; background-image: url(/common/images/common/icon_check.png); background-position: calc(100% - 18px) center; background-repeat: no-repeat;}
.btn.check2 {padding-right: 65px; padding-left: 35px; background-image: url(/common/images/common/icon_check03.png); background-position: calc(100% - 20px) center; background-repeat: no-repeat;}
.btn.file {padding-right: 28px; background-image: url(/common/images/common/icon_folder.png); background-position: calc(100% - 18px) center; background-repeat: no-repeat;}
.btn.onepass {padding-left: 50px; background-image: url(/common/images/common/onepass_icon.png); background-position: 20px center; background-repeat: no-repeat; font-weight: 500; padding-top: 2px;}
.btn.measure {padding-right: 50px; background-image: url(/common/images/common/icon_measure.png); background-position: calc(100% - 14px) center; background-repeat: no-repeat; }
.btn.link {padding-right: 30px; background-image: url(/common/images/common/arw_next_white.png); background-position: calc(100% - 8px) center; background-repeat: no-repeat; background-size: 12px;}
.btn.movie {padding-right: 50px; background-image: url(/common/images/common/icon_movieS.png); background-position: calc(100% - 16px) center; background-repeat: no-repeat;}/* 20230417 임시삭제*/
.btn.music {padding-right: 30px; background-image: url(/common/images/common/icon_music.png); background-position: calc(100% - 8px) center; background-repeat: no-repeat;}

.btn.formBtn.check {padding-left: 17px;word-wrap: normal;}
.btn.tableBtn.measure {padding-right: 36px;background-size: 22px;background-position: calc(100% - 8px) center;}
.btn.tableBtn.movie {padding-right: 36px;background-size: 17px;background-position: calc(100% - 8px) center;}
.btn.tableBtn.mobSmall {}
.btn.tableBtn.mobSmall .mobBr {display: none;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .comBtnGroup {margin: 20px 0;}
    /* .comBtnGroup .btnArea.two {}
    .comBtnGroup .btnArea.two .btn {width: calc(50% - 5px); margin-right: 7px;}
    .comBtnGroup .btnArea.two .btn:last-child {margin-right: 0;}
    .comBtnGroup .btnArea.two .btnLogin {width: calc(50% - 5px); margin-right: 7px;}
    .comBtnGroup .btnArea.two .btnLogin:last-child {margin-right: 0;}
    .comBtnGroup .btnArea.thr {} */
    
    /* .comBtnGroup.pop {margin-top: 60px;}
    .comBtnGroup.mid {margin:40px 0;}
    .comBtnGroup.line {margin-top: 30px; padding-top: 35px; border-top: 1px dashed #939393;} */
    
    /* 버튼 용도 */
    .btn.curd {min-width: 84px; height: 33px; padding: 0 4px; border-radius: 2px; line-height: 30px; font-size: 13px;}
    .btn.formBtn {min-width: 100px; padding: 0 5px; height: 40px;}
    .btn.pickL {border-radius: 5px; font-size: 17px;}
    .btn.pickM {max-width:none; border-radius: 5px; font-size: 17px;}
    .btn.step {width: 100%; min-width: auto; height: 60px; border-radius: 30px; line-height: 59px; font-size: 18px; padding: 0 15px 0 0; background-position: calc(100% - 21px) center; background-size: 22px; white-space: nowrap;}
    .btn.step.prev {padding: 0 0 0 15px; background-position: 21px center;}
    .btn.shrtCtBtn {width: 50%; height: 42px; border-radius: 21px; padding: 0 45px 0 20px; line-height: 41px; font-size: 14px; background-position: calc(100% - 15px) center; background-size: 29px; overflow: hidden;}

    /* 버튼 배경 */
    .btn.list {padding:0 0 0 19px; background-size: 11px;background-position: 15px center;}
    .btn.search {padding-right: 30px; background-position: calc(100% - 13px) center; background-size: 18px;}
    .btn.check {padding-right: 35px;padding-left: 25px; background-position: calc(100% - 11px) center;}
    .btn.check2 {padding-right: 42px; padding-left: 20px; background-position: calc(100% - 20px) center; background-size: 25px;}
    /*.btn.file {padding-right: 28px; background-image: url(/common/images/common/icon_folder.png); background-position: calc(100% - 18px) center; background-repeat: no-repeat;}
    .btn.onepass {padding-left: 50px; background-image: url(/common/images/common/icon_onepass.png); background-position: 37px center; background-repeat: no-repeat; font-weight: 700;} */
    .btn.measure {max-width: 180px; width: calc(50% - 3.5px); padding: 0 38px 0 22px; background-position: calc(100% - 18px) center; background-size: 20px; text-align: left;}
    .btn.movie {max-width: 180px; width: calc(50% - 3.5px); padding: 0 38px 0 22px; background-position: calc(100% - 22px) center; background-size: 16px; text-align: left;}

    .btn.tableBtn.mobSmall {min-width: 0; width: 100%; height: auto; padding: 2px 4px; line-height: 1.3;}
    .btn.tableBtn.mobSmall .mobBr {display: inline;}

}


/* ------------------------------------------------------------------------------------------------------ */
/* --------------------------------------- 개별 CSS(공통요소 아님) --------------------------------------- */
/* ------------------------------------------------------------------------------------------------------ */

/* ----------------------------------------- Form Group ----------------------------------------- */
/* ----------------------------------------- Compnent Name ----------------------------------------- */
/* ----------------------------------------- Common Name ----------------------------------------- */


/* Component Type */
/* Common Type */
/* Form Name or Form Type */


/* 컨텐츠 별 간격 예외사항 */
/* 알림박스 */
.comSubtit + .comNotion {margin-top: 0;} /* 서브타이틀 + 알림박스 */

/* 컨텐츠 그룹 */
.comNotion + .cptContGrp {margin-top: 36px;} /* 알림박스 + 컨텐츠 그룹 */
.cptContGrp + .cptContGrp {margin-top: 45px;}/* 컨텐츠 그룹 + 컨텐츠 그룹 */

.cptContGrp .comContTit + .contDescArea {margin-top: 24px;}

/* 컨텐츠 타이틀 */
.cptContGrp + .comContTit {margin-top: 46px;}/* 컨텐츠 그룹 + 컨텐츠 타이틀 */
/* .cptContGrp .paraBasic + .comContTit {margin-top: 46px;} */
.comTableList + .comContTit {margin-top: 36px;}/* 일반테이블 + 컨텐츠 타이틀 */
.comTableBasic + .comContTit {margin-top: 36px;}/* 일반테이블 + 컨텐츠 타이틀 */
.comNotion + .comContTit {margin-top: 46px;}/* 알림박스 + 컨텐츠 타이틀 */
.comFormGroup + .comContTit {margin-top: 50px;} /* 폼그룹 + 컨텐츠 타이틀 */

/* 컨텐츠 설명 타이틀 */
.cptContGrp .paraBasic + .comDefTit {margin-top: 38px;}
.cptContGrp .hyphenList + .comDefTit {margin-top: 38px;}
.cptContGrp .imgDesc + .comDefTit {margin-top: 38px;}
.comTableBasic + .comDefTit {margin-top: 30px;}

/* 컨텐츠 하위 소 타이틀 */
.cptContGrp .paraBasic + .comDotTit {margin-top: 18px;}

/* 컨텐츠 일반 텍스트 */
.cptContGrp .infoBoxBasic + .paraBasic {margin-top: 36px; padding-left: 24px;}
.cptContGrp .comTableBasic + .paraBasic {margin-top: 30px;}
.cptContGrp .comDefTit + .paraBasic.descrType {margin-top: -4px;}
.cptContGrp .defDotList + .paraBasic {margin-top: 30px;}
.cptContGrp .imgDesc + .paraBasic {margin-top: 30px;}
.cptContGrp .hyphenList + .paraBasic {margin-top: 16px;}
.cptContGrp .comNotion + .paraBasic {margin-top: 30px;}
.comGradeTit + .cptContGrp .paraBasic {padding-left: 0;} /* 인증기준 타이틀 하단 텍스트 */

/* 컨텐츠 그룹 - 기본 hyphen 리스트 */
.cptContGrp .paraBasic + .hyphenList {margin-top: 6px;}
.cptHorizScroll .horizScrollArea + .hyphenList {margin-top: 10px;} /* 가로 스크롤 영역내에서 스크롤 적용되지 않는 하단에 들어갈때 */

/* 컨텐츠 그룹 - 설명형 텍스트 (주로 타이틀과 세트)*/
.cptContGrp .defTit + .defDotList {margin-top: 12px; padding-left: 34px;}

/* 컨텐츠 그룹 - 기본 dot 리스트 */
.comDefTit02 + .dotListBasic {padding-left: 0;}
.cptContGrp .paraBasic + .dotListBasic {margin-top: 16px;}
.cptContGrp .hyphenList + .dotListBasic {margin-top: 12px;}
.cptContGrp .infoBoxBasic + .paraBasic + .dotListBasic {padding-left: 24px;}
.comTableBasic .tableMain tbody .left .paraBasic + .dotListBasic {padding-left: 0;}

/* 컨텐츠 그룹 - 숫자 리스트 */
.cptContGrp .comContTit + .listRoundNum {padding-left: 32px;}
.cptContGrp .comDefTit + .listRoundNum {padding-left: 32px;}
.cptContGrp .comDotTit + .listRoundNum {padding-left: 32px;}
.cptContGrp .paraBasic.descrType + .listRoundNum {margin-top: 14px;}
.cptContGrp .contDescArea .comContTit + .paraBasic.descrType + .listRoundNum {padding-left: 32px;}
.cptContGrp .paraBasic .listRoundNum {margin-top: 14px;}

/* 컨텐츠 그룹 - 이미지 설명문 */
.comTableBasic + .imgDesc {margin-top: 45px;}
.cptContGrp .comDotTit + .imgDesc {padding-left: 32px;}

/* 테이블 탑 */
.cptContGrp .paraBasic + .comBoardTop {margin-top: 20px;}

/* 기본 테이블 */
.comTableBasic + .comTableBasic {margin-top: 20px;}
.cptContGrp .paraBasic + .comTableBasic {margin-top: 45px;}
.cptContGrp .imgDesc + .comTableBasic {margin-top: 38px;}
.cptContGrp .hyphenList + .comTableBasic {margin-top: 45px;}
.cptHorizScroll .comDotTit + .horizScrollArea > .comTableBasic {padding-left: 32px;} /* 가로스크롤 영역 내에서 컨텐츠 하위 소 타이틀 다음에 테이블이 오는 경우 패딩 추가 */

/* 설문 테이블 */
.cptContGrp + .cptSurveyTable {margin-top: 25px;} /* 컨텐츠 설명문 + 설문테이블 */

/* 인풋입력 테이블 */
.cptTableBasic + .cptInputTable {margin-top: 30px;} /* 일반 테이블 + 인풋입력테이블 */
.comTableBasic + .cptInputTable {margin-top: 16px;}

/* 자가 체력측정 가이드 */
.modTabList02 + .cptSelfGuide {margin-top: 38px;}
.cptSelfGuide + .cptSelfGuide {margin-top: 30px;}

/* 가입 cpt */
.cptSurveyTable + .cptJoin {margin-top: 45px;} /* 설문 테이블 + 약관 */

/* 폼 그룹 */
.comFormGroup + .comFormGroup {margin-top: 40px;} /* 폼그룹 + 폼그룹 */

/* 국민체력인증 > 인증기준 - 스크롤 이동 탭 */
.comContTit + .comGradeLink {margin-top: 30px;}

/* 국민체력인증 > 인증기준 - 타이틀 */
.cptHorizScroll + .comGradeTit {margin-top: 70px;}

/* 리스트형 차트 01 */
.cptContGrp .paraBasic + .comChartList01 {margin-top: 20px;}

/*  이미지 리스트 (일반) */
.comContTit + .comBasicImgList {padding-left: 32px;}

/* 컨텐츠 하단 출처표시 */
.cptBoxCont .contGroup + .comCopyright {margin-top: 50px;}

/* 박스형 컨텐츠 */
.cptBoxCont .comDefTit + .shortPar {padding-left: 32px;}
.cptBoxCont .comDefTit + .roundNumList {padding-left: 32px;}
.cptBoxCont .comDefTit + .shortPar + .roundNumList {margin-top: 16px; padding-left: 32px;}
.cptBoxCont .comDefTit + .basicDotList {padding-left: 32px;}
.cptBoxCont .comDefTit + .shortPar + .basicDotList {margin-top: 16px; padding-left: 32px;}

.modPopup .comTableBasic + .comImgBox {margin-top: 20px;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    /* 컨텐츠 그룹 */
    .cptContGrp + .cptContGrp {margin-top: 30px;}/* 컨텐츠 그룹 + 컨텐츠 그룹 */

    /* 컨텐츠 그룹 - 일반 텍스트 */
    .cptContGrp .comDefTit + .paraBasic.descrType {margin-top: 0;}
    
    /* 컨텐츠 그룹 - 기본 hyphen 리스트 */
    .cptContGrp .paraBasic + .hyphenList {margin-top: 8px;}
    .cptHorizScroll .horizScrollArea + .hyphenList {padding-left: 0;} /* 가로 스크롤 영역내에서 스크롤 적용되지 않는 하단에 들어갈때 */

    /* 컨텐츠 타이틀 */
    .cptContGrp + .comContTit {margin-top: 36px;} /* 컨텐츠 그룹 + 컨텐츠 타이틀 */
    .comNotion + .comContTit {margin-top: 36px;}/* 알림박스 + 컨텐츠 타이틀 */

    /* 컨텐츠 하위 소 타이틀 */
    .cptContGrp .paraBasic + .comDotTit {margin-top: 10px;}

    /* 가입 cpt */
    .cptSurveyTable + .cptJoin {margin-top: 30px;} /* 설문 테이블 + 약관 */

    /* 국민체력인증 > 인증기준 - 스크롤 이동 탭 */
    .comContTit + .comGradeLink {margin-top: 16px;}

    /* 컨텐츠 그룹 - 숫자 리스트 */
    .cptContGrp .comContTit + .listRoundNum {padding-left: 16px;}
    .cptContGrp .comDefTit + .listRoundNum {padding-left: 16px;}
    .cptContGrp .comDotTit + .listRoundNum {padding-left: 16px;}

    .cptContGrp .contDescArea .comContTit + .paraBasic.descrType + .listRoundNum {padding-left: 22px;}

    /* 컨텐츠 그룹 - 이미지 설명문 */
    .comTableBasic + .imgDesc {margin-top: 25px;}
    .cptContGrp .comDotTit + .imgDesc {padding-left: 0;}

    /* 기본 테이블 */
    .cptContGrp .paraBasic + .comTableBasic {margin-top: 24px;}
    .cptContGrp .hyphenList + .comTableBasic {margin-top: 24px;}
    .cptContGrp .comContTit + .paraBasic + .comTableBasic {padding-left: 0;}
    .cptHorizScroll .comDotTit + .horizScrollArea > .comTableBasic {padding-left: 0;}

    /*  이미지 리스트 (일반) */
    .comContTit + .comBasicImgList {padding-left: 0;}

    /* 박스형 컨텐츠 */
    .cptBoxCont .comDefTit + .shortPar {padding-left: 23px;}
    .cptBoxCont .comDefTit + .roundNumList {padding-left: 23px;}
    .cptBoxCont .comDefTit + .shortPar + .roundNumList {margin-top: 8px; padding-left: 23px;}
    /* .cptBoxCont .comDefTit + .basicDotList {padding-left: 32px;} */
    .cptBoxCont .comDefTit + .shortPar + .basicDotList {margin-top: 8px; padding-left: 23px;}
}

/*체력증진교실 신체활동 팝업 관련 css*/
.mapArea {position:relative;}
.mapLink {position:absolute; bottom:0; left:0; width:100%; height:100%; }
.mapLink.pcLnk a {position:absolute; top:0; left:0; width:10.3%; height:8.9%; font-size:0;}
.mapLink.pcLnk a.lnk01 {top:88.6%; left:4.5%;}
.mapLink.pcLnk a.lnk02 {top:88.6%; left:25.1%;}
.mapLink.pcLnk a.lnk03 {top:62.3%; left:38.5%;}
.mapLink.pcLnk a.lnk04 {top:68.2%; left:57.98%}
.mapLink.pcLnk a.lnk05 {top:68.1%; left:76.57%}

.mapLink.mLnk a {position:absolute; top:0; left:0; width:21.5%; height:6.5%; font-size:0;}
.mapLink.mLnk a.lnk01 {top:92.2%; left:16%;}
.mapLink.mLnk a.lnk02 {top:92.2%; left:62.7%;}
.mapLink.mLnk a.lnk03 {top:51.1%; left:24.3%;}
.mapLink.mLnk a.lnk04 {top:63.66%; left:50.42%;}
.mapLink.mLnk a.lnk05 {top:63.66%; left:74.14%;}

.selfTestBox {position:absolute; top:0; left:0; width:100%; height:100%; }
.selfTestBox .selfTestList a {position:absolute; top:0; left:0; font-size:0;}
.selfTestBox .selfTestList a.start {width:16.2%; height:6.8%; top:2.3%; left: 41.8%;}
.selfTestBox .selfTestList a.q1 {width:51.9%; height:10.9%; top:12.43%; left:24.15%;}
.selfTestBox .selfTestList a.q1no {width:10.2%; height:6.3%; top:26.08%; left:38.34%;}
.selfTestBox .selfTestList a.q1yes {width:10.2%; height:6.3%; top:26.08%; left:51.68%;}
.selfTestBox .selfTestList a.q2 {width:33.31%; height:10.99%; top:35.92%; left:14.28%;}
.selfTestBox .selfTestList a.q2no {width:10.2%; height:6.3%; top:50.27%; left:19.32%;}
.selfTestBox .selfTestList a.q2yes {width:10.2%; height:6.3%; top:50.27%; left:32.56%;}
.selfTestBox .selfTestList a.q3 {width:36.44%; height:14.48%; top:35.92%; left:52.94%;}
.selfTestBox .selfTestList a.q3no {width:10.2%; height:6.3%; top:54.09%; left:60.50%;}
.selfTestBox .selfTestList a.q3yes {width:10.2%; height:6.3%; top:54.09%; left:73.64%;}
.selfTestBox .selfTestList a.q4 {width:34.36%; height:10.99%; top:62.32%; left:2.3%;}
.selfTestBox .selfTestList a.q4no {width:10.2%; height:6.3%; top:76.89%; left:8.19%;}
.selfTestBox .selfTestList a.q4yes {width:10.2%; height:6.3%; top:76.89%; left:21.32%;}

.popupContGroup .paraBasic, /*팝업내 좌측 패딩 제거*/
.comTableBasic .dotListBasic {padding-left:0 !important;} /*표 내 점 컨텐츠 좌측 패딩 제거*/
.alphabet .imgDesc {align-items:center;}
.alphabet .imgDesc .imgWrap {min-width:120px;}

/*20230216 신규레이아웃 추가 */
.cptStepList {padding: 40px; margin-bottom: 20px; border: 1px solid #ccc; border-radius: 22px; background: #fafafa;}
.cptStepList .stepTitCov {margin-bottom:30px;}
.cptStepList .stepTitCov .title {font-size:18px; color:333; font-weight:bold; line-height:35px; letter-spacing:-0.05em;}
.cptStepList .stepListCov ul {display: flex; flex-wrap: wrap;}
.cptStepList .stepListCov ul li {display: flex; flex-flow:column wrap; align-items: start; position: relative; width: calc(100% / 5); text-align:left;}
.cptStepList .stepListCov ul li::before {content: none;}
.cptStepList .stepListCov ul li::after {content: ''; position: absolute; right: 0; top: 0; width:100%; border-bottom: 1px dashed #231815; z-index:1;}
.cptStepList .stepListCov ul li .stepDot {position:relative; display:block; width:17px; height:17px; background:#0081cc; border:1px solid #0081cc; border-radius:50%; box-sizing:border-box; margin-top:-8px; z-index:99;}
.cptStepList .stepListCov ul li.lastStep .period {position:absolute; top:0; right:0; width:9px; height:9px; background:#000; border:1px solid #000; border-radius:50%; box-sizing:border-box; margin-top:-4px; z-index:99;}
.cptStepList .stepListCov ul li p.stepTxt {margin-top:16px; font-size:16px; color:#333; font-weight:bold; line-height:1; letter-spacing:-0.05em;}
.cptStepList .stepListCov ul li p.contTxt {margin-top:7px; font-size:15px; color:#666; font-weight:bold; line-height:1; letter-spacing:-0.05em;}
@media all and (max-width:767px) {
    .cptStepList {padding:20px; display:flex; flex-flow:row nowrap;}
    .cptStepList .mArr {margin-right:13.33px;}
    .cptStepList .stepTitCov {margin:12px 0 23px 0;}
    .cptStepList .mArr img {width:16px;}
    .cptStepList .stepTitCov .title {font-size:15px; line-height:1;}
    .cptStepList .stepListCov ul li {flex-flow:row nowrap; width:100%; height:33.3333px;}
    .cptStepList .stepListCov ul li::before {content: ''; position: absolute; left: 0; top: 0; width:1px; height:100%; border-left: 1px dashed #231815; z-index:1;}
    .cptStepList .stepListCov ul li::after {content: none;}
    .cptStepList .stepListCov ul li:last-of-type::before {content: none;}
    .cptStepList .stepListCov ul li .stepDot {margin-top:0; width:13px; height:13px; margin-left:-5px;}
    .cptStepList .stepListCov ul li.lastStep .period {display:none}
    .cptStepList .stepListCov ul li p.stepTxt {margin-top:0; font-size:15px; color:#333; font-weight:bold; line-height:1; letter-spacing:-0.05em; margin:0 10px;}
    .cptStepList .stepListCov ul li p.contTxt {margin-top:0; font-size:13.33px; color:#666; font-weight:bold; line-height:1; letter-spacing:-0.05em;}
}