._board .container {--layoutwidth: 1200px ;}

@media(max-width:768px) {
    .font-32 {font-size: 2.5rem;}
    .font-20 {font-size: 1.5rem;}
}

@media(max-width:1680px) {
    ._board .container {--layoutwidth: 1200px ;}
}

@media(max-width:1240px) {
    ._board .container {width: 90%;}
}

/* 컵밥 */
#cup .cont_box {max-width: 1800px; width: 90%; margin: 4rem auto 0; background: #fff9f0; border-radius: 5rem;}
#cup .wrap {max-width: 1200px; width: 90%; margin: auto; padding: 150px 0;}
#cup .flexList.imgCont {--y-gap: 3.5rem; --x-gap: 3.5rem;}
#cup .imgCont .imgbox {border-radius: 1.75rem; overflow: hidden;}
#cup .imgCont p {display: flex; align-items: center; justify-content: center; gap: .5rem;}
#cup .imgCont p img {width: 2.5rem;}

#cup .descCont .box {display: flex; align-items: baseline; background: var(--pointcolor); color: #fff; justify-content: center; gap: .5rem; padding: 1rem; border-radius: .625rem;}
#cup .descCont .box img {width: 1.5rem;}

@media (max-width:1550px) {
    #cup .wrap  {padding:100px 0;}
}

@media(max-width:1240px) {
    #cup .flexList.imgCont {--x-gap: 1.5rem;}
}

@media (max-width: 990px) {
    #cup .wrap  {padding:80px 0}
}

@media(max-width:768px) {
    #cup .wrap {padding:50px 0}
    #cup .descCont .box img {width: 2rem;}
}

/* 편한 푸줏간 */
#recomend .flexList {--y-gap: 3.5rem;}
#recomend .imgbox {border-radius: 1.75rem; overflow: hidden;}
#recomend p {display: flex; align-items: center; justify-content: center; gap: .5rem;}
#recomend p img {width: 2.5rem;}

/* 신청서 */
#Form {max-width: 1800px; width: 90%; margin: auto; background: #fff9f0; border-radius: 5rem; overflow: hidden;}
#Form .cont_box {margin-top: 3rem;}
#Form .frm {margin-top: 3rem;}
#Form .frm.half {display: inline-block; width:49%; padding-right: 1.5rem;}
#Form .frm .tt {font-weight: 700; width: 100%; display: inline-block;}
#Form .frm .frm_input {width: 100%; margin-top: 1rem; padding: 1rem !important; border: 1px solid #fff; box-shadow: none; height: auto; background-image: none !important; border-radius: 5px;}
#Form .frm .tt span {color: var(--pointcolor);}

#Form .frm .frm_select {display: inline-block; padding: 1rem !important; border: 1px solid #fff; box-shadow: none; height: auto; border-radius: 5px; margin-top: 1rem; background-image: url(/img/main/select.svg); background-position: 96% center; background-repeat: no-repeat; -webkit-appearance:none; -moz-appearance:none; appearance:none; background-color: #fff; color: #000;}
#Form .frm .frm_select.sm {width: 40%; margin-right: .625rem;}
#Form .frm .frm_select.lg {width: calc(59% - .625rem);}

#Form .frm.full .textarea {padding: 3rem !important;}
#Form .btn_smt {width: 100%; text-align: center; background: var(--pointcolor); color: #fff; padding: 1rem; border-radius: 5px; font-weight: 700;}

#Form .frm input[type=text]:focus, 
#Form .frm input[type=password]:focus, 
#Form .frm input[type=tel]:focus,
#Form .frm input[type=email]:focus,
#Form .frm textarea:focus, 
#Form .frm select:focus {border: 1px solid var(--pointcolor) !important;}

#Form .check ul {margin-top: 1rem; --x-gap:3rem; --y-gap: .8rem;}
#Form .check li { position: relative; display: flex; align-items: center; flex-wrap: wrap;}
#Form .check label {display: flex; align-items: center;}

