.infor_container { display: flex; flex-direction: column; justify-content: center; align-items: center; padding: 5rem; }

.infor_container .content_header { width: 100%; max-width: 74rem; margin-top: 3rem; margin-bottom: 2rem; }

.infor_container .content_header .content_header_h1 { font-size: 3.6rem; font-weight: 700; color: #242424; }

.infor_container .content_header .content_header_h1::before { content: ''; position: absolute; transform: translate(-100%, -50%); width: 1rem; height: 1rem; background-color: #FE676E; border-radius: 50%; }

.infor_container .content_header .content_header_p { color: #646464; font-weight: 500; font-size: 1.6rem; }

.infor_container .sec1_container { display: flex; justify-content: center; margin-top: 80px; width: 100%; max-width: 82rem; }

.infor_container .sec1_container .sec1_img1 .sec1_img1_img { object-fit: cover; border-radius: 0.5rem; }

.infor_container .sec1_container .sec1_txt1 { width: 50%; }

.infor_container .sec1_container .sec1_txt1, .infor_container .sec1_container .sec1_txt2, .infor_container .sec1_container .sec1_txt3 { display: flex; justify-content: center; align-items: center; width: 50%; }

.infor_container .sec1_container .sec1_txt1 .sec1_txt1_content, .infor_container .sec1_container .sec1_txt2 .sec1_txt1_content, .infor_container .sec1_container .sec1_txt3 .sec1_txt1_content { line-height: 23px; }

.infor_container .sec1_container .sec1_txt1 .sec1_txt1_content .sec1_txt1_h1, .infor_container .sec1_container .sec1_txt2 .sec1_txt1_content .sec1_txt1_h1, .infor_container .sec1_container .sec1_txt3 .sec1_txt1_content .sec1_txt1_h1 { background: #FE676E; color: white; width: 80px; font-size: 1.5rem; text-align: center; border-radius: 0.5rem; }

.infor_container .sec1_container .sec1_txt1 .sec1_txt1_content .sub_div, .infor_container .sec1_container .sec1_txt2 .sec1_txt1_content .sub_div, .infor_container .sec1_container .sec1_txt3 .sec1_txt1_content .sub_div { margin-top: 2rem; }

.infor_container .sec1_container .sec1_txt1 .sec1_txt1_content .sub_div .number, .infor_container .sec1_container .sec1_txt2 .sec1_txt1_content .sub_div .number, .infor_container .sec1_container .sec1_txt3 .sec1_txt1_content .sub_div .number { font-size: 2.5rem; font-weight: 600; margin-bottom: 1rem; }

.infor_container .sec1_container .sec1_txt1 .sec1_txt1_content .sub_div .inforTitle, .infor_container .sec1_container .sec1_txt2 .sec1_txt1_content .sub_div .inforTitle, .infor_container .sec1_container .sec1_txt3 .sec1_txt1_content .sub_div .inforTitle { font-size: 2.2rem; color: #000; font-weight: 600; margin: 1.8rem 0; }

.infor_container .sec1_container .sec1_txt1 .sec1_txt1_content .inforText_div .inforText, .infor_container .sec1_container .sec1_txt2 .sec1_txt1_content .inforText_div .inforText, .infor_container .sec1_container .sec1_txt3 .sec1_txt1_content .inforText_div .inforText { height: 11rem; margin: 0; color: #666; font-size: 1.7rem; margin-top: 2rem; letter-spacing: 0.05rem; }

.infor_container .sec1_container .sec1_txt1 .sec1_txt1_content .sub_div .div_line, .infor_container .sec1_container .sec1_txt2 .sec1_txt1_content .sub_div .div_line, .infor_container .sec1_container .sec1_txt3 .sec1_txt1_content .sub_div .div_line { display: flex; margin-top: 8rem; border-top: 1px solid #D4D4D4; }

.infor_container .sec1_container .sec1_txt1 .sec1_txt1_content .sub_div .div_line .div_line_img, .infor_container .sec1_container .sec1_txt2 .sec1_txt1_content .sub_div .div_line .div_line_img, .infor_container .sec1_container .sec1_txt3 .sec1_txt1_content .sub_div .div_line .div_line_img { object-fit: cover; width: 17px; height: 17px; margin-top: 0.5rem; }

.infor_container .sec1_container .sec1_txt1 .sec1_txt1_content .sub_div .div_line .div_line_p, .infor_container .sec1_container .sec1_txt2 .sec1_txt1_content .sub_div .div_line .div_line_p, .infor_container .sec1_container .sec1_txt3 .sec1_txt1_content .sub_div .div_line .div_line_p { font-size: 1.5rem; color: #666; font-weight: 400; margin-left: 5px; margin-top: 0.5rem; }

.infor_container .sec1_container .sec1_txt2 { margin-left: 0rem; }

.infor_container .line { width: 82rem; border: 1px solid #D4D4D4; margin-top: 8rem; }

.infor_container .sec1_container:last-of-type { margin-bottom: 7rem; }

@media screen and (max-width: 768px) { .infor_container { padding: 1rem; } .infor_container .content_header { margin-top: 0rem; text-align: center; } .infor_container .content_header .content_header_h1 { font-size: 3rem; } .infor_container .content_header .content_header_p { font-size: 1.5rem; } .infor_container .sec1_container { flex-direction: column; gap: initial; margin-top: 0rem; display: flex; justify-content: center; align-items: center; } .infor_container .sec1_container .sec1_txt1 { justify-content: center; } .infor_container .sec1_container .sec1_txt2 { justify-content: center; } .infor_container .sec1_container .sec1_txt1, .infor_container .sec1_container .sec1_txt2, .infor_container .sec1_container .sec1_txt3 { margin-top: 0rem; } .infor_container .sec1_container .sec1_txt1 .sec1_txt1_content, .infor_container .sec1_container .sec1_txt2 .sec1_txt1_content, .infor_container .sec1_container .sec1_txt3 .sec1_txt1_content { margin-left: 0px; text-align: center; } .infor_container .sec1_container .sec1_txt1 .sec1_txt1_content .sub_div .number, .infor_container .sec1_container .sec1_txt2 .sec1_txt1_content .sub_div .number, .infor_container .sec1_container .sec1_txt3 .sec1_txt1_content .sub_div .number { margin-bottom: 0.5rem; } .infor_container .sec1_container .sec1_txt1 .sec1_txt1_content .sub_div .sec1_txt1_h1, .infor_container .sec1_container .sec1_txt2 .sec1_txt1_content .sub_div .sec1_txt1_h1, .infor_container .sec1_container .sec1_txt3 .sec1_txt1_content .sub_div .sec1_txt1_h1 { font-size: 1.3rem; width: 9rem; } .infor_container .sec1_container .sec1_txt1 .sec1_txt1_content .sub_div .inforTitle, .infor_container .sec1_container .sec1_txt2 .sec1_txt1_content .sub_div .inforTitle, .infor_container .sec1_container .sec1_txt3 .sec1_txt1_content .sub_div .inforTitle { font-size: 1.4rem; color: #000; font-weight: 600; } .infor_container .sec1_container .sec1_txt1 .sec1_txt1_content .sub_div, .infor_container .sec1_container .sec1_txt2 .sec1_txt1_content .sub_div, .infor_container .sec1_container .sec1_txt3 .sec1_txt1_content .sub_div { margin-top: 2rem; } .infor_container .sec1_container .sec1_txt1 .sec1_txt1_content .sub_div .number, .infor_container .sec1_container .sec1_txt2 .sec1_txt1_content .sub_div .number, .infor_container .sec1_container .sec1_txt3 .sec1_txt1_content .sub_div .number { font-size: 2rem; } .infor_container .sec1_container .sec1_txt1 .sec1_txt1_content .sub_div .inforTitle, .infor_container .sec1_container .sec1_txt2 .sec1_txt1_content .sub_div .inforTitle, .infor_container .sec1_container .sec1_txt3 .sec1_txt1_content .sub_div .inforTitle { font-size: 2rem; } .infor_container .sec1_container .sec1_txt1 .sec1_txt1_content .sub_div .div_line, .infor_container .sec1_container .sec1_txt2 .sec1_txt1_content .sub_div .div_line, .infor_container .sec1_container .sec1_txt3 .sec1_txt1_content .sub_div .div_line { width: auto; margin-top: 30px; } .infor_container .sec1_container .sec1_txt1 .sec1_txt1_content .sub_div .div_line .div_line_img, .infor_container .sec1_container .sec1_txt2 .sec1_txt1_content .sub_div .div_line .div_line_img, .infor_container .sec1_container .sec1_txt3 .sec1_txt1_content .sub_div .div_line .div_line_img { margin-top: 0.7rem; } .infor_container .sec1_container .sec1_txt1 .sec1_txt1_content .sub_div .div_line .div_line_p, .infor_container .sec1_container .sec1_txt2 .sec1_txt1_content .sub_div .div_line .div_line_p, .infor_container .sec1_container .sec1_txt3 .sec1_txt1_content .sub_div .div_line .div_line_p { font-size: 1.3rem; color: #666; font-weight: 400; margin-left: 0px; } .infor_container .sec1_container .sec1_txt1 .sec1_txt1_content .inforText_div, .infor_container .sec1_container .sec1_txt2 .sec1_txt1_content .inforText_div, .infor_container .sec1_container .sec1_txt3 .sec1_txt1_content .inforText_div { white-space: nowrap; margin-top: 1rem; } .infor_container .sec1_container .sec1_txt1 .sec1_txt1_content .inforText_div .inforText, .infor_container .sec1_container .sec1_txt2 .sec1_txt1_content .inforText_div .inforText, .infor_container .sec1_container .sec1_txt3 .sec1_txt1_content .inforText_div .inforText { margin: 0; color: #666; font-size: 1.5rem; height: auto; } .infor_container .sec1_container .sec1_img1 { width: auto; margin-top: 6rem; } .infor_container .sec1_container .sec1_img1 .sec1_img1_img { width: 100%; } .infor_container .line { margin-top: 5rem; width: 100%; } .infor_container .sec1_container:nth-child(4) { flex-direction: column-reverse; } }

/*# sourceMappingURL=guide_payment.css.map */