._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%;}
}

/* 창업 프로세스 */
#process .flexList {--x-gap: 11rem; --y-gap: 3rem;}
#process .box {background: #f8f8f8; padding: 2.5rem 1rem; border-radius: 1.875rem; position: relative;}
#process .box:after {position: absolute; left: -7rem; top: 50%; transform: translateY(-50%); width: 3.25rem; height: 3.25rem; background: var(--pointcolor); content: "▶"; color: #fff; border-radius: 50%; line-height: 3.25rem; font-size: 1rem;} 
#process .box:nth-child(1):after,
#process .box:nth-child(4):after {display: none;}
#process .box .num {width: fit-content; background: var(--pointcolor); color: #fff; margin: 0 auto 1.25rem; padding: .5rem 1rem; border-radius: 100px; text-transform: uppercase; line-height: 1;}

#process .box:last-child {background: var(--pointcolor); color: #fff;}
#process .box:last-child .num {background: #fff; color: var(--pointcolor);}

#process .nav {display: flex; gap: 3rem; max-width: 52rem; width: 90%; margin: auto;}
#process .nav a {display: flex; align-items: center; justify-content: center; gap: 1rem; background: var(--pointcolor); width: 50%; color: #fff; padding: 1rem; border-radius: 100px;}
#process .nav a img {width: 1.875rem;}

@media(max-width:990px) {
    #process .flexList {--x-gap: 7rem;}
    #process .box:after {left: -5.5rem;}
}

@media(max-width:768px) {
    #process .flexList {--y-gap: 8rem;}
    #process .box {padding: 3.75rem 1rem;}
    #process .box:after {left: 50%; transform: translateX(-50%) rotate(90deg); top: -6rem; width: 4.5rem; height: 4.5rem; line-height: 4.5rem; font-size: 1.5rem;}
    #process .box:nth-child(4):after {display: block;}
    #process .box .num {margin: 0 auto 2rem; padding: .8rem 1.5rem;}
    #process .box h3 {margin-top: 1.5rem;}

    #process .nav {flex-direction: column; gap: 1rem;}
    #process .nav a  {width: 100%;}
    #process .nav a img {width: 2.25rem;}
}

/* 자주 묻는 질문 */
#faq .accoCont div {display: flex; align-items: baseline; gap: 1rem; padding: 1.25rem; border-bottom: 1px solid rgba(0,0,0,0.5);}
#faq .accoCont div.q { position: relative; cursor: pointer;}
#faq .accoCont div.q:after {position: absolute; right: 1.25rem; top: 50%; transform: translateY(-50%) rotate(270deg); content: ">";}
#faq .accoCont.off div.q:after  {transform: translateY(-50%) rotate(90deg);}
#faq .accoCont div.a {background: #f8f8f8;}
#faq .accoCont div.a span {color: var(--pointcolor); line-height: 1;}
#faq .accoCont div.q p {padding-right: 3rem;}
#faq .accoCont:last-child div.a {border: none;}


@media(max-width:768px) {
    #faq .accoCont div {padding: 1.5rem;}
    #faq .accoCont div {gap: 1.5rem;}

    #faq .accoCont .font-28 {font-size: 2.125rem !important;}
    #faq .font-18 {font-size: 1.5rem;}
}

/* 신청서 */
#Form {max-width: 1800px; width: 90%; margin: auto; background: #fff9f0; border-radius: 5rem;}
#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.half:nth-child(even) {padding-right: 0;}
#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 .frm_input {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; --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=radio],
#Form .check input[type=checkbox] { position: absolute; width: 1px; height: 1px; opacity: 0; top: 0; left: 0; }
#Form .check input[type=radio] + label span,
#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=radio]:checked + label span,
#Form .check input[type=checkbox]:checked + label span { background-color: var(--pointcolor); border-color: var(--pointcolor); }
#Form .check label * { pointer-events: none; }
#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;}
#captcha #captcha_info {width: 100%; text-align: center; font-size: 1rem;}

@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;}
}

@media(max-width:620px) {
    #Form .check ul {--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;}