#Form .check input[type=checkbox] { position: absolute; width: 1px; height: 1px; opacity: 0; top: 0; left: 0; }
#Form .check input[type=checkbox] + label span { width: 1.5rem; height: auto; aspect-ratio: 1/1; border: 2px solid #ccc; background-color: #fff; border-radius: .25rem; cursor: pointer; }
#Form .check input[type=checkbox]:checked + label span { background-color: var(--pointcolor); border-color: var(--pointcolor); }
#Form .check .frm_input2 {border: none; background: transparent; border-bottom: 1px solid #000; margin-left: .625rem; width: 70%;}
#Form .check input[type=text]:focus {border: none !important; border-bottom: 1px solid #000 !important; box-shadow: none;}

#Form .privacy {text-align: right; display: flex; align-items: flex-end; flex-direction: column;}
#Form .privacy p > span {background-color: transparent !important; border: none !important; text-decoration: underline; text-underline-offset: 3px; text-decoration-thickness: 1px;}

#Form .write_div {display: flex; align-items: center; justify-content: center;}
#captcha {display: flex; align-items: center; gap: .5rem; flex-wrap: wrap; justify-content: center; margin-top: 3rem;}
#captcha #captcha_info {width: 100%; text-align: center; font-size: 1rem;}

#Form .flexList.top {max-width: 940px; width: 100%; margin: auto;}
#Form .flexList.top .box {background: #fff; padding: 4rem 1rem;}
#Form .flexList.top .box img {width: 13rem;}

#Form .flexList.bottom .box a {display: flex; align-items: center; gap: 1rem; background: #fff; padding: .625rem 1.5rem; border-radius: 100px; border: 1px solid var(--pointcolor);}
#Form .flexList.bottom .box a img {width: 6rem;}
#Form .flexList.bottom .box a p {width: calc(100% - 7rem); text-align: center; padding-right: 1.5rem;}

#Form .frm.bottom {display: flex; justify-content: space-between; align-items: center;}
#Form .frm .file_wr {display: flex; gap: 4rem;}
#Form #bo_v_img img {margin: 1rem 0 0 !important;}

#Form #bo_v_file li {background: #fff; border: none; box-shadow: none; border-radius: 0; padding: 1rem !important;}
#Form #bo_v_file li:hover {background: #fff !important;}


@media(max-width:768px) {
    #Form .font-32 {font-size: 2.125rem;}
    #Form .frm.half {width: 100%; padding-right: 0;}
    #Form .check input[type=checkbox] + label span {width: 1.875rem;}
    #Form .check svg {width: 1.5rem; height: 1.5rem;}
    #captcha.m_captcha #captcha_img {width: 100px; height: auto;}
    #captcha.m_captcha audio {width: 100%; margin-top: 1.5rem;}
    #captcha #captcha_info {font-size: 1.5rem;}

    #Form .frm.bottom {flex-direction: column;}
    #Form .frm .file_wr {width: 100%; flex-direction: column; gap: 1rem; align-items: flex-start}
    #Form .frm .bo_w_flie {width: 100%;}
    #Form .privacy {width: 100%; margin-top: 1.5rem;}
    #Form .frm.full .textarea {padding: 1.5rem 1rem !important;}
    
    #Form .flexList.bottom .box a img {width: 6.25rem;}
}

@media(max-width:620px) {
    #Form .check ul {--count: 1;}
    #Form .flexList.bottom {max-width: 220px; width: 100%; margin: 4rem auto 0; --count: 1;}
}

._board .footer_ctrl {max-width: 1800px; width: 90%; margin: 2.5rem auto 0;}
._board .footer_ctrl > *:not(.gotolist) { width: 30%; }
._board .footer_ctrl > .next > a { justify-content: end; }
._board .footer_ctrl .ico, ._board .morelist { width: 4rem; height: auto; aspect-ratio: 1/1; border-radius: 50%; }
._board .gotolist { padding: 1rem 4rem; border-radius: 3rem; border: 1px solid var(--pointcolor); }

@media(max-width:500px) {
    ._board .gotolist {padding: .8rem 3rem;}
    ._board .footer_ctrl .ico, ._board .morelist {width: 3rem;}
}

.td_stat {display: block; text-align: center; margin: auto; padding: .5rem; width: 100%; border-radius: 100px; background: #ccc;}
.td_stat.chk {background: var(--pointcolor); color: #fff;}