/******************************************
*******************************************
    레이아웃 - 추후 공통으로 적용 필요
*******************************************
******************************************/
.sign-up-wrap { padding-top: 88px; } 
.sign-up-wrap * {line-height: 150%; }
.sign-up-wrap .title-banner { background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/sign-up/sign-up-bg01.png');}
/******************************************
*******************************************
              참가신청 콘텐츠
*******************************************
******************************************/
.sign-up-section { padding: 3rem 0; background-color: #F3F3F6; box-sizing: border-box; }
.sign-up-box { width: 100%; max-width: 1080px; margin: 0 auto; padding: 3rem 4.6rem; border-radius: var(--r-radius01); background-color: #fff; box-sizing: border-box; }
.sign-up-box > .sign-up-title { display: flex; justify-content: space-between; align-items: center; margin-bottom: 2rem; padding-bottom: 8px; border-bottom: 1px solid #E4E8F1; font-size: var(--f-fontSize04); font-weight: 700; }
.sign-up-title span { display: block; font-size: var(--f-detail); font-weight: 500; color: #18A149; }
.wrapInput { display: flex; gap: 24px; }
.wrapInput .sign-up-con { display: flex; flex-direction: column; justify-content: space-between; width: calc(50% - 12px); }
.wrapInput .sign-up-con .title { font-weight: 400; }
.sign-up-text { font-size: 16px; margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px solid #000; color: #565857; font-weight: 500; }
.sign-up-con { margin-bottom: 3rem; }
.sign-up-con .title { font-size: var(--f-body1); font-weight: 500; margin-bottom: .4rem; }
.sign-up-con .title .desc { margin-left: .4rem; font-size: var(--f-detail); color: var(--c-text03); }
.sign-up-con .subText { font-size: var(--f-detail); font-weight: 500; color: #18A149; }
.sign-up-con > input { width: 100%; padding: 12px 16px; font-size: var(--f-body2); border: 1px solid #C5C5C5; border-radius: 8px; box-sizing: border-box; color: #000; }
.sign-up-con > input::placeholder { color: var(--c-text03); }
.sign-up-con > input:focus { outline: none; border-color: #1EC95B; }
.sign-up-con .wrapSelect { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-top: .8rem; text-align: center; }
.sign-up-con .wrapSelect label {display: flex; justify-content: center; align-items: center;}
.sign-up-con .wrapSelect label strong { font-size: 1rem;}
.sign-up-con.period .wrapSelect { grid-template-columns: repeat(4,1fr); }
.sign-up-con.period .labelText { min-height: auto; }
.sign-up-con .wrapSelect input[type="radio"] , .sign-up-con .wrapSelect input[type="checkbox"] { display: none; visibility:hidden; }
.sign-up-con .wrapSelect input[type="radio"]:checked + .labelText, .sign-up-con .wrapSelect input[type="checkbox"]:checked + .labelText { background-color: #ECFBF2; border-color: #1EC95B; }
.sign-up-con .labelText { display: block; width: 100%; height: 100%; min-height: 3.7rem; padding: 1.2rem .8rem; border-radius: 8px; border: 1px solid #C5C5C5; box-sizing: border-box; cursor: pointer; }
.sign-up-con .labelText.middle { display: flex; align-items: center; justify-content: center; }
.sign-up-con .labelText strong { display: block; font-size: var(--f-body1); line-height: 145%; }
.sign-up-con .labelText p { font-size: var(--f-body2); margin: 4px 0; }
.sign-up-con .labelText span { display: block; font-size: .65rem; color: var(--c-text02); }
.interest .labelText span { margin-top: .4rem; font-size: var(--f-detail); }
.seminar-box { border-bottom: 1px dotted #e6e6e6; margin-bottom: 16px; }
.seminar-box .seminar-title { margin-bottom: 16px; padding-bottom: 16px; border-bottom: 1px dotted #e6e6e6; font-size: 16px; }
.seminar-box .seminar-title > span { color: #565857; font-size: 14px; font-weight: 500; }
.seminar-box .seminar-con { display: flex; align-items: flex-start; margin-bottom: 16px; }
.seminar-box .seminar-con > span { font-size: 14px; font-weight: 400; color: #565857; word-break: keep-all; }
.seminar-box .seminar-con > span:last-child { margin-left: 8px; }
.seminar-box .seminar-con > span > label { display: inline-block; margin: 0 0 8px 0; font-size: 14px; word-break: keep-all; color: #565857; font-family: 'NS'; font-weight: 500; }
.information-box { padding-top: 2rem; border-top: 1px solid #C5C5C5; }
.information-box textarea { overflow-x: hidden; overflow-y: auto; display: none; width: 100%; border: 1px solid #C5C5C5; padding: 10px; box-sizing: border-box; }
.information-box .open textarea { display: block; margin: .8rem 0; }
.information-box .column-prv { margin-bottom: .6rem; }
.information-box .column-prv.last { margin-bottom: 0; }
.information-box .prv { position: relative; }
.information-box .prv label { display:flex; align-items: center; width: fit-content;font-size: var(--f-body1); word-break: keep-all; cursor: pointer; }
.information-box .prv label > input { display: none; visibility:hidden; }
.information-box .prv label > input:checked + span { background-position: -28px 0; }
.information-box .prv label > span { display: block; width: 24px; height: 24px; margin-right: 12px; background: url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/sign-up/iconCheck_sprite.png') no-repeat; background-size: auto 24px; background-position: 0 0; }
.information-box .prv .btnMore { position: absolute; top: 0; right: 0; border-bottom: 1px solid #999; font-size: var(--f-body1); color: var( --c-text04); cursor: pointer; }
.from-btn { margin-top: 2rem; text-align: center; }
.from-btn > input { display: flex; align-items: center; justify-content: center; width: 17.2rem; height: 56px; margin: 0 auto; border: none;  border-radius: 999999px; background-color: var(--c-text01); background-color: #000; color: #fff; font-size: 1rem; line-height: 150%; font-weight: 700; cursor: pointer; }
.seminar-color { display: inline-block; margin: 0 0 16px 8px; color: #cc2030 !important; }

@media only screen and (max-width: 1080px) {
    .sign-up-section { padding: 3rem 16px; }
}
@media only screen and (max-width: 900px) {
    .wrapInput .sign-up-con { display: flex; flex-direction: column; justify-content: space-between; }
}
@media only screen and (max-width: 768px) {
    .sign-up-wrap { padding-top: 0; }
    .sign-up-wrap .title-banner {background-image: url('https://s3.ap-northeast-2.amazonaws.com/img.edmsaf.com/saf/r/v1/common/sign-up/sign-up-bg01_mo.png'); }
    .sign-up-section { padding: 2.3rem 20px 4.6rem; background: transparent; }
    .sign-up-box { padding: 0; }
    .sign-up-box > .sign-up-title { margin-bottom: 1.54rem; }
    .wrapInput { display: block; }
    .wrapInput .sign-up-con { width: 100%; }
    .wrapInput .sign-up-con:first-child { margin-bottom: 1.85rem; }
    .wrapInput .sign-up-con .title { font-size: var(--f-body1); font-weight: 400; }
    .sign-up-con { margin-bottom: 2.31rem; }
    .sign-up-con .title { margin-bottom: 4px; font-size: var(--f-fontSize05); }
    .sign-up-con .title .desc { display: block; margin-top: 4px; margin-left: 0; }
    .sign-up-con > input { padding: 10px 16px; line-height: 143%; }
    .sign-up-con .wrapSelect { grid-template-columns: repeat(1, 1fr); gap: 8px; margin-top: .92rem; }
	.sign-up-con .wrapSelect label strong{font-size: var(--f-fontSize05); font-weight: 700;}
    .sign-up-con .labelText { min-height: 4.15rem; padding: 1.23rem .92rem; }
    .sign-up-con .labelText strong { line-height: 150%; }
    .sign-up-con .labelText span { font-size: 1rem; }
    .place .sign-up-con .labelText strong { font-size: var(--f-fontSize05); }
    .interest .subText { font-size: var( --f-body2); }
    .interest .labelText span { margin-top: 4px; }
    .sign-up-con.period .wrapSelect { grid-template-columns: repeat(1,1fr); }
    .information-box { padding-top: 2.31rem; }
    .information-box .column-prv { margin-bottom: .92rem; }
    .information-box .prv label { line-height: 160%; }
    .information-box .prv label > span { width: 20px; height: 20px; margin-right: 8px; background-size: auto 20px; }
    .information-box .prv label > input:checked + span { background-position: -24px 0; }
    .information-box .prv .btnMore { line-height: 140%; }
    .from-btn { margin-top: 2.31rem; }
    .from-btn > input { width: 12.31rem; height: 3.1rem; font-size: var(--f-body1); line-height: 3.1rem; }
}

/******************************************
*******************************************
        신청페이지 모바일 하단바 차단 
*******************************************
******************************************/
@media only screen and (max-width: 720px){
    .m-inquiry-bar { display: none !important; }
}

/******************************************
*******************************************
            카톡 팝업
*******************************************
******************************************/
.popup-container {position:absolute;top:50%;left:50%;width:90%;max-width:56rem;/*margin:4rem 0;*/transform:translate(-50%, -50%);background:#fff;}
.popup-content {padding:1.5rem;box-sizing:border-box;}
.area-layer-popup {display:none;position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:100;}
.area-layer-popup.open {display:block;}
.popup-title {position:relative;min-height:4rem;box-sizing:border-box;border-bottom:1px solid #c5c5c5;}
.popup-title .heading-text:only-child {position:absolute;top:50%;left:0;width:100%;transform:translateY(-50%);box-sizing:border-box;padding:1rem;font-size:1.1rem;font-weight:400;}
.popup-close-x {position:absolute;top:0;right:0;padding:1rem;cursor:pointer;}
.popup-container .popup-close {position:absolute;top:0;right:0;padding:1rem;cursor:pointer;}
[class*=ui-layout] {position:relative;display:inline-block;width:2rem;height:2rem;background:url(https://s3.ap-northeast-2.amazonaws.com/img.edmuhak.com/uhak/r/v1/common/sp-ui-kit-x2.png) no-repeat;background-position:0 0;background-size:19.5rem;font-size:0;line-height:0;text-indent:-999px;vertical-align:middle;overflow:hidden;}
.ui-layout-close {background-position:0 -3rem;}
.popup-content img {width: 100%;}
.popup-open {cursor: pointer;color: #1ec95b;font-size: 0.8rem;}
.popup-max-height {max-height: 70vh;overflow-y: auto;}