@charset "utf-8"; #container { margin-top:0 } 
.flex-box { display:flex; } 
.flex-box.column { flex-direction: column; } 
.color_box { background:#F5F9FF; } 
.check_list li { padding-left:30px; position:relative; } 
.dot_list li { padding-left:20px; position:relative; } 
.check_list li:before { position:absolute; content:''; width:20px; aspect-ratio: 25/18; height:auto; background: url('../img/sub/check_icon.png')no-repeat center center/cover; left:0; top:50%; transform: translateY(-50%); } 
.dot_list li:before { position:absolute; content:''; width:5px; aspect-ratio:1/1; top:50%; transform: translateY(-50%); background:var(--color-main); border-radius: 50%; left:0; top:50%; transform: translateY(-50%); } 
.doted_line { color: #0039A2; padding: 40px 0; display: flex; align-items: center; justify-content: center; gap: 10px; font-weight: 600; font-size: 1.1em; border: 1px dashed var(--color-main); border-radius: 10px; } 
.color-txt { color:#0039A2 } 
.line-br { display:block } 
.sub_page_bg { width:100%; height:450px; } 
.sub_page_bg h1 { font-size: 2.5em; font-family: 'Montserrat'; font-weight:600; color:#fff; display:flex; width:100%; height:100%; align-items: center; justify-content: center; } 
#announcement .sub_page_bg { background:url('../img/sub/announcement01.jpg')no-repeat center center/cover } 
#prediction01 .sub_page_bg { background:url('../img/sub/prediction_bg.jpg')no-repeat center center/cover } 
#prediction02 .sub_page_bg { background:url('../img/sub/prediction2_bg.jpg')no-repeat center center/cover } 
#qna .sub_page_bg { background:url('../img/sub/qna_bg.jpg')no-repeat center center/cover } 
.payment .sub_page_bg { background:url('../img/sub/apply_bg.jpg')no-repeat center center/cover } 


.info-form-wrap { width:100%; } 
.info-section { width:100%; margin-bottom:50px; } 
.info-section-title { display:flex; align-items:center; gap:10px; padding:0 0 15px; border-bottom:3px solid #0057c8; } 
.info-section-title h3 { font-size:1.5em; font-weight:700; } 
.info-section-title p { display:flex; align-items:center; gap:4px; margin:0; font-size:16px; font-weight:600; color:#0057c8; } 
.info-section-title p span { display:inline-flex; align-items:center; justify-content:center; width:16px; height:16px; border-radius:50%; background:#0057c8; color:#fff; font-size:11px; font-weight:700; } 
.info-table { width:100%; border-top:0; } 
.info-row { display:flex; width:100%; border-bottom:1px solid #e5e5e5; align-items: stretch; } 
.info-th { width:50%; padding:25px 30px; background:#F8F8F8; font-weight: 500; } 
.info-td { flex:1; padding:25px 30px; background:#fff; font-weight: 400; display:flex; align-items: center; } 
.info-th.required { background-image: none !important; } 
.info-th.required:before { content:'*'; display:inline-block; margin-right:4px; color:#0057c8; font-weight:700; } 



.info-td input[type=text],
.info-td input[type=email],
.info-td input[type=tel],
.info-td input[type=password],
.common-input { width:100%; max-width:340px; height:40px; padding:0 16px; border:1px solid #dcdcdc; border-radius:4px; background:#fff; font-size:.8em; color:#111; transition:.2s ease; font-family:'Pretendard'; } 
.info-td input::placeholder,
.common-input::placeholder { color:#aaa; } 
.info-td input:focus,
.common-input:focus,
.common-select select:focus { border-color:#005cff; outline:none; } 
.common-select { position:relative; display:inline-flex; align-items:center; min-width:120px; height:42px; max-width:340px; width:100%; } 
.common-select select { appearance:none; -webkit-appearance:none; -moz-appearance:none; width:100%; height:100%; padding:0 42px 0 16px; border:1px solid #dcdcdc; border-radius:4px; background:#fff; font-size:.8em; cursor:pointer; } 
.common-select:before { content:''; position:absolute; right:16px; top:50%; transform:translateY(-50%); width:8px; height:8px; border-right:1.5px solid #111; border-bottom:1.5px solid #111; transform:translateY(-65%) rotate(45deg); pointer-events:none; } 
.common-select select::-ms-expand { display:none; } 
.birth-select-wrap { display:flex; align-items:center; gap:10px; width:100% } 
.birth-select-wrap .common-select { max-width:180px } 

.custom_radio input { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0,0,0,0); } 
.custom_radio span { position:relative; width:18px; height:18px; border:1px solid #d6d6d6; border-radius:50%; background:#fff; flex-shrink:0; } 
.custom_radio input:checked + span:before { content:''; position:absolute; left:50%; top:50%; width:10px; height:10px; border-radius:50%; background:#005cff; transform:translate(-50%,-50%); } 
.name-flex { display:flex; gap:12px; flex-wrap:wrap; } 
.name-flex input { max-width:240px; } 



@media(max-width:768px){
 .info-td input[type=text],
 .info-td input[type=email],
 .info-td input[type=tel],
 .info-td input[type=password],
 .common-input { max-width:100%; } 
 .common-select { width:100%; min-width:auto; } 
 .birth-select-wrap { display:grid; grid-template-columns:repeat(3,1fr); gap:8px; width:100%; } 
 .name-flex { display:grid; grid-template-columns:1fr; } 

 .info-form-wrap { border-left:0; border-right:0; } 
 .info-section { margin-bottom:30px; } 
 .info-section-title { align-items:flex-start; flex-direction:column; gap:4px; } 
 .info-row { flex-direction:column; } 
 .info-th { width:100%; min-height:auto; padding:15px 20px; } 
 .info-td { width:100%; min-height:auto; padding:15px 20px; border-top:1px solid #eee; } 
 }

.agree_box { width:100%; margin-bottom:70px; } 
.agree_tit { margin-bottom:18px; font-size:1.5em; font-weight:400 } 
.agree_scroll { height:210px; padding:35px 40px; border:1px solid #e5e5e5; border-radius:8px; background:#fafafa; font-size:.9em; line-height:1.8; overflow-y:auto; } 
.agree_scroll::-webkit-scrollbar { width:12px; } 
.agree_scroll::-webkit-scrollbar-track { background:transparent; } 
.agree_scroll::-webkit-scrollbar-thumb { background:#cfcfcf; border-radius:20px; border:3px solid #fafafa; } 
.agree_check { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:12px; } 
.agree_check p { margin:0; font-weight:500; } 
.agree_check p em { font-style:normal; color:#005cff; font-weight:700; } 
.radio_group { display:flex; align-items:center; gap:28px; flex-shrink:0; } 
.custom_radio { display:inline-flex; align-items:center; gap:7px; font-size:.9em; font-weight:600; cursor:pointer; white-space:nowrap; } 
.custom_radio input { position:absolute; width:1px; height:1px; margin:-1px; padding:0; border:0; clip:rect(0,0,0,0); overflow:hidden; } 
.custom_radio span { position:relative; display:inline-block; width:20px; height:20px; border:1px solid #ddd; border-radius:50%; background:#fff; box-sizing:border-box; } 
.custom_radio input:checked + span { border-color:#dcdcdc; } 
.custom_radio input:checked + span:before { content:''; position:absolute; left:50%; top:50%; width:12px; height:12px; border-radius:50%; background:#005cff; transform:translate(-50%,-50%); } 
.custom_radio input:focus + span { outline:2px solid rgba(0,92,255,.18); outline-offset:2px; } 

@media(max-width:768px){
 .agree_tit { font-size:20px; margin-bottom:14px; } 
 .agree_scroll { padding:22px 20px; font-size:14px; } 
 .agree_check { display:block; } 
 .agree_check p {line-height:1.5; } 
 .radio_group { gap:20px; } 
 .custom_radio { font-size:16px; } 
 }






.announcement { } 
.announcement .sec { } 
.announcement .sec01 { padding-top: 130px; } 
.announcement .sec01 .cinner { border-bottom: 2px dashed #ccc; } 
.announcement .sec01 .title_wrap { } 
.announcement .sec01 .title_wrap .bg_box { } 
.announcement .sec01 .title_wrap .bg_box img { width:100% } 
.announcement .sec01 .content_wrap { background: #fff; position: relative; top: -80px; width: 90%; left: 50%; transform: translateX(-50%); padding: 50px 0 0; } 
.announcement .sec01 .content_wrap .content_tit { display: flex; flex-direction: column; align-items: center; text-align: center; } 
.announcement .sec01 .content_wrap .content_tit img { margin-bottom: 10px; } 
.announcement .sec01 .content_wrap .content_tit h2 { color: var(--color-main); font-size: 2em; font-weight: 600; margin-bottom: 30px; } 
.announcement .sec01 .content_wrap .content_tit p { margin-bottom: 20px; line-height: 1.5; } 
.announcement .sec01 .content_wrap .content_tit p .line-br { } 
.announcement .sec02 { padding: 100px 0 200px; } 
.announcement .sec02 .cinner { } 
.announcement .sec02 .cinner .list_wrap { display: flex; flex-direction: column; gap: 100px; } 
.announcement .sec02 .cinner .list_wrap > div { } 
.announcement .sec02 .cinner .list_wrap > div .left { width: 30%; max-width: 400px; } 
.announcement .sec02 .cinner .list_wrap > div .title_wrap { } 
.announcement .sec02 .cinner .list_wrap > div .title_wrap h2 { font-size: 1.5em; } 
.announcement .sec02 .cinner .list_wrap > div .right_wrap { width: 70%; } 
.announcement .sec02 .cinner .list_wrap > div .right_wrap ul { padding: 40px 50px; border-radius: 20px; display: flex; flex-wrap: wrap; gap:10px 0 } 
.announcement .sec02 .cinner .list_wrap > div .right_wrap ul li { width:50% } 
.announcement .sec02 .cinner .list_wrap > div .right_wrap ul.check_list li:nth-child(2n) { width:40% } 
.announcement .sec02 .cinner .list_wrap > div .right_wrap ul.check_list li:nth-child(2n-1) { width:60% } 

.announcement .sec02 .cinner .list_wrap > div .right_wrap > p { font-size: 1.25em; margin-bottom:20px;; } 
.announcement .sec02 .cinner .list_wrap > div .right_wrap ul.img_list { padding:0; gap:20px; } 
.announcement .sec02 .cinner .list_wrap > div .right_wrap ul.img_list li { width: calc(100% / 6 - 17px); align-items: center; padding: 30px 10px; gap: 10px; border-radius: 20px; } 
.announcement .sec02 .cinner .list_wrap > div .right_wrap ul.img_list li img { max-width: 80px; width: 90%; } 
.announcement .sec02 .cinner .list_wrap > div .right_wrap ul.img_list li span { font-size: .9em; } 

.announcement .sec02 .cinner .list_wrap > div .right_wrap ul.dot_list { flex-direction: column; } 
.announcement .sec02 .cinner .list_wrap > div .right_wrap ul.dot_list li { width:100% } 

.announcement .sec02 .cinner .list_wrap > div .right_wrap > p.color_box { font-size: 1em; padding:40px 50px; line-height: 1.8; border-radius: 20px; margin-bottom:0 } 

@media(max-width:1399px) { } 
@media(max-width:1199px) { } 
@media(max-width:1024px){
 .announcement .sec02 .cinner .list_wrap { gap:60px; } 
 .announcement .sec02 .cinner .list_wrap > div { flex-direction: column; gap:20px } 
 .announcement .sec02 .cinner .list_wrap > div .left { width:100%; max-width:none } 
 .announcement .sec02 .cinner .list_wrap > div .right_wrap { width:100% } 
 }
@media(max-width:768px){
 .announcement .sec01 .content_wrap .content_tit img { width:80px } 
 .announcement .sec01 .content_wrap .content_tit h2 { font-size: 1.8em; margin-bottom:20px; } 
 .announcement .sec01 { padding-top:80px; } 
 .announcement .sec01 .content_wrap { top:0; width:100%; padding:50px 0 } 
 .announcement .sec01 .content_wrap .content_tit p .line-br { display:inline } 
 .announcement .sec02 .cinner .list_wrap > div .right_wrap > p { font-size: 1em; } 
 .announcement .sec02 .cinner .list_wrap > div .right_wrap ul.check_list { flex-direction: column; } 
 .announcement .sec02 .cinner .list_wrap > div .right_wrap ul.check_list li:nth-child(2n-1),
 .announcement .sec02 .cinner .list_wrap > div .right_wrap ul.check_list li:nth-child(2n) { width:100% } 
 .announcement .sec02 .cinner .list_wrap > div .right_wrap ul.img_list { gap:10px; } 
 .announcement .sec02 .cinner .list_wrap > div .right_wrap ul.img_list li { padding:20px 10px; width: calc(100% / 4 - 8px); } 
 .announcement .sec02 .cinner .list_wrap > div .right_wrap ul,
 .announcement .sec02 .cinner .list_wrap > div .right_wrap > p.color_box { padding:30px 40px } 
 .announcement .sec02 { padding:60px 0 120px } 
 .announcement .doted_line { padding:20px } 
 }
@media(max-width:640px){
 .announcement .sec02 .cinner .list_wrap > div .right_wrap ul,
 .announcement .sec02 .cinner .list_wrap > div .right_wrap > p.color_box { padding:30px } 
 .announcement .sec02 .cinner .list_wrap > div .right_wrap > p.color_box .line-br { display:inline } 
 }
@media(max-width:500px){
 .announcement .sec02 .cinner .list_wrap > div .right_wrap > p.color_box { padding:30px 20px } 
 }


.prediction { } 
.prediction .sec { padding: 100px 0 200px; } 
.prediction .title_wrap { display: flex; flex-direction: column; align-items: center; text-align: center; gap: 20px; } 
.prediction .title_wrap h2 { font-size: 2em; font-family: 'Montserrat'; } 
.prediction .title_wrap p { line-height: 1.5; } 
.prediction .title_wrap p .line-br { } 
.prediction .doted_line { padding: 40px 60px; justify-content: space-between; color:#000 } 
.prediction .doted_line > div { gap: 65px; } 
.prediction .doted_line > div > div { align-items: center; gap: 10px; } 
.prediction .doted_line > div > div img { } 
.prediction .doted_line > div > div span { font-size: 1.1em; } 
.prediction .doted_line > div > p { font-size: .9em; line-height: 2; } 
.prediction#prediction01 .doted_line > div:last-child { gap: 10px; } 
.prediction#prediction01 .doted_line > div:last-child > a { font-size: .9em; width: 225px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--color-main); height: 55px; border-radius: 30px; font-weight: 400; background: #fff; color: var(--color-main); } 
.prediction#prediction01 .doted_line > div:last-child > a:last-child { background: var(--color-main); color: #fff; } 

#prediction01 .content_wrap { padding: 50px 0; } 
#prediction01 .content_wrap ul { display: flex; gap: 50px; } 
#prediction01 .content_wrap ul li { width: calc(100% / 3 - 33px); align-items: center; gap: 45px; border: 1px solid #D4D4D4; border-radius: 10px; padding: 50px 0; } 
#prediction01 .content_wrap ul li img { } 
#prediction01 .content_wrap ul li span { font-size: 1.1em; font-weight: 500; } 


#prediction02 .sec01 { padding-bottom:100px } 
#prediction02 .sec01 .content_wrap { margin-top:60px } 
#prediction02 .sec01 .content_wrap .color_list { gap: 15px; } 
#prediction02 .sec01 .content_wrap .color_list > li { width: 100%; border: 1px solid #E4E4E4; border-radius: 10px; padding: 30px 70px; align-items: center; border-left:10px solid #2267E9 } 
#prediction02 .sec01 .content_wrap .color_list > li:nth-child(2) { border-left:10px solid #F99C09 } 
#prediction02 .sec01 .content_wrap .color_list > li:nth-child(3) { border-left:10px solid #CF1813 } 
#prediction02 .sec01 .content_wrap .color_list > li .color_list_tit { gap: 50px; align-items: center; width: 40%; max-width:400px } 
#prediction02 .sec01 .content_wrap .color_list > li .color_list_tit img { } 
#prediction02 .sec01 .content_wrap .color_list > li .color_list_tit > div { } 
#prediction02 .sec01 .content_wrap .color_list > li .color_list_tit > div h3 { font-size: 1.5em; margin-bottom: 7px; color: #2267E9; } 
#prediction02 .sec01 .content_wrap .color_list > li .color_list_tit > div span { color: #2267E9; font-size: 15px; font-family: 'Montserrat'; border: 2px solid; background: #EEF4FF; padding: 5px 15px; border-radius: 5px; font-weight: 500; border:1px solid rgba(34,103,233,.2) } 
#prediction02 .sec01 .content_wrap .color_list > li .check_list { gap: 10px; display: flex; flex-direction: column; padding-left:50px; border-left:1px solid #D9D9D9 } 
#prediction02 .sec01 .content_wrap .color_list > li:nth-child(2) .check_list { } 
#prediction02 .sec01 .content_wrap .color_list > li:nth-child(3) .check_list { } 
#prediction02 .sec01 .content_wrap .color_list > li:nth-child(2) .color_list_tit > div { } 
#prediction02 .sec01 .content_wrap .color_list > li:nth-child(2) .color_list_tit > div h3 { color: #F99C09; } 
#prediction02 .sec01 .content_wrap .color_list > li:nth-child(2) .color_list_tit > div span { color: #F99C09; background: #FEF8ED; border:1px solid rgba(249,156,9,.2) } 
#prediction02 .sec01 .content_wrap .color_list > li:nth-child(3) .color_list_tit > div { } 
#prediction02 .sec01 .content_wrap .color_list > li:nth-child(3) .color_list_tit > div h3 { color: #CF1813; } 
#prediction02 .sec01 .content_wrap .color_list > li:nth-child(3) .color_list_tit > div span { color: #CF1813; background: #FDE9E9; border:1px solid rgba(207,24,19,.2) } 
#prediction02 .sec01 .content_wrap .color_list > li .check_list li:before { aspect-ratio: 13/10; width:13px } 
#prediction02 .sec01 .content_wrap .color_list > li:nth-child(2) .check_list li:before { background: url('../img/sub/check_icon02.png')no-repeat center center /cover } 
#prediction02 .sec01 .content_wrap .color_list > li:nth-child(3) .check_list li:before { background: url('../img/sub/check_icon03.png')no-repeat center center /cover } 

#prediction02 .sec02 { padding-top:0 } 
#prediction02 .sec02 .content_wrap { } 
#prediction02 .sec02 .content_wrap .result_wrap { background: #fbfbfb; border: 1px solid #e4e4e4; border-radius: 10px; margin: 25px 0 50px; padding: 50px 0; display: flex; flex-direction: column; align-items: center; } 
#prediction02 .sec02 .content_wrap .result_wrap > img { margin-bottom: 20px; } 
#prediction02 .sec02 .content_wrap .result_wrap > h3 { font-size: 1.5em; color: #CF1813; margin-bottom:10px } 
#prediction02 .sec02 .content_wrap .result_wrap > span { font-size: 15px; font-family: 'Montserrat'; border: 2px solid; padding: 5px 15px; border-radius: 5px; font-weight: 500;; color: #CF1813; background: #FDE9E9; border:1px solid rgba(207,24,19,.2); margin-bottom:35px } 
#prediction02 .sec02 .content_wrap .result_wrap > p { text-align: center; line-height: 1.5; } 
#prediction02 .sec02 .content_wrap .result_wrap > p .line-br { } 

#prediction02 .info-section.cont1 .info-th { width:50% } 
#prediction02 .info-section.cont4 .info-th span:last-child { font-size: .9em; padding-left:15px } 
#prediction02 .info-section.cont2 .info-th { width:40% } 
#prediction02 .info-section.cont3 .info-th { width:40% } 
#prediction02 .info-section.cont4 .info-th { width:80% } 
#prediction02.prediction .doted_line > div { align-items: flex-start; } 
#prediction02.prediction .doted_line > div > div { padding-top:10px } 

#prediction02 .link_wrap { display: flex; align-items: center; justify-content: center; margin-top:85px; } 
#prediction02 .link_wrap a { font-size: .9em; width:100%; max-width: 225px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--color-main); height: 55px; border-radius: 30px; font-weight: 400; background: var(--color-main); color: #fff } 


@media(max-width:1199px){
 #prediction02 .sec01 .content_wrap .color_list > li { padding:30px 50px } 
 #prediction02 .sec01 .content_wrap .color_list > li .color_list_tit { width:35% } 
 #prediction02 .sec01 .content_wrap .color_list > li .color_list_tit img { width:80px } 
 #prediction01.prediction .doted_line > div:last-child { flex-direction: column; } 
 }
@media(max-width:1024px){
 #prediction02 .info-section.cont2 .info-th,
 #prediction02 .info-section.cont3 .info-th { width:60% } 
 }
@media(max-width:768px){
 .prediction .sec { padding:80px 0 100px } 
 .prediction .title_wrap h2 {font-size: 1.5em;}
 .prediction .title_wrap p {font-size: .9em;}
 #prediction02 .sec01 .content_wrap .color_list > li { flex-direction: column; gap:30px } 
 #prediction02 .sec01 .content_wrap .color_list > li .color_list_tit { width:100%; flex-direction: column; align-items: center; gap:20px; text-align: center; } 
 #prediction02 .sec01 .content_wrap .color_list > li .check_list { padding-left:0; border-left:0; } 
 #prediction02 .info-section.cont1 .info-th,
 #prediction02 .info-section.cont2 .info-th,
 #prediction02 .info-section.cont3 .info-th,
 #prediction02 .info-section.cont4 .info-th { width:100% } 
 .prediction .doted_line { padding:30px } 
 #prediction02.prediction .doted_line > div { flex-direction: column; gap:10px } 

 #prediction01 .content_wrap ul { gap:20px } 
 #prediction01 .content_wrap ul li { width:calc(100% / 3 ) } 
 #prediction01.prediction .doted_line { flex-direction: column; gap:30px } 
 #prediction01.prediction .doted_line > div:last-child { flex-direction: row; justify-content: center; } 
 #prediction01.prediction .title_wrap p .line-br { display:inline } 
 }
@media(max-width:640px){
 #prediction01 .content_wrap ul { flex-direction: column; } 
 #prediction01 .content_wrap ul li { width:100%; gap:20px } 
 #prediction01.prediction .doted_line > div { flex-direction: column; gap:10px; width:100% } 
 }
@media(max-width:500px){
 #prediction02 .sec01 .content_wrap .color_list > li .color_list_tit img { width:60px } 
 #prediction02 .sec01 .content_wrap .color_list > li { padding:30px } 
 #prediction02 .sec01 .content_wrap .color_list > li .check_list { width:100% } 
 #prediction01.prediction .doted_line > div:last-child { flex-wrap:wrap } 
 .prediction#prediction01 .doted_line > div:last-child > a { width:100%; } 
 }


.payment { } 
.payment .step_list_wrap { display: flex; margin: 100px 0 65px; background: #F3F7FA; } 
.payment .step_list_wrap .step { width: 25%; align-items: center; padding: 30px 0; justify-content: center; position:relative } 
.payment .step_list_wrap .step img { margin-bottom: 10px; } 
.payment .step_list_wrap .step span { font-size: 15px; font-family: 'Montserrat'; font-weight: 500; } 
.payment .step_list_wrap .step p { font-weight: 500; } 
.payment .step_list_wrap .step.on { color: #fff; background: #2059C4; } 
.payment .step_list_wrap .step:before { content:''; position:absolute; right:0; width:1px; height:80px; background: #CAD7E0; } 
.payment .step_list_wrap .step:last-child:before { display:none } 
.payment .step_list_wrap .step.on:before { content: ''; position: absolute; left: 50%; bottom: -15px; transform: translateX(-50%); width: 0; height: 0; border-left: 15px solid transparent; border-right: 15px solid transparent; border-top: 15px solid #2059C4; background: transparent; } 
.payment .step_list_wrap .step.on img { filter: brightness(0) invert(1); } 
.payment .link_wrap { display: flex; align-items: center; justify-content: center; margin-top:85px; } 
.payment .link_wrap a { font-size: .9em; width:100%; max-width: 225px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--color-main); height: 55px; border-radius: 30px; font-weight: 400; background: var(--color-main); color: #fff } 
.payment .sec02 { padding-bottom:200px } 
.payment .info-section { margin-bottom:100px } 




.payment .info-th { padding:15px 30px;  display: flex; align-items: center; } 
.payment .info-td { padding:15px 30px } 
.payment .cont1 .info-th { width:20% } 
.payment .cont2 .info-th { width:45% } 
.payment .cont3 .info-th { width:40% } 
.payment .cont4 .info-th { width:35% } 
.payment .cont5 .info-th { width: 20%; } 
.payment .cont6 .info-th { width:20% } 
.payment .cont7 .info-th { width: 25%; } 
.payment .cont8 .info-th { width: 40%; } 
.payment .cont9 .info-th { width: 25%; } 
.payment .cont10 .info-th { width: 80%; } 
.payment .info-td .flex-box { gap:10px; align-items: center; } 
.payment .cont10 .info-th .flex-box span:last-child { font-size: .8em; padding-left:15px; } 
.payment .cont5 .adress .info-td input { max-width:600px } 
.payment .cont1 .info-td .flex-box { gap:10px } 
.payment .cont6 .common-select,
.payment .cont9 .common-select { max-width:280px; width:280px } 
.payment .number_wrap .info-td { display: flex; gap:20px; } 
.payment .number_wrap input { width:120px } 
.payment .cont6 .info-row:last-child input,
.payment .cont9 .info-row:last-child input { width:300px } 
.payment .info-td .flex-box { width:100% } 
.payment .num_7_input .flex-box input { max-width:650px; width:50% } 
.num_7_input { display:none; } 
.num_7_input.active { display:block; } 

.payment .photo-upload-box { display:flex; align-items:center; padding:50px 140px; background:#FDFDFD; border:1px solid #E8E8E8; border-radius:10px; } 
.payment .photo-upload-label { position:relative; flex:0 0 300px; width:300px; aspect-ratio: 1/1; border:1px dashed #d9d9d9; border-radius:16px; background:#fff; overflow:hidden; cursor:pointer; text-align:center; } 
.payment .photo-upload-label input { position:absolute; width:1px; height:1px; margin:-1px; padding:0; overflow:hidden; clip:rect(0,0,0,0); border:0; } 
.payment .upload-placeholder { position:absolute; inset:0; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:40px; text-align:center; background:#fff; } 
.payment .upload-placeholder strong { font-weight: 500; } 
.payment .photo-icon { display:flex; align-items:center; justify-content:center; } 
.payment .upload-preview { display:none; position:absolute; inset:0; } 
.payment .upload-preview img { width:100%; height:100%; object-fit:cover; display:block; } 
.payment .remove-btn { position:absolute; top:10px; right:10px; width:32px; height:32px; border:0; border-radius:50%; background:rgba(0,0,0,.65); color:#fff; font-size:20px; line-height:32px; cursor:pointer; z-index:3; } 
.payment .photo-upload-label.has-file .upload-placeholder { display:none; } 
.payment .photo-upload-label.has-file .upload-preview { display:block; } 
.payment .photo-guide { flex:1; padding-left:100px; } 
.payment .photo-guide h4 { position:relative; margin:0 0 12px; padding-left:30px; font-weight:500; font-family:'Pretendard'; color:#0039A2; } 
.payment .photo-guide h4:before { content:''; position:absolute; left:0; top:50%; transform:translateY(-50%); width:20px; aspect-ratio:1/1; background:url('../img/sub/icon01.png') no-repeat center center/cover; } 
.payment .photo-guide li { position:relative; padding-left:15px; font-size:.9em; line-height:1.5; color:#333; } 
.payment .photo-guide li:before { content:'-'; position:absolute; left:0; top:0; color:#444; } 

.payment .link_wrap { width:100% } 
.payment .link_wrap .flex-box { gap:20px; width:100%; justify-content: center; } 
.payment .link_wrap a { width:50% } 
.payment .link_wrap a:first-child { background: #fff;; color: var(--color-main); border:1px solid var(--color-main) } 
#payment01 .link_wrap a:first-child,
#payment05 .link_wrap a:first-child { background:var(--color-main); color:#fff } 




#payment03 .photo-upload-wrap { margin-top:80px; } 
#payment03 .photo-upload-box { display:flex; gap:40px; padding:55px 40px; border:1px solid #E6E6E6; background:#F8F8F8; } 
#payment03 .photo-upload-item { flex:1; } 
#payment03 .upload-title-wrap { margin-bottom:18px; } 
#payment03 .upload-title-wrap strong { display:block; font-size:1.25em; font-weight:600; margin-bottom:8px; line-height:1.4; } 
#payment03 .upload-input-wrap { position:relative; display:block; width:100%; height:44px; border:1px solid #DDDDDD; background:#fff; border-radius:4px; overflow:hidden; cursor:pointer; } 
#payment03 .upload-input-wrap input { position:absolute; inset:0; width:100%; height:100%; opacity:0; cursor:pointer; } 
#payment03 .upload-input-wrap .file-name { display:flex; align-items:center; width:100%; height:100%; padding:0 15px; color:#B5B5B5; } 


#payment04 .danger_txt_wrap { margin-top:120px; padding:50px; border:1px dashed #E20101; background:#FFF8F8; border-radius: 10px; } 
#payment04 .danger_txt_wrap h3 { display:flex; align-items:center; gap:10px; margin-bottom:25px; color:#E20101; font-size:1.1em; font-weight:600; position:relative; padding-left:45px } 
#payment04 .danger_txt_wrap h3:before { position:absolute; left:0; top:50%; transform: translateY(-50%); width:35px; aspect-ratio: 1/1; background:url('../img/sub/danger_icon.png')no-repeat center center/cover; content:''; } 
#payment04 .danger_txt_wrap p { display:flex; flex-direction:column; gap:10px; font-size: .9em; } 
#payment04 .danger_txt_wrap .red_txt { color:#E60012; font-weight:700; } 
#payment04 .card_wrap { margin-top:50px; } 
#payment04 .card_wrap ul { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; } 
#payment04 .card_wrap li { position:relative; } 
#payment04 .card_wrap input { position:absolute; width:1px; height:1px; opacity:0; } 
#payment04 .card_wrap label { display:block; height:100%; padding:28px 24px; border:2px solid #E3E8F3; border-radius:16px; background:#fff; cursor:pointer; transition:.25s; box-shadow:0 8px 24px rgba(0,0,0,.04); } 
#payment04 .card_wrap .badge { display:inline-flex; align-items:center; justify-content:center; height:32px; padding:0 14px; border-radius:100px; background:#EDF3FF; color:#2059C4; font-size:14px; font-weight:700; margin-bottom:22px; } 
#payment04 .card_wrap strong { display:block; color:#111; font-size:34px; font-weight:800; line-height:1; margin-bottom:10px; } 
#payment04 .card_wrap em { display:block; color:#2059C4; font-size:18px; font-weight:700; font-style:normal; margin-bottom:18px; } 
#payment04 .card_wrap p { color:#666; font-size:15px; line-height:1.5; } 
#payment04 .card_wrap label:hover { border-color:#2059C4; transform:translateY(-4px); box-shadow:0 14px 35px rgba(32,89,196,.14); } 
#payment04 .card_wrap input:checked + label { border:2px solid #2059C4; background:#F7FAFF; } 
#payment04 .payment_box { margin-top:60px; background:#fafafa; border-radius:10px; overflow:hidden; } 
#payment04 .payment_box h3 { padding:35px 40px; border-bottom:1px solid #E5E5E5; font-size:1.5em; font-weight:600 } 
#payment04 .payment_inner { padding:60px 55px; } 
#payment04 .pay_row { display:flex; align-items:center; gap:45px; margin-bottom:24px; } 
#payment04 .pay_row > strong { min-width:90px; font-size:1.25em; font-weight:700; color:#111; } 
#payment04 .pay_price { color:var(--color-main); font-weight: 700; font-size: 1.25em; } 
#payment04 .pay_method { display:flex; align-items:center; gap:22px; } 
#payment04 .bank_info_box { display:grid; grid-template-columns:1fr 1.9fr 1.5fr; margin-top:40px; padding:40px 20px; background:#fff; border:1px solid #E9E9E9; border-radius:14px; } 
#payment04 .bank_col { display:flex; flex-direction:column; align-items:center; justify-content:center; min-height:82px; padding:0 25px; text-align:center; border-right:1px solid #D9D9D9; } 
#payment04 .bank_col:last-child { border-right:0; } 
#payment04 .bank_col strong { display:block; margin-bottom:12px; font-size:1.25em; font-weight:500; } 
#payment04 .bank_col input { width:100%; max-width:300px; height:40px; padding:0 15px; border:1px solid #E5E5E5; border-radius:5px; text-align:center; font-size: 16px; } 
#payment04 .bank_col input::placeholder { color:#B8B8B8; } 



#payment05 .info_txt_wrap { margin-top:120px; padding:50px; border:1px dashed var(--color-main); background:#F5F9FF; border-radius: 10px; } 
#payment05 .info_txt_wrap h3 { display:flex; align-items:center; gap:10px; margin-bottom:25px; color:var(--color-main); font-size:1.1em; font-weight:600; position:relative; padding-left:45px } 
#payment05 .info_txt_wrap h3:before { position:absolute; left:0; top:50%; transform: translateY(-50%); width:35px; aspect-ratio: 1/1; background:url('../img/sub/icon01.png')no-repeat center center/cover; content:''; } 
#payment05 .info_txt_wrap p { display:flex; flex-direction:column; gap:10px; font-size: .9em; } 
#payment05 .info-form-wrap { margin-top:50px } 
#payment05 .mypage_table_box table { width:100%; table-layout:fixed; border-collapse:collapse; border-spacing:0; } 
#payment05 .mypage_table_box thead th { padding:20px 10px; border-bottom:1px solid #DCDCDC; background:#F8F8F8; text-align:center; word-break:keep-all; font-weight:500; } 
#payment05 .mypage_table_box tbody td { padding:20px 10px; border-bottom:1px solid #E5E5E5; font-size:.9em; text-align:center; vertical-align:middle; word-break:keep-all; } 
#payment05 .mypage_table_box tbody tr { transition:.25s; } 
#payment05 .mypage_table_box tbody tr:hover { background:#FAFCFF; } 
#payment05 .mypage_table_box .status { display:inline-flex; align-items:center; justify-content:center; min-width:90px; height:38px; padding:0 16px; border-radius:100px; font-size:14px; font-weight:700; } 
#payment05 .mypage_table_box .status.진행중 { background:#EDF3FF; color:#2059C4; } 
#payment05 .mypage_table_box .status.승인완료 { background:#EAF8EE; color:#1F9D57; } 
#payment05 .mypage_table_box .status.반려 { background:#FFF1F1; color:#E60012; } 
#payment05 .mypage_table_box .result_btn,
#payment05 .mypage_table_box .view_btn { display:inline-flex; align-items:center; justify-content:center; min-width:74px; height:36px; padding:0 16px; border-radius:8px; border:1px solid #2059C4; color:#2059C4; font-size:14px; font-weight:700; transition:.25s; } 
#payment05 .mypage_table_box .result_btn:hover,
#payment05 .mypage_table_box .view_btn:hover { background:#2059C4; color:#fff; } 
#payment05 .predict_check_wrap { margin-top:80px; } 
#payment05 .predict_check_inner { padding: 60px 40px; border: 10px solid #E8E8E8; background: #FBFBFB; text-align: center; } 
#payment05 .predict_check_inner .icon_box { display:flex; align-items:center; justify-content:center; margin-bottom:15px; } 
#payment05 .predict_check_inner h3 { font-size:1.5em; font-weight:700; margin-bottom:10px; } 
#payment05 .predict_check_inner p { font-size: .9em; line-height: 1.5; margin-bottom: 30px; } 
#payment05 .link_wrap { margin-top:0 } 

@media(max-width:1399px) {
    .payment .cont2 .info-th {width:50%}
    .payment .number_wrap .info-td{flex-wrap:wrap}
    .payment .cont6 .info-row:last-child input,
     .payment .cont9 .info-row:last-child input {max-width:250px}
}
@media(max-width:1199px) { 
    .payment .photo-guide {padding-left:60px}
    .payment .cont2 .info-th {width:40%}
    .payment .cont3 .info-th,
    .payment .cont4 .info-th,
    .payment .cont7 .info-th,
    .payment .cont8 .info-th {width:60%}
        .payment .cont10 .info-th {width:100%}
    .payment .cont10 .info-row {flex-direction: column;}
    .payment .cont6 .info-row:last-child input, .payment .cont9 .info-row:last-child input {max-width:200px}
} 
@media(max-width:1024px) {
    #payment02 .photo-upload-box { gap:50px; padding:50px 60px; }     
#payment02 .photo-guide { padding-left:0; } 
.info-row {flex-direction: column;}
.payment .info-th{width:100%!important}
#payment05 .mypage_table_box { overflow-x:auto; } 
#payment05 .mypage_table_box table { min-width:980px; } 
 }

@media(max-width:768px) {
    .info-section-title h3 {font-size: 1.2em;}
.payment .step_list_wrap {margin:40px 0 } 
.payment .sec02 { padding-bottom:100px } 
.agree_box { margin-bottom:40px; } 
.payment .link_wrap { margin-top:40px } 
#payment01 .link_wrap a:first-child,
#payment05 .link_wrap a:first-child { width:100%; max-width:none } 
.payment .step_list_wrap .step img { width:25px; } 
.payment .step_list_wrap .step span { font-size: 12px; } 
.payment .step_list_wrap .step p { font-size: .9em; } 
.payment .step_list_wrap .step { padding:20px 0 } 
.payment .step_list_wrap .step.on:before { bottom: -8px; border-left: 8px solid transparent; border-right: 8px solid transparent; border-top: 8px solid #2059C4; background: transparent; } 

#payment02 .photo-upload-box { flex-direction:column; align-items:center; gap:30px; padding:35px 20px; } 
#payment02 .photo-upload-label { flex:none; width:100%; max-width:260px; height:220px; } 
#payment02 .cont0 .photo-upload-label ,
#payment02 .cont11 .photo-upload-label { height:260px; } 
#payment02 .photo-guide { width:100%; padding-left:0; } 

#payment03 .photo-upload-box { flex-direction:column; gap:30px; padding:35px 20px; } 
#payment03 .upload-title-wrap strong { font-size:16px; } 

#payment04 .danger_txt_wrap { margin-top:40px; padding:25px 20px; } 
#payment04 .danger_txt_wrap h3 { font-size:17px; margin-bottom:18px; } 
#payment04 .danger_txt_wrap h3 img { width:18px; height:18px; } 
#payment04 .danger_txt_wrap p { gap:10px; } 
#payment04 .danger_txt_wrap p .line-br { font-size:13px; line-height:1.7; padding-left:12px; } 
#payment04 .danger_txt_wrap p .line-br::before { top:10px; } 
#payment04 .card_wrap ul { grid-template-columns:1fr; } 
#payment04 .card_wrap label { padding:24px 20px; } 
#payment04 .card_wrap strong { font-size:30px; } 
#payment04 .payment_box { margin-top:40px; } 
#payment04 .payment_box h3 { padding:25px 20px; font-size:20px; } 
#payment04 .payment_inner { padding:25px 20px 30px; } 
#payment04 .pay_row { gap:20px; margin-bottom:20px; } 
#payment04 .pay_row > strong { min-width:75px; font-size:15px; } 
#payment04 .pay_price { font-size:18px; } 
#payment04 .pay_method { gap:15px; flex-wrap:wrap; } 
#payment04 .bank_info_box { grid-template-columns:1fr; padding:0; margin-top:25px; } 
#payment04 .bank_col { border-right:0; border-bottom:1px solid #E5E5E5; padding:22px 18px; min-height:auto; } 
#payment04 .bank_col:last-child { border-bottom:0; } 
#payment04 .bank_col input { max-width:100%; } 

#payment05 .mypage_table_box thead th { padding:18px 8px; font-size:14px; } 
#payment05 .mypage_table_box tbody td { padding:18px 8px; font-size:13px; } 
#payment05 .mypage_table_box .status { min-width:76px; height:32px; font-size:12px; } 
#payment05 .mypage_table_box .result_btn,
#payment05 .mypage_table_box .view_btn { min-width:64px; height:32px; font-size:12px; } 

#payment05 .predict_check_wrap { margin-top:50px; } 
#payment05 .predict_check_inner { padding:55px 20px; } 
#payment05 .predict_check_inner .icon_box { margin-bottom:18px; } 
#payment05 .predict_check_inner .icon_box img { width:48px; } 
#payment05 .predict_check_inner h3 { font-size:1.6em; margin-bottom:15px; } 
#payment05 .predict_check_inner p { font-size:.9em; line-height:1.7; margin-bottom:30px; } 
#payment05 .predict_check_inner p .line-br { display:inline; } 
#payment05 .predict_check_inner .predict_btn { width:100%; max-width:220px; height:52px; font-size:.95em; } 
 }


@media(max-width:640px){
    .payment .info-td .flex-box {flex-wrap:wrap}
    .payment .info-section {margin-bottom:60px}
    .payment .info-th { padding:15px; } 
.payment .info-td { padding:15px } 

.payment .step_list_wrap .step{width:50%}
.payment .step_list_wrap {flex-wrap:wrap}
.payment .step_list_wrap .step.on:before {display:none}
#payment03 .photo-upload-wrap{margin-top:0}


}
@media(max-width:500px){

    .radio_group {flex-direction: column;    align-items: flex-start;gap:10px}
    #payment04 .radio_group {flex-direction: column;align-items: flex-start;}
    #payment04 .bank_col strong {font-size: 1.1em;}
    #payment04 .link_wrap .flex-box {flex-wrap: wrap;gap:10px}
#payment04 .link_wrap a {width:100%;max-width: 100%;}
.payment .link_wrap .flex-box {flex-wrap:wrap;gap:10px 20px}
.payment .link_wrap a{width:100%; max-width:100%; }
#payment05 .info_txt_wrap {padding:30px 20px}
.payment .number_wrap .flex-box:first-child .common-select{width:calc(50% - 10px)}
.payment .cont9  .number_wrap .flex-box:first-child .common-select{width:100%; max-width:100%}
.payment .number_wrap input {width:calc(33% - 20px)}
 .payment .cont9 .info-row:last-child input  {width:calc(50% - 20px);max-width:none}

.payment .cont6 .info-row:last-child input {width:calc(50% - 20px); max-width:none}
}




.passport-search-wrap { padding: 100px 0; background: #f5f7fb; text-align: center; border-radius: 20px; margin-top: 50px; } 
.passport-search-title { margin:0 0 26px; font-size:22px; font-weight:700; color:#000; } 
.passport-search-box { display:flex; align-items:center; width:100%; max-width:590px; height:64px; margin:0 auto; padding:0 8px 0 28px; background:#fff; border:3px solid #000; border-radius:999px; box-shadow:0 10px 18px rgba(23,43,77,.16); } 
.passport-search-box .search-icon { flex:0 0 24px; width:24px; height:24px; margin-right:22px; border:3px solid #000; border-radius:50%; position:relative; } 
.passport-search-box .search-icon::after { content:''; position:absolute; right:-8px; bottom:-6px; width:11px; height:3px; background:#000; border-radius:3px; transform:rotate(45deg); transform-origin:center; } 
.passport-search-box input { flex:1; min-width:0; height:100%; border:0; outline:0; background:transparent; font-size:17px; font-weight:600; color:#000; } 
.passport-search-box input::placeholder { color:#7c858d; opacity:1; } 
.passport-search-box a { flex:0 0 auto; height:50px; padding:0 30px; border:0; border-radius:999px; background:#000; color:#fff; font-size:17px; font-weight:700; cursor:pointer; display:flex; align-items: center; justify-content: center; } 

@media(max-width:768px){
    #payment03 .photo-upload-item {width:100%}
 .passport-search-wrap { padding:100px 20px } 
 .passport-search-title { margin-bottom:20px; font-size:18px; } 
 .passport-search-box { height:56px; padding:0 6px 0 22px; border-width:2px; } 
 .passport-search-box .search-icon { width:20px; height:20px; flex-basis:20px; margin-right:16px; border-width:3px; } 
 .passport-search-box input { font-size:15px; } 
 .passport-search-box a { height:44px; padding:0 22px; font-size:15px; } 
 }

@media(max-width:480px){
 .passport-search-box { padding-left:18px; } 
 .passport-search-box .search-icon { margin-right:12px; } 
 .passport-search-box a { padding:0 18px; } 
 }


 
@media(max-width:320px){
.passport-search-title { font-size:15px; }

.passport-search-box { height:52px; padding:0 4px 0 12px; }

.passport-search-box .search-icon { width:16px; height:16px; flex-basis:16px; margin-right:10px; }

.passport-search-box .search-icon::after { width:7px; height:2px; right:-5px; bottom:-3px; }

.passport-search-box input { font-size:12px; }

.passport-search-box a  { width:78px; height:40px; font-size:12px; }
}