@charset "UTF-8";

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

/* Component margin bottom */
.mgContB {margin-bottom: 20px !important;}
.mgContBC {margin-bottom: 30px !important;}
.mgContB0 {margin-bottom: 0 !important;}

.mView {display: none;}

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

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

/* 로케이션 */
.comLocation {width: 100%; height: 53px; background: #ecf5fa;}
.comLocation .locaArea {width: 100%; max-width: 1240px; margin: 0 auto; padding: 15px 20px;}
.comLocation .location::after {display: block; content: ""; clear: both;}
.comLocation .location .item {margin-right: 24px; font-size: 15px; color: #757575; letter-spacing: -0.02em; float: left; position: relative;}
.comLocation .location .item:last-child {color: #000;}
.comLocation .location .item.home {width: 18px; height: 19px; font-size: 0; background: url(/common/images/common/icon_home.svg) center 2px no-repeat;}
.comLocation .location .item::after {display: block; content: ""; width: 5px; height: 5px; border-right: 1px solid #a8a8a8;border-bottom: 1px solid #a8a8a8; transform: rotate(-45deg); position: absolute; top: 9px; right: -14px;}
.comLocation .location .item:last-child:after {display: none;}

@media screen and (min-width: 100px) and (max-width: 1199px) {}
@media screen and (min-width: 100px) and (max-width: 767px) {
    .comLocation {background: none; height: auto; margin-bottom: 10px;}
    .comLocation .locaArea {padding: 0 20px;}
    .comLocation .location .item {font-size: 10px; font-weight: 500;}
    .comLocation .location .item.home {width: 13px; height: 15px; background: url(/common/images/common/icon_home_line.svg) center no-repeat;}
    .comLocation .location .item::after {width: 4px; height: 4px; border-color: #757575; top: 6px;}
}

/* 로그인 영역 타이틀 */
.comLoginTit {width: 100%;}
.comLoginTit .titArea {width: 100%; max-width: 1240px; margin: 0 auto; padding: 0 20px;}
.comLoginTit .tit {font-size: 45px; font-weight: 500; color: #000; text-align: center;}
.comLoginTit .desc {margin-top: 30px; font-size: 20px; color: #757575; line-height: 1.5; text-align: center;}
.comLoginTit .desc .blue {color: #0050a9;}
.comLoginTit .desc .red {color: #cb0000;}
.comLoginTit .desc b {font-size: 26px; color: #000; font-weight: 400;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .comLoginTit .titArea {padding: 0;}
    .comLoginTit .tit {font-size: 30px; text-align: left;}
    .comLoginTit .desc {font-size: 14px;text-align: left;}
    .comLoginTit .desc b {font-size: 18px;}
}

/* 과정 진행상황 */
.comStepProg {width: 100%; margin: 40px 0; padding-bottom: 14px; border-bottom: 1px solid #000;}
.comStepProg .stepArea::after {display: block; content: ""; clear: both;}
.comStepProg .stepTit {font-size: 22px; font-weight: 700; color: #000; letter-spacing: -0.05em; float: left;}
.comStepProg .stepProgress {float: right;}
.comStepProg .stepProgress .prog {margin-left:7px; line-height: 32px; display: inline-block; vertical-align: middle;}
.comStepProg .stepProgress .prog .step {width: 10px; height: 10px; border-radius: 50%; font-size: 0; background: #e5e5e5;}
.comStepProg .stepProgress .prog .step.ing {width: 32px; height: 32px; background: #0050a9; text-align: center;}
.comStepProg .stepProgress .prog .step.end {width: 32px; height: 32px; background: url(/common/images/common/icon_check_on.svg) center no-repeat;}
.comStepProg .stepProgress .prog .step .num {font-size: 18px; font-weight: 700; color: #fff;}

@media screen and (min-width: 100px) and (max-width: 767px){
    .comStepProg {margin: 25px 0; padding-bottom: 10px;}
    .comStepProg .stepTit {font-size: 13px; line-height: 21px;}
    .comStepProg .stepProgress .prog {margin-left:3px; line-height: 20px;}
    .comStepProg .stepProgress .prog .step.ing {width: 20px; height: 20px;}
    .comStepProg .stepProgress .prog .step.end {width: 20px; height: 20px; background-size: 20px;}
    .comStepProg .stepProgress .prog .step .num {font-size: 13px;}
}

/* 스크롤 가능한 dl문 */
.comScrlDesc {width: 100%; margin-bottom: 60px;}
.comScrlDesc .descArea .tit {font-size: 26px; font-weight: 500; color: #000;}
.comScrlDesc .descArea .desc {height: 250px; margin-top: 15px; padding: 30px 60px 30px 30px; font-size: 16px; color: #757575; line-height: 1.875; background: #f7f4f2; overflow-y: auto; word-break: keep-all;}
.comScrlDesc .descArea .desc.noScrl {height: auto; overflow-y: visible;}
.comScrlDesc .descArea .desc.small {height: auto; padding: 10px 20px;}
.comScrlDesc .descArea .desc.small .bold {font-weight: 500; color: #000;}
.comScrlDesc .descArea .desc b {color: #000; font-weight: 400;}
.comScrlDesc .descArea .desc .orderList .item {padding-left: 15px; text-indent: -15px; }
.comScrlDesc .descArea .desc .tRed {color: #cb0000;}
.comScrlDesc .descArea .desc .big {font-size: 18px;}
.comScrlDesc .descArea .desc a {font-weight: 500; color: #0050a9;}
.comScrlDesc .agreeArea {margin-top: 15px;}
.comScrlDesc .agreeArea::after {display: block; content: ""; clear: both;}
.comScrlDesc .agreeArea .confirm {font-size: 18px; font-weight: 500; color: #000; letter-spacing: -0.05em; line-height: 32px; float: left;}
.comScrlDesc .agreeArea .chkGroup {text-align: right; float: right;}
.comScrlDesc .agreeArea .chkGroup .unit {margin-left: 17px; display: inline-block; vertical-align: middle; position: relative;}
.comScrlDesc .agreeArea .chkGroup .unit:first-child {margin-left: 0;}
.comScrlDesc .agreeArea .chkGroup input[type=radio] {width: 1px; height: 1px; position: absolute; top: -1px; left: -1px; font-size: 0; opacity: 0.01;}
.comScrlDesc .agreeArea .chkGroup input[type=radio] + label {padding-left: 39px; line-height: 32px; font-size: 18px; font-weight: 500; letter-spacing: -0.05em; color: #000; background: url(/common/images/common/icon_check_off.svg) left center no-repeat; cursor: pointer; display: inline-block;}
.comScrlDesc .agreeArea .chkGroup input[type=radio]:checked + label {background-image: url(/common/images/common/icon_check_on.svg);}
.comScrlDesc .agreeArea .chkGroup input[type=checkbox] {width: 1px; height: 1px; position: absolute; top: -1px; left: -1px; font-size: 0; opacity: 0.01;}
.comScrlDesc .agreeArea .chkGroup input[type=checkbox] + label {padding-left: 39px; line-height: 32px; font-size: 18px; font-weight: 500; letter-spacing: -0.05em; color: #000; background: url(/common/images/common/icon_check_off.svg) left center no-repeat; cursor: pointer; display: inline-block;}
.comScrlDesc .agreeArea .chkGroup input[type=checkbox]:checked + label {background-image: url(/common/images/common/icon_check_on.svg);}

.comScrlDesc .agreeArea + .descArea {margin-top: 30px;}
.comScrlDesc .cptBultDesc {margin: 14px 0 30px;}

@media screen and (min-width: 100px) and (max-width: 767px){
    .comScrlDesc {margin-bottom: 30px;}
    .comScrlDesc .descArea .tit {font-size: 16px;}
    .comScrlDesc .descArea .desc {margin-top: 7px; padding: 20px; font-size: 13px;}
    .comScrlDesc .descArea .desc.noScrl {line-height: 1.538;}

    /* .comScrlDesc .descArea .desc.small {height: auto; padding: 10px 20px;}
    .comScrlDesc .descArea .desc.small .bold {font-weight: 500; color: #000;} 
    .comScrlDesc .descArea .desc .orderList .item {padding-left: 15px; text-indent: -15px; }
    .comScrlDesc .descArea .desc a {font-weight: 500; color: #0050a9;}*/
    .comScrlDesc .descArea .desc .big {font-size: 15px;}
    .comScrlDesc .agreeArea {margin-top: 14px;}
    .comScrlDesc .agreeArea .confirm {margin-bottom: 8px; font-size: 13px; line-height: 1.3; float: none;}
    .comScrlDesc .agreeArea .chkGroup {text-align: left; float: none;}
    .comScrlDesc .agreeArea .chkGroup input[type=radio] + label {padding-left: 25px; line-height: 20px; font-size: 14px; background-size: 20px;}
    .comScrlDesc .agreeArea .chkGroup input[type=checkbox] + label {padding-left: 25px; line-height: 20px; font-size: 14px;background-size: 20px;}
    
    .comScrlDesc .agreeArea + .descArea {margin-top: 30px;}
    .comScrlDesc .cptBultDesc {margin: 14px 0 30px;}
}

/* 전체동의 영역 */
.comAllAgree {width: 100%; margin: 40px 0;}
.comAllAgree .agreeArea {width: 100%; padding-bottom: 10px; border-bottom: 2px solid #000; text-align: right; position: relative;}
.comAllAgree .agreeWrap {position: relative;}
.comAllAgree .agreeWrap input[type=radio] {width: 1px; height: 1px; position: absolute; top: -1px; left: -1px; font-size: 0; opacity: 0.01;}
.comAllAgree .agreeWrap input[type=radio] + label {padding-left: 39px; line-height: 32px; font-size: 22px; font-weight: 500; color: #000; background: url(/common/images/common/icon_check_off.svg) left center no-repeat; cursor: pointer; display: inline-block;}
.comAllAgree .agreeWrap input[type=radio]:checked + label {background-image: url(/common/images/common/icon_check_on.svg);}
.comAllAgree .agreeWrap input[type=checkbox] {width: 1px; height: 1px; position: absolute; top: -1px; left: -1px; font-size: 0; opacity: 0.01;}
.comAllAgree .agreeWrap input[type=checkbox] + label {padding-left: 39px; line-height: 32px; font-size: 22px; font-weight: 500; color: #000; background: url(/common/images/common/icon_check_off.svg) left center no-repeat; cursor: pointer; display: inline-block;}
.comAllAgree .agreeWrap input[type=checkbox]:checked + label {background-image: url(/common/images/common/icon_check_on.svg);}

@media screen and (min-width: 100px) and (max-width: 767px){
    .comAllAgree {margin: 25px 0;}
    .comAllAgree .agreeWrap input[type=radio] + label {padding-left: 25px; line-height: 20px; font-size: 16px;background-size: 20px;}
    .comAllAgree .agreeWrap input[type=checkbox] + label {padding-left: 25px; line-height: 20px; font-size: 16px;background-size: 20px;}
}

/* 서브타이틀 */
.comSubtit {width:100%; margin-bottom: 30px;}
.comSubtit .subtitArea {padding-top: 20px;}
.comSubtit .subtit {font-size: 45px; font-weight: 500; color: #000; letter-spacing: -0.05em;}
.comSubtit .subtitTxt {margin: 25px 0 50px; font-size: 18px; color: #757575; line-height: 1.67;}
.comSubtit .subtitTxt b {font-size: 22px; font-weight: 500; color: #0050a9;}
.comSubtit .subtitTxt .txtBlue {color: #0050a9;}
.comSubtit .subtitTxt .bold {font-weight: 500;}
.comSubtit .pageDescTit {margin: 25px 0 50px; }
.comSubtit .pageDescTit .descTit {font-size: 36px; font-weight: 500; color: #0050a9; display: inline-block; vertical-align: bottom;}
.comSubtit .pageDescTit .descTxt {margin-left: 5px; font-size: 16px; color: #000; display: inline-block; vertical-align: bottom;}

.comSubtit .subtitTxt.txtBlack {color: #000000;}

@media screen and (min-width: 100px) and (max-width: 1199px) {}
@media screen and (min-width: 100px) and (max-width: 767px) {
    .comSubtit { margin-bottom: 35px;}
    .comSubtit .subtitArea {padding-top: 3px;}
    .comSubtit .subtit {font-size: 30px;}
    .comSubtit .subtitTxt {margin: 35px 0 25px; font-size: 16px; line-height: 1.375; word-break: keep-all;}
    .comSubtit .subtitTxt b {font-size: 16px;}
    .comSubtit .pageDescTit {margin: 30px 0 20px;}
    .comSubtit .pageDescTit .descTit {font-size: 20px; display: block;}
    .comSubtit .pageDescTit .descTxt {margin-left: 0; font-size: 12px; display: block;}
}

/* 서브-컨텐츠 타이틀 */
.comContTit {width: 100%; margin-bottom: 14px;}
.comContTit .contTitArea::after {display: block; content: ""; clear: both;}
.comContTit .contTit {padding-left: 12px; font-size: 26px; font-weight: 500; color: #000; position: relative; float: left;}
.comContTit .contTit::after {display: block; content: ""; width: 5px; height: 22px; background: #0050a9; position: absolute; top: 10px; left: 0;}
.comContTit .rightArea {float: right;}
.comContTit .addTxt {margin-left: 7px; font-size: 16px; font-weight: 400; color: #757575; display: inline-block;vertical-align: bottom;}
.comContTit .addTxt.vMD {vertical-align: middle;}
.comContTit .addTxt.black {color: #000;}
.comContTit .subDesc {margin-left: 7px; font-size: 18px; font-weight: 400; color: #000; display: inline-block;vertical-align: bottom;}
.comContTit .bold {font-size: 18px; font-weight: 500;}
.comContTit .tOrange {color: #f89321;}
.comContTit .tBlue {color: #0050a9;}
.comContTit .btnRefresh {width: 32px; height: 32px; margin-top: 5px;font-size: 0; background: url(/common/images/common/btn_refresh.svg) center no-repeat;}
.comContTit .btnDownload {padding-right: 37px; height: 32px; line-height: 32px;  font-size: 16px; color: #000; background: url(/common/images/common/btn_download_bgO.svg) right center no-repeat;}
.comContTit .rightArea .addTxt {padding-top: 15px;}
.comContTit .rightArea .btnDownload {margin-top: 7px;}

@media screen and (min-width: 100px) and (max-width: 1199px) {}
@media screen and (min-width: 100px) and (max-width: 767px) {
    .comContTit {margin-bottom: 8px; position: relative;}
    .comContTit .contTit {font-size: 18px;}
    .comContTit .contTit::after {height: 18px;top: 6px;}
    .comContTit .addTxt {font-size: 12px; word-break: keep-all;}
    .comContTit .contTit .addTxt {width: 100%; margin: 2px 0 0 -12px; vertical-align: top;}
    .comContTit .contTit .addTxt.tBlue {width: auto; margin: 0 0 0 5px;padding-right: 30px; vertical-align: bottom;}
    .comContTit .subDesc {width: 100%; margin: 2px 0 0 -12px; font-size: 12px; color: #757575; vertical-align: top;}
    .comContTit .bold {font-size: 12px; font-weight: 400;}
    .comContTit .rightArea .addTxt {padding-top:9px;}
    .comContTit .rightArea .btnRefresh {width: 24px; height: 24px; margin-top: 0; background-size: 24px; position: absolute; top: 0; right: 0;}
    .comContTit .btnDownload {padding-right: 0; width: 24px; height: 24px; line-height: 1; font-size:0; background-size: 24px;}
}

/* 서브-컨텐츠 타이틀텍스트 */
.comContTitTxt {width: 100%; margin-bottom: 20px;}
.comContTitTxt .cont {font-size: 16px; line-height: 1.56; color: #000; word-break: keep-all;}
.comContTitTxt .tBlue {color: #0050a9;}
.comContTitTxt b {font-weight: 500;}
.comContTitTxt .emp {margin-top: 15px; font-size: 20px; font-weight: 500; color: #000;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .comContTitTxt {margin-bottom: 10px;}
    .comContTitTxt .cont {font-size: 13px;}
    .comContTitTxt .emp {margin-top: 15px; font-size: 20px; font-weight: 500; color: #000;}
}


/* 서브 컨텐츠 이미지타이틀 */
.comIconTit {width: 100%; margin-bottom: 40px;}
.comIconTit .titArea {font-size: 0;}
.comIconTit .titArea:before {content: ''; display: block; float: left; width: 140px; height: 140px; background: url(/common/images/sub/icon_plan.svg) center no-repeat;}
.comIconTit .titArea:after {content: ''; display: block; clear: both;}
.comIconTit .cate {float: left; width: calc(100% - 140px); padding: 10px 0 0 20px; font-size: 26px; font-weight: 500; color: #000;}
.comIconTit .tit {float: left; width: calc(100% - 140px); margin-top: -7px; padding-left: 20px; font-size: 35px; font-weight: 500; color: #0050a9;}
.comIconTit .alert {float: left; width: calc(100% - 140px); margin-top: 6px; padding-left: 20px; font-size: 16px; color: #757575;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .comIconTit {margin-bottom: 30px;}
    .comIconTit .titArea:before {width: 80px; height: 80px; background-image: url(/common/images/sub/icon_plan_m.svg);}
    .comIconTit .cate {width: calc(100% - 80px); padding: 12.5px 0 0 10px; font-size: 18px;}
    .comIconTit .tit {width: calc(100% - 80px); margin-top: -4px; padding-left: 10px; font-size: 22px;}
    .comIconTit .alert {width: 100%; margin-top: 7px; padding-left: 0; font-size: 13px;}
}

/* 서브 컨텐츠 내부 서브타이틀 */
.comContSubtit {width: 100%; margin-bottom: 5px;}
.comContSubtit .titArea::after {display: block; content: ""; clear: both;}
.comContSubtit .subTit {padding-left: 17px; font-size: 22px; font-weight: 500; color: #000; position:relative; float: left;}
.comContSubtit .subTit::after {display: block; content: ""; width: 10px; height: 10px; border-radius: 50%; background: #f89321; position: absolute; left: 0; top: 13px;}
.comContSubtit .rightArea {float: right;}
.comContSubtit .addTxt {margin-left: 7px; font-size: 16px; font-weight: 400; color: #757575; display: inline-block;vertical-align: bottom;}
.comContSubtit .addTxt.black {color: #000;}
.comContSubtit .tOrange {color: #f89321;}
.comContSubtit .rightArea .addTxt {padding-top: 9px;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .comContSubtit {position: relative;}
    .comContSubtit .subTit {padding-left: 13px; font-size: 16px;}
    .comContSubtit .subTit::after { width: 8px; height: 8px; top: 9px;}
    .comContSubtit .addTxt {font-size: 12px; word-break: keep-all;}
}

/* 규정 안내용 타이틀 */
.comRegutit {width: 100%;}
.comRegutit .titArea {width: 100%;}
.comRegutit .tit {font-size: 16px; line-height: 1.56; color: #000; font-weight: 400;}
.comRegutit .bold {margin:6px 0; font-size: 18px; font-weight: 500; display: inline-block;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .comRegutit .tit {font-size: 13px;}
    .comRegutit .bold {margin: 0; font-size: 14px;}
}

/* 시스템안내 타이틀 */
.comSystemTit {width: 100%; margin-bottom: 20px;}
.comSystemTit .tit {font-size: 30px; font-weight: 500; color: #0050a9;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .comSystemTit {margin-bottom: 5px;}
    .comSystemTit .tit {font-size: 22px;}
}

/* 시스템안내 리스트 */
.comInfoList {}
.comInfoList .nmbGroup .number {margin-bottom: 21px; padding-left: 27px; position: relative;}
.comInfoList .nmbGroup .number:last-child {margin-bottom: 0;}
.comInfoList .nmbGroup .number .num {width: 20px; height: 20px; border-radius: 50%; line-height: 20px; font-size: 14px; font-weight: 500; color: #fff; text-align: center; background: #f89321; position: absolute; top: 5px; left: 0} 
.comInfoList .nmbGroup .number > .txt {font-size: 20px; font-weight: 500; color: #000;}
.comInfoList .nmbGroup .number > .txt i {font-style: normal; font-size: 15px; font-weight: 400;}
.comInfoList .bltGroup {margin-top: 4px;}
.comInfoList .bltGroup .bullet {margin-bottom: 2px;padding-left: 9px; position: relative;}
.comInfoList .bltGroup .bullet:last-child {margin-bottom: 0;}
.comInfoList .bltGroup .bullet::after {display: block; content: ""; width: 4px; height: 4px; border-radius: 50%; background: #000; position: absolute; left: 0; top: 13px;}
.comInfoList .bltGroup .bullet > .txt {font-size: 16px; color: #000; line-height: 1.625; word-break: keep-all;}
.comInfoList .bltGroup .bullet .dash {font-size: 16px; color: #757575; line-height: 1.625; word-break: keep-all;}
.comInfoList .bltGroup.inline::after {display: block; content: ""; clear: both;}
.comInfoList .bltGroup.inline .bullet {width: 25%; float: left;}
.comInfoList .bltGroup + .innerTit {margin-top: 25px;}
.comInfoList .innerTit {margin: 10px 0 6px; font-size: 18px; font-weight: 500; color: #0050a9;}
.comInfoList .infoMsg {margin-top: 2px; font-size: 16px; color: #000; line-height: 1.625; word-break: keep-all;}
.comInfoList .bltGroup + .infoMsg {margin-top: 15px;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .comInfoList .nmbGroup .number {margin-bottom: 24px; padding-left: 10px;}
    .comInfoList .nmbGroup .number .num {width: 15px; height: 15px; line-height: 14px; font-size: 10px; top: 3.2px;} 
    .comInfoList .nmbGroup .number > .txt {padding-left: 10px; font-size: 14px;}
    .comInfoList .nmbGroup .number > .txt i {font-size: 12px;}
    .comInfoList .bltGroup {margin-top: 8px;}
    .comInfoList .bltGroup .bullet::after {width: 3px; height: 3px; top: 8.5px;}
    .comInfoList .bltGroup .bullet > .txt {font-size: 13px; line-height: 1.54;}
    .comInfoList .bltGroup .bullet .dash {font-size: 13px; line-height: 1.54;}
    .comInfoList .bltGroup.inline .bullet {width: 50%;}
    .comInfoList .bltGroup + .innerTit {margin-top: 22px;}
    .comInfoList .innerTit {margin: 8px 0 3px; font-size: 13px;}
    .comInfoList .innerTit + .bltGroup {margin-top: 3px;}
    .comInfoList .infoMsg {font-size: 13px;}

}

/* 중간 안내문구 */
.comGuideTxt {width: 100%;}
.comGuideTxt .txtArea {width: 100%; text-align: center; position: relative;}
.comGuideTxt .txt {font-size: 18px; color: #000;}
.comGuideTxt .txt b {font-weight: 500; color: #0050a9;}
.comGuideTxt .txtArea input[type=checkbox] {width: 1px; height: 1px; opacity: 0.01; position: absolute; top: -1px; left: -1px;}
.comGuideTxt .txtArea input[type=checkbox] + label {padding-left: 40px; font-size: 18px; font-weight: 500; color: #000;line-height: 32px; background: url(/common/images/common/icon_check_off.svg) left center no-repeat; display: inline-block; cursor: pointer;}
.comGuideTxt .txtArea input[type=checkbox]:checked + label {background-image: url(/common/images/common/icon_check_on.svg);}

.comGuideTxt.sm {}
.comGuideTxt.sm .txt {font-size: 16px;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .comGuideTxt .txt {font-size: 13px; word-break: keep-all;}
    .comGuideTxt .txtArea input[type=checkbox] + label {padding-left: 25px; font-size: 14px;line-height: 20px; text-align: left; background-size: 20px; background-position: left 1px; word-break: keep-all;}

    .comGuideTxt.sm .txt {font-size: 13px;}
}

/* cpt 내부 폼 */
.comInnerForm {}
.comInnerForm .iptImg {width: 100%; display: flex; align-items:flex-end;}
.comInnerForm .iptImg .imgWrap {width: 120px; height: 156px; padding: 7px; border-radius: 10px; border: 1px solid #ccc; overflow: hidden;}
.comInnerForm .iptImg .imgWrap img {width: 104px; height: 140px;}
.comInnerForm .iptFile {display: inline-block; vertical-align: middle; position: relative;}
.comInnerForm .iptFile input[type=file] {width: 1px; height: 1px; opacity: 0.01; position: absolute; top: -1px; left: -1px;}
.comInnerForm .iptFile .fileBtn {min-width: 88px; height: 30px; padding: 0 10px; line-height: 29px; border-radius: 5px; border: 1px solid #0050a9; text-align: center; font-size: 16px; font-weight: 500; color: #0050a9; display: inline-block; cursor: pointer;}
.comInnerForm .fileList {margin-left: 20px; display: inline-block; vertical-align: middle;}
.comInnerForm .fileList .unit {margin-right: 20px; display: inline-block; vertical-align: middle;}
.comInnerForm .fileList .unit:last-child {margin-right: 0;}
.comInnerForm .fileList .unit .fileName {font-size: 16px; font-weight: 500; color: #000; display: inline-block; vertical-align: middle; cursor: pointer;}
.comInnerForm .fileList .unit .fileDel {width: 23px; height: 23px; margin-left: 5px; font-size: 0; background: url(/common/images/common/btn_del.svg) center no-repeat; vertical-align: middle;}
.comInnerForm .noFile {margin-left: 20px; font-size: 16px; font-weight: 400; color: #000;display: inline-block; vertical-align: middle;}

@media screen and (min-width: 100px) and (max-width: 767px){
    .comInnerForm .iptImg .imgWrap {width: 100px; height: 130px; padding: 6px;}
    .comInnerForm .iptImg .imgWrap img {width: 86px; height: 116px;}
    .comInnerForm .iptFile .fileBtn {min-width: 76px; height: 36px; line-height: 35px; border-radius: 10px; font-size: 13px;}
    .comInnerForm .fileList {margin-left: 0; padding: 5px 20px 15px; margin-top: 10px; display: block; background: #ecf5fa;}
    .comInnerForm .fileList .unit {margin-right: 0; padding: 10px 30px 10px 0; border-bottom: 1px solid #e5e5e5; display: block; position: relative;}
    .comInnerForm .fileList .unit .fileName {font-size: 13px;}
    .comInnerForm .fileList .unit .fileDel {width: 20px; height: 20px; margin-left: 0; background-size: 20px; position: absolute; right: 0; top: 11px;}
    .comInnerForm .noFile {margin-left: 20px; font-size: 13px; font-weight: 400; color: #000;display: inline-block; vertical-align: middle;}
}

/* 테이블 탑 */
.comBoardtop {width: 100%; margin-bottom: 22px;}
.comBoardtop .boardtopArea::after {display: block; content: ""; clear: both;}
.comBoardtop .LArea {float: left;}
.comBoardtop .RArea {float: right; text-align: right;}
.comBoardtop .boardSum {padding-top: 22px;}
.comBoardtop .boardSum .sum {font-size: 16px; color: #000; letter-spacing: -0.05em;}
.comBoardtop .boardSum .sum .num {color: #0050a9; font-weight: 700;}
.comBoardtop .formGroup .item.slct {width: 130px;}
.comBoardtop .formGroup .item.srch {width: 250px;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .comBoardtop {margin-bottom: 10px;}
    .comBoardtop .RArea {width:100%; float: right; text-align: right;}
    .comBoardtop .formGroup .item.slct {width: calc(37.5% - 2.5px);}
    .comBoardtop .formGroup .item.srch {width: calc(62.5% - 2.5px);}
    .comBoardtop .formGroup .item select, .comBoardtop .formGroup .item input {font-size: 13px;}
}

/* 페이지네이션 */
.comPagination {width: 100%; margin-top: 50px; text-align: center;}
.comPagination .arrPage {margin-right: 7px; display: inline-block;vertical-align: middle;}
.comPagination .arrPage:last-child {margin-right: 0;}
.comPagination .arrPage a {width:30px; height: 30px; background: center no-repeat; display: block; font-size: 0;}
.comPagination .arrPage.firstPage a {background-image: url(/common/images/common/paging_first.svg);}
.comPagination .arrPage.prevPage a {background-image: url(/common/images/common/paging_prev.svg);}
.comPagination .arrPage.nextPage a {background-image: url(/common/images/common/paging_next.svg);}
.comPagination .arrPage.lastPage a {background-image: url(/common/images/common/paging_last.svg);}
.comPagination .pageGroup {margin-right: 7px; display: inline-block; vertical-align: middle;}
.comPagination .pageGroup .pageNum {width: 40px; height: 40px; border-radius: 50%; display: inline-block; vertical-align: middle;}
.comPagination .pageGroup .pageNum a {font-size: 16px; line-height: 40px; color: #757575; letter-spacing: -0.05em;}
.comPagination .pageGroup .pageNum.on {background: #f89321;}
.comPagination .pageGroup .pageNum.on a {color: #fff;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .comPagination {margin-top: 30px; }
    .comPagination .arrPage {margin-right: 5px;}
    .comPagination .arrPage a {width:28px; height: 28px; background-size: 28px;}
    .comPagination .pageGroup {margin: 0 10px 0 6px;}
    .comPagination .pageGroup .pageNum {width: 28px; height: 28px; margin-right: 3px;}
    .comPagination .pageGroup .pageNum:last-child {margin-right: 0;}
    .comPagination .pageGroup .pageNum a {font-size: 13px; line-height: 25px;}
}

/* 이전글/다음글 */
.comNavi {width: 100%; border-top: 1px solid #e5e5e5;}
.comNavi .naviGroup .item {width: 100%; height: 70px; border-bottom: 1px solid #e5e5e5;}
.comNavi .naviGroup .navigation::after {display: block; content: "";clear: both;}
.comNavi .naviGroup .navigation .naviTit {width: 95px; line-height: 69px; text-align: center; font-size: 16px; color: #000; letter-spacing: -0.05em; float: left;}
.comNavi .naviGroup .navigation .naviCont {width: calc(100% - 95px); padding: 0 24px; height: 69px; line-height: 69px; font-size: 16px; letter-spacing: -0.05em; color: #757575; float: left;}
.comNavi .naviGroup .navigation .naviCont a {max-width: 100%; color: #757575; display: inline-block; overflow: hidden; text-overflow: ellipsis; white-space: nowrap;}

/* 참고사항 */
.comReference {margin-bottom: 60px; padding: 24px 30px; background: #f7f4f2;}
.comReference:after {content: ''; display: block; clear: both;}
.comReference .refTit {float: left; width: 307px; padding-left: 20px;}
.comReference .refTit.full {float: none; width: 100%; padding-left: 0;}
.comReference .refTit .tit {display: block; padding-left: 25px; background: url(/common/images/common/icon_ref_orange.svg) 0 5px no-repeat; color: #000000; font-size: 20px; font-weight: 500;}
.comReference .refTit .tit.noIcon {padding-left: 0; background: none;}
.comReference .refTit .txtBlue {color: #0050a9;}
.comReference .refList {}
.comReference .refList .item {position: relative; margin-bottom: 5px; padding-left: 15px; color: #000; font-size: 16px;}
.comReference .refList .item:last-child {margin-bottom: 0;}
.comReference .refList .item:before {content: ''; position: absolute; left: 0; top: 9.5px; width: 5px; height: 5px; border-radius: 50%; background: #000000;}
.comReference .refList .txtBlue {color: #0050a9;}
.comReference .refList .txtMed {font-weight: 500;}
.comReference .refList a {font-weight: 500;}

.comReference .refTit + .refList {float: left; width: calc(100% - 307px);}
.comReference .refTit.full + .refList {float: none; width: 100%; margin-top: 10px;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .comReference {margin-bottom: 40px; padding: 20px 20px;}
    .comReference .refTit {float: none; width: auto; padding-left: 0; padding-top: 4px;}
    .comReference .refTit .tit {margin-bottom: 18px; padding-left: 21px; background-size: 16px; font-size: 16px;}
    .comReference .refList .item {margin-bottom: 7px; padding-left: 8px; font-size: 13px; line-height: 1.38; word-break: keep-all;}
    .comReference .refList .item:before {top: 7.5px; width: 3px; height: 3px;}

    .comReference .refTit + .refList {float: none; width: auto;}
    .comReference .refTit.full + .refList {float: none; width: 100%; margin-top: 18px;}
}

/* 인증선택 형태 */
.comLoginCert {border-top: 1px solid #000000;}
.comLoginCert .certArea {max-width: 1200px; width: 100%; margin: 0 auto;}
.comLoginCert .certGuide {padding-top: 55px; text-align: center;}
.comLoginCert .certGuide .txt {color: #000000; font-size: 22px; line-height: 1.45;}
.comLoginCert .certGuide .txt b {font-weight: 700;}
.comLoginCert .certGuide .txt .fBlue {color: #0050a9;}
.comLoginCert .certGuide.topIcon {padding-top: 60px;}
.comLoginCert .certGuide.topIcon:before {content: ''; display: inline-block; margin-bottom: 24px;}
.comLoginCert .certGuide.iconAct:before {width: 92px; height: 85px; background: url(/common/images/common/login_activation_icon01.svg) center no-repeat;}
.comLoginCert .certGuide .mBr {display: none;}

.comLoginCert .certLink {margin-top: 45px;}
.comLoginCert .certLink .linkList {font-size: 0; text-align: center;}
.comLoginCert .certLink .linkList .item {display: inline-block; max-width: 400px; width: calc(50% - 5px); height: 200px; margin-right: 10px; border: 1px solid #e5e5e5; border-radius: 10px; text-align: left; transition: 0.1s;}
.comLoginCert .certLink .linkList .item:last-child {margin: 0;}
.comLoginCert .certLink .linkList .item:hover {border-color: #0050a9;}
.comLoginCert .certLink .linkList .item a {display: block; width: 100%; height: 100%; padding: 30px 0 0 60px; color: #000000; font-size: 22px; font-weight: 500;}
.comLoginCert .certLink .linkList .item a:before {content: ''; display: inline-block; width: 140px; height: 140px; margin-right: 20px; background-repeat: no-repeat; background-position: center; vertical-align: middle;}
.comLoginCert .certLink .linkList .item.phone a:before {background-image: url(/common/images/common/login_cert_phone.svg);}
.comLoginCert .certLink .linkList .item.ipin a:before {background-image: url(/common/images/common/login_cert_ipin.svg);}
.comLoginCert .certLink .linkList .item .txt {display: inline-block; vertical-align: middle;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .comLoginCert .certGuide {padding-top: 36px;}
    .comLoginCert .certGuide .txt {font-size: 16px; line-height: 1.38; word-break: keep-all;}
    .comLoginCert .certGuide.topIcon {padding-top: 40px;}
    .comLoginCert .certGuide .mBr {display: inline;}

    .comLoginCert .certLink {margin-top: 26px;}
    .comLoginCert .certLink .linkList .item {height: 186px; text-align: center;}
    .comLoginCert .certLink .linkList .item a {display: block; width: 100%; height: 100%; padding: 20px 0 0 0; font-size: 16px;}
    .comLoginCert .certLink .linkList .item a:before {width: 100px; height: 100px; margin-right: 0; background-size: 100px; vertical-align: top;}
    .comLoginCert .certLink .linkList .item .txt {display: block; margin-top: 18px;}
}

/* top 페이지 안내문 - 컨텐츠 내용 사이 타이틀 형태 (자격증 확인서 진위확인) */
.comGuideMsg {}
.comGuideMsg .guideMsgArea {}
.comGuideMsg .msgTxt {margin-bottom: 50px; color: #0050a9; font-size: 22px; line-height: 1.67;}
.comGuideMsg .msgTxt b {font-weight: 500;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .comGuideMsg .msgTxt {margin-bottom: 30px; font-size: 16px; line-height: 1.375;}
}

/* --------------------------------- 팝업 --------------------------------- */
/* 팝업 타이틀 */
.comPoptit {width: 100%; margin-bottom: 35px; text-align: center;}
.comPoptit .popTit {font-size: 32px; font-weight: 700; letter-spacing: -0.05em; color: #000;}

/* 팝업 설명문 */
.comPopdesc {width: 100%; margin: 30px 0 60px; text-align: center;}
.comPopdesc .popDesc {font-size: 18px; line-height: 1.67; letter-spacing: -0.05em; color: #000; word-break: keep-all;}
.comPopdesc .popDesc .tBlue {color: #0050a9;}
.comPopdesc .popDesc b {font-weight: 500;}

.comPopdesc.upLine {padding-top: 40px; border-top: 1px solid #000; }
/* .comPopdesc.btLine {padding-bottom: 40px; border-bottom: 1px solid #000; } */

@media screen and (min-width: 100px) and (max-width: 767px) {
    /* 팝업 타이틀 */
    .comPoptit {margin-bottom: 15px;}
    .comPoptit .popTit {font-size: 22px;}

    /* 팝업 설명문 */
    .comPopdesc {margin: 15px 0;}
    .comPopdesc .popDesc {font-size: 13px;}

    .comPopdesc.upLine {padding-top: 20px;}
}


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

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

/* 서브페이지 사이드 메뉴 */
.cptSnv {width: 100%; }
.cptSnv .snvArea {width: 100%;}
.cptSnv .depth1Tit {width: 100%; height: 80px; padding: 23px 10px; background: url(/common/images/common/snv_bg.png) center no-repeat;}
.cptSnv .depth1Tit .tit {font-size: 28px; font-weight: 500; letter-spacing: -0.05em; color: #fff;}
.cptSnv .depth2Menu .item {width: 100%; border-bottom: 1px solid #e5e5e5;}
.cptSnv .depth2Menu .item .depth2Tit {width: 100%;padding: 13px 0 13px 10px; font-size: 16px; font-weight: 500; color: #000; letter-spacing: -0.005em; display: block;}
.cptSnv .depth2Menu .item.hav3 .depth2Tit {background: url(/common/images/common/icon_plus_snv.svg) calc(100% - 10px) center no-repeat;}
.cptSnv .depth2Menu .item.on .depth2Tit {background-color: #f89321; color: #fff;}
.cptSnv .depth2Menu .item.hav3.on .depth2Tit {background-image: url(/common/images/common/icon_minus_snv.svg);}
.cptSnv .depth2Menu .item .depth3Menu {width: 100%; height: 0; padding: 0 10px; overflow: hidden; transition: all 0.2s;}
.cptSnv .depth2Menu .item .depth3Menu .depth3Tit {margin-bottom: 15px; padding-left: 10px; position: relative;}
.cptSnv .depth2Menu .item .depth3Menu .depth3Tit:last-child {margin-bottom: 0;}
.cptSnv .depth2Menu .item .depth3Menu .depth3Tit a {font-size: 15px; font-weight: 500; color: #757575; letter-spacing: -0.05em;}
.cptSnv .depth2Menu .item .depth3Menu .depth3Tit.now::after {display: block; content: ""; width: 4px; height: 15px; background: #0050a9; position: absolute; left: 0px; top: 3px;}
.cptSnv .depth2Menu .item .depth3Menu .depth3Tit.now a {color: #0050a9;}
.cptSnv .depth2Menu .item.on .depth3Menu {height: auto; padding: 20px 10px 30px;transition: all 0.2s;}

/* 서브페이지 사이드 메뉴(배너) */
.cptBanner {width: 100%; margin-top: 40px;}
.cptBanner .bannGroup .item {margin-bottom: 5px;}
.cptBanner .bannGroup .item a{display: block; width: 100%; height: 60px; padding-left: 70px; line-height: 60px; font-size: 15px; font-weight: 500; letter-spacing: -0.75px; color: #000; background-color: #ecf5fa; background-image: url(/common/images/common/snv_icon01.png), url(/common/images/common/snv_arrow.png); background-position: 10px center, calc(100% - 20px) center; background-repeat: no-repeat;}
.cptBanner .bannGroup .item.icon02 a { background-image: url(/common/images/common/snv_icon02.png), url(/common/images/common/snv_arrow.png);}
.cptBanner .bannGroup .item.icon03 a { background-image: url(/common/images/common/snv_icon03.png), url(/common/images/common/snv_arrow.png);}
.cptBanner .bannGroup .item.icon04 a { background-image: url(/common/images/common/snv_icon04.png), url(/common/images/common/snv_arrow.png);}


/* 로그인 */
.cptLogin {width: 100%;}
.cptLogin .loginForm {max-width: 500px; margin: 25px auto 0;}
.cptLogin .loginForm .loginFormGroup {width: 100%;}
.cptLogin .loginForm .loginFormGroup .item {margin-bottom: 10px; position: relative;}
.cptLogin .loginForm .loginFormGroup .item:last-child {margin-bottom: 0;}
.cptLogin .loginForm .loginFormGroup .item.mgb20 {margin-bottom: 20px;}
.cptLogin .loginForm .loginFormGroup .item input {height: 75px; padding: 0 30px; border-radius: 10px; font-size: 18px;}
.cptLogin .loginForm .loginFormGroup .item input::-webkit-input-placeholder {color: #757575;}
.cptLogin .loginForm .loginFormGroup .item input::-ms-input-placeholder {color: #757575;}
.cptLogin .loginForm .loginFormGroup .item input:-ms-input-placeholder {color: #757575;}
.cptLogin .loginForm .loginFormGroup .item .btnPWRemove {width: 18px; height: 18px; font-size: 0; background: url(/common/images/common/icon_circle_delete.svg) center no-repeat; position: absolute; right: 30px; top: 50%; transform: translateY(-50%); display: none;}
.cptLogin .loginForm .loginFormGroup .item .refTxt {display: block; padding-left: 20px; background: url(/common/images/common/icon_ref_grey.svg) 0 3px no-repeat; color: #999999; font-size: 15px; font-style: normal;}
.cptLogin .loginForm .loginFormGroup .item .alertTxt {font-size: 15px;font-style: normal; color: #cb0000;}
.cptLogin .loginForm .loginFormGroup .item input.on + .btnPWRemove {display: block;}

.cptLogin .loginLink {margin-top: 20px; text-align: center;}
.cptLogin .loginLink .linkGroup .item {margin-right: 40px; display: inline-block; position: relative;}
.cptLogin .loginLink .linkGroup .item::after {display: block; content: ""; width: 1px; height: 16px; background: #e5e5e5; position: absolute; top: 4px; right: -22px;}
.cptLogin .loginLink .linkGroup .item:last-child {margin-right: 0;}
.cptLogin .loginLink .linkGroup .item:last-child::after {display: none;}
.cptLogin .loginLink .linkGroup .item a {font-size: 18px; color: #757575;}
.cptLogin .loginLink .linkGroup .item .txtBlue {color: #0050a9;}
.cptLogin .comBtnGroup {margin-top: 0;}

.cptLogin .loginRef {margin-top: 80px;}

.cptLogin .loginRequest {margin-top: 50px;}

.cptLogin .comLoginTit .titArea {padding: 0;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptLogin .loginForm {width: 100%; max-width: none; margin: 20px auto;}
    .cptLogin .loginForm .loginFormGroup .item input {height: 55px; padding: 0 20px; font-size: 14px;}
    .cptLogin .loginForm .loginFormGroup .item .btnPWRemove {width: 15px; height: 16px; background-size: 15px; right: 20px;}
    .cptLogin .loginForm .loginFormGroup .item .refTxt {padding-left: 18px; background-size: 13px;font-size: 12px;}
    .cptLogin .loginForm .loginFormGroup .item .alertTxt {font-size: 12px;}

    .cptLogin .loginLink .linkGroup .item {margin-right: 30px;}
    .cptLogin .loginLink .linkGroup .item::after {height: 13px; top: 4px; right: -22px;}
    .cptLogin .loginLink .linkGroup .item a {font-size: 13px;}
    
    .cptLogin .loginRef {margin-top: 40px;}
    
    .cptLogin .loginRequest {margin-top: 20px;}
}

/* 회원가입 */
.cptJoin {width: 100%;}
.cptJoin .joinInfo {width: 100%; margin: 50px 0;}
.cptJoin .joinInfo .emp {font-size: 32px; color: #000; font-weight: 300; line-height: 1.5;}
.cptJoin .joinInfo .desc {margin: 50px 0 100px; font-size: 18px; color: #757575; line-height: 1.8; word-break: keep-all;}
.cptJoin .joinInfo .desc .fontL {font-size: 22px;}
.cptJoin .joinInfo .desc .tBlue {color: #0050a9;}
.cptJoin .joinInfo .desc .tRed {color: #cb0000;}

.cptJoin .joinSearch {margin-bottom: 75px;}
.cptJoin .joinSearch .comReference {margin: 60px 0 0;}
.cptJoin .joinSearch .comLoginCert + .comBtnGroup {margin-top: 45px;}

.cptJoin .joinComplete {margin: 60px 0 43px; text-align: center;}
.cptJoin .joinComplete:before {content: ''; display: inline-block; width: 140px; height: 140px; margin-bottom: 22px; background: url(/common/images/common/join_complete.svg) center no-repeat;}
.cptJoin .joinComplete .mainTxt {display: block; color: #000000; font-size: 32px;}
.cptJoin .joinComplete .subTxt {margin-top: 15px; color: #757575; font-size: 20px; line-height: 1.7;}

@media screen and (min-width: 100px) and (max-width: 767px){
    .cptJoin .joinInfo {margin: 25px 0 35px;}
    .cptJoin .joinInfo .emp {font-size: 20px;}
    .cptJoin .joinInfo .desc {margin: 25px 0; font-size: 13px;}
    .cptJoin .joinInfo .desc .fontL {font-size: 16px;}
    
    .cptJoin .joinSearch {margin-bottom: 36px;}
    .cptJoin .joinSearch .comReference {margin: 20px 0 0;}
    .cptJoin .joinSearch .comLoginCert + .comBtnGroup {margin-top: 30px;}

    .cptJoin .joinComplete {margin: 40px 0 30px;}
    .cptJoin .joinComplete:before {width: 110px; height: 110px; margin-bottom: 25px; background-size: 110px;}
    .cptJoin .joinComplete .mainTxt {font-size: 20px;}
    .cptJoin .joinComplete .subTxt {margin-top: 8px; font-size: 13px; line-height: 1.54;}
}

/* input 입력 폼 */
.cptFormTable {width: 100%; margin-bottom: 60px;}
.cptFormTable .formAlert {text-align: right; padding-bottom: 10px; border-bottom: 2px solid #000;}
.cptFormTable .formAlert .txt {font-size: 16px; color: #000; letter-spacing: -0.05em;}
.cptFormTable .formAlert .txt .req {font-weight: 500; color: #f89321;}
.cptFormTable .formWrap {width: 100%; padding: 30px 0; border-bottom: 1px solid #e5e5e5; position: relative;}
.cptFormTable .formWrap:first-child {border-top: 2px solid #000;}
.cptFormTable .formWrap .item {width: 100%; margin-top: 30px; display: flex; flex-wrap: wrap;}
.cptFormTable .formWrap .item:first-child {margin-top: 0;}
.cptFormTable .formWrap .onlyText {width: 100%; height: 300px; border-radius: 10px; border: 1px solid #ccc; padding: 25px 30px; font-size: 18px; color: #000; line-height: 1.67;}

.cptFormTable .formWrap .formBundle {width: 100%; display: flex;}
.cptFormTable .formWrap .formBundle .formTit {width: 230px; line-height: 60px; font-size: 18px; font-weight: 500; color: #000; letter-spacing: -0.05em;}
.cptFormTable .formWrap .formBundle .formTit .req {margin-right: 8px; font-size: 22px; font-weight: 500; color: #f89321; display: inline-block;transform: translateY(7px);}
.cptFormTable .formWrap .formBundle .formTit i {font-style: normal; font-size: 16px; font-weight: 400;}
.cptFormTable .formWrap .formBundle .formCont {width: calc(100% - 230px);}
.cptFormTable .formWrap .joinipt {height: 60px; border-radius: 10px; padding: 0 20px; font-size: 18px;}
.cptFormTable .formWrap .joinslct {height: 60px; border-radius: 10px; padding: 0 20px; font-size: 18px; color: #000; background: url(/common/images/common/icon_select02.png) calc(100% - 20px) center no-repeat;}
.cptFormTable .formWrap .iptWrap {width: 100%; display: inline-block;}
.cptFormTable .formWrap .iptWrap:last-child {margin-right: 0;}
.cptFormTable .formWrap .iptBasic {max-width: 300px;}
.cptFormTable .formWrap .slctBasic {max-width: 300px;}
.cptFormTable .formWrap .slctS {max-width: 250px; margin-right: 7px;}
.cptFormTable .formWrap .slctYear {max-width: 200px;}
.cptFormTable .formWrap .slctMonth {max-width: 150px; margin-left: 30px;}
.cptFormTable .formWrap .slctDay {max-width: 150px; margin-left: 30px;}
.cptFormTable .formWrap .slctAlign {max-width: 250px; margin-right: 10px;}
.cptFormTable .formWrap .slctAlign:last-child {max-width: 150px; margin-right: 0;}
.cptFormTable .formWrap .iptRadio {display: inline-block; margin-right: 29px; padding: 15px 0; position: relative; vertical-align: middle;}
.cptFormTable .formWrap .iptRadio:last-child {margin-right: 0;}
.cptFormTable .formWrap .iptRadio input[type=radio] {width: 1px; height: 1px; opacity: 0.01; position: absolute; top: -1px; left: -1px;}
.cptFormTable .formWrap .iptRadio input[type=radio] + label {padding-left: 40px; font-size: 18px; font-weight: 500; color: #000; letter-spacing: -0.05em; line-height: 32px; background: url(/common/images/common/icon_radio_off.png) left center no-repeat; display: inline-block; cursor: pointer;}
.cptFormTable .formWrap .iptRadio input[type=radio]:checked + label {background-image: url(/common/images/common/icon_radio_on.png);}
.cptFormTable .formWrap .iptRadio input[type=checkbox] {width: 1px; height: 1px; opacity: 0.01; position: absolute; top: -1px; left: -1px;}
.cptFormTable .formWrap .iptRadio input[type=checkbox] + label {padding-left: 40px; font-size: 18px; font-weight: 500; color: #000; letter-spacing: -0.05em; line-height: 32px; background: url(/common/images/common/icon_check_off.svg) left center no-repeat; display: inline-block; cursor: pointer;}
.cptFormTable .formWrap .iptRadio input[type=checkbox]:checked + label {background-image: url(/common/images/common/icon_check_on.svg);}
.cptFormTable .formWrap .slctPhone {max-width: 150px;}
.cptFormTable .formWrap .iptPhone {max-width: 150px;}
.cptFormTable .formWrap .iptEmail01 {max-width: 200px; width: 19.5%;}
.cptFormTable .formWrap .iptEmail02 {max-width: 300px; width: 28.5%;}
.cptFormTable .formWrap .slctEmail {max-width: 300px; width: calc(52% - 28px); margin-left: 7px;}
.cptFormTable .formWrap .iptAddr01 {max-width: 200px;}
.cptFormTable .formWrap .iptAddr02 {max-width: 700px; margin-top: 10px;}
.cptFormTable .formWrap .iptIDnum {max-width: 200px;}
.cptFormTable .formWrap .iptAdds {max-width: 300px;}
.cptFormTable .formWrap .iptImg {width: 100%; display: flex; align-items:flex-end;}
.cptFormTable .formWrap .iptImg .imgWrap {width: 150px; height: 195px; padding: 9px; border-radius: 10px; border: 1px solid #ccc; overflow: hidden;}
.cptFormTable .formWrap .iptImg .imgWrap img {width: 130px; height: 175px;}
.cptFormTable .formWrap .iptImg .btnWrap {width: calc(100% - 160px); margin-left: 10px;}
.cptFormTable .formWrap .iptImg .iptImgBtn {margin-right: 2px; display: inline-block; vertical-align: middle; position: relative;}
.cptFormTable .formWrap .iptImg .iptImgBtn input[type=file] {width: 1px; height: 1px; opacity: 0.01; position: absolute; top: -1px; left: -1px;}
.cptFormTable .formWrap .iptImg .iptImgBtn input[type=file] + label {min-width: 76px; height: 30px; padding: 0 10px; line-height: 27px; border-radius: 5px; text-align: center; font-size: 16px; font-weight: 500; letter-spacing: -0.05em; display: inline-block; cursor: pointer;}
.cptFormTable .formWrap .iptImg .iptImgBtn .inBtn {border: 1px solid #0050a9; color: #0050a9;}
.cptFormTable .formWrap .iptImg .iptImgBtn .modBtn {border: 1px solid #000; color: #000;}
.cptFormTable .formWrap .iptImg .iptImgBtn + .formNotice {margin-top: 7px;}
.cptFormTable .formWrap .iptTxtarea {width: 100%;}
.cptFormTable .formWrap .iptTxtarea textarea {width: 100%;height: 120px; padding: 26px 20px;}
.cptFormTable .formWrap .iptTxtarea.Md textarea {height: 200px;}
.cptFormTable .formWrap .iptTxtarea.Lg textarea {height: 300px;}
.cptFormTable .formWrap .iptFileGroup {width: 100%; margin: 15px 0 10px;}
.cptFormTable .formWrap .iptFileGroup .iptFile {display: inline-block; vertical-align: middle; position: relative;}
.cptFormTable .formWrap .iptFileGroup .iptFile input[type=file] {width: 1px; height: 1px; opacity: 0.01; position: absolute; top: -1px; left: -1px;}
.cptFormTable .formWrap .iptFileGroup .iptFile .fileBtn {min-width: 88px; height: 30px; padding: 0 10px; line-height: 29px; border-radius: 5px; border: 1px solid #0050a9; text-align: center; font-size: 16px; font-weight: 500; color: #0050a9; display: inline-block; vertical-align: middle; cursor: pointer;}
.cptFormTable .formWrap .iptFileGroup .iptFile .fileNameIpt {width: auto; height: 30px; border: none; font-size: 16px; font-weight: 500; color: #000;display: inline-block; vertical-align: middle;}
.cptFormTable .formWrap .iptFileGroup .fileList {margin-left: 20px; display: inline-block; vertical-align: middle;}
.cptFormTable .formWrap .iptFileGroup .fileList .unit {margin-right: 20px; display: inline-block; vertical-align: middle;}
.cptFormTable .formWrap .iptFileGroup .fileList .unit:last-child {margin-right: 0;}
.cptFormTable .formWrap .iptFileGroup .fileList .unit .fileName {font-size: 16px; font-weight: 500; color: #000; display: inline-block; vertical-align: middle; cursor: pointer;}
.cptFormTable .formWrap .iptFileGroup .fileList .unit .fileDel {width: 23px; height: 23px; margin-left: 5px; font-size: 0; background: url(/common/images/common/btn_del.svg) center no-repeat; vertical-align: middle;}
.cptFormTable .formWrap .iptDocNumF {max-width: 150px;}
.cptFormTable .formWrap .iptDocNumB {max-width: 300px;}
.cptFormTable .formWrap .iptInnerBtn {min-width: 120px; height: 60px; padding: 0 10px; border-radius: 10px; line-height: 60px; font-size: 18px; font-weight: 500; text-align: center; display: inline-block;background: #f89321; color: #fff;}
.cptFormTable .formWrap .iptInnerBtn:disabled { background: #f1f1f1; color: #999; cursor: default;}

.cptFormTable .formWrap .formCont .txt {margin: 0 3px; font-size: 18px; font-weight: 500; color: #000; display: inline-block; vertical-align: middle; position: relative;}
/* .cptFormTable .formWrap .formCont .txt.lining {margin-left: 30px;} */
.cptFormTable .formWrap .formCont .txt.lining::after {display: block; content: ""; width: 2px; height: 16px; background: #ccc; position: absolute; top: 7px; left: -17px;}
.cptFormTable .formWrap .formBtn {min-width: 150px; height: 60px; margin-left: 10px; line-height: 59px; border-radius: 10px; border: 1px solid #0050a9; text-align: center; font-size: 18px; font-weight: 500; color: #0050a9; letter-spacing: -0.05em;}
.cptFormTable .formWrap .formBtn:first-child {margin-left: 0;}
.cptFormTable .formWrap .formNotice {width: 100%; margin-top: 5px; padding-left: 20px; font-size: 15px; letter-spacing: -0.05em; line-height: 1.46; color: #999; background: url(/common/images/common/icon_ref_grey.svg) left 3px no-repeat;}
.cptFormTable .formWrap .formNotice.empas {color: #000; background-image: url(/common/images/common/icon_ref_orange.svg); background-size: 15px;}
.cptFormTable .formMSG {margin-top:10px; font-size:16px; font-weight:400; line-height:1.88; color:#757575;}
.cptFormTable .bold {font-weight: 500;}

.cptFormTable .formBtnArea {margin-top: 30px; text-align: center;}
.cptFormTable .formBtnArea .formPlus {width: 70px; height: 40px; padding-left: 13px; border-radius: 10px; border-bottom: 3px solid #0050a9; font-size: 16px; font-weight: 500; color: #fff; background: #0050a9 url(/common/images/common/icon_plus_white.svg) 14px calc(50% + 1px) no-repeat;}
.cptFormTable .formBtnAbs {position: absolute; top: 30px; right: 0;}
.cptFormTable .formBtnAbs .formDel {width: 70px; height: 40px;padding-left: 13px; border-radius: 10px; border-bottom: 3px solid #999; font-size: 16px; font-weight: 500; color: #fff; background: #999 url(/common/images/common/icon_del_white.svg) 12px calc(50% + 2px) no-repeat;}

.cptFormTable.pop .formWrap {border: none; padding: 0;}
.cptFormTable.pop .formWrap .item {justify-content: center;}
.cptFormTable.pop .formWrap .formBundle .formTit {width: 40%;}
.cptFormTable.pop .formWrap .formBundle .formCont {width: 60%;}

.cptFormTable.tLine {padding-top: 30px; border-top: 1px solid #000; }
.cptFormTable.mgb60 {margin-bottom: 60px;}

@media screen and (min-width: 100px) and (max-width: 1179px){
    .cptFormTable .formWrap .slctS {max-width: 250px; width: calc(39% - 7px);}
    .cptFormTable .formWrap .iptInnerBtn {min-width: auto; max-width: 120px; width: 18.75%;}
}

@media screen and (min-width: 100px) and (max-width: 767px){
    .cptFormTable {margin-bottom: 30px;}
    /* .cptFormTable .formAlert {padding: 7px 0 0 0; border-bottom: none; border-top: 2px solid #000;} */
    .cptFormTable .formAlert .txt {font-size: 12px;}
    .cptFormTable .formWrap {padding: 20px 0 30px;}
    .cptFormTable .formWrap .item {margin-top: 25px;}
    .cptFormTable .formWrap .formBundle {flex-wrap: wrap;}
    .cptFormTable .formWrap .formBundle .formTit {width: 100%; margin-bottom: 7px; line-height: 1; font-size: 13px;}
    .cptFormTable .formWrap .formBundle .formTit .req {margin-right: 3px; font-size: 18px;transform: translateY(6px);}
    .cptFormTable .formWrap .formBundle .formTit i {font-size: 12px;}
    .cptFormTable .formWrap .formBundle .formCont {width: 100%;}
    .cptFormTable .formWrap .joinipt {height: 56px; padding: 0 10px; font-size: 14px; font-weight: 500;}
    .cptFormTable .formWrap .joinslct {height: 56px; padding: 0 10px; font-size: 14px; font-weight: 500; background-position: calc(100% - 10px) center; background-size: 10px;}
    .cptFormTable .formWrap .iptBasic {max-width: none;}
    .cptFormTable .formWrap .slctBasic {max-width: none;}
    .cptFormTable .formWrap .mLinkBtn {width: calc(100% - 104px);}
    .cptFormTable .formWrap .slctS {max-width: none; width: 100%; margin-top:7px;}
    .cptFormTable .formWrap .slctS:first-child {margin-top: 0;}
    .cptFormTable .formWrap .slctYear {max-width: none; width: calc(36.875% - 24px);}
    .cptFormTable .formWrap .slctMonth {max-width: none; margin-left: 0; width: calc(31.5625% - 24px);}
    .cptFormTable .formWrap .slctDay {max-width: none; margin-left: 0; width: calc(31.5625% - 24px);}
    .cptFormTable .formWrap .slctAlign {max-width: none; width: calc(62.5% - 4px); margin-right: 5px;}
    .cptFormTable .formWrap .slctAlign:last-child {max-width: none; width: calc(37.5% - 4px);}
    .cptFormTable .formWrap .iptRadio {margin-right: 17px; padding: 15px 0 0;}
    .cptFormTable .formWrap .mView + .iptRadio {padding: 15px 0;}
    .cptFormTable .formWrap .iptRadio input[type=radio] + label {padding-left: 25px; font-size: 14px; line-height: 20px; background-size: 20px;}
    .cptFormTable .formWrap .iptRadio input[type=checkbox] + label {padding-left: 25px; font-size: 14px; line-height: 20px; background-size: 20px;}
    .cptFormTable .formWrap .slctPhone {max-width: none;width: calc(31.5625% - 8.7px);}
    .cptFormTable .formWrap .iptPhone {max-width: none;width: calc(33% - 8.7px); }
    .cptFormTable .formWrap .iptEmail01 {max-width: none; width: calc(40.9% - 12px);}
    .cptFormTable .formWrap .iptEmail02 {max-width: none; width: calc(59% - 11px);}
    .cptFormTable .formWrap .slctEmail {max-width: none; width: 100%; margin-left: 0; margin-top: 10px;}
    .cptFormTable .formWrap .iptAddr01 {max-width: none;width: calc(100% - 104px);}
    .cptFormTable .formWrap .iptAddr02 {max-width: none;}
    .cptFormTable .formWrap .iptIDnum {max-width: none; width: calc(50% - 8px);}
    .cptFormTable .formWrap .iptAdds {max-width: none; width: calc(100% - 160px);}
    .cptFormTable .formWrap .iptImg .imgWrap {width: 100px; height: 130px; padding: 6px;}
    .cptFormTable .formWrap .iptImg .imgWrap img {width: 86px; height: 116px;}
    .cptFormTable .formWrap .iptImg .btnWrap {width: calc(100% - 110px);}
    .cptFormTable .formWrap .iptImg .iptImgBtn input[type=file] + label {height: 36px; line-height: 35px; border-radius: 10px; font-size: 13px;}
    .cptFormTable .formWrap .iptTxtarea {width: 100%;}
    .cptFormTable .formWrap .iptTxtarea textarea {width: 100%;height: 120px; padding: 15px 20px;}
    .cptFormTable .formWrap .iptTxtarea.Md textarea {height: 300px;}
    .cptFormTable .formWrap .iptTxtarea.Lg textarea {height: 300px;}
    .cptFormTable .formWrap .iptFileGroup {margin: 10px 0 0px;}
    .cptFormTable .formWrap .iptFileGroup .iptFile {display: block;}
    .cptFormTable .formWrap .iptFileGroup .iptFile .fileBtn {min-width: 76px; height: 36px; line-height: 35px; border-radius: 10px; font-size: 13px;}
    .cptFormTable .formWrap .iptFileGroup .iptFile .fileNameIpt {width: 100%; height: auto; padding: 15px 20px; font-size: 13px; background: #ecf5fa;}
    .cptFormTable .formWrap .iptFileGroup .iptFile .fileBtn + .fileNameIpt {margin-top: 10px;}
    .cptFormTable .formWrap .iptFileGroup .fileList {margin-left: 0; padding: 5px 20px 15px; margin-top: 10px; display: block; background: #ecf5fa;}
    .cptFormTable .formWrap .iptFileGroup .fileList .unit {margin-right: 0; padding: 10px 30px 10px 0; border-bottom: 1px solid #e5e5e5; display: block; position: relative;}
    .cptFormTable .formWrap .iptFileGroup .fileList .unit .fileName {font-size: 13px;}
    .cptFormTable .formWrap .iptFileGroup .fileList .unit .fileDel {width: 20px; height: 20px; margin-left: 0; background-size: 20px; position: absolute; right: 0; top: 11px;}
    .cptFormTable .formWrap .iptDocNumF {max-width: none; width: calc(40% - 8px);}
    .cptFormTable .formWrap .iptDocNumB {max-width: none; width: calc(60% - 8px);}
    .cptFormTable .formWrap .iptInnerBtn {min-width: auto; max-width:none; width: 100%; height: 56px;margin-top: 10px; line-height: 56px; font-size: 16px;}

    .cptFormTable .formPlusWrap .formWrap {padding-top: 45px;}
    .cptFormTable .formPlusWrap .formWrap:first-child {padding-top: 20px;}

    .cptFormTable .formWrap .formCont .txt { font-size: 14px;}
    .cptFormTable .formWrap .formCont .txt.lining::after { height: 14px; top: 4px; left: -11px;}
    .cptFormTable .formWrap .formBtn {min-width: auto; width: 100px; height: 56px; margin-left: 1px; line-height: 55px; font-size: 14px;}
    .cptFormTable .formWrap .formNotice {margin-top: 7px; padding-left: 18px; font-size: 12px;background-size: 13px; background-position: left 2px; word-break: keep-all;}
    .cptFormTable .formMSG {font-size:13px; line-height: 1.4;}
    
    .cptFormTable .formBtnArea {margin: 10px 0 40px;}
    .cptFormTable .formBtnArea .formPlus {width: 55px; height: 26px; padding-left: 9px; border-radius: 30px; border-bottom: none;font-size: 13px; background-size: 8px; background-position: 11px center;}
    .cptFormTable .formBtnAbs {top: 10px;}
    .cptFormTable .formBtnAbs .formDel {width: 55px; height: 26px;padding-left: 9px; border-radius: 30px; border-bottom: none; font-size: 13px; background-size: 11px; background-position: 9px calc(50% + 1px);}
    
    .cptFormTable.pop .formWrap .item {margin-top: 8px;}
    .cptFormTable.pop .formWrap .item:first-child {margin-top: 0;}
    .cptFormTable.pop .formWrap .formBundle .formTit {width: 35%; line-height: 46px;}
    .cptFormTable.pop .formWrap .formBundle .formCont {width: 65%;}
    .cptFormTable.pop .formWrap .joinipt {height: 46px;}
    .cptFormTable.pop .formWrap .formBtn {width: 100px; height: 46px; margin-left:4px; line-height: 45px;}
    
    .cptFormTable.tLine {padding-top: 30px; border-top: 1px solid #000; }
    .cptFormTable.pop.mgb60 {margin-bottom: 30px;}

    /* .cptFormTable .formWrap.requr {padding: 42px 0 30px;} */
}

/* input Checkbox List 폼 */
.cptFormCheck {width: 100%; margin-bottom: 60px;}
.cptFormCheck .checkGroup {width: 100%; padding: 40px 30px 45px; background: #f7f4f2;}
.cptFormCheck .checkGroup::after {display: block; content: ""; clear: both;} 
.cptFormCheck .checkItem {width: 33.3333%; padding-right: 20px; float: left; position: relative;}
.cptFormCheck .checkItem:nth-child(n+4) {margin-top: 20px;}
.cptFormCheck .checkItem input[type=checkbox] {width: 1px; height: 1px; opacity: 0.01; position:absolute; top:-1px; left: -1px;} 
.cptFormCheck .checkItem input[type=checkbox] + label {display: inline-block; padding-left: 27px; line-height: 20px; font-size: 16px; word-break: keep-all; color: #000; background: url(/common/images/common/icon_check_off.svg) 0 0 / 20px no-repeat; cursor: pointer;}
.cptFormCheck .checkItem input[type=checkbox]:checked + label {background-image: url(/common/images/common/icon_check_on.svg);}

@media screen and (min-width: 100px) and (max-width: 767px){ 
    .cptFormCheck {margin-bottom: 40px;}
    .cptFormCheck .checkGroup {display: flex; flex-wrap: wrap; padding: 20px;}
    .cptFormCheck .checkItem {width: 50%; padding-right: 10px; margin-top: 10px;}
    .cptFormCheck .checkItem:nth-child(n+4) {margin-top: 10px;}
    .cptFormCheck .checkItem:nth-child(-n+2) {margin-top: 0;}
    .cptFormCheck .checkItem input[type=checkbox] + label {min-height: 20px; padding-left: 25px; padding-top: 1px; line-height: 1.38; font-size: 13px; background-position-y: 0;}
}

/* input QnA 입력 폼 */
.cptFormQnA {width: 100%; margin-bottom: 30px;}
.cptFormQnA .question {width: 100%; display: flex; align-items: center;}
.cptFormQnA .question .qNum {width: 55px; height: 55px; border-radius: 50%; text-align: center; line-height: 55px; font-size: 18px; font-weight: 700; color: #fff; letter-spacing: -0.05em; background: #f89321;}
.cptFormQnA .question .qTxt {width: calc(100% - 65px); margin-left: 10px; font-size: 18px; font-weight: 500; letter-spacing: -0.05em; line-height: 1.8; color: #000;}
.cptFormQnA .answer {margin-top: 20px; padding-left: 65px;}
.cptFormQnA .iptRadio {display: inline-block; margin-left: 30px; position: relative; vertical-align: middle;}
.cptFormQnA .iptRadio:first-child {margin-left: 0;}
.cptFormQnA .iptRadio input[type=radio] {width: 1px; height: 1px; opacity: 0.01; position: absolute; top: -1px; left: -1px;}
.cptFormQnA .iptRadio input[type=radio] + label {padding-left: 40px; font-size: 18px; font-weight: 500; color: #000; letter-spacing: -0.05em; line-height: 32px; background: url(/common/images/common/icon_radio_off.png) left center no-repeat; display: inline-block; cursor: pointer;}
.cptFormQnA .iptRadio input[type=radio]:checked + label {background-image: url(/common/images/common/icon_radio_on.png);}
.cptFormQnA .iptCheck {display: inline-block; position: relative; vertical-align: middle;}
.cptFormQnA .iptCheck input[type=checkbox] {width: 1px; height: 1px; opacity: 0.01; position: absolute; top: -1px; left: -1px;}
.cptFormQnA .iptCheck input[type=checkbox] + label {padding-left: 27px; padding-right: 10px; font-size: 16px; color: #000; letter-spacing: -0.05em; line-height: 20px; background: url(/common/images/common/icon_check_off.svg) left center / 20px no-repeat; display: inline-block; cursor: pointer;}
.cptFormQnA .iptCheck input[type=checkbox]:checked + label {background-image: url(/common/images/common/icon_check_on.svg);}

.cptFormQnA .moreAns {width: 100%; margin-top: 30px; padding: 36px 30px; border-radius: 10px; background: #f7f4f2;}
.cptFormQnA .moreAns .moreTit {margin-bottom: 20px; font-size: 18px; font-weight: 500; letter-spacing: -0.05em; color: #000; line-height: 1.7;}
.cptFormQnA .moreAns .moreTit .tBlue {font-weight: 500; color: #0050a9;}
.cptFormQnA .moreAns .moreList {width: 100%;}
.cptFormQnA .moreAns .moreList .item {width: 100%; margin-bottom: 20px;}
.cptFormQnA .moreAns .moreList .item:last-child {margin-bottom: 0;}
.cptFormQnA .moreAns .moreCheckList {display: flex; flex-wrap: wrap; align-items: center;}
.cptFormQnA .moreAns .moreCheckList .item {min-width: 16%; margin-bottom: 20px; white-space: nowrap;}
.cptFormQnA .moreAns .txt {margin-right: 7px; font-size: 16px; font-weight: 500; letter-spacing: -0.05em; color: #000; display: inline-block; vertical-align: middle;}
.cptFormQnA .moreAns .iptWrap {display: inline-block; vertical-align: middle;}
.cptFormQnA .moreAns .iptBasic {width: 100%; max-width: 300px;}
.cptFormQnA .moreAns .qnaIpt {height: 46px; border-radius: 10px; padding: 0 20px; font-size: 16px; text-align: center;}
.cptFormQnA .moreAns .moreCheckList .item .iptBasic {max-width: 250px;}
.cptFormQnA .moreAns .moreCheckList .item .iptBasic .qnaIpt {text-align: left}
.cptFormQnA .moreAns .moreGenTxt {color: #000000; font-size: 16px; line-height: 1.56;}

.cptFormQnA .moreAns.phraseType {margin-top: 10px; padding: 25px 30px; border-radius: 0;} /* 마이페이지 > 개명신고 */
.cptFormQnA .moreAns.phraseType .moreGenTxt {line-height: 1.8; word-break: keep-all;}
.cptFormQnA .moreAns.phraseType .moreGenTxt b {font-weight: 500; font-size: 17px;}
.cptFormQnA .moreAns.phraseType .moreGenTxt i {font-size: 14px; font-style: normal; color: #757575;}

.cptFormQnA.foldable {margin-top: 30px;}
.cptFormQnA.foldable .question {cursor: pointer;}
.cptFormQnA.foldable .moreAns {display: none;}
.cptFormQnA.foldable .moreAns.pageon {display: block;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptFormQnA .question {align-items: stretch;}
    .cptFormQnA .question .qNum {width: 30px; height: 30px; line-height: 30px; font-size: 13px;}
    .cptFormQnA .question .qTxt {padding-top: 5px; font-size: 14px; line-height: 1.43; word-break: keep-all;}
    .cptFormQnA .answer {margin-top: 12px; padding-left: 0;}
    .cptFormQnA .iptRadio {margin-left: 20px;}
    .cptFormQnA .iptRadio input[type=radio] + label {padding-left: 25px; font-size: 14px; line-height: 20px; background-size: 20px;}
    .cptFormQnA .iptCheck input[type=checkbox] + label {padding-left: 25px; padding-right: 0; font-size: 13px;}

    .cptFormQnA .moreAns {margin-top: 10px; padding: 16px 20px 20px;}
    .cptFormQnA .moreAns .moreTit {margin-bottom: 12px; font-size: 13px;}
    .cptFormQnA .moreAns .moreList {padding-bottom: 10px;}
    .cptFormQnA .moreAns .moreList .item {margin-bottom: 14px;}
    .cptFormQnA .moreAns .moreCheckList .item {min-width: 0; width: 50%; margin-bottom: 10px;}
    .cptFormQnA .moreAns .moreCheckList .item:last-child {width: 100%; margin-bottom: 0;}
    .cptFormQnA .moreAns .txt {margin-right: 0; margin-bottom: 4px; font-size: 13px; width: 100%; vertical-align: top;}
    .cptFormQnA .moreAns .iptWrap {max-width: none; vertical-align: top;}
    .cptFormQnA .moreAns .moreCheckList .item .iptBasic {max-width: none; width: 100%; display: block; margin-top: 5px;}
    .cptFormQnA .moreAns .moreCheckList .item .iptBasic .qnaIpt {text-align: left;}
    .cptFormQnA .moreAns .moreGenTxt {font-size: 13px; line-height: 1.54; word-break: keep-all;}

    .cptFormQnA .moreAns.phraseType {padding: 20px 25px 20px 20px;}
    .cptFormQnA .moreAns.phraseType .moreGenTxt {line-height: 1.7;}
    .cptFormQnA .moreAns.phraseType .moreGenTxt b {font-size: 14px;}
    .cptFormQnA .moreAns.phraseType .moreGenTxt i {font-size: 12px;}
}

/* 변경내용 입력 폼 */
.cptChangeForm {width: 100%; margin-bottom: 50px;}
.cptChangeForm .changeArea {display: flex; align-items: stretch; }
.cptChangeForm .before {width: 45.5%; padding: 30px 30px 40px; border-radius: 10px; border: 1px solid #e5e5e5; text-align: center;}
.cptChangeForm .after {width: 45.5%; padding: 30px 30px 40px; border-radius: 10px; background: #ecf5fa; text-align: center;}
.cptChangeForm .changeIcon {width: 9%; font-size: 0; background: url(/common/images/common/icon_after.png) center no-repeat;}

.cptChangeForm .chngTit {margin-bottom: 30px; padding: 0 22px; height: 35px; border-radius: 35px; line-height: 35px; font-size: 20px; font-weight: 500; color: #fff; display: inline-block;}
.cptChangeForm .before .chngTit {background: #757575;}
.cptChangeForm .after .chngTit {background: #0050a9;}
.cptChangeForm .chngList .item {margin-bottom: 15px;}
.cptChangeForm .chngList .item:last-child {margin-bottom: 0;}
.cptChangeForm .chngList .tit {font-size: 15px; color: #000; text-align: left;margin-bottom: 2px;}
.cptChangeForm .chngList .iptGroup {width: 100%; text-align: left;}
.cptChangeForm .chngList .iptGroup input {width: 100%; height: 60px; padding: 20px; border-radius: 10px; border: 1px solid #ccc; font-size: 18px; color: #000;}
.cptChangeForm .chngList .idNum .id::after {display: block; content: ""; clear: both;}
.cptChangeForm .chngList .idNum li {width: calc(50% - 8px); float: left;}
.cptChangeForm .chngList .idNum li.txt {width: 16px; line-height: 60px; font-size: 18px; color: #000; text-align: center;}

.cptChangeForm .chngList .iptRadio {display: inline-block; margin: 15px 30px 0 0; position: relative;}
.cptChangeForm .chngList .iptRadio input[type=radio] {width: 1px; height: 1px; opacity: 0.01; position: absolute; top: -1px; left: -1px;}
.cptChangeForm .chngList .iptRadio input[type=radio] + label {padding-left: 39px; line-height: 32px; font-size: 18px; font-weight: 500; letter-spacing: -0.05em; color: #000; background: url(/common/images/common/icon_radio_off.png) left center no-repeat; cursor: pointer; display: inline-block;}
.cptChangeForm .chngList .iptRadio input[type=radio]:checked + label {background-image: url(/common/images/common/icon_radio_on.png);}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptChangeForm {margin-bottom: 40px;}
    .cptChangeForm .changeArea {flex-wrap: wrap;}
    .cptChangeForm .before {width: 100%; padding: 20px;}
    .cptChangeForm .after {width: 100%; padding: 20px;}.cptChangeForm .changeIcon {width: 100%; height: 42px; background-image: url(/common/images/common/icon_after_m.svg);}
    
    .cptChangeForm .chngTit {margin-bottom: 20px; padding: 0 20px; height: 28px; border-radius: 30px; line-height: 28px; font-size: 14px;}
    .cptChangeForm .chngList .item {margin-bottom: 12px;}
    .cptChangeForm .chngList .tit {font-size: 13px; font-weight: 500; margin-bottom: 4px;}
    .cptChangeForm .chngList .iptGroup input {height: 56px; padding: 10px 20px; font-size: 14px; font-weight: 500;}
    .cptChangeForm .chngList .idNum li.txt {line-height: 56px; font-size: 14px;}
    
    .cptChangeForm .chngList .iptRadio {margin: 16px 20px 0 0;}
    .cptChangeForm .chngList .iptRadio input[type=radio] + label {padding-left: 25px; line-height: 20px; font-size: 14px; background-size: 20px;}
}

/* Bullet 안내문 */
.cptBultDesc {width: 100%; margin-bottom: 60px;}
.cptBultDesc .descArea {width: 100%; padding: 24px 30px; background: #f7f4f2;}
.cptBultDesc .bultGroup .item {width: 100%; margin-bottom: 1px; padding-left: 15px; font-size: 18px; color: #000; letter-spacing: -0.05em; line-height: 1.67; position: relative; word-break: keep-all;}
.cptBultDesc .bultGroup .item:last-child {margin-bottom: 0;}
.cptBultDesc .bultGroup .item .tBlue {color: #0050a9;}
.cptBultDesc .bultGroup .item::after {display: block; content: ""; width: 8px; height: 8px; background: url(/common/images/common/bullet01.png) center no-repeat; position: absolute; left: 0; top: 12px;}

@media screen and (min-width: 100px) and (max-width: 1199px) {}
@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptBultDesc {margin-bottom: 40px;}
    .cptBultDesc .descArea {padding: 16px 20px;}
    .cptBultDesc .bultGroup .item {margin-bottom: 6px;font-size: 13px;}
    .cptBultDesc .bultGroup .item::after {top: 7.5px;}
}

/* Bullet 체크안내문 */
.cptBulletCheck {width: 100%; margin-bottom: 60px;}
.cptBulletCheck .checkArea {width: 100%; padding: 35px 30px; border-radius: 20px; border: 1px solid #0050a9;}
.cptBulletCheck .checkTit {margin-bottom: 15px; font-size: 18px; font-weight: 500; color: #0050a9; letter-spacing: -0.05em;}
.cptBulletCheck .checkList .item {padding-left: 23px; margin-bottom: 7px; font-size: 16px; letter-spacing: -0.05em; color: #000; background: url(/common/images/common/bullet02.png) left 5px no-repeat;}
.cptBulletCheck .checkList .item:last-child {margin-bottom: 0;}
.cptBulletCheck .checkList .item .emph {color: #0050a9; font-weight: 500;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptBulletCheck {margin-bottom: 40px;}
    .cptBulletCheck .checkArea {width: 100%; padding: 20px;}
    .cptBulletCheck .checkTit {margin-bottom: 15px; font-size: 16px;}
    .cptBulletCheck .checkList .item {padding-left: 24px; margin-bottom: 8px; font-size: 13px; line-height: 1.54; word-break: keep-all; background-position-y: 2.5px;}
}

/* 추가사항 안내문 */
.cptAddsDesc {width: 100%; margin-bottom: 60px;}
.cptAddsDesc .txt {font-size: 16px; line-height: 1.56; color: #000;}
.cptAddsDesc .bold {margin:6px 0; font-size: 18px; font-weight: 500; display: inline-block;}
.cptAddsDesc .descList {margin-top: 3px;}
.cptAddsDesc .descList .descList {margin-top: 0;}
.cptAddsDesc .descList .item {padding-left: 15px; margin-bottom: 3px; text-indent: -15px; font-size: 16px; letter-spacing: -0.05em; line-height: 1.56; color: #000;word-break: keep-all;}
.cptAddsDesc .descList.mbSm .item {margin-bottom: 0;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptAddsDesc {margin-bottom: 30px;}
    .cptAddsDesc .txt {font-size: 13px; line-height: 1.54; word-break: keep-all;}
    .cptAddsDesc .bold {margin: 0 0 8px; font-size: 14px;}
    .cptAddsDesc .descList {margin-top: 3px;}
    .cptAddsDesc .descList .descList {margin-top: 0;}
    .cptAddsDesc .descList .item {text-indent: -13px; font-size: 13px; line-height: 1.54;}
}

/* 규정안내 (이미지) */
.cptImgRegulation {width: 100%; margin-bottom: 60px;}
.cptImgRegulation .reguGroup {width: 100%; padding: 30px 30px 40px; background: #f7f4f2;}
.cptImgRegulation .reguGroup .item {width: 100%; padding: 20px; border-bottom: 1px solid #e5e5e5;}
.cptImgRegulation .reguGroup .item:first-child {padding-top: 0;}
.cptImgRegulation .reguGroup .item:last-child {padding-bottom: 0; border-bottom: none;}
.cptImgRegulation .reguGroup .item::after {display: block; content: "";clear: both;}
.cptImgRegulation .reguGroup .test {width: 122px; height: 122px; padding:5px; border-radius: 50%; margin-right: 30px; float: left;}
.cptImgRegulation .reguGroup .test .tit {width: 110px; height: 110px; border-radius: 50%; font-size: 18px; font-weight: 500; color: #fff; text-align: center; line-height: 1.72; display: flex; justify-content: center; align-items: center;}
.cptImgRegulation .reguGroup .test.note {border: 1px dashed #f89321;}
.cptImgRegulation .reguGroup .test.note .tit {background: #f89321;}
.cptImgRegulation .reguGroup .test.skill {border: 1px dashed #0050a9;}
.cptImgRegulation .reguGroup .test.skill .tit {background: #0050a9;}
.cptImgRegulation .reguGroup .regus {width: calc(100% - 152px); padding-top: 5px; float: left;}
.cptImgRegulation .reguGroup .regus .txt {padding-left: 15px; margin-bottom: 3px; font-size: 16px; color: #000; line-height: 1.5625; position: relative;}
.cptImgRegulation .reguGroup .regus .txt::after {display: block; content: ""; width: 5px; height: 5px; border-radius: 50%; background: #000; position: absolute; top: 11px; left: 0;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptImgRegulation {margin-bottom: 40px;}
    .cptImgRegulation .reguGroup {padding: 20px 10px;}
    .cptImgRegulation .reguGroup .item {width: 100%; padding: 20px 10px;}
    .cptImgRegulation .reguGroup .test {width: 100%; height: 36px; padding: 3px; border-radius: 33px; margin-right: 0; float: none;}
    .cptImgRegulation .reguGroup .test .tit {width: 100%; height: 100%; border-radius: 30px; font-size: 14px; line-height: 1.5;}
    .cptImgRegulation .reguGroup .regus {width: 100%; padding-top: 15px; float: none;}
    .cptImgRegulation .reguGroup .regus .txt {padding-left: 8px; margin-bottom: 10px; font-size: 13px; line-height: 1.38;}
    .cptImgRegulation .reguGroup .regus .txt:last-child {margin-bottom: 0;}
    .cptImgRegulation .reguGroup .regus .txt::after {width: 3px; height: 3px; top: 7px;}

    .comRegutit + .cptImgRegulation {margin-top: 10px;}
}


/* 버튼 Radio / Check */
.cptCourseSlct {width: 100%; margin-bottom: 60px;}
.cptCourseSlct .crsGroup {width: 100%;}
.cptCourseSlct .crsGroup::after {display: block; content: ""; clear: both;}
.cptCourseSlct .crsGroup .crsWrap {width: calc(20% - 4px); margin-right: 5px; float: left; position: relative;}
.cptCourseSlct .crsGroup .crsWrap:nth-child(5n) {margin-right: 0;}
.cptCourseSlct .crsGroup .crsWrap:nth-child(n+6) {margin-top: 5px;}
.cptCourseSlct .crsGroup .crsWrap .crsSlct {width: 1px; height: 1px; opacity: 0.01; position: absolute; top: -1px; left: -1px;}
.cptCourseSlct .crsGroup .crsWrap .slctBtn {width: 100%; height: 60px; padding: 0 10px; border-radius: 10px; border: 1px solid #0050a9;font-size: 16px; color: #0050a9; display: flex; justify-content: center; align-items: center; cursor: pointer; word-break: keep-all;text-align: center;}
.cptCourseSlct .crsGroup .crsWrap .crsSlct:checked + .slctBtn {background: #0050a9; color: #fff;}
.cptCourseSlct .crsGroup .crsWrap .crsSlct:disabled + .slctBtn {background: #f1f1f1; color: #999; border: 1px solid #f1f1f1; cursor: default}

/* .cptCourseSlct .crsGroup.unit06 .crsWrap {width: calc(20% - 4px); margin-right: 5px;text-align: center;}
.cptCourseSlct .crsGroup.unit06 .crsWrap:nth-child(5n) {margin-right: 0;} */
/* .cptCourseSlct .crsGroup.unit06 .crsWrap:nth-child(5n) {margin-right: 6px;}
.cptCourseSlct .crsGroup.unit06 .crsWrap:nth-child(6n) {margin-right: 0;}
.cptCourseSlct .crsGroup.unit06 .crsWrap:nth-child(6) {margin-top: 0;} */

/* .cptCourseSlct.type02 .crsGroup {width: 100%; padding: 40px; background: #f7f4f2;}
.cptCourseSlct.type02 .crsGroup .crsSlct + .slctBtn {width: auto; height: 34px; padding: 0 18px; border: none; border-radius: 17px; font-size: 16px; color: #000; display: flex; justify-content: center; align-items: center;}
.cptCourseSlct.type02 .crsGroup .crsSlct:checked + .slctBtn {background: #0050a9;} */

.cptCourseSlct .crsGroup.unit06 .crsWrap {width: calc(25% - 3.75px); margin-right: 5px;text-align: left;}
.cptCourseSlct .crsGroup.unit06 .crsWrap:nth-child(4n) {margin-right: 0;}
.cptCourseSlct .crsGroup.unit06 .crsWrap:nth-child(n+5) {margin-top: 5px;}
.cptCourseSlct.type02 .crsGroup {width: 100%; padding: 40px; background: #f7f4f2;}
.cptCourseSlct.type02 .crsGroup .crsSlct + .slctBtn {width: auto; height: 34px; padding: 0 1px; border: none; border-radius: 17px; font-size: 16px; color: #000; display: inline-block; text-align: left;}
.cptCourseSlct.type02 .crsGroup .crsSlct:checked + .slctBtn {color: #0050a9;position: relative; font-weight: 500; background: none;}
.cptCourseSlct.type02 .crsGroup .crsSlct:checked + .slctBtn::after {display: block; content: ""; width:100%; height:4px; background: #0050a9; position: absolute; left: 0; bottom: 4px;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptCourseSlct {margin-bottom: 40px;}
    .cptCourseSlct .crsGroup .crsWrap {width: calc(33.333% - 2.7px); margin-right: 4px;}
    .cptCourseSlct .crsGroup .crsWrap:nth-child(5n) {margin-right: 4px;}
    .cptCourseSlct .crsGroup .crsWrap:nth-child(3n) {margin-right: 0;}
    .cptCourseSlct .crsGroup .crsWrap:nth-child(n+4) {margin-top: 4px;}
    .cptCourseSlct .crsGroup .crsWrap .slctBtn {height: 50px; font-size: 13px; }
        
    .cptCourseSlct .crsGroup.unit06 .crsWrap {width: calc(50% - 5px); margin-right: 10px;}
    .cptCourseSlct .crsGroup.unit06 .crsWrap:nth-child(2n) {margin-right: 0;}
    .cptCourseSlct .crsGroup.unit06 .crsWrap:nth-child(n+3) {margin-top: 10px;}
    .cptCourseSlct.type02 .crsGroup {padding: 30px 20px;}
    .cptCourseSlct.type02 .crsGroup .crsSlct + .slctBtn {height:auto; padding: 0; font-size: 13px;}
    .cptCourseSlct.type02 .crsGroup .crsSlct:checked + .slctBtn::after { height:2px;bottom: -2px;}

    .cptCourseSlct.mgContB .crsGroup .crsWrap {width: calc(25% - 3px);}
    .cptCourseSlct.mgContB .crsGroup .crsWrap:nth-child(3n) {margin-right: 4px;}
    .cptCourseSlct.mgContB .crsGroup .crsWrap:nth-child(4n) {margin-right: 0;}
    .cptCourseSlct.mgContB .crsGroup .crsWrap:nth-child(n+4) {margin-top: 0;}
    .cptCourseSlct.mgContB .crsGroup .crsWrap:nth-child(n+5) {margin-top: 4px;}
    .cptCourseSlct.mgContB .crsGroup .crsWrap .slctBtn { height: 40px; line-height: 1.2;}
} 

/* ------------------------------------- 테이블 컴포넌트 ------------------------------------- */
.cptTable {width:100%; margin-bottom:60px;}
.cptTable .tableArea {width:100%; border-top:2px solid #000;}
.cptTable .tableType {width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0;}
.cptTable .tableType th {padding:12px 5px; font-size:16px; font-weight:500; line-height:1.56; text-align:center; vertical-align:top; color:#000; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5; background:#f5f5f5;}
.cptTable .tableType th:first-child {border-left:0;}
.cptTable .tableType tbody th {padding:12px 5px; vertical-align: middle;}
.cptTable .tableType th.left {padding-left:30px; text-align:left;}
.cptTable .tableType th.bgBlue {background: #ecf5fa;}
.cptTable .tableType td {padding:12px 5px; font-size:16px; font-weight:400; line-height:1.56; color:#000; text-align:center; vertical-align:middle; border-left:1px solid #e5e5e5; border-bottom:1px solid #e5e5e5;}
.cptTable .tableType td:first-child {border-left:0;}
.cptTable .tableType td.left {padding-left:20px; text-align:left;}
.cptTable .tableType td.leftMin {padding-left:10px; text-align:left;}
.cptTable .tableType td.result {padding-left: 28px; text-align: left;}
.cptTable .tableType td.inBtn {padding:12px 5px;}
.cptTable .tableType td.noList {padding:21px 5px;}
.cptTable .tableType td.bgSky {background:#ecf5fa;}
.cptTable .tableType td.bgGrey {background:#f1f1f1;}
.cptTable .tableType .bdR {border-right: 1px solid #e5e5e5;}
.cptTable .tableType .regular {font-weight: 400;}
.cptTable .tableType .bold {font-weight:500;}
.cptTable .tableType .txtBlue {color:#0050a9;}
.cptTable .tableType .txtRed {color:#cb0000;}
.cptTable .tableType .txtGrey {color:#757575;}
.cptTable .tableType .mBr {display: none;}
.cptTable .tableType tfoot tr {background: #ecf5fa;}

.cptTable .tableType td .phoneIcon {min-height:20px; margin: 5px 0; padding-left: 25px; line-height: 19px; background: url(/common/images/common/icon_phone.svg) left top no-repeat;}
.cptTable .tableType td .placeIcon {min-height:20px; margin: 5px 0; padding-left: 25px; line-height: 19px; background: url(/common/images/common/icon_place.svg) left top no-repeat;}
.cptTable .tableType td .phoneIcon + .placeIcon {margin: 10px 0 5px;}

.cptTable .tableType .checkList {margin-top: 10px;}
.cptTable .tableType .checkList:first-child {margin-top: 0;}
.cptTable .tableType .checkList .item {padding-left: 23px; margin-bottom: 7px; font-size: 16px; letter-spacing: -0.05em; color: #000; background: url(/common/images/common/bullet02.png) left 5px no-repeat;}
.cptTable .tableType .checkList .item:last-child {margin-bottom: 0;}

.cptTable .tableType .dotList {}
.cptTable .tableType .dotList .item {position: relative; padding-left: 10px; text-align: left;}
.cptTable .tableType .dotList .item:before {content: ''; position: absolute; left: 0; top: 10.5px; width: 4px; height: 4px; border-radius: 50%; background: #000000;}
.cptTable .tableType .inBtn .dotList {display: inline-block;}

.cptTable .tableType .underTxt {display: block; margin-top: -2px; color: #757575; font-size: 14px; line-height: 1.43; word-break: break-all;}
.cptTable .tableType .descrSet dt {font-size: 18px; font-weight: 500;}
.cptTable .tableType .descrSet dd {margin-top: 5.5px;}
.cptTable .tableType .tableNotice {width: 100%; margin-top: 5px; padding-left: 20px; font-size: 15px; letter-spacing: -0.05em; line-height: 1.46; color: #999; background: url(/common/images/common/icon_ref_grey.svg) left 3px no-repeat;}


/* 테이블 - 모바일카드형 */
.cptTable .tableType th .tit {display:none;}
.cptTable .tableType td .tit {display:none;}
.cptTable.cardM {}

/* 테이블 - 원서접수 - 접수신청 */
.cptTable.btnCardM {}
.cptTable.btnCardM .pc0 {font-size: 0;}

/* 테이블 - th 열 헤드 */
.cptTable.headL .tableType td {vertical-align: top;}
.cptTable.headL .tableType th {vertical-align: top;}

/* 테이블 - 라디오 인풋 */
.cptTable .iptRadio {min-height:20px; margin-right:30px; font-size:0; vertical-align:middle; display:inline-block; position:relative;}
.cptTable .iptRadio:last-child {margin-right:0;}
.cptTable .iptRadio input[type=radio] {padding:0; position:absolute; left:-1px; top:-1px;}
.cptTable .iptRadio input[type=radio] + label {padding-left:20px; min-height:20px; font-size:16px; font-weight:500; color:#000; letter-spacing:-0.05em; background:url(/common/images/common/icon_radio_off.png) left center / 20px no-repeat; display:inline-block; cursor:pointer;}
.cptTable .iptRadio input[type=radio]:checked + label {background-image: url(/common/images/common/icon_radio_on.png);}
.cptTable .iptRadio.noText input[type=radio] + label {font-size:0;}

.cptTable .tableMSG {margin-top:10px; font-size:16px; font-weight:400; line-height:1.88; color:#000;}
.cptTable .tableBtn {width: 100%; margin-top: 10px; text-align: right;}

/* 테이블 - 개인정보 장애사항 */
.cptTable .table001 .col01 {width:120px;}
.cptTable .table001 .col02 {width:auto;}

/* 테이블 - 자격시험 지원사항 */
.cptTable .table005 .col01 {width:200px;}
.cptTable .table005 .col02 {width:auto;}

/* 테이블 - 자격등급별 연수기관 */
.cptTable.newTableM .tableArea:after {display: block; content: ""; clear: both;}
.cptTable.newTableM .tableType.table006 {width: 50%; float: left;}
.cptTable.newTableM .tableType.table006:first-child {border-right: 1px solid #e5e5e5;}
.cptTable.newTableM .tableType .noData td {height: 55px;}
.cptTable.newTableM .tableMSG {clear: both;}

/* 테이블 - 마이페이지 > 원서접수내역 */
.cptTable.distTblM {}

/* 테이블 - 수수료 결제 TR toggle */
.cptTable .toggleLine {padding: 0;}
.cptTable .toggleLine td {padding: 0; text-align: left; border-bottom: none;}
.cptTable .tableToggle {width: 100%; padding: 25px 40px 30px; border: 1px solid #0050a9; background: #ecf5fa; position: relative; display: none;}
.cptTable .tableToggle::after {display: block; content: ""; width: 18px; height: 15px; background: url(/common/images/common/arw_tabletoggle.png) center no-repeat; position: absolute; top: -13px; right: 55px;}
.cptTable .tableToggle .toggTit {margin-bottom: 12px; font-size: 18px; font-weight: 500; color: #000;}
.cptTable .tableToggle .toggConts {display: flex; align-items: flex-end;}
.cptTable .tableToggle .toggConts::after {display: block; content: ""; clear: both;}
.cptTable .tableToggle .toggConts .conts {width: calc(100% - 140px); float: left;}
.cptTable .tableToggle .toggConts .radioGroup .item {min-width: 120px; margin-right: 17px; display: inline-block; vertical-align: middle; position: relative;}
.cptTable .tableToggle .toggConts .radioGroup .item:last-child {margin-right: 0;}
.cptTable .tableToggle .toggConts .radioGroup input[type=radio] {padding: 0;}
.cptTable .tableToggle .toggConts .radioGroup input[type=radio] + .rdoTxt {padding-left: 25px; line-height: 41px; font-size: 16px; color: #000; text-align: left; background: url(/common/images/common/icon_radio_off.png) left center / 20px no-repeat; cursor: pointer;}
.cptTable .tableToggle .toggConts .radioGroup input[type=radio]:checked + .rdoTxt {background-image: url(/common/images/common/icon_radio_on.png);}
.cptTable .tableToggle .toggConts .radioGroup .toggSlct {width: 150px; margin-left:  7px;}
.cptTable .tableToggle .toggConts .iptGroup .item {width: 150px; margin-right: 17px; display: inline-block; vertical-align: middle; }
.cptTable .tableToggle .toggConts .iptGroup .item:last-child {margin-right: 0;}
.cptTable .tableToggle .toggConts .iptGroup .item.bankNum {width: 250px;}
.cptTable .tableToggle .toggConts .iptGroup .toggIptTit {font-size: 16px; color: #000; margin-bottom: 6px;}
.cptTable .tableToggle .toggConts .iptGroup input {height: 40px;padding: 0 20px; border-radius: 5px; font-size: 16px; color: #000; background: #fff;}
.cptTable .tableToggle .toggConts .toggSlct {height: 40px; padding: 0 40px 0 20px; border-radius: 5px; font-size: 16px; color: #000; background: #fff url(/common/images/common/icon_select02.png) calc(100% - 20px) center no-repeat;}
.cptTable .tableToggle .toggConts .toggBtn {width: 140px; text-align: right; float: right;}
.cptTable .tableToggle .toggConts .toggBtn .inToggBtn {width: 100px; height: 40px; line-height: 40px; border-radius: 5px; text-align: center; font-size: 16px; font-weight: 500; color: #fff; background: #0050a9;}
.cptTable .tableToggle .toggMsg {margin-top: 13px; font-size: 16px; color: #000;}

.cptTable .tableToggle.toggOpen {display: block;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptTable {margin-bottom:40px;}
    .cptTable .tableType th {padding:12px 10px; font-size:14px;}
    .cptTable .tableType th.left {padding-left:10px;}
    .cptTable .tableType thead th {padding: 9px 10px;}
    .cptTable .tableType td {padding:12px 10px; font-size:13px;line-height:1.38;}
    .cptTable .tableType td.left {padding-left:10px;}
    
    .cptTable .tableType td .phoneIcon {min-height:16px; margin: 3px 0; padding-left: 21px; line-height: 15px; background-size:16px;}
    .cptTable .tableType td .placeIcon {min-height:16px; margin: 3px 0; padding-left: 21px; line-height: 15px; background-size:16px;}
    .cptTable .tableType td .phoneIcon + .placeIcon {margin: 5px 0 3px;}

    .cptTable .tableType .checkList {margin-top: 10px;}
    .cptTable .tableType .checkList .item {padding-left: 16px; margin-bottom: 5px; font-size: 13px; background: url(/common/images/common/bullet02.png) left 3px / 10px no-repeat;}
    .cptTable .tableType .tableNotice {padding-left: 17px; font-size: 13px; background-size: 12px;}
        
    /* 테이블 - 모바일카드형 */
    .cptTable .tableType th .tit {display:block; font-weight: 500; color: #757575; white-space: nowrap;text-align: left;}
    .cptTable .tableType td .tit {display:block;font-weight: 500; color: #757575; white-space: nowrap; text-align: left;}
    .cptTable.cardM thead {display: none;}
    .cptTable.cardM table, .cptTable.cardM table tbody, .cptTable.cardM table tr, .cptTable.cardM table th, .cptTable.cardM table td {display: block;}
    .cptTable.cardM .tableType tr {border-bottom: 1px solid #000;}
    .cptTable.cardM .tableType th {padding: 12px 0; font-size: 14px;display: flex; justify-content: space-between;}
    .cptTable.cardM .tableType th.bgBlue {background: #fff;}
    .cptTable.cardM .tableType td {padding: 12px 0; border-left: none; font-size: 14px; display: flex; justify-content: space-between; }
    .cptTable.cardM .tableType td:last-child {border-bottom: none;}
    .cptTable.cardM .tableType .cont {padding-left: 10px; flex-grow: 1; text-align: right; word-break: keep-all;}
    .cptTable.cardM .tableType .dotList .item {text-align: right;}
    .cptTable.cardM .tableType .dotList .item::before {display: none;}
    
    /* 테이블 - 원서접수 - 접수신청 */
    .cptTable.btnCardM {}
    .cptTable.btnCardM thead {display: none;}
    .cptTable.btnCardM table, .cptTable.btnCardM table tbody, .cptTable.btnCardM table th, .cptTable.btnCardM table td {display: block;}
    .cptTable.btnCardM table tr {display: flex; flex-wrap: wrap;}
    .cptTable.btnCardM .tableType tr {padding-bottom: 25px; border-bottom: 1px solid #000;}
    .cptTable.btnCardM .tableType th {padding: 12px 0; font-size: 14px;display: flex; justify-content: space-between;}
    .cptTable.btnCardM .tableType .bgSky {background: #fff;}
    .cptTable.btnCardM .tableType .bgGrey {background: #fff;}
    .cptTable.btnCardM .tableType td {width: 100%; padding:0; margin-top: 10px; border-left: none; border-bottom: none; font-size: 14px; display: flex; justify-content: space-between; order: 2;}
    .cptTable.btnCardM .tableType td:last-child {border-bottom: none;}
    .cptTable.btnCardM .tableType .cont {padding-left: 20px; flex-grow: 1; text-align: right; word-break: keep-all;}
    .cptTable.btnCardM .tableType .mNone {display: none;}
    .cptTable.btnCardM .tableType td.mChkOnly {padding: 15px 0; margin-top: 0; border-bottom: 1px solid #e5e5e5; order: 1;}
    .cptTable.btnCardM .tableType td.mChkOnly .tit {font-size: 16px; color: #000;}
    .cptTable.btnCardM .tableType td.mChkOnly .bold {min-width: 53px; padding: 0 10px; line-height: 26px; border-radius: 30px; background: #f1f1f1; color: #757575; text-align: center; display: inline-block; }
    .cptTable.btnCardM .tableType .iptRadio input[type=radio] + label {padding-left:26px; min-height:26px; background-size: 26px;}
    .cptTable.btnCardM .pc0 {font-size: 14px;}
    .cptTable.btnCardM .tableType td.noList {margin: 45px 0 15px;}
    .cptTable.btnCardM tr.noList {padding-top: 15px; text-align:center;}

    /* 테이블 - th 열 헤드 */
    .cptTable.headL .tableType td {vertical-align: top;}
    .cptTable.headL .tableType th {vertical-align: top;}
    
    .cptTable .tableMSG {font-size:13px; line-height: 1.4;}
    .cptTable .tableBtn {width: 100%; margin-top: 10px; text-align: right;}
    
    /* 테이블 - 개인정보 장애사항 */
    .cptTable .table001 .col01 {width:45px;}
    .cptTable .table001 .col02 {width:auto;}
    
    /* 테이블 - 자격시험 지원사항 */
    .cptTable .table005 .col01 {width:130px;}
    .cptTable .table005 .txtBlue {font-size: 14px; font-weight: 500;}
    .cptTable .table005 .txtGrey {font-size: 13px;}
    
    /* 테이블 - 자격등급별 연수기관 */
    .cptTable.newTableM .tableType.table006 {width: 100%; float: none;}
    .cptTable.newTableM .tableType.table006:first-child {border-right: none;}
    .cptTable.newTableM .tableType.table006:nth-child(2) thead {display: none;}
    .cptTable.newTableM .tableType .noData {display: none;}
        
    /* 테이블 - 마이페이지 > 원서접수내역 */
    .cptTable.distTblM {width: calc(100% + 40px); margin-left: -20px; padding: 8px 20px 40px; background: #f5f5f5;}
    .cptTable.distTblM thead {display: none;}
    .cptTable.distTblM table, .cptTable.distTblM table tbody,.cptTable.distTblM table tr, .cptTable.distTblM table th, .cptTable.distTblM table td {display: block;}
    .cptTable.distTblM .tableArea {border-top: none;}
    .cptTable.distTblM .tableArea tr {width: 100%; margin-top: 42px; padding: 17px 12px; border: 1px solid #e5e5e5; border-radius: 10px; background: #fff; position: relative;}
    .cptTable.distTblM .tableArea td {width: 100%; border: none; padding: 0; margin-bottom: 12px; display: flex; align-items: top; justify-content: space-between;}
    .cptTable.distTblM .tableArea td:last-child {margin-bottom: 0;}
    .cptTable.distTblM .tableArea td .tit {font-size: 14px;}
    .cptTable.distTblM .tableArea td .cont {font-size: 14px;}    
    .cptTable.distTblM .tableArea td .cont .underTxt {display: inline-block; font-size: 12px;}
    .cptTable.distTblM .tableArea td .pcView {display: none;}
    .cptTable.distTblM .tableArea td.mHeading {padding: 0; text-align: left; position: absolute; top: -24px; left: 0; display: block;}
    .cptTable.distTblM .tableArea td.mHeading .tit {display: none;}
    .cptTable.distTblM .tableArea td.mDescr {width: 100%; padding-bottom: 15px; border-bottom: 1px solid #e5e5e5; display: block;}
    .cptTable.distTblM .tableArea td.mDescr .tit {display: none;}
    .cptTable.distTblM .tableArea td.mDescr .descrSet .unit {margin-bottom: 3px; font-size: 13px;}
    .cptTable.distTblM .tableArea td.mDescr .descrSet .unit:last-child {margin-bottom: 0;}
    .cptTable.distTblM .tableArea td.noList {margin: 0;}
    .cptTable.distTblM .tableArea .dotList .item::before {display: none;}


    /* 테이블 - 수수료 결제 TR toggle */
    .cptTable.distTblM .tableArea .toggleLine {margin-top: 0; padding:0; border: none; border-radius: 0; background: transparent;}
    .cptTable.distTblM .tableArea .tableToggle {margin-top: 20px; padding: 20px; border: 1px solid #0050a9; border-radius: 10px; background: #ecf5fa;}
    .cptTable.distTblM .tableArea .tableToggle::after {right: 29px;}
    .cptTable.distTblM .tableArea .tableToggle .toggTit {font-size: 16px;}
    .cptTable.distTblM .tableArea .tableToggle .toggConts {display: block;}
    .cptTable.distTblM .tableArea .tableToggle .toggConts .conts {width: 100%; float: none;}
    .cptTable.distTblM .tableArea .tableToggle .toggConts .radioGroup .item {min-width: none; width: calc(50% - 2px); margin-right: 0;}
    .cptTable.distTblM .tableArea .tableToggle .toggConts .radioGroup input[type=radio] + .rdoTxt {padding-left: 25px; line-height: 20px; font-size: 14px;}
    .cptTable.distTblM .tableArea .tableToggle .toggConts .radioGroup .item:last-child {width: 100%; margin-top: 10px;}
    .cptTable.distTblM .tableArea .tableToggle .toggConts .radioGroup .toggSlct {width: 150px; margin-left: 7px;}
    .cptTable.distTblM .tableArea .tableToggle .toggConts .iptGroup .item {width: 100%; margin-right: 0; margin-bottom: 17px;}
    .cptTable.distTblM .tableArea .tableToggle .toggConts .iptGroup .item:last-child {margin-right: 0; margin-bottom: 0;}
    .cptTable.distTblM .tableArea .tableToggle .toggConts .iptGroup .item.bankNum {width: 100%;}
    .cptTable.distTblM .tableArea .tableToggle .toggConts .iptGroup .toggIptTit {font-size: 13px; font-weight: 500;}
    .cptTable.distTblM .tableArea .tableToggle .toggConts .iptGroup input {height: 46px;padding: 0 10px; border-radius: 10px; font-size: 14px;}
    .cptTable.distTblM .tableArea .tableToggle .toggConts .toggSlct {height: 46px; padding: 0 30px 0 10px; border-radius: 10px; font-size: 14px; background: #fff url(/common/images/common/icon_select02.png) calc(100% - 10px) center / 10px no-repeat;}
    
    .cptTable.distTblM .tableArea .tableToggle .toggConts .toggBtn {width: 100%; margin-top:20px; float: none;}
    .cptTable.distTblM .tableArea .tableToggle .toggConts .toggBtn .inToggBtn {width: 100%; height: 46px; line-height: 45px; border-radius: 10px; font-size: 14px; }
    .cptTable.distTblM .tableArea .tableToggle .toggMsg {margin-top: 13px; font-size: 13px;}
    
    .cptTable .tableToggle.toggOpen {display: block;}

    .cptTable .tableType td.noList {margin: 30px 0; text-align: center; justify-content: center; }

    /* 자격시험 원서접수내역 테이블 모바일 */
    .cptTable .table005 .col01 {width:130px;}
    .cptTable.inPhoto .tableArea table, .cptTable.inPhoto .tableArea tbody, .cptTable.inPhoto .tableArea th, .cptTable.inPhoto .tableArea td {display: block;}
    .cptTable.inPhoto .tableArea tr {width: 100%; display: flex; flex-wrap: wrap;}
    .cptTable.inPhoto .tableArea th {width: 130px; min-height: 47px; border-left: none; }
    .cptTable.inPhoto .tableArea td {width: calc(100% - 130px); min-height: 47px; }
}


/* 게시판(리스트) */
.cptBoardList {width: 100%;}
.cptBoardList table {width: 100%; border-top: 2px solid #000; border-collapse: collapse; table-layout: fixed;}
.cptBoardList table th {padding: 22px 0; border-bottom: 1px solid #e5e5e5; font-size: 16px; font-weight: 500; color: #000; letter-spacing: -0.05em; background: #f5f5f5;}
.cptBoardList table td {padding: 22px 0; border-bottom: 1px solid #e5e5e5; text-align: center; font-size: 16px; color: #000; letter-spacing: -0.05em;}
.cptBoardList table td.left {text-align: left;}
.cptBoardList table td.light {color: #757575;}
.cptBoardList table td .tag {height: 22px; border-radius: 5px; padding:0 8px; line-height: 23px; font-size: 14px; font-weight: 500; letter-spacing: -0.05em; color: #fff; display: inline-block;}
.cptBoardList table td .tag.ntc {background: #f89321;}
.cptBoardList table td .boardTit {max-width: calc(100% - 58px); padding-left: 20px; color: #000; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; display: inline-block; vertical-align: middle;}
.cptBoardList table td .new {width: 16px; height: 16px; margin: 2px 0 0 2px; font-size: 0; background: url(/common/images/common/icon_new.png); display: inline-block; vertical-align: middle;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptBoardList table, .cptBoardList table tr, .cptBoardList table tbody, .cptBoardList table td {display: block;}
    .cptBoardList table thead {display: none;}
    .cptBoardList table tr {padding: 15px 0 7px; border-bottom: 1px solid #e5e5e5;}
    .cptBoardList table td {padding: 0; margin: 0 10px 5px 0; border-bottom: none; text-align: left; font-size: 13px; display: inline-block; vertical-align: middle;}
    .cptBoardList table td:last-child {margin-right: 0;}
    .cptBoardList table td .tag {height: 18px; padding:0 6px; line-height: 19px; font-size: 12px;}
    .cptBoardList table td .boardTit {max-width: calc(100% - 18px); font-size: 14px; padding-left: 0;}
    .cptBoardList table td .new {width: 13px; height: 13px; background-size: 13px;}
    .cptBoardList table td.mNone {display: none;}
    .cptBoardList table td.mTit {width: 100%;}
    .cptBoardList table td.view {padding-left: 21px; background: url(/common/images/common/icon_view.svg) left 5px no-repeat;}
    .cptBoardList table td.mBold {font-weight: 500;}
    .cptBoardList table td.noList {width: 100%; text-align: center; margin: 50px 0;}
    .cptBoardList table td.mObNum::before {display: inline; content: "문항번호 : ";}
} 

/* 게시판(뷰) */
.cptBoardview {width: 100%;}
.cptBoardview .board .boardTit {width: 100%; border-top: 2px solid #000; padding: 25px 10px;}
.cptBoardview .board .boardTit .tit {color: #000; font-size: 20px; font-weight: 500; letter-spacing: -0.05em; line-height: 1.7;}
.cptBoardview .board .boardTit .tit .new {display: inline-block; width: 16px; height: 16px; margin: -3px 0 0 4px; vertical-align: middle; font-size: 0; background: url(/common/images/common/icon_new.png) center no-repeat;}
.cptBoardview .board .boardTit .data {margin-top: 10px;}
.cptBoardview .board .boardTit .data::after {display: block; content: ""; clear: both;}
.cptBoardview .board .boardTit .data .item {margin-right: 42px; font-size: 16px; color: #757575; letter-spacing: -0.05em; float: left; position: relative;}
.cptBoardview .board .boardTit .data .item:last-child {margin-right: 0;}
.cptBoardview .board .boardTit .data .item::after {display: block; content: ""; width: 2px; height: 12px; background: #c2c2c2; position: absolute; top: 7px; right: -22px;}
.cptBoardview .board .boardTit .data .item:last-child:after {display: none;}
.cptBoardview .board .boardCont {border-top: 1px solid #e5e5e5; border-bottom: 1px solid #e5e5e5; font-size: 16px; letter-spacing: -0.05em; line-height: 1.875;}
.cptBoardview .board .boardCont .basic {min-height: 320px; padding: 35px 10px 65px; color: #000;}
.cptBoardview .board .boardCont .addUnit {width: 100%;}
.cptBoardview .board .boardCont .addUnit .addFile {width: 100%; padding: 20px 27px; background: #f7f4f2;}
.cptBoardview .board .boardCont .addUnit .addFile .file {margin-bottom: 1px; line-height: 1.875;}
.cptBoardview .board .boardCont .addUnit .addFile .file:last-child {margin-bottom: 0;}
.cptBoardview .board .boardCont .addUnit .addFile .file a {padding-left: 25px; font-size: 16px; color: #000; letter-spacing: -0.05em; display: inline-block; background: url(/common/images/common/btn_download.svg) left 8px no-repeat;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptBoardview .board .boardTit {padding: 20px 0;}
    .cptBoardview .board .boardTit .tit {font-size: 16px; line-height: 1.38; word-break: keep-all;}
    .cptBoardview .board .boardTit .tit .new {display: inline-block; width: 13px; height: 13px; margin: -3px 0 0 0; background-image: url(/common/images/common/icon_new_m.svg);}
    .cptBoardview .board .boardTit .data .item {margin-right: 22px; font-size: 13px;}
    .cptBoardview .board .boardTit .data .item::after {height: 10px; top: 5.5px; right: -12px;}
    .cptBoardview .board .boardCont {font-size: 13px; line-height: 1.54;}
    .cptBoardview .board .boardCont .basic {min-height: 164px; padding: 30px 0 40px;}
    .cptBoardview .board .boardCont .addUnit .addFile {padding: 20px;}
    .cptBoardview .board .boardCont .addUnit .addFile .file {margin-bottom: 10px;}
    .cptBoardview .board .boardCont .addUnit .addFile .file a {padding-left: 22px; font-size: 13px; background: url(/common/images/common/btn_download_m.svg) 0 2px no-repeat; word-break: keep-all;}
}

/* 제목-내용 리스트 */
.cptDescList {width: 100%; margin-bottom: 80px;}
.cptDescList:last-child {margin-bottom: 0;}
.cptDescList .descList .item {width: 100%; margin-bottom: 25px;}
.cptDescList .descList .item:last-child {margin-bottom: 0;}
.cptDescList .descList .tit {font-size: 18px; font-weight: 500; color: #000; letter-spacing: -0.05em;}
.cptDescList .descList .cont {margin-top: 5px; font-size: 16px; color: #757575; letter-spacing: -0.05em; line-height: 1.875; word-break: keep-all;}
.cptDescList .descList .cont .numbering .unit {text-indent: -15px; padding-left: 15px;}
.cptDescList .descList b {font-weight: 500; color: #333;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptDescList {margin-bottom: 40px;}
    .cptDescList .descList .item {margin-bottom: 20px;}
    .cptDescList .descList .tit {font-size: 14px;}
    .cptDescList .descList .cont {font-size: 13px;}
    .cptDescList .descList .cont .numbering .unit {text-indent: -12px; padding-left: 12px;}
}

/* 완료안내 */
.cptCompleteMsg {margin-bottom: 53px;}
.cptCompleteMsg .completeMsgArea {}
.cptCompleteMsg .msgGroup {text-align: center;}
.cptCompleteMsg .msgGroup:before {content: ''; display: inline-block; width: 140px; height: 140px; margin-bottom: 22px;}
.cptCompleteMsg .msgGroup .mainMsg {color: #000000; font-size: 32px;}
.cptCompleteMsg .msgGroup .mainMsg b {font-weight: 500;}
.cptCompleteMsg .msgGroup .subMsg {margin-top: 15px; color: #757575; font-size: 20px; line-height: 1.7;}
.cptCompleteMsg .msgGroup .fBlue {color: #0050a9;}

.cptCompleteMsg .msgGroup.icoApply:before {background: url(/common/images/common/apply_complete_icon.svg) center no-repeat;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptCompleteMsg {margin-bottom: 36px;}
    .cptCompleteMsg .msgGroup:before {width: 110px; height: 110px; margin-bottom: 25px;}
    .cptCompleteMsg .msgGroup .mainMsg {font-size: 20px; word-break: keep-all;}
    .cptCompleteMsg .msgGroup .subMsg {margin-top: 11.5px; font-size: 13px; line-height: 1.54; word-break: keep-all;}
    
    .cptCompleteMsg .msgGroup.icoApply:before {background-size: 110px;}
}

/* 기간 및 대상자 확인 안내문 */
.cptCheckPeriod {width: 100%; margin-bottom: 60px;}
.cptCheckPeriod .checkBox {width: 100%; height: 150px; padding-left: 140px; display: flex; align-items: center; background: #f5f5f5 url(/common/images/sub/icon_calendar.png) 30px center no-repeat;}
.cptCheckPeriod .checkBox .alertPeriod dt {font-size: 20px; font-weight: 500; color: #000;}
.cptCheckPeriod .checkBox .alertPeriod dd {margin-top: 2px; font-size: 16px; color: #000;}
.cptCheckPeriod .checkBox .alertPeriod .txtBlue {color: #0050a9;}
.cptCheckPeriod .comGuideTxt {margin-top: 10px;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptCheckPeriod {margin-bottom: 40px;}
    .cptCheckPeriod .checkBox {height: auto; min-height: 120px; padding: 20px 40px 20px 115px; align-items: center; background-image: url(/common/images/sub/icon_calendar_m.png); background-position: 20px 20px;}
    .cptCheckPeriod .checkBox .alertPeriod {margin-top: -3.5px;}
    .cptCheckPeriod .checkBox .alertPeriod dt {font-size: 14px; line-height: 1.43;}
    .cptCheckPeriod .checkBox .alertPeriod dd {margin-top: 3.5px; font-size: 13px; line-height: 1.54; word-break: keep-all;}
}

/* 개명신고 대상자 안내 */
.cptRenameTarget {display: flex; padding: 40px 40px 45px; border: 1px solid #0050a9; border-radius: 20px;}
.cptRenameTarget .targetTit {width: 33%; padding: 5px 8.9% 0 0;}
.cptRenameTarget .targetTit .titTxt {display: block; color: #000000; font-size: 30px; font-weight: 500; line-height: 1.2; word-break: keep-all;}
.cptRenameTarget .targetTit .titTxt b {color: #0050a9; font-size: 36px; font-weight: 700;}
.cptRenameTarget .targetTit .titTxt .hgl {box-shadow: inset 0 -26px 0 #ecf5fa;}
.cptRenameTarget .targetList {width: 67%;}
.cptRenameTarget .targetList > ul {display: flex; justify-content: space-between;}
.cptRenameTarget .targetList .item {flex: none; position: relative; width: 160px; height: 160px; padding-top: 17px; border: 10px solid #ecf5fa; border-radius: 50%; background: #ffffff; text-align: center;}
.cptRenameTarget .targetList .item:after {content: ''; position: absolute; left: 50%; bottom: -18px; transform: translateX(-50%); width: 42px; height: 50px; background: url(/common/images/common/icon_person.svg) center / cover no-repeat;}
.cptRenameTarget .targetList .item .num {display: inline-block; width: 18px; height: 18px; border-radius: 50%; background: #0050a9; color: #ffffff; font-size: 13px; font-weight: 500; line-height: 18px;}
.cptRenameTarget .targetList .item .type {display: block; margin-top: 8px; color: #000000; font-size: 20px; line-height: 1.3;}
.cptRenameTarget .targetList .item .type b {color: #0050a9; font-weight: 500;}

@media screen and (min-width: 100px) and (max-width: 950px) {
    .cptRenameTarget {flex-wrap: wrap;}
    .cptRenameTarget .targetTit {width: 100%; padding: 0;}
    .cptRenameTarget .targetList {width: 100%; margin-top: 40px;}
}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptRenameTarget {padding: 30px 20px 20px;}
    .cptRenameTarget .targetTit .titTxt {font-size: 16px;}
    .cptRenameTarget .targetTit .titTxt b {font-size: 22px;}
    .cptRenameTarget .targetTit .titTxt .hgl {box-shadow: inset 0 -17px 0 #ecf5fa;}
    .cptRenameTarget .targetList {margin-top: 20px;}
    .cptRenameTarget .targetList > ul {flex-wrap: wrap; justify-content: flex-start;}
    .cptRenameTarget .targetList .item {display: flex; align-items: center; width: 100%; height: 60px; margin-top: 10px; padding: 6px 22px 7px; border-width: 8px; border-radius: 60px; text-align: left;}
    .cptRenameTarget .targetList .item:first-child {margin-top: 0;}
    .cptRenameTarget .targetList .item:after {order: 1; position: static; transform: translateX(0); width: 26px; height: 31px; margin-right: 20px; background-size: cover;}
    .cptRenameTarget .targetList .item .num {order: 2; width: 16px; height: 16px; margin-right: 4px; font-size: 12px; line-height: 16px; text-align: center;}
    .cptRenameTarget .targetList .item .type {order: 3; margin-top: 0; font-size: 14px;}
    .cptRenameTarget .targetList .item .type br {display: none;}
}

/* 합격ㆍ성적조회 설문조사 안내문 */
.cptPageInfo {width: 100%; margin-bottom: 60px;}
.cptPageInfo .infoBox {width: 100%; padding: 50px 60px 50px 40px; border-radius: 20px; background: #f7f4f2 url(/common/images/sub/illust_investigation.svg) calc(100% - 50px) 50px no-repeat;}
.cptPageInfo .infoBox .infoTit {font-size: 32px; color: #000; line-height: 1.4375;}
.cptPageInfo .infoBox .infoTit b {font-size: 42px; font-weight: 700;}
.cptPageInfo .infoBox .infoTxt {margin-top: 35px; font-size: 16px; color: #000;}
.cptPageInfo .infoBox .infoTxt b {font-weight: 500;}
.cptPageInfo .infoBox .tBlue {color: #0050a9;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptPageInfo {margin-bottom: 30px;}
    .cptPageInfo .infoBox {padding: 28px 20px 150px; background-position: calc(100% - 20px) calc(100% - 20px); background-size: 157px;}
    .cptPageInfo .infoBox .infoTit {font-size: 16px; font-weight: 500; line-height: 1.25;}
    .cptPageInfo .infoBox .infoTit b {margin-top: -2.7px; font-size: 22px;}
    .cptPageInfo .infoBox .infoTxt {margin-top: 15px; font-size: 13px;}
    .cptPageInfo .infoBox .infoTxt br {display: none;}
    .cptPageInfo .infoBox .infoTxt br:first-child {display: inline;}
    .cptPageInfo .infoBox .infoTxt br:last-child {display: inline;}
}

/* 설문조사 문항 */
.cptInvest {width: 100%; margin-bottom: 60px; padding-right: 40px; border-top: 2px solid #000; border-bottom: 1px solid #e5e5e5;}
.cptInvest .qGroup .answerChk::after {display: block; content: ""; clear: both;}
.cptInvest .qGroup .answerChk .chkGroup {float: left; margin-right: 30px; position: relative;}
.cptInvest .qGroup .answerChk .chkGroup input[type=radio] {width: 1px; height: 1px; opacity: 0.01; position: absolute; top: -1px; left: -1px;}
.cptInvest .qGroup .answerChk .chkGroup input[type=radio] + label {display: inline-block; padding-left: 27px; line-height: 20px; font-size: 16px; color: #000; background: url(/common/images/common/icon_radio_off.png) 0 0 / 20px no-repeat; cursor: pointer;}
.cptInvest .qGroup .answerChk .chkGroup input[type=radio]:checked + label {background-image: url(/common/images/common/icon_radio_on.png);}
.cptInvest .qGroup .answerChk .chkGroup input[type=checkbox] {width: 1px; height: 1px; opacity: 0.01; position: absolute; top: -1px; left: -1px;}
.cptInvest .qGroup .answerChk .chkGroup input[type=checkbox] + label {display: inline-block; padding-left: 27px; line-height: 20px; font-size: 16px; color: #000; background: url(/common/images/common/icon_check_off.svg) 0 0 / 20px no-repeat; cursor: pointer;}
.cptInvest .qGroup .answerChk .chkGroup input[type=checkbox]:checked + label {background-image: url(/common/images/common/icon_check_on.svg);}
.cptInvest .qGroup .answerChk.ansLong .chkGroup {width: 100%;}
.cptInvest .qGroup .answerIpt {width: 100%;}
.cptInvest .qGroup .answerIpt textarea {min-height: 120px; padding: 15px 20px; border-radius: 0; font-size: 16px;}

.cptInvest.personal .item {padding: 30px 0 10px; border-bottom: 1px solid #e5e5e5;}
.cptInvest.personal .item:last-child {border-bottom: 0;}
.cptInvest.personal .question {margin-bottom: 15px; font-size: 20px; font-weight: 500; color: #000; box-shadow: inset 0 -15px #ecf5fa; display: inline-block;}
.cptInvest.personal .answerChk .chkGroup {margin-bottom: 20px;}
.cptInvest.personal .answerIpt textarea {margin-bottom: 20px;}

.cptInvest.number .item {margin: 30px 0 40px;}
.cptInvest.number .question {margin-bottom: 20px; position: relative;}
.cptInvest.number .question .num {width: 40px; height: 40px; margin-right: 10px; padding-top: 10px; text-align: right; font-size: 22px; font-weight: 500; color: #0050a9; display: inline-block; vertical-align: bottom; background: url(/common/images/sub/num_invest.png) center no-repeat; position: absolute; top: 0; left: 0;}
.cptInvest.number .question .txt {width: 100%; padding: 14px 0 0 50px; font-size: 18px; font-weight: 500; color: #000; display: inline-block; vertical-align: bottom; word-break: keep-all;}
.cptInvest.number .question .txt i {font-style: normal; font-size: 16px; font-weight: 400; color: #0050a9;}
.cptInvest.number .answerChk {padding-left: 50px;}
.cptInvest.number .answerChk .chkGroup {margin-bottom: 12px;}
.cptInvest.number .answerIpt {padding-left: 50px;}
.cptInvest.number .answerIpt textarea {margin-bottom: 12px;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptInvest {margin-bottom: 40px; padding-right: 0;}
    .cptInvest .qGroup .answerChk .chkGroup {width: 50%; margin-right: 0; padding-right: 10px;}
    .cptInvest .qGroup .answerChk .chkGroup input[type=radio] + label {padding-left: 25px; font-size: 14px; word-break: keep-all;}
    .cptInvest .qGroup .answerChk .chkGroup input[type=checkbox] + label {padding-left: 25px; font-size: 14px; word-break: keep-all;}
    .cptInvest .qGroup .answerChk.ansLong .chkGroup {padding-right: 0;}
    .cptInvest .qGroup .answerIpt textarea {min-height: 150px; border-radius: 10px; font-size: 14px;}

    .cptInvest.personal .item {padding: 16px 0 20px;}
    .cptInvest.personal .question {margin-bottom: 20px; font-size: 14px; box-shadow: inset 0 -10px #ecf5fa;}
    .cptInvest.personal .answerChk .chkGroup {margin-bottom: 10px;}
    .cptInvest.personal .answerIpt textarea {margin-bottom: 10px;}

    .cptInvest.number .item {margin: 20px 0 30px;}
    .cptInvest.number .question {margin-bottom: 16px;}
    .cptInvest.number .question .num {width: 26px; height: 26px; font-size: 14px; line-height: 1.2; background-image: url(/common/images/sub/num_invest_m.svg);}
    .cptInvest.number .question .txt {padding: 6px 0 0 36px; font-size: 14px; line-height: 1.43;}
    .cptInvest.number .question .txt i {font-size: 12px;}
    .cptInvest.number .answerChk {padding-left: 0;}
    .cptInvest.number .answerChk .chkGroup {margin-bottom: 10px;}
    .cptInvest.number .answerIpt {padding-left: 0;}
    .cptInvest.number .answerIpt textarea {margin-bottom: 10px;}
}

/* 설문조사 안내 */
.cptInfoBox {width: 100%; margin-bottom: 60px;}
.cptInfoBox .infoBox {width: 100%; padding: 26px 30px; background: #ecf5fa;}
.cptInfoBox .infoBox .txt {font-size: 16px; color: #000; line-height: 1.875;}
.cptInfoBox .infoBox .radio_chk {width: 26px; height: 20px; font-size: 0; background: url(/common/images/common/icon_radio_on.png) center / 20px no-repeat; display: inline-block; vertical-align: middle;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptInfoBox {margin-bottom: 40px;}
    .cptInfoBox .infoBox {padding: 16px 20px 16px 10px;}
    .cptInfoBox .infoBox .txt {font-size: 13px; line-height: 1.54; word-break: keep-all;}
    .cptInfoBox .infoBox .radio_chk {width: 25px; height: 21px; background-size: 16px;}
}

/* 일자리정보 - 잡스포이즈 이동 */
.cptJobSpois {border: 1px solid #e5e5e5;}
.cptJobSpois .jobSpoisArea {padding: 75px 10px 100px;}
.cptJobSpois .pcView {}
.cptJobSpois .mView {display: none;}
.cptJobSpois .topPhrase {margin-bottom: 18px; text-align: center;}
.cptJobSpois .topPhrase .phraseMain {display: block; color: #000000; font-size: 45px; font-weight: 300; font-style: normal; line-height: 1.33; text-align: center; word-break: keep-all;}
.cptJobSpois .topPhrase .phraseMain b {font-weight: 700;}
.cptJobSpois .topPhrase .phraseMain .fBlue {color: #0050a9;}
.cptJobSpois .topPhrase .phraseMain .fOrange {color: #f89321;}
.cptJobSpois .topDesc {margin-bottom: 12px; text-align: center;}
.cptJobSpois .topDesc dt {color: #000000; font-size: 22px; font-weight: 700;}
.cptJobSpois .topDesc dd {margin-top: 6px; color: #757575; font-size: 16px; line-height: 1.75; word-break: keep-all;}
.cptJobSpois .topDesc:after {content: ''; display: inline-block; width: 76.4%; margin-top: 20px; padding-top: 41.67%; background: url(/common/images/common/jobspois_img.jpg) center / cover no-repeat;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptJobSpois .jobSpoisArea {padding: 32px 10px 20px;}
    .cptJobSpois .pcView {display: none;}
    .cptJobSpois .mView {display: inline;}
    .cptJobSpois .topPhrase .phraseMain {font-size: 22px; line-height: 1.36;}
    .cptJobSpois .topDesc {margin-bottom: 17px;}
    .cptJobSpois .topDesc dl {padding: 0 10px;}
    .cptJobSpois .topDesc dt {font-size: 16px;}
    .cptJobSpois .topDesc dd {margin-top: 8px; font-size: 13px; line-height: 1.54;}
    .cptJobSpois .topDesc:after {width: 100%; margin-top: 24px; padding-top: 55.22%;}
    
    .cptJobSpois .comGuideTxt {padding: 0 30px;}
}

/* 과목총괄표 테이블 */
.cptCategoryTable {width: 100%;}
.cptCategoryTable .nowCate {width: 100%; padding: 22px 30px; margin-bottom: 20px; border-radius: 10px; background: #ecf5fa;}
.cptCategoryTable .nowCate::after {display: block; content: ''; clear: both;}
.cptCategoryTable .nowCate .nowTit {font-size: 18px; font-weight: 500; color: #000; float: left;}
.cptCategoryTable .nowCate .kindNum {float: right;}
.cptCategoryTable .nowCate .kindNum .kindGroup .item { margin-left: 27px; line-height: 25px; font-size: 18px; font-weight: 500; color: #000; display: inline-block;}
.cptCategoryTable .nowCate .kindNum .kindGroup .item .tag {height: 25px; padding: 0 12px; margin-right: 10px; border-radius: 12.5px; font-size: 15px; color: #fff; display: inline-block; vertical-align: middle;}
.cptCategoryTable .nowCate .kindNum .kindGroup .item .tag.red {background: #cb0000;}
.cptCategoryTable .nowCate .kindNum .kindGroup .item .tag.orange {background: #f89321;}

.cptCategoryTable .cateTable {width: 100%; border-top: 2px solid #000;}
.cptCategoryTable .cateTable::after {display: block; content: ""; clear: both;}
.cptCategoryTable .cateTable .item {width: 25%; height: 50px; line-height: 50px;border-bottom: 1px solid #e5e5e5; border-right: 1px solid #e5e5e5; float: left; position: relative;}
.cptCategoryTable .cateTable .item:nth-child(4n) {border-right: none;}

.cptCategoryTable .cateTable .item::after {display: none; content: "";width: 36px; height: 20px; border-radius: 10px; text-align: center; line-height: 20px; font-size: 13px; font-weight: 500; color: #fff; position: absolute; top: 14px; right: 20px;}
.cptCategoryTable .cateTable .item.optinal {font-weight: 500; background: #f7f4f2;}
.cptCategoryTable .cateTable .item.optinal::after {display: block; content: "선택"; background: #f89321;}
.cptCategoryTable .cateTable .item.compul {font-weight: 500; background:#fdf2f2;}
.cptCategoryTable .cateTable .item.compul::after {display: block; content: "필수"; background: #cb0000;}

.cptCategoryTable .cateTable .subject {width: 100%; padding: 0 60px 0 20px; font-size: 16px; color: #000; display: inline-block; line-height: 1.5;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptCategoryTable .nowCate {padding: 10px 20px; margin-bottom: 10px;}
    .cptCategoryTable .nowCate .nowTit {width: 100%; font-size: 14px;}
    .cptCategoryTable .nowCate .kindNum {width: 100%; margin-top: 3px; text-align: right;}
    .cptCategoryTable .nowCate .kindNum .kindGroup .item { margin-left: 10px; line-height: 20px; font-size: 14px;}
    .cptCategoryTable .nowCate .kindNum .kindGroup .item .tag {height: 20px; padding: 0 7px; margin-right: 3px; border-radius: 10px; font-size: 11px;}
    
    .cptCategoryTable .cateTable .item {width: 50%; height: 50px; line-height: 50px;}
    .cptCategoryTable .cateTable .item:nth-child(4n) {border-right: 1px solid #e5e5e5;}
    .cptCategoryTable .cateTable .item:nth-child(2n) {border-right: none;}
    .cptCategoryTable .cateTable .item.empty {display: none;}
        
    .cptCategoryTable .cateTable .item::after {width: 34px; font-size: 11px; position: absolute; top: 15px; right: 10px;}
    .cptCategoryTable .cateTable .subject {padding: 0 50px 0 10px; margin-top: -5px; font-size: 14px; line-height: 1.3;vertical-align: middle;}
}

/* 진행절차 (자격증 불법대여신고) */
.cptReportProg {margin-bottom: 50px;}
.cptReportProg .reportProgArea {}
.cptReportProg .progList {display: flex;}
.cptReportProg .progList .item {display: flex; flex-flow: column wrap; align-items: center; position: relative; width: calc(100% / 3 - 50px); text-align: center;}
.cptReportProg .progList .item:first-child {align-content: flex-start; width: calc((100% / 6) + 50px);}
.cptReportProg .progList .item:last-child {align-content: flex-end; width: calc((100% / 6) + 50px);}
.cptReportProg .progList .item:before {content: ''; display: inline-block; width: 150px; height: 150px; margin-bottom: -10px; border-radius: 50%; background-color: #ecf5fa; background-repeat: no-repeat; background-position: center;}
.cptReportProg .progList .item.prog01:before {background-image: url(/common/images/common/report_prog_icon01.svg);}
.cptReportProg .progList .item.prog02:before {background-image: url(/common/images/common/report_prog_icon02.svg);}
.cptReportProg .progList .item.prog03:before {background-image: url(/common/images/common/report_prog_icon03.svg);}
.cptReportProg .progList .item.prog04:before {background-image: url(/common/images/common/report_prog_icon04.svg);}
.cptReportProg .progList .item:after {content: ''; position: absolute; right: -10px; top: 64.5px; width: 21px; height: 21px; background: url(/common/images/common/icon_arrow_blue.svg) center no-repeat;}
.cptReportProg .progList .item:last-child:after {content: none;}
.cptReportProg .progList .item .step {display: inline-block; min-width: 60px; padding: 0 11px; border-radius: 10px; background: #0050a9; color: #ffffff; font-size: 12px; line-height: 1.67; text-align: center;}
.cptReportProg .progList .item .task {display: block; margin-top: 7px; color: #000000; font-size: 20px; font-weight: 500; text-align: center;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptReportProg {margin-bottom: 30px;}
    .cptReportProg .progList {flex-direction: column;}
    .cptReportProg .progList .item {flex-flow: row wrap; width: 100%; min-height: 70px; margin-bottom: 20px; padding: 14px 0 15px 30.5px; border-radius: 100px; background: #ecf5fa;}
    .cptReportProg .progList .item:first-child {align-content: center; width: 100%;}
    .cptReportProg .progList .item:last-child {align-content: center; width: 100%;}
    .cptReportProg .progList .item:before {content: ''; display: inline-block; width: 52px; height: 41px; margin-bottom: 0; margin-right: 18px; border-radius: 0; background-color: none; background-position: center;}
    .cptReportProg .progList .item.prog01:before {background-size: 52px auto;}
    .cptReportProg .progList .item.prog02:before {background-size: 45px auto;}
    .cptReportProg .progList .item.prog03:before {background-size: 40px auto;}
    .cptReportProg .progList .item.prog04:before {background-size: 26px auto;}
    .cptReportProg .progList .item:after {right: calc(50% - 7px); top: 100%; width: 14px; height: 20px; background-image: url(/common/images/common/icon_arrow_blue_m.svg);}
    .cptReportProg .progList .item .step {min-width: 50px; margin-right: 6px; padding: 0 10.5px; font-size: 10px; line-height: 2;}
    .cptReportProg .progList .item .task {margin-top: 0; font-size: 14px; font-weight: 500;}
}

/* 자격제도 시스템안내 */
.cptSystemInfo {width: 100%; margin-bottom: 10px;}
.cptSystemInfo .partTab {width: 100%; padding: 10px 35px 10px 20px; background: #f7f4f2 url(/common/images/common/icon_arw_bottom_k.svg) calc(100% - 20px) center / 12px no-repeat; cursor: pointer;}
.cptSystemInfo .partTab.on {background-image: url(/common/images/common/icon_arw_top_k.svg);}
.cptSystemInfo .partTab .tabTxt {font-size: 18px; font-weight: 500; color: #000;}
.cptSystemInfo .partTab .tabTxt i {margin-left: 3px; font-style: normal; font-size: 15px; font-weight: 400; display: inline-block; vertical-align: middle;}
.cptSystemInfo .partWrap {width: 100%; padding: 25px 0; overflow: hidden; display: none;}
.cptSystemInfo .partTab.on + .partWrap {display: block;}
.cptSystemInfo .cptTable {margin: 15px 0 20px;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptSystemInfo .partTab {width: 100%; padding: 12.5px 35px 12.5px 10px; background-position-x: calc(100% - 10px);}
    .cptSystemInfo .partTab.on {background-image: url(/common/images/common/icon_arw_top_k.svg);}
    .cptSystemInfo .partTab .tabTxt {font-size: 14px;}
    .cptSystemInfo .partTab .tabTxt i {margin-left: 0; margin-top: -2px; font-size: 12px;}
    .cptSystemInfo .partWrap {padding: 20px 0;}
    .cptSystemInfo .cptTable {margin: 10px 0;}
}

/* 사이트맵 */
.cptSitemap {margin-top: 60px;}
.cptSitemap .sitemapArea {}
/* .cptSitemap .sitemapList {margin-bottom: 40px;} */
.cptSitemap .sitemapList:last-child {margin-bottom: 0;}
.cptSitemap .sitemapList .depth1List {display: flex; flex-wrap: wrap;}
.cptSitemap .sitemapList .depth1Menu {max-width: 224px; width: calc(20% - 16px); margin-right: 20px;}
.cptSitemap .sitemapList .depth1Menu:nth-child(5n) {margin-right: 0;}
.cptSitemap .sitemapList .depth1Menu:nth-child(n+6) {margin-top: 40px;}
.cptSitemap .sitemapList .depth1Menu > .tit {display: block; width: 100%; height: 60px; padding: 0 5px; border-radius: 10px; background: #0050a9; color: #ffffff; font-size: 18px; font-weight: 500;text-align: center; display: flex; flex-wrap: wrap; justify-content: center; align-items: center;}
.cptSitemap .sitemapList .depth2List {position: relative; margin-top: 20px;}
.cptSitemap .sitemapList .depth2List:before {content: ''; position: absolute; left: 50%; top: -20px; width: 1px; height: 20px; background: #e5e5e5;}
.cptSitemap .sitemapList .depth2Menu {display: flex; justify-content: center; align-items: center; position: relative; width: 100%; height: 46px; margin-bottom: 10px; padding: 0 5px; border: 1px solid #ccc; border-radius: 10px; text-align: center;}
.cptSitemap .sitemapList .depth2Menu:last-child {margin-bottom: 0;}
.cptSitemap .sitemapList .depth2Menu:after {content: ''; position: absolute; left: 50%; bottom: -11px; width: 1px; height: 10px; background: #e5e5e5;}
.cptSitemap .sitemapList .depth2Menu:last-child:after {content: none;}
.cptSitemap .sitemapList .depth2Menu > a {color: #000000; font-size: 16px; }

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptSitemap {margin-top: 30px;}
    .cptSitemap .sitemapList {margin-bottom: 20px;}
    .cptSitemap .sitemapList .depth1List {flex-wrap: wrap;}
    .cptSitemap .sitemapList .depth1Menu {max-width: none; width: calc(33.3333% - 10px); margin-right: 10px; }
    .cptSitemap .sitemapList .depth1Menu:nth-child(5n) {margin-right: 10px;}
    .cptSitemap .sitemapList .depth1Menu:nth-child(n+4) {margin-top: 20px;}
    .cptSitemap .sitemapList .depth1Menu:nth-child(3n) {margin-right: 0;}
    .cptSitemap .sitemapList .depth1Menu > .tit { height: 52px; font-size: 16px;}
    .cptSitemap .sitemapList .depth2Menu { height: 46px;}
    .cptSitemap .sitemapList .depth2Menu > a { font-size: 14px; }
}

/* 이메일 무단수집거부 */
.cptEmailInfo {max-width: 900px; width: 100%; margin: 60px auto 0; border-radius: 10px; background: #f7f4f2;}
.cptEmailInfo .emailInfoArea {padding: 43px 40px 29px;}
.cptEmailInfo .infoMsgGrp {padding: 0 366px 28px 0; background: url(/common/images/common/email_info_img.svg) calc(100% - 6px) top no-repeat;}
.cptEmailInfo .infoMsgGrp .infoMsg {color: #000000; font-size: 18px; line-height: 1.67; word-break: keep-all;}
.cptEmailInfo .infoMsgGrp b {font-weight: 500;}
.cptEmailInfo .infoMsgGrp .txtBlue {color: #0050a9;}
.cptEmailInfo .addMsg {color: #757575; font-size: 16px; font-style: normal;}

.cptEmailInfo .infoMsg + .addMsg {display: block; margin-top: 7px;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptEmailInfo {margin: 40px auto 0; border-radius: 20px;}
    .cptEmailInfo .emailInfoArea {padding: 26px 16px 21px 20px;}
    .cptEmailInfo .infoMsgGrp {padding: 0 4px 131px 0; background-position: right bottom; background-size: 180px;}
    .cptEmailInfo .infoMsgGrp .infoMsg {font-size: 13px; line-height: 1.54;}
    .cptEmailInfo .infoMsgGrp .infoMsg br {display: none;}
    .cptEmailInfo .addMsg {font-size: 12px;}
    
    .cptEmailInfo .infoMsg + .addMsg {margin-top: 4px;}
}


/* 찾아오시는 길 */
.cptRoadmap {width: 100%;}
.cptRoadmap .mapArea {width: 100%; margin-bottom: 20px;}
.cptRoadmap .mapArea img {width: 100%;}
.cptRoadmap .roadArea {width: 100%;}
.cptRoadmap .roadGroup {width: 100%; padding: 10px 30px 20px; background: #ecf5fa;}
.cptRoadmap .roadGroup .item {width: 100%; min-height: 150px; padding: 20px 0 20px 140px; border-bottom: 1px solid #e5e5e5; background: left center no-repeat; display: flex; align-items: center; flex-wrap: wrap;}
.cptRoadmap .roadGroup .item:last-child {border-bottom: 0;}
.cptRoadmap .roadGroup .item.address {background-image: url(/common/images/sub/icon_address.svg);}
.cptRoadmap .roadGroup .item.road {background-image: url(/common/images/sub/icon_road.svg);}
.cptRoadmap .roadGroup .roadTit {width: 100%; font-size: 22px; font-weight: 700; color: #0050a9;}
.cptRoadmap .roadGroup .roadDesc {width: 100%; }
.cptRoadmap .roadGroup .roadDesc .unit {width: 100%; margin-bottom: 5px; padding-left: 13px; font-size: 16px; color: #000; position: relative;}
.cptRoadmap .roadGroup .roadDesc .unit::after {display: block; content: ""; width: 5px; height: 5px; border-radius: 50%; background: #000; position: absolute; top: 10px; left: 0;}
.cptRoadmap .roadGroup .roadDesc .unit:last-child {margin-bottom: 0;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptRoadmap .mapArea {height: 300px; overflow: hidden;}
    .cptRoadmap .mapArea img {height: 100%; object-fit: cover;}
    .cptRoadmap .roadGroup {padding: 20px 20px 28px;}
    .cptRoadmap .roadGroup .item {min-height: 0; padding: 0; background: none;}
    .cptRoadmap .roadGroup .item.address {padding-bottom: 18px; background-image: none;}
    .cptRoadmap .roadGroup .item.road {padding-top: 20px; background-image: none;}
    .cptRoadmap .roadGroup .roadTit {margin-bottom: 8px; padding: 6px 0 6px 43px; background-repeat: no-repeat; background-position: 0 0; background-size: 36px; font-size: 16px;}
    .cptRoadmap .roadGroup .item.address .roadTit {background-image: url(/common/images/sub/icon_address.svg);}
    .cptRoadmap .roadGroup .item.road .roadTit {background-image: url(/common/images/sub/icon_road.svg);}
    .cptRoadmap .roadGroup .roadDesc .unit {padding-left: 8px; font-size: 13px; line-height: 1.38; word-break: keep-all;}
    .cptRoadmap .roadGroup .roadDesc .unit::after {width: 3px; height: 3px; top: 8px;}
}


/* --------------------------------- 팝업 --------------------------------- */
/* 알림 공통 팝업 */
.cptPopAlert {width: 100%; margin-bottom: 35px;}
.cptPopAlert .alertArea {width: 100%; padding-top: 100px; text-align: center; background: center top no-repeat;}
.cptPopAlert .alertArea.error {background-image: url(/common/images/common/icon_error.svg);}
.cptPopAlert .alertArea.alert {background-image: url(/common/images/common/icon_alert.svg);}
.cptPopAlert .alertArea.info {background-image: url(/common/images/common/icon_info.svg);}
.cptPopAlert .alertArea .alertTit {font-size: 30px; font-weight: 500; color: #000;}
.cptPopAlert .comPopdesc {margin: 3px 0 0 0;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .cptPopAlert .alertArea {padding-top: 80px; background-size: 60px;}
    .cptPopAlert .alertArea .alertTit {font-size: 24px;}
}
/* ------------------------------------------------------------------------------------------------------ */
/* --------------------------------------- Form Group --------------------------------------- */
/* ------------------------------------------------------------------------------------------------------ */

/* 폼그룹 */
.formGroup .formList::after {display: block; content: ""; clear: both;}
.formGroup .formList.inline .item {margin-right: 5px; float: left;}
.formGroup .formList.inline .item:last-child {margin-right: 0;}

/* 검색 */
.searchForm {position: relative;}
.searchForm .searchBtn {width: 20px; height: 20px; font-size: 0; background: url(/common/images/common/icon_search.svg) center no-repeat; position: absolute; right: 14px; top: 50%; transform: translateY(-50%);}

/* 인풋 */
select {width: 100%; height: 46px; border: 1px solid #ccc; padding: 0 23px 0 13px; font-size: 15px; letter-spacing: -0.05em; color: #757575; background: url(/common/images/common/icon_select.png) calc(100% - 14px) center no-repeat;}
input {width: 100%; height: 46px; border: 1px solid #ccc; padding: 0 13px; font-size: 15px; letter-spacing: -0.05em; color: #000;}
input::-webkit-input-placeholder {color: #c2c2c2;}
input::-ms-input-placeholder {color: #c2c2c2;}
input:-ms-input-placeholder {color: #c2c2c2;}
input:disabled {background: #f1f1f1;}
textarea {width: 100%; padding: 26px 20px;  border: 1px solid #ccc; border-radius: 10px; font-size: 18px; color: #000; line-height: 1.67; resize: none;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    textarea {padding: 15px 20px; font-size: 14px;}
}
/* 라디오 */

/* 체크박스 */

@media screen and (min-width: 100px) and (max-width: 767px) {
    /* 검색 */
    .searchForm .searchBtn {width: 15px; height: 16px; background-size: 15px;}
}

/* 버튼그룹 */
.comBtnGroup {margin: 60px 0;}
.comBtnGroup:last-child {margin-bottom: 0;}
.comBtnGroup .btnArea {text-align: center;}
.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;}

/* 버튼 */
.btn {display: inline-block; margin-right: 2px;}
.btn:last-child {margin-right: 0;}

/* 버튼 - 칼라 */
.btn.red {}
.btn.blue {background: #0050a9; border: 1px solid #0050a9; color: #fff;}
.btn.dark {}
.btn.grey {background: #757575; border: 1px solid #757575; color: #fff;}

.btn.blueLine {border: 1px solid #0050a9; color: #0050a9;}
.btn.bkLine {border: 1px solid #000000; color: #000000;}

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


/* 버튼 용도 */
.btn.crudL {min-width:150px; height: 50px; line-height: 49px; border-radius: 10px; font-size: 16px; text-align: center;} /* 페이지 하단 */
.btn.gridTop {} /* 그리드 상단버튼 */
.btn.gridIn {} /* 그리드 내부버튼 */
.btn.tableInM {min-width:49px; margin:3px 0 0 0; padding:0 10px; font-size:16px; font-weight:500; line-height:29px; border-radius:5px;}/* 테이블 내 버튼 (중) */
.btn.tableInM:first-child {margin: 0;}
.btn.tableInL {min-width:80px; margin:3px 0 0 0; padding:0 15px; font-size:16px; font-weight:500; line-height:29px; border-radius:5px;}/* 테이블 내 버튼 (대) */
.btn.tableInL:first-child {margin: 0;}

.btn.tableInS {} /* 테이블 내 버튼 (소) */
.btn.step {min-width: 200px; padding: 0 50px; height: 60px; line-height: 59px; border-radius: 10px; text-align: center; font-size: 18px; font-weight: 500; } /* 확인,취소,다음 등 */
.btn.popup {width: 100%; height: 75px; line-height: 74px; border-radius: 10px; text-align: center; font-size: 20px; font-weight: 700;} /* 팝업 버튼 */
.btn.quickLink {height: 60px; padding: 0 72px; border-radius: 30px; line-height: 59px; font-size: 18px; font-weight: 500;}
.btn.quickLink::after {display: inline-block; content: ""; width: 18px; height: 18px; margin: -3px 0 0 5px; vertical-align: middle; background: url(/common/images/common/btn_arrow.png) center no-repeat;}

.btnLogin {width: 100%; height: 75px; line-height: 75px; border-radius: 10px; font-size: 20px; font-weight: 700; } /* 멤버십 버튼 */
.btnLogin.blue {background: #0050a9; color: #fff;}
.btnLogin.grey {background: #757575; color: #fff;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    .comBtnGroup {margin: 30px 0;}
    .comBtnGroup .btnArea.mOne .btn {width: 100%;}

    .comBtnGroup.pop {margin-top: 30px;}
    .comBtnGroup.mid {margin:30px 0;}

    /* 버튼 용도 */
    .btn.crudL {width:100%; height: 46px; line-height: 45px;font-size: 14px; font-weight: 500;} /* 페이지 하단 */
    .btn.tableInM {min-width:53px; margin: 0; font-size:13px; line-height:25px; border-radius:30px;}/* 테이블 내 버튼 (중) */
    .btn.tableInL {min-width:53px; margin: 0; padding:0 10px; font-size:13px; line-height:25px; border-radius:30px;}/* 테이블 내 버튼 (중) */

    .btn.step {min-width: auto; width: calc(50% - 3px); padding: 0; height: 56px; line-height: 55px; font-size: 16px;} /* 확인,취소,다음 등 */
    .btn.popup {height: 46px; line-height: 45px; font-size: 14px; font-weight:500;} /* 팝업 버튼 */
    .btn.quickLink {padding: 0 100px 0 30px; line-height: 1.4; font-size: 13px; display: flex; align-items: center; position: relative; text-align: left; word-break: keep-all;}
    .btn.quickLink::after {margin:0;  position: absolute; top: 50%; right: 20px; transform: translateY(-50%);}

    .btnLogin {width: 100%; height: 56px; line-height: 56px; font-size: 16px; font-weight: 500;} /* 멤버십 버튼 */
}

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

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


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


/* 컨텐츠 별 간격 예외사항 */

/* 컨텐츠 타이틀 */
.comLoginTit + .comContTit {margin-top: 60px;} /* 로그인타이틀 + 컨텐츠 타이틀 */
.comLoginCert + .comContTit {margin-top: 60px;}/* 실명인증 + 컨텐츠 타이틀 */
.comPagination + .comContTit {margin-top: 60px;} /* 게시판 페이지네이션 + 컨텐츠 타이틀 */

/* 컨텐츠 이미지타이틀 */
.comReference + .comIconTit {margin-top: -20px;} /* 페이지 안내문 + 컨텐츠 이미지타이틀 */

/* Bullet안내문 */
.cptTable + .cptBulletCheck {margin-top: -30px;} /* 테이블 + Bullet안내문 */

/* 추가사항 안내문 */
.cptBultDesc + .cptAddsDesc {margin-top: -50px;} /* Bullet안내문 + 추가사항 안내문 */
.cptTable + .cptAddsDesc {margin-top: -50px;} /* Table + 추가사항 안내문 */

/* 페이지 안내문 */
.comPagination + .comReference {margin-top: 60px;} /* 페이지네이션 + 페이지 안내문 */

/* 이전글/다음글 */
.cptBoardview + .comNavi {border-top: none;} /* 게시판 뷰 + 이전글/다음글 */

/* 버튼영역 */
.comReference + .comBtnGroup {margin-top: -40px;} /* 페이지 안내문 + 중간 버튼그룹 */
.comNavi + .comBtnGroup {margin-top: 40px;} /* 이전글/다음글 + 버튼영역 */
.comGuideTxt + .comBtnGroup {margin-top: 25px;} /* 중간 안내문구 + 버튼영역 */
.cptPopAlert + .comBtnGroup {margin-top: 35px;} /* 알림용 공통팝업 + 버튼영역 */
.cptLogin .loginRequest + .comBtnGroup {margin-top: 45px;}

/* QnA 폼 */
.cptRenameTarget + .cptFormQnA {margin-top: 40px;} /* 개명신고 */

/* 안내문(법령) */
.cptAddsDesc + .cptAddsDesc {margin-top: -40px;} /* 안내 + 안내 */

/* 로그인 인증 */
.comStepProg + .comLoginCert {border-top: 0;}
.comStepProg + .comLoginCert .certGuide {padding-top: 0;}

/* form 테이블 */
.comPagination + .cptFormTable {margin-top:60px;}

@media screen and (min-width: 100px) and (max-width: 767px) {
    /* 컨텐츠 타이틀 */
    .comLoginTit + .comContTit {margin-top: 40px;} /* 로그인타이틀 + 컨텐츠 타이틀 */
    .comLoginCert + .comContTit {margin-top: 40px;}/* 실명인증 + 컨텐츠 타이틀 */
    .comPagination + .comContTit {margin-top: 40px;} /* 게시판 페이지네이션 + 컨텐츠 타이틀 */

    /* Bullet안내문 */
    .cptTable + .cptBulletCheck {margin-top: 0;} /* 테이블 + Bullet안내문 */

    /* 추가사항 안내문 */
    .cptBultDesc + .cptAddsDesc {margin-top: -30px;} /* Bullet안내문 + 추가사항 안내문 */
    .cptTable + .cptAddsDesc {margin-top: -30px;} /* Table + 추가사항 안내문 */

    /* 페이지 안내문 */
    .comPagination + .comReference {margin-top: 40px;} /* 페이지네이션 + 페이지 안내문 */

    /* 버튼영역 */
    .comReference + .comBtnGroup {margin-top: -25px;} /* 페이지 안내문 + 중간 버튼그룹 */
    .cptLogin .loginRequest + .comBtnGroup {margin-top: 30px;}

    /* 안내문(법령) */
    .cptAddsDesc + .cptAddsDesc {margin-top: -10px;} /* 안내 + 안내 */

    /* form 테이블 */
    .comPagination + .cptFormTable {margin-top:40px;}
}