.certificate_wrapper {max-width:var(--max-width);margin:0 auto;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .certificate_wrapper {padding:0 var(--side-padding);}
}

/* 타이틀 */
.page_title {margin:9.2rem 0 4.6rem;}
.page_title h3 {font-size: 2.4rem;line-height: 3rem;font-weight: 700;text-align: center;}
.help_txt {font-size:1.4rem;line-height:2rem;color:var(--medium-grey);text-align: right;margin-bottom:1.2rem;}
.help_txt > a {text-decoration: underline;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .page_title {margin:0;margin-bottom:1rem;}
    .page_title h3 {font-size:3.4rem;line-height:10rem;}
    .help_txt {font-size:2.6rem;line-height:3.4rem;text-align: left;}
}

/* certi_top_wrap */
.certi_top_wrap {display:flex;justify-content: space-between;gap:2rem;margin-bottom:5rem;}
.certi_top_wrap > div {flex:1;background:var(--background-grey);padding:3rem;position:relative;height:22rem;}
.certi_top_wrap > div .title {font-size:1.5rem;line-height:2rem;font-weight:700;}
.certi_top_wrap > div > ul > li {font-size:1.5rem;line-height:2.2rem;color:#444;}

.certi_top_wrap .btn_area {position:absolute;right:3rem;bottom:3rem;}
.certi_top_wrap .btn_area .btnBlue {background: var(--main-blue-1);}

.certi_top_wrap .certi_logo {position:absolute;top:2rem;right:3rem;}
.certi_top_wrap .certi_logo svg {width:7.8rem;height:auto;}
.certi_top_wrap .certi_logo img {height:5.6rem;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .certi_top_wrap {flex-direction: column;margin-bottom:1rem;}
    .certi_top_wrap > div {padding:4rem;}
    .certi_top_wrap > div .title {font-size:3rem;line-height:4rem;margin-bottom:2.6rem;}
    .certi_top_wrap > div > ul > li {font-size:3rem;line-height:4rem;}
    .certi_top_wrap .certi_logo {right:2rem;}
    .certi_top_wrap .certi_logo svg {width:12.2rem}
    .certi_top_wrap .btn_area {position:unset;margin-top:4.4rem;}
    .certi_top_wrap .btn_area .btnBlue {width: 100%;text-align: center;height:8.6rem;line-height:8.6rem;font-size:3rem;}
}


/* certificate_type */
.certificate_type {margin-bottom:5rem;}
.certificate_type > div {background:var(--background-grey);padding:3rem 3rem 6rem 3rem;}
.certificate_type h3 {font-size:1.8rem;line-height:3rem;margin-bottom:1rem;}
.certificate_type > div > ul {display:flex;gap:1.8rem;}
.certificate_type > div > ul > li {flex:1;}
.certificate_type > div > ul > li .white_title {background:var(--white);padding:4rem 0;text-align: center;margin-bottom:2rem;}
.certificate_type > div > ul > li .white_title p {font-size:2rem;line-height:2rem;font-weight:700;}
.certificate_type > div > ul > li .white_title.blue1 p {color:var(--main-blue-1);}
.certificate_type > div > ul > li .white_title.blue2 p {color:var(--main-blue-2);}
.certificate_type > div > ul > li .white_title.blue3 p {color:var(--main-blue-3);}
.certificate_type > div > ul > li .sub_title {font-size:1.5rem;line-height:2.4rem;font-weight:700;color:#444;text-indent:1rem;display: flex;align-items: center;}
.certificate_type > div > ul > li .sub_title::before {content:"";display:block;width:.4rem;height:.4rem;background:#444;;border-radius:50%;}
.certificate_type > div > ul > li .sub_txt {font-size:1.5rem;line-height:2.4rem;text-indent:1.4rem;color:#444;}
.certificate_type > div > ul > li > ul {padding-left:.5rem;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .certificate_type {margin-top:8rem;}
    .certificate_type h3 {font-size:3.2rem;line-height:4rem;margin-bottom:2rem;}
    .certificate_type > div > ul {flex-direction: column;gap:7rem;}
    .certificate_type > div > ul > li .white_title {padding:0;margin-bottom:3rem;}
    .certificate_type > div > ul > li .white_title p {font-size:3rem;line-height:10rem;}
    .certificate_type > div > ul > li .sub_title {font-size:3rem;line-height:4.4rem;color:#111;}
    .certificate_type > div > ul > li .sub_txt {font-size:3rem;line-height:4.4rem;padding-left:1.4rem;color:#111;text-indent: unset;}
    .certificate_type > div > ul > li .sub_title::before {background:#111;width:.8rem;height:.8rem;}
}

/* certificate_process */
.certificate_process {}
.certificate_process > div {background:var(--background-grey);padding:20rem 6rem 3.2rem 6rem;}
.certificate_process h3 {font-size:1.8rem;line-height:3rem;margin-bottom:1rem;}
.certificate_process .help_txt {font-size:1.4rem;line-height:2rem;color:var(--medium-grey);text-align: center;margin-top:6.8rem;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .certificate_process {margin-top:8rem;}
    .certificate_process > div {padding:4rem 3rem 5.2rem 3rem;}
    .certificate_process h3 {font-size:3.2rem;line-height:4rem;margin-bottom:2rem;}
    .certificate_process .help_txt {font-size:2.6rem;line-height:3.4rem;text-align: left;margin-top:5rem;}
}


.cer_pross_tab {position:relative;}
.cer_pross_tab .arrow-tabs {display: flex;text-align: center;}
.cer_pross_tab .arrow-tabs::-webkit-scrollbar {display:none;}
.cer_pross_tab .arrow-tabs li {position: relative;display: flex;align-items: center;justify-content: center;margin-left: -1.7rem;transition: 0.2s ease;padding: 0 3rem;background: #BBD3FF;font-size: 1.5rem;width:calc(27% - 0rem);height: 8.8rem;color: var(--font-white);cursor: pointer;font-weight:700;line-height:2.2rem;
    clip-path: polygon(0 0, calc(100% - 3rem) 0, 100% 50%, calc(100% - 3rem) 100%, 0 100%, 3rem 50%);
}
.cer_pross_tab .arrow-tabs li:first-child {clip-path: polygon(0 0, calc(100% - 3rem) 0, 100% 50%, calc(100% - 3rem) 100%, 0 100%, 0 0);}
.cer_pross_tab .arrow-tabs li.blue2 {background:#5A96FB;}
.cer_pross_tab .arrow-tabs li.blue3 {background:#403CFF;flex-direction: column;}
.cer_pross_tab .arrow-tabs li.blue3 > span {display:block;font-weight:400;}
.cer_pross_tab .arrow-tabs li.blue4 {background:#0601FF;}
/* .cer_pross_tab .arrow-tabs li:hover:not(.active) {background: var(--btncolor-2);} */
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .cer_pross_tab .arrow-tabs {gap:1.5rem;}
    .cer_pross_tab .arrow-tabs li {margin:0;}
    .cer_pross_tab .arrow-tabs li:first-child {clip-path:none;}
    .cer_pross_tab .arrow-tabs li {font-weight: 400;font-size: 2.8rem;line-height: 3rem;padding:0 4rem;clip-path:none;border-radius:5rem;height:7rem;line-height: 7rem;width:auto;}
}

.circle_cont {position:absolute;left:0;top:-13.5rem;display:flex;justify-content: space-around;align-items: center;width: calc(100% - 3rem);}
.circle_icon {width:15rem;height:15rem;background:var(--white);display:flex;border-radius:50%;align-items: center;justify-content: center;}
.circle_icon img {width:auto;height:6rem;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .circle_cont {display:block;position:unset;}
    .circle_cont p {font-size:3rem;line-height:4.2rem;font-weight:700;}
    .circle_cont p > span {font-size:3rem;line-height:4.2rem;font-weight:400;display:block;}
    .circle_cont > div {display:flex;align-items: center;gap:4rem;margin-bottom:4.8rem;}
    .circle_cont > div .circle_icon {position: relative;}
    .circle_cont > div.blue1 .circle_icon::after {content:'';display:block;width:1rem;height:5rem;background:#A7C8FF;position:absolute;bottom:-5rem;left:50%;transform:translate(-50%, 0);}
    .circle_cont > div.blue2 .circle_icon::after {content:'';display:block;width:1rem;height:5rem;background:#5A96FB;position:absolute;bottom:-5rem;left:50%;transform:translate(-50%, 0);}
    .circle_cont > div.blue3 .circle_icon::after {content:'';display:block;width:1rem;height:5rem;background:#0601FF;position:absolute;bottom:-5rem;left:50%;transform:translate(-50%, 0);}
}


/* 증명서 발급 작성 페이지 */

@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .certi_tab_cont > .jq_tab {justify-content: center;}
}

.certi_section {margin-bottom:8rem;}
.certi_section h4 {font-size:1.8rem;line-height:3rem;margin-bottom:1rem;}
.certi_section > ul > li {display:flex;}
.certi_section > ul > li .th {width:18.5rem;background:#F3F6FB;text-align: center;font-weight:700;display: flex;align-items: center;justify-content: center;}
.certi_section > ul > li:nth-child(2n) .th {background:#F8FAFF;}
.certi_section > ul > li .td {width:calc(100% - 18.5rem);padding:1rem 2rem;}
.certi_section > ul > li .td input[type="text"] {width: calc(40% + -1rem);padding:0 1.8rem;}
.certi_section > ul > li .td .flex_wrap {display:flex;gap:1rem;flex-wrap:wrap;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .certi_section {padding-bottom: 5rem;}
    .certi_section h4 {font-size:3.2rem;line-height:4rem;margin-bottom:2rem;}
    .certi_section > ul > li {display:block;margin-bottom:3rem;}
    .certi_section > ul > li .th {background:none;text-align: left;font-size:2.8rem;line-height:4rem;width: 100%;display: block;margin-bottom:1.6rem;}
    .certi_section > ul > li:nth-child(2n) .th {background:none;}
    .certi_section > ul > li .td {padding:0;width:100%;}
    .certi_section > ul > li .td .flex_wrap {gap:2rem;}
    .certi_section > ul > li .td input[type="text"] {padding:0 3rem;width:100%;}
    .certi_base_cont {margin-bottom: 7rem;border-bottom: 1px solid #ddd;}
    .certi_base_cont_2 {margin-bottom: 5rem;}
}

.certi_section .td.address .form_field {display:flex;gap:1rem;}
.certi_section .td.address .form_field:first-child {margin-bottom:1rem;}
.certi_section .td.address .form_field input[readonly="readonly"] {background:#F3F6FB;border:0;}
.certi_section .td.address .form_field .zipcode_input {width:calc(15% - 1rem)}
.certi_section .td.address .form_field .detailed_address {width:calc(100% - 40% - 1rem);}
.certi_section .td.address .form_field .btnBlue {background:var(--main-blue-1);}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .certi_section .td.address .form_field {align-items: center;}
    .certi_section .td.address .form_field input[type="text"] {width:100%;}
    .certi_section .td.address .form_field .zipcode_input {width:calc(100% - 1rem)}
    .certi_section .td.address .form_field button {height:7.6rem;}
    .certi_section .td.address .form_field.second {display:block;}
    .certi_section .td.address .form_field.second input[type="text"]:first-child {margin-bottom:1rem;}
}

.certi_section .form_field span {color:var(--medium-grey);}
.certi_section .form_field > ul > li {width: calc(20% - 1rem);border-width: 1px;border-style: solid;border-color: #ddd;border-radius: 1rem;padding: 0 2.4rem;color: var(--black);font-size: 1.5rem;background: var(--white);height: 5rem;line-height: 5rem;transition: border-width 0.2s, border-color 0.2s;box-sizing: border-box;text-align: center;color:var(--font-black);justify-content: center;cursor:pointer;}
.certi_section .form_field > ul > li.active {border-color:var(--black);}
.certi_section .form_field > ul > input[type="text"] {background:#F3F6FB;border:0;}
.certi_section .form_field > ul > input[type="text"].receive_method {background:#F3F6FB;border:0;width:calc(20% - 1rem);}
.certi_section .form_field.phone input[type="number"] {width: calc(20% - 1rem);}
.certi_section .form_field.phone .flex_wrap {gap:.3rem;}
.certi_section .td.application_date input[type="text"] {border:0;padding:0;}
.certi_section .td textarea {width:100%;padding:1.3rem 1.8rem;min-height:11rem;}
.certi_section .td textarea::-webkit-scrollbar {display:none;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .certi_section .flex_wrap {display:flex;gap:.5rem;flex-wrap: wrap;}
    .certi_section .form_field > ul > li {height:9.2rem;line-height:8.6rem;font-size:3rem;margin-bottom:0;}
    .certi_section .form_field > ul > li {font-size: 3rem;height: 9.2rem;line-height: 9.2rem;padding: 0 3rem;border: .2rem solid #ddd;}
    .certi_section .form_field > ul > li:first-child {width:100%;}
    .certi_section .form_field > ul > li:not(.box1) {width:calc(50% - 1rem);}
    .certi_section .form_field > ul > input[type="text"] {width:100%;padding:0 3rem;}
    .certi_section .form_field span {font-size:3rem;}
    .certi_section .form_field.phone .custom-select {width:33.333%;}
    .certi_section .form_field.phone input[type="number"] {width: calc(30.333%);}
    .certi_section .form_field.phone .flex_wrap {gap:.5rem;}
    .certi_section .form_field > ul > input[type="text"].receive_method {width:100%;}
    .certi_section .td.application_date input[type="text"] {border:0;padding-left:3rem;}
    .certi_section .td textarea {min-height:26rem;padding:3rem;}
    
}

/* BOARD - 커스텀 셀렉트 */
.certi_section .flex_wrap {display:flex;align-items: center;gap:.3rem;}
.certi_section .custom-label {display: block;font-size:1.4rem;line-height:3rem;margin-bottom: .6rem;font-weight: 700;}
.certi_section .custom-select {width: calc(20% - 1rem);}
.certi_section .custom-select__trigger {border:1px solid #ddd;color:#959595;padding:0 1.8rem;border-radius:1rem;height:5rem;}
.certi_section .custom-select__trigger.error {border-width:.2rem;border-color: #85BAFF;outline: none;}
.certi_section .custom-select__label {color:#959595;font-size: 1.5rem;}
.certi_section .custom-select__label.selected {color:var(--black);}
.certi_section .custom-select__options {bottom:unset;top: calc(100% - 1px);padding-top:0;border:1px solid #ddd;border-radius: 1rem;;}
.certi_section .custom-select__option:hover{background-color:var(--sub-color-blue);} 
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .certi_section .custom-label {font-size:2.8rem;line-height:4rem;margin-bottom:1.6rem;}
    .certi_section .custom-select {width: calc(50% - 1rem);}
    .certi_section .custom-select__trigger {height:9.2rem;padding:0 3rem;border:.2rem solid #ddd;}
    .certi_section .custom-select__label {font-size: 3rem;line-height:3rem;}
    .certi_section .custom-select__trigger::after {right:4.2rem;}
    .certi_section .custom-select__option {font-size:3rem;line-height:3rem;padding:3.2rem 3rem;color:#444;}
    .certi_section .custom-select__option:focus,
    .certi_section .custom-select__option:active {background:var(--sub-color-blue);}
    .certi_section .custom-select__options {border:.2rem solid #ddd;z-index:99;top: calc(100% - 2px);}
}

section.privacy_agree {padding:2.8rem 2rem;background:#F3F6FB;}
section.privacy_agree h4 {margin-bottom:1rem;font-size:1.8rem;line-height:3rem;}
section.privacy_agree .privacy_box {background:var(--white);padding:2rem;border-radius:.4rem;border:1px solid #ddd;}
section.privacy_agree .privacy_box p {font-size:1.5rem;line-height:2.2rem;}
section.privacy_agree .privacy_box .scroll_area {height:23.8rem;overflow:auto;padding-right:1.2rem;}
section.privacy_agree .privacy_box .scroll_area::-webkit-scrollbar {width:.4rem;background:transparent;}
section.privacy_agree .privacy_box .scroll_area::-webkit-scrollbar-thumb {width:5px;background:#D9D9D9;border-radius:5rem;}
section.privacy_agree .form_field {margin-top:1rem;align-items: center;display: flex;gap:.6rem;}
section.privacy_agree .form_field > label {font-size:1.5rem;line-height:2rem;color:var(--medium-grey);}
section.privacy_agree .help_box {margin-top:2.4rem;}
section.privacy_agree .help_box .help_title {display:flex;align-items: center;gap:.2rem;margin-bottom:.2rem;}
section.privacy_agree .help_box img {width:1.6rem;}
section.privacy_agree .help_box p {font-size:1.3rem;line-height:1.8rem;color:#444;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    section.privacy_agree {padding:4rem 3rem 5rem 3rem;}
    section.privacy_agree h4 {margin-bottom:2rem;font-size:3.2rem;line-height:4rem;}
    section.privacy_agree .privacy_box {padding:3rem;border-radius:1rem;}
    section.privacy_agree .privacy_box p {font-size:3rem;line-height:4rem;}
    section.privacy_agree .form_field > label {font-size:2.8rem;line-height:4rem;}
    section.privacy_agree .help_box {margin-top:4rem;}
    section.privacy_agree .help_box img {width:2.6rem;}
    section.privacy_agree .help_box p {font-size:2.6rem;line-height:3.4rem;}
}

.certi_tab_cont .btn_area {margin:6rem auto 0;text-align: center;gap:1.4rem;display: flex;justify-content: center;}
.certi_tab_cont .btn_area button {}
.certi_tab_cont .btn_area button.btnBlue {background:var(--main-blue-1);}
.certi_tab_cont .btn_area button.btnLine {border:1px solid #111;border-radius:5rem;}
@media screen and (max-width:1023px) { /* Mobile, Tablet */
    .certi_tab_cont .btn_area {gap:2rem;}
    .certi_tab_cont .btn_area button {width:calc(50% - 1rem);height:8.6rem;}
}