@charset "utf-8";

/* .sec */
.sec{}
.sec + .sec{margin-top: 180px;}


/* .sec > .tit */
.sec > .tit{position: relative; padding: 0 0 22px 0;}
.sec > .tit:before{content: ""; position: absolute; bottom: 0; left: 0; width: 100%; height: 4px; border-radius: 4px; background-color: #3a3a3a;}
.sec > .tit h4{font-size: 18px; font-weight: var(--fwm); color: #000; letter-spacing: -0.05em;}
.sec > .tit h4 span{margin-left: 8px; font-size: 12px; font-weight: var(--fwsb); color: #fc0; text-transform: uppercase; letter-spacing: 0.03em;}

/* way_main */
.sub_container:has(.noPagetit) {padding: 136px 0 0;}
.sub_container:has(.noPagetit) .pagetit {display: none;}
.way_main {padding-bottom: 60px;}
.way_main > ul {display: flex; justify-content: center;}
.way_main > ul > li {width: calc(100% / 4 + 15px); margin: 0 15px;}
.way_main > ul > li > .way_copy {text-align: center; margin-bottom: 26px;}
.way_main > ul > li > .way_copy img {}
.way_main > ul > li > .way_copy p {font-size: 18px; font-weight: 600; line-height: 24px; margin-top: 10px;}
.way_main > ul > li > .way_bt {}
.way_main > ul > li > .way_bt a {display: block; text-align: center; padding: 40px; background: #eaf2ff; border-radius: 15px;}
.way_main > ul > li > .way_bt a h2 {font-size: 26px; font-weight: 700; color: #0f4874;}
.way_main > ul > li > .way_bt a p {font-size: 14px; color: #b8becc; line-height: 1.4; margin: 5px 0 27px;}
.way_main > ul > li > .way_bt a figure {position: relative;}
.way_main > ul > li > .way_bt a figure img {transition: all 0.3s;}
.way_main > ul > li > .way_bt a figure figcaption {position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); display: flex; justify-content: center; align-items: center; width: 75px; height: 75px; font-size: 20px; font-weight: 600; color: #fff; background: #276DE0; border-radius: 50%; box-shadow: rgba(100, 100, 111, 0.2) 0px 7px 29px 0px; opacity: 0; transition: all 0.5s;}
.way_main > ul > li > .way_bt a:hover figure img {opacity: 0;}
.way_main > ul > li > .way_bt a:hover figure figcaption {opacity: 1;}
@media (max-width: 1280px){
    .sub_container:has(.noPagetit) {padding: 120px 0 0;}
}
@media (max-width: 1024px){
    .way_main > ul > li > .way_copy p {}
}
@media (max-width: 860px){
    .way_main > ul {justify-content: space-between;}
    .way_main > ul > li {width: calc(100% / 2 - 20px);}
}
@media (max-width: 640px){
    .sub_container:has(.noPagetit) {padding: 0;}
    .way_main > ul > li {width: calc(100% / 2 - 10px); margin: 0;}
    .way_main > ul > li > .way_copy img {width: 26px;}
    .way_main > ul > li > .way_copy p {}
    .way_main > ul > li > .way_copy p .mbr {display: none;}
    .way_main > ul > li > .way_bt a h2 {font-size: 20px;}
}
@media (max-width: 460px){
    .way_main > ul {flex-wrap: wrap; justify-content: center;}
    .way_main > ul > li {width: 95%; margin-bottom: 30px;}
    .way_main > ul > li:last-child {margin-bottom: 0;}
    .way_main > ul > li > .way_bt a {padding: 30px;}
    .way_main > ul > li > .way_bt a img {height: 60px;}
}

/* spon_step */
.spon_step{margin-top: 44px; display: flex; flex-wrap: wrap; border-bottom: 5px solid #ececec;}
.spon_step > li{flex: 1;}
.spon_step > li a{margin-bottom: -5px; display: flex; justify-content: center; align-items: center; gap: 40px; padding: 22px 0; font-size: 18px; font-weight: var(--fwm); color: #000; text-align: center;}
.spon_step > li a.on{border-bottom: 5px solid #df2727;}
.spon_step > li a span{font-size: 18px; font-weight: var(--fwsb); color: #df2727;}
.spon_step > li a span:after{content: ""; display: inline-block; width: 1px; height: 13px; margin: 0 0 0 10px; background-color: #df2727;}
.spon_step > li a em{}
.spon_step_con{}
.spon_step_con > .con{display: none;}
.spon_step_con > .con.on{display: block;}
.spon_step_con > .con1{}
.spon_step_con > .con2{}
.spon_step_con > .con3{}
@media (max-width: 1280px){
    .spon_step > li a{gap: 10px; font-size: 16px;}
    .spon_step > li a span{font-size: 17px;}
}
@media (max-width: 1024px){
    .spon_step > li a{padding: 12px 0;}
    .spon_step > li a span:after{display: none;}
    .spon_step > li a.on span:after{display: inline-block;}
    .spon_step > li a em{display: none;}
    .spon_step > li a.on em{display: inline;}
}
@media (max-width: 860px){
    .spon_step > li a{font-size: 14px;}
    .spon_step > li a span{font-size: 14px;}
    .spon_step > li a span:after{display: none !important;}
    .spon_step > li a em{display: none !important;}
}
@media (max-width: 640px){
    .spon_step{border-width: 3px; margin-top: 30px;}
    .spon_step > li a{padding: 10px 0; margin-bottom: -3px;}
    .spon_step > li a.on{border-bottom: 3px solid #df2727;}
}


/* agree_box */
.agree_box{margin-top: 40px; background-color: #f7f8f9; border: 1px solid #ececec; box-sizing: border-box; padding: 40px 58px; height: 609px; overflow-y: auto; color: #222; border-radius: 7px;}
.agree_box .note{position: relative; padding: 0 0 0 30px; color: #222; font-weight: var(--fwsb);}
.agree_box .note:before{content: ""; position: absolute; top: 0; left: 0; width: 23px; height: 23px; border-radius: 50%; overflow: hidden; background: #3a3a3a url("../img/contents/ico_note.svg") no-repeat center left 10px;}
.agree_box .tit{color: #000; font-size: 18px; font-weight: var(--fwsb);}
.agree_box .list_none{}
.agree_box .list_none > li{padding: 0 0 0 10px; box-sizing: border-box;}
@media (max-width: 1024px){
    .agree_box{padding: 30px;}
}
@media (max-width: 640px){
    .agree_box{padding: 15px 20px;}
}


/* caution */
.caution{margin-top: 30px; display: flex; flex-direction: column; gap: 5px;}
.caution > li{position: relative; padding: 0 0 0 15px; color: #df2727; font-size: 1rem;}
.caution > li:before{content: "※"; position: absolute; top: -1px; left: 0;}


/* caution2 */
.caution2{position: relative; padding: 0 0 0 30px; color: #e34242; font-weight: var(--fwsb); line-height: 1.3;}
.caution2:before{content: ""; position: absolute; top: -2px; left: 0; width: 23px; height: 23px; background: url("../img/contents/ico_caution.svg");}


/* chkarea */
.chkarea{flex-wrap: wrap; margin-top: 35px; display: flex; align-items: center; justify-content: flex-end; text-align: right;}
.chkarea.left{justify-content: flex-start;}
.chkarea .chkbox{display: flex; align-items: center;}
.chkarea .chkbox input{position: absolute; left: -9999px; width: 0; height: 0; font-size: 0; opacity: 0;}
.chkarea .chkbox input + label{user-select: none; display: flex; align-items: center; gap: 10px;}
.chkarea .chkbox input:focus + label {background: none;}
.chkarea .chkbox input + label .shape{position: relative; display: inline-block; width: 30px; height: 30px; border: 1px solid #c0c0c0; border-radius: 5px; box-sizing: border-box; background-color: #fff;}
.chkarea .chkbox input:checked + label {font-weight: 600;}
.chkarea .chkbox input:checked + label .shape {background: #222; border: 1px solid #222;}
.chkarea .chkbox input:checked + label .shape:before{content: ""; position: absolute; top: 50%; left: 7px; transform: translateY(-50%) rotate(-45deg); width: 13px; height: 6px; border-bottom: 2px solid #fff; border-left: 2px solid #fff; margin-top: -1px;}
.chkarea .chkbox input + label .shape.dark{background-color: #3a3a3a; border-color: #3a3a3a;}
/* .chkarea .chkbox input:checked + label .shape:before{filter: brightness(0) invert(1);} */
.chkarea .next_step{display: inline-block; align-items: center; gap: 10px; font-size: 20px; font-weight: var(--fwm); color: #000; letter-spacing: 0;}
.chkarea .next_step:before{content: ""; display: inline-block; vertical-align: middle; margin: 0 27px 0 33px; width: 1px; height: 20px; background-color: #a0a0a0;}
.chkarea .next_step .circle{position: relative; display: inline-block; vertical-align: middle; width: 52px; height: 52px; border-radius: 50%; margin: 0 0 0 7px; background: #3a3a3a url("../img/contents/next_step.svg") no-repeat; background-size: contain; box-shadow: 4px 4px 5px rgba(0,0,0,0.2);}
@media (max-width: 640px){
    .chkarea .next_step{font-size: 16px;}
    .chkarea .next_step:before{margin: -1px 13px 0 15px; height: 17px;}
    .chkarea .next_step .circle{width: 40px; height: 40px; margin: -2px 0 0 5px;}
}
@media (max-width: 460px){
    .chkarea .next_step{flex: 0 0 auto; width: 100%;}
    .chkarea .next_step:before{display: none;}
}


/* chkbox2 */
.chkbox2{}
.chkbox2 input{position: absolute; left: -9999px; width: 0; height: 0; font-size: 0; opacity: 0;}
.chkbox2 input + label{user-select: none; display: flex; align-items: center; gap: 8px; line-height: 30px; height: 30px;}
.chkbox2 input + label .shape{position: relative; display: inline-block; width: 20px; height: 20px; border-radius: 50%; border: 1px solid #ddd; box-sizing: border-box; background-color: #fff;}
.chkbox2 input:checked + label .shape:before{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 10px; height: 10px; border-radius: 50%; background-color: #3a3a3a;}


/* spon_form */
.spon_form{margin-top: 28px;}
.spon_form > li{display: flex; gap: 90px; padding: 22px 50px;}
.spon_form > li.cal3 {gap: 50px;}
.spon_form > li + li{border-top: 1px dashed #d7d7d7;}
.spon_form > li.none {border: none;}
.spon_form .item{display: flex; align-items: center; flex-wrap: wrap; width: calc( (100% - 180px) / 3);}
.spon_form .item.full{width: auto; flex: 1;}
.spon_form .item .tit{flex: 0 0 auto; width: 150px;}
.spon_form .item .tit.wa{width: auto; padding-right: 40px;}
.spon_form .item .tit label{height: 40px; line-height: 40px;}
.spon_form .item .tit label.must{position: relative;}
.spon_form .item .tit label.must:after{content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: -10px; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background-color: #df2727;}
.spon_form .item .tit label em{display: inline-block; line-height: 1.3; padding: 10px 0 0;}
.spon_form .item .tit label em br{}
.spon_form .item .cont{flex: 1;}
.spon_form .item .cont input{width: 100%; height: 40px; border-radius: 5px; border-color: #d1d1d1;}
.spon_form .item .cont select{height: 40px; border-radius: 5px; border-color: #d1d1d1;}
.spon_form .item .cont .postcode{display: flex; gap: 7px;}
.spon_form .item .cont .postcode input{width: 250px;}
.spon_form .item .cont .postcode .search_btn{padding: 0 20px; line-height: 40px; border-radius: 5px; text-align: center; color: #fff; background-color: #3a3a3a;}
.spon_form .item .cont .address_input{margin-top: 7px; display: flex; flex-wrap: wrap; gap: 7px; width: auto;}
.spon_form .item .cont .address_input input{flex: 1;}
.spon_form .item .cont .address_input .add1{}
.spon_form .item .cont .address_input .add2{}
.spon_form .item .cont .address_input br{display: none;}
.spon_form .item .cont .chk_multi{display: grid; grid-template-columns: repeat(5, 1fr); grid-template-rows: repeat(auto-fill, minmax(20px, auto)); grid-row-gap: 10px; grid-column-gap: 20px; max-width: 900px;} 
.spon_form .item .cont .chk_multi > li.fill{grid-column: 1 / -1; display: flex;}
.spon_form .item .cont .chk_multi > li.fill .checkbox_style{flex: 0 0 auto;}
.spon_form .item .cont .directWrite{display: none; align-items: center; gap: 5px;}
.spon_form .item .cont .directWrite input{ text-align: right;}
.spon_form .item .cont .show .directWrite{display: flex;}

.spon_form > li.grid1 {}
.spon_form > li.grid1 .item {width: 100%;}
.spon_form > li.grid1 .item .cont {}

.spon_form .item .cont.calender_date {display: flex; gap: 5px; align-items: center;}
.spon_form .item .cont.calender_date .datepicker {max-width: 220px; cursor: pointer;}
.spon_form .item .cont.calender_date select {max-width: 100px; height: 40px; border-radius: 5px; border-color: #d1d1d1;}
.spon_form .item .cont.calender_date .between {margin: 0 5px;}
.spon_form .item .cont.calender_date .m_txt {display: none;}

.spon_form .item .byStateWrap{flex: 0 0 auto; display: flex; flex-wrap: wrap; width: calc(100% - 120px); padding: 20px 0 10px;}
.spon_form .item .byStateWrap .name{flex: 0 0 auto; width: 150px; position: relative; line-height: 1.3; padding: 10px 0 0;}
.spon_form .item .byStateWrap .name span{position: relative;}
.spon_form .item .byStateWrap .name span:before{content: ""; position: absolute; top: 7px; right: -10px; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background-color: #df2727;}
.spon_form .item .byStateWrap .listWrap{flex: 1;}
.spon_form .item .byStateWrap .listWrap .list{display: none; width: 100%;}
.spon_form .item .byStateWrap .listWrap .list .checkbox_style{width: 100%;}
.spon_form .item .byStateWrap .resultWrap{flex: 0 0 auto; width: 100%; padding: 20px 0 0 100px; display: flex; flex-direction: column; gap: 5px;}
.spon_form .item .byStateWrap .result{display: flex; flex-wrap: wrap; gap: 10px 30px;}
.spon_form .item .byStateWrap .result > li{display: flex; flex-wrap: wrap; align-items: center; color: #000; font-weight: var(--fwb);}
.spon_form .item .byStateWrap .result > li button{position: relative; font-size: 0; display: inline-block; vertical-align: middle; margin: 2px 0 0 5px; width: 20px; height: 20px; background-color: #222; border-radius: 4px;}
.spon_form .item .byStateWrap .result > li button:before,
.spon_form .item .byStateWrap .result > li button:after{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 67%; height: 2px; background-color: #fff;}
.spon_form .item .byStateWrap .result > li button:after{transform: translate(-50%, -50%) rotate(-45deg);}


.spon_form .info_list{width: 100%; margin: 10px 0 0;}
.spon_form .info_list li{position: relative; box-sizing: border-box; padding: 0 0 0 10px; font-size: 0.9rem;}
.spon_form .info_list li:before{content: "*"; position: absolute; top: 2px; left: 0;}
.spon_form .add_fileform button{
    background: #222; color: #fff;
    width: 30px; height: 30px; box-sizing: border-box; padding: 0 0 2px 1px;
    font-size: 1.5rem; line-height: 1; cursor: pointer; text-align: center;
    display: inline-block; vertical-align: middle; margin-right: 0.4rem;
}
.spon_form .add_fileform span{
    display: inline-block; vertical-align: middle; color: #888; letter-spacing: -0.3px;
}

/* 앞에 아이콘 있는 셀렉트, 데이트피커 */
.hasIco{padding: 0 34px 0 32px; width: 100%; height: 42px; border-radius: 8px; font-size: 15px; color: var(--main);
    background-color: #fff;
    background-image: url("../img/contents/sel_cal.svg"), url("../img/contents/sel_arr.svg");
    background-repeat: no-repeat, no-repeat;
    background-position: center left 9px, center right 13px;
    background-size: 17px auto, 17px auto;
}
.hasIco:focus-within{
    background-image: url("../img/contents/sel_cal.svg"), url("../img/contents/sel_arr_open.svg");
    background-repeat: no-repeat, no-repeat;
    background-position: center left 9px, center right 13px;
    background-size: 17px auto, 17px auto;
}
.hasIco2{padding: 0 1rem 0 34px; width: 100%; height: 42px; border-radius: 8px; font-size: 15px; color: var(--main);
    background-color: #fff;
    background-image: url("/assets/site/img/common/sel_cal.svg");
    background-repeat: no-repeat;
    background-position: center left 9px;
    background-size: 17px auto;
}
@media (max-width: 1400px){
    .spon_form {margin-top: 0px;}
    .spon_form > li { gap: 30px; padding: 15px 20px;}
    .spon_form > li.cal3 {gap: 30px;}
    .spon_form .item {width: calc( (100% - 60px) / 3);}
}

@media (max-width: 1280px){
    .spon_form > li {flex-wrap: wrap;}
    .spon_form .item {width: calc( (100% - 30px) / 2);}

}
@media (max-width: 1024px){
    .spon_form .item .cont .address_input input{flex: 0 0 auto; width: 100%;}
}
@media (max-width: 860px){
    .spon_form > li {gap: 0px; padding: 0;}
    .spon_form > li + li {border: 0;}
    .spon_form > li.cal3 {border-bottom: 1px dashed #d7d7d7; gap: 0 30px;}
    .spon_form .cal3 .item {border: none;}
    .spon_form .item {flex-direction: column; flex-wrap: nowrap; width: 100%; padding: 15px 0; border-bottom: 1px dashed #d7d7d7;}
    .spon_form .item .tit {width: auto;}
    .spon_form .item .cont {margin-bottom: 5px;}
    .spon_form .item .cont .address_input {flex-wrap: wrap; gap: 7px;}
    .spon_form .item .byStateWrap {justify-content: center; width: 100%;}
    .spon_form .item .byStateWrap .name{width: auto; padding: 10px 0;}
    .spon_form .item .byStateWrap .resultWrap{padding: 10px 0 0;}
    .spon_form .item .byStateWrap .listWrap {width: 100%; flex: auto;}
    .custom-file {width: 100%;}
    .custom-file label {width: 100%;}
}
@media (max-width: 640px){
    .spon_form .item .tit label em br{display: none;}
    .spon_form .item .cont .postcode input {max-width: 200px; flex: 1;}
    .spon_form .item .cont.calender_date {flex-wrap: wrap;}
    .spon_form .item .cont.calender_date .datepicker {max-width: none; width: calc( 100% - 137px);}
    .spon_form .item .cont.calender_date .between {display: none;}
    .spon_form .item .cont.calender_date .m_txt {display: block; width: 27px;}

    .spon_form .item .cont .chk_multi{grid-template-columns: repeat(3, 1fr);}
}
@media (max-width: 468px){
    .spon_form .item .byStateWrap .name span br {display: none;}
    .spon_form .item .cont .postcode input{max-width: 100px;}
    .spon_form .item .cont .chk_multi{grid-template-columns: repeat(2, 1fr);}
    .chkarea .chkbox {flex-wrap: wrap;}
}


/* date_selector */
.date_selector{display: flex; flex-wrap: wrap; gap: 10px;}
.date_selector select{border-radius: 5px; height: 40px; border: 1px solid #d1d1d1; width: auto;}
@media (max-width: 640px){
    .date_selector:has(select:nth-child(3)) select{width: calc(( 100% - 20px ) / 3);}
}


/* weekly_selector */
.weekly_selector{}
.weekly_selector > li{display: flex; flex-wrap: wrap; width: 100%; padding: 10px 0;}
.weekly_selector > li:nth-child(1){padding-top: 0;}
.weekly_selector > li + li{border-top: 1px solid #f0f0f0;}
.weekly_selector .checkbox_style{}
.weekly_selector .combo{padding: 5px 0 0;}
.weekly_selector .combo > .each{display: flex; flex-wrap: wrap; align-items: center;}
.weekly_selector .combo > .each + .each{padding: 10px 0 0;}
.weekly_selector .combo select{width: auto; height: 40px; border-radius: 5px; margin-right: 15px;}
.weekly_selector .combo input{width: 100px !important;}
.weekly_selector .combo .period_mark{padding: 0 12px;}
.weekly_selector .combo button{margin-left: 15px; line-height: 40px; background-color: #3a3a3a; color: #fff; border-radius: 5px; font-family: inherit; padding: 0 12px; font-size: 1rem;}
.weekly_selector .combo > .each:not(:first-child) button{display: none;}
.weekly_selector #time-list{flex: 0 0 auto; width: 100%; padding: 20px 0 10px; display: flex; flex-direction: column; gap: 5px;}
.weekly_selector #time-list .time-item{display: flex; flex-wrap: wrap; align-items: center; color: #000; font-weight: var(--fwb);}
.weekly_selector #time-list .time-item span{}
.weekly_selector #time-list .time-item button{position: relative; font-size: 0; display: inline-block; vertical-align: middle; margin: 2px 0 0 5px; width: 20px; height: 20px; background-color: #222; border-radius: 4px;}
.weekly_selector #time-list .time-item button:before,
.weekly_selector #time-list .time-item button:after{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); width: 67%; height: 2px; background-color: #fff;}
.weekly_selector #time-list .time-item button:after{transform: translate(-50%, -50%) rotate(-45deg);}
@media (max-width: 500px){
    .weekly_selector .combo{position: relative; width: 100%;}
    .weekly_selector .combo > .each + .each{padding: 5px 0 0;}
    .weekly_selector .combo select{margin-right: 5px; width: 80px;}
    .weekly_selector .combo .period{flex: 1; display: inline-flex; align-items: center;}
    .weekly_selector .combo input{width: calc((100% - 21px) / 2) !important;}
    .weekly_selector .combo .period_mark{padding: 0 6px;}
    .weekly_selector .combo button{margin-left: 0; position: absolute; bottom: calc(100% + 2.5px); right: 0;}
    .weekly_selector .combo button span{display: none;}
}


/* cms_apply */
.cms_apply{background-color: #f7f8f9; border-radius: 20px; padding: 60px 60px 70px; margin-top: 78px;}
.cms_apply > .tit{margin: 0 0 20px;}
.cms_apply > .tit h5{position: relative; font-size: 24px; font-weight: var(--fwsb);}
.cms_apply > .tit h5:before{content: ""; display: inline-block; vertical-align: middle; margin: -3px 7px 0 0; width: 6px; height: 15px; background-color: #e34242; border-radius: 6px;}
.cms_apply > .tit .sub{color: #222; margin: 16px 0 0;}

.cms_form{}
.cms_form > li{display: flex; gap: 50px;}
.cms_form > li + li{margin-top: 20px;}
.cms_form .item{flex: 1; display: flex; align-items: center; flex-wrap: wrap;}
.cms_form .item:nth-child(even){flex: 1.3;}
.cms_form .item .tit{flex: 0 0 auto; width: 100px;}
.cms_form .item .tit label,
.cms_form .item .tit span{height: 40px; line-height: 40px;}
.cms_form .item .tit label.must,
.cms_form .item .tit span.must{position: relative;}
.cms_form .item .tit label.must:after,
.cms_form .item .tit span.must:after{content: ""; position: absolute; top: 50%; transform: translateY(-50%); right: -10px; display: inline-block; width: 5px; height: 5px; border-radius: 50%; background-color: #df2727;}
.cms_form .item .cont{flex: 1;}
.cms_form .item .cont input{width: 100%; height: 40px; border-radius: 5px; border-color: #d1d1d1;}
.cms_form .item .cont .ymd{display: flex; gap: 7px;}
.cms_form .item .cont .ymd select{width: auto; flex: 1; height: 40px; border-radius: 5px; border-color: #d1d1d1;}
.cms_form .item .cont.sel{display: flex; gap: 50px;}
.cms_form .item .cont.sel label{line-height: 40px; height: 40px;}
.cms_form .item .cont input.amount{width: auto; max-width: 150px;}
.cms_form .item .cont .insert{}
.cms_form .item .cont .insert br{display: none;}
@media (max-width: 1500px){
    .cms_form{padding: 0;}
}
@media (max-width: 1280px){
    .cms_apply {padding: 30px 20px; border-radius: 5px;}
    .cms_apply > .tit{margin: 0 0 10px;}
    .cms_apply > .tit h5 {font-size: 18px;}
    .cms_apply > .tit .sub {margin: 10px 0 0;}
    .cms_apply .list_dot > li {padding: 0 0 0 15px;}
    .cms_apply .list_dot > li:before {left: 5px;}
    .cms_apply .list_dot > li + li {margin-top: 3px;}
}
@media (max-width: 1024px){
    /* .cms_apply{padding: 50px 40px;} */

    .cms_form > li{display: block; gap: initial;}
    .cms_form > li + li{margin: 0;}
    .cms_form .item{padding: 4px 0;}
    .cms_form .item .cont.sel{gap: 10px;}
    .cms_form .item .cont .insert br{display: block;}
}
@media (max-width: 640px){
    /* .cms_apply{padding: 30px 20px;} */
    /* .cms_apply > .tit h5{font-size: 20px;} */
    .cms_apply > .tit h5:before{width: 4px; height: 13px;}
    .cms_apply > .tit .sub br{display: none;}

    .cms_form .item{flex-direction: column;}
    .cms_form .item .tit{width: 100%;}
    .cms_form .item .cont{width: 100%;}
}
@media (max-width: 460px){

}


/* p_agree */
.p_agree{border-top: 1px dashed #d7d7d7; padding: 49px 0 0; margin-top: 50px;}
.p_agree.notop{border: none; padding: 0; margin-top: 0;}
.p_agree .title{font-weight: var(--fwm); font-size: 20px; margin-bottom: 12px;}
.p_agree .num_list{}
.p_agree .num_list > li{}
.p_agree .num_list > li + li{margin-top: 4.5px;}
.p_agree .chkarea{margin-top: 13px;}
@media (max-width: 1280px){
    .p_agree {padding: 25px 0 0; margin-top: 25px;}
    .p_agree .title {font-size: 18px; font-weight: var(--fwsb); margin-bottom: 10px;}
    .p_agree .num_list > li + li {margin-top: 3px;}
}
@media (max-width: 640px){
    /* .p_agree{padding: 30px 0 0; margin-top: 30px;}
    .p_agree .title{font-size: 18px; line-height: 1.3;} */
}


/* e_sign */
.e_sign{margin-top: 44px; padding: 30px 40px; border-radius: 10px; border: 1px solid #e8e8e8; background-color: #fff; box-shadow: 2px 2px 15px rgba(0,0,0,0.05);}
.e_sign_list{display: flex; gap: 40px; flex-direction: column;}
.e_sign_list > li{display: flex; flex-wrap: wrap; flex-direction: column;}
.e_sign_list > li .title{position: relative; line-height: 30px; }
.e_sign_list > li .title.must:before{content: "*"; position: absolute;  right: calc(100% + 2px); color: #df2727;}
.e_sign_list > li .cont{flex: 1; display: flex; gap: 50px;}
.e_sign_list > li .cont input {width: 100%; height: 40px; border-radius: 5px; border-color: #d1d1d1;}
.e_sign_list > li .signbox{display: flex; gap: 46px;}
.e_sign_list > li .signbox .item{}
.e_sign_list > li .signbox .item .top{line-height: 30px; }
.e_sign_list > li .signbox .item .mid{display: flex; gap: 15px; align-items: flex-end;}
.e_sign_list > li .signbox .item .mid .signature-pad{position: relative; display: flex; flex-direction: row; align-items: flex-end; flex-wrap: wrap; gap: 15px;}
.e_sign_list > li .signbox .item .mid .signature-pad .signature-pad--body{position: relative; width: 283px; /* height: 150px; */ aspect-ratio: 283 / 150; border-radius: 10px; background-color: #f9f9f9; box-sizing: border-box; overflow: hidden;}
.e_sign_list > li .signbox .item .mid .signature-pad .signature-pad--body:before{content: "마우스를 올린 후 클릭한 상태에서 서명해주세요."; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #a0a0a0;}
.e_sign_list > li .signbox .item .mid .signature-pad .signature-pad--body.removeBefore:before{display: none;}
.e_sign_list > li .signbox .item .mid .signature-pad .signature-pad--body canvas{/* width: 100%; height: 100%; object-fit: contain; box-sizing: border-box; */}
.e_sign_list > li .signbox .item .mid .signature-pad .signature-pad--btns{}
.e_sign_list > li .signbox .item .mid .signature-pad .signature-pad--btns .button{padding: 0 12px; line-height: 40px; border-radius: 5px; color: #fff; background-color: #6a6a6a; text-align: center; cursor: pointer; font-size: 1rem;}
.e_sign_list > li .signbox .item .mid .signature-pad .signature-pad--btns .button.save{display: none;}

/* .e_sign_list > li .signbox .item .mid .draw{position: relative; width: 283px; aspect-ratio: 283 / 150; border-radius: 10px; background-color: #f9f9f9; box-sizing: border-box;}
.e_sign_list > li .signbox .item .mid .draw:before{content: "마우스를 올린 후 클릭한 상태에서 서명해주세요."; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); color: #a0a0a0;}
.e_sign_list > li .signbox .item .mid .draw canvas{width: 100%; height: 100%; object-fit: contain; box-sizing: border-box;}
.e_sign_list > li .signbox .item .mid .btn_redraw{padding: 0 12px; line-height: 40px; border-radius: 5px; color: #fff; background-color: #3a3a3a; text-align: center; cursor: pointer;} */
@media (max-width: 1280px){
    .e_sign_list > li .signbox{width: 100%; gap: 30px;}
    .e_sign_list > li .signbox .item{flex: 1;}

    .e_sign_list > li .signbox .item .mid{position: relative; display: block;}
    .e_sign_list > li .signbox .item .mid .signature-pad{display: block;}
    .e_sign_list > li .signbox .item .mid .signature-pad .signature-pad--body{width: 100%; border-radius: 10px 10px 0 0;}
    .e_sign_list > li .signbox .item .mid .signature-pad .signature-pad--btns .button{width: 100%; display: block;}

    /* .e_sign_list > li .signbox .item .mid .draw{width: auto; border-radius: 10px 10px 0 0;}
    .e_sign_list > li .signbox .item .mid .btn_redraw{width: 100%; display: block; box-sizing: border-box;} */
}
@media (max-width: 860px){
    .e_sign{padding: 30px;}
    .e_sign_list > li .cont{gap: 15px;}
    .e_sign_list > li .signbox{flex-direction: column;}
}
@media (max-width: 640px){
    .e_sign{padding: 20px;}
    .e_sign_list {gap: 20px; flex-direction: column;}
}


/*신청 완료 화면 공통*/
.confirm {width: 100%; display: flex; justify-content; align-items: center; flex-direction:column; text-align: center; margin: 0 auto 0;}
.confirm.mt{margin-top: 60px;}
.confirm .title dl {display: flex; gap: 27px; justify-content; align-items: center; flex-direction:column;}
.confirm .title dl dt img {height: 110px;}
.confirm .title dl dd h5 {font-size: 22px; font-weight: var(--fwsb);}
.confirm .title dl dd p {margin-top: 9px;}
.confirm .desc {margin-top: 20px; display: flex;flex-direction: column; gap: 20px; width: 235px;}
.confirm .desc ul.list {}
.confirm .desc ul.list li {background-color: var(--theme_yellow); border-radius: 5px;}
.confirm .desc ul.list li:not(:first-child) {margin-top: 10px;}
.confirm .desc ul.list li dl {display: flex; padding: 7px 15px; box-sizing: border-box;}
.confirm .desc ul.list li dl dt {font-weight: var(--fwsb); width: 81px; text-align: left;}
.confirm .desc ul.list li dl dd {flex: 1; text-align: left;}
.confirm .desc .not {font-weight: var(--fwsb); color: #0086ff;}
.confirm .desc button {border-radius: 5px; padding: 12px 17px; font-weight: var(--fwsb); font-size: 1rem; background-color: #f3f3f3; border: 1px solid #CFCFCF;}
@media (max-width: 640px){
    .confirm {width: 100%;}
    .confirm .title dl {gap: 20px;}
    .confirm .title dl dt img {height: 90px;}
    .confirm .title dl dd h5 {font-size: 18px;}
    .confirm .title dl dd p {margin-top: 5px;}

    .confirm .desc {width: 210px; gap: 10px;}
    .confirm .desc ul.list li dl {padding: 5px 10px;}
    .confirm .desc ul.list li dl dt {width: 90px;}
    .confirm .desc button {padding: 10px 10px;}
}











/*대관/대여 캘린더 화면*/
.cal_area .cal_tit {display: flex; align-items: end;}
.cal_area .cal_tit .title dl {display: flex; align-items: center; gap: 25px;}
.cal_area .cal_tit .title dl dt img {width: 100px;}
.cal_area .cal_tit .title dl dd h5 {font-size: 35px; font-weight: var(--fwb);}
.cal_area .cal_tit .title dl dd h5::after {content: ''; display: inline-block; vertical-align: middle; width: 70px; height: 4px; background: #3a3a3a; margin-left: 18px; border-radius: 50px;}
.cal_area .cal_tit .title dl dd p {margin-top: 10px;}

.cal_area .link {margin-left: auto;}
.cal_area .link > div > a {display: flex; align-items: center; padding: 20px; border-bottom: 1px solid #d7d7d7; min-width: 320px;}
.cal_area .link > div > a dl dt {font-size: 20px; font-weight: var(--fwsb);}
.cal_area .link > div > a dl dt::before {content: ''; display: inline-block; width: 24px; height: 24px; vertical-align: middle; margin-right: 7px; background-repeat: no-repeat; background-position: center center;}
.cal_area .link > div > a span.arr {margin-left: auto; display: block; width: 36px; height: 36px; background-color: #3a3a3a; border-radius: 50%; background-image: url("../img/contents/calendar_icon03.svg"); background-repeat: no-repeat; background-position: center center; background-size: 15px;}

.cal_area .link > div:nth-of-type(1) > a {padding: 0 20px 20px 20px;}
.cal_area .link > div:nth-of-type(1) > a dl dt::before {background-image: url("../img/contents/calendar_icon01.svg");}
.cal_area .link > div:nth-of-type(2) > a dl dt::before {background-image: url("../img/contents/calendar_icon02.svg");}

.cal_area #calendar {margin-top: 75px;}

@media (max-width: 1280px){
    .cal_area .cal_tit {flex-direction: column; align-items: center; gap: 30px;}
    .cal_area .link {margin-left: 0; display: flex; gap: 20px;}
    .cal_area .link > div:nth-of-type(1) > a {padding: 20px;}

    .cal_area .cal_tit .title dl {flex-direction: column;}
    .cal_area .cal_tit .title dl dt img {width: 80px;}
    .cal_area .cal_tit .title dl dd {text-align: center;}
    .cal_area .cal_tit .title dl dd h5 {font-size: 24px;}
    .cal_area .cal_tit .title dl dd h5::after {content: none;}
    .cal_area .cal_tit .title dl dd p {margin-top: 5px;}

    .cal_area .link {}
    .cal_area .link > div > a {border: 1px solid #d7d7d7; background: #f9f9f9; border-radius: 5px;}
}
@media (max-width: 860px) {
    .cal_area .link {width:100%; gap: 15px;}
    .cal_area .link > div {width: calc((100% - 15px) / 2);}
    .cal_area .link > div > a {min-width: auto;}
    .cal_area .link > div > a, .cal_area .link > div:nth-of-type(1) > a {padding: 15px;}
    .cal_area .link > div > a dl dt {font-size: 18px;}
    .cal_area .link > div > a dl dt::before {width: 20px; height: 20px; background-size: contain;}
    .cal_area .link > div > a span.arr {width: 30px; height: 30px;}
}
@media (max-width: 640px){
    .cal_area .link {flex-direction: column;}
    .cal_area .link > div {width: 100%;}

}




/* 대관/대여 마중홀 대관 - 신청 폼 상단 슬라이더*/
.rental_spaceform .rental_swiper {margin-bottom: 100px;}

.rental_spaceform form {display: flex; flex-direction: column; gap: 100px;}
.rental_spaceform .form_title { background: #3A3A3A; display: flex; align-items: baseline; gap: 10px; padding: 0 20px; height: 48px; line-height: 48px; align-items: center;}
.rental_spaceform .form_title h5 {font-size: 18px; font-weight: var(--fwm); color: #fff;}
.rental_spaceform .form_title p {font-weight: var(--fwsb); color: #FFCC00; text-transform: uppercase; font-size: 12px; letter-spacing: 1px;}
.rental_spaceform .cms_apply {margin-top: 0;}
.rental_spaceform .btn_wrap {/* margin-top: 0; */}

@media (max-width: 1280px){
    .rental_spaceform .rental_swiper {margin-bottom: 60px;}
    .rental_spaceform form {gap: 60px;}
}
@media (max-width: 860px){
    .rental_spaceform .form_title {height: 40px; line-height: 40px; padding: 0 10px;}
    .rental_spaceform .form_title h5 {font-size: 16px;}
    .rental_spaceform .form_title p {display: none;}
}

















/* 라이트박스 */
#lightbox{position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: rgba(0, 0, 0, 0.8); -webkit-filter: none !important; z-index:1000000; cursor: pointer;}
#lightbox img{display: block; position: absolute;}
.lightbox-button{position: absolute; z-index: 9999; background: no-repeat center center; opacity: 0.7; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; -ms-transition: all 0.3s; transition: all 0.3s;}
.lightbox-button:hover,
.lightbox-button:focus{opacity: 1;}
.lightbox-close{width: 40px; height: 40px; top: 20px; right: 20px; background: url("/assets/site/img/common/lightbox_close.png") no-repeat;}
.lightbox-next {width: 40px; height: 78px; top: 48%; right: 20px; background-image: url('../img/common/lightbox_next.png');}
.lightbox-previous{width: 40px; height: 78px; top: 48%; left: 20px; background-image: url('../img/common/lightbox_prev.png');}


/* 목록 상단 */
.list_top{display: flex; flex-wrap: wrap; margin-bottom: 20px;}
.list_top .total{line-height: 1; padding: 25px 0 0;}
.list_top .sch{margin-left: auto; position: relative; max-width: 264px;}
.list_top .sch input{width: 100%; height: 42px; border-radius: 42px; background-color: #f5f5f5; border: none; font-size: 1rem; letter-spacing: -0.05em; padding: 0 20px; color: #222; font-weight: var(--fwr);}
.list_top .sch input::placeholder{color: #222 !important;}
.list_top .sch button{position: absolute; top: 0; right: 13px; width: 30px; height: 100%; background: transparent url("../img/common/list_top_sch.svg") no-repeat center; font-size: 0;}


/* 이용자 목록 */
.act_user_list{}
.act_user_list .btn_wrap{margin-top: 30px;}

.user_list{display: grid; grid-template-columns: repeat(3, 1fr); grid-template-rows: repeat(auto-fill, minmax(20px, auto)); grid-row-gap: 37px; grid-column-gap: 37px;}
.user_list > li{}
.user_list > li > a{position: relative; display: block; border: 1px dashed #bbb; border-radius: 20px; padding: 29px 35px 32px; box-shadow: 4px 4px 10px rgba(0,0,0,0.1); overflow: hidden;}
.user_list > li > a:before{content: ""; position: absolute; top: 0; bottom: 0; left: 0; right: 0; background-color: rgba(255,255,255,0.8); opacity: 0;}
.user_list > li > a:hover:before{opacity: 1; transition: 0.1s;}
.user_list .top{display: flex; flex-wrap: wrap; align-items: center;}
.user_list .top .tit{display: flex; flex-wrap: wrap;}
.user_list .top .tit .num{font-weight: var(--fwsb);}
.user_list .top .tit .add{color: #6a6a6a;}
.user_list .top .tit .add:before{content: ""; display: inline-block; vertical-align: middle; margin: -1px 11px 0 9px; width: 1px; height: 12px; background-color: #6a6a6a;}
.user_list .top .tags{margin-left: auto; display: flex; flex-wrap: wrap; gap: 5px;}
.user_list .top .tags > li{}
.user_list .top .tags > li span{display: inline-block; font-size: 16px; font-weight: var(--fwm); font-size: 1rem; letter-spacing: -0.05em; color: #222; line-height: 34px; border-radius: 34px; background-color: #f1f1f1; padding: 0 12px;}
.user_list .top .tags > li .gender{display: inline-flex; justify-content: center; align-items: center; width: 34px; height: 34px; border-radius: 50%; background-color: #ddd; color: #fff;}
.user_list .top .tags > li .gender.man{background-color: #506dff;}
.user_list .top .tags > li .gender.woman{background-color: #ffae00;}
.user_list .mid{}
.user_list .mid .des{color: #222; font-size: 18px; font-weight: var(--fwm); line-height: 1.56; padding: 39px 0 0; text-overflow: ellipsis; overflow: hidden; display: -webkit-box !important; -webkit-line-clamp: 3; -webkit-box-orient: vertical; height: 84px;}
.user_list .view_more{position: absolute; opacity: 0; top: 60%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); z-index: 1; display: inline-flex; flex-direction: column; align-items: center; justify-content: center; width: 82px; height: 82px; border-radius: 20px; text-align: center; font-size: 16px; font-weight: var(--fwsb); background-color: #3a3a3a; color: #fff; line-height: 1; transition: 0.15s;}
.user_list > li > a:hover .view_more{opacity: 1; top: 50%;}
.user_list .view_more span{transform: rotate(-45deg);}
.user_list .view_more span em{display: block;}
.user_list .view_more span em:before{content: "+"; display: block; color: #a0a0a0; font-weight: var(--fwb);}
@media (max-width: 1280px){
    .user_list{grid-template-columns: repeat(2, 1fr); grid-row-gap: 30px; grid-column-gap: 30px;}
}
@media (max-width: 860px){
    .user_list{grid-template-columns: repeat(1, 1fr); grid-row-gap: 20px; grid-column-gap: 20px;}
    .user_list > li > a{padding: 20px 20px;}
    .user_list .mid .des{font-size: 1rem; padding: 20px 0 0; height: 68px;}
}
@media (max-width: 460px){
    .user_list .top .tit{font-size: 14px;}
    .user_list .top .tit .add:before{margin: -1px 8px 0 6px;}
    .user_list .top .tags{gap: 3px;}
    .user_list .top .tags > li span{font-size: 14px; line-height: 28px; padding: 0 10px;}
    .user_list .top .tags > li .gender{width: 28px; height: 28px; font-size: 14px;}
}


.btn_wrap .btn_more{display: inline-block; line-height: 46px; border-radius: 46px; box-shadow: inset 0 0 0 1px #d1d1d1; padding: 0 40px; font-weight: var(--fwsb); font-size: 1rem; text-align: center;}
.btn_wrap .btn_more .shape{position: relative; display: inline-block; vertical-align: middle; margin: -2px 10px 0 0; width: 14px; height: 14px; border-radius: 50%; background-color: #3a3a3a;}
.btn_wrap .btn_more .shape:before,
.btn_wrap .btn_more .shape:after{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); width: 6px; height: 2px; background-color: #fff;}
.btn_wrap .btn_more .shape:after{width: 2px; height: 6px;}
.btn_wrap .btn_more:hover .shape{transform: rotate(90deg); transition: 0.2s;}


/* 이용자 상세 */
.act_user_detail{}
.act_user_detail .user_info{display: flex; flex-wrap: wrap; align-items: center; color: #222; margin-bottom: 22px;}
.act_user_detail .user_info .gender{display: inline-flex; align-items: center; justify-content: center; text-align: center; width: 34px; height: 34px; border-radius: 50%; background-color: #ddd; color: #fff; font-weight: var(--fwsb);}
.act_user_detail .user_info .gender.woman{background-color: #ffae00;}
.act_user_detail .user_info .gender.man{background-color: #506dff;}
.act_user_detail .user_info .name{font-size: 20px; font-weight: var(--fwsb); margin-left: 8px;}
.act_user_detail .user_info .ui_list{display: flex; flex-wrap: wrap; color: #808080; margin: 2px 0 0 12px;}
.act_user_detail .user_info .ui_list > li{}
.act_user_detail .user_info .ui_list > li + li{}
.act_user_detail .user_info .ui_list > li + li:before{content: ""; display: inline-block; vertical-align: middle; margin: -2px 10px 0 10px; width: 1px; height: 15px; background-color: #a8a8a8;}
.act_user_detail .user_info .ui_list > li b{color: #222;}

.act_user_detail .box_list{display: grid; grid-template-columns: repeat(4, 1fr); grid-template-rows: repeat(auto-fill, minmax(10px, auto)); grid-row-gap: 12px; grid-column-gap: 12px; margin: 0 0 41px;}
.act_user_detail .box_list > div{background-color: #f9fafb; border: 1px solid #eff2f5; border-radius: 5px; overflow: hidden; color: #222; padding: 27px 44px 26px 48px;}
.act_user_detail .box_list dt{font-size: 15px; font-weight: var(--fwm); color: #858e9a; line-height: 1.3;}
.act_user_detail .box_list dd{font-size: 20px; font-weight: var(--fwsb); line-height: 1.3; padding: 5px 0 0; display: flex;}
.act_user_detail .box_list dd .txt{}
.act_user_detail .box_list dd .txt > span{display: inline;}
.act_user_detail .box_list dd .txt > span + span{}
.act_user_detail .box_list dd .txt > span + span:before{content: " , ";}
.act_user_detail .box_list dd .img{margin-left: auto; margin-top: -16px; flex: 0 0 auto;}
.act_user_detail .box_list dd .img img{}

.aud_con{display: flex; flex-wrap: wrap; color: #222;}
.aud_con .left{flex: 0 0 auto; width: 325px; box-sizing: border-box; padding: 0 0 0 44px;}
.aud_con .badge_list{display: flex; flex-direction: column; gap: 32px;}
.aud_con .badge_list > div{}
.aud_con .badge_list dt{margin: 0 0 12px;}
.aud_con .badge_list dt span{display: inline-block; font-size: 15px; font-weight: var(--fwm); color: #858e9a; line-height: 32px; border-radius: 32px; box-shadow: inset 0 0 0 1px #d4dae0; padding: 0 12px;}
.aud_con .badge_list dd{font-weight: var(--fwm);}
.aud_con .badge_list .slash{display: flex; flex-wrap: wrap;}
.aud_con .badge_list .slash > li{}
.aud_con .badge_list .slash > li + li{}
.aud_con .badge_list .slash > li + li:before{content: "/"; margin: 0 0.15em;}
.aud_con .badge_list .week{display: flex; flex-direction: column; gap: 10px;}
.aud_con .badge_list .week > li{display: flex; flex-wrap: wrap;}
.aud_con .badge_list .week .day{flex: 0 0 auto; display: inline-flex; align-items: center; justify-content: center; text-align: center; width: 24px; height: 24px; border-radius: 10px; background-color: #6b6b6a; color: #fff; font-size: 14px; font-weight: var(--fwm);}
.aud_con .badge_list .week .day.no_day{opacity: 0;}
.aud_con .badge_list .week .time{flex: 1; line-height: 1.4; padding: 1px 0 0 12px;}
.aud_con .badge_list .week .time > li{display: flex; flex-wrap: wrap; gap: 8px;}
.aud_con .badge_list .week .time > li em{color: #6b6b6a;}
.aud_con .badge_list .week .time > li p{}

.aud_con .right{flex: 1;}
.aud_con .aud_form{display: flex; flex-direction: column; gap: 23px;}
.aud_con .aud_form > li{}
.aud_con .aud_form > li .title{font-weight: var(--fwm); color: #858e9a; display: inline-block; height: auto; line-height: initial; padding: 0 0 10px;}
.aud_con .aud_form > li textarea{border-color: #eff2f5; border-radius: 10px; color: #222; font-weight: var(--fwm); padding: 25px 31px; letter-spacing: -0.05em; line-height: 1.9; height: 105px; resize: vertical; overflow-y: auto; word-break: break-all;}
.aud_con .aud_form > li textarea:disabled{color: #222; opacity: 1;}
@media (max-width: 1660px){
    .aud_con .left{padding: 0;}
}
@media (max-width: 1400px){
    .aud_con .left{width: 270px;}
}
@media (max-width: 1280px){
    .act_user_detail .box_list > div{padding: 25px 20px;}
    .act_user_detail .box_list dd{font-size: 18px;}
}
@media (max-width: 1024px){
    .act_user_detail .box_list{grid-template-columns: repeat(2, 1fr);}
    .aud_con{flex-direction: column;}
    .aud_con .left{width: 100%;}

    .aud_con .right{border-top: 1px dashed #858e9a; margin-top: 20px; padding: 20px 0 0;}
}
@media (max-width: 640px){
    .act_user_detail .box_list{grid-template-columns: repeat(1, 1fr);}
    .act_user_detail .box_list > div{padding: 20px 20px;}
    .act_user_detail .box_list dt{font-size: 14px;}
    .act_user_detail .box_list dd{font-size: 16px;}

    .aud_con .badge_list .week{flex-direction: row; flex-wrap: wrap; gap: 10px 0;}
    .aud_con .badge_list .week > li{width: 100%;}

    .aud_con .aud_form > li textarea{padding: 20px; border-radius: 5px;}
}


/* 프로그램 신청 목록 */
.program_apply_list{letter-spacing: -0.05em;}
.program_apply_list .list_top{}

.program_list{color: #222;}
.program_list > li{display: flex; flex-wrap: wrap; padding: 32px 0;}
.program_list > li + li{border-top: 1px solid #ebebeb;}

.program_list .num{flex: 0 0 auto; width: 62px;}
.program_list .num span{display: inline-block; width: 34px; line-height: 30px; border-radius: 5px; box-shadow: inset 0 0 0 1px #d7d7d7; text-align: center; font-size: 14px; font-weight: var(--fwm); color: #3a3a3a;}

.program_list .txt{flex: 1; font-size: 1rem; min-width: 0; padding: 0 50px 0 0;}
.program_list .txt .title{font-size: 1.375em; font-weight: var(--fwsb); line-height: 1.3; text-overflow: ellipsis; overflow: hidden; white-space: nowrap;}
.program_list .txt .if_list{font-size: 1em; display: flex; flex-wrap: wrap; gap: 4px 40px; padding: 18px 0 0;}
.program_list .txt .if_list > li{display: flex; flex-wrap: wrap; gap: 8px;}
.program_list .txt .if_list > li .name{font-weight: var(--fwm); color: #919191;}
.program_list .txt .if_list > li .cont{}

.program_list .btn_zone{margin-left: auto; flex: 0 0 auto; width: 129px; display: inline-flex; align-items: center;}
.program_list .btn_zone .btn_apply{display: inline-block; line-height: 42px; padding: 0 17px; background-color: #00a881; box-shadow: inset 0 0 0 1px #039a77; border-radius: 13px; text-align: center; font-size: 18px; font-weight: var(--fwm); color: #fff;}
.program_list .btn_zone .btn_apply.wait{background-color: #ffaf02; box-shadow: none; cursor: no-drop;}
.program_list .btn_zone .btn_apply.end{background-color: transparent; box-shadow: none; color: #3a3a3a; cursor: no-drop;}
@media (max-width: 1280px){
    .program_list .btn_zone{width: auto; align-items: flex-start;}
    .program_list .txt .title{font-size: 1.2em; padding: 2px 0 0;}
    .program_list .btn_zone .btn_apply{line-height: 38px; font-size: 16px;}
}
@media (max-width: 640px){
    .program_list > li{padding: 20px 0;}
    .program_list .num{width: 42px;}
    .program_list .num span{font-size: 12px; width: 30px; line-height: 26px;}
    .program_list .txt{padding: 0;}
    .program_list .txt .title{font-size: 17px; padding: 2px 0 0;}
    .program_list .txt .if_list{flex-direction: column; padding: 12px 0 0; font-size: 14px; gap: 0;}
    .program_list .txt .if_list > li{width: 100%;}
    .program_list .btn_zone{flex: 0 0 auto; width: 100%; margin: 0; padding: 10px 0 0 0; justify-content: flex-end;}
}


/* 프로그램 신청 상세 */
.program_apply_detail{color: #222; letter-spacing: -0.05em;}

.program_apply_detail .pad_info{border-radius: 20px; border: 5px solid #fcf1ac; box-sizing: border-box; padding: 35px 55px;}
.program_apply_detail .pad_info > .title{padding: 21.25px 0px; font-size: 22px; font-weight: var(--fwsb); line-height: 1.25; text-align: center; background-color: #f9fafb; border-radius: 10px;}
.program_apply_detail .pad_info .pad_list{display: flex; flex-wrap: wrap; gap: 15px 94px; padding: 40px 0 50px;}
.program_apply_detail .pad_info .pad_list > div{display: flex; align-items: flex-start;}
.program_apply_detail .pad_info .pad_list > div:nth-child(n+3){width: 100%;}
.program_apply_detail .pad_info .pad_list dt{flex: 0 0 auto; display: inline-block; width: 94px; line-height: 32px; border-radius: 12px; text-align: center; color: #3a3a3a; background-color: #fc0; font-size: 14px; font-weight: var(--fwsb);}
.program_apply_detail .pad_info .pad_list dd{flex: 1; line-height: 1.7; padding: 2px 0 0 11px;}

.program_apply_detail .pad_info .pad_guide{margin-top: 13px; display: flex; flex-wrap: wrap; padding: 42px 50px; border-radius: 10px; border: 1px solid #eff2f5; background-color: #f9fafb;}
.program_apply_detail .pad_info .pad_guide .title{flex: 0 0 auto; width: 73px; font-weight: var(--fwsb);}
.program_apply_detail .pad_info .pad_guide .pad_guide_list{flex: 1;}
.program_apply_detail .pad_info .pad_guide .pad_guide_list > li{position: relative; padding: 0 0 0 14px;}
.program_apply_detail .pad_info .pad_guide .pad_guide_list > li + li{margin-top: 5px;}
.program_apply_detail .pad_info .pad_guide .pad_guide_list > li:before{content: ""; position: absolute; top: 10px; left: 0; display: inline-block; width: 3px; height: 3px; border-radius: 50%; background-color: #222;}

.program_apply_detail .pad_info .pad_guide .chkarea{flex: 0 0 auto; width: 100%; margin-top: 15px;}
.program_apply_detail .pad_info .pad_guide .chkarea .chkbox input + label{font-weight: var(--fwsb);}

.program_apply_detail .spon_form .item .cont > select{width: 250px;}
.program_apply_detail .spon_form .type_selector select{width: 300px;}
.program_apply_detail .spon_form .person_selector select{width: 150px;}
.program_apply_detail .spon_form .date_selector select:nth-child(1){width: 170px;}
.program_apply_detail .spon_form .item{width: auto;}
.program_apply_detail .spon_form .item .cont input{width: 250px;}
.program_apply_detail .spon_form .item .cont .name_input input{width: 200px;}
.program_apply_detail .spon_form .item .cont .num_input input{width: 200px;}
.program_apply_detail .spon_form .item .cont textarea{}
.program_apply_detail .spon_form .item .cont textarea:focus{outline: none; border: 1px solid #dbdbdb;}

@media (max-width: 1400px){
}

@media (max-width: 1280px){

}
@media (max-width: 860px){
    .program_apply_detail .spon_form .item{width: 100%;}
    .program_apply_detail .spon_form .cal3 .item{width: calc(100% / 2 - 20px);}
    .program_apply_detail .spon_form .cal3 .item:last-child{width: 100%; padding-top: 0;}
    .program_apply_detail .spon_form .item .cont .name_input input{width: 100%;}
    .program_apply_detail .spon_form .item .cont .num_input input{width: 100%;}
    .program_apply_detail .spon_form .item .cont > select{width: 100%;}
    .program_apply_detail .spon_form .date_selector select{width: calc((100% - 40px) / 3) !important;}
    .program_apply_detail .spon_form .item .cont input{width: 100%;}
    .program_apply_detail .spon_form .type_selector select{width: 100%;}
    .program_apply_detail .spon_form .person_selector select {width: 100%;}
}
@media (max-width: 640px){
    .program_apply_detail .pad_info{padding: 10px;}
    .program_apply_detail .pad_info > .title{font-size: 15px; padding: 15px 5px;}
    .program_apply_detail .pad_info .pad_list{padding: 20px 0;}
    .program_apply_detail .pad_info .pad_list > div{flex-direction: column; width: 100%; align-items: initial; gap: 8px;}
    .program_apply_detail .pad_info .pad_list dt{font-size: 13px; width: 80px; border-radius: 7px;}
    .program_apply_detail .pad_info .pad_list dd{padding: 0;}

    .program_apply_detail .pad_info .pad_guide{padding: 15px; flex-direction: column;}
    .program_apply_detail .pad_info .pad_guide .title{width: 100%; padding: 0 0 10px;}
    .program_apply_detail .pad_info .pad_guide .pad_guide_list{font-size: 14px;}

    .program_apply_detail .pad_info .pad_guide .chkarea{justify-content: flex-start;}

    .program_apply_detail .spon_form .item{width: 100%;}
    .program_apply_detail .spon_form .item .cont > select{width: 100%;}
    .program_apply_detail .spon_form .item .cont input{width: 100%;}
    
}


/* calendar.css 적용 후 커스텀 덮어쓰기 */
.fc-theme-standard th{border: none !important;}
.fc-theme-standard td,
.fc-theme-standard th{border-color: #ececeb !important;}


/* layer */
.layer_opener{}
.layer_opener span{position: relative; padding: 0 0 0 14px; color: #e34242; font-weight: var(--fwm);}
.layer_opener span:before{content: ""; position: absolute; top: 4px; left: 0; display: inline-block; width: 11px; height: 10px; background: url("../img/contents/arr_layer.svg") no-repeat center;}

.chkarea .layer_opener{margin-left: 25px;}

.layer{visibility: hidden; opacity: 0; position: fixed; width: 800px; max-width: 94%; max-height: 94vh; height: 600px; z-index: 1001; top: 40%; left: 50%; transform: translate(-50%, -50%); border-radius: 10px; overflow: hidden; box-shadow: 5px 5px 10px rgba(0, 0, 0, 0.25); border: 10px solid #fceea3; box-sizing: border-box; background-color: #fceea3; letter-spacing: -0.05em;}
.layer.on{visibility: visible; opacity: 1; top: 50%; transition: all 0.25s ease;}
.layer > .l_wrap{height: calc(100% - 95px); overflow-y: auto; border-radius: 8px 8px 0 0; background: #fff;}
.layer .l_head{position: relative; padding: 50px 50px 0; padding-right: 3.5rem; background-color: #fff; border-radius: 8px 8px 0 0;}
.layer .l_head h6{position: relative; padding: 0 0 0 13px; font-size: 24px; font-weight: var(--fwsb); line-height: 130%; color: #000;}
.layer .l_head h6:before{content: ""; position: absolute; top: 50%; transform: translateY(-50%); left: 0; width: 6px; height: 15px; border-radius: 15px; background-color: #e34242;}

.layer .l_body{padding: 24px 50px; background-color: #fff;}
.layer .l_body .con{line-height: 1.6; color: #222;}

.layer .l_body .l_p_con{}
.layer .l_body .l_p_con .top{padding: 10px 0;}
.layer .l_body .l_p_con .l_con_tit{font-size: 18px; font-weight: var(--fwb); color: #000; line-height: 1.2; margin: 25px 0 3px;}

.layer .l_foot{position: relative; height: 95px; display: flex; justify-content: center; align-items: center; background-color: #fff; border-radius: 0 0 8px 8px;}
.layer .l_foot .layer_closer{position: relative; display: block; width: 35px; height: 35px; border-radius: 50%; background-color: #3a3a3a; font-size: 0;}
.layer .l_foot .layer_closer:before,
.layer .l_foot .layer_closer:after{content: ""; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%) rotate(45deg); display: block; width: 2px; height: 50%; background: #fceea3;}
.layer .l_foot .layer_closer:after{transform: translate(-50%, -50%) rotate(-45deg);}

.mask{visibility: hidden; opacity: 0; display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: rgba(0,0,0,0.5);}
.mask.on{z-index: 1001; visibility: visible; opacity: 1; transition: 0.3s ease; filter: blur(1)}
@media (max-width: 1024px){
    .layer .l_head{padding: 1rem 1.5rem; padding-right: 3.5rem;}
    .layer .l_head h6{font-size: 1rem;}

    .layer .l_body{padding: 1.5rem 1.5rem;}
}
@media (max-width: 860px){
    
}
@media (max-width: 640px){
    .layer{max-height: 86vh;}

    .layer .l_head{padding: 1rem 1rem; padding-right: 3.5rem;}
    
    .layer .l_body{padding: 1.5rem 1rem; font-size: 14px;}

    .layer .l_head .layer_closer{right: 1rem; top: 1rem;}1
}