@charset "utf-8"


#certi * {box-sizing:border-box}


.certi-btn {margin-top:1.25rem;display:flex;justify-content:center}
.certi-btn a {width:20rem;height:3.75rem;display:flex;color:#fff;font-size:1.25rem;justify-content:center;align-items:center;border-radius:3.75rem}
.certi-btn.form a {background:#FF792F}
.certi-btn.letter a {background:#000}

/* S: certi-top */
.certi-top {position:relative;background:#FDEED1}
.certi-top::before {content:'';position:absolute;top:0;right:0;width:59.9375rem;height:12.5625rem;display:block;background:url('https://img.megastudyth.com/event/2025/vertification/con_img11.png') no-repeat 100% 0 / contain}

.certi-top dl {position:relative;display:flex;gap:1.25rem;flex-direction:column;align-items:flex-start;font-size:1.25rem;padding:2.75rem 0rem 300px}
.certi-top dl::before {content:'';position:absolute;top:1.6rem;left:-4.7rem;width:9.125rem;height:17.4375rem;display:block;background:url('https://img.megastudyth.com/event/2025/vertification/con_img8.png') no-repeat 0 0 / contain}
.certi-top dl dt {position:relative;color:#F86E0B;margin:0 0 0.9375rem}
.certi-top dl dt::before {content:'';position:absolute;bottom:0.25rem;right:1.2rem;width:3.375rem;height:3.125rem;display:block;background:url('https://img.megastudyth.com/event/2025/vertification/con_img6.png') no-repeat 0 0 / contain}
.certi-top dl dt span {display:block;text-align:right;padding:0 0 0.625rem 13.5rem}
.certi-top dl dt strong {display:inline-block;background:url('https://img.megastudyth.com/event/2025/vertification/con_img14.png') no-repeat 0 100% / contain;padding:0 9px 4px 9px;font-size:3.25rem;font-weight:700;line-height:1}
.certi-top dl dd {font-weight:300;line-height:1.4}
.certi-top dl dd i {font-style:normal}
.certi-top dl dd b {font-weight:500}

.certi-top .tea {position:absolute;bottom:4rem;right:-4rem}
.certi-top .tea::before {content:'';position:absolute;bottom:5rem;right:-1.5rem;width:31.375rem;height:37.3125rem;display:block;background:url('https://img.megastudyth.com/event/2025/vertification/con_img10.png') no-repeat 0 0 / cover;z-index:1}
/* E: certi-top */


/* S: certi-form */
.certi-form {position:relative;padding:172px 0 7.5rem;margin-top:-236px;background:url(https://img.megastudyth.com/event/2025/vertification/con_img13.png) repeat-x 50% 0 / auto auto}
.certi-form::after {content:'';position:absolute;bottom:0;left:0;width:100%;height:calc(100% - 172px);background:linear-gradient(360deg,#f4f4f4 90%,transparent 100%)}
.certi-form .container {position:relative;z-index:1}

.certi-form__paper {padding:3.75rem 5.625rem 5rem;background:#fff;border-radius:20px}
.certi-form__paper h4 {font-size:2rem;color:#FF792F;text-align:center;font-weight:400;margin:0 0 1.75rem;line-height:1}
.certi-form__paper h5 {font-size:1.5rem;text-align:center;font-weight:500;border-bottom:2px solid #000;padding:1.75rem 0;margin:0 0 1.125rem}

.certi-form__paper ul {font-size:0.875rem;display:flex;flex-direction:column;flex-wrap:wrap}
.certi-form__paper li {display:flex;flex-direction:row;/* flex-wrap:wrap; */}

.certi-form__title {font-weight:400;text-align:left;padding:0;flex-grow:1;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;}
.certi-form__title .noti {font-size:0.75rem;color:#8B95A1;display:block;font-weight:300}
.certi-form__title sup {background:#FF5F5F;display:inline-block;vertical-align:top;width:3px;height:3px;font-size:0;border-radius:100%;margin:3px 0 0 0px}

.certi-form__cont {padding:0.625rem 0;width:528px}
.certi-form__cont * {font-family:'Kanit',sans-serif}

.certi-form__cont.radio_field {display:flex;flex-direction:row;flex-wrap:wrap;gap:0.8rem}
.certi-form__cont.radio_field label {padding:0.625rem 0.625rem 0.625rem 0;min-width:170px;display:flex;align-items:center;justify-content:flex-start;font-weight:300}
.certi-form__cont.radio_field input[type=radio] {margin:0 0.5rem 0 0}

.certi-form__cont input[type=radio] {border:1px solid #D3D8DD;width:1.25rem;height:1.25rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;border-radius:100%;outline:none;cursor:pointer;flex-shrink:0}
.certi-form__cont input[type='radio']:checked {background-color:#0082ff;border:3px solid white;box-shadow:0 0 0 1px #0082ff}

.certi-form__cont input[type=text] {border:1px solid #D3D8DD;width:100%;height:3rem;padding: 0.625rem 1rem;border-radius:4px}
.certi-form__cont textarea {border:1px solid #D3D8DD;width:100%;min-height:6rem;max-height:6rem;min-width:100%;max-width:100%}

.certi-form__cont.file_field {position:relative;display:flex;flex-direction:row;flex-wrap:wrap;gap:1rem;align-items: center;}
.certi-form__cont.file_field .file_y{
    width: 100%;
}
.certi-form__cont.file_field .file_n{width: 50%;}
.certi-form__cont.file_field input[type=file] {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);clip-path:inset(50%);border:0;white-space:nowrap}
.certi-form__cont.file_field .file_btn {height:3rem;display:inline-flex;align-items:center;justify-content:center;border:1px solid #FF792F;border-radius:4px;color:#FF792F;font-weight:400;cursor:pointer;user-select:none;width: 100%;font-size:0.875rem}
.certi-form__cont.file_field .file_name {position: relative;flex:1;display:flex;justify-content:center;align-items:center;color:#8B95A1;line-height: 1.2;padding: 0.625rem 1rem;}
.certi-form__cont.file_field .file_name.enough {
    border: 1px solid #D3D8DD;
    width: 100%;
    min-height: 3rem;
    border-radius: 4px;
    word-break: break-all;
    justify-content: flex-start;
    height: auto;
    padding: 0.625rem 40px 0.625rem 1rem;
    }
.certi-form__cont.file_field .file_name button {
    background: #ff2523;
    font-size: 0;
    width: 20px;
    height: 20px;
    border-radius: 20px;
    position: relative;
    margin: -10px 0 0 10px;
    position: absolute;
    top: 50%;
    right: 0;
}
.certi-form__cont.file_field .file_name.enough button {right: 8px;}
.certi-form__cont.file_field .file_name button::before {content:'';position: absolute;top: 9px;left: 5px;transform: rotate(45deg);width: 10px;height: 2px;background: #fff;}
.certi-form__cont.file_field .file_name button::after {content:'';position: absolute;top: 9px;left: 5px;transform: rotate(-45deg);width: 10px;height: 2px;background: #fff;}

.certi-form__ic {position:absolute}
.certi-form__ic.ic1 {top:-8.75rem;left:-2.5rem;width:13.875rem}
.certi-form__ic.ic2 {bottom:420px;left:-2.5rem;width:4.625rem;height:4.625rem}
.certi-form__ic.ic3 {right:-37px;bottom:160px;width:4.125rem}
/* E: certi-form */


/* S: certi-letter */
.certi-letter {position:relative;background:url('https://img.megastudyth.com/event/2025/vertification/con_img25.png') no-repeat center 0 / cover;padding:11rem 0 7.5rem}
.certi-letter::before {content:'';position:absolute;bottom:0;left:0;width:51.6875rem;height:17.875rem;display:block;background:url('https://img.megastudyth.com/event/2025/vertification/con_img24.png') no-repeat 0 0 / contain}

.certi-letter__cont {position:relative;text-align:center;color:#fff;background:url(https://img.megastudyth.com/event/2025/vertification/con_img21.png) no-repeat center 0 / auto;padding:6rem 0 5.2rem;max-width:894px;margin:0 auto}
.certi-letter__cont p {font-size:1.125rem;line-height:1.6;font-weight:300}
.certi-letter__cont p.point {margin:1.8rem 0 0;font-family:"Sarabun",sans-serif;font-size:2.4rem;line-height:1.3;font-weight:400}
.certi-letter__cont p.last {color:#000;font-weight:500;margin:13.4rem 0 0;line-height:1.4;font-size:1.25rem}
.certi-letter__cont p.last b {color:#F86E0B}
.certi-letter__cont span {display:block;margin:3.875rem 0 0}

.certi-letter__ic {position:absolute}
.certi-letter__ic.ic1 {left:50%;top:-9%;width:6.375rem;margin:0 0 0 -3.1875rem}
.certi-letter__ic.ic2 {left:-0.5rem;bottom:73%}
.certi-letter__ic.ic3 {right:2.8rem;bottom:72%;width:4.625rem}
.certi-letter__ic.ic4 {right:-0.8rem;bottom:15%}
/* E: certi-letter */


@media (max-width:1280px) {
	/* S: certi-top */
	.certi-top::before {width:65%;height:22%}
	.certi-top dl {padding:2.75rem 0rem 288px 4.125rem;z-index:1}
	.certi-top dl::before {left:0}
	.certi-top dl dt::before {right:-4rem}
	.certi-top dl dt span {padding:0 0 0.625rem 35%;margin:0 -21% 0 0}
	.certi-top dl dt strong {background-size:contain}
	.certi-top .tea {right:-5%}
	.certi-top .tea::before {width:78%;height:82%;bottom:11%;right:-5%}
	/* E: certi-top */

	/* S: certi-form */
	.certi-form {background-size:100%;padding-top:14%;margin-top:-22%}
	.certi-form::after {height:calc(100% - 6%);background:linear-gradient(360deg,#f4f4f4 99%,transparent 100%)}
	.certi-form__paper {padding:3.75rem 4.625rem}
	.certi-form__paper h4 {margin:0 0 0.5rem}
	.certi-form__cont.radio_field {gap:0}
	.certi-form__cont.radio_field label {min-width:auto;flex: 1;}
	.certi-form__ic.ic1 {left:0;top:-10.75rem}
	.certi-form__ic.ic2 {left:-0.5rem}
	.certi-form__ic.ic3 {right:-0.5rem}
	/* E: certi-form */
}

@media (max-width:992px) {
	/* S: certi-top */
	.certi-top .tea {width:clamp(400px,60vmin,552px);right:0}
	/* E: certi-top */

	/* S: certi-form */
	.certi-form__cont {width:57%;}
	/* E: certi-form */

	/* S: certi-letter */
	.certi-letter {background-image:url('https://img.megastudyth.com/event/2025/vertification/con_img26.png')}
	.certi-letter::before {left:-9rem}
	.certi-letter__cont {background-size:100% 100%;padding:11% 0 50%}
	.certi-letter__cont p.last {position:absolute;bottom:12%;width:100%;text-align:center;margin:0}
	.certi-letter__ic.ic2 {left:1rem;width:8.5rem;height:8.5rem}
	.certi-letter__ic.ic4 {width:18%;aspect-ratio:1 / 1;height:auto;bottom:16%;right:0}
	/* E: certi-letter */
}

@media (max-width:768px) {
	/* S: certi-top */
	.certi-top dl {padding-left:7%;font-size:1.10rem}
	.certi-top dl dt span {padding-left:34%}
	/* E: certi-top */

	/* S: certi-form */
	.certi-form::after {height:calc(100% - 3%)}
	.certi-form__paper {padding:3.75rem 2.125rem}
	.certi-form__paper ul {gap:0.8rem}
	.certi-form__paper li {flex-direction:column}
	.certi-form__cont {width:100%}
	.certi-form__cont.radio_field {gap:0.7rem}
	.certi-form__cont.radio_field label {border:1px solid #D3D8DD;border-radius:4px;padding:1rem;flex:1}
	.certi-form__cont.file_field .file_n{width: 100%;}
	.certi-form__ic {display:none}
	.certi-form__ic.ic1 {display:block}
	/* E: certi-form */

	/* S: certi-letter */
	.certi-letter {padding:7.5rem 0}
	.certi-letter__cont p.point {font-size:2.0rem}
	.certi-letter__cont span img {width:clamp(70px,17vmin,158px)}
	.certi-letter__ic.ic1 {width:18%;height:auto;top:-10%;margin-left:-9%}
	.certi-letter__ic.ic2 {width:13%;height:auto;left:2%;bottom:79%}
	.certi-letter__ic.ic3 {width:10%;height:auto;right:4%}
	/* E: certi-letter */
}

@media (max-width:576px) {
	/* S: certi-top */
	.certi-top dl {padding:2.75rem 0rem 0rem 2.5rem}
	.certi-top dl::before {width:6.125rem}
	.certi-top dl dt::before {right:-1.5rem;width:2.5rem;height:2.5rem}
	.certi-top dl dt span {padding:0 0 5px 40%;margin:0}
	.certi-top dl dt strong {font-size:2.3rem}
	.certi-top .tea {position:relative;bottom:unset;right:unset;width:calc(100% - 30%);margin:0 0 8% 30%}
	/* E: certi-top */

	/* S: certi-form */
	.certi-form {padding-top:6rem;background-size:134%;margin-top:-10rem}
	.certi-form::after {height:calc(100% - 4rem);background:linear-gradient(0deg,#f4f4f4 99%,transparent 100%)}
	.certi-form__paper h4 {font-size:1.5rem}
	.certi-form__paper h5 {font-size:1.1rem;padding-bottom:1.1rem}
	.certi-form__ic.ic1 {top:-7rem;left:1rem;width:10rem}
	/* E: certi-form */

	/* S: certi-letter */
	.certi-letter::before {width:59%;height:15%;left:0}
	.certi-letter__cont p {font-size:3vw}
	.certi-letter__cont p.point {font-size:4.5vw;margin-top:3vw}
	.certi-letter__cont p.last {font-size:3vw}
	.certi-letter__cont span {margin:6% 0 0}
	.certi-letter__ic.ic4 {bottom:22%}
	/* E: certi-letter */
